@import './fonts.css';



/* ========== Root ========== */

:root {

    --black: #000;

    --white: #fff;

    --transparent: #0000;



    --primary: #3594C5;

    --primary-5: rgba(53, 148, 197, 0.05);

    --secondary: #575959;

    --secondary-5: rgba(87, 89, 89, 0.05);

    --border: #D9D9D9;

    --muted: #757575;

    --light-muted: #C7C7C7;

    --border: rgba(117, 117, 117, 0.30);

    --dark-15: rgba(0, 0, 0, 0.15);

}



/* ========== Common Start ========== */

* { margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth; }

body { font-family: 'Outfit', sans-serif; font-weight: normal; font-display: swap; }

a { text-decoration: none !important; }

ul { list-style: none; padding-left: 0 !important; }

:focus { outline: 0; box-shadow: none !important; }

.max-width-base { max-width: 1464px; }

.max-width-lg { max-width: 1553px; }

::placeholder { color: var(--muted); opacity: 1; }

::-ms-input-placeholder { color: var(--muted); }

textarea { resize: none; }



/* Text Color */

.text-primary { color: var(--primary); }



/* Button */

.btn { padding: 10px 30px; font-size: 20px; font-weight: 600; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; position: relative; border: 0; }

.btn::after { content: ""; position: absolute; top: 5px; left: 5px; width: 100%; height: 100%; border: 1px solid var(--primary); z-index: -1; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }

.btn:hover:after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 1px solid var(--primary); z-index: -1; }

.btn-primary { background-color: var(--primary); color: var(--white); }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:focus-visible, .btn-primary:target { background-color: var(--primary) !important; color: var(--white) !important; }
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active, .btn:focus-visible {  background: var(--primary) !important; color: var(--white) !important;  }

.btn.with-icon { display: flex; align-items: center; }

.btn.with-icon img { margin-right: 13px; }



.contact-btn input { margin: -10px -30px; width: calc(100% + 60px); }

/* ========== Common End ========== */



/* ========== Header Start ========== */

.header { position: sticky; top: 0; width: 100%; background-color: var(--white); padding: 15px 0; border-bottom: 1px solid var(--dark-15); z-index: 9999; }

.header .navbar { padding: 0; }

.header .navbar-brand { padding: 0; }

.header .nav-link { padding: 10px 20px !important; margin: 0 15px; display: block; margin-bottom: -11px; font-size: 20px; font-weight: 400; position: relative; display: flex; color: var(--secondary); }

.header .nav-link img { margin-left: 6px; }

/* .header .nav-link.active::before { content: ""; position: absolute; bottom: calc(100% + 0px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 24px; height: 37px; background: url("../images/svgs/mope.svg") no-repeat center; background-size: contain; animation: brushMove 1s forwards; -webkit-animation: brushMove 1s forwards; }

@keyframes brushMove {

    0% { bottom: calc(100% + 50px); }

    100% { bottom: calc(100% + 0px); }

} */

.header .navbar-nav li.current-menu-item .nav-link.active::before { content: ""; position: absolute; bottom: calc(100% + 0px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 24px; height: 37px; background: url("../images/svgs/mope.svg") no-repeat center; background-size: contain; animation: brushMove 1s forwards; -webkit-animation: brushMove 1s forwards; }
.header .navbar-nav li .nav-link.active::before { content: ""; position: absolute; bottom: calc(100% + 0px); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); width: 24px; height: 37px; background: url("../images/svgs/mope.svg") no-repeat center; background-size: contain; animation: brushMove 1s forwards; -webkit-animation: brushMove 1s forwards; }

@keyframes brushMove {

    0% { bottom: calc(100% + 50px); }

    100% { bottom: calc(100% + 0px); }

}

.header .navbar-nav li.current-menu-item .nav-link.active { font-weight: 600; color: var(--primary); }
.header .navbar-nav li .nav-link.active { font-weight: 600; color: var(--primary); }

.dropdown-toggle::after { background-image: url("../images/svgs/chevron-down.svg"); background-position: center; width: 13px; height: 8px; content: ""; border: 0; position: absolute; top: 50%; right: 0; transform: translateY(-50%) rotate(0deg); filter: grayscale(1); -webkit-filter: grayscale(1); -webkit-transform: translateY(-50%) rotate(0deg); -moz-transform: translateY(-50%) rotate(0deg); -ms-transform: translateY(-50%) rotate(0deg); -o-transform: translateY(-50%) rotate(0deg); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.dropdown-toggle.show::after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); }

