/*
Theme Name: Rank Theme
Author: rank
*/
body{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:400;color:#000;}
*{margin:0px;padding:0px;}
.clr{clear:both;}
a{text-decoration:none;color:#000;transition:all 0.5s ease;}
a:focus, a:hover{}
:focus-visible{outline:none;}
a img{border:none;outline:none;}
h1 {
    color: #162637;
    font-size: 30px;
    font-weight: bold;
    font-family:Arial, Helvetica, sans-serif;
    margin: 10px 0;
}
h2{color:#162637;font-weight:bold;font-size:50px;line-height:50px;}
h2 span{color:#c00000;}
h3{color:#162637;font-size:26px;font-weight: bold;}
h4{color:#162637;font-size:18px;line-height:28px;font-weight:600;}
h5{color:#162637;}
p{font-size:16px;}
p a{color:#c00000;}
p a:hover{color:#696565;}
img{max-width:100%;}
.left{float:left;}
.right{float:right;}
.wraper{width:300px;margin:0px auto;}
.logo{text-align:center;}
.logo img{}
.list li{text-align: left;list-style-type:none;display:inline-block;width:100%;padding:10px 0;margin:12px 0;font-size: 16px;
    font-weight: bold;}
.list li img{background:#191970;padding:15px;border-radius: 10px;
float:left;margin: -14px 12px -14px 0;}
.list li span{display: inline-block;width:80%;}
.list li:nth-child(4){padding: 0;}
.list li:nth-child(4) img{margin:-4px 15px -4px 0;}
.page_body {
    text-align: center;
    padding: 100px 0 0 0;
    background: url(https://www.globalindustrieshp.com/wp-content/uploads/2025/07/top-back.png) top center no-repeat;
    background-size: 100%;
}
.foot_back{}
.logo img{width:200px;}
.botm_logo{text-align:center;margin-top:5%;}
.botm_logo img{width:200px;}
.head_text{margin-top:5%;}



/*Responsive*/

@media only screen and (max-width: 1370px) and (min-width:1365px){
.wraper{width:400px;}

}
@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:400px;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:400px;}

}
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:400px;}

}
@media only screen and (max-width: 800px) and (min-width: 668px){
.wraper{width:400px;}

}
@media only screen and (max-width: 667px) and (min-width:601px){
.wraper{width:400px;}

}
@media only screen and (max-width:600px) and (min-width:481px){
.wraper{width:100%;}
ul.list{padding:0 10px;}

}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:100%;}
ul.list {padding:0 10px;}
.list li span{width:76%;}

}
@media only screen and (max-width: 375px) and (min-width: 0px){
.wraper{width:100%;}
ul.list{padding:0 10px;}
.list li span{width:76%;}
}