body{background:#f8f8fb;color:#222;font-family:Arial,sans-serif;}
*{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{width:1200px;max-width:95%;margin:auto;}
header{padding:20px 0;}
.navbar{display:flex;justify-content:space-between;align-items:center;}
.logo img{height:45px;}
nav ul{display:flex;list-style:none;gap:30px;}
nav a{text-decoration:none;color:#333;font-weight:600;}
.btn{background:#39b600;color:#fff;padding:14px 28px;border-radius:40px;text-decoration:none;display:inline-block;}
.btn-outline{border:2px solid #39b600;
color:#39b600;padding:15px 28px;border-radius:40px;text-decoration:none;}
.hero{}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.hero h1{font-size:60px;line-height:1.1;margin:20px 0;}
.hero h1 span{color:#39b600;}
.hero p{font-size:18px;color:#666;}
.tag{color:#39b600;font-weight:700;}
.hero-btns{display:flex;gap:15px;margin-top:30px;}
.hero-image img{width:100%;border-radius:40px;}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.stats h3{color:#39b600;font-size:28px;}
.services,
.about,
.projects{padding:80px 0;}
.section-title{text-align:center;margin-bottom:50px;}
.section-title span{color:#39b600;font-weight:700;}
.section-title h2{font-size:40px;margin-top:10px;}
.service-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;}
.service-card{background:#fff;text-align:center;padding:30px 15px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.05);}
.service-card i{font-size:40px;color:#8b5cf6;margin-bottom:15px;}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about h2{font-size:45px;margin:15px 0;}
.features{margin:30px 0;display:grid;grid-template-columns:1fr 1fr;gap:15px;}
.features li{list-style:none;}
.about-img img{width:100%;border-radius:30px;}
.counter{padding:40px 0;}
.counter-grid{background:#fff;border-radius:20px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;}
.projects{background:#fff;}
.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.project-card{background:#f8f8fb;border-radius:15px;overflow:hidden;}
.project-card img{width:100%;}
.project-card h4{padding:20px;}
.cta{padding:80px 0;}
.cta .container{background:url(https://www.ranksmartz.com/wp-content/uploads/2026/06/grow-business.jpg) center no-repeat;
border-radius:20px;padding:60px;background-size:cover;}
.cta h2{font-size:42px;}
.cta p{margin:15px 0 25px;}
footer{background:#fff;padding-top:60px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;}
.footer-grid ul{list-style:none;}
.footer-grid li{margin-bottom:10px;position:relative;padding-left:14px;}
.footer-grid li:after{top:6px;border-radius:2px;position:absolute;width:5px;height:5px;content:"";background:#39b600;left:0;}
.footer-logo{height:45px;margin-bottom:20px;}
.copyright{text-align:center;padding:20px;border-top:1px solid #eee;margin-top:40px;}
.dubai_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;}
.hero-content{margin-top:50px;}
.stats img{width:22px;display:inline-block;float:left;margin-right:8px;}
.stats_text{float:left;}
.start_text p{font-size:15px;}
.service-card h4{margin-top:15px;}
.features li{background:url(https://www.ranksmartz.com/wp-content/uploads/2026/06/chek.png) left center no-repeat;
padding-left:27px;background-size:20px;padding-top:5px;padding-bottom:5px;}
.about_text{float:left;}
.about_cont img{float:left;width:40px;background:#f9f5f8;padding:7px;border-radius:10px;margin:3px 10px 0 0px;}
.about_cont{text-align:left;}
.about_text h3{font-size:30px;}
.footer-grid h4{font-size:18px;font-weight:bold;margin-bottom:15px;}
.foot_last img{float:left;width:22px;}
.foot_last span{float:left;width:80%;margin-left:8px;}
.foot_last p{display:inline-block;width:100%;margin-bottom:5px;}
.mobile_sec{display:none;}
.foot_top a.btn{margin-right:15px;}
.copy_1{float:left;}
.copy_2{float:right;}
.copy_2 a{margin-left:10px;}


/*Responsive*/

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

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:940px;} 
h1{font-size:35px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:2fr 1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(3, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:-200px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.dropdown-content{margin-top:38px !important;}
.project-card h4{padding:12px;font-size:16px;}
.logo{float:left;margin-left:18px;}
.navbar{display:inline;}
.dropdown{right:10px !important;margin-top:-4px !important;}
}
@media only screen and (max-width:962px) and (min-width:801px){ 
.wraper{width:780px;}
h1{font-size:35px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:2fr 1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(3, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:-200px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.dropdown-content{margin-top:38px !important;}
.project-card h4{padding:12px;font-size:16px;}
.logo{float:left;margin-left:18px;}
.navbar{display:inline;}
.dropdown{right:10px !important;margin-top:-4px !important;}
}
@media only screen and (max-width: 800px) and (min-width: 668px){ 
.wraper{width:640px;} 
h1{font-size:30px;}
h2{font-size:30px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:2fr 1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(3, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:-200px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.dropdown-content{margin-top:38px !important;}
.project-card h4{padding:12px;font-size:16px;}
.logo{float:left;margin-left:18px;}
.navbar{display:inline;}
.dropdown{right:10px !important;margin-top:-4px !important;}

}
@media only screen and (max-width: 667px) and (min-width: 601px){ 
.wraper{width:95%;}
h1{font-size:30px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:2fr 1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(3, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:40px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.dropdown-content{margin-top:38px !important;}
.project-card h4{padding:12px;font-size:16px;}
}
@media only screen and (max-width: 600px) and (min-width: 481px){ 
.wraper{width:95%;}
h1{font-size:30px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 15px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(1, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:40px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.copy_2{width:100%;margin-top:8px;}
.copy_1{width:100%;}
.foot_last span{font-size:14px;}
footer p{font-size:14px;}
}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:90%;} 
h1{font-size:30px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap: 0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:30px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(1, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:40px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.copy_2{width:100%;margin-top:8px;}
.copy_1{width:100%;}
}
@media only screen and (max-width:375px) and (min-width:0px){ 
.wraper{width:95%;}
h1{font-size:30px;}
h2{font-size:22px;}
nav{display:none;}
.service-grid{grid-template-columns:repeat(3, 1fr);}
.footer-grid{grid-template-columns:1fr;gap:20px;}
.btn{padding:7px 20px;}
.hero-btns .btn{margin-bottom:15px;}
.logo img{height:35px;}
.hero h1{font-size:24px;margin:10px 0;}
.dubai_top{padding-bottom:50px;text-align: center;}
.hero-content{margin-top:0px;background:#ffffffd9;padding:15px;text-align:left;}
.hero-btns{display:inline-block;margin-top:15px;}
.btn-outline{padding:7px 20px;width:auto;display:inline-block;}
.tag{font-size:14px;}
.stats{grid-template-columns:repeat(2, 1fr);gap:10px;margin-top:20px;}
.container.hero-grid{display:inline-block;}
.services{padding:30px 0 0 0;}
.about, .projects{padding:30px 0;}
.section-title h2{font-size:30px;}
.section-title{margin-bottom:20px;}
.service-card h4{font-size:14px;}
.service-card{padding:15px;}
.about-grid{grid-template-columns:1fr;gap:0;}
.about h2{font-size:25px;margin:15px 0;}
.features{margin:15px 0;}
.about-img{margin-top:30px;}
.counter{padding:0 0 20px 0;}
.counter-grid{padding:20px 0;grid-template-columns:repeat(2, 1fr);}
.about_cont img{width:27px;margin:3px 5px 0 0px;}
.about_text h3{font-size:25px;}
.about_text p{font-size:14px;}
.project-grid{grid-template-columns:repeat(1, 1fr);}
.cta{padding:30px 0;}
section.foot_top.cta .container{width:auto;padding:20px;}
section.foot_top.cta h2{font-size:25px;}
footer{padding-top:20px;}
.copyright{margin-top:20px;}
.mobile_sec{display:inline !important;}
.navbar a.btn{margin-right:40px;padding:7px 8px;}
.care{width:47% !important;}
a.btn_grow{background:#ffffffc2;padding:7px 10px;border-radius:20px;}
.copy_2{width:100%;margin-top:8px;}
.copy_1{width:100%;}

}