/* ========== Header End ========== */



/* ========== Home Banner Start ========== */

.home-banner { margin-bottom: 150px; padding-left: 20px; }

.home-banner .home-banner-container { display: flex; justify-content: end; align-items: end; }

.home-banner .banner-content { max-width: 758px; width: 100%; margin-right: 82px; margin-bottom: 57px; margin-top: 50px; }

.home-banner .banner-content h1 { font-size: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); line-height: clamp(3.75rem, 2.321rem + 2.232vw, 5rem); color: var(--secondary); font-family: "DM Sans", sans-serif; font-weight: bold; margin-bottom: 30px; }

.home-banner .banner-content h1 span { color: var(--primary); }

.home-banner .banner-content p { font-size: 20px; color: var(--secondary); line-height: 30px; margin-bottom: 20px; }

.home-banner .banner-content .count { padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }

.home-banner .banner-content .count .count-items { padding: 0 20px; border-left: 3px solid var(--primary); margin-bottom: 10px; }

.home-banner .banner-content .count .count-items h3 { color: var(--black); font-size: 35px; line-height: 35px; font-weight: 500; margin-bottom: 16px; }

.home-banner .banner-content .count .count-items p { color: var(--secondary); font-size: 20px; line-height: 30px; margin-bottom: 0; }

.home-banner .banner-review { display: flex; align-items: center; margin-top: 30px; flex-wrap: wrap; padding-right: 20px; }

.home-banner .banner-review p { color: var(--black); font-size: 30px; line-height: 40px; font-weight: 500; margin-right: 8px; margin-bottom: 0; }

.home-banner .banner-review .star { margin-right: 20px; }

.home-banner .banner-review .google-review { margin-right: 31px; }

.home-banner .banner-review .proven-expert { margin-right: 27px; }

.home-banner .banner-review .trustpilot { margin-right: 27px; }

.home-banner .banner-review .besten { margin-right: 0px; }

/* ========== Home Banner End ========== */



/* ========== Our Priority Start ========== */

.our-priority .row > * { display: flex; align-items: stretch; }

.our-priority .card { border-radius: 15px; border: 1px solid rgba(117, 117, 117, 0.30); background: var(--white); box-shadow: 0px 4px 10px 4px rgba(53, 148, 197, 0.15); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; margin-bottom: 30px; }

.our-priority .card-body { padding: 32px 20px 20px 20px; position: relative; }

.our-priority .card-body img { position: absolute; top: 32px; left: 20px; }

.our-priority .card-body h6 { font-size: 25px; line-height: 32px; color: var(--black); margin-bottom: 10px; margin-top: 114px; }

.our-priority .card-body p { color: var(--secondary); font-size: 18px; line-height: 28px; margin-bottom: 0; }

/* ========== Our Priority End ========== */



/* ========== Our Services Start ========== */

.services { padding: 150px 0; }

.services .services-heading { max-width: 1420px; width: 100%; text-align: center; }

.services .services-heading p { font-size: 25px; color: var(--primary); line-height: 25px; font-weight: 600; margin-bottom: 20px; }

.services .services-heading h4 { color: var(--secondary); font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); font-family: "DM Sans", sans-serif; font-weight: bold; line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); margin-bottom: 50px; }

.services .services-heading h4 span { color: var(--primary); }

.services .services-container { display: flex; gap: 50px; }

.services .services-container .services-items { max-width: 301px; width: 100%; }

.services .services-container .services-items .line { width: 100%; height: 1px; background-color: var(--light-muted); margin-left: 30px; }

.services .services-container .services-items > div { margin-bottom: 20px; }

.services .services-container .services-items .service-data h5 { color: var(--primary); font-size: 25px; font-weight: 600; line-height: 25px; margin-bottom: 20px; }

.services .services-container .services-items .service-data p { color: var(--secondary); font-size: 18px; line-height: 28px; }

.services .services-container .services-items .service-data p span { color: var(--primary); }

/* ========== Our Services End ========== */



/* ========== Here we are at home Start ========== */

