/************************* Styling for Solve Design issues *************************/
:root {
  --theme-color: #f78e26;
}

/***** common styling start *****/
.btn-one { margin-top: 20px;}
.btn-two { margin-top: 20px;}

h1 { font-size: 58px; line-height: 72px;}
h2 { font-size: 42px; line-height: 54px;}
p { font-size: 16px; line-height: 27px;}
.section-header {margin-bottom: 20px;}

.appointment-form-visible,
.menu-open {overflow: hidden;}
/***** common styling end *****/

/***** main header styling start *****/
.header__main .main-menu .header-menu-list .active { color: #101927 !important;}
.header__main .main-menu .header-menu-list .active > a { color: #101927 !important;}

.header-top-menu-list li:last-child { margin-right: 0;}
.header-top-menu-list li:last-child a { padding-right: 0;}

.header-top-menu-list li .active { color: #f78e26;}

.header__main .main-menu ul { gap: 25px;}
.header__main .main-menu ul li .sub-menu { border-top-left-radius: 0; border-top-right-radius: 0;}
.header__main .main-menu ul li .sub-menu li a { white-space: normal; line-height: 1.4;}
.header__main .main-menu ul li .sub-menu li a { padding: 8px 20px; }
.header__main .main-menu ul li .sub-menu li a:hover { padding: 8px 20px; color: var(--secondary-color) !important; }

.header__main .btn-two { margin-top: 0;}

.mean-container .mean-nav ul li li a { padding: 5px 15px; }
.mean-container .mean-nav ul li a.mean-expand { height: 10px; width: 10px; line-height: 10px; top: 11px; border-radius: 5px;}
.mean-container .mean-nav ul li .sub-menu a.mean-expand { top: 5px;}
.mean-container .mean-nav ul li li li a { padding: 5px 10%; }
/***** main header styling end *****/

/***** main footer styling start *****/
.footer__wrp { padding: 50px 0;}
.footer__copy-text { padding: 15px 0;}
.footer__item ul li a i,
.footer__item li i { color: #000;}
.footer__item ul li a:hover { color: #f78e26;}
.footer__item ul li a:hover i { color: #f78e26;}
.footer__item ul li:not(:last-child) { margin-bottom: 5px;}

.footer__wrp .active { color: #f78e26;}
.footer__wrp .active i { color: #f78e26;}

/***** main footer styling end *****/

/* home banner styling start */
.banner-area { padding: 120px 0; min-height: 790px; display: flex; align-items: center;}
.banner-area .banner__content p { margin-top: 10px;    font-size: 20px;}
/* home banner styling end */

/* home section wise styling  */

.service-two__bg { height: 100%;}
.service__item h4 { padding-bottom: 5px;}
.service-two .row > * { margin-top: 40px;}

.process-two__item { padding: 30px;text-align: center; height: 100%;}

.choose-area .about__content ul li { font-size: 16px; line-height: 25px;}
.choose-area .about__content ul li:not(:last-child) { margin-bottom: 10px;}
.choose-area .row.flex-row-reverse .choose__item { padding-left: 0;}

.accordion .accordion-item { margin-bottom: 15px;}
.accordion .accordion-item:has(.show) h2 { border-bottom: 1px solid #00000017;}
.accordion .accordion-item h2 button { padding: 20px 60px 20px 30px;}
.accordion .accordion-item .accordion-body {padding: 20px 30px;}
/* home section wise styling  */


/***** faq Styling start *****/
.accordion .accordion-item:last-child { margin-bottom: 0;}
/***** faq Styling end *****/

/***** Styling for contact form comman start *****/

.subscribe__item { padding: 30px;}
.form-control.wpcf7-not-valid { margin-bottom: 0; border-color: red;}
.form-control { position: relative; display: block; background-color: transparent !important; border: 1px solid #f0eef9; width: 100%; font-size: 16px; margin-bottom: 0; padding: 10px 15px; border-radius: 5px !important; transition: all 500ms ease; color: #868298; margin-bottom: 20px;}
.wpcf7-not-valid-tip { font-size: 13px; line-height: normal; margin-bottom: 10px; margin-top: 4px;}
.subscribe__item .form-control:focus { box-shadow: unset;}

/* .contact-form-control .form-control.wpcf7-not-valid { margin-bottom: 0;}
.contact-form-control:has(.invalid) .wpcf7-not-valid-tip { margin-bottom: 8px;}
.form-control { position: relative; display: block; background: transparent; border: 1px solid #f0eef9; width: 100%; font-size: 16px; margin-bottom: 0; padding: 10px 15px; border-radius: 5px; transition: all 500ms ease; color: #868298; margin-bottom: 20px;}
.wpcf7-not-valid-tip { font-size: 13px; line-height: normal; margin-bottom: 15px; margin-top: 4px;} */


/* contact page styling */
.contact-info-coll { display: flex; flex-direction: column; justify-content: stretch;}
.contact-info-coll .contact__map { height: 100%;}
.contact-info-coll .contact__map iframe { height: 100%; min-height: 250px;}

/* .contact-area-custom-page .contact-info-coll .row > * { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;}
.contact-area-custom-page .contact-info-coll .row > *:last-child { border-bottom: unset; padding-bottom: 0;} */
.contact-area-custom-page .contact-info-coll .row > * { margin-top: 0;}
.contact-area-custom-page .contact-info-coll .contact__content { border-bottom: 1px solid #e9e9e9; padding-bottom: 20px;}
.contact-area-custom-page .contact-info-coll .row > *:last-child .contact__content { border-bottom: unset; padding-bottom: 0;}
.contact-area-custom-page .contact-info-coll .contact__content { padding: 20px 0;}
.contact-area-custom-page .contact-info-coll .contact__content span { color: #000;}
.contact-area-custom-page .contact-info-coll .contact__content a,
.contact-area-custom-page .contact-info-coll .contact__content span { transition: .3s all;}
.contact-area-custom-page .contact-info-coll .contact__content span:hover,
.contact-area-custom-page .contact-info-coll .contact__content a:hover { color: #f78e26;}

.contact-area-custom-page .row >:nth-child(odd) > .contact__content { border-right: unset; border-left: none;}
.contact-area-custom-page .row >:last-child .contact__content { border-right: none; border-left: none;}

.contact-area-custom-page .subscribe__item .form-control { background-color: #fff !important;}
/* contact page styling */
/***** Styling for contact form comman end *****/

/***** inner page styling start *****/

/* 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;}
.thankyou h1{font-size: 80px; line-height: 80px; text-transform: uppercase;margin-bottom: 0; text-align: center;font-weight: 900;}
.thankyou p{font-size: 22px; line-height: 30px; text-align: center; margin-top: 5px;}
/* thanyou page end */

/***** inner page styling end *****/

img {height: auto; width: auto;}

/********************** 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: #f78e26; 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 { text-transform: uppercase; font-weight: 600; font-size: 16px; line-height: 3.1; text-decoration: none; color: #fff;}
.signup-btn:hover { background-color: #000;}
/* 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 */

/* main box styling */
.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 { background-color: #f78e26; position: absolute; right: 0; padding: 80px 10px 20px 20px; height: 100%; overflow-y: auto;}

.appointment-box .inner-box .cross-icon { position: absolute; z-index: 99; right: 20px; top: 30px; cursor: pointer; color: #fff;}
.appointment-box .inner-box .cross-icon a span { font-size: 28px;}
#appointment-close span img { height: 20px; filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(325deg) brightness(115%) contrast(101%);}

.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; word-wrap: normal !important;}
/* main box styling */

/* input feild styling */
.appointment-box input:not([type=submit]), .appointment-box select { height: auto !important; border-radius: 4px; font-size: 16px; background-color: #fff !important; border: none; padding: 10px 15px; color: #6c757d;}
.appointment-box select { appearance: none;background-image: url('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> <path d="M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" style="fill: #868298;"></path> </svg>'); background-repeat: no-repeat; background-position: 96% center; background-size: 14px;}
.appointment-box textarea { max-height: 110px; min-height: 110px; height: 80px; border-radius: 4px; font-size: 16px; background: #fff !important; border: none; padding: 10px 15px;}

.appointment-box input[type=submit] { background-color: #fff; color: #f78e26; font-size: 16px; padding: 10px 20px; cursor: pointer; display: inline-block; font-weight: 600; text-decoration: none; position: relative; z-index: 2; overflow: hidden; text-shadow: 0 0 1px rgb(255 255 255 / 30%); white-space: nowrap; width: 100%; height: auto; border-radius: 4px; margin-top: 0; 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 .wpcf7-spinner { z-index: 99;}
.appointment-box input[type=submit]:hover { background-color: #101927; color: #fff;}

.appointment-box .wpcf7-not-valid-tip { margin-bottom: 10px;}

.appointment-box .wpcf7-response-output { color: #fff;}

.appointment-box .form-control.wpcf7-not-valid { border: 1px solid red;}
.appointment-box .form-control:focus { box-shadow: unset;}

.form-control { transform: unset;} /* form controll for custom edition in input */

.recaptcha { margin-bottom: 15px;}
/* input feild styling */
/********************** common sidebar floating form end **********************/

.logo{width: auto;}
.logo img{height: 45px; width: auto;}
.header__main .main-menu ul li:hover:hover a{color: var(--secondary-color);}
.header__main .main-menu .header-menu-list .active > a{color: var(--secondary-color) !important; }
select.wpcf7-form-control.wpcf7-select{height: 44px !important; color: #595c5f;}

/* service sec start */
.service__icon{position: unset ; margin-bottom: 10px; background-color: var(--secondary-color);}
.service__item{padding: 20px; display: flex;flex-direction: column;height: 100%;}
.service__item .service__content{display: flex;flex-direction: column;height: 100%;}
.service__item:hover{border: 1px solid var(--secondary-color);}
.service__item h4{padding-right: 0;}
.service__item p{margin-bottom: 10px;}
.service__item a.more-btn{border-top: 2px solid var(--primary-color); padding-top: 15px; margin-top: auto;}
.ser-border p{border-bottom: 2px solid var(--primary-color); padding-bottom: 15px; margin-bottom: auto;}
.service__item a.more-btn::after{ display: none;}
/* service sec end */

/* process sec start */
.process-two__item::after{background-color: var(--secondary-color);}
.process-two__item .icon{margin-left: auto; margin-right: auto; margin-bottom: 20px; border: 1px dashed #000000;}
.process-two__item .number {position: absolute; top: 20px; left: 20px; background-color: #000; opacity: 1; color: #fff; font-size: 14px;padding: 5px;height: 40px;width: 40px;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
.process-two__item .number::after{display: none;}
.process-two__item:hover .number{ color: #fff; background-color: var(--
    ary-color);}
.process-two__item .icon img { filter: brightness(0) saturate(100%);}
.process-two  .btn-two {margin-top: 5px;}
/* process sec end */


/* left-right sec start  */
.left-right .row:not(:last-child){margin-bottom: 50px;}
.left-right .row.flex-row-reverse .choose__item{padding-left: 0;}
/* left-right sec end  */

/* accordian sec start */
.accordion .accordion-item{margin-bottom: 0;}
.accordion .accordion-item{border: 0;}
.accordion .accordion-item h2 button{padding-left: 0;}
.accordion .accordion-item .accordion-body{padding: 0; padding-top: 10px;}
.accordion .accordion-item h2 button{border-bottom: 1px solid #d7d7d7;}
.accordion .accordion-item:has(.show) h2{border: 0;}
/* accordian sec end */
.scroll-up.active-scroll{background-color: #fff;}
/* footer start */
.footer-area{background-color: #e5e5e5;}
.footer__item p{color: #000;}
.footer__item ul li a{color: #000;}
.footer__copy-text p{color: #000;    text-align: center;}
.footer__item .logo{width: auto;}
/* .g-recaptcha > div{width: 100% !important;} */
/* .wpcf7 .wpcf7-recaptcha iframe{width: 100% !important;} */
/* .wpcf7 .wpcf7-recaptcha iframe .rc-anchor-logo-portrait {margin: 10px 0 0 0px;} */
/* footer end */


/* service page start  */
.page-banner .btn-one {margin-right:10px;}
.about__content p:last-child{margin-bottom: 0;}
/* left right section start */
.about-area  .section-header h2{margin-bottom: 15px;}
.about-area  .section-header h3{margin-bottom: 15px; font-size: 36px; line-height: 1.25;}
.about-area  h2{margin-bottom: 15px;}

.about-area  .section-header p > strong{margin-bottom: 3px;    display: inline-block;}

.about-left-right .scrollable-content.scroll { overflow-y: auto; padding-right: 8px;}
.about-left-right .scrollable-content.scroll::-webkit-scrollbar { background-color: #f0efee; border-radius: 50px; width: 4px;}
.about-left-right .scrollable-content.scroll::-webkit-scrollbar-thumb { background-color: #f78e26; border-radius: 50px; width: 4px;}
.scrollable-head h2 { font-size: 32px; line-height: 38px; margin-bottom: 15px;}
/* left right section end */

/* .section-header h2 { padding-bottom: 15px;} */
.section-header p { padding-top: 15px;}

/* service page end */


.img-holder {position: sticky; top: 150px;}
/* cta sectiion selection theme css start */
.secondary-bg *::selection { 
    background-color: #f78e26;
    color: #fff;
}
/* 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: #f78e26;}
.mean-container .mean-nav ul li li a.active{color: #f78e26;}

.page-404 h4{margin-bottom: 10px;}
.page-404 .btn-one:hover::before{background-color: #000; border-color: #000;}
.page-404 .btn-one:hover{color: #fff;}

.g-recaptcha.wpcf7-not-valid > div{border: 1px solid red;}

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

.text-holder ul{padding-left: 20px;}
.text-holder ul li{list-style: disc; font-size: 16px;}
.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;
}
.text-highlight {
    font-size: 18px;
    width: 100%;
    font-family: Open Sans;
    font-style: italic;
    color: var(--heading-color);
    padding: 20px 15px 20px 15px;
    border-left: 5px solid #f78e26;
    line-height: 1.6;
    position: relative;
    background: #eee;
    height: -webkit-fill-available  ;
}

/* .review-content-area {
    display: flex;
    align-items: center;
    justify-content: center;
} */
.review-title {
    margin-right: 28px;
    padding-right: 30px;
    border-right: 2px solid #f78e26;
}


.testimonial{
    text-align: center;
    padding: 85px 50px 45px 70px;
    margin: 0px 15px 35px;
    background: #f9f9f9;
    box-shadow: 5px 0 0 0 #ffd2a6;
    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: #ffd2a6;
    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: #ffd2a6;
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
}
.testimonial .title{
    display: inline-block;
    font-size: 18px;
    color: #4a5184;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;
}
.testimonial .post{
    display: inline-block;
    font-size: 15px;
    color: #757575;
    text-transform: capitalize;
}
.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: #ffd2a6;
}
.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  */

.process-three .row { justify-content: center;}


/* Inner page css strat */
.service-area .inner-solo h3{color: #fff;}
/* Inner page css End */




.home-about-main .text-highlight {margin: 0 0 10px; } 
.benefit-sec{}

.benefit-sec .section-header{ position: relative;    height: 100%; display: flex; align-items: center; }
.benefit-sec .section-header:before {content: ""; display: block; height: 100%; width: 2px; position: absolute; right: 0px; top: 50%; background: #f78e26; transform: translateY(-50%); /* opacity: 1; */ }
.benefit-sec li{ position: relative;margin-bottom: 10px; padding-left: 30px; list-style: none; }
.benefit-sec li::before {    font-family: "Font Awesome 6 Pro"; content: "\f058";font-weight: 900;  position: absolute;  left: 0; top: 0; color: #0d6e9e; font-size: 20px; font-weight: 400;}
.benefit-sec .section-header h2 {
    padding: 0 30px 0 0;
}


@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;}
.banner-area .banner__content p {    font-size: 18px;}
.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; }

#menu-header-menu .current_page_item a {
    color: #f78f27;
}

}


@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;}
.banner-area .banner__content p {    font-size: 16px;}

.after-before-sec .col-lg-6:first-child{margin-bottom: 20px;}
.benefit-sec .section-header:before{ display: none; }
.benefit-sec .section-header h2{ padding: 0;        margin: 0 0 10px; }

}


@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; }

}



@media (max-width:479px){   
 .sidebar-area {width: 100%;}
}



/* Service page Start */
.about-left-right .row:nth-of-type(even) {flex-direction: row-reverse;}

/* Service page End */








.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: #f78e26;
    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;
    display: block;
}

.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: #f78e2629;
    border-radius: 50px;
    color: #f78e26;
    line-height: normal;
    border: 1px solid #f78e26;
    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 6 Pro"; content: "\f058"; font-weight: 900; position: absolute;
    left: 0; top: 0; color: #0d6e9e; font-size: 20px; font-weight: 400;}

.subscribe__item{overflow: hidden;}
.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
}