@font-face {
    font-family: "Gotham HTF";
    src: url("../fonts/GothamHTF-Book.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Gotham HTF";
    src: url("../fonts//GothamHTF-Medium.woff2") format("woff2");
    font-weight: 500;
}
@font-face {
    font-family: "Gotham HTF";
    src: url("../fonts//GothamHTF-Bold.woff2") format("woff2");
    font-weight: 700;
}
@font-face {
    font-family: "Gotham HTF";
    src: url("../fonts//GothamHTF-Black.woff2") format("woff2");
    font-weight: 900;
}

:root {
    --e-global-typography-text-font-family: "Gotham HTF";
    --e-global-typography-primary-font-family: "Gotham HTF";
    --e-global-typography-secondary-font-family: "Gotham HTF";
}

body,
.single-portfolio,
.portfolio-wrapper,
.ba-wrap {
    font-family: "Gotham HTF", Arial, sans-serif !important;
}

.ba-list-slider {margin-bottom: 150px;}
.ba-list-slider .twentytwenty-container {max-height: 600px;overflow: hidden;}
.twentytwenty-handle {background: #2D85AC;border: 2px solid #fff;}
.slick-prev, .slick-next {width: 40px;height: 40px;background: #000;z-index: 10;}
.ba-grid{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 32px;}
.ba-grid .fbag-compare img{height: 200px;width: 100%;object-fit: cover;object-position: center center;border-radius: 20px;}
.pf-filter{border: 0;font-size: 16px;font-weight: 700;color: #2D85AC;}
.pf-filter:active,.pf-filter:focus,.pf-filter:hover,.pf-filter.active{color: #062A4A;text-decoration-line: underline;text-decoration-style: solid;text-decoration-color: #FBA20D;text-decoration-thickness: 5.5%; text-underline-offset: 65%;background-color: transparent;}
.portfolio-page .container{width: 100%;max-width: 1220px; margin: 0 auto;z-index: 1;position: relative;}
.portfolio-filters{display: flex;}
#portfolio-loop .portfolio-grid{display: grid;grid-template-columns: repeat(3, 1fr); grid-column-gap: 32px; grid-row-gap: 64px;margin-bottom: 64px;}
#portfolio-loop .portfolio-card img{width: 100%;height: 320px;object-fit: cover;object-position: center center;border-radius: 20px;}
#portfolio-loop .portfolio-card h3{font-weight: 700;font-size: 24px;color: #062A4A;text-align: center;margin: 32px 0 16px 0;}
#portfolio-loop .portfolio-card .pf-location{color: #657584;font-size: 16px;text-align: center;display: block;font-weight: 500;}
.pf-pagination{display: flex;justify-content: center;gap: 8px;}
.pf-pagination .page-numbers{display: inline-block;height: 48px;width: 48px;border: 1px solid rgba(6, 42, 74, 0.25);background: #FFF;line-height: 48px;color: #062A4A40;font-weight: 500;text-align: center;border-radius: 999px;}
.pf-pagination .page-numbers.current, .pf-pagination .page-numbers:hover{background: #2F85AC;color: #FFF;}
.prev.page-numbers,.next.page-numbers{color: #062A4A;font-size: 40px;line-height: 40px;border: 0;}
.prev.page-numbers{margin-right: 50px;}
.next.page-numbers{margin-left: 50px;}
.ba-list-slider .slick-slide>div{margin: 0 32px;}
.ba-slide img{width: 100%;height: 400px!important;object-fit: cover;object-position: center center;border-radius: 20px!important;}

body .slick-arrow{width: 72px;height: 72px;background: #1E3249;border-radius: 72px;color: #FFF;top: inherit;bottom: -150px;}
body .slick-arrow:hover, body .slick-arrow:focus{background:#2D85AC;color: #FFF;}
body .slick-prev{left: 50%;margin-left: -82px;}
body .slick-next{right: 50%;margin-right: -82px;}
body .slick-prev:before, .slick-next:before{display: none;}
body .slick-prev, body .slick-next{font-size: 22px;color: #fff;}

.twentytwenty-overlay{border-radius: 20px;}
.portfolio-header{padding: 56px 0 80px 0;text-align: center;}
.challenge{border-radius: 112px 0;background: #003462;color: #FFF;padding: 112px 0;position: relative;overflow: hidden;}
.challenge:before{border-radius: 747px;opacity: 0.25;background: #00B1FF;filter: blur(160px);position: absolute;left: -420px;top: -239.803px;width: 747px;height: 747px;content: '';}
.dflex{display: flex;justify-content: space-between;}
.section-head{width: 30%;}
.section-content{width: 50%;}
.portfolio-slider,.before-after{margin-bottom: 230px;}
.solution,.timeline{margin: 112px 0;}
.gallery{margin: 112px 0;text-align: center;}
.gallery h2{margin-bottom: 80px;text-align: center;}
.gallery-grid{display: grid;grid-template-columns: repeat(3, 1fr); grid-column-gap: 32px;grid-row-gap: 64px;}
.gallery-grid img{width: 100%;height: 320px;object-fit: cover;object-position: center center;border-radius: 20px;}
.portfolio-page h2{color: #062A4A;font-weight: 700;font-size: 40px;letter-spacing: -0.4px;}
.portfolio-page h1{color: #062A4A;font-weight: 700;font-size: 64px;letter-spacing: -0.64px;}
.portfolio-page h3{color: #062A4A;font-weight: 700;font-size: 24px;letter-spacing: -0.4px;}
.portfolio-page .challenge h2{color: #FFF;}
.portfolio-page p{color: #657584;font-weight: 500;font-size: 16px;line-height: 150%;}
.portfolio-page .challenge p{color: #A6CCED;}
.portfolio-page .section-head span{color: #FBA20D;letter-spacing: 3.92px;font-weight: 700;font-size: 14px;text-transform: uppercase;}
.portfolio-page .challenge .section-head span{color: #FFF;}
.solution-cards{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 32px;margin-top: 80px;}
.solution-cards .card{text-align: center;padding: 40px;border-radius: 12px;background: #F7FBFE;}
.timeline .step{border-radius: 20px;background: #003462;margin-bottom: 32px;padding: 32px;}
.timeline .step h4{font-weight: 700;font-size: 20px;letter-spacing: -0.2px;margin-bottom: 16px;color: #FFF;}
.timeline .step p{color: #A6CCED;}
.benefits-wrap{border-radius: 112px 0;background: #F7FBFE;padding: 112px 0;position: relative;overflow: hidden;}
.benefits-wrap:after{border-radius: 971px;opacity: 0.25;background: #00B1FF;filter: blur(160px);content: '';width: 971px;height: 971px;position: absolute;left: 0;right: 0;margin: auto;bottom: -50%;}
.benefit-cards{display: grid;grid-template-columns: repeat(3, 1fr); grid-gap: 32px;margin: 80px 0;}
.benefit-cards .card{text-align: center;padding: 40px;border-radius: 12px;background: #FFF;}
.benefit-cards .card .benefit-con{color: #FBA20D;font-size: 56px;font-weight: 700;letter-spacing: -0.56px;margin-bottom: 56px;}
.testimonials{position: relative;z-index: 1;margin-bottom: 80px;}
.testimonial{text-align: center;border-radius: 12px;background: #FFF;padding: 40px;}
.testimonial p{font-size: 20px;line-height: 32px;margin-bottom: 40px;}
body .testimonial img{width: 80px;height: 80px;border-radius: 80px;margin: 0 auto 40px auto;}
.testimonial strong{font-size: 18px;color: #041B2F;font-weight: 700;line-height: 28px;display: block;margin-bottom: 5px;}
.testimonial span{color: #6F8291;font-size: 14px;font-weight: 500;display: block;}
.testimonials .slick-slide>div{margin: 0 32px;}
.ba-content {align-items: flex-start;}
.ba-content .twentytwenty-wrapper { width: 50% !important;;position: relative !important;}
.ba-content .twentytwenty-container img {width: 100% !important; height: 400px !important;border-radius: 20px;object-fit: cover;}
.twentytwenty-container {max-height: none !important;}
#before-after-widget .ba-content{justify-content: space-between;gap: 50px;margin-top: 40px;align-items: center;}
#before-after-widget .ba-wrap{padding: 40px;background: #FFF;margin-bottom: 30px;border-radius: 15px;}
.ba-title h3{color: #062A4A;font-weight: 700;margin: 0;}
.ba-info{font-size: 16px;font-weight: 500;color: #657584;}
.ba-info ul{color: #062A4A;font-size: 14px; font-weight: 700; margin-top: 30px;text-transform: uppercase;list-style: none;padding-left: 0;}
.ba-info ul li{border-bottom: 1px solid rgba(101, 117, 132, 0.30);margin-bottom: 12px;padding-bottom: 12px;position: relative;padding-left: 25px;}
.ba-info ul li:before{content: "\f00c";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;left: 0;color: #009700;top: 2px;}
.our-service-area>.e-con-inner{position: relative;}
.portfolio-filters-mobile { display: none; }

.elementor-post__read-more {position: relative;padding-right: 24px;}
.elementor-post__read-more::after {content: "\f0a9";font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: 0.3s;}
.elementor-post__read-more:hover::after { transform: translateY(-50%) translateX(4px);}
.elementor-upload-field{background-color: #ffffff; border: 1px solid #6F829140;padding: 14px 20px;border-radius: 5px; font-family: "Gotham HTF", Arial, sans-serif !important;}
.elementor-field-option{ font-family: "Gotham HTF", Arial, sans-serif !important;border-radius: 6px;border: 1px solid rgba(111, 130, 145, 0.25);background:#FFF;padding: 12px 16px;margin-bottom: 8px;font-size: 16px;font-weight: 500;}
.elementor-field-option label{font-family: "Gotham HTF", Arial, sans-serif !important;font-size: 16px;font-weight: 500!important;}

.form-wrap{box-shadow: 0 24px 54px 0 rgba(6, 42, 74, 0.10);border-radius: 12px;background: #FFF;}
.blog-content{font-family: "GothamHTF", Sans-serif;font-size: 16px;font-weight: 600;color: #657584;}
.blog-content h2,.blog-content h3{color: #062A4A;font-weight: 700;}
.blog-content .wp-block-image img{width: 100%!important;height: auto!important;max-width: 100%!important;}

#before-after-widget .ba-title {cursor: pointer;position: relative;}
#before-after-widget .ba-wrap{height: 104px;}
#before-after-widget .ba-wrap:hover h2, #before-after-widget .active h2{color: #2D85AC;}
#before-after-widget .ba-content {height: 0;overflow: hidden;transition: height 0.35s ease;}
#before-after-widget .ba-title::after {content: "\f078"; font-family: "Font Awesome 6 Free";font-weight: 900;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);  transition: transform 0.3s ease;font-size: 21px;}
#before-after-widget .active .ba-title::after {transform: translateY(-50%) rotate(180deg);}
#before-after-widget .active .ba-content{height: auto!important;}
#before-after-widget .active.ba-wrap{height: auto;}
.radius-bg{border-radius: 971px;opacity: 0.25;background: #00B1FF;filter: blur(160px);width: 971px;height: 971px;}
#catch-breadcrumb .breadcrumb a{color: #A6CCED;}
#catch-breadcrumb{color: #2D85AC;font-size: 16p;font-weight: 500;}
#catch-breadcrumb .sep{padding: 0 24px;font-size: 0;}
#catch-breadcrumb .sep::before{content: '/';font-size: 16px;font-weight: 500;}
body .about-team-image, body .about-location-image{position: relative;}
body .about-location-image:before{content:'';width: 240px;height: 240px;transform: rotate(-135deg);background: #2D85AC;position: absolute;top: 25%;left: -50px;z-index: -1;}
body .about-location-image img{width: 480px;height: 480px;border-radius: 480px;object-fit: cover; object-position: center;}
body .about-team-image img{width: 480px;height: 540px;border-radius: 0 0 244px 230px;}
body .about-team-image:before{content:'';width: 580px;height: 580px;background:url(../img/circle-bg.png) no-repeat;position: absolute;bottom:3px;right: -97px;z-index: -1;}
body .service-map-image img{border-radius: 20px;width: 100%;height: 540px;object-fit: cover;}

#hero-ba-widget{max-width: 610px;margin-left: 30px;}
#hero-ba-widget .twentytwenty-container{}
#hero-ba-widget .hero-ba-title{height: 62px;border-radius: 0 0 16px 16px;background: #2D85AC;color: #FFF;font-size: 24px;font-weight: 700;line-height: 62px;text-align: center;}
#hero-ba-widget .hero-ba-img img{border-radius: 16px 16px 0 0;width: 100%;height: 490px;}
#hero-ba-widget .twentytwenty-vertical .twentytwenty-before-label:before {top: 0;left: 50%;transform: translateX(-50%);margin: 0;height: 40px;}
#hero-ba-widget .twentytwenty-vertical .twentytwenty-after-label:before {top: calc(100% - 40px);left: 50%;transform: translateX(-50%);margin: 0;height: 40px;}
#hero-ba-widget .twentytwenty-horizontal .twentytwenty-handle:before{left: -9999px;margin: 0;margin-left: -5px;}
#hero-ba-widget .twentytwenty-horizontal .twentytwenty-handle:after{right: -9999px;margin: 0;margin-left: 20px;}
#hero-ba-widget .twentytwenty-overlay {border-radius: 16px 16px 0 0}


@media (max-width: 1366px) {

}

@media (max-width: 1024px) {

}

@media (max-width: 768px) {
.dflex{display: block;}
.ba-content .twentytwenty-wrapper{width: 100% !important;}
.ba-content .twentytwenty-container img{height: 350px;}
#before-after-widget .ba-wrap{height: 94px;padding: 20px;}
.testimonial{padding: 10px;}
.ba-list-slider .slick-slide>div {margin: 0 20px;}
.portfolio-page .container{padding: 0 24px;}
.section-head,.section-content{width: 100%;}
.challenge{border-radius: 82px 0;}
.solution-cards,.benefit-cards,.gallery-grid, #portfolio-loop .portfolio-grid,.ba-grid{display: block;}
.gallery-grid img,.benefit-cards .card,.solution-cards .card, .portfolio-grid .portfolio-card, .ba-grid .ba-card{margin-bottom: 32px;}
.desktop-filters { display: none; }
.portfolio-filters-mobile { display: block; }
#portfolio-filter-select{width: 100%;padding: 16px;border-radius: 6px; border: 1px solid #6F829140;color: #2D85AC;}
.ba-info{margin-bottom: 40px;}
body .about-location-image img{width:310px;height: 310px; border-radius: 310px;}
body .about-location-image:before{width: 154px; height: 154px;left: 0px;}
body .about-team-image img{width: 310px;height:auto;border-radius: 0 0 210px 210px;}
body .about-team-image:before{width: 350px;height:350px;background-size: cover;right:-45px;}
body .about-img-wrap{align-content: center;}
}

@media (max-width: 600px) {

}

@media (max-width: 480px) {

}