/* color variables start */
:root { 
      --theme-color2: #2F983A;
    --theme-color: #053365;
    --footer-bg: #b50000;

    --body-text-color: #1A1A1A;
    --color-white: #fff;

    --color-yellow: #1A1A1A;
    --color-dark: #1A1A1A;
}
/* color variables end */

/* common css start */
body { color: var(--body-color);}
p{ margin-bottom: 10px;}
p:last-child{ margin-bottom: 0;}
h1,h2,h4,h5,h6{margin-bottom: 1rem;}
 h3 { margin-bottom: 5px; font-size: 28px;}
.row{margin-top: 0;}
.row > *{margin-top: 0;}
.main { margin-top: 0;}
/* common css end */
.wpcf7-not-valid-tip{font-size: 15px;}
input.wpcf7-not-valid{border-color: #dc3232 !important;}

header .header-top{overflow: hidden;}
.navbar .nav-item .dropdown-menu .dropdown-item.active{background-color: var(--theme-color);color: #fff;}
/* homepage start */

/* service area start */
.service-area .site-title{margin-bottom: 15px;}
/* service area end */

/* cta area start */
.cta-area .site-title{margin-bottom: 15px;}
/* cta area end */

/* homepage end */

/* full width section li styling */
.full-width-sec ul.list li{font-weight: 500;color: rgba(var(--bs-white-rgb));margin-top: 5px;position: relative;padding-left: 25px;}
.full-width-sec ul.list li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';}
.full-width-sec ul{margin-bottom: 20px;}
.full-width-sec ul li{font-weight: 500;color: rgba(var(--bs-white-rgb));margin-top: 5px;position: relative;padding-left: 25px;}
.full-width-sec ul li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';}
/* full width section li styling */

/* left right section start */

.left-right-sec .row{align-items: center;}
.left-right-sec .row:last-child{margin-bottom: 0;}
.left-right-sec .row:nth-child(even){flex-direction: row-reverse;}
.left-right-sec .text-holder{padding-right: 4px;}
.left-right-sec .text-holder ul.list li{font-weight: 500;color: var(--color-dark);margin-top: 5px;position: relative;padding-left: 25px;}
.left-right-sec .text-holder ul.list li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';color: var(--theme-color);}
.left-right-sec .text-holder ul{margin-bottom: 20px; margin-left: 0;}
.left-right-sec .text-holder ul li{font-weight: 500;color: var(--color-dark);margin-top: 5px;position: relative;padding-left: 25px; list-style: none;}
.left-right-sec .text-holder ul li::before{content: "\f560";position: absolute;left: 0;top: 0;font-family: 'FontAwesome';color: var(--theme-color);}

.scrollable-service-content::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5; border-radius: 50px;}
.scrollable-service-content::-webkit-scrollbar{width: 5px;background-color: #F5F5F5; }
.scrollable-service-content::-webkit-scrollbar-thumb{background-color: var(--color-dark);border: 0px solid #555555; border-radius: 50px;}
/* left right section end */


.full-width-sec{background-color: var(--theme-color2); opacity: .9;}

/* process sec start */
.process-area .process-item{text-align: center;}
.process-area .col-md-6{margin-bottom: 30px;}
/* process sec end */

/* cta sec start */
/* .cta-area.cta-sec{padding-bottom: 70px; margin-bottom: 50px;} */
/* cta sec end */

/* feature area start */
.feature-item{flex-direction: column;}
.feature-area.usp-main .feature-item{flex-direction: column; height: 100%;}
.feature-area .container > .row {justify-content: center;}
.feature-item{height: 100%;} 
/* feature area end */


.owl-carousel .owl-stage:after { display: none;}


/* service pagination start */
.service-area .pagination li .page-link{height: 40px; width: 40px; border: 1px solid #B50000;}
.service-area .pagination li .page-link:focus{box-shadow: none;}
.service-area .pagination li .page-link.next,.service-area .pagination li .page-link.prev{width: auto;}
/* service pagination end */

/* footer start */
.footer-list li a{margin-left: 0 ;}
.footer-shape {height: 100%; text-align: center;}
.footer-shape img{height: 100%;}
/* footer end */

/* thank you page start */
.thank-you-section .thankyou{text-align: center;}
.thank-you-section .thankyou img{height: 250px; margin-bottom: 30px;} 
.thank-you-section .thankyou .thanktitle{font-size: 40px; margin-bottom: 20px;}
.thank-you-section .thankyou .thankdec{font-size: 20px; color: #000;}
/* thank you page end */

.toggle-description { color: #B50000; cursor: pointer; font-weight: 600; margin-top: 10px; display: inline-block;}

.scrollable-service-content.scroll { overflow-y: auto; padding-right: 15px;}

/********************** common sidebar floating form start **********************/
/* sign up button  */
.signup-btn { width: 145px; height: 45px; position: fixed; right: -51px; top: 48%; text-align: center; line-height: 40px; letter-spacing: 0.5px; background: #B50000; z-index: 999; cursor: pointer; border-top-left-radius: 4px; border-top-right-radius: 4px; transform: rotate(270deg); transition: ease-in-out all 0.5s;}
.signup-btn a {font-weight: 600; font-size: 16px; line-height: 3.1; text-decoration: none; color: #fff;}
.signup-btn:hover { background-color: #000; color: #fff;}
/* sign up button  */
 
/* form back drop */
.form-back-drop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #000000b3; visibility: hidden; z-index: 99999; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.appointment-form-visible .form-back-drop { opacity: 1; visibility: visible;}
/* form back drop */
 
/* contact sidebar start */
.appointment-box {position: fixed; right: -400px; top: 0; width: 400px; max-width: 100%; height: 100%; overflow-y: auto;  z-index: 99999;  opacity: 0; visibility: hidden; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.appointment-form-visible .appointment-box {right:0px; opacity: 1; visibility: visible;}
.appointment-box .inner-box {position: absolute; background-color: var(--theme-color2); right: 0; padding: 70px 20px 20px; height: 100%; overflow-y: auto;}
.appointment-box .inner-box::-webkit-scrollbar { width:5px;}
.appointment-box .inner-box::-webkit-scrollbar-thumb {background:  #fff; border-radius: 20px;}
.appointment-box .inner-box .cross-icon {position: absolute; z-index: 99; right: 20px; top: 10px; cursor: pointer; color: #fff;}
.appointment-box .inner-box .cross-icon a span{font-size: 28px;}
.appointment-box input:not([type=submit]),.appointment-box select {-webkit-appearance: none; height: auto; border-radius: 4px !important; margin-bottom: 16px;  background-color: #fff; border: none; padding: 10px 15px; color: #6c757d;}
.appointment-box textarea {height: 125px; min-height: 125px; max-height: 125px; border-radius: 4px !important; background: #fff; margin-bottom: 15px; border: none; padding: 10px 15px;}
.appointment-box input[type=submit] {border: none; background: var(--theme-color); display: inline-block; font-weight: 500; text-decoration: none; position: relative; z-index: 2; overflow: hidden; text-shadow: 0 0 1px rgb(255 255 255 / 30%); white-space: nowrap; padding: 10px 32px; color: #fff; width: auto; height: auto; border-radius: 4px; margin-top: 15px; margin-bottom: 0 !important;  transition: ease-in-out all 0.5s; -moz-transition: ease-in-out all 0.5s; -ms-transition: ease-in-out all 0.5s; -o-transition: ease-in-out all 0.5s; -webkit-transition: ease-in-out all 0.5s;}
.appointment-box input[type=submit]:hover{background: #fff; color: #B50000;}
.appointment-box .wpcf7-spinner{position: absolute;left: 141px;margin-top: 15px;  z-index: 9;}
.appointment-box input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.wpcf7-not-valid {margin: 0;  }
.appointment-box span.wpcf7-not-valid-tip {margin-bottom: 5px; font-size: 13px; color: #fff;}
.appointment-box .wpcf7 form.invalid .wpcf7-response-output{border-color: #f00; font-size: 16px; line-height: 26px; color: #fff; margin:15px 0 0 0px;}
#appointment-close span img{height: 20px; filter:invert(100%) sepia(0%) saturate(2%) hue-rotate(325deg) brightness(115%) contrast(101%);}
.form-back-drop {position: fixed; right: 0; top: 0; width: 100%; height: 100%; opacity: 0; background: #000000b3; visibility: hidden;  z-index: 99999;  transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;}
.appointment-form-visible .form-back-drop {opacity: 1; visibility: visible; }

.appointment-box form.invalid .form-control.wpcf7-not-valid { border: 1px solid red !important; margin-bottom: 0 !important;}
.appointment-box form .wpcf7-not-valid-tip { color: red;}
.appointment-box .recaptcha { margin-bottom: 15px;}
.appointment-box .form-group { margin-bottom: 0;}

.appointment-box .form-group .wpcf7-select.form-control { background-image: url('https://almostready.website/solar-gutter-cleaning/ecosolarqld.com.au/wp-content/uploads/2025/07/down.png'); background-size: 15px; background-repeat: no-repeat; background-position: center right 15px;}


.contact-content .row { row-gap: 24px;}
.header-top-list a:not([href]):not([class]) { color: #FFF;}
/* contact sidebar end */

/********************** common sidebar floating form end **********************/


/*=================================================== Styling by Manav For theme Change start ===================================================*/

/********** header css start ***********/
.fixed-top { box-shadow: 0px 1px 5px 0px rgba(122, 79, 42, 0.1);}
.header-top { padding: 6px 0;}
.header-top .shape { }
.header-top .shape .shape-1 { left: -100px; right: initial; width: 35%; border-radius: 20px 0 20px 0; border-right: 5px solid var(--color-white);}
.header-top .shape .shape-2 { right: -30px; left: initial; width: 10%; border-radius: 20px 0 20px 0; border-left: 5px solid var(--color-white);}
.header-top-wrap { justify-content: end;}

.navbar .nav-item .dropdown-menu .dropdown-item { line-height: 1.6;}
.header.fixed-top .header-top { padding: 3px 0; display:none;}
.header.fixed-top .header-top-list a { font-size: 15px;}

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

/* ===============================
   HOME BANNER STYLING START
================================ */

/* Banner wrapper */
.home-banner { position: relative;}

/* Banner item */
.hero-slider .banner-item {position: relative; overflow: hidden; display: flex; min-height: 800px;}
/* Background Image */
.hero-slider .banner-item img {width: 100%;  height: 100%; object-fit: cover; position: absolute; top: 0;  left: 0;  z-index: 1;}

.banner-item::before {content: ""; position: absolute; height: 100%;  width: 100%;  background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.5) ); z-index: 2; pointer-events: none;}
.slide-overlay {position: relative; width: 100%; min-height: 100%; display: flex;  align-items: center; z-index: 3; color: #fff;}
.banner-content-box {max-width: 968px; padding: 50px 0;}
.home-banner .small-title {font-size: 16px; color: #fff; display: inline-block; margin-bottom: 10px;}

.home-banner .title-one {font-size: 70px; font-weight: 700;  color: #fff; line-height: 84px; margin-bottom: 21px;}
.banner-content-box p { font-size: 20px; line-height: 32px; max-width: 684px;}
.home-banner .btn-group {margin-top: 18px;  display: flex; gap: 15px; flex-wrap: wrap;}
.home-banner .comman-btn,
.home-banner .btn-primary { background: var(--theme-color); color: #fff; padding: 14px 28px; text-decoration: none;  display: inline-block;  transition: 0.5s ease; border-radius: 10px;}
.home-banner .btn-primary:hover {background: #000;}

.home-banner .comman-btn {color: #fff; border: 1px solid #fff; background: transparent;}

.home-banner .comman-btn:hover { background: #fff; color: #000;}

/* ===============================   OWL DOTS STYLE ================================ */

.home-banner .owl-theme .owl-nav.disabled + .owl-dots {position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%);  display: flex; gap: 6px;}
.home-banner .owl-theme .owl-dots .owl-dot span {width: 14px; height: 14px; background: #fff; display: block;  border-radius: 0; transition: 0.3s; border-radius: 100%;}
.home-banner .owl-theme .owl-dots .owl-dot.active span { background: var(--theme-color); border: 1px solid #fff;}
.home-banner .owl-theme .owl-dots .owl-dot:hover span { background: var(--theme-color);}



.contact-form-wrap > .row{row-gap: 30px;}


/* ===============================  RESPONSIVE CSS ================================ */

   

@media (max-width: 1399px) {
    .hero-slider .banner-item { min-height: 690px; }
    .banner-content-box {max-width: 900px;}
    .home-banner .title-one {font-size:62px; line-height: 66px;  margin-bottom: 15px; }

}


@media (max-width: 1199px) {
    .hero-slider .banner-item {min-height: 800px; }

    .banner-content-box p {font-size: 18px; }

    .banner-content-box {max-width: 800px;}
    .home-banner .title-one{font-size: 56px; line-height: 64px; }
    .home-banner .comman-btn,
.home-banner .btn-primary { padding: 12px 24px;}
}

@media (max-width: 991px) {
    .hero-slider .banner-item {min-height: 650px; }

    .slide-overlay {align-items: flex-end; }

    .banner-content-box {padding: 80px 0;}
    .home-banner .title-one {font-size: 48px; line-height: 58px; }

}

@media (max-width: 767px) {
    p {margin: 0 !important; margin-bottom: 10px !important;}
    p:last-child {margin: 0 !important; }
    .hero-slider .banner-item { min-height: 430px; }
    .banner-content-box p {font-size: 16px; line-height: 24px; }
    .banner-content-box {max-width: 100%; padding: 60px 0; }
    .home-banner .btn-group {margin-top: 8px;}
    .home-banner .owl-theme .owl-nav.disabled + .owl-dots {bottom: 5px; }

    .home-banner .title-one {font-size: 34px !important; line-height: 40px; }

    .home-banner .comman-btn,
    .home-banner .btn-primary { padding: 10px 20px; font-size: 14px;}
}

@media (max-width: 575px) {
   .home-banner .owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; }

    .home-banner .owl-theme .owl-nav.disabled + .owl-dots {gap: 2px;}
    .banner-content-box {padding: 50px 0; }
    .hero-slider .banner-item { min-height: 420px;}

    .home-banner .title-one {font-size: 26px !important; line-height: 30px; }

    .home-banner .comman-btn,
    .home-banner .btn-primary { padding: 8px 16px;}
}

/* =============================== HOME BANNER STYLING END =============================== */

/********** main section css start ***********/


/* feature area styling start */
.feature-area {background:#F5F5F5; }
.feature-area .row>* { margin: 10px 0;}
.feature-area .feature-item { border-radius: 15px; flex-direction: initial; flex-wrap: wrap; align-items: center; background-color: var(--color-dark); gap: 0; display: block;}
.feature-area .feature-item .count { right: 20px; left: initial; top: 20px; bottom: initial; display: none;}
.feature-area .feature-item .feature-icon { border-radius: 20px; margin-right: 5px; margin-bottom: 15px;}
.feature-area .feature-item .feature-content-head { width: 100%; margin-bottom: 5px;}
.feature-area .feature-item .feature-content-head h3 { margin-bottom: 0; color: #fff;}
.feature-area .feature-item .feature-content { flex: initial;}
/* feature area styling end */

/* about area styling start */
.about-left { border-radius: 20px; overflow: hidden; height: 100%;}
.about-left::before { display:none; width: 50%; height: 100%; left: 0; top: 0; transform: translateX(0); z-index: 1; border-radius: 50px; background-color: var(--color-white);}
.about-left .about-img { background-repeat: no-repeat; background-size: cover; background-position: right bottom -100px; height: 100%;} 
.about-left .about-img .row { height: 100%;}
.about-left .about-img .row>:first-child { height: 100%;}
/* .about-left .about-img .row>:last-child { display: none;} */
.about-left .about-img .row>:first-child .img-1 { z-index: 1; position: relative; width: 93%; height: 92.5%; object-fit: cover; top: 50%; left: 0; transform: translate(15px, -50%); border-radius: 40px;}
.about-left .about-experience { top: 50%; left: 75%; background: var(--theme-color2); border-color: var(--theme-color); border-radius: 50px;}
/* about area styling end */



/* box theme 02 */
.process-area .process-item { text-align: start; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: initial; padding: 0; overflow: hidden; border: 1px solid #1a1a1a6e; height: 100%;}
.process-area .process-item .count { width: 50%; height: 65px; display: flex; justify-content: center; align-items: center; background-color: var(--theme-color); border-radius: 50px; border-radius: 0;}
.process-area .process-item .icon { width: 50%; height: 65px; position: initial; background: var(--color-dark); border-radius: 0; border: unset; display: flex; justify-content: center; align-items: center;}
.process-area .process-item .content { margin-top: 0; padding: 10px 20px; height: 100%;}
/* process area styling end */

/* cta area styling start */
.cta-area { padding: 60px 0;}
.cta-area::after { height: 100%; width: 24%; right: 0; left: initial; top: 0; transform: translateX(50%); border-radius: 300px; background-color: rgb(26, 26, 26, 05); display: none;}
/* .cta-area .cta-shape-circle { height: 100%; width: auto; position: absolute; right: 0; left: initial; top: 0; transform: translateX(0%); border-radius: 300px;} */
.cta-area .cta-content { text-align: center; max-width: 90%; margin: auto;}
.cta-area .cta-shape-circle { position: absolute; right: -47%; top: -35%; height: 630px; width: 100%;}
.cta-area .cta-shape-circle .rings { height: 100%; width: 100%; display: none;}
.cta-area .cta-shape-circle .rings circle { transform-origin: center; animation: pulse 3s ease-in-out infinite;}
.rings circle:nth-child(2) { animation-delay: 1s;}
.rings circle:nth-child(3) { animation-delay: 1.5s;}
.rings circle:nth-child(4) { animation-delay: 2.5s;}
.rings circle:nth-child(5) { animation-delay: 3s;}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.05); opacity: 0.7; }
}
/* cta area styling end */

/* partner area in cta hide */
.partner-area { display: none; }
/* partner area in cta hide */

/* product area start */

/* product area end */

/* service area start */
.service-area { }
.service-area .service-slider  { }
.service-area .service-slider .service-item { max-width: 89%; width: 100%; margin: auto;}
.service-area .service-slider .service-item .service-img img { height: 200px; object-fit: cover;}
/* service area end */

/* quote area start */
.quote-area { }
.home .quote-area .quote-form { padding: 0;}
.quote-img { height: 100%;}
.quote-img img { height: 100%; object-fit: cover;}

.quote-form .theme-btn:hover { background-color: var(--theme-color2); color:#fff;}
/* service area end */

/* contact form start */
.form-control:focus { box-shadow: unset !important;}

.quote-form .invalid .form-control.wpcf7-not-valid { border-color: red !important;}

.contact-form .invalid .form-control.wpcf7-not-valid { border: 1px solid red !important;}
/* contact form end */

/* thanyou page start */
.thank-you-section .thankyou{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.thankyou img{height: 150px;margin-bottom: 15px;}

/********** main section css end ***********/


/*=================================================== Styling by Sanket For theme Change end ===================================================*/

/*========================================= Styling For theme Change Responsive =========================================*/

@media (max-width: 1666px) {
  .header-top .shape .shape-1 { }
  .header-top .shape .shape-2 { width: 8%;}
}

@media (max-width: 1439px) {
  .header-top .shape .shape-1 { }
  .header-top .shape .shape-2 { display: none;}
}

@media (max-width: 1199px) {
  .header-top .shape .shape-1 { width: 20%;}
  .header-top .shape .shape-2 { width: 5%; display: block;}
  .about-left .about-img .row>:first-child .img-1 { width: 91%;}

  /* thanyou page start */
  .thankyou img{height: 120px;}
 
  /* thanyou page end */
  .navbar {padding: 5px 0 !important;}
}

@media (max-width: 1199px) {
  
}

@media (max-width: 991px) {

  .about-left .about-img .row>:first-child .img-1 { width: 94%; height: 94%;}

  /* .service-area .row>:last-child { order: -1;} */
  .service-area .service-slider .service-item { max-width: 100%; margin-bottom: 30px;}


  .quote-area .quote-form { margin-top: 30px;}

  .cta-area { padding-top: 30px !important; padding-bottom: 30px !important;}

  /* thanyou page start */
  .thankyou img{height: 100px; margin-bottom: 12px;}

  /* thanyou page end */

  .testimonial-author-info h3 { font-size: 18px;}


  .service-item { flex-direction: column;}
  .service-item .service-img { width: 100%;}
  .service-item .service-content { margin-left: 0; width: 100%; height: 100%;}
  .service-item .service-content h3 { margin-bottom: 10px;}
  .service-item .service-content a { margin-top: auto;}
}

@media (max-width: 767px) {

    h2{font-size: 24px !important;}
    .site-title{font-size: 24px !important;}
    h3{font-size: 20px !important;}

    body{font-size: 15px; line-height: 24px;}

  .about-left .about-img .row>:first-child .img-1 { width: 93%; height: 93%;}

  .service-area .service-slider .service-item { border-radius: 10px;}

  .process-area .process-item { border-radius: 10px;}


  
  .cta-area { padding: 30px 0;}

  /* thanyou page start */
  .thankyou img{height: 90px; margin-bottom: 10px;}

  /* thanyou page end */
  .process-item .count{font-size: 16px;}
}

@media (max-width: 575px) {

  .about-left .about-img .row>:first-child .img-1 { width: 91%; height: 91%;}

  /* thanyou page start */
  .thankyou img{height: 80px;}

  /* thanyou page end */

  .testimonial-author-info h3 { font-size: 16px;}

  .header.fixed-top .header-top-list a:last-child { font-size: 13px;}

}

.copyright .copyright-text { text-align: center;}




/* styling for scrollbar in firefor */
.mCSB_draggerContainer { }
.mCSB_draggerContainer .mCSB_draggerRail { background-color: var(--body-text-color) !important; width: 4px !important;}
.mCSB_draggerContainer .mCSB_dragger_bar { background-color: var(--theme-color) !important; border-radius: 20px !important;}
/*styling for scrollbar in firefor */

.wpcf7 form.invalid .wpcf7-response-output {display: none;}
footer .footer-widget-wrap .active {font-weight: 600; border-bottom: 1px solid #fff; width: fit-content;}

.navbar .offcanvas .menu-item.active > .nav-link{color: #B50000;}


.page-template-service .service-area { background-color: #F6F6F6;}




.count-box h4 { margin-bottom: 0; line-height: 1.1;}
.count-box span{color: var(--theme-color); }
.count-box .count-img{margin-right: 15px;flex-shrink: 0;}
.count-box .count-img img{height: 55px;}

.experience-area { position: relative;}
.experience-area > * { position: relative; z-index: 1;}
.experience-area .section-header p { color: #fff;}
.experience-area::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}
 
.count-box {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    height: 100%;
    background: #fff;
}
.text-highlight {
    font-size: 18px;
    width: 100%;
    font-family: Open Sans;
    font-style: italic;
    color: var(--heading-color);
    padding: 10px 10px 1px 10px;
    border-left: 5px solid var(--theme-color);
    line-height: 1.6;
    position: relative;
    background: #eee;
    height: -webkit-fill-available;
    margin-bottom: 15px;
}
.text-highlight p { font-size: 16px;}

/* .review-content-area {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.review-title {
    margin-right: 28px;
    padding-right: 30px;
    border-right: 2px solid var(--theme-color);
}
 
 
.testimonial{
    text-align: center;
    padding: 60px 30px 80px 30px;
    margin: 0;
    background: #f9f9f9;
    box-shadow: 8px 4px 0 0 var(--theme-color);
    position: relative;
}
.testimonial .pic{
    width: 120px;
    height: 120px;
    border: 5px solid var(--theme-color);
    margin: 0 auto;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    color: #757575;
    line-height: 27px;
    margin-bottom: 20px;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 32px;
    color: var(--theme-color);
    position: absolute;
    top: -15px;
    left: -35px;
}
.testimonial .testimonial-profile{
    position: relative;
    margin: 0;
}
.testimonial .testimonial-profile:after{
    content: "";
    width: 50px;
    height: 2px;
    background: var(--theme-color);
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}
.testimonial .title{
    display: inline-block;
    font-size: 18px;
    color: #4a5184;
    letter-spacing: 1px;
    
    margin: 0;
}
.testimonial .post{
    display: inline-block;
    font-size: 15px;
    color: #757575;
    
}
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    background: #5e5f5f;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: var(--theme-color);
}
.owl-theme .owl-controls .owl-page.active span{
    width: 22px;
    height: 12px;
}


.partner-slider .owl-nav button{top: 50%; left: -25px; transform: translateY(-50%); position: absolute;}
.partner-slider .owl-nav button i{font-size: 25px;}
.partner-slider .owl-nav button.owl-next{right: -25px; left: initial;}
/* client section start  */
 
/* .about-client-main { background-color: #002e58;} */
.about-client-main h2 {margin-bottom: 30px; color: #fff;}
.about-client-main{background: #053365;}
.about-client-main   .logo-box img{max-height: 60px;  width: auto !important;}
.about-client-main   .logo-box{background-color: #ffff; display: flex; align-items: center; justify-content: center; padding: 8px 15px; height: 100%;  display: flex; align-items: center; justify-content: center;}
.about-client-main .owl-carousel .owl-stage { display: flex; align-items: stretch;}


.about-img{height: 100%;}
/* client section end */
 
/* after brfore left right section start  */
.after-before-img-box{height: 100%; background-color: #eee;display: flex; flex-direction: column;}
.after-before-img-box{height: 100%;background-color: #eee;}
 
/* after brfore left right section end  */
 
/* testimonial start  */
.testimonial-slider .owl-stage{display: flex;}
.testimonial-slider .owl-item{height: auto;}
.testimonial{height: 100%;}
/* testimonial end  */
 
/* Navbar Css Strat */
.navbar{padding: 0 ;} 
/* Navbar Css End*/

.footer-contact .__cf_email__ { word-break: break-all;}
.footer-widget-wrap .row { row-gap: 30px;}

 
@media (max-width: 1199px) {
.section-header { margin-bottom: 30px;}
.scrollable-head h2 {font-size: 30px; line-height: 36px;}
.text-holder h3 {font-size: 23px;line-height: 30px;}

.partner-slider .owl-nav button{ left: -15px;}
.partner-slider .owl-nav button i{font-size: 20px;}
.partner-slider .owl-nav button.owl-next{right: -15px; }


}
 
 
@media (max-width: 991px) {
.section-header { margin-bottom: 0;}
.count-box {padding: 10px 10px;}
.count-box h3 { font-size: 18px;}
.count-box .count-img { margin-right: 10px;}
.count-box .count-img img {height: 48px;}
.scrollable-head h2 {font-size: 28px; line-height: 34px;}
.text-holder h3 {font-size: 23px;line-height: 32px;}

 
.after-before-sec .col-lg-6:first-child{margin-bottom: 20px;}
 
}
 
 
@media (max-width: 767px) {
.section-header { margin-bottom: 20px;}
.experience-area .container > .row{justify-content: center;}
.experience-area .container > .row .col-12:not(:last-child){margin-bottom: 20px;}
.scrollable-head h2 {font-size: 26px; line-height: 32px;}
.text-holder h3 {font-size: 22px;line-height: 30px;}
.about-left-right .text-holder{margin-top: 20px;}
.about-left-right.home-about-main .text-holder{margin-top: 0px;}
 

 
}
 
 
@media (max-width: 575px) {
.section-header { margin-bottom: 15px;}
.text-holder h3 {font-size: 20px;line-height: 28px;}
.scrollable-head h2 {font-size: 24px; line-height: 30px;}
.partner-slider .owl-nav button{ left: -5px;}
.partner-slider .owl-nav button.owl-next{right: -5px; }
 
}
 
.left-right-sec .row { align-items: stretch; margin-bottom: 50px;}
.left-right-sec .row:last-child { margin-bottom: 0;}
.left-right-sec .img-holder { height: 100%;}
.left-right-sec .img-holder img { position: sticky; top: 120px;}

.faq-contact-form-custom .quote-form { padding-top: 0;}
 














/* cta sectiion selection theme css start */
.secondary-bg *::selection { 
    background-color: var(--theme-color);
    color: #fff;
}
.cta-btn{display: flex; justify-content: center; gap: 15px;}
/* cta sectiion selection theme css end */

.wpcf7 form.invalid .wpcf7-response-output {display: none;}
.mean-container .mean-nav ul li.active > a.navbar-nav{color: var(--theme-color);}
.mean-container .mean-nav ul li li a.active{color: var(--theme-color);}

.page-404 h4{margin-bottom: 10px;}

.text-holder p{margin-bottom: 10px;}
.text-holder p:last-child{margin-bottom: 0;}
.text-holder h3{font-size: 26px; margin-bottom: 8px;}


.img-holder img{width: 100%;}


.count-box span{color: var(--secondary-color);}
.count-box .count-img{margin-right: 15px;flex-shrink: 0;}
.count-box .count-img img{height: 55px;}

.count-box {
    display: flex;
    align-items: center;
    padding: 25px 30px;
    height: 100%;
    background: #fff;
}

/* .review-content-area {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.review-title {
    margin-right: 28px;
    padding-right: 30px;
    border-right: 2px solid var(--theme-color);
}


.testimonial{
    text-align: center;
    padding: 85px 50px 45px 70px;
    margin: 0px 15px 35px;
    background: #f9f9f9;
    box-shadow: 8px 4px 0 0 var(--theme-color);
    position: relative;
}
.testimonial .pic{
    width: 120px;
    height: 120px;
    border: 5px solid #ffd2a6;
    margin: 0 auto;
    position: absolute;
    top: -60px;
    left: 0;
    right: 0;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .description{
    font-size: 15px;
    color: #757575;
    line-height: 27px;
    margin-bottom: 20px;
    position: relative;
}
.testimonial .description:before{
    content: "\f10d";
    font-family: "FontAwesome";
    font-size: 32px;
    color: var(--theme-color);;
    position: absolute;
    top: -15px;
    left: -35px;
}
.testimonial .testimonial-profile{
    position: relative;
    margin: 20px 0 10px 0;
}
.testimonial .testimonial-profile:after{
    content: "";
    width: 50px;
    height: 2px;
    background: var(--theme-color);;
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}
.testimonial .title{
    display: inline-block;
    font-size: 18px;
    color: #4a5184;
    letter-spacing: 1px;
    margin: 0;
}
.testimonial .post{
    display: inline-block;
    font-size: 15px;
    color: #757575;
    }
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    background: #5e5f5f;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: var(--theme-color);
}
.owl-theme .owl-controls .owl-page.active span{
    width: 22px;
    height: 12px;
}

.partner-slider .owl-nav button{top: 50%; left: -25px; transform: translateY(-50%); position: absolute;}
.partner-slider .owl-nav button i{font-size: 25px;}
.partner-slider .owl-nav button.owl-next{right: -25px; left: initial;}
/* client section start  */

.about-client-main   .logo-box img{max-height: 70px;  width: auto !important;}
.about-client-main   .logo-box{background-color: #ffff; display: flex; align-items: center; justify-content: center; padding: 8px 15px; height: 100%;  display: flex; align-items: center; justify-content: center;}
.about-client-main .owl-carousel .owl-stage { display: flex; align-items: stretch;}
/* client section end */

/* after brfore left right section start  */
.after-before-img-box{height: 100%; background-color: #eee;display: flex; flex-direction: column;}
.after-before-img-box{height: 100%;background-color: #eee;}

/* after brfore left right section end  */

/* testimonial start  */
.testimonial-slider .owl-stage{display: flex;}
.testimonial-slider .owl-item{height: auto;}
.testimonial{height: 100%;}
/* testimonial end  */


@media (max-width: 1199px) {
.section-header { margin-bottom: 30px;}
.scrollable-head h2 {font-size: 30px; line-height: 36px;}
.text-holder h3 {font-size: 30px;line-height: 36px;}

.partner-slider .owl-nav button{ left: -15px;}
.partner-slider .owl-nav button i{font-size: 20px;}
.partner-slider .owl-nav button.owl-next{right: -15px; }

}

@media (max-width: 991px) {
.section-header { margin-bottom: 25px;}
.count-box {padding: 15px 15px;}
.count-box .count-img img {height: 48px;}
.scrollable-head h2 {font-size: 28px; line-height: 34px;}
.text-holder h3 {font-size: 26px;line-height: 32px;}


.after-before-sec .col-lg-6:first-child{margin-bottom: 20px;}

}

@media (max-width: 767px) {
.section-header { margin-bottom: 20px;}
.experience-area .container > .row{justify-content: center;}
.experience-area .container > .row .col-12:not(:last-child){margin-bottom: 20px;}
.scrollable-head h2 {font-size: 26px; line-height: 32px;}
.text-holder h3 {font-size: 24px;line-height: 30px;}
.about-left-right .text-holder{margin-top: 20px;}
.about-left-right.home-about-main .text-holder{margin-top: 0px;}



}

@media (max-width: 575px) {
.section-header { margin-bottom: 15px;}
.text-holder h3 {font-size: 22px;line-height: 28px;}
.scrollable-head h2 {font-size: 24px; line-height: 30px;}
.partner-slider .owl-nav button{ left: -5px;}
.partner-slider .owl-nav button.owl-next{right: -5px; }

}










.about-img .img-1 {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}


/*========================================================= common css for custome common section start =========================================================*/



/* logo slider css START */
.logo-box { background-color: var(--theme-color); padding: 15px 20px; display: flex; justify-content: center; align-items: center; height: 100%;}
.logo-box img { max-height: 70px;}
.client-main .owl-carousel .owl-stage { display: flex; align-items: stretch;}
.owl-carousel .owl-item .logo-box img { width: auto;}
/* logo slider css END */

/* USP Seciton css START */
.usp-section{background-color:#F5F5F5;}
.usp-section .row { row-gap: 25px; justify-content: center;}
.usp-item-box-main { display: flex; align-items: center; justify-content: start;box-shadow: 0 0px 9px -6px var(--theme-color);}
.usp-item-box-main .usp-item-icon { margin-right: 20px; flex-shrink: 0;}
.usp-item-box-main .usp-item-icon img { margin-bottom: 0; height: 60px; transition: transform 0.3s ease;}
.usp-item-box-main .usp-item-title { text-align: start;}
.usp-item-box-main .usp-item-title h2 { line-height: normal; font-size: 24px; margin: 0;} 
.usp-item-box-main .usp-item-title h2 span { color: var(--theme-color);}
.usp-item-box-main { background: #ffffff; border: 1px solid #e5e5e5; border-radius: 12px; padding: 20px 25px; transition: all 0.3s ease;}

/* USP Seciton css END */

/* service srea section css start */
.service-area { background-color: #ffefef;}
.service-area .row > * { display: flex; align-items: stretch; justify-content: center;}
.service-area .service-box { border-color: #000; padding: 8px 15px; margin-bottom: 24px; width: 100%;}
.service-area .service-box:hover { border-color: var(--theme-color); background-color: #fff;}
.service-area .service-box img { height: 50px;}
/* service srea section css end */

.cta-button-group { display: flex; justify-content: center; align-items: center; gap: 15px;}

/* certificate section css start */
.certificate-box { }
/* .certificate-box .certificate-head { display: flex; justify-content: space-around; align-items: center; flex-direction: row-reverse; gap: 10px;} */
/* .certificate-box .certificate-head { column-count: 2;} */

.certificate-box .certificate-head { margin-bottom: 15px;}
.certificate-box .certificate-head img { max-height: 52px; flex-shrink: 0; float: right; margin-bottom: 0;}
.certificate-box .certificate-head h3 { font-size: 22px; line-height: normal;}
.certificate-box .certificate-details { }
/* certificate section css end */

.certificate-box{background:#ffffff;border-radius:20px;padding:30px;box-shadow:0 8px 30px rgba(0,0,0,0.08);transition:all .4s ease;height:100%;border:1px solid #f1f1f1;position:relative;overflow:hidden}
/* .certificate-box:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.12)} */
/* .certificate-box::before{content:"";position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(circle at center,rgba(255,239,239,0.5),transparent 70%);opacity:0;transition:.5s ease;z-index:-1}
.certificate-box:hover::before { opacity: 1;} */

  .certificate-box { padding: 15px; }
  .certificate-box .certificate-head { display: flex; flex-direction: row; justify-content: start; align-items: center; margin-bottom: 15px; position: relative; padding-bottom: 15px;}
  .certificate-box .certificate-head::after { content: ""; width: 100%; height: 1px; display: block; background-color: var(--theme-color); position: absolute; bottom: 0; left: 0; }
  .certificate-box .certificate-head img { width: fit-content; margin-bottom: 0; margin-right: 30px;}
  .certificate-box .certificate-head h3 { font-size: 18px;}

  
/* testimonial sectiopn start */
.testimonial-area .testimonial-box { background: #ffffff; border-radius: 10px; padding: 45px 20px 20px 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.06); transition: .3s ease; border: 1px solid rgba(0,0,0,0.05); min-height: 250px; position: relative; display: flex; flex-direction: column; justify-content: space-between; align-items: start; height: 100%;}
.testimonial-area .testimonial-box::before { content: ""; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23ffffff' d='M0 216C0 149.7 53.7 96 120 96l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64L0 216zm256 0c0-66.3 53.7-120 120-120l8 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-8 0c-30.9 0-56 25.1-56 56l0 8 64 0c35.3 0 64 28.7 64 64l0 64c0 35.3-28.7 64-64 64l-64 0c-35.3 0-64-28.7-64-64l0-136z'/%3e%3c/svg%3e")
; background-repeat: no-repeat; background-size: 40px; background-color: var(--theme-color); background-position: center; border-radius: 5px; position: absolute; left: 20px; top: -30px; display: block; height: 60px; width: 60px;}
.testimonial-area .owl-carousel.owl-drag .owl-item { padding-top: 35px;}
.testimonial-area .testimonial-box h3 { position: relative; display: flex; align-items: center; justify-content: start; font-size: 22px;}
.testimonial-area .testimonial-box h3::before { content: ""; display: block; width: 35px; height: 2px; position: relative; top: 0; left: 0; background-color: #d72a01; margin-right: 8px;}
.testimonial-area .owl-stage { display: flex; align-items: stretch;}
/* testimonial sectiopn end */
 

/* Success story start */
.success-story-main { background-color: var(--sub-bg); overflow: hidden;}
.success-story-main .row { justify-content: center; row-gap: 20px;}
.success-item-box{border-radius: 15px; overflow: hidden; height: 100% ;}
.success-image {position: relative; overflow: hidden;  padding: 5px 5px 5px 5px; background: linear-gradient(135deg, rgba(215, 40, 1, 0.2), rgba(42, 42, 48, 0.2));}
.success-image img { width: 100%; transition: transform .6s ease, filter .6s ease; border-radius: 15px 15px 0 0;}
.success-image::after {content: ""; position: absolute; inset: 0;  background: linear-gradient(to top right,rgba(255,255,255,0.25),transparent 85% ); mix-blend-mode: soft-light; pointer-events: none;}
.success-content { padding: 20px; background: #ffffff; position: relative; box-shadow: 0 10px 40px rgba(0,0,0,0.08); transition: 0.35s ease; z-index: 1; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.success-content::before {content: ""; position: absolute; top: -5px; left: 0; height: 5px;  width: 120px; background: linear-gradient(90deg, rgba(215, 40, 1, 0.2), rgba(42, 42, 48, 0.2)); animation: slideLine 8s linear infinite; filter: blur(1px); border-radius: 50px;}
@keyframes slideLine {0% { transform: translateX(0); } 100% { left: 100%; }}
.success-content p {margin: 0; text-align: center;}
.success-content b {display: block;  margin-top: 12px;  font-size: 17px;}
.success-content-name { display: block; margin-top: auto; font-weight: 600; color: #000; font-size: 18px; margin-top: 10px;}
 /* Success story End */



@media (max-width: 1199px) { 
  .usp-item-box-main .usp-item-title h2 { font-size: 20px !important;}
  .usp-item-box-main .usp-item-icon img { height: 50px;}
  .usp-item-box-main .usp-item-icon { margin-right: 15px;}
  .usp-item-box-main{padding: 20px 15px;}
  .certificate-box { padding: 15px; border-radius: 5px;}
  .certificate-box .certificate-head { display: flex; flex-direction: column; justify-content: start; align-items: start; margin-bottom: 10px; padding-bottom: 7px;}
  .certificate-box .certificate-head img { width: auto; margin-bottom: 15px;}
  /* .certificate-box .certificate-head::after { display: none;} */
.testimonial-area .owl-carousel.owl-drag .owl-item{padding-top: 30px;}
  h3{font-size: 26px;}



  .hero-single .hero-content p { font-size: 18px;}
  
  .header.fixed-top .nav-item .nav-link{padding: 10px 0;}
}

@media (max-width: 991px) { 
  .certificate-section .row { justify-content: center; row-gap: 25px;}
  
  .certificate-box .certificate-head { margin-bottom: 5px;}
  .certificate-box .certificate-head h3 { font-size: 18px;}

  .usp-section .row { row-gap: 14px; justify-content: center;}
  .usp-section .row > * { padding: 0 7px;}

  .nav-btn{margin-right: 15px;}
  h3{font-size: 24px;}
 .feature-item .count{font-size: 35px;}
 .text-holder h3{font-size: 24px;}
}

@media (max-width: 767px) { 
  .certificate-section .row { row-gap: 15px;}
  /* .certificate-box .certificate-head h3 { font-size: 16px;} */
  .certificate-box .certificate-details p { font-size: 15px; line-height: 1.6;}
  
  .usp-section .row >:last-child { width: 100%;}
  .usp-item-box-main { padding: 17px 16px;}


  .testimonial-area .testimonial-box { padding: 38px 20px 20px 20px;}
  .testimonial-area .owl-carousel.owl-drag .owl-item { padding-top: 25px;}
  .testimonial-area .testimonial-box::before { background-size: 30px; height: 50px; width: 50px; top: -25px; }
  .testimonial-area .testimonial-box p { font-size: 15px; line-height: 24px;}
  .testimonial-area .testimonial-box h3 { font-size: 18px;}

  .left-right-sec .row {align-items: stretch; margin-bottom: 25px;}

  .location-box{padding: 18px 20px;}
   .location-content h3 {font-size: 16px; }

}

@media (max-width: 575px) { 
  .usp-section .row > * { width: 100%;}
  .usp-section br { display: block;}

.testimonial-item::before{height: 50px; width: 50px; top: -20px; background-size: 34px;}
  .testimonial-area .testimonial-box { padding: 40px 20px 20px 20px;}
  .testimonial-area .testimonial-box h3 { font-size: 16px;}
}

/*========================================================= common css for custome common section end =========================================================*/


.about-left-right ul, .full-width-sec ul {padding: 0;}
.about-left-right ul li, .full-width-sec li {position: relative; margin-bottom: 10px; padding-left: 30px; list-style: none;}
.about-left-right li::before,
.full-width-sec li::before {font-family: "Font Awesome 6 Pro"; content: "\f058";font-weight: 900;  position: absolute;  left: 0; top: 0; color: #d72a01; font-size: 20px; font-weight: 400;}

.full-width-sec h3{color: #fff; }
.full-width-sec .row { align-items: stretch;}
.full-width-sec .sec-title { position: relative; height: 100%; display: flex; align-items: center; padding-right:20px ;}
.full-width-sec .sec-title::before {content: "";  display: block; height: 100%; width: 2px; position: absolute;  right: 0; top: 50%; background: #ffefef; transform: translateY(-50%);}
.full-width-sec h2 { font-size: 38px; line-height: normal; margin-bottom: 13px;}
.full-width-sec ul li { font-weight: 600; }
.full-width-sec ul li:last-child { margin-bottom: 0;}


@media (max-width: 991px) { 
  .full-width-sec .sec-title { padding-bottom: 10px; padding-right: 0;}
  .full-width-sec h2 { font-size: 28px;}
  .about-left-right ul li, .full-width-sec li { margin-bottom: 7px;}
  .about-left-right ul li:last-child, .full-width-sec li:last-child { margin-bottom: 0;}
  
  .full-width-sec .sec-title::before { display: none; width: 100%; height: 1px; opacity: 1; top: initial; bottom: 10px;}
}

@media (max-width: 480px) {
  .full-width-sec h2 { font-size: 22px;}
  .full-width-sec ul li { font-weight: 500; padding-left: 25px; }
  .full-width-sec li::before { font-size: 16px;}

  .contact-area .contact-form {padding: 20px;}
}












.full-width-sec.benefits-section {background-color: #ebebef;}
.full-width-sec .row { align-items: stretch;}
.full-width-sec .sec-title { position: relative; height: 100%; display: flex; align-items: center;}
.full-width-sec .sec-title::before {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    right: 10px;
    top: 50%;
    background: #b50000;
    transform: translateY(-50%);
    opacity: .7;
}
.full-width-sec h2 { font-size: 38px; line-height: normal; margin-bottom: 15px;}
.full-width-sec.benefits-section ul li { font-weight: 600; color: #000;}
.full-width-sec ul li:last-child { margin-bottom: 0;}



.location-section {background: #f8f9fb;}

.location-card {text-decoration: none; display: block;}

.location-box {background: #ffffff; padding: 25px 20px; border-radius: 10px; transition: all 0.3s ease; border: 1px solid #eee; height: 100%; position: relative;  overflow: hidden; display: flex; justify-content: center;}
.location-box:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);  border-color: var(--theme-color); background: var(--theme-color2);}

/* Content Layout */
.location-content {display: flex; align-items: center; justify-content: space-between;}
.location-content h3 {font-size: 18px; font-weight: 600; color: #222; margin: 0; transition: color 0.3s ease;}

.location-box:hover h3 {color: #fff;}






@media (max-width: 1199px) { 
    .full-width-sec .sec-title::before { right: -10px;}

    .usp-item-box-main .usp-item-title h2 { font-size: 20px;}
    .left-right-sec .row {align-items: stretch; margin-bottom: 35px;}
 
}

@media (max-width: 991px) { 
  .full-width-sec .sec-title { padding-bottom: 10px;}
  .full-width-sec h2 { font-size: 28px;}
  .about-left-right ul li, .full-width-sec li { margin-bottom: 7px;}
  .about-left-right ul li:last-child, .full-width-sec li:last-child { margin-bottom: 0;}
  
  .full-width-sec .sec-title::before { display: none; width: 100%; height: 1px; opacity: 1; top: initial; bottom: 10px;}
}

@media (max-width: 480px) {
  .full-width-sec h2 { font-size: 22px;}
  .full-width-sec ul li { font-weight: 500; padding-left: 25px; }
  .full-width-sec li::before { font-size: 16px;}
}

@media (max-width: 379px) {
  .quote-bg .cta-btn { flex-wrap: wrap;}
  .quote-bg .cta-btn { flex-wrap: wrap;}
  .quote-bg .cta-btn a { margin: 0;}
}










.common-content h2 {
    font-size: 34px;
    margin-top: 5px;
    font-weight: 500!important;
    color: #1a1e32
}

.common-content h3:not(.secvice-sec h3) {
    font-size: 24px;
    margin-top: 10px!important;
    font-weight: 500
}

.common-content img:not(.secvice-sec img) {
    width: 45%;
    object-position: center 0;
    margin: 30px auto 0;
    margin-left: 20px;
    display: block
}
 .common-content img { float: right;}

.common-content ol:not(.secvice-sec ol),.common-content ul:not(.secvice-sec ul) {
    margin-bottom: 15px;
    padding-left: 26px;
    margin-top: 0
}

.common-content ul li:not(.secvice-sec ul li) {
    list-style: disc;
    margin-top: 3px
}

.common-content ol li:not(.secvice-sec ol li) {
    list-style: decimal;
    margin-top: 3px
}

.common-content p:not(.secvice-sec p) {
    margin-bottom: 16px
}

.common-content p:last-child {
    margin-bottom: 0!important
}

.common-content p:has(img) {
    margin-bottom: 0!important
}

.common-content .common-content-cta {
    background-color: var(--theme-color);
    padding: 50px;
    border-radius: 13px
}

.common-content .common-content-cta * {
    margin: 0!important;
    text-align: center;
    color: #fff
}

.common-content .common-content-cta .common-content-cta-btns {
    margin-top: 10px!important;
    gap: 13px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.common-content .common-content-cta .common-content-cta-btns>a {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff
}

.common-content .common-content-cta .common-content-cta-btns>a:hover {
    color: #fff;
    background-color: #212529
}

.common-content .common-content-cta .container {
    padding: 0
}

.common-content .common-content-cta .row>* {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0
}

.common-content .secvice-sec {
    padding: 20px 0
}

.common-content .home-product.secvice-sec .row {
    row-gap: 16px;
    justify-content: center;
}
.common-content .home-product.secvice-sec .row > *{ padding: 0 8px;}

.common-content .main-productbox .product-box { width: 100%;}

.common-content .main-productbox {
    border: 0;
    border-radius: 10px;
    text-align: center;
    transition: all .3s ease;
    background: transparent;
    height: 100%;
    display: flex;
    align-items: center;

}

.common-content .main-productbox:hover {
    /* box-shadow: 0 6px 20px rgba(0,0,0,.1); */
    /* transform: translateY(-5px) */
}

.common-content .site-title {
    text-align: center;
    margin-bottom: 30px;
}

.common-content .product-btn a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    padding: 16px 24px;
    background-color: var(--theme-bg);
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    border-radius: 10px;
    transition: .4s ease;
    height: 100%;
    background-color: #05336529;
    border-radius: 50px;
    color: #053365;
    line-height: normal;
    border: 1px solid #053365;
    justify-content: center;
    font-weight: 600;
    text-align: center;
    font-size: 15px;
}

.common-content .product-btn a:hover {
    background-color: var(--theme-color-two);
    /* color: #000; */
}

.common-content .product-box-img {
    flex-shrink: 0
}


.common-content .product-box-img img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    transition: .3s ease
}

.common-content .product-btn span {
    /* text-align: left; */
    /* color: #000; */
}

.common-content .cms-details.gap .side-image {
    float: right;
    width: 35%;
    margin-bottom: 25px;
    margin-left: 25px;
    height: 287px;
    object-fit: cover;
    margin-top: 0;
    margin-right: 0
}

@media screen and (max-width: 575px) {
    .common-content .cms-details.gap .side-image {
        max-width:100%;
        width: 100%;
        margin: 0;
        margin-bottom: 25px
    }
}

.secvice-sec {
    background-color: initial;
    padding: 0
}

.secvice-sec::before {
    display: none
}

.secvice-sec h2 {
    color: #1a1e32!important
}

.secvice-sec .sec-title {
    padding-bottom: 15px
}

@media(max-width: 1199px) {
    .common-content h2 {
        font-size:28px
    }

    .common-content img:not(.secvice-sec img) {
        max-height: 420px
    }

    .common-content h3:not(.secvice-sec h3) {
        font-size: 22px;
        margin-bottom: 5px
    }
}

@media(max-width: 991px) {
    .common-content .common-content-cta {
        padding:25px
    }
}

@media(max-width: 768px) {
    .common-content h2 {
        font-size:22px;
        line-height: 1.4
    }

    .common-content h3:not(.secvice-sec h3) {
        font-size: 18px
    }

    .common-content p:not(.secvice-sec p) {
        font-size: 14px
    }

    .common-content ol:not(.secvice-sec ol),.common-content ul:not(.secvice-sec ul) {
        margin-bottom: 5px
    }
}

@media(max-width: 575px) {
    .common-content .common-content-cta {
        border-radius:0;
        padding: 25px 10px
    }

    .common-content img:not(.secvice-sec img) {
        width: 100%
    }

    .common-content .product-box-img img {
        width: 40px;
        height: auto
    }
}

@media(max-width: 1500px) {
    .certificate-section .container-fluid {
        padding:0 15px
    }

    .map-main iframe {
        height: 400px
    }
}

@media(max-width: 1199px) {
    .section-header {
        margin-bottom:20px
    }

    .home-about .img-holder {
        top: 80px!important
    }

    .left-right-sec .img-holder {
        top: 80px!important
    }

    .usp-item-box-main .usp-item-title h2 {
        font-size: 18px
    }

    .usp-item-box-main .usp-item-icon img {
        height: 50px
    }

    .usp-item-box-main .usp-item-icon {
        margin-right: 15px
    }

    .certificate-box {
        padding: 15px;
        border-radius: 5px
    }

    .certificate-box .certificate-head {
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: start;
        margin-bottom: 10px;
        padding-bottom: 7px
    }

    .certificate-box .certificate-head img {
        width: fit-content;
        margin-bottom: 15px
    }

    footer .f-contact ul li {
        word-break: break-all
    }

    .process-two__item .icon {
        height: 100px;
        width: 100px
    }
}

@media(max-width: 991px) {
    .about-left-right ul,.full-width-benefit-section ul {
        margin-bottom:15px
    }

    .certificate-section .row {
        justify-content: center;
        row-gap: 25px
    }

    .certificate-box .certificate-head {
        margin-bottom: 5px
    }

    .certificate-box .certificate-head h3 {
        font-size: 18px
    }

    .usp-section .row {
        row-gap: 14px;
        justify-content: center
    }

    .usp-section .row>* {
        padding: 0 7px
    }
}

@media(max-width: 767px) {
    .certificate-section .row {
        row-gap:15px
    }

    .certificate-box .certificate-details p {
        font-size: 15px;
        line-height: 1.6
    }

    .usp-section .row>:last-child {
        width: 100%
    }

    .usp-item-box-main {
        padding: 17px 16px
    }

    .testimonial-area .testimonial-box {
        padding: 38px 20px 20px
    }

    .testimonial-area .owl-carousel.owl-drag .owl-item {
        padding-top: 25px
    }

    .testimonial-area .testimonial-box::before {
        background-size: 30px;
        height: 50px;
        width: 50px;
        top: -25px
    }

    .testimonial-area .testimonial-box p {
        font-size: 15px;
        line-height: 24px
    }

    .testimonial-area .testimonial-box h3 {
        font-size: 18px
    }

    .section-header {
        margin-bottom: 10px
    }

    .whychoose .single-card {
        padding: 12px;
        margin-top: 15px
    }

    .home-gallery-sec .row {
        row-gap: 0
    }
}

@media(max-width: 575px) {
    .usp-section .row>* {
        width:100%
    }

    .usp-section br {
        display: block
    }

    .testimonial-area .testimonial-box {
        padding: 40px 20px 20px
    }

    .testimonial-area .testimonial-box h3 {
        font-size: 16px
    }
}

.about-left-right ul,.full-width-benefit-section ul {
    padding: 0;
    margin-bottom: 15px
}

.about-left-right ul li,.full-width-benefit-section li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    list-style: none
}

.about-left-right li::before,.full-width-benefit-section li::before {
    font-family: "font awesome 5 free";
    content: "\f058";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--theme-color);
    font-size: 20px;
    font-weight: 400
}

.full-width-benefit-section {
}

.full-width-benefit-section .row {
    align-items: stretch
}

.full-width-benefit-section .sec-title {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.full-width-benefit-section .sec-title::before {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    background: var(--theme-color);
    transform: translateY(-50%);
    opacity: .4
}

.full-width-benefit-section h2 {
    font-size: 38px;
    line-height: normal;
    margin-bottom: 0
}

.full-width-benefit-section ul li {
    font-weight: 600
}

.full-width-benefit-section ul li:last-child {
    margin-bottom: 0
}

.full-width-benefit-section .container-fluid {
    padding: 0 5%
}

.full-width-benefit-section {
}

.benefits-section-main-box {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center
}

.benefits-section-main-box::before {
    content: "";
    display: block;
    height: 100%;
    width: 2px;
    position: absolute;
    right: -10px;
    top: 50%;
    background: var(--theme-bg);
    transform: translateY(-50%);
    opacity: .4
}

.full-width-benefit-section .site-title {
    text-align: left
}

.left-right ul,.full-width-benefit-section ul {
    padding: 0
}

.left-right ul li,.full-width-benefit-section ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    list-style: none
}

.benefits-steps-detail .row {
    row-gap: 24px
}

@media(max-width: 991px) {
    .full-width-benefit-section .sec-title {
        padding-bottom:10px
    }

    .full-width-benefit-section h2 {
        font-size: 24px;
        margin-bottom: 8px
    }

    .about-left-right ul li,.full-width-benefit-section li {
        margin-bottom: 7px
    }

    .about-left-right ul li:last-child,.full-width-benefit-section li:last-child {
        margin-bottom: 0
    }

    .full-width-benefit-section .sec-title::before {
        display: none;
        width: 100%;
        height: 1px;
        opacity: 1;
        top: initial;
        bottom: 10px
    }

    .cards-sec .single-card-detail {
        margin-bottom: 15px
    }

    .benefits-section-main-box {
        margin-bottom: 10px
    }

    .benefits-section-main-box::before {
        display: none
    }

    .quote-content>.row {
        row-gap: 30px
    }
}

@media(max-width: 575px) {
}

@media(max-width: 480px) {
    .full-width-benefit-section h2 {
        font-size:22px
    }

    .full-width-benefit-section ul li {
        font-weight: 500;
        padding-left: 25px;
        color: #212529
    }

    .full-width-benefit-section li::before {
        font-size: 16px
    }
}

.location-card {
    text-decoration: none;
    display: block
}

.location-box {
    background: #fff;
    border-radius: 10px;
    padding: 25px 20px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    border: 1px solid #d1d1d1
}

.location-content {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.location-content h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--theme-color);
    margin: 0;
    transition: .3s
}

.arrow-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--primary-color);
    position: relative;
    transition: .3s
}

.arrow-icon::after {
    content: "➜";
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.location-box:hover h3 {
    color: #fff
}

.location-box:hover .arrow-icon {
    background: #000
}

.location-box:hover {
    background: var(--theme-color)
}

.quote-area .site-title {
    text-align: left
}

textarea {
    resize: none
}