* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Cabin", sans-serif;
    list-style: none !important;
    text-decoration: none !important;
}

:root {
    --blue-primary: #76BFF5;
    --secondary-blue: #3187C8;
    --text-light-blue: #016FD0;
    --yellow-accent: #FCA921;
    --charcoal-txt: #323232;
    --deep-blue: #003B67;
    --deep-gray: #464646;
    --navy-clr: #00345B;
}

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

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

.charcoal-bg {
    background-color: var(--charcoal-txt);
}

.charcoal-txt {
    color: var(--charcoal-txt);
}

.deep-blue-bg {
    background-color: var(--deep-blue);
}

.deep-gray-text {
    color: var(--deep-gray);
}


.deep-blue-text {
    color: var(--deep-blue);
}

.text-yellow {
    color: var(--yellow-accent);
}

.text-navy {
    color: var(--navy-clr)
}

.secondary-blue-text {
    color: var(--secondary-blue)
}

.light-blue-text {
    color: var(--text-light-blue)
}

/* Custom Container */
.custom-left-container {
    padding-left: 15px;
    margin-left: auto;
    max-width: calc(1320px + (50% - 1320px / 2));
}

.custom-right-container {
    padding-right: 15px;
    margin-left: 0px;
    max-width: calc(1320px + (50% - 1320px / 2));
}

@media (max-width: 768px) {
    .custom-left-container {
        max-width: 100%;
        padding: 0px 12px;
    }

    .custom-right-container {
        max-width: 100%;
        padding: 0px 12px;
    }
}
.valuewrap .accordion-item h2.accordion-header > img {
    height: 50px;
    margin-right: 20PX;
}

.consult-card-detail p.fs-6.fw-normal.lh-1.text-white.mt-3 {
    max-width: 800px;
    margin: 0 auto;
    line-height: 24px !important;
}
/* fonts */
.hero-title {
    font-size: 64px;
    font-weight: 600;
    line-height: 68px;
    letter-spacing: -1%;
    color: var(--deep-blue);
}
.payment-img-box iframe {
    border-radius: 10px;
}
.font--14 {
    font-size: 14px;
}

.font--18 {
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -2%;
}

.font--28 {
    font-size: 28px;
    letter-spacing: -4%;
}

.font--24 {
    font-size: 24px;
    line-height: 32px;
}

/* paddings */
.py-120 {
    padding: 120px 0px;
}

.pt-150 {
    padding-top: 150px;
}