.we-are-home { margin-bottom: 150px; }

.we-are-home .home-container { display: flex; gap: 35px; }

.we-are-home .home-container .home-image { max-width: 440px; width: 100%; position: relative; }

.we-are-home .home-container .home-image .image-content { width: 100%; max-width: calc(100% - 68px); padding: 14px; background-color: var(--primary); text-align: center; color: var(--white); margin: 0 auto; margin-top: -48px; z-index: 1; position: relative; }

.we-are-home .home-container .home-image .image-content p { margin-bottom: 5px; font-weight: 600; font-size: 20px; }

.we-are-home .home-container .home-image .image-content p:last-child { margin-bottom: 0; }

.we-are-home .home-data .section-heading { max-width: 950px; width: 100%; margin-bottom: 30px; }

.we-are-home .home-data .section-heading p { color: var(--primary); font-size: 25px; line-height: 25px; font-weight: 600; margin-bottom: 20px; }

.we-are-home .home-data .section-heading h4 { color: var(--secondary); font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); font-family: "DM Sans", sans-serif; font-weight: bold; margin-bottom: 0; }

.we-are-home .home-data .section-heading h4 span { color: var(--primary); }

.we-are-home .home-data .home-disc { font-size: 20px; color: var(--secondary); line-height: 30px; margin-bottom: 30px; }

.we-are-home .home-data .home-feature > p { color: var(--primary); font-size: 25px; line-height: 25px; font-weight: 600; margin-bottom: 25px; }

/* .we-are-home .home-data .home-feature ul {} */

.we-are-home .home-data .home-feature .home-feature-content { margin-bottom: 30px; }

.we-are-home .home-data .home-feature .home-feature-content ul { padding: 0; margin: 0; }

.we-are-home .home-data .home-feature .home-feature-content li { position: relative; padding-left: 29px; display: flex; align-items: center; font-size: 18px; line-height: 28px; color: var(--secondary); margin-bottom: 21px; }

.we-are-home .home-data .home-feature .home-feature-content li::before { position: absolute; content: ""; top: 7px; left: 0; width: 19px; height: 19px; background-image: url(../images/svgs/box-check.svg); background-size: contain; z-index: 5; }

.we-are-home .home-data .home-feature .home-feature-content li:last-child { margin-bottom: 0; }

.we-are-home .home-data .home-feature .home-feature-content li img { margin-right: 10px; }

.we-are-home .home-data .home-feature .home-feature-content .seprator { width: 1px; min-height: 100%; background-color: var(--secondary); opacity: 0.2; margin: 0 54px; }

/* ========== Here we are at home Start ========== */



/* ========== Free Advice Start ========== */

.free-advice { background: var(--secondary-5); padding: 60px 0; }

.free-advice .advice-container { display: flex; justify-content: center; gap: 26px; }

.free-advice .advice-container .advice-data { max-width: 768px; width: 100%; }

.free-advice .advice-container .advice-data h4 { color: var(--secondary); font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); font-family: "DM Sans", sans-serif; font-weight: bold; margin-bottom: 30px; }

.free-advice .advice-container .advice-data h4 span { color: var(--primary); }

.free-advice .advice-container .advice-data p { color: var(--secondary); font-size: 20px; line-height: 30px; }

.free-advice .advice-container .advice-data p:last-child { margin-bottom: 0; }

.free-advice .advice-container .advice-image > img { margin-bottom: 30px; }

.free-advice .advice-container .advice-image .call-data { padding: 16px 25px; background-color: var(--primary-5); border: 1px solid var(--primary); display: flex; align-items: center; gap: 58px; width: fit-content; }

.free-advice .advice-container .advice-image .call-data p { color: var(--secondary); font-size: 18px; line-height: 28px; margin-bottom: 0; }

