input, a, button, a:hover, button:hover{  -webkit-transition: all 0.4s ease-out 0s;

  -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s;}



:root

{

  --grey:#f7f7f7;

  --title-color:#21222b;

  --content-color:#666666;

  --scn-content-color:#cbccd0;

  --primary-bg:#21222b;

  --second-bg:#313444;

  --yellow-bg:#ffcc00;

  --white:#ffffff;

  


  --effect:all 0.2s ease-out 0s;

}

body

{

    display: flex;

    flex-direction: column;

    color: var(--content-color);

    background-color: var(--white);

    font-size: 18px;

    line-height: 1.75rem;

   

    min-height: 100vh;

    position: relative;

    overflow-x: hidden;

    margin: 0;

    font-weight: normal;

}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {

    margin-top: 0;

    color: var(--title-color);

    font-weight: 700;

   line-height: normal;

    margin-bottom: 1.65rem;

}

p 

{

    color: var(--content-color);

    font-size: 18px;

    line-height: 1.75rem;

    letter-spacing: 0.5px;

    margin-top: 0;

    margin-bottom: 24px;

}

a {

  text-decoration: none;

}



a:focus {

  outline: none;

}



a:active,

a:hover {

  outline: 0;

}



a:hover {

  text-decoration:none;

}



button,

input {

  line-height: normal;

}



button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

  -webkit-appearance: button;

  -moz-appearance: button;

  appearance: button;

  cursor: pointer;

}







.mrg-tp-ld{margin-top: 7rem;}

.mrg-bt-ld{margin-bottom: 7rem;}

.mrg-tp-hd{margin-top: 6rem;}

.mrg-bt-hd{margin-bottom: 6rem;}

.mrg-tp-md{margin-top: 5rem;}

.mrg-bt-md{margin-bottom: 5rem;}

.mrg-tp-sd{margin-top: 3rem;}

.mrg-bt-sd{margin-bottom: 3rem;}

.mrg-tp-xd{margin-top: 1.5rem;}

.mrg-bt-xd{margin-bottom: 1.5rem;}



.pdd-tp-ld{padding-top: 7rem;}

.pdd-bt-ld{padding-bottom: 7rem;}

.pdd-tp-hd{padding-top: 6rem;}

.pdd-bt-hd{padding-bottom: 6rem;}

.pdd-tp-md{padding-top: 5rem;}

.pdd-bt-md{padding-bottom: 5rem;}

.pdd-tp-sd{padding-top: 3rem;}

.pdd-bt-sd{padding-bottom: 3rem;}

.pdd-tp-xd{padding-top: 1.5rem;}

.pdd-bt-xd{padding-bottom: 1.5rem;}



h1, .h1{font-size: 55px;}

h2, .h2{font-size: 45px;}

h3, .h3{font-size: 28px;}

.wht-clr{color: var(--white);}

.yll-clr{color: var(--yellow-bg);}

.drk-clr{color: var(--content-color);}



h1 span, .h1 span, h2 span, .h2 span, h3 span, .h3 span{color: var(--yellow-bg)}





ul{margin:0; padding: 0;}

ul, ul li{list-style: none; }



section{position: relative;}

.btn-box{padding: 15px 35px; border-radius: 10px; font-size: 21px; border:2px solid var(--yellow-bg); background: var(--yellow-bg); color:var(--title-color); 
  font-weight: 700;  font-family: Montserrat, sans-serif;}

.btn-box:hover{background:var(--title-color); border-color:var(--title-color); color: var(--yellow-bg)}

.view{font-size: 20px; font-weight: 700; text-transform: capitalize; padding-left: 35px; color:var(--title-color);}

.view:before{width: 27px; height: 4px; position: absolute; top:46%; left: 0; background: var(--yellow-bg); content: "";}

.view:hover{color: var(--yellow-bg)}

.grey{background: var(--grey);}

.yellow{background: var(--yellow-bg);}

.darkbg{background: var(--primary-bg);}



/*-------------------header------------------------*/

header{ padding: 1rem 0rem; position: absolute; top: 0; left: 0; width: 100%; z-index: 999;}

.mobile-header{ padding: 1rem 0rem; position: absolute; top: 0; left: 0; width: 100%; z-index: 999; display: none; opacity: 0; visibility: hidden;}

.sticky-head{/*position: fixed; z-index: 99999; background: var(--primary-bg); top: 0; left: 0;*/}

.tp-btn{color: #ffffff; font-size: 21px;border-radius: 10px; z-index: 1; transition: var(--effect); position: relative; overflow:hidden; text-transform: capitalize; 

padding: 10px 20px; margin-left: 30px; border:2px solid rgba(0,0,0,0); font-weight: 500;}

