body{color:#424242;font-size:14px;font-family:arial;background:#f8f8f8;}
*{margin:0px; padding:0px;}
.clr{clear:both;}
img{max-width:100%;}
li{list-style-type:none;}
:focus{outline:none;}
textarea{resize:vertical;}
a{text-decoration:none;color:#333;transition:all 0.5s ease;}
button{transition:all 0.5s ease;cursor:pointer;}
a:focus, a:hover{}
a img{border:none;outline:none;}
h1{ font-size:40px;color:#333333;font-weight:bold;}
h2{font-size:45px;color:#333333;}
h3{font-size:20px;}
h4{font-size:20px;font-weight:300;color:#333;}
h5{font-size:15px;font-weight:500;color:#000;}
h6{font-size:18px;}
p{font-size:16px;color:#424242;line-height:25px;}
.container{max-width:1200px;margin:auto;padding:30px;}
.hero-content{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px;}
.left-content{flex:1;}
.left-content h1{font-size:70px;font-weight:800;line-height:1.1;color:#111827;}
.left-content h1 span{color:#37b000;}
.left-content p{margin:30px 0;font-size:24px;line-height:1.7;color:#555;max-width:600px;}
.btn{display:inline-flex;align-items: center;gap: 12px;
background: url(https://www.ranksmartz.com/wp-content/uploads/2026/06/arrow.jpg) right 20px center no-repeat;
background-color: #37b000;color: #fff;padding:18px 55px 18px 35px;
border-radius: 50px;text-decoration: none;font-weight: 700;font-size: 20px;}
.right-content{flex:1;position:relative;}
.right-content img{
width:100%;border-radius:50% 0 50% 50%;object-fit:cover;}
.location-box{position:absolute;top:20px;right:20px;background:#fff;padding:15px 20px;
border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);display:flex;gap:10px;z-index:10;}
.location-box i{color:#37b000;font-size:24px;}
.services-title{margin:0px 0 30px 0;display:flex;align-items:center;justify-content:center;gap:20px;}
.services-title span{width:70px;height:3px;background:#37b000;}
.services-title h2{font-size:40px;}
.services-title h2 span{background:none;color:#37b000;}
.services-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:20px;}
.service-card{background:#fff;padding:15px;border-radius:15px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,.05);}
.service-card h4{color:#000;font-size:18px;line-height:1.4;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:50px 0;background:#fff;padding:30px;border-radius:20px;}
.stat{text-align:center;}
.stat h3{font-size:42px;color:#37b000;margin:10px 0;}
.footer-bar{background:#fff;padding:20px 30px;border-radius:20px;display:flex;flex-wrap:wrap;justify-content:space-between;
align-items:center;gap:20px;}
.footer-item{display:flex;align-items:center;gap:10px;}
.footer-item i,
.footer-social i{color:#37b000;}
.footer-social{display:flex;align-items:center;gap:4px;}
.footer-social a{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;}
@media(max-width:992px){
.hero-content{flex-direction:column;}
.services-grid{grid-template-columns:repeat(2,1fr);}
.stats{grid-template-columns:repeat(2,1fr);}
.left-content h1{font-size:48px;}
.location-box{width:100%;}
.right-content{width:70%;}
}
@media(max-width:576px){
.services-grid,
.stats{grid-template-columns:1fr;}
.left-content h1{font-size:38px;}
.left-content p{font-size:18px;}
.location-box{width:100%;}
.right-content{width:70%;}
.services-title h2{font-size:24px;}
}
.dubai_1_top{background:url(https://www.ranksmartz.com/wp-content/uploads/2026/06/top-baner.jpg) right top no-repeat;
background-size:cover;padding-bottom:180px;}
.location-box img{width:auto;border-radius:0;height:auto;object-fit:none;}
.top_menu li a{padding:12px 11px;font-size:14px;}

/*Responsive*/

@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:95%;}
.nav{display:inline;margin-left:3%;}
.mobile_sec{display:none !important;}
.header_right{display:inline;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:95%;} 
p{font-size:14px;}
.header_right a.btn_1{margin:5px 0;position:unset;float:right;}
.header_right{width:33%;}
.top_menu li a{padding:12px 10px;font-size:12px;}
.nav{display:inline;margin-left:0%;}
.mobile_sec{display:none !important;}
.header_right{display:inline;}
.nav ul li a{padding:30px 3px;margin:0 5px;}
.left-content h1{font-size:50px;}

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

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

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

}
@media only screen and (max-width: 600px) and (min-width: 481px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:95%;} 

}
@media only screen and (max-width: 375px) and (min-width: 0px){ 
.wraper{width:95%;}

}