.free-advice .advice-container .advice-image .call-data a { color: var(--primary); font-size: 20px; font-weight: 600; line-height: auto; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.free-advice .advice-container .advice-image .call-data a:hover { color: var(--black); }

/* ========== Free Advice End ========== */



/* ========== Features Start ========== */

.features .features-container { display: flex; align-items: center; justify-content: center; padding: 150px 0; }

.features .features-container .features-data { padding: 30px; max-width: 743px; width: 100%; background-color: var(--primary-5); }

.features .features-container .features-data .feature-item img { margin-bottom: 20px; }

.features .features-container .features-data .feature-item h5 { color: var(--primary); font-size: 25px; font-weight: 600; line-height: 25px; margin-bottom: 20px; }

.features .features-container .features-data .feature-item p { color: var(--primary); font-size: 20px; line-height: 30px; }

.features .features-container .feature-image { max-width: 689px; height: auto; width: 100%; }

/* ========== Features End ========== */



/* ========== What customers say about us Start ========== */

.customers-review { margin-bottom: 138px; }

.customers-review .section-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px; }

.customers-review .section-heading h4 { color: var(--secondary); font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); max-width: 622px; width: 100%; font-family: "DM Sans", sans-serif; font-weight: bold; margin-bottom: 0; }

.customers-review .section-heading h4 span { color: var(--primary); }

.customers-review .swiper .card { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 0; background: var(--secondary-5); }

.customers-review .swiper .card .card-body { padding: 20px; }

.customers-review .swiper .card .card-body .profile { display: flex; align-items: center; gap: 30px; margin-bottom: 20px; }

.customers-review .swiper .card .card-body .profile h6 { font-size: 25px; color: var(--black); line-height: 32px; margin-bottom: 10px; }

.customers-review .swiper .card .card-body .profile p { font-size: 18px; color: var(--secondary); line-height: 28px; margin-bottom: 0; }

.customers-review .swiper .card .card-body .stars { margin-bottom: 20px; }

.customers-review .swiper .card .card-body .message p { color: var(--secondary); font-size: 18px; line-height: 28px; margin-bottom: 20px; }

.customers-review .swiper .card .card-body .review-on-google img { margin-bottom: 20px; display: block; }

.customers-review .swiper .card .card-body .review-on-google .name { font-size: 25px; color: var(--black); line-height: 32px; font-weight: 500; margin-bottom: 10px; }

.customers-review .swiper .card .card-body .review-on-google .disc { font-size: 18px; line-height: 28px; color: var(--secondary); margin-bottom: 0; }

.swiper-pagination { position: relative; margin-top: 28px; z-index: 1; }

.swiper-pagination-bullet { width: 6px; height: 6px; opacity: 0.2; background-color: var(--black); }

.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 6px; height: 6px; opacity: 1; background-color: var(--black); }

/* ========== What customers say about us End ========== */





/* ========== Our Areas Start ========== */

.our-areas .map-container { margin-bottom: 150px; }

.our-areas h4 { font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); color: var(--secondary); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); margin-bottom: 30px; font-family: "DM Sans", sans-serif; font-weight: bold; }

.our-areas h4 span { color: var(--primary); }

.our-areas .map-disc { font-size: 20px; line-height: 30px; color: var(--secondary); }

.our-areas .map-points li { display: flex; align-items: start; margin-bottom: 15px; line-height: 28px; font-size: 18px; }

.our-areas .map-points li img { margin-top: 5px; }

.our-areas .map-points li:last-child { margin-bottom: 0px; }

.our-areas .map-points img { margin-right: 10px; }

.our-areas .map { margin-top: 30px; }

.our-areas .dot-points { display: flex; align-items: center; margin-bottom: 15px; line-height: 28px; }

.our-areas .dot-points li { display: flex; align-items: start; margin-bottom: 15px; line-height: 28px; font-size: 20px; }

.our-areas .dot-points li:last-child { margin-bottom: 0px; }

