/*-----------------------------------------------------------------------------------

 Theme Name: Dhs Landing Page 
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
/*  font-family: "DM Sans", sans-serif;*/


:root {
  --primary-background:linear-gradient(to right, #0c65c6, #2cb484);
  --banner-background: linear-gradient(to right, #0c65c6 -17%, #2cb484 33%);
  --banner-button:#004d9f;
  --section-background: linear-gradient(to right, rgba(12, 101, 198, 0.2), rgba(44, 180, 132, 0.2));
  --secondry-background:#2d2d2d;
  --heading-color:#2cb484;
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
  --primary-font-family: "DM Sans", sans-serif;
}
body{font-family: var(--primary-font-family);}
p{   font-family: "DM Sans", sans-serif;}
h1{   font-family: "DM Sans", sans-serif; }
h2{   font-family: "DM Sans", sans-serif; }
h3{   font-family: "DM Sans", sans-serif; }
h4{   font-family: "DM Sans", sans-serif; margin-bottom: 0; }
h5{   font-family: "DM Sans", sans-serif; }
h6{   font-family: "DM Sans", sans-serif; }
a{   font-family: "DM Sans", sans-serif;}
li{   font-family: "DM Sans", sans-serif;}
div{   font-family: "DM Sans", sans-serif;}
input{   font-family: "DM Sans", sans-serif;}
span{   font-family: "DM Sans", sans-serif;}
label{   font-family: "DM Sans", sans-serif;}
button{   font-family: "DM Sans", sans-serif;}
html {
  scroll-behavior: smooth;
}

ul{margin-bottom: 0px;}
/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1); background-color: #000;}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
/*.is-sticky .navbar{background-color: #203b2c!important; padding: 6px;}*/
/*.is-sticky .navbar-nav li a{color: #fff;}
.is-sticky .navbar-brand img{filter: brightness(0) invert(1);}
*/

.navbar-brand{width: 12%;}
.navbar-brand img{width: 100%;}

.mailnumber {
    display: flex;
    align-items: center;
    gap: 14px;
}

.mailnumber i, .mailnumber h4 {
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50px;
    font-weight: bold;
}
 .mailnumber i {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
 .mailnumber span {
    color: #fff;
}
.mailnumber a {
    display: block;
    font-size: 22px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    text-decoration: none;
}

.main-header-wrapper{
        position: absolute;
    width: 100%;
    z-index: 9999;
    border-bottom: 1px solid #ccc;
    padding: 4px 0px;
}
.navbar-nav li a{color: #fff; font-size: 15px; padding: 0px 20px!important;}


/*========================header css end===========================*/


/*========================home banner css start===========================*/

 .full-background {background-size: cover; height: 100%; position: relative; background-color: #000000d4; background-image: url('../images/banner-img.jpg'); background-repeat: no-repeat;     z-index: 999;}
 .home-banner-wrapp .hero-section {position: relative; padding-top: 140px; overflow: hidden; background-repeat: no-repeat; background-position: right; padding-bottom: 50px; background-color: #000000d1; }
 
.home-banner-wrapp .hero-text {padding-bottom: 49px;}
.home-banner-wrapp .hero-text {position: relative;margin-top: 0px;}
.home-banner-wrapp .hero-text > span {padding: 4px 25px; border-radius: 50px; font-weight: 400; text-transform: uppercase; margin-bottom: 20px; display: inline-block; border: 1px solid #fff; color: #fff; letter-spacing: 2px; }
.home-banner-wrapp .hero-text h1 {color: #fff;padding-bottom: 2px;line-height: 68px;font-weight: bold;font-size: 53px;}
.home-banner-wrapp .listing {justify-content: space-between; width: 92%; }
.home-banner-wrapp .hero-text p {font-size: 19px;color: #ffffff;line-height: 28px;padding-bottom: 10px;}
.home-banner-wrapp .btn {display: flex;align-items: center;width: fit-content;background-color: #cd400d;border-radius: 60px;padding: 6px 0 6px 50px;font-weight: bold;text-transform: uppercase;color: #fff;transition: .4s ease-in-out;}
.home-banner-wrapp .hero-text .btn:hover {color: #fff; background-color: #000; }
.home-banner-wrapp .btn:hover span {transform: translateX(-20px); }
.home-banner-wrapp .btn span {display: block; transition: .4s ease-in-out; }
.home-banner-wrapp .btn svg {width: 34px; height: 34px; background-color: #ffffff; border-radius: 50%; padding: 10px; opacity: 0; fill: #000000; }
.home-banner-wrapp .btn:hover svg {opacity: 1; transform: translateX(-5px); }
.home-banner-wrapp .review {display: flex; align-items: center; gap: 20px; position: relative; }
.home-banner-wrapp .review > ul {display: flex; align-items: center; margin-left: 10px; }
.home-banner-wrapp .review > ul li {margin-left: -14px; z-index: 20; display: block; }
.home-banner-wrapp .review > ul img {border-radius: 50%; width: 65px; border: 5px solid #FFF; transform: translateX(2px); }
.home-banner-wrapp ul.star {display: flex; gap: 5px; font-size: 13px; color: yellow; list-style-type: none; padding-left: 0; }

 .home-banner-wrapp .review span {font-size: 16px; color: #fff; display: block; padding-top: 8px; }
.home-banner-wrapp .review img.arror {animation: 4s leftleft infinite;position: absolute;right: 16%;top: -84px;}
@keyframes leftleft {0%  {transform: translatex(0); } 50% {transform: translatex(20px); } 100% {transform: translatex(0px); } }
.home-banner-wrapp .get-a-quote {z-index: 11;/* margin-bottom: 40px; */background-color: white;padding: 23px;border-radius: 20px;position: relative;box-shadow: 0px 30px 35px 0px rgb(0 0 0 / 39%);width: 94%;margin-left: auto;}
.home-banner-wrapp .get-a-quote img {position: absolute; right: 34px; animation: top-bottom 2s infinite; }
.home-banner-wrapp .get-a-quote img.lins {top: -41px; animation: 0; left: -120px; }

.home-banner-wrapp .get-a-quote img {position: absolute; right: 34px; animation: top-bottom 2s infinite; }
@keyframes top-bottom {0%, 100%, 20%, 50%, 80% {-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% {-webkit-transform: translateY(-8px); -ms-transform: translateY(-8px); transform: translateY(-8px); } 60% {-webkit-transform: translateY(-4px); -ms-transform: translateY(-4px); transform: translateY(-4px); } }
.home-banner-wrapp form#contact-form h3 {font-size: 33px;font-weight: bold;line-height: 36px;padding-bottom: 2px;color: #000;}
 .home-banner-wrapp .get-a-quote h6 {color: #000000;font-size: 15px;font-weight: 400;padding-bottom: 11px;}
.home-banner-wrapp .get-a-quote input[type="text"], .get-a-quote input[type="email"], .get-a-quote input[type="number"] {width: 100%;height: 46px;border: 0;outline: 0;margin-bottom: 12px;color: #444;font-size: 16px;background-color: #fafafa;border: 1px solid #cdcdcd;border-radius: 58px;padding-left: 34px;}
.home-banner-wrapp .get-a-quote input[type="text"]:focus, .get-a-quote input[type="email"]:focus, .get-a-quote input[type="number"]:focus {box-shadow: unset; outline: none; border-color: #cd400d;}
.home-banner-wrapp .get-a-quote select {width: 100%;height: 46px;border: 0;outline: 0;margin-bottom: 12px;color: #444;font-size: 16px;background-color: #fafafa;border: 1px solid #cdcdcd;border-radius: 58px;padding-left: 34px;}
.home-banner-wrapp .get-a-quote select:focus{box-shadow: unset; outline: none; border-color: #cd400d;}
.home-banner-wrapp .get-a-quote p {font-weight: 600; padding-bottom: 10px; color: #000; }
.home-banner-wrapp .get-a-quote .btn {width: 100%; justify-content: space-between; }
.home-banner-wrapp .get-a-quote .btn span {margin: auto; }
.home-banner-wrapp ul.shaps-img li:nth-child(1) {top: 72%; left: 53%; animation: 8s rotate infinite; }
.home-banner-wrapp ul.shaps-img li {position: absolute; }
@keyframes rotate {0%  {transform: rotate(0deg); } 50% {transform: rotate(360deg); } 100% {transform: rotate(0deg); } } .home-banner-wrapp ul.shaps-img li:nth-child(2) {top: 52%; right: 8%; animation: 4s toptop infinite; }
.home-banner-wrapp ul.shaps-img li {position: absolute; }
@keyframes toptop {0%  {transform: translateY(0); } 50% {transform: translateY(20px); } 100% {transform: translateY(0px); } }
.home-banner-wrapp .review > ul li a {width: 65px; height: 65px; background-color: #000; color: #ffffff; display: block; border-radius: 50%; font-size: 30px; display: flex; align-items: center; justify-content: center; /* padding-left: 3px; */ border: 5px solid; text-decoration:none; }

/*========================home banner css end===========================*/

/*========================banner bottom css start===========================*/

.icon-box.s3 {padding: 50px 27px; }
.icon-box.s3 {padding: 40px 27px 35px; position: relative; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15); -webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15); -moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15); }
.icon-box {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.icon-box.s3 .bg-before, .icon-box.s3 .bg-after {content: ""; position: absolute; width: 100%; height: 50%; background: #fff; z-index: -1; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.icon-box.s3 .bg-before {top: 0; left: 0; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; }
.icon-box.s3 .bg-after {bottom: 0; right: 0; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; }
.icon-box.s3 .icon-main {width: 70px; height: 70px; line-height: 82px; text-align: center; color: #fff; display: inline-block; margin-bottom: 17px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #0039e4; background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1); background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1); background-image: linear-gradient(145deg, #0039e4, #04dbf1); box-shadow: 8px 8px 30px 0px rgba(1, 96, 231, 0.3); -webkit-box-shadow: 8px 8px 30px 0px rgb(205 64 13 / 36%); -moz-box-shadow: 8px 8px 30px 0px rgba(1, 96, 231, 0.3); }
.icon-box.s3 .icon-main {background-color: transparent; background-image: linear-gradient(180deg, #cd400d 100%, #f2295b 100%); }
.icon-box.s3 .icon-main i, .icon-box.s3 .icon-main span:before {font-size: 30px; }
.icon-box.s3 .content-box h5 {margin-bottom: 9px; font-size: 24px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; color: #cd400d; font-weight: 900; }
.icon-box .content-box h5 {margin-bottom: 17px; font-weight: bold; }
.icon-box.s3 .content-box p {-webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; font-size: 15px; line-height: 20px; margin-bottom: 18px!important; }
.icon-box .content-box p:last-child {margin-bottom: 0; }
.banner-bottom-wrapp{padding: 50px 0px;}

/*========================banner bottom css end===========================*/

/*========================home about css start===========================*/

.abt-left-image img{width: 100%;}
.about-right h5{display: inline-block; border: 1px solid #cd400d; padding: 7px 20px; border-radius: 50px; margin-bottom: 19px; color: #cd400d;}
.about-right h2{font-weight: 800; color: #000; font-size: 29px;}
.about-right p{font-size: 15px;}
.about-right{display: flex; height: 100%; align-items:center; }
.abt-wrapp{padding-top: 20px; padding-bottom: 50px;}

/*========================home about css end===========================*/

/*========================home service css start===========================*/
.home-service-wrapp{background-color: #ececec7d; padding: 40px 0px;} 
.our-serv-head{text-align: center;margin-bottom: 40px;}
.our-serv-head h5{display: inline-block; border: 1px solid #cd400d; padding: 4px 28px; border-radius: 50px; margin-bottom: 13px; color: #cd400d; font-size: 15px; }
.our-serv-head h2{font-weight: 800;color: #000;font-size: 30px;margin-bottom: 13px;}
.our-serv-head p{font-size: 15px;width: 69%;margin: 0 auto;}
.serv-box{background-color: #fff; padding: 20px; box-shadow: 0px 0px 10px #ccc; border-radius: 10px;}
.home-service-wrapp .service-box {overflow: hidden; position: relative; padding: 35px 35px 26px; background: #fff; box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15); -webkit-box-shadow: 0px 0px 11px rgba(42, 67, 113, 0.15); -moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15); border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; margin-bottom: 20px; }
.home-service-wrapp .service-box {padding: 18px 16px 16px 16px; height: 100%;     margin: 10px;}
.home-service-wrapp .service-box:hover{transform: translateY(-8px);}
 .home-service-wrapp .overlay {position: absolute; top: 0; left: 0; background: #fff; opacity: 0.8; width: 100%; height: 100%; z-index: -1; }
.home-service-wrapp .service-box .overlay {background-color: #0039e4; background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1); background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1); background-image: linear-gradient(145deg, #cd400d, #6a1c00); -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; opacity: 0; }
.home-service-wrapp .service-box:hover .overlay {opacity: 1; }
.home-service-wrapp .service-box * {-webkit-transition: all 0.1s linear; -moz-transition: all 0.1s linear; -o-transition: all 0.1s linear; -ms-transition: all 0.1s linear; transition: all 0.1s linear; }
.home-service-wrapp .service-box .big-number {position: absolute; right: 35px; bottom: -13px; font-size: 88px; font-weight: 900; font-family: "Red Hat Display", sans-serif; line-height: 1; color: rgba(165, 183, 210, 0.2); z-index: -1; }
.home-service-wrapp .service-box.s-box .big-number {right: 8px; top: 10px; }
 .home-service-wrapp .service-box:hover .big-number {color: rgba(255, 255, 255, 0.2); }
.home-service-wrapp .service-box .big-number {z-index: 0; }
.home-service-wrapp .s-box .big-number {font-size: 48px; }
 .home-service-wrapp .service-box .number-box {float: unset; width: 45px; height: 45px; line-height: 45px; text-align: center; color: #fff; font-weight: bold; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background-color: #cd400d; background-image: -moz-linear-gradient(145deg, #0039e4, #04dbf1); background-image: -webkit-linear-gradient(145deg, #0039e4, #04dbf1); background-image: linear-gradient(145deg, #cd400d, #6a1c00); box-shadow: 8px 8px 20px 0px rgba(42, 67, 113, 0.3); -webkit-box-shadow: 0px 0px 12px rgba(42, 67, 113, 0.3); -moz-box-shadow: 8px 8px 20px 0px rgba(42, 67, 113, 0.3); }
 .home-service-wrapp .service-box:hover .number-box {background: #fff; color: #00c3ff; }
.home-service-wrapp .s-box .icon-main {width: 60px; height: 60px; line-height: 60px; font-weight: 400; margin-bottom: 16px; display: flex;
    justify-content: center;
    align-items: center;}
 .home-service-wrapp .s-box .content-box {padding-left: calc(40px + 50px); }
.home-service-wrapp .service-box .content-box {padding-left: 0; }
.home-service-wrapp .service-box:hover .content-box {color: #fff; }
 .home-service-wrapp .service-box .content-box h5 {font-size: 18px; font-weight: 700; margin-bottom: 7px; }
 .home-service-wrapp .service-box:hover .content-box h5 {color: #fff; }
.home-service-wrapp .service-box .content-box p:last-child {margin-bottom: 0; font-size: 15px; }
.home-service-wrapp .s-box .icon-main img{    width: 57%;}

#counter .icon-box.s3 .content-box h5{font-size: 27px;}
/*========================home service css end===========================*/

.seo-success-wrapp{background-color: #ececec7d; padding: 40px 0px;}
.success-tabs ul{justify-content: center; gap:12px;}
.success-tabs ul li button{border-radius: 50px !important; padding: 5px 27px; color: #000; background-color: #fff !important; box-shadow: 0px 0px 10px #ccc;font-size: 15px;}
.success-tabs ul li button.active{background-color: #cd400d!important;}
.success-tabs ul li button:hover{background-color: #cd400d!important; color: #fff;}
.seo-success-wrapp .our-serv-head{margin-bottom: 30px;}
.tab-left-img img{width: 100%;}
.chart-con-inn p{font-size: 15px; color: #000; margin-bottom: 15px;}
.chart-con-inn ul{list-style-type: none; padding-left: 0px;}
.chart-con-inn ul li{margin-bottom: 12px; font-size: 15px;}
.chart-con-inn ul li span{display: inline-block; margin-right: 10px;}
.chart-con-inn ul li span i{color: #f4d13d;}
.chart-con{display: flex; align-items: center; height: 100%;}
.tab-inn-con{    padding: 18px 70px 0;}


.partner-wrapp{padding: 50px 0px;}
.brand-box{border: 1px solid #ccc; padding: 29px; height: 113px; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: 1px;}
.brand-box img{width: 100%;}

.testi-left-con .our-serv-head{text-align: left;}
.testi-left-con .our-serv-head p{width: 100%;}
.testimonial-wrapp{background-color: #ececec7d; padding: 40px 0px;}
.vl-testimonial-box {
    padding: 32px 24px;
    background: #fff;
        position: relative;
      border-radius: 8px;
}
.vl-testimonial-box-icon a {
    background: unset;
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    color: #FFBA00;
    margin-right: 4px;
}
.vl-testimonial-box-content{
        padding-bottom: 30px;
            padding-top: 20px;
}
.vl-testimonial-box-content p {
        margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #000;
    opacity: 1;
    font-weight: 500;
}
.vl-testimonial-box-auth {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    position: relative;
}
.vl-testimonial-box-auth-title {
   font-size: 18px;
    line-height: 20px;
    margin: 0;
    color: #000;
    padding-bottom: 3px;
    font-weight: 600;
}
.vl-testimonial-box-auth-content span {
        font-size: 14px;
    line-height: 16px;
    margin: 0;
    color: #5F6168;
}
.vl-testimonial-box-quote {
    position: absolute;
    right: 0;
    width: 17%;
}
.vl-testimonial .owl-carousel .owl-item img {
    width: auto!important;
}
.vl-testimonial-box-auth-img img{border-radius: 50px;}
.vl-testimonial-box-auth-content{margin-left: 15px;}
.testi-left-con{display: flex; align-items: center; height: 100%;}


.footer-logo img{width: 10%;}

.footer-address ul,.footer-link ul,.footer-social ul {
    list-style-type: none;
    padding-left: 0
}

.footer-address ul li,.footer-social,.footer-social ul li a i {
    display: var(--secondary-display)
}

.main-footer {
    background-color: var(--black-background);
    padding: 25px 0 25px;
}

.footer-about img {
    margin-bottom: 20px
}

.footer-about p {
    font-size: var(--font-15);
    color: var(--white-color)
}

.footer-address h4,.footer-link h4 {
    color: var(--white-color);
    border-bottom: 2px solid var(--white-color);
    padding-bottom: 10px;
    font-size: var(--font-20);
    margin-bottom: 20px
}

.footer-link ul li {
    margin-bottom: 8px
}

.footer-address ul li a,.footer-link ul li a {
    color: var(--white-color);
    font-size: var(--font-15);
    text-decoration: none
}

.footer-address h4 img,.footer-address ul li img {
    margin-right: 10px
}

.footer-address ul li {
    margin-bottom: 25px;
    align-items: var(--align-center);
    color: var(--white-color);
    font-size: var(--font-15)
}

.footer-address p {
    color: #fff
}

.footer-social {
    justify-content: var(--justify-center);
    align-items: var(--align-center);
    height: var(--height)
}

.footer-social ul {
    display: var(--primary-display);
    margin-bottom: 0
}

.footer-social ul li {
    margin-bottom: 15px
}

.footer-social ul li a {
    text-decoration: none
}

.footer-social ul li a i {
    color: var(--black-color);
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: var(--border-full-radius);
    align-items: center;
    justify-content: center;
    font-size: 20px;
}

.copyright {
    background-color: #141414;
    padding: 18px;
    text-align: center;
}

.copyright p {
    color: #fff;
    font-size: 15px;
    margin-bottom: 0;
}
.footer-about img{width: 57%;}



#counter .home-banner-wrapp{
    justify-content: center;
    display: flex;
    margin-top: 51px;}

.service-box .home-banner-wrapp .btn {
    display: flex;
    align-items: center;
    width: fit-content;
    background-color: #cd400d;
    border-radius: 60px;
    padding: 3px 0 3px 30px;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    transition: .4s ease-in-out;
    font-size: 15px;
}

.home-service-wrapp .service-box:hover .home-banner-wrapp .btn {background-color: #fff; color: #000;}
.home-service-wrapp .service-box .home-banner-wrapp .btn:hover svg{background-color: #000; fill: #fff;}

.seo-success-wrapp .home-banner-wrapp{
    justify-content: center;
    display: flex;
    margin-top: 51px;}

  .seo-success-wrapp .home-banner-wrapp .btn{padding: 6px 0 6px 29px;}


  .testi-left-con {
    display: flex;
    align-items: self-start;
    height: auto;
}

.testimonial-wrapp .home-banner-wrapp .hero-section{padding-top: 0px; padding-bottom: 0px; background-color: unset;}
.testimonial-wrapp .home-banner-wrapp .get-a-quote{width: 100%; box-shadow: unset;}
.testi-left-con .our-serv-head {
    text-align: left;
    margin-bottom: 13px;
}




.how-work-main-box{display: flex; background-color: #fff;
    box-shadow: 0px 0px 10px #ccc; margin: 10px;}
.how-work-left-img{width: 40%;}
.how-work-left-img img{}
.how-work-right-con{width: 60%;    padding: 15px;}
.how-work-right-con .about-right h2{font-size: 21px;}
.how-work-right-con .about-right p{margin-bottom: 0px;}


.reel-bg {
     /* position: fixed; */
    width: 100%;
    height: 70vh;
    display: flex;
    gap: 20px;
    padding: 0px;
    overflow: hidden;
    z-index: -1;
    border-radius: 22px;
}

/* Columns */
.reel-column {
  flex: 1;
  overflow: hidden;
}

/* Track */
.reel-track {
  display: flex;
  flex-direction: column;
  animation: scrollUp 5s linear infinite;
}

.reel-track.reverse {
  animation: scrollDown 5s linear infinite;
}

/* Images */
.reel-track img {
  width: 100%;
  height: 350px;
  object-fit: cover;
  border-radius: 20px;
  margin-bottom: 20px;
  filter: unset;
}

/* Animations */
@keyframes scrollUp {
  from { transform: translateY(0); }
  to { transform: translateY(-50%); }
}

@keyframes scrollDown {
  from { transform: translateY(-50%); }
  to { transform: translateY(0); }
}

/* Top & Bottom Fade Effect */
.reel-bg::before,
.reel-bg::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 150px;
  z-index: 2;
  pointer-events: none;
}

.reel-bg::before {
  top: 0;
  background: linear-gradient(to bottom, #000, transparent);
}

.reel-bg::after {
  bottom: 0;
  background: linear-gradient(to top, #000, transparent);
}
.banner-con-center{display: flex; align-items: center; height: 100%;}
.banner-con-center .hero-text {padding-bottom: 0px;}
.error{
    color:#ff0000;
    font-size:12px;
    display:block;
    margin-bottom:8px;
}

.call-act-btn-foot{position: fixed;bottom: 100px;right: 9px;z-index: 99;}
.call-act-btn-foot a{text-decoration: none;}
.call-act-btn-foot i{width: 60px; height: 60px; background-color: #1515bd; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50px; box-shadow: 0px 0px 10px #ccc; font-size: 22px;}
.serv-new-cta-btn .home-banner-wrapp{text-align: center; justify-content: center; display: flex; margin-top: 20px; }
.how-work-right-con .about-right{position: relative;}
.how-work-right-con .big-number {
    position: absolute;
    font-size: 34px;
    font-weight: 900;
    font-family: "Red Hat Display", sans-serif;
    line-height: 1;
    color: rgb(165 183 210 / 33%);
    z-index: 9;
    right: -1px;
    top: -7px;
}



.process-slide .owl-nav .owl-prev {position: absolute; left: -46px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px; border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}
.process-slide .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
.process-slide .owl-nav .owl-prev:focus {outline: 0; }
.process-slide .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
.process-slide .owl-nav .owl-next {position: absolute; right: -46px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}
.process-slide .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
.process-slide .owl-nav .owl-next:focus {outline: 0; }
.process-slide .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
.process-slide:hover .owl-prev {left: -46px; opacity: 1; }
.process-slide:hover .owl-next {right: -46px; opacity: 1; }



.serv-new-slider .owl-nav .owl-prev {position: absolute; left: -46px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px; border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}
.serv-new-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
.serv-new-slider .owl-nav .owl-prev:focus {outline: 0; }
.serv-new-slider .owl-nav .owl-prev:hover {background: #000 !important; color: #fff;}
.serv-new-slider .owl-nav .owl-next {position: absolute; right: -46px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: rgb(206 69 39) !important; width: 45px; cursor: pointer; height: 45px; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; color: #fff !important; font-size: 24px !important;}
.serv-new-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
.serv-new-slider .owl-nav .owl-next:focus {outline: 0; }
.serv-new-slider .owl-nav .owl-next:hover {background: #000 !important; color: #fff;}
.serv-new-slider:hover .owl-prev {left: -46px; opacity: 1; }
.serv-new-slider:hover .owl-next {right: -46px; opacity: 1; }


.whatsapp-foot-icon{position: fixed;bottom: 180px;right: 9px;z-index: 99;}
.whatsapp-foot-icon a{text-decoration: none;}
.whatsapp-foot-icon i{width: 60px; height: 60px; background-color:   #25d366; display: flex; justify-content: center; align-items: center; color: #fff; border-radius: 50px; box-shadow: 0px 0px 10px #ccc; font-size: 30px;}