.pb-150 {
    padding-top: 150px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-107 {
    padding-top: 107px;

}

.pb-107 {
    padding-bottom: 107px;

}

/* fill yellow btn */

.fill-yellow-btn {
    background: var(--yellow-accent);
    color: var(--charcoal-txt);
    border-radius: 12px;
    padding: 16px 22px;
    transition: all 0.3s ease-in-out;
    border: 0;
    max-height: 54px;
}

.fill-yellow-btn:hover {
    background: var(--deep-blue);
    color: #ffffff;
}

svg path {
    transition: stroke 0.3s;
    /* smooth transition */
}

.fill-yellow-btn:hover svg path {
    stroke: #ffffff;

}

/* header navbar */

header {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 100%;
}

.navlogo {
    width: 100%;
    height: 60px;
}

.nav-link {
    color: var(--charcoal-txt) !important;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.5%;
}

.nav-link:hover,
.nav-link:active {
    color: var(--navy-clr) !important;
}




/* hero-section */
.hero-main-section {
    position: relative;
    padding: 200px 0px 0px;
    background: linear-gradient(180.6deg, #FFFFFF 0.51%, #76BFF5 99.47%);
}


.hero-right-section {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.hero-main-section::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 50%;
    right: 0;
    bottom: 0;
    background: linear-gradient(180.6deg, #ffffff00 0.51%, #76BFF5 164.47%);
    z-index: 2;
}



.right-img {
    object-position: center
}



@media screen and (max-width: 1280px) {
    .hero-right-section::after {
        min-width: 452px;
    }
}

@media (max-width:1199px) {

    .ompact-title,
    .ompact-title2 {
        font-size: 150px !important;
    }
}

@media screen and (max-width: 992px) {
    .hero-right-section::after {
        display: none;
    }

    .hero-title {
        font-size: 38px;
        font-weight: 600;
        line-height: 48px;
    }

    .fill-yellow-btn {
        font-size: 14px;
        padding: 16px;
    }

    .ompact-title,
    .ompact-title2 {
        font-size: 108px !important;
    }

    .ompact-card {
        min-height: 100% !important;
    }

}

@media screen and (max-width: 575px) {
    .fill-yellow-btn {
        font-size: 12px;
        padding: 14px;
    }

    .fill-yellow-btn svg {
        height: 12px;
        line-height: 12px;
    }

    .font--28 {
        font-size: 14px;
    }

    .font--18 {
        font-size: 16px;
    }

    .ompact-card {
        min-height: 100% !important;
    }

    .ompact-title,
    .ompact-title2 {
        font-size: 58px !important;

    }
	
}


/* ompact section */
.ompact-section {
    background-image: url("../images/ompact-sec-bg.png");
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    height: 100%;
}

.ompact-card {
    position: relative;
    z-index: 1;
    padding: 20px;
    height: 100%;
    box-shadow: 0px 4px 20px 0px #00000026;
}




.ompact-title {
    font-size: 180px;
    font-weight: 700;
    letter-spacing: -3%;
    background: linear-gradient(180deg, #EAF6FF 43.15%, #064473 103.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    margin-bottom: -30px !important;
}


.ompact-title2 {
    text-align: end;
    font-size: 180px;
    font-weight: 700;
    letter-spacing: -3%;
    /* background: linear-gradient(180deg, #FFFFFF 0%, #B6D9F4 40%, #76BFF5 100%); */
    background: linear-gradient(180deg, #EAF6FF 43.15%, #064473 103.88%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
    margin-top: -30px !important;
}

.count-number {
    font-weight: 700;
    font-style: Bold;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: -6%;
    text-transform: capitalize;
    color: #003B67;
}

.section-heading {
    font-size: 45px;
    font-weight: 600;
    letter-spacing: -1px;
    line-height: 50px;
    color: var(--deep-blue);
}

.testimonials-section {
    background-color: #F6F6F6;
}

.label-heading {
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: var(--deep-blue);
}

.swiper {
    width: 100%;
}

.reviewSwiper {
    width: 100%;
}

.reviewSwiper .swiper-wrapper {
    gap: 22px;
}

.reviewSwiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 1px 4px 0px #00000026;
    margin: 12px 0px;
}

.reviewSwiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-btn::after {
    content: "" !important;
}

.testimonial-btn[aria-disabled="false"] {
    background: #FCA921;
    border: 1px solid #FFFFFF1A;
}

.testimonial-btn[aria-disabled="true"] {
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.testimonial-btn {
    opacity: 1 !important;
    padding: 12px;
    border-radius: 100px;
    position: unset !important;
    margin: 0 !important;
    transform: none;
    width: 38px !important;
    height: 38px !important;
}

.testimonial-img {
    height: 68px !important;
    width: 68px !important;
}

.testi-title {
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: #220033;
}

.testi-date {

    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.01em;
    color: #767676;
    margin: 0;
}

.google-icon-2 {
    height: 42px !important;
    width: 42px !important;
}

.testi-txt {
    margin-top: 28px;
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #6B6B6B;
    text-align: left;
}



/* About section */

.new-look {
    font-size: 48px;
    font-weight: 600;
}

.sec-2-paragraph {
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    color: var(--charcoal-txt);
}

.sec-2-paragraph p {
    min-width: 500px;
}

.span-paragraph {
    color: #A6A6A6;
}

.video-p {
    height: 24px;
    font-size: 20px;
}

.video-sec {
    border-radius: 20px !important;
    overflow: hidden !important;
    display: flex;
    justify-content: center;
}

.video-main {
    width: 100%;
    height: 100%;
}

.video-sec {
    border-radius: 10px;
}

.video-sec video {
    border-radius: 20px;
}



/* Service section */

.service-section {
    background: linear-gradient(to bottom, #f7fbff, #dff0ff);
}

/* Title */
.service-title {
    color: #003B67;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 18px;
}

/* Main Heading */
.service-heading {
    font-size: 48px;
    font-weight: 700;
    color: rgba(0, 59, 103, 1);
    line-height: 1.2;
}



/* Paragraph text */
.service-paragraph {
    max-width: 905px;
    margin: 0 auto;
    color: var(--charcoal-txt);
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 30px;
}


/* Outer wrapper */
.service-wrapper {
    position: relative;
    width: 100%;
    margin: auto;
}

/* Top image */
.service-img {
    width: 100%;
    height: 240px;
    border-radius: 17.67px;
    object-fit: cover;
}

/* White overlapping box */
.service-box {
    width: 100%;
    background: #fff;
    padding: 17px;
    border-radius: 15.34px;
    max-width: 90%;
    margin: -65px auto 0;
    z-index: 1;
    position: relative;

}

.service-wrapper button {
    padding: 13px !important;
}

/* Text styling */
.box-title {
    font-size: 22px;
    font-weight: 700;
    color: #003B67;
}

.box-text {
    font-size: 16px;
    color: #484848;
    margin-bottom: 20px;
}


.learn-btn {
    background: #ffb022;
    /* padding: 11px 82px; */
    padding: 10px;
    border: none;
    width: 100%;
    border-radius: 10px;
    text-decoration: none;
    color: #323232;
    font-weight: 600;
    display: inline-block;
}


/* Payment section */

.payment-img-box {
    border-radius: 12px;
    display: flex;
    justify-content: end;
    align-items: end;
}

.payment-img-box img {
    max-width: 100%;

}

.payment-main-h {
    font-size: 18px;
    font-weight: 600;
}

.payment-heading {
    font-size: 48px;
}

.payment-p {
    color: #464646;
    font-size: 18px;
    font-weight: 500;
}

.call-btn {
    background: #ffb022;
    /* padding: 11px 82px; */
    padding: 10px;
    border: none;
    border-radius: 12px;
    text-decoration: none;
    color: #323232;
    font-weight: 600;
    display: inline-block;
}


/* Window Section */
.windowSwiper .swiper-slide {
    padding: 12px 0px;
}

.window-img-wrapper {
    width: 100%;
    height: 100%;
    box-shadow: 3px 3px 7.7px 0px #00000030;
    border-radius: 10px;
}

.window-nav {
    display: flex;
    flex-direction: row-reverse;
    gap: 12px;
    min-width: 88px;
}

.window-nav .swiper-btn {
    background: #003B67;
    border-radius: 50px;
    border: 0.71px solid #FFFFFF1A;
    position: unset !important;
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px;
}


.window-nav .swiper-btn::after {
    content: "";
}

/* transform-section */
.before-after-txt {
    font-size: 18px;
    max-width: 548px;
}

.transform-section {
    background: linear-gradient(180deg, #F6FBFF 0%, #C2E5FF 100%);
}

.after-before-container {
    display: grid;
    place-content: center;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    --position: 50%;
    max-height: 402px !important;
}

.image-container {
    max-width: 100%;
    max-height: 100%;
    aspect-ratio: 1/1;
}

.slider-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}


.image-before {
    position: absolute;
    inset: 0;
    width: var(--position);
    filter: grayscale(100%);
}

.slider {
    position: absolute;
    inset: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.slider:focus-visible~.slider-button {
    outline: 5px solid black;
    outline-offset: 3px;
}

.slider-line {
    position: absolute;
    inset: 0;
    width: .2rem;
    height: 100%;
    background-color: #fff;
    /* z-index: 10; */
    left: var(--position);
    transform: translateX(-50%);
    pointer-events: none;
}

.slider-button {
    position: absolute;
    display: grid;
    place-items: center;
    top: 50%;
    left: var(--position);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.label-wrapper {
    background: #003B67;
    border-radius: 3.87px;
    padding: 10.31px 20.62px;
    color: #FFFFFF;
    font-weight: 500;
    font-style: Medium;
    font-size: 16.49px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: uppercase;
    position: absolute;
    z-index: 1;
    top: 15px;
}

.label-wrapper.before {
    left: 15px;
}

.label-wrapper.after {
    right: 15px;
}


/* contact section */

.contact-section-icon {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 129px;
    background: linear-gradient(182.49deg, #1986DA -53.58%, #003B67 101.93%);
}

.contact-title {
    font-weight: 500;
    font-size: 22.8228px;
    line-height: 31px;
    color: var(--deep-blue);
}

.contact-desc {
    font-size: 21.6817px;
    line-height: 31px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #336285;
}

.form-header {
    background: var(--deep-blue);
    border-radius: 8px 8px 0 0;
    padding-bottom: 30px;
}

.form-control,
.form-select {
    background: #F8F8F8 !important;
    min-height: 48px !important;
    color: #000 !important;
}

.form-label {
    color: var(--charcoal-txt) !important;
}

.form-select {
    color: #1A2242 !important;
}

.card {
    background: #F8F8F8 !important;
}

.submit-btn {
    background: var(--deep-blue) !important;
    color: #F8F8F8 !important;
    font-weight: 600;
    border-radius: 8px;
    min-height: 48px !important;
    transition: 0.2s ease;
}

.submit-btn:hover {
    background: #0174D9 !important;
}

/* consult card section */

.section-heading2 {
    font-size: 49px;
    font-weight: 600;
    letter-spacing: -1%;
    line-height: 56px;
    color: #ffffff;
}

.section-heading2 span {
    color: #0174D9;
}

.consult-card {
    background: url(../images/consultcardbg.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat
}


.fill-white-btn {
    background: #ffffff;
    color: var(--charcoal-txt);
    border-radius: 12px;
    padding: 16px 22px;
    transition: all 0.3s ease-in-out;
    border: 0;
    max-height: 54px;
}

.fill-white-btn:hover {
    background: var(--deep-blue);
    color: #ffffff;
}
.fill-white-btn:hover svg path {
    stroke: #ffffff;
}
@media (max-width: 992px) {
    .section-heading2 {
        font-size: 32px;
        line-height: 42Px;
    }
}

@media (max-width: 575px) {
    .fill-white-btn {
        font-size: 12px;
        padding: 14px;
    }

}


/* faq section */

.faqimg {
    height: 426px !important;
}

.accordion {
    --bs-accordion-border-color: transparent !important;
}


.accordion-button {
    padding: 26px 22px !important;
    font-weight: 500 !important;
    font-size: 26px !important;
    line-height: 32px !important;
    color: #1A2242 !important;
    gap: 12px;
    border-radius: 0px !important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='15' viewBox='0 0 25 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.7071 8.07088C25.0976 7.68035 25.0976 7.04719 24.7071 6.65666L18.3431 0.292702C17.9526 -0.0978227 17.3195 -0.0978227 16.9289 0.292702C16.5384 0.683226 16.5384 1.31639 16.9289 1.70692L22.5858 7.36377L16.9289 13.0206C16.5384 13.4111 16.5384 14.0443 16.9289 14.4348C17.3195 14.8254 17.9526 14.8254 18.3431 14.4348L24.7071 8.07088ZM0 7.36377L0 8.36377L24 8.36377V7.36377V6.36377L0 6.36377L0 7.36377Z' fill='%23003B67'/%3E%3C/svg%3E") !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.5434 13.8321C22.0769 13.6892 22.3935 13.1409 22.2505 12.6074L19.9212 3.91406C19.7782 3.38059 19.2299 3.06401 18.6964 3.20695C18.163 3.34989 17.8464 3.89823 17.9893 4.4317L20.0599 12.1591L12.3325 14.2297C11.799 14.3726 11.4824 14.9209 11.6254 15.4544C11.7683 15.9879 12.3166 16.3044 12.8501 16.1615L21.5434 13.8321ZM0.5 0.866211L0 1.73224L20.7846 13.7322L21.2846 12.8662L21.7846 12.0002L1 0.000185549L0.5 0.866211Z' fill='white'/%3E%3C/svg%3E") !important;
    transform: none !important;
}

.accordion-button:focus {
    outline: none !important;
    box-shadow: none !important;
}

.accordion-body {
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    line-height: 27px !important;
    color: #E8E8E8 !important;
    padding-top: 0 !important;
}

.accordion-collapse {
    transition: 0.3s all ease;
    background-color: var(--deep-blue) !important;
    color: #FFF;
}

.accordion-item {
    border-bottom: 1px solid #D2D2D2 !important;
}

.accordion-button:not(.collapsed) {
    background-color: var(--deep-blue) !important;
    color: #FFFFFF !important;
}

.accordion-button.collapsed+.accordion-collapse .accordion-body {
    background-color: var(--deep-blue) !important;
}

/* FOOTER-SECTION */

footer {
    background: #002643;
    padding: 40px 0;
}

.footer-logo {
    height: 60px;
    width: 100%;
}

.footer-title {
    font-weight: 700;
    font-size: 14px;
    line-height: 150%;
    text-transform: uppercase;
    color: #F6F6F6;

}

.row-footer1 {
    padding-bottom: 120px;
}

.footer-list {
    padding-left: 0 !important;
}

.footer-list li a {

    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #DFDFDF;

}

.footer-hr {
    border-color: #D2D2D2 !important;
}

.footer-list li a:hover {
    color: var(--yellow-accent);
}

.footer-list2 li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #DFDFDF;

}

.txt-copyright {
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    color: #D2D2D2;
}

.footer-list2 li a:hover {
    color: var(--yellow-accent);
}

/* ============================================================ */
/* Mobile responsive */


/* About us */
.mobile_about{overflow-x: hidden;}
img{max-width: 100%;}
.container.valuewrap {max-width: 100%; padding-left: 50px;}
section.hero-main-section.nobefore:before {display: none;}
.nobefore h1.hero-title {text-align: center;}
.nobefore h1.hero-title {
    max-width: 930px;
    margin: 0 auto;
}
ul.bwrap {padding: 0; list-style: normal; display: flex; justify-content: center; margin: 0 0 20px;}
ul.bwrap li a {color: var(--deep-blue);font-weight: 500; font-size: 18px;}
ul.bwrap li {margin: 0 15px 0 0;}
ul.bwrap li:last-child{margin: 0;}
p.payment-p.mt-3 a {text-decoration: underline !important;}

.payment-img-box {position: relative;}
.payment-img-box .bgcolor {position: absolute; right: -11px; bottom: -10px; background: linear-gradient(180.6deg, #FFFFFF 0.51%, #76BFF5 99.47%); padding: 15px; border-radius: 10px; box-shadow: 0px 5px 20px rgba(0,0,0,0.3); width: 200px;}
.payment-img-box .bgcolor span {color: rgba(0, 59, 103, 1); font-size: 30px; font-weight: bold; line-height: normal; margin: 0 0 10px;}
.payment-img-box .bgcolor p {color: rgba(70, 70, 70, 1); line-height: normal; font-size: 16px; font-weight: 500; margin: 0;}
ul.areasul {display: flex; justify-content: center; margin: 0; padding: 0;}
ul.areasul li {margin: 0 20px 0 0;}
ul.areasul li:last-child {margin:0;}

.mapwrap{padding: 60px 0 0;}
.maptext h2 {color: rgba(1, 111, 208, 1); font-size: 40px;  font-weight: 600; margin: 0 0 20px; line-height: 40px;}
.maptext ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap;}
.maptext ul li {font-size: 15px; color: rgba(22, 22, 22, 1); font-weight: 400; margin: 0 10px 10px 0;}
.maptext ul li svg {width: 18px;}

.divimg {margin: 20px 0 0;}
.divimg img{border-radius: 10px;}

.valuewrap .accordion-item button.accordion-button {background: rgba(0, 59, 103, 1); color: #fff !important;}
.valuewrap .accordion-item {border: none !important; background: rgba(0, 59, 103, 1) !important;}
.valuewrap .accordion-item {margin: 0 0 29px;}

.valuewrap .accordion-item button.accordion-button:after {display: none;}
.valuewrap .accordion-item button.accordion-button{position: relative;}
.valuewrap .accordion-item button.accordion-button svg {position: absolute; right: 20px; width: 31px;}
.valuewrap .accordion-item .accordion-body {font-size: 16px !important; line-height: 20px !important;padding: 0px 30px 20px 86px;}

.valuewrap .accordion-item h2.accordion-header {display: flex; align-items: center; padding: 16px!important;}
.valuewrap .accordion-item h2.accordion-header button.accordion-button {padding: 0 !important;}
.valuewrap .accordion-item h2.accordion-header>svg {margin: 0 15px 0 0; width: 55px;}
.valuewrap .accordion .accordion-item:last-child {margin: 0;}

.gcolor{background: linear-gradient(to bottom, #f7fbff, #dff0ff);}
.impactwrap p.font--18 {color: rgba(0, 59, 103, 1); max-width: 710px; margin: auto;}

ul.whbox {margin: 0; padding: 0;}
ul.whbox li {background: #fff; padding: 20px; min-height: 137px; border: 1px solid rgba(1, 111, 208, 0.4); margin: 0 0 10px; display: flex; flex-direction: column; justify-content: center;}
ul.whbox li:last-child{margin-bottom: 0;}
ul.whbox li span {color: rgba(0, 59, 103, 1); font-size: 30px; font-weight: 700; line-height: normal;}
ul.whbox li p {margin: 15px 0 0;  color: rgba(0, 59, 103, 1); font-size: 20px; line-height: 34px;}

.white{background: #fff;}
.imgtop img{margin-bottom: 30px;}
.imgtop p {margin: 0 0 10px; color: rgba(70, 70, 70, 1); font-weight: 500;}
.imgtop { margin: 0 0 40px;}

.timeline {display: flex; align-items: center; flex-wrap: wrap;}
.timeline ul {padding: 0 0 0 25px; margin: 0;}
.timeline ul li {margin: 0 0 15px; color: rgba(26, 34, 66, 1); font-weight: 500; font-size: 18px;}
.timeline ul li svg {margin: 0 10px 0 0;}
.timeline ul button.fill-yellow-btn {width: 100%;}

.bgbox{background: rgba(158, 213, 255, 1); border-radius: 8px; padding: 22px 20px; margin-bottom: 25px;}
.bgbox h2 {color: rgba(0, 59, 103, 1); font-size: 24px; position: relative; font-weight: 600; text-transform: capitalize; margin: 0 0 30px;}
.bgbox h2:after {width: 155px; height: 1px; background-color: rgba(0, 59, 103, 1); position: absolute; content: ''; left: 0; bottom: -5px;}
.bgbox form {background: #fff; position: relative; border-radius: 3px; border: 1px solid rgba(227, 227, 227, 1);}
.bgbox form input {background: transparent;outline: none; border: none; padding: 11px 60px 11px 10px; width: 100%; color: rgba(72, 72, 72, 0.6); font-size: 18px; font-weight: 400; text-transform: capitalize;}
.bgbox form button{background: rgba(252, 169, 33, 1);  border: none; width: 40px; height: 40px; border-radius: 5px; position: absolute; right: 5px; top:4px;}

.bgbox ul {padding: 0; margin: 0;}
.bgbox ul li {padding: 11px 10px 11px 10px; cursor: pointer; width: 100%; color: rgba(0, 59, 103, 1); font-size: 18px; font-weight: 400; position: relative; text-transform: capitalize; font-weight: 500; background: #fff; margin: 0 0 12px; border-radius: 4px;}
 .bgbox ul li a {padding: 11px 60px 11px 10px; cursor: pointer; width: 100%; color: rgba(0, 59, 103, 1); font-size: 18px; font-weight: 400; position: relative; text-transform: capitalize; font-weight: 500; background: #fff; margin: 0 0 12px; border-radius: 4px;}
.bgbox ul li svg { position: relative;    float: right;}
.bgbox ul li.ac {background: rgba(254, 164, 5, 1); color: #fff;}
.bgbox ul li:last-child{margin: 0;}
.bgbox ul li:hover, .bgbox ul li:hover a{background: rgba(254, 164, 5, 1); color: #fff;}
.bgbox ul li:hover svg path {stroke: #fff;}
.opiyys {
    padding-left: 30px;
}
.timeline ul li:before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M19.8333 3.89429C18.1173 2.90163 16.125 2.3335 14 2.3335C7.55669 2.3335 2.33334 7.55684 2.33334 14.0002C2.33334 20.4434 7.55669 25.6668 14 25.6668C20.4433 25.6668 25.6667 20.4434 25.6667 14.0002C25.6667 13.2011 25.5863 12.4207 25.4333 11.6668' stroke='%231A2242' stroke-width='1.75' stroke-linecap='round'/%3E%3Cpath d='M9.33334 14.5835C9.33334 14.5835 11.0833 14.5835 13.4167 18.6668C13.4167 18.6668 19.9019 7.97238 25.6667 5.8335' stroke='%231A2242' stroke-width='1.75' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 28px;
    position: absolute;
    left: -26px;
    top: 4px;
}
.opiyys a {
    display: inline-block;
}
.bgimg {background: url(../images/rec06.png) no-repeat; padding:25px; width: 100%; position: relative; height: 360px; background-size: cover; border-radius: 8px;}
.bgimg:before{width: 100%; top: 0; left: 0; height: 100%; background: rgba(1, 111, 208, 0.1); position: absolute; content: '';border-radius: 8px;}
.bgimg .svg {width: 65px; margin-bottom: 30px; position: relative; z-index: 999;}
.call {position: relative; z-index: 9999;}

.call span {display: block; color: #fff; margin-bottom: 10px; font-size: 24px; font-weight: 600; text-transform: capitalize;}
.call a {display: inline-block; color: #fff;font-size: 40px; font-weight: 600; text-transform: capitalize; line-height: 47px; margin: 0 0 30px; border-bottom: 2px solid rgba(255, 255, 255, 0.5);}
.bgbox ul li.ac svg {top: 12px;}
.advantagewrap p{color: rgba(0, 59, 103, 1); max-width: 710px; margin: auto;}
ul.advantwrap {margin:50px 0 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.advantwrap li {width:49%; margin-bottom: 25px; padding:0px; position: relative;}
ul.advantwrap li img {height: 310px;object-fit: cover; width: 100%; border-radius: 10px;}
ul.advantwrap li .wbox {position: absolute; bottom: 20px; background: #fff; z-index: 99; width: 92%; padding:15px; margin: auto; left: 0;  right: 0; border-radius: 12px; text-align: left;}
ul.advantwrap li .wbox span {color: rgba(0, 59, 103, 1); font-weight: 500; font-size: 20px; margin: 0 0 5px; display: block;}
ul.advantwrap li .wbox p {max-width: 100%; color: rgba(51, 98, 133, 1); font-size: 15px; line-height: 21px;}
ul.advantwrap.constructionwrap .wbox {background: transparent; padding: 0;}
ul.advantwrap.constructionwrap .wbox span {margin: 0; font-size: 18px; max-width: 350px; line-height: 24px; color: #fff; position: relative; z-index: 999;}
ul.advantwrap.constructionwrap li {width: 32%;}
ul.advantwrap.constructionwrap li.otherwidth {width: 66%;}
.lasttext {margin: 30px 0 0 0; color: #1A2242; opacity: 0.8;  font-size: 19px; font-weight: bold; font-style: italic;}
.timeline.timelinenew p {color: #464646; font-weight: 500; font-size: 18px;}
.timeline.timelinenew button.fill-yellow-btn {width: auto;}
.timeline.timelinenew ul {padding: 0;}
.timeline.timelinenew ul li span {color: #1A2242; font-size: 22px; font-weight: 600;}

.twobox h2.service-heading.mb-3 {font-size: 32px; font-weight: 600; line-height: 36px; margin: 0 0 10px !important; color: #fff;}
section.white.twobox .timelinenew {background: #003B67; height: 100%; padding:20px; border-radius: 10px;}
.twobox .timeline.timelinenew p.font--18 {color: #fff; font-size: 14px; font-weight: 400; line-height: normal;}
section.white.twobox .timelinenew ul li {color: #fff; font-size: 16px; font-weight: 400;}
section.white.twobox .timelinenew p {color: #fff; font-size: 14px;line-height: 20px;font-weight: 400;}
.bluewrap {margin: 60px 0; background:rgba(0, 59, 103, 1); padding:40px;}
.process_wrap ul {margin: 0; padding: 0;    justify-content: center; display: flex; flex-wrap: wrap;}
.process_wrap ul li {width: 32%; border-right: 1px solid #b1b1b1; display: flex; align-items: center; padding: 20px 15px;}
.wrapbox .box {width: 48px; height: 48px; background: #016FD0; display: flex; align-items: center; justify-content: center; margin: auto auto 30px; color: #FFFFFF;  font-size: 24px; font-weight: 600;  border-radius: 5px;}
.wrapbox h4 {margin: 0; font-size: 18px; color: #fff;  min-height: 70px;}
.process_wrap ul li:last-child{border: 0;}
.mapimg img {width: 100%; margin: 0 0 50px;}


@media (max-width: 1024px) {
    .sec-2-paragraph {
        font-size: 30px;
    }
}


/* Tablet */
@media (max-width: 992px) {

    .hero-main-section {
        padding-top: 120px;
    }

    .hero-main-section::before {
        width: 100%;
        height: 0;
    }

    .service-heading {
        font-size: 32px;
    }

    .service-paragraph {
        font-size: 16px;
    }

    .video-p {
        font-size: 18px;
    }

    .payment-heading {
        font-size: 30px;
    }

    .new-look {
        font-size: 30px;
    }

    .navbar-collapse {
        background: #FFF;
        border-radius: 20px;
        flex-basis: 100%;
        align-items: center;
        padding: 20px;
        box-shadow: 0px 0px 10px 0px #d8edfc;
    }

    .py-120 {
        padding: 80px 0px;
    }

    .pt-80 {
        padding-top: 60px;
    }

    .pb-80 {
        padding-bottom: 60px;
    }

    .font--24 {
        font-size: 18px;
        line-height: 1.4;
    }

    .section-heading {
        font-size: 46px;
        line-height: 1.2;
    }

}
body.home.logged-in.admin-bar header {
    top: 31px;
}
h1.hero-title span {
    color: #3187c8;
}
h2.new-look span {
    color: #3187c8;
}
p.sec-2-paragraph span {
    color: #A6A6A6;
}
h2.service-heading span {
    color: rgba(1, 111, 208, 1);
}
h1.section-heading span {
    color: #3187c8;
}
h2.section-heading span {
    color:#016fd0
}
.contact-section-icon img {
    width: 52px;
}
.listwrap:hover {
    background: #9ED5FF;
}

.listwrap {
    border: solid 1px #5FB1FA;
    border-radius: 15px;
    padding: 20px;
    background: #EEF8FF;
}
.listwrap img {
    height: 48px;
    width: auto;
    margin-bottom: 15px;
}
.listwrap h3 {
    font-size: 22px;
    font-weight: 500;
    color: #1A2242;
}
.listwrap a {
    font-size: 18px;
    color: #1A2242;
    text-decoration: underline !important;
}
.listwrap p {
    margin-bottom: 15px;
}

.listwrap {
    text-align: center;
}
  .mapcont .form-control::placeholder {
    color: #9b9b9b;
    font-weight: 300;
  }

  .mapcont .note-text {
    font-style: italic;
    color: #555;
    margin-top: 10px;
  }
  .mapcont .form-control,
  .mapcont .form-select {
    height: 56px;
    border-radius: 6px;
    font-size: 18px;
    color: #666;
	background:transparent !important;
  }
.mapiframe iframe {
    border-radius: 10px;
}
.hero-main-section p.text-center.m-auto.mt-3 {
    max-width: 700px;
}
.overlaycontent h3 {
    font-size: 42px;
}

.overlaycontent p {
    font-size: 21px;
}
.overlaycontent {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    transform: translate(-50%, -50%);
    color: #fff;
    padding: 35px;
}
section.condetailsa.pt-50.pb-80 {
    padding-top: 20px;
}
.video-sec iframe, .payment-img-box iframe {
    height: 250px;
}

body section {
    overflow-x: hidden;
}
@media (min-width: 991px) {
section.pt-80.pb-80.container.valuewrap.inn {
    padding-left: 0px;
    padding-right: 80px;
	}
}
@media (max-width: 767px) {
.overlaycontent p {
    font-size: 18px;
}
	.navlogo {
width: unset !important;
}
section.white.twobox .timelinenew {
    height: auto;
    margin-bottom: 15px;
}
	    .navlogo {
        display: block;
        float: left;
        text-align: left;
    }
.overlaycontent h3 {
    font-size: 32px;
}
	.mapiframe.position-relative {
    margin-bottom: 30px;
}
    .ompact-title,
    .ompact-title2 {
        font-size: 90px !important;
    }


    .section-heading {
        font-size: 42px;
    }

    .row-footer1 {
        padding-bottom: 60px;
    }

    .accordion-button {
        padding: 22px !important;
        font-size: 18px !important;
    }

    .contact-section-icon {
        width: 42px;
        height: 42px;
    }

    .contact-title {
        font-size: 20px;
        line-height: 1.2;
    }

    .contact-desc {
        font-size: 16px;
        line-height: 1.4;
    }
}

@media (max-width: 576px) {
    .section-heading {
        font-size: 38px;
    }

    .hero-main-section {
        padding-top: 100px;
    }

    .new-look {
        font-size: 28px;
    }

    .service-wrapper {
        width: 100%;
    }

    .box-title {
        font-size: 18px;
    }

    .video-p {
        font-size: 16px;
    }

    .payment-heading {
        font-size: 25px;
        text-align: center;
    }

    .service-heading {
        font-size: 24px;
    }

    .sec-2-paragraph {
        font-size: 16px !important;
    }

    .service-paragraph {
        font-size: 14px;
        text-align: center;
    }

    .payment-section {
        text-align: center;
    }

    .payment-p {
        color: #464646;
        font-size: 14px;
        text-align: center;
    }

    .payment-main-h {
        font-size: 17px;
        text-align: center;
    }

    .navlogo {
        width: 100%;
        height: 40px;
    }

    .py-120 {
        padding: 50px 0px;
    }

    .pt-80 {
        padding-top: 40px;
    }

    .pb-80 {
        padding-bottom: 40px;
    }

    .box-text {
        font-size: 14px;
    }

    .ompact-title,
    .ompact-title2 {
        font-size: 15vw !important;
    }

    .ompact-title {
        margin-bottom: -10px !important;
    }

    .ompact-title2 {
        margin-top: -16px !important;
    }

    .contact-section-icon {
        width: 40px;
        height: 40px;
    }

    .contact-title {
        font-size: 18px;
    }

    .contact-desc {
        font-size: 14px;
    }

    .testi-txt {
        font-size: 16px;
        line-height: 1.4;
    }

    .testimonial-img {
        height: 48px !important;
        width: 48px !important;
    }

    .google-icon-2 {
        height: 32px !important;
        width: 32px !important;
    }

    .consult-section {
        padding: 0px 12px;
    }

    .row-footer1 {
        padding-bottom: 20px;
    }

    .accordion-button {
        line-height: 1.4 !important;
        font-size: 18px !important;
    }

    .accordion-body {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    footer {
        padding-bottom: 10px;
    }
}

@media (max-width: 480px) {
    .section-heading {
        font-size: 32px;
    }

    .font--18 {
        font-size: 14px;
        line-height: 1.4;


    }

    .navlogo {
        width: 100%;
        height: 30px;
    }

}


@media(max-width:1299px) {
    .maptext ul li{font-size: 14px; margin: 0 8px 8px 0;}
    .mobile_about .payment-p{font-size: 16px;}
    ul.areasul li{ margin: 0 10px 0 0; font-size: 15px;}
    .maptext h2{font-size:28px; margin-bottom: 10px;}
    .valuewrap .accordion-item{margin-bottom: 15px;}
    .mobile_about .font--18, .imgtop p{font-size: 14px; line-height: 22px;}
    ul.whbox li p {margin: 5px 0 0; font-size: 16px; line-height: 20px;}
    .valuewrap .accordion-item h2.accordion-header button.accordion-button{font-size:18px !important;}
    .valuewrap .accordion-item .accordion-body {font-size: 14px !important; line-height: 20px !important; padding: 0px 30px 20px 30px;}
    .mobile_about .section-heading, .mobile_about .service-heading{font-size: 36px; line-height: 45px;}
}

@media(max-width:1199px) {
    .bluewrap{margin: 30px 0; padding: 20px;}
    section.white.twobox.pb-80{padding-bottom: 40px;}
    section.white.warranty_wrap.pt-80.pb-80{padding-bottom: 40px; padding-top: 40px;}
    .lasttext{font-size: 16px; margin-top: 10px;}
    ul.advantwrap.constructionwrap .wbox span{font-size: 16px; line-height: 22px;}
   
    .mobile_about .section-heading {font-size:26px; line-height: normal;} 
    .mobile_about .service-heading {font-size:26px; line-height: normal;}
    p.payment-p.mt-3{font-size: 15px;}
    .mobile_about .fill-yellow-btn{padding: 10px 14px;}
    .payment-img-box .bgcolor span{font-size: 20px;}
    .payment-img-box .bgcolor p{font-size: 14px;}
    .wrapbox h4{font-size: 15px;}
    .mapwrap{padding-top: 40px;}
    .mobile_about .font--18, .imgtop p{font-size: 14px; line-height: 22px;}
    .valuewrap .accordion-item{margin-bottom:5px;}
    section.gcolor.impactwrap.pt-80.pb-80,section.service-section.pt-80.pb-80{padding: 40px 0;}
    section.payment-section.meet_owner.pb-80,section.payment-section.pt-80.pb-80 {padding: 40px 0;}
    section.pt-80.pb-80.container.valuewrap{padding-top: 40px; padding-bottom: 40px; padding-left: 15px;}
    
    ul.whbox li{min-height: 100px;}
    ul.whbox li span{font-size: 20px;}
    section.white.windowinstall.pt-80.pb-80{padding: 40px 0;}

    .bgbox{margin-bottom: 15px; padding: 15px;}
    .bgbox form button{width: 30px; height: 30px;top: 5px;}
    .bgbox h2{font-size: 18px; margin-bottom: 20px;}
    .bgbox form input{font-size: 15px; padding: 10px; height: 40px;}
    .bgbox form button svg {width: 20px;}
    .bgbox ul li{font-size: 16px; padding-top: 8px; padding-bottom: 8px;}
    .bgbox ul li svg {right: 10px; top: 10px; width: 15px;}
    .bgbox ul li.ac svg {top: 7px; width: 22px;}
    .bgimg{padding: 15px;}
    .bgimg .svg{width: 45px; height: 45px; margin-bottom: 20px;}
    .call span{font-size: 18px; line-height: 18px;}
    .bgimg{height: 220px;}
    .timeline ul li svg{width:16px; margin-right: 5px; height: 18px;}
    .timeline ul li{font-size: 15px; margin-bottom: 10px;}
    .imgtop{margin: 0 0 15px;}
    .imgtop img { margin-bottom:15px;}
    ul.advantwrap{margin-top: 30px;}
    ul.advantwrap li .wbox p{font-size: 14px; line-height: 20px;}
    ul.advantwrap li .wbox span{font-size: 16px;}
    section.advantagewrap.pt-50.pb-80{padding-bottom: 40px;}
    .timeline.timelinenew p{font-size: 13px;}
    .twobox h2.service-heading.mb-3{font-size: 26px;}
    section.white.twobox .timelinenew ul li{font-size: 13px; margin: 0 0 6px;}
    .call a{font-size:22px; display: block; line-height:38px; margin-bottom:12px; border: none; text-decoration: underline!important;}
}

@media(max-width:991px) {
    .timeline ul li{font-size: 13px;}
    ul.bwrap{margin: 20px 0 10px;}
    ul.bwrap li a{font-size: 15px;}
    ul.bwrap li{margin: 0 10px 0 0;}
    .container{max-width: 100% !important;}
    section.payment-section.pt-80.pb-80 {padding: 30px 0;}
    .payment-img-box {margin: 0 0 20px;}
    .payment-img-box .bgcolor {padding: 10px;width: 180px; bottom: 0; right: 0; border-radius: 0;}
    .mobile_about .fill-yellow-btn{padding: 10px 14px;}
    section.payment-section .col-lg-6.mb-4 {margin: 0 !important;}
    p.payment-p.mt-3{margin: 0 0 10px !important; font-size: 14px;}
    .hero-title.mobile_title {font-size: 24px; margin: 0; line-height: 24px;}
    .mobile_about .section-heading {font-size: 22px; line-height: normal;} 
    .mobile_about .service-heading {font-size: 22px; line-height: normal;}
    .meet_owner .container.payment-section .col-lg-6.mb-4 {margin: 0 0 10px !important;}
    .meet_owner .payment-img-box {margin: 0;}
    section.payment-section.meet_owner.pb-80 {padding-bottom: 0;}
    .container.valuewrap {padding: 30px 15px;}
    .service-title{font-size: 16px; line-height: 18px;}
    section.service-section.pt-80.pb-80{padding: 30px 0;}
    .mapwrap{padding: 30px 0;}
    .mapimg img{margin-bottom:0px;}
    .divimg{margin: 15px 0;}
    .divimg img{width: 100%; height:160px; object-fit: cover;}
    .maptext h2{font-size:22px; line-height: normal; margin-bottom: 10px;}
    .valuewrap .accordion-item h2.accordion-header button.accordion-button{font-size: 14px !important;}
    .valuewrap .accordion-item .accordion-body{padding: 10px;font-size: 14px !important;}
    .valuewrap .accordion-item h2.accordion-header{padding: 12px !important;}
    .valuewrap .accordion-item button.accordion-button svg {right: 5px; width: 20px;}
    .valuewrap .accordion-item{margin-bottom: 1px;}
    .valuewrap .accordion-item h2.accordion-header>svg{width: 45px; height: 45px;}
    section.service-section .row .col-lg-6:last-child .divimg {margin-bottom: 0;}
    .valuewrap .col-md-5 {margin-top: 20px;}
    .valuewrap .col-md-5 img{border-radius: 10px; height: 250px; object-fit: cover;}
    .impactwrap.pt-80.pb-80 {padding: 0;}
    .impactwrap .mapwrap .row .col-lg-6:last-child {margin: 20px 0 0;}
    ul.whbox li{min-height: 1px; width: 100%; padding: 12px;}
    ul.whbox li span{font-size:18px;}
    ul.whbox li p{margin: 0; font-size: 14px; line-height: 20px;}
    section.service-section .mapwrap {padding: 10px 0;}
    .mobile_about .font--18, .imgtop p{font-size: 14px; line-height: 22px;}
    section.white.windowinstall.pt-80.pb-80{padding: 30px 0;}
    p.payment-p.mt-3{font-size: 14px; line-height: 22px;}
    .imgtop{margin-bottom: 20px;}
    .timeline .timeimg {margin: 0 0 20px;}
    .timeline ul{padding: 0;}
    .windowinstall .col-lg-8 {margin: 0 0 30px;}
    ul.advantwrap{margin-top: 30px;}
    ul.advantwrap li .wbox span{font-size: 16px;}
    ul.advantwrap li .wbox{padding: 10px; bottom: 10px; width: 98%;}
    .lasttext{margin-top: 20px; font-size: 14px;}
    section.gcolor.Conswrap.advantagewrap.pt-50.pb-80{padding-bottom: 30px;}
    section.white.warranty_wrap.pt-80.pb-80 {padding: 30px 0;}
    .timeline.timelinenew{margin-bottom: 30px;}
    .warranty_wrap .timeline .timeimg {margin: 0;}
    section.white.twobox .timelinenew{padding: 10px;}
    .twobox h2.service-heading.mb-3{font-size: 18px; line-height: normal;}
    section.white.twobox .timelinenew{margin-bottom: 10px;}
    section.white.twobox .timelinenew p{margin-bottom: 0; font-size: 13px;}
    section.white.twobox.pb-80 {padding-bottom: 30px;}
    .bluewrap{margin: 0px; padding: 20px;}
    .wrapbox .box{width: 30px; height: 30px; font-size: 18px; margin-bottom:10px;}
    .wrapbox h4{font-size:14px; display: block; text-align: center; min-height: 1px;}
    .process_wrap ul li{width: 100%; border-right: none; border-bottom: 1px solid #b1b1b1; padding: 0 0 20px; margin: 0 0 20px;}
    section.process_wrap.pt-50.pb-80{padding-bottom: 30px;}
    .wrapbox {width: 100%;}
    .process_wrap ul li:last-child{margin: 0; padding: 0;}
    .twobox .timeline.timelinenew p.font--18{margin-bottom: 15px; line-height: 20px;}
    ul.advantwrap.constructionwrap .wbox span{max-width: 100%; font-size: 14px; line-height: normal;}
    .twobox .row .col-lg-6:last-child .timeline.timelinenew {margin: 0;}
    .payment-section .col-lg-6 {width: 50%;}
    .valuewrap .row>div {width: 100%;}
    .impactwrap .mapwrap .col-lg-6 {width: 50%;}
    .windowinstall .timeline ul {width: 100%;}
    .windowinstall .timeline .timeimg {width: 100%; }
    ul.advantwrap li img{height: 260px;}
    .windowinstall .timeline .timeimg img {width: 100%; height: 200px; object-fit: cover;}
    .warranty_wrap .timeline .timeimg {width: 100%;}
    .warranty_wrap .timeline .timeimg img {width: 100%; height: 200px; object-fit: cover;}
    .imgtop img{width: 100%;}
    }
    
    @media(max-width:767px) {
        .mapimg img{height:170px;object-fit: cover;}
        .impactwrap img.w-100, .payment-img-box img {height:220px; object-fit: cover; border-radius: 10px;}
        ul.areasul{flex-wrap: wrap;}
        .mobile_about .service-heading{margin-bottom: 8px !important;}
        ul.areasul li{margin:0 10px 5px 0; font-size: 14px;}
        .mobile_about .section-heading {font-size: 18px; line-height: normal;} 
        .mobile_about .service-heading {font-size:18px; line-height: normal;}
        ul.advantwrap li{width: 100%; margin-bottom: 15px;}
        ul.advantwrap li:last-child{margin-bottom: 0;}
        ul.advantwrap.constructionwrap li.otherwidth{width: 100%;}
        ul.advantwrap.constructionwrap li{width: 100%;}
        .payment-section .col-lg-6 {width:100%;}
        .impactwrap .mapwrap .col-lg-6 {width:100%;}
		.hero-right-section .col-lg-6.px-4.pb-107.pt-80 {
    padding-bottom: 50px;
}
    }


.mapcont .form-control, .mapcont .form-select {
    color: #000 !important;

}
@media (max-width: 576px) {
    .pb-80 {
        padding-bottom: 20px;
    }
}

@media (max-width: 576px) {
    .pt-80 {
        padding-top: 20px;
    }
}