.our-areas .dot-points li span { width: 10px; height: 10px; background-color: var(--primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; min-height: 10px; min-width: 10px; margin-top: 10px; margin-right: 10px; }

.our-areas .article { margin-bottom: 70px; }

.our-areas .article img { margin-bottom: 30px; width: 100%; height: auto; }

.our-areas .article h6 { color: var(--primary); font-size: 25px; font-weight: 500; margin-bottom: 20px; line-height: 25px; }

.our-areas .article p { color: var(--secondary); font-size: 20px; line-height: 30px; margin-bottom: 15px; }

.our-areas .article a:has(h6) { color: var(--primary); font-size: 22px; font-weight: 500; text-decoration: none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.our-areas .article a:has(h6):hover h6 { color: var(--black); }

.our-areas .article a { color: var(--primary); font-size: 22px; font-weight: 500; text-decoration: underline !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }

.our-areas .article a:hover { color: var(--black); }

.map-disc ul li, .map-points ul li { position: relative; padding-left: 29px; }

.map-disc ul li::before, .map-points ul li::before { position: absolute; content: ""; top: 7px; left: 0; width: 19px; height: 19px; background-image: url("../images/svgs/box-check.svg"); background-size: contain; z-index: 5; }

/* ========== Our Areas End ========== */



/* ========== FAQ Start ========== */

.faq .faq-container { max-width: 1116px; width: 100%; margin: auto; text-align: center; }

.faq .faq-container .section-heading { color: var(--primary); font-size: 25px; line-height: 25px; font-weight: 600; margin-bottom: 20px; }

.faq .faq-container .section-heading h4 { color: var(--secondary); font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); margin-bottom: 50px; font-family: "DM Sans", sans-serif; font-weight: bold; }

.faq .faq-container .section-heading h4 span { color: var(--primary); }

.accordion-button { padding: 10px 15px; border: 1px solid var(--border); border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; -ms-border-radius: 0 !important; -o-border-radius: 0 !important; font-size: 20px; color: var(--black); margin-bottom: 20px; }

.accordion-button:not(:is(.collapsed)):after { background-image: url("../images/svgs/accordion-minus.png"); background-size: cover; width: 40px; height: 40px; }

.accordion-button:is(.collapsed):after { background-image: url("../images/svgs/accordion-plus.png"); background-size: cover; width: 40px; height: 40px; }

.accordion-item { border: 0; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

.accordion-button:not(.collapsed) { background-color: var(--transparent) !important; color: var(--black); }

.accordion-body { text-align: left; padding: 0 15px 20px 15px; color: var(--muted); max-width: 935px; font-size: 18px; }

/* ========== FAQ End ========== */



/* ========== Contact Us Start ========== */

.contact { padding: 150px 0; }

.contact-container { gap: 38px; }

.contact .contact-details { max-width: 614px; }

.contact .contact-image { margin-bottom: 20px; }

.contact h4 { font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); color: var(--secondary); font-family: "DM Sans", sans-serif; font-weight: bold; font-size: clamp(2.5rem, 1.071rem + 2.232vw, 3.75rem); line-height: clamp(3.125rem, 1.696rem + 2.232vw, 4.375rem); margin-bottom: 15px; }

.contact h4 span { color: var(--primary); }

.contact .contact-person { color: var(--black); font-size: 16px; margin-bottom: 15px; }

.contact .contact-person span { font-weight: bold; }

.contact ul { display: flex; margin-bottom: 15px; }

.contact ul li a { font-weight: bold; padding-right: 11px; margin-right: 11px; position: relative; display: block; color: var(--black); line-height: 24px; }

.contact ul li a:hover { color: var(--primary); }

.contact ul li a::after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); width: 2px; height: 16px; background-color: var(--black); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.contact ul li:last-child a::after { display: none; }

.contact ul li a.phone { color: var(--primary); font-size: 16px; }

.contact ul li a.phone:hover { color: var(--black); }

.contact .available-phone { display: flex; align-items: center; font-weight: bold; line-height: 24px; }

.contact .available-phone span { width: 14px; height: 14px; background-color: var(--primary); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: block; margin-right: 9px; }

.contact .contact-form { max-width: 748px; width: 100%; }

.contact .form-group { margin-bottom: 20px; }

.contact .form-control { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border: 1px solid var(--border); font-size: 18px; padding: 11px 15px; line-height: 26px; }

/* ========== Contact Us End ========== */



/* ========== Footer Start ========== */

.footer { padding: 50px; background-color: var(--black); }

.footer-brand img { margin-bottom: 30px; }

.footer-brand p { color: var(--white); font-size: 20px; line-height: 30px; }

.footer .footer-menu-container p { color: var(--white); font-size: 25px; font-weight: 600; line-height: 25px; margin-bottom: 22px; }

.footer .footer-menu-container ul li a { color: var(--white); font-size: 25px; line-height: 25px; padding: 8px 0; display: flex; align-items: center; }

.footer .footer-menu-container ul li a:hover { opacity: 0.8; }

.footer .deployment-location { gap: 30px; }

.footer .deployment-location a { display: flex; align-items: center; }