.tp-btn:before{content: ''; width: 0px; height: 100%; position: absolute;left: 0; top:0; background-color: #666874;   z-index: -1; transition: var(--effect);}

.tp-btn svg{margin-right: 15px;}

.tp-email-btn{ border:2px solid #ffcc00; color: #21222b; background: #ffcc00; font-weight: 600;}

.tp-btn:hover{ color: #fff; transition: var(--effect);}

.tp-btn:hover::before{width: 100%; transition: var(--effect);}
.tp-email-btn:hover{ border:2px solid #666874; color: #fff; }

.menu-nav{padding: 10px 10px;}

.menu-nav:hover::before{width: 0;}

.menu-nav .shw-nml{display: block; opacity: 1; visibility: visible; transition: var(--effect);}

.menu-nav:hover .shw-nml{display: none; opacity: 0; visibility: hidden; transition: var(--effect); }

.menu-nav .shw-hvr{display: none; opacity: 0; visibility: hidden; transition: var(--effect);}

.menu-nav:hover .shw-hvr{display: block; opacity: 1; visibility: visible; transition: var(--effect);}







/*-------------------menu------------------------*/



.box-menu{width: 100%; background: var(--primary-bg); padding:3rem 3px; position:fixed;  transition: var(--effect); height: 0%; 

  z-index:-19999; display: flex; flex-direction: column; opacity: 0; visibility: hidden;  justify-content: center; top: 0; left: 0;}

.close-menu-nav{margin: 0; padding: 0rem 0rem 0rem 0rem; justify-content: flex-end; position: absolute; top: 30px; right: 103px; }

.close-menu-nav:before{content: none;}

.slide-menu-nav{display: flex; flex-direction: column; background: var(--primary-bg);}

.slide-menu-nav  > li{margin: 0.5rem 0rem; position: relative; width: 50%;  display: flex;}

.slide-menu-nav  > li > a{color:var(--white);  font-size: 20px; width: 100%; padding-right: 2rem;  padding-left:2rem;  padding-bottom: 0.5rem;  position: relative;}

.slide-menu-nav  > li > a:before{content: ''; width: 0; height: 2px; transition: var(--effect); background: var(--yellow-bg); position: absolute; left:  0; bottom: 0;}

.slide-menu-nav  > li:hover a:before{width: 100%; transition: var(--effect);}

.box-menu.openmenu{width: 100%;  transition: var(--effect); z-index:1119999; opacity: 1; visibility:visible; height: 100vh; }



.slide-menu-nav   > li .slide-sub-menu{ display: flex; flex-direction: column; padding: 1rem 0rem; background: var(--yellow-bg); 

  opacity: 0; top:-1rem;  transition: right .3s;  position: absolute; right: -100%;}

.slide-menu-nav   > li:hover .slide-sub-menu{ transition: right .3s; opacity: 1;  left: 100%; }

.slide-menu-nav   > li .slide-sub-menu li{ margin: 0.25rem 0rem 0.15rem 0rem; width: auto;  position: relative; padding: 0rem 1rem; 

  white-space: nowrap; display: flex;}

.slide-menu-nav   > li .slide-sub-menu li a{color:var(--primary-bg);  font-size: 18px; position: relative; 

  border-bottom: 2px solid rgba(0,0,0,0); padding-bottom: 0.25rem; }





.slide-menu-nav   > li .slide-sub-menu li a:before{content: ''; width: 0; height: 2px; transition: var(--effect); 

background: var(--white); position: absolute; left: 0; bottom: 0;}

.slide-menu-nav   > li .slide-sub-menu li:hover a:before{width: 100%; transition: var(--effect);}



.menu-tab li.nav-item{width: 100%;}

.menu-tab{margin: 0; border: 0;}

.menu-tab li.nav-item a.nav-link {color:var(--white); position: relative;  font-size: 24px; width: 100%; border-radius: 0; border: 0; padding: 0.85rem 1rem; padding-left: 0; transition: var(--effect);}

.menu-tab li.nav-item a.nav-link:hover,

.menu-tab li.nav-item.active-li a.nav-link{background: none; border:0; color:var(--yellow-bg); font-weight: 600; padding-left:1rem; transition: var(--effect); }

.menu-tab li.nav-item a.nav-link:hover:before,

.menu-tab li.nav-item.active-li a.nav-link:before{content: "-"; position: absolute; left: 0; top:0px; height: 100%; display: flex; align-items: center;  }

.menu-tab li.nav-item a.nav-link:focus, .menu-tab li.nav-item a.nav-link:hover, .menu-tab li.nav-item a.nav-link:focus-visible{border:0; color:var(--yellow-bg)}



.menutabcontent{display: none; flex-direction: column; transition: var(--effect); }

.menutabcontent.active{opacity: 1; visibility: visible; height: auto; transition: var(--effect); }

.menutabcontent .nav-tab-dtls .h2{color: var(--yellow-bg); font-size: 36px;}

.menutabcontent .nav-tab-dtls p{color: var(--white);}

.menutabcontent .sub-menu-dtls .sub-menu-box {display: flex; flex-wrap: wrap; margin: 0; padding: 0;}

.menutabcontent .sub-menu-dtls .sub-menu-box li{width: 33.333%; margin: 0.75rem 0rem;}

.menutabcontent .sub-menu-dtls .sub-menu-box li a{color:var(--white); position: relative;  font-size: 21px; width: 100%; position: relative; transition: var(--effect);  }

.menutabcontent .sub-menu-dtls .sub-menu-box li:hover a{padding-left: 1rem; color: var(--yellow-bg);transition: var(--effect);}

.menutabcontent .sub-menu-dtls .sub-menu-box li:hover a:before{content: "-"; position: absolute; left: 0; top:0px; height: 100%; display: flex; align-items: center; transition: var(--effect);  }

.menu-contact-link{border-top: 1px solid rgba(255,255,255, 0.2);}

.menu-contact-link-box span{color: var(--white); font-size: 21px;}

.menu-contact-link-box a{font-weight: 600;  font-size: 20px; margin-bottom: 1rem; color: var(--yellow-bg); width: auto;}



/*-------------------mobile-menu------------------------*/



.mobile-nav{width: 100%; background: var(--yellow-bg); position: fixed; top: 0; left: -220%; transition: var(--effect); z-index: 199999; height: 100vh; opacity:1; padding: 7rem 2rem 2rem 2rem;}

.mobile-nav.openmenu{left: 0;}

.mbl-nav-box .tp-btn:hover::before{content: none;}

.mbl-nav-box .tp-btn{font-size: 21px; margin-left: 0;}

.mobile-nav, .mobile-nav.openmenu{transition: var(--effect);}

#mbl-menu-close{right: auto; left: 34px; font-size: 21px; top: 26px; font-weight: 500; color: var(--primary-bg);}

.responsive-mobile-menu{display: flex; flex-direction: column;}

.responsive-mobile-menu > li{width: 100%; margin: 0.75rem 0rem; position: relative;}

.responsive-mobile-menu > li > a{color: var(--primary-bg); font-size: 21px; padding: 0rem; font-weight: 500; transition: var(--effect);}

.responsive-mobile-menu > li:hover > a{padding-left: 1rem; transition: var(--effect); position: relative;}

.responsive-mobile-menu > li:hover > a:before{content: "-"; position: absolute; left: 0; top:0px; height: 100%; display: flex; align-items: center; transition: var(--effect);  }

.mobile-sub-menu{display: flex; flex-direction: column; padding: 0rem;  opacity: 0; top:0rem;  transition: right .3s;  position: relative; height: 0; }



.responsive-mobile-menu > li:hover .mobile-sub-menu{display: flex; opacity: 1; height: auto; padding-left: 1rem;}

.responsive-mobile-menu > li .mobile-sub-menu li{width: 100%; margin: 0.35rem 0rem;}

.responsive-mobile-menu > li .mobile-sub-menu li a{color: var(--primary-bg); position: relative; font-size: 18px; padding: 0rem; font-weight: 500; transition: var(--effect);}

.responsive-mobile-menu > li:hover .mobile-sub-menu  li:hover a{padding-left: 1rem;}

.responsive-mobile-menu > li:hover .mobile-sub-menu  li:hover a:before{content: "-"; position: absolute; left: 0; top:0px; height: 100%; display: flex; align-items: center; transition: var(--effect);  }



/*-------------------banner------------------------*/

.hero-banner{background:#313444; padding-top: 250px; z-index: 1;}

.hero-banner:after{content:''; width: 100%; background:var(--title-color); height: 118px; position: absolute; bottom: 0; left: 0; z-index: -1;}

.banner-title-box .h1, .banner-title-box .h3, .banner-title-box p{margin-bottom: 1.85rem;}

.banner-title-box .h3, .banner-title-box p{width:82%;}

.banner-title-box p{font-size: 20px;}

.banner-title-box .h3{ font-size: 24px; font-weight: 600; }

.banner-title-box .banner-btn{background: var(--yellow-bg); color: var(--title-color);  border-color: var(--yellow-bg); transition: var(--effect);}

.banner-title-box .banner-btn:hover{transition: var(--effect); background:var(--second-bg);  border-color: var(--white); color: var(--white); }

.banner-img img{position: relative; top:0; left: 0;}

.banner-stats-box {margin-bottom: 60px; }

.banner-stats-box .h1{margin-bottom:0rem;}`

.banner-stats-box .h1 span{font-size: 43px; font-weight: normal;}

.banner-stats-box p{font-size: 20px; color: #fff; margin-bottom: 0; width: 81%;}

.banner-stats-box i{position: absolute; top:0;}

.fst-stats{left: 25px;}

.fst-stats i{left: -120px; top:30px;}

.scn-stats{left: 75px;}

.scn-stats i{left: -130px; top: 10px;}

.banner-stats-box a, .services-dtls-content .view{font-size: 20px; font-weight: 500; text-transform: capitalize; padding-left: 35px; left: 75px;}

.banner-stats-box a:before, .services-dtls-content .view:before{width: 27px; height: 4px; position: absolute; top:46%; left: 0; background: var(--yellow-bg); content: "";}

.banner-stats-box a:hover, .services-dtls-content .view:hover{color: var(--yellow-bg)}



.view-link{font-size: 20px; font-weight: 500; text-transform: capitalize; padding-left: 35px;  }

.view-link:before{width: 27px; height: 4px; position: absolute; top:46%; left: 0; background: var(--yellow-bg); content: "";}

.view-link:hover{color: var(--yellow-bg)}


/*-----------------------------------new------------------------------------------*/

.fst-stats{position: absolute; left: auto; right: -360px; margin-bottom: 0; width: 250px; z-index: 2; top:-30px;}
.fst-stats .h1, .fst-stats .h1 span{color: #666874;}
.banner-stats-box p{width: auto;}
.fst-stats i {
    left: 40px;
    top: 140px;
    transform: rotate(-34deg);
}
.hero-banner:after{height: 0px;}

.services:before{background: #21222b;}
.service-box-inn{padding: 2rem;}
.services-dtls-content .h3{height: auto; min-height: 10px; margin-bottom: 0;}
.services-dtls-content ul{margin-bottom: 1.5rem; padding: 0; display: flex; flex-direction: column;}
.services-dtls-content ul li{    margin-bottom: 5px;
    color: #21222b;
    font-weight: 500; }
.services-dtls:hover ul li{color: #fff;}
.case-study-bg-wall{position: absolute; width: 30%; z-index: 1; height: 100%; top:0; right: 0; background:#313444;}

.casestudies-images img{position: relative; z-index: 5;}
.case-stats-box p {
    font-size: 21px;
    padding-left: 25px;
    margin: 0;
    width: 100%;
    line-height: normal;
}
.case-hold-box .case-stats-box {
    padding-right: 3rem;
    align-items: flex-start !important;
    padding-left: 0rem;
}
.case-hold-box .case-stats-box .h1{font-size: 75px;}
.case-stats-box .h1:before{width: 75px; height: 75px; left: 10px;}
.casestudy-main-slider .owl-dots .owl-dot {
    margin-top: 0;
    z-index: 9;
}
.partner-logo {
    display: flex;
    flex-wrap: wrap;
}
.partner-logo li {
    width: 33.33333%;
    float: left;
    margin: 0.625rem 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.intro-dtls .partner-logo li a img {
    opacity: .6;
}

.seo-intro-srvc  ul{margin-bottom: 1.5rem; padding: 0; display: flex; flex-direction: column; margin-top: 1.5rem;}
.seo-intro-srvc  ul li{    margin-bottom: 5px;
    color: #21222b;
    font-weight: 500; }

/*-------------------intro------------------------*/

.intro-box{background: var(--primary-bg);}
.intro-dtls.full-into-box p{color: var(--scn-content-color);}
.intro-dtls ul{width: 100%; display: flex; align-items: flex-start; justify-content: space-between;}
.intro-dtls ul li{ width: 33.3333%; margin-top: 1.5rem; display: flex; flex-direction: column; font-family: Montserrat, sans-serif; padding-left: 0; }
.intro-dtls ul li p{color: #fff;}
.intro-dtls li:before{content: none;}
.partner-logo-tp{padding-right: 2rem; }
.partner-logo-tp img{width: 100%; height: auto;}


/*-------------------services------------------------*/

.services:before{content: ''; width: 100%; height: 8rem; position: absolute; left: 0; top:0rem; background:#fff;}
.servc-overly{background: var(--yellow-bg);  position: absolute;  width: 68%; height: 570px; border-radius: 0px ; left: 0; top:0; z-index: 0}
.service-box-inn{padding: 1.25rem;}
.services-dtls{box-shadow: 20px 20px 30px -1px rgba(0,0,0,0.5); transition: var(--effect);}
.services-dtls .shw-nml{display: block; opacity: 1; visibility: visible; transition: var(--effect);}
.services-dtls:hover .shw-nml{display: none; opacity: 0; visibility: hidden; transition: var(--effect);}
.services-dtls .shw-hvr{display: none; opacity: 0; visibility: hidden; transition: var(--effect);}
.services-dtls:hover .shw-hvr{display: block; opacity: 1; visibility: visible; transition: var(--effect);}
.services-dtls{background: #fff; padding: 2rem; border-radius: 5px; box-shadow:5px 5px 11px 2px rgb(0 0 0 / 7%); }
.services-dtls-content .view{color: var(--title-color); left:0; font-weight: 700;}
.services-dtls:hover{background:var(--primary-bg); transition: var(--effect);}
.services-dtls:hover .h3, .services-dtls:hover p{color: var(--white);}
.services-dtls:hover .view{color: var(--yellow-bg); }
.services:before {
    background: #21222b;
}


.services-dtls-content{margin-top: 1.5rem;}
.career-box-list{padding:1rem 2rem;}
.career-box-list-apply{text-align: right; margin: 0; display: flex; align-items: center; justify-content: flex-end;}
.career-box-list-perks {display: flex; align-items: center;}
.career-box-list-perks .career-box-tag{    color: var(--primary-bg);
    font-size: 1rem;
    padding: 5px 15px;
    line-height: 20px;
    border-radius: 50px;
    border: 2px solid var(--yellow-bg);
    margin: 0rem 1rem 0rem 0rem;}
.career-box-list-title p{color: var(--primary-bg);}
.career-box-list-dlts {
    margin: 1rem 0rem;
    padding: 1.5rem;
    border: 1px solid #ccc;
}
.career-box-one:before{height: 25%;}


.ads-form-wrapp, .ads-form-wrapp img{position: relative;}
.ads-form-wrapp img{z-index: 2}
.ads-form-box{ position: absolute; left: 15px; top: 0; width: 100%; height: 100%; max-width: 40%; flex: 0 0 40%; background: rgb(255,255,255);
background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(33,34,43,0.7679446778711485) 65%); padding: 3rem; z-index: 9;}
.free-proposal-quote-one input{padding: 15px; border-radius: 5px; margin-bottom: 1rem; width: 80%; border:0;}

.city-btn{text-transform: capitalize;}

.process, .industry, .blog{background: var(--primary-bg);}
.casestudies-images img, .growth-box-img img, .book-cta-img img, .review-box-list img{width: 100%; height: auto;}
.casestudies-dtls{align-self: flex-end;}
.casestudies-box .h2{margin-bottom: 3rem;}
.casestudies-box .case-logo{height: auto; width: auto !important; margin-bottom: 3rem;}
.casestudies-box p{color: var(--second-bg); width: 90%; font-size: 21px; line-height: 1.85rem; margin-bottom: 3rem;}
.case-stats-box .h1{font-size: 97px; position: relative; padding-left: 30px; font-weight: 800; z-index: 1;}
.case-stats-box .h1:before{content:""; width: 104px; height: 104px;  border-radius: 100%;  left: 0; background: var(--yellow-bg); position:absolute; top: 2px; z-index: -1;}
.case-stats-box .h1 span{font-weight: 500; font-size: 64px; color:var(--title-color);}
.case-stats-box p{font-size: 24px; padding-left: 25px; margin:0;}
.case-stats-box{margin-bottom: 3rem;}
.video-stats-box-inside .h2{font-weight:800;}
.casestudy-main-slider .owl-nav{display: none;}
.casestudy-main-slider .owl-dots .owl-dot{margin-top: -45px; z-index: 9;}
.casestudy-main-slider .owl-dots .owl-dot span{margin: 0px 4px;}

.case-video-title .h2{color: var(--white);}
.video-bg-clr{position: absolute; right: 0; bottom: 0rem; width: 60%; height: 80%; background: var(--second-bg);}
.case-video-title p{color:var(--scn-content-color);}
.video-box-img > img{width: 100%; height: auto; position: relative; box-shadow: 5px 5px 20px -1px rgba(0,0,0,0.2);}
.video-stats{position: absolute; left: 4rem; top:2.5rem;}
.video-stats-box-inside{margin: 1.5rem 0rem;}
.video-stats-box-inside .h2, .video-stats-box-inside p{ color: var(--second-bg); margin: 0; line-height:2.5rem; font-family: Montserrat, sans-serif; }
.video-play{position: absolute; right: 25%; top:30%;}
.video-box-dtls-inside{padding: 3rem; position: relative; margin-top: 4rem; margin-bottom: 6rem;}
.client-dtls span{color: #fff; font-size: 16px;}
.video-box-dtls{align-self: end; }
.video-box-dtls p{color:var(--white); margin:2rem 0rem; font-size: 21px; line-height: 1.85rem; min-height: 148px;}
.client-dtls span.nm{font-size: 24px; font-weight: 700;}
.video-main-slider .owl-nav{display: none;}
.video-main-slider .owl-dots{position: relative; top: 2rem;}
.video-main-slider .owl-dots .owl-dot{ z-index: 9;}
.video-main-slider .owl-dots .owl-dot span{margin: 0px 4px;}
.video-main-slider .owl-dots .owl-dot.active span, .video-main-slider .owl-dots .owl-dot:hover span{background: var(--yellow-bg) !important;}
.video-logo img{width: auto !important;}

.case-dtls-slider .owl-nav{display: none;}
.owl-dots{display: flex; align-items: center; justify-content: center;}
.owl-theme .owl-dots .owl-dot span {
    width: 30px;
    height: 4px;
    margin: 6px 3px;
    background: #c9c9c9;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 0px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: var(--primary-bg);}
.video-box-dtls .view{color: #fff; margin-top: 1.5rem;}

.intro-title .h2{font-size: 40px;}
.case-video .drk-clr{width: 100%; position: absolute; left: 0; height: 80.2%; top:0; background: #21222b;}
.video-logo > img {
    height: 55px !important;
    width: auto !important;
}

.paid-service-sec{background: #21222b; }
.paid-service-wrapp{ background: #fff; border-radius: 10px; padding: 2rem; margin-top: 2rem;}
.paid-service-dtls ul{display: flex; flex-direction: column;}
.paid-service-dtls ul li{position: relative; padding-left: 15px; margin-bottom: 3px;}
.paid-service-dtls ul li:before{content: "-"; position: absolute; left: 0; top:-2px; }
.paid-service-title .h2{font-size: 36px;}
.paid-srvc  .srvc-cn {
    display: flex;
    flex-direction: column;
    align-items: self-start;
    justify-content: start;
    text-align: left;
}
.paid-srvc .service-dtls{text-align: left; align-items: flex-start;}
.paid-srvc .service-dtls p{text-align: left;}
.cta-smpl {
    background: var(--yellow-bg)
}

.cta-smpl-img img {
    width: 100%;
    height: auto
}

.cta-smpl-dtls p {
    color: var(--primary-bg);
    width: 90%;
    margin-bottom: 1.65rem
}

.cta-smpl-dtls .btn-box {
    background: var(--primary-bg);
    color: var(--white);
    min-width: 45%;
    text-align: center;
    padding: 15px 25px;

}

.cta-smpl-dtls .btn-box:hover {
    background: var(--yellow-bg);
    color: var(--primary-bg)
}

.spcl-cta-img {
    text-align: right
}
.organic-service-dtls .h3{font-size: 36px;}
.organic-service-img img{width: 90%; height: auto;}
.sub-serv-title h2{font-weight: 700;}

.organic-service-box .btn-box {
    background: var(--primary-bg);
    border-color: var(--primary-bg);
    color: var(--white);
    min-width: 35%;
    text-align: center;
    padding: 15px 25px;

}

.nm-btn-box {min-width: 35%; text-align: center;}

.organic-service-box .btn-box:hover {
    background: var(--yellow-bg);
     border-color: var(--yellow-bg);
    color: var(--primary-bg)
}

.process-title p, .process-box p, .industry p, .indus-dtls p {
    color: var(--scn-content-color);
}

/*-------------------industries------------------------*/

.industry-box{padding: 2rem; margin-top: 2rem;}

.indus-dtls{padding-left: 35px;}

.indus-dtls h3{color: var(--white); font-weight: 700;}

.indus-dtls h3, .indus-dtls p{margin-bottom:0.5rem;}

.ppc-centric-box  .h4{font-size: 19px; font-weight: 600;}


/*-------------------brands------------------------*/



.brand-list {display: flex; flex-wrap: wrap;}

.brand-list li{flex:0 0 20%; max-width: 20%; padding: 10px 20px; margin-bottom: 0; display: flex; align-items: center; justify-content: center;}

.brand-list li img{width: 100%; height: auto;}

.tool-list li{flex:0 0 25%; max-width: 25%; padding: 25px 20px; display: flex; align-items: center; justify-content: center;}

.tool-list li img{opacity: 0.8; filter: grayscale(100); width: 80%;}

/*-------------------review------------------------*/

.review-box p{margin-bottom: 3rem;}

.review-box-list{padding-top: 2rem; padding-left: 1rem; padding-right: 1rem;}

.review-box-list:nth-child(1), .review-box-list:nth-child(3){padding-top: 3rem;}


/*-------------------blog------------------------*/

.blog-home-title p{color:var(--scn-content-color);}

.blog-home-box{padding-left: 2rem; padding-right: 2rem; margin-top: 3rem; position: relative;}

.blog-home-img img{width: 100%; height: auto;}

.blog-box-home-dtls{padding-left: 2rem; padding-right: 2rem; margin-top: -7rem; z-index: 9;}

.blog-home-inside{background: var(--white); padding:1.5rem; position: relative; }

.blog-home-inside span{font-size: 14px; margin-bottom: 1rem;}

.blog-home-inside .h3{    font-size: 21px;
    font-weight: 700;
    line-height: normal;}

.blog-view{color: var(--yellow-bg); }

.blog-view:before{width: 27px; height: 4px; position: absolute; top:46%; left: 0; background: var(--title-color); content: "";}


/*-------------------footer-----------------------*/



footer{background: var(--primary-bg);}

.bottom-line{border-bottom: 1px solid rgba(255,255,255,0.2);}

.top-line{border-top: 1px solid rgba(255,255,255,0.2);}

.footer-ptn-logo a img{width: auto; height: 64px; margin-left: 1.25rem;}

.footer-menu-title{margin-bottom: 0.85rem; text-transform: capitalize;}

.footer-menu-title, .footer-menu-title a{color: var(--yellow-bg); font-weight: 700;}

.footer-nav-box ul{display: flex; flex-direction: column;}

.footer-nav-box ul li, .footer-nav-box ul li a{width: 100%; margin-bottom: 0.5rem; color: var(--white); }

.footer-nav-box ul li a{ position: relative; padding-left: 15px; margin-bottom: 0;}

.footer-nav-box ul li a:hover{color: var(--yellow-bg); padding-left: 25px;}

.footer-nav-box ul li a:before{content:'-'; position: absolute; left: 0;}

.footer-contact > span{margin-right: 1.5rem;}

.footer-contact-box {font-size: 18px; line-height: normal;}

.footer-contact-box a{color: var(--white);}

.footer-contact-box .h5{font-weight: 700; margin-bottom: 0.5rem;}

.footer-link-btm p{margin-bottom: 0rem;}

.footer-link-btm p, .footer-link-btm li, .footer-link-btm a{font-size: 15px;color: var(--white); }

.footer-link-btm ul{display: flex; align-content: center; }

.footer-link-btm ul li{margin: 5px 0px; padding-right: 1rem;position: relative;}

.footer-link-btm ul li:last-child:before{content: "|"; position: absolute; left:0; top:0; }

.footer-link-btm ul li:last-child{padding-left: 1rem;}

.footer-link-btm ul li a:hover{color: var(--yellow-bg);}

.footer-social-btm ul{display: flex; align-items: center; justify-content: flex-end; width: 100%;}

.footer-social-btm ul li{margin-left: 0.65rem;}



.faq-box-dtls .card{border: 0;
    background: none;
    margin-bottom: 1.5rem;
    padding-left: 41px;
    width: 100%;
    padding-right: 0rem;}

.faq-box-dtls .card-header{ padding: 0; border:0; background: var(--grey); }

.faq-box-dtls .card-header h3 .btn{padding: 0;
    position: relative;
    font-weight: 600;
    font-size: 22px;
    color: var(--primary-bg);
    text-align: left;
    vertical-align: top;
    line-height: 36px; }

.faq-box-dtls .card-header .btn-link:hover, .faq-box-dtls .card-header .btn-link:focus{text-decoration: none; outline: none; box-shadow: none;}

.faq-box-dtls .card-body{background: none; padding: 1.25rem 0rem;}

.faq-box-dtls .card-header .btn-link.collapsed:before, .faq-box-dtls .card-header .btn-link:before{content: "+";

    position: absolute;

    height: 100%;

    display: flex;

    font-weight: 300;

    top: 1px;

    left: -45px;

    align-items: flex-start;

    color: #fc0;

    font-size: 2.5rem;}

.faq-box-dtls .card-header .btn-link:before{content: "-"; top:2px;}

.faq-box-dtls .accordion .faq {
    width: 50%;
    padding-right: 2rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}



/*-------------------form------------------------*/



.form-home-box-inside{background: var(--yellow-bg); padding:3.5rem  2.5rem; box-shadow: 6px 6px 20px -1px rgba(0,0,0,0.2); padding-right: 15rem;}

.form-home-box-inside .h3{ font-size: 36px; }

.form-home-box-inpt{margin:1.5rem 0rem 0.5rem 0rem;}

.form-home-box-inpt label{font-size: 18px; color: var(--second-bg); margin-bottom: 0;}

.form-home-box-inpt .frm-hm-inpt{border:0; background: var(--white); border-radius: 5px; padding: 13px; width: 100%;}

.form-home-box-inpt .btn-box{background: var(--primary-bg); color: var(--white); border-color: var(--primary-bg); }

.form-home-box-inpt .btn-box:hover{background: var(--yellow-bg); color:var(--primary-bg); }

.form-sec-dtls .h3{font-size: 26px; font-weight: 700; margin-bottom: 1rem;}

.form-sec-list li{position: relative; margin: 0.35rem;  color: var(--scn-content-color); padding-left: 30px; line-height: 1.65rem;}

.form-sec-list li:before{content:""; width: 14px; height: 3px; background: var(--yellow-bg); position: absolute; left: 0; top:11px;}

.form-sec-dtls{padding-left: 3rem;}

.home-featured-list{flex-wrap: wrap; display: flex; margin-bottom: 0rem;}

.home-featured-list li{    width: 16.6667%;
    padding: 1rem;
    display: flex;
    align-self: center; }

.home-featured-list li img{width: 100%; height: auto;  filter: grayscale(100%); }

.form-clr{content: ""; background: var(--second-bg); position: absolute; right: 0; top:0; width: 60%; height: 90%; }
.form-box-title .h3{font-size: 36px;}
.form-home-box-inpt p{margin-bottom: 0;}
.form-sec-lady-img img{position: absolute; right: 0; bottom: 0; width: 435px;}
.footer-partner-logo-tp-box .partner-logo-tp{padding: 2rem 3rem;}
.home-feature-box .h4{white-space: nowrap; padding-right: 2rem;}


/*------------------fist-fold-css-------------------------*/

.intro-dtls p {
    color: var(--content-color);
}
.hm-intro-dtls.intro-dtls p {
    color: var(--scn-content-color);
}

.hero-banner { height: 100vh; box-sizing: border-box; padding-top: 0;}
.hero-banner .banner-box {height: 100vh; padding-top: 250px; display: flex;}
.full-into-box{height: 100vh;}

.intro-box.full-into-box .h2 {font-size: 50px; }


.banner-dtls .h1-class, .banner-dtls h1, .banner-dtls .h1, .banner-dtls p {
    color: #fff;
}

.inner-banner {
    background: #313444;
    box-sizing: border-box;
    padding: 11rem 0 1rem 0;
}

.links .yllw-link {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    padding-left: 35px; color: #fff;

}
.links .yllw-link:before {
    width: 27px;
    height: 4px;
    position: absolute;
    top: 46%;
    left: 0;
    background: var(--yellow-bg);
    content: "";
}

.links .yllw-link:hover {
    color: var(--yellow-bg);
}

.box-type-two.syd-why-box-type{padding-top: 6rem; padding-bottom: 6rem; margin: 0;}
.sy-content-box p{color: #fff;}
.syd-step-box-title .h2 span{color: #21222b;}

.seo-mn-tmpl .syd-good-seo-box .syd-box-inn {
    min-height: 400px;
}

.syd-good-seo-box .h4, .syd-seo-srvc-inn .h3, .mlb-intro-box .intro-txt .h3{padding-bottom: 0; margin-bottom: 0; line-height: normal;}
.syd-good-seo-box .h4:before, .syd-seo-srvc-inn .h3:before{content: none;}
.syd-good-seo-box img, .syd-seo-srvc-inn img, .mlb-intro-box .intro-txt img{margin-right: 1.5rem; margin-bottom: 0;}
.sem-mn-tpl-2 .syd-seo-srvc-box .syd-seo-srvc-inn {
    min-height: 20px;
}


.seo-process-dtls{padding-left: 5rem;}
.process-img img{width: 100%; height: auto;  box-shadow: 12px 12px 20px -1px rgba(0,0,0,0.2);}

.nav-pills-process .nav-link {
       background: 0 0;
    border: 0;
    border-radius: 100%;
    padding: 0.2rem;
    width: 35px;
    height: 35px;
    text-align: center;
    margin-right: 7px;
    color: #555;
    line-height: 27px;
    position: relative; font-size: 14px;

}


.nav-pills-process .nav-link.active, .nav-pills-process .show>.nav-link {  color: #21222b;
    background-color: #ffcc00; font-weight: 600;
}
.tab-pane-process{position: relative; overflow: hidden; min-height: 375px;}
.tab-pane-process img, .tab-pane-process .h2{margin-bottom: 1.5rem; position: relative;}
.tab-pane-process p{position: relative; margin-bottom: 0;}
.tab-pane-process .h2{font-size: 40px;}
.tab-pane-process .numric-ovrly{position: absolute; width: 100%; height: auto; left: 0; top:0px; display: flex; align-items: flex-start; justify-content: flex-start; text-align:left; font-family:var(--font-mont);
font-weight: 800; color: #f1f2f3; font-size: 20rem; line-height: 15rem; z-index: 0; letter-spacing: -1px; }

.inner-side-banner img{width: 100%; height: auto; position: relative; }
.inner-banner .seo-wht-space{width: 100%; height: 77px; position: absolute; bottom: 0; background: #fff; left: 0;}
.inner-banner-dtls{padding-right: 3rem;}


/*----------------------------cta----------------------------------------*/

.gry-overly-strip{position: absolute; width: 35%; background: var(--grey); height: 100%; left: 0; top: 0;}

.drk-overly-strip{background: var(--second-bg);position: absolute; width: 35%; height: 100%; right: 0; top: 0;}

.cta-box-yllw:before{ content: ""; width: 100%; height: 50%; top: 0; left: 0; position: absolute; background: var(--grey); }

.cta-box-yllw .yllw-bg-ovly{background: var(--yellow-bg); position: absolute; left: 0; top:0; width: 68%; height: 70%;}

.cta-box-yllw-dtls p{font-size: 45px; font-weight: 300; line-height: 50px;}

.cta-yllw-call{display: flex; flex-direction: column; font-size: 60px; font-weight:800; margin-bottom: 0; line-height: 43px;}

.cta-yllw-call span{font-size: 30px; font-weight: 700; color: var(--primary-bg);}

.cta-yllw-call:hover{color: var(--white); }

.cta-smpl{background:var(--yellow-bg); }

.cta-smpl-img img{width: 100%; height: auto;}

.cta-smpl-dtls p.h3{color:var(--primary-bg); width: 90%; margin-bottom: 1.65rem;}

.cta-smpl-dtls .btn-box{background: var(--primary-bg); color: var(--white);}

.cta-smpl-dtls .btn-box:hover{background: var(--yellow-bg); color: var(--primary-bg);}

.spcl-cta-img {text-align: right;}

.special-seo-cta .gry-overly-strip{width: 45%; height: 70%; left: 0; top:10%;}

.special-seo-cta .drk-overly-strip{width: 64%; height: 70%;  top:auto; bottom: 0; right: 0;}

.call-box{line-height:30px; margin-top: 2rem;}

.spcl-cta-dtls .h3{font-size: 36px;}

.call-box, .call-box a{font-family: var(--font-mont); color:var(--yellow-bg); font-weight:700; font-size: 30px; }

.call-box a:hover{ color:var(--white); text-decoration: u}

.call-box span{font-size: 20px; color:var(--white); font-weight: 400;}

.spcl-cta-dtls p{color: var(--scn-content-color);}

.seo-book-cta .book-cta-img{text-align: right;}

.seo-book-cta .book-cta-img img{width: auto;}

.seo-book-cta:before{background: var(--white);}

.ppc-book-cta:before{content: ""; width: 100%; height: 60px; background: var(--grey); position: absolute; bottom: 0; left: 0;}

.ppc-tab-img img{width: 95px; height: auto;}

.sub-serv-dtls .div {
  display: flex;
  align-items: center;
  position: relative
}

.sub-serv-dtls .div>span {
  width: 115px;
  margin-right: 1rem;
  margin-left: 1rem;
}

.sub-serv-dtls .div>span img {
  position: relative; width: 100%;
}


.sub-serv-dtls .div i {
width: 53px;
    height: 53px;
  position: absolute;
  -webkit-transition: .5s all;
  transition: .5s all;
  background: #fc0;
  border-radius: 100px;
  top: 10px;
  left: 30px;
  animation: one-animated 3s infinite
}
.sub-text-stat{text-align: left;}
.sub-text-stat p{margin: 0; font-weight: 400; font-size: 18px; text-align: left;}



.inn-banner-box-img img{width: 100%; height: auto;}

.inner-page-hero:after{content:''; background: var(--grey);}
.location-page-hero:after{content:''; background: #fff;}

.seo-intro-dtls p{width: 48%; margin-top: 1rem;}

.intro-icon-box{max-width:fit-content; flex:auto; display: flex; align-items: center;}

.intro-icon-box img{opacity: 0.65;}

.seo-intro-srvc{display: flex; flex-direction: column;}

.seo-intro-srvc img{margin-bottom: 1.65rem;}

.seo-intro-srvc p{margin-bottom:0; width: 90%; }

.seo-intro-srvc .h3{font-weight: 700; font-size: 36px; }

.seo-box-top:before{ content: ""; width: 100%; height: 50%; top: 0; left: 0; position: absolute; background: var(--grey); }

.seo-box-top .drk-bg-ovly{background: var(--primary-bg); position: absolute; left: 0; top:0; width: 68%; height: 80%;}

.seo-box-img img{width: 100%; height: auto; position: relative; right: -15px; box-shadow: 12px 12px 20px -1px rgba(0,0,0,0.2);}

.seo-box-dtls p{color: #ccc; width: 90%;}

.seo-company-box-in img{margin-bottom: 3.5rem;}

.seo-company-box-in .h3{font-size: 30px; min-height: 72px;}

.seo-company-box-in p{width: 100%; min-height: 185px;}

.seo-company-box-in{padding: 3rem 2rem; background: var(--grey);}

.seo-process-dtls{padding-left: 5rem;}



/*----------------------------------landing-page-----------------------------------------*/
header{background: #21222b; padding: 1rem 0rem;  position: relative; top:0;}
.top-quote ul li a.icon .svg-phone {
  fill: #fff; 
  margin-right: 1.25rem
}

.lp-wrapper{background: #313444; padding-top: 1rem;}
.top-quote ul li {
  display: flex;
  flex-direction: column
}

.top-quote ul li.phone-tp a {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.563rem
}

.top-quote ul li.phone-tp a.email-tp {
  color: #fff;
  font-size: 1rem;
  font-family: Raleway, sans-serif;
  font-weight: 400
}

.footer-lp{background: #f7f7f7; padding-top: 1rem; padding-bottom: 1rem; width: 100%;
    z-index: 999;  font-family: Montserrat,sans-serif;}
.footer-lp-dtls{display: flex; align-items: center; justify-content:center;}
.footer-lp-dtls a, .ft-lp-btm a{margin-left: 1rem; margin-right: 1rem; font-size:14px;}
.footer-lp-logo img{width: 150px; height: auto;}
.ft-lp-btm p{margin-bottom: 0;  font-size:14px; width: auto; float: inherit;}

.main-lb-box{padding-top: 7rem;
    padding-bottom: 5rem;}
.lp-sub-box .h3{font-weight: 800; font-size: 24px; color: #fff;}
.lp-lbl-yllw{background: #ffcc00; padding:3px 10px; color: #21222b !important; border-radius: 5px;}
.lp-heading{    font-weight: 300;
    font-size: 45px; color: #fff;
     margin-bottom: 2rem;}
.lp-heading span{color: #fff !important; font-weight: 800; border-bottom: 3px solid #ffcc00}
.lp-title1{ font-weight: 400; font-family: Montserrat,sans-serif; font-size: 30px; color: #999;}
.lp-title2{color: #ffcc00;   font-weight: 700; font-size: 32px; margin-top: 1.65rem;}
.lp-title3{font-weight: 400; font-family: Montserrat,sans-serif; font-size: 24px; color: #999;}
.lp-hd-button .lp-mn-btn{font-size: 30px;
   
    font-weight: 800;
    line-height: 1.5em;
    color: #21222b;
    background-color: #ffcc00;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #d4aa02;
    border-radius: 6px 6px 6px 6px;
    padding: 12px 32px 13px 32px;
    text-shadow: 0px 3px 3px rgba(0,0,0,0.2);
    transition: all .2s ease-in-out;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    filter: drop-shadow(0px 3px 50px rgba(0, 0, 0, 0.5));}
.lp-hd-button .lp-mn-btn:hover{transition: all .2s ease-in-out;-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);}

.lp-arrow{width: 40px; margin-left: 10px;}
.lp-arrow svg{width: 40px; height: 40px;}
.wht-clr{color: #fff !important;}
#lineh1{
      position: absolute;
      left: 0;
      height: 2px;
      background: #ffcc00;
      animation: lineH 2s 3s infinite linear;
    }
@keyframes lineH{
      0%{
        width: 0%;
      }
      100%{
        width: 65%;opacity: 0;
      }
    }


    .lp-call-hd-btn .lp-mn-btn{
    font-size: 30px;
    font-weight: 900;}

    .lp-title1-sld{text-align: center; line-height: normal;}
    .lp-title1-sld span{font-weight:800;}
    .lp-heading-sld{font-size: 26px; text-transform: capitalize;}
    .lp-slider-box{display: flex; align-items: center; justify-content: center; width: 100%; max-width: 100%;}

h1.book-closer{font-size: 36px;}
.lp-closer-title{font-size: 20px;}
header.sticky-head{position: fixed; top: 0; left: 0; width: 100%; padding-top: 4px; padding-bottom: 4px;}
.hide-sticky{display: none; opacity: 0; visibility: hidden;}
header.sticky-head .hide-sticky{display: block; opacity: 1; visibility: visible; margin: 0 !important; }
header.sticky-head .wht-sticky{display: none; opacity: 0; visibility: hidden; margin: 0 !important}
.lp-hd-button .lp-mn-btn {
    cursor: pointer;
    display: flex;
    align-items: center; line-height: normal;
}