.footer .deployment-location a img { margin-right: 11px; }

.footer .footer-container { padding-bottom: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.20); margin-bottom: 80px; }

.footer .copyright p { color: var(--white); font-size: 16px; line-height: 24px; }

/* ========== Footer End ========== */





/* ========== Divyesh ========== */

.header .nav-link:not(.active) img{ filter: grayscale(1); }

.breadcrumbs-banner::after{ content: ""; display: inline-block; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 11.44%, #000 87.29%); position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; }

.breadcrumbs-banner{position: relative; overflow: hidden;}

.breadcrumbs-banner .breadcrumbs-banner-img img { width: 100%; }

.breadcrumbs-banner .breadcrumbs-details{position: absolute; bottom: 0; left: 0; right: 0; z-index: 1;}

.breadcrumbs-details .breadcrumb li{color: var(--white); font-family: 'Outfit'; font-size: 25px; font-weight: 300; line-height: 100%; position: relative;}

.breadcrumbs-details .breadcrumb li *{color: inherit;}

.breadcrumb-item+.breadcrumb-item::before{content: ""; display: inline-block; background-image: url('../images/services/breadcrumb-icon.png'); background-repeat: no-repeat; width: 20px; height: 20px; padding-right: 0; position: absolute; left: 15px;}

.breadcrumbs-details .page-title{font-size: clamp(2rem, 1.275rem + 3.625vw, 5.625rem); font-weight: 400; line-height: 100%; color: var(--white);}

.breadcrumbs-details .page-title *{font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; margin-bottom: 60px;}

.breadcrumbs-details .page-title span{font-weight: 600; color: var(--primary);}

.breadcrumbs-details .breadcrumb li{display: flex; align-items: center;}

.breadcrumb-item+.breadcrumb-item{padding-left: 50px;}

.breadcrumbs-details .breadcrumb{justify-content: center;}



.services-overview-blocks{padding: 120px 0 60px;}

.services-blocks-detail .block-title{ font-family: 'Outfit';  font-weight: 500; font-size: clamp(1.5rem, 1.3rem + 1vw, 2.5rem); line-height: 125%; color: var(--black);}

.services-blocks-detail .block-title *{font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit; margin-bottom: 30px;}

.services-blocks .services-blocks-detail{max-width: 881px; margin-left: auto; margin-right: auto;}

.services-blocks-detail  .detail p{   font-family: 'Outfit'; font-weight: normal; font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem); line-height: 156%; color: var(--muted); margin-bottom: 20px;}

.services-blocks-detail  .detail p:last-child{margin-bottom: 0;}

.services-blocks .services-blocks-img img { width: 100%; height: auto; }

.services-overview-blocks .services-blocks-wrap {margin-bottom: 60px;}

.services-overview-blocks .services-overview-wrap{ max-width: 1450px; margin-left: auto; margin-right: auto; background-color: rgba(53, 148, 197, 0.1); padding: 40px 0; border-radius:15px ; -webkit-border-radius:15px ; -moz-border-radius:15px ; -ms-border-radius:15px ; -o-border-radius:15px ; }

.services-overview-wrap .small-title{font-family: 'Outfit'; font-weight: 600; font-size: 30px; line-height: 100%; color: var(--primary);}

.services-overview-wrap .small-title *{font-family: inherit; font-weight: inherit; font-size: inherit; line-height: inherit; color: inherit;}

.services-overview-wrap .small-title::after{content: ""; display: inline-block; width: 100%; height: 1px; background-color: var(--muted); opacity: 0.2; }

.services-overview-wrap .services-bottom-details{padding: 30px 25px; row-gap: 20px; border-bottom: 1px solid rgba(117, 117, 117, 0.2);}



.services-bottom-details .services-bottom-block{flex: 0 0 25%; position: relative;}

.services-bottom-details .services-bottom-block ul{margin: 0; max-width: 320px;}

.services-bottom-details .services-bottom-block::after{ content: ""; display: inline-block;  top: 0; bottom: -63px;  width: 1px; position: absolute; background-color: var(--muted); opacity: 0.2; top: 50%; right: 26px; transform:translateY(-50%) ; -webkit-transform:translateY(-50%) ; -moz-transform:translateY(-50%) ; -ms-transform:translateY(-50%) ; -o-transform:translateY(-50%) ; }

.services-bottom-details .services-bottom-block:last-child::after{display: none;}

.services-bottom-details .services-bottom-block:nth-child(4n):after{display: none;}

.services-bottom-details .services-bottom-block ul li{    font-family: 'Outfit'; font-weight: 500; font-size: 18px; line-height: 155%; color: var(--secondary); margin-bottom: 20px; position: relative; padding-left: 28px;}

.services-bottom-details .services-bottom-block ul li::before{content: ""; display: inline-block; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17' fill='none'%3E%3Cpath d='M1.871 7.76383C1.51672 7.76479 1.16996 7.86291 0.870843 8.04684C0.571724 8.23077 0.332466 8.49298 0.180749 8.80316C0.0290333 9.11333 -0.0289406 9.45878 0.0135347 9.79954C0.0560101 10.1403 0.197199 10.4624 0.420767 10.7287L5.18671 16.385C5.35664 16.5894 5.57446 16.7516 5.82208 16.8581C6.0697 16.9646 6.33997 17.0123 6.61045 16.9973C7.18893 16.9672 7.7112 16.6674 8.04418 16.1744L17.9443 0.72731C17.9459 0.724748 17.9476 0.722185 17.9493 0.719661C18.0422 0.581479 18.0121 0.30764 17.8203 0.135611C17.7677 0.0883697 17.7056 0.0520753 17.6379 0.0289628C17.5702 0.00585041 17.4983 -0.00359069 17.4267 0.0012212C17.3551 0.0060331 17.2853 0.0249961 17.2215 0.0569421C17.1578 0.0888882 17.1014 0.133141 17.056 0.186975C17.0524 0.191208 17.0488 0.195376 17.045 0.199481L7.06067 11.1287C7.02268 11.1703 6.97654 11.2042 6.92493 11.2283C6.87331 11.2525 6.81726 11.2665 6.76002 11.2695C6.70277 11.2725 6.64549 11.2644 6.59149 11.2458C6.53748 11.2272 6.48784 11.1983 6.44544 11.161L3.13182 8.23953C2.78767 7.93388 2.33786 7.76417 1.871 7.76383Z' fill='%233594C5'/%3E%3C/svg%3E"); background-repeat: no-repeat; left: 0; position: absolute; height: 17px; width: 18px; background-repeat: no-repeat; top: 5px;}

.services-bottom-details .services-bottom-block ul li:last-child{margin-bottom: 0;}

.services-slider-wrap{max-width: 1400px; margin: 0 auto; position: relative;}

.services-slider-section{position: relative; padding: 60px 0 120px; overflow: hidden;}

.services-slider-section .swiper-slide { display: flex; justify-content: center; align-items: center; /* height: 337px; */ width: fit-content !important; }

/* .services-slider-section .swiper-img{ height: 337px; } */

.swiper-services-prev.btn-swiper{left: -50px;}

.services-slider-section .container-fluid.max-width-base{position: relative;}

section .btn-swiper{position: absolute; z-index: 99; top: 50%;}

.services-slider-section .swiper-img img { height: 100%; max-width: 100%; width: 100%; object-fit: cover; }

.swiper-services-next.btn-swiper{right: -50px;}

.faq.faq-2{padding: 70px 0 70px; background: rgba(53, 148, 197, 0.05);}



.breadcrumbs-banner .breadcrumbs-logo{position: absolute; bottom: 0; z-index: 1; left: 144px;}



/* ========== Divyesh ========== */


.menu-item.active, .menu-item:active {
    background-color: var(--transparent);
    color: var(--primary);
    font-weight: 600;
}

.menu-item.active > a, .menu-item:active > a {
    background-color: var(--transparent);
    color: var(--primary);
    font-weight: 600;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--transparent);
    color: var(--primary);
    font-weight: 600;
}

.detail-404 {
    padding: 120px 0;
}

.detail-404 h2 {
    color: var(--primary);
    font-size: 70px;
}


.typography-section {
    padding: 70px 0;
}

.typography-section .typography-content p {
    margin-bottom: 0.5rem;
}

.typography-section .typography-content strong {
    color: var(--primary);
}

p:has(:contains("Tel")) {
    color: red;
}

section.our-areas div.article p + a:last-of-type {
	display: none;
}