/*
Theme Name: Kylient Child
Theme URI: https://example.com
Description: Child theme starter for custom WordPress development
Author: Prem
Author URI: https://example.com
Template: twentytwentyfive
Version: 1.0
Text Domain: kylient-child
*/

/* Main child theme stylesheet.
Keep minimal here. Use assets/css files for actual styling. */
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Space+Grotesk:wght@300..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");.inter{font-family: "Inter", sans-serif;font-optical-sizing: auto;}
.urbanist{font-family: "Urbanist", sans-serif;font-optical-sizing: auto;}
.space-grotesk{font-family: "Space Grotesk", sans-serif;font-optical-sizing: auto;}/* =========================
ANIMATION
========================= */
@keyframes levitateFruits{0%{  transform: translateY(0);}25%{  transform: translateY(-10px);}50%{  transform: translateY(-15px);}75%{  transform: translateY(-10px);}100%{  transform: translateY(0);}}/* =========================
COMMON SECTIONS
========================= */

body{font-family: "Urbanist", sans-serif;}
.home-hero{background-size: cover;}/* =========================
VIDEO / IMAGE BACKGROUND
========================= */
.homeBanner .homeBannerVideo,
.home-hero .home-heroVideo{position: absolute;top: 0;left: 0;width: 100%;height: 100%; display: none;}
.homeBanner .homeBannerVideo video,
.homeBanner .homeBannerVideo img,
.home-hero .home-heroVideo video,
.home-hero .home-heroVideo img{position: absolute;z-index: 1;width: 100%;height: 100%;object-fit: cover;opacity: 0.6;}
.homeBanner .homeBannerVideo::after,
.home-hero .home-heroVideo::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #fff;}/* =========================
HOME HERO SECTION
========================= */
.homeBanner{background-size: cover; background-repeat: no-repeat;}
.home-hero .home-hero-content{position: relative;z-index: 1;padding-top: 220px; max-width: 1340px;padding-bottom: 370px; margin: 0 auto;}
.home-hero .home-heroCnt_sub{margin-bottom: 0;color: #fff;font-size: 13px;line-height: 1.18;text-transform: uppercase;}
.home-hero .hero-tagline{position: relative;display: inline-block;padding-bottom: 18px;color: #212EC6;font-size: 22px;font-weight: 500;}
.home-hero .hero-tagline::after{content: "";position: absolute;bottom: 0;left: 0;width: 70px;height: 2px;background-color: #00103D;}
.home-hero .home-heroCnt_title{margin: 5px 0 10px;color: #00103D;font-size: 70px;line-height: 1.25;margin-bottom: 25px;}
.home-hero .home-heroCnt_title span,
.home-hero .home-heroCnt_title_inner,
.home-hero .home-heroCnt_description span{font-weight: 600;}
.home-hero .home-heroCnt_title_inner{font-weight: 600;}
.home-hero .home-heroCnt_description{position: relative;margin-bottom: 0;color:#00103DCC;font-size: 24px;line-height: 1.6;}
.home-hero .home-heroCnt .btn{margin-top: 15px;}
.home-heroCnt{ display: flex; justify-content: space-between; align-items: center;}
.hero-badges{    display: none;align-items: center;justify-content: space-between;gap: 20px;}/* =========================
CHRISTMAS IMAGE
========================= */
.home-hero_christmas{position: absolute;top: 400px;right: 15px;z-index: 1;transform: rotate(7deg);}
.home-hero_christmas img{max-width: 620px;animation: levitateFruits 5s infinite;transition: all 0.3s 0.6s;}/* ExclusiveApp page */
section.exclusiveApp{margin:-10rem 0 0 0;}
.exclusiveApp_title{ font-size: 50px;}
.exclusiveApp_head{margin-bottom:3rem}
.exclusiveApp .slick-arrow{ width: 50px; height:50px; display: flex; align-items: center; justify-content: center; border: 1px solid #fff; border-radius: 50%; background-color: rgba(255,255,255,.15); position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); z-index: 1;background-repeat: no-repeat;background-position: center;font-size: 0; }
.exclusiveApp .slick-prev{left: -25px;background-image: url(assets/images/slider-left-a.png);}
.exclusiveApp .slick-next{right: -10px;background-image: url(assets/images/slider-right-a.png);}
.exclusiveApp .exclusiveAppCard{position: relative; margin-right: 1rem;}
.exclusiveApp .exclusiveAppCard_images{overflow: hidden;position: relative;max-height: 300px;border-radius:10px ;-webkit-border-radius:10px ;-moz-border-radius:10px ;-ms-border-radius:10px ;-o-border-radius:10px ;}
.exclusiveApp .exclusiveAppCard_images:after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 80%;}
.exclusiveApp .exclusiveAppCard_images img{width: 100%;height: 100%;transition: all ease-in-out .4s;object-fit: cover}
.exclusiveApp .exclusiveAppCard_cnt{position: absolute;left: 0;bottom: 0;padding:0 0 2rem 3rem; max-width: 300px;}
.exclusiveApp .exclusiveAppCard_cnt h3{font-size: 2rem;line-height: 2.4rem;margin-bottom: 1rem;transition: all ease-in-out .4s;color: #fff;    font-weight: 500;}
.exclusiveApp .exclusiveAppCard_cnt p{font-size: 18px;line-height: 1.4rem;margin-bottom: 0;color: rgba(255,255,255,.8);font-weight: 300;}
.exclusiveApp .exclusiveAppCard:hover .exclusiveAppCard_images img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.exclusiveApp .service-button{margin:3rem 0;text-align:center;}
.recent-work-section{color: #fff;padding: 120px 0;overflow: hidden;}
.recent-work-grid{display: grid;grid-template-columns: 42% 54%;gap: 70px;align-items: flex-start;}
.recent-work-left{position: sticky;top: 120px;}
.recent-work-left h2{font-size: 58px;line-height: 60px;margin-bottom: 18px;}
.recent-work-left p{font-size: 24px;line-height:30px;color: rgba(255,255,255,0.78);max-width: 560px;}
.recent-logo-wrap{margin-top: 100px;display: flex;flex-direction: column;gap: 48px; position: relative;}
.recent-logo-wrap:after{ content: ''; position: absolute; top: 0; left: 0; background: url(assets/images/tec-left-bg.png) no-repeat top left;width: 100%; height: 100%;}
.recent-logo-row{overflow: hidden;width: 100%;}
.recent-logo-track{display: flex;gap: 25px;width: max-content;}
.recent-logo-item{width: 150px;height: 150px;min-width: 150px;border-radius: 50%;display: flex;align-items: center;justify-content: center;opacity: 0.95;}
.recent-logo-item img{width: 100%;height: 100%;object-fit: contain;}
.move-left .recent-logo-track{animation: logoMoveLeft 30s linear infinite;}
.move-right .recent-logo-track{animation: logoMoveRight 30s linear infinite;}
.recent-work-right{height:840px;overflow: hidden; position: relative;}
.recent-work-right:after{ content: ''; position: absolute; top: 0; left: 0; background: url(assets/images/tec-right-bg.png) no-repeat top left; width: 100%; height: 100%;}
.case-study-scroll{height: 100%;overflow: hidden;position: relative;}
.case-study-track{display: flex;flex-direction: column;gap: 32px;will-change: transform;}
.case-study-card{position: relative;min-height: 450px;border-radius: 14px; overflow: visible;}
.case-study-card img{width: 100%;height: 450px;object-fit: cover;}/* .case-study-card::after{content: "";position: absolute;inset: 0;} */
.case-study-content{position: absolute;left: 34px;bottom: 34px;z-index: 2;max-width: 520px;}
.case-study-content h3{font-size: 28px;margin-bottom: 12px;}
.case-study-content h3 a{color: #fff;}
.case-study-content p{font-size: 20px;color: rgba(255,255,255,0.82);}
.home-technologies{background: #dfe3ff;padding: 110px 0;color: #111;}
.tech-title{font-size: 58px;line-height: 1.1;font-weight: 400;margin-bottom: 22px;}
.tech-description{font-size: 22px;line-height: 1.45;color: rgba(0, 0, 0, 0.7);margin-bottom: 48px;}
.tech-tabs{display: flex;align-items: center;justify-content: space-between;gap: 18px;border-bottom: 1px solid rgba(0, 0, 0, 0.35);margin-bottom: 42px; padding: 0 3rem;}
.tech-tab-btn{position: relative;border: 0;background: transparent;padding: 0 0 10px;font-size: 18px;color: #111;cursor: pointer;white-space: nowrap;}
.tech-tab-btn::after{content: "";position: absolute;left: 0;bottom: -1px;width: 100%;height: 4px;background: linear-gradient(90deg, #00d4ff, #4b4dff);opacity: 0;}
.tech-tab-btn:hover::after,.tech-tab-btn.active::after{opacity: 1;}
.tech-tab-content{display: none;}
.tech-tab-content.active{display: block;}
.tech-list-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;}
.tech-list-item{min-height: 76px;background: #fff;padding: 22px 28px;display: flex;align-items: center;font-size: 18px;line-height: 1.35;color: #222;}
.home-industries{position: relative;color: #fff;padding: 120px 0;overflow: hidden;}
.industries-head{display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-bottom: 70px;}
.industries-tagline{display: block;color: #9ca3ff;font-size: 30px;margin-bottom: 18px;background: url(assets/images/title_icon5_white.png) no-repeat left center;padding-left: 2rem;font-weight: 400;}
.industries-head h2{font-size: 58px;line-height: 1.15;font-weight: 400;max-width: 650px;}
.industries-nav{display: flex;align-items: center;gap: 24px;}
.industries-nav button{width: 55px;height: 55px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.8);background: transparent;color: #fff;font-size: 20px;cursor: pointer;transition: 0.3s ease;}
.industries-nav button:hover{background: #fff;color: #020417;}
.industries-count{font-size: 20px;color: #9ca3ff;font-family: "Space Grotesk", sans-serif;}
.industries-count .industries-current{ font-size: 25px;}
.industries-count strong{color: #fff;}
.industries-list{display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 32px;position: relative;z-index: 2;}
.industry-item{border-bottom: 1px solid rgba(255,255,255,0.28);margin-bottom: 1.8rem;}
.industry-item a{min-height: 97px;display: flex;align-items: center;justify-content: space-between;gap: 24px;color: #fff;transition: 0.3s ease;position: relative; 
}
.industry-left{display: flex;align-items: center;gap: 28px;}
.industry-icon{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;}
.industry-icon img{width: 100%;height: 100%;object-fit: contain;filter: brightness(0) saturate(100%) invert(67%) sepia(29%) saturate(747%) hue-rotate(200deg) brightness(103%) contrast(101%);}
.industry-title{font-size: 30px;line-height:40px;color: #fff;transition: 0.3s ease;}
.industry-arrow{width: 96px;min-width: 96px;height: 96px;display: none;align-items: center;justify-content: center;font-size: 36px;}
.industry-item:hover,
.industry-item.active{background: rgba(255,255,255,0.07);}
.industry-item:hover a .industry-arrow,
.industry-item.active a .industry-arrow{ color: #fff;}
.industry-item:hover a,
.industry-item.active a{ padding:0 1rem}
.industry-item:hover .industry-title,
.industry-item.active .industry-title{color: #9ca3ff;}
.industry-item:hover .industry-arrow,
.industry-item.active .industry-arrow{display: inline-flex;}
.industry-hover-image{position: absolute;right: 260px;bottom: 135px;width: 260px;height: 360px;z-index: 4;pointer-events: none;transform: rotate(-7deg);opacity: 0;transition: 0.35s ease;}
.industry-hover-image.show{opacity: 1;}
.industry-hover-image img{width: 100%;height: 100%;object-fit: cover;border: 1px solid #fff;box-shadow: 0 20px 50px rgba(0,0,0,0.35);}
.industry-item{position: relative;}
.industry-item a{position: relative;overflow: visible;}
.industry-menu-image{position: absolute;right: 110px;top: 50%;width: 220px;height: 300px;transform: translateY(-50%) rotate(-7deg);opacity: 0;visibility: hidden;z-index: 5;pointer-events: none;transition: 0.3s ease;}
.industry-menu-image img{width: 100%;height: 100%;object-fit: cover;border:1px solid #fff;box-shadow: 0 20px 45px rgba(0,0,0,0.35);}
.industry-item:hover .industry-menu-image,
.industry-item.active .industry-menu-image{opacity: 1;visibility: visible;}
.industries-slider{overflow: hidden;position: relative;}
.industries-track{display: flex;transition: transform 0.55s ease;will-change: transform;}
.industries-slide{min-width: 100%;display: grid;grid-template-columns: repeat(2, 1fr); gap: 24px; align-items: flex-start;}
.industry-item{position: relative;border-bottom: 1px solid rgba(255,255,255,0.28);}
.industry-left{display: flex;align-items: center;gap: 32px;}
.home-awards{background: #fff;color: #111;padding: 120px 0 0;}
.page-template-home .home-awards{padding: 120px 0;}
.awards-grid{display: grid;grid-template-columns: 34% 60%;align-items: center;gap: 70px;justify-content: space-between;}
.awards-content h2{font-size: 54px;line-height: 1.22;font-weight: 400;margin-bottom: 28px;}
.awards-content p{font-size: 22px;line-height: 1.55;color: rgba(0, 0, 0, 0.72);max-width: 520px;}
.awards-list{display: grid;grid-template-columns: repeat(4, 1fr);/* border-left: 1px solid rgba(0, 0, 0, 0.18); */
/* border-bottom: 1px solid rgba(0, 0, 0, 0.18); */
}
.award-item{min-height: 180px;height: 180px;            /* fixed height */
display: flex;align-items: center;justify-content: center;padding: 25px;border-right: 1px solid rgba(0, 0, 0, 0.18);border-bottom: 1px solid rgba(0, 0, 0, 0.18);}
.awards-list .award-item:nth-child(4n){border-right: none;}
.awards-list .award-item:nth-last-child(-n+4){border-bottom: none;}
.award-item img{width: 100px;              /* fixed width */
height: 100px;             /* fixed height */
object-fit: contain;       /* VERY IMPORTANT */

/* filter: grayscale(100%);opacity: 0.85; */
}
.award-logo{width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;overflow: hidden; /* important for zoom */
}
.award-logo img{max-width: 100%;max-height: 100%;object-fit: contain;/* default grayscale */
/* filter: grayscale(100%); */
opacity: 0.8;transform: scale(1);transition: all 0.35s ease;}/* .award-item img{filter: grayscale(100%) brightness(0.7);opacity: 0.85;} */
.award-item{transition: 0.3s ease;}
.award-item:hover{background: rgba(0, 0, 0, 0.02);}
.award-item:hover .award-logo img{/* filter: grayscale(0%); */
opacity: 1;transform: scale(1.12);}
.home-cta-strip{background: #030735;padding: 0;  border: 3px solid #19d7ff;}
.home-cta-inner{color: #fff;padding: 2rem 1rem;display: flex;align-items: center;justify-content: space-between;gap: 40px;}
.home-cta-content h2{font-size: 30px;line-height: 1.2;font-weight: 400;margin-bottom: 8px;color: #fff;}
.home-cta-content p{font-size: 18px;line-height: 1.4;color: rgba(255, 255, 255, 0.7);}
.home-cta-btn{display: inline-flex;align-items: center;justify-content: center;padding: 20px 34px;background: #2731c9;color: #fff;font-size: 17px;line-height: 1;transition: 0.3s ease;border-radius:0 !important ;-webkit-border-radius:0 !important ;-moz-border-radius:0 !important ;-ms-border-radius:0 !important ;-o-border-radius:0 !important ;}
.home-cta-btn:hover{background: #3641f4;color: #fff;border-radius: 40px 0 40px 40px !important;-webkit-border-radius: 40px 0 40px 40px !important;-moz-border-radius: 40px 0 40px 40px !important;-ms-border-radius: 40px 0 40px 40px !important;-o-border-radius: 40px 0 40px 40px !important;}
.home-blog-section{background: #fff;color: #111;padding: 120px 0 0 0;}
.home-blog-head{display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-bottom: 70px;}
.home-blog-head h2{font-size: 54px;line-height: 1.15;font-weight: 400;margin-bottom: 22px;}
.home-blog-head p{max-width: 820px;font-size: 22px;line-height: 1.45;color: rgba(0,0,0,0.72);}
.blog-view-btn{display: inline-flex;align-items: center;justify-content: center;min-width: 118px;padding: 10px 28px;border: 1px solid #263cff;border-radius: 40px;color: #263cff;font-size: 18px;transition: 0.3s ease;}
.blog-view-btn:hover{background: #263cff;color: #fff;border-radius: 40px 0 40px 40px;-webkit-border-radius: 40px 0 40px 40px;-moz-border-radius: 40px 0 40px 40px;-ms-border-radius: 40px 0 40px 40px;-o-border-radius: 40px 0 40px 40px;}
.blog-card-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 26px;}
.blog-card{border: 1px solid rgba(0,0,0,0.12);border-radius: 14px;overflow: hidden;background: #fff;padding: 20px;}
.blog-card-image{display: block;border-radius: 10px;overflow: hidden;height: 300px;margin-bottom: 28px;}
.blog-card-image img{width: 100%;height: 100%;object-fit: cover;transition: 0.35s ease;}
.blog-card:hover .blog-card-image img{transform: scale(1.06);}
.blog-card-content h3{font-size: 26px;line-height: 1.35;font-weight: 400;margin-bottom: 22px;}
.blog-card-content h3 a{color: #111;}
.blog-meta{display: flex;align-items: center;gap: 18px;font-size: 16px;color: #111;margin-bottom: 20px;}
.blog-badge{display: inline-flex;align-items: center;justify-content: center;padding: 7px 20px;color: #fff;font-weight: 700;background: linear-gradient(90deg, #21d4fd, #4b43ff);}
.blog-excerpt{border-top: 1px solid rgba(0,0,0,0.12);padding-top: 22px;font-size: 17px;line-height: 25px;color: rgba(0,0,0,0.7);}
.blog-excerpt a{color: #263cff;}
.home-testimonials{background: #fff;color: #111;padding: 120px 0;}
.testimonials-head{margin-bottom: 70px;}
.testimonials-head h2{font-size: 54px;line-height: 1.15;font-weight: 400;margin-bottom: 24px;}
.testimonials-head p{font-size: 22px;line-height: 1.45;color: rgba(0,0,0,0.65);}
.testimonials-slider-wrap{position: relative;}
.testimonials-slider{margin: 0 -15px;}
.testimonial-slide{padding: 0 15px;}
.testimonial-card{min-height: 520px;border: 1px solid rgba(0,0,0,0.12);border-radius: 0 0 16px 16px;border-top: 5px solid var(--card-color);padding: 42px 34px 34px;display: flex;flex-direction: column;justify-content: space-between;background: #fff;}
.testimonial-logo{height: 70px;display: flex;align-items: center;margin-bottom: 42px;}
.testimonial-logo img{max-width: 190px;max-height: 70px;object-fit: contain;}
.testimonial-text{font-size: 23px;line-height:36px;color: #111;margin-bottom: 80px;}
.testimonial-author{display: flex;align-items: center;gap: 16px;}
.testimonial-author-img{width: 58px;height: 58px;min-width: 58px;border-radius: 50%;overflow: hidden;}
.testimonial-author-img img{width: 100%;height: 100%;object-fit: cover;}
.testimonial-author h4{font-size: 20px;line-height: 1.2;color: #1558b7;margin-bottom: 4px;}
.testimonial-author p{font-size: 18px;color: #111;}
.testimonial-custom-arrows{display: flex;align-items: center;justify-content: flex-end;gap: 22px;margin-top: 36px;}
.testimonial-custom-arrows button{width: 72px;height: 72px;border-radius: 50%;border: 2px solid #111;background: #fff;color: #111;font-size: 34px;line-height: 1;cursor: pointer;transition: 0.3s ease;}
.testimonial-custom-arrows button:hover{background: #111;color: #fff;}/* Slick dots */
.home-testimonials .slick-dots{bottom: -82px;text-align: left; display: flex; max-width: 400px; position: relative;}
.home-testimonials .slick-dots li{width: auto;height: auto;margin: 0 6px; 
}
.home-testimonials .slick-dots li button{width: 14px;height: 14px;padding: 0;border-radius: 50%;background: #dfdfdf; border:none; font-size: 0;}
.home-testimonials .slick-dots li button:before{display: none;}
.home-testimonials .slick-dots li.slick-active button{background: #1f65b7; width: 18px;height: 18px;}
.home-partners{background: #fff;color: #111;padding:0 0 100px 0;}
.partners-head{margin-bottom: 70px;}
.partners-head h2{font-size: 54px;line-height: 1.15;font-weight: 400;margin-bottom: 10px;}
.partners-head p{font-size: 22px;line-height: 1.45;color: rgba(0, 0, 0, 0.62);}
.partners-slider-wrap{display: grid;grid-template-columns: 72px 1fr 72px;align-items: center;gap: 34px;}
.partners-slider{overflow: hidden;}
.partner-slide{padding: 0 28px;}
.partner-logo-box{height: 90px;display: flex;align-items: center;justify-content: center;}
.partner-logo-box a{display: flex;align-items: center;justify-content: center;}
.partner-logo-box img{max-width: 220px;max-height: 80px;width: auto;height: auto;object-fit: contain;filter: grayscale(100%);opacity: 0.85;transition: 0.3s ease;}
.partner-logo-box:hover img{filter: grayscale(0%);opacity: 1;transform: scale(1.05);}
.partners-prev,
.partners-next{width: 72px;height: 72px;border-radius: 50%;border: 2px solid #111;background: #fff;color: #111;font-size: 34px;line-height: 1;cursor: pointer;transition: 0.3s ease;}
.partners-prev:hover,
.partners-next:hover{background: #111;color: #fff;}
.home-contact{padding: 0 0 90px; background: #fff;}
.contact-box{display: grid;grid-template-columns: 68% 32%;background: #fff;  border-bottom: 1px solid #fff; position: relative;}
.contact-box:after{content:'';background:linear-gradient(90deg, rgb(0, 212, 255), rgb(75, 77, 255)); position: absolute; top:0; left: 0; width: 100%; height: 6px;}
.contact-left{padding:50px 40px 40px;}
.contact-left h2{font-size: 54px;line-height: 1.1;font-weight: 400;color: #252b52;margin-bottom: 22px;}
.contact-description{max-width: 780px;padding-left: 24px;border-left: 7px solid #2731c9;font-size: 27px;line-height: 35px;color: #333b62;margin-bottom: 70px;font-weight: 400;}
.kylient-form .form-row{display: grid;grid-template-columns: repeat(2, 1fr);gap: 46px 34px;margin-bottom: 36px;}
.kylient-form .form-field label{display: block;font-size: 18px;color: #3E4668;margin-bottom: 5px;}
.kylient-form input,
.kylient-form select,
.kylient-form textarea{width: 100%;border: 0;border-bottom: 1px solid rgba(0,0,0,0.25);padding: 5px 0;font-size: 20px;color: #293153;outline: none;background: transparent;}
.kylient-form textarea{height: 70px;resize: none;}
.kylient-form .form-field-full{margin-bottom: 36px;}
.form-field p{ margin-bottom: 0;}
.kylient-form .form-bottom{display: grid;grid-template-columns: 1fr 360px;align-items: center;gap: 40px;}
.kylient-form .form-bottom p{font-size: 20px;line-height: 1.25;color: #3E4668;margin: 0;max-width: 360px;}
.kylient-form .kylient-submit{background: #2731c9;color: #fff;border: 0;padding: 18px 30px;font-size: 20px;cursor: pointer;width: 100%;}
.kylient-form .kylient-submit:hover{ border-radius:40px 0 40px 40px; -webkit-border-radius:40px 0 40px 40px; -moz-border-radius:40px 0 40px 40px; -ms-border-radius:40px 0 40px 40px; -o-border-radius:40px 0 40px 40px; }
.contact-right{background: #252525;color: #fff;padding: 52px 44px;position: relative;overflow: hidden;}
.contact-right::before{content: "";position: absolute;background: url(assets/images/form-right-bg.png) no-repeat center ;background-size: cover;pointer-events: none;width: 100%;height: 100%;top: 0;left: 0;}
.contact-right > *{position: relative;z-index: 1;}
.contact-right h3{font-size: 38px;line-height: 1.2;margin-bottom: 12px;}
.contact-info-desc{font-size: 19px;color: rgba(255,255,255,0.78);margin-bottom: 45px;}
.contact-info-list{display: flex;flex-direction: column;gap: 26px;margin-bottom: 42px;}
.contact-info-item{display: flex;align-items: center;gap: 22px;}
.contact-info-icon{width: 65px;height: 65px;min-width: 65px;border-radius: 50%;background: #3a3a3a;display: flex;align-items: center;justify-content: center;}
.contact-info-item span{display: flex;font-size: 19px;color: #E3E3E3;}
.contact-info-item a{display: block;color: #F3F3F3;font-size: 21px;transition: 0.3s ease;}
.contact-info-item a:hover{ color: #fff; text-decoration: underline;}
.contact-map{height: 220px;border-radius: 6px;overflow: hidden;margin-bottom: 30px;}
.contact-map iframe{width: 100%;height: 100%;border: 0;}
.contact-socials{display: flex;gap: 14px;}
.contact-socials a{width: 54px;height: 54px;border-radius: 50%;background: #000000;display: flex;align-items: center;justify-content: center;}
.contact-socials img{max-width: 24px;max-height: 24px;object-fit: contain;}body.page-template-template-about .site-footer .container{    max-width: 1760px !important;}
.site-footer{background: #000;color: #fff;padding:412px 0 0;margin-top: -23rem;}
.footer-main{display: grid;grid-template-columns: 1.4fr 1fr 1.15fr 1fr 1.45fr;gap: 70px;padding-bottom: 70px;}
.footer-logo{display: inline-block;margin-bottom: 20px;}
.footer-logo img{max-width: 180px;height: auto;}
.footer-description{font-size: 21px;line-height: 1.7;color: #FFFFFFB2;margin-bottom: 46px;max-width: 330px;}
.footer-socials{display: flex;gap: 14px;}
.footer-socials a{border-radius: 6px;display: flex;align-items: center;justify-content: center;color: #fff;}
.footer-socials img{max-width: 100%;max-height: 100%;object-fit: contain;}
.footer-menu-col h4,
.footer-newsletter h4{font-size: 20px;font-weight: 400;margin-bottom: 15px;color: #fff;}
.footer-menu{display: flex;flex-direction: column;gap: 13px;padding: 0;margin: 0;list-style: none;}
.footer-menu a{font-size: 16px;color: rgba(255,255,255,0.68);transition: 0.3s ease;}
.footer-menu a:hover{color: #fff;}
.footer-newsletter h4{display: flex;align-items: center;gap: 14px;}
.newsletter-icon{font-size: 22px;}
.footer-newsletter p{font-size: 16px;line-height: 1.6;color: rgba(255,255,255,0.78);margin-bottom: 36px;}
.footer-newsletter-form{margin-bottom: 36px;}/* Contact Form 7 newsletter style */
.footer-newsletter-form form{display: flex;width: 100%;position: relative;flex-direction: column;}
.footer-newsletter-form p{margin: 0;width: 100%;display: flex;}
.footer-newsletter-form input[type="email"],
.footer-newsletter-form input[type="text"]{width: 100%;height: 58px;border: 0;padding: 0 22px;font-size: 16px;outline: none;background: #fff;color: #111;}
.footer-newsletter-form input[type="submit"],
.footer-newsletter-form button{width: 68px;height: 58px;border: 0;background: #2731c9;color: #fff;font-size: 0;cursor: pointer;position: relative;}
.footer-newsletter-form input[type="submit"]{background-image: none;}
.footer-newsletter-form p::after{content: "→";width: 68px;height: 58px;background: #2731c9;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 32px;pointer-events: none;position: absolute;right: 40px;}
.footer-locations{display: flex;flex-wrap: wrap;gap: 18px 0;}
.footer-locations a,
.footer-locations span{font-size: 18px;color: #fff;padding-right: 18px;margin-right:18px;border-right: 1px solid rgba(255,255,255,0.42);}
.footer-locations a:last-child,
.footer-locations span:last-child{border-right: none;}
.footer-bottom{border-top: 1px solid rgba(255,255,255,0.18);padding: 38px 0;text-align: center; border-bottom: 2px solid #fff;}
.footer-bottom p{font-size: 20px;color: #fff;margin: 0;}/* About us page  */

/* HERO */
.about-hero{padding:80px 0 75px 0; background:#fff url(assets/images/aboutbg.jpg) repeat-x top left; min-height: 504px; position: relative;}
.about-hero-wrap{display: flex;align-items: center;gap: 40px;}
.about-hero-left{flex:1; max-width: 830px;}span.hero_tagline{font-size:24px;color:#111111D9; display: block;}
.about-hero-left h1{ font-size: 52px; color:#111111D9; font-weight: 500;    padding-left: 24px;margin:10px 0 28px 0;}
.about-hero-left .primary-btn{margin-top: 15px;}
.gradient-border-left{position: relative;padding-left: 20px;}
.about-hero-left div p{    font-size: 20px;max-width: 600px;font-weight: 300;}
.gradient-border-left::before{content: "";position: absolute;left: 0;top: 0;width: 7px;height: 100%;background: linear-gradient(to bottom, #36E4F1, #008fb6, #5B50CC);}
.about-hero-left h1 span{display: block; font-weight: 300;color: #666;}
.about-hero-right{flex:1;position: absolute;right: 0;top: 0;}
.about-hero-right img{width: 100%;}
.breadcrumb{font-size: 20px !important;margin-bottom: 20px !important;color: #999;background: #fff !important;padding: 25px 0 !important;}
.breadcrumb a{color: #EB3F43;text-decoration: none;}
.breadcrumb span{margin: 0 5px; color:#000000;} 

/* STATS */

.stats-grid{display: flex;justify-content: space-between;gap: 40px;}
.stat-item-top{color: #111111; display:flex; gap: 2px;border-bottom: 1px solid #CCCCCC; padding: 0 0 16px 0; margin-bottom: 16px; align-items: flex-end;}
.stat-item-top p{ font-size: 18px; margin: 0;}
.stat-item h3{font-size: 56px;font-weight: 400;color: #111111; line-height: 56px; margin: 0;}
.stat-details{font-size: 18px;color: #777;margin: 0;line-height: 24px;}/* ================= ABOUT INTRO ================= */
.about-intro{padding:150px 0 40px;}
.about-intro .container{display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: flex-start;}
.about-intro h2{max-width: 660px;margin: 0;font-size: 50px;line-height:60px;font-weight: 500;color: #000;}
.about-intro div{max-width: 610px;font-size: 20px;line-height: 30px;color: #000000B2;}
.about-intro div p{margin: 0;}/* ================= ABOUT FEATURES ================= */
.about-features{padding: 30px 0 90px;}
.feature-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;}
.feature-card{min-height: 270px;padding: 42px 42px 36px;border: 1px solid #d8d8d8;border-radius: 8px;background: #fff;transition: all 0.35s ease;}
.feature-card:first-child,
.feature-card:hover{border-color: transparent;background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(135deg, #3158ff 0%, #36e4f1 100%) border-box;border: 1px solid transparent;box-shadow: 0 12px 35px rgba(49, 88, 255, 0.08);transform: translateY(-4px);}
.feature-card img{width: 42px;height: 42px;object-fit: contain;display: block;margin-bottom: 28px;opacity: 0.35;transition: all 0.35s ease;}
.feature-card:first-child img,
.feature-card:hover img{opacity: 1;}
.feature-card h4{margin: 0 0 28px;font-size: 28px;line-height: 1.25;font-weight: 500;color: #050505;letter-spacing: -0.5px;}
.feature-card p{margin: 0;max-width: 390px;font-size: 18px;line-height: 1.55;color: #606060;}/* ACCORDION */
.accordion-item{border-bottom: 1px solid #ccc;}
.accordion-title{width: 100%;padding: 15px;text-align: left;background: none;border: none;}
.accordion-content{display: none;padding: 10px;}
.accordion-item.active .accordion-content{display: block;}/* ================= ABOUT VALUES ================= */
.about-values{padding: 110px 0;background: #020417;color: #fff;}
.about-values .container{max-width: 1180px;margin: 0 auto;}
.about-values::before{content: "Our Values";display: block;text-align: center;margin-bottom: 60px;font-size: 44px;line-height: 1.2;font-weight: 500;color: #fff;letter-spacing: -0.5px;}
.values-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;max-width: 980px;margin: 0 auto;align-items: stretch;}
.value-card{/* min-height: 290px; */
padding:25px 37px;border-radius: 8px;background: #e4e7ff;color: #151515;text-align: center;transition: all 0.35s ease; align-items: start;}
.value-card:hover{transform: translateY(-6px);box-shadow: 0 18px 45px rgba(54, 228, 241, 0.16);}
.value-card img{width: 58px;height: 58px;object-fit: contain;display: block;margin: 0 auto 20px;}
.value-card h4{margin: 0 0 16px;font-size: 24px;line-height: 1.25;font-weight: 600;color: #151515;}
.value-card p{margin: 0;font-size: 15px;line-height: 22px;color: #4A4E56;}
.value-list{    margin: 1rem 0 0 1.5rem;padding: 0;list-style: none;text-align: left;}
.value-list li{ font-size: 15px;line-height: 22px;color: #4A4E56;    margin-bottom: .3rem;}    
/* Image cards */
.value-card:has(img:only-child),
.value-card.image-only{padding: 0;overflow: hidden;background: transparent;}
.value-card:has(img:only-child) img,
.value-card.image-only img{width: 100%;height: 100%;margin: 0;object-fit: cover;border-radius: 8px;}/* Layout like UX */
.value-card:nth-child(1){padding: 0;overflow: hidden;background: transparent;}
.value-card:nth-child(1) img{width: 100%;height: 100%;/* min-height: 290px; */
margin: 0;object-fit: cover;border-radius: 8px;}
.value-card:nth-child(2){grid-row: span 2;/* min-height: 604px; */height: 100%;}
.value-card:nth-child(5){padding: 0;overflow: hidden;background: transparent;}
.value-card:nth-child(5) img{width: 100%;height: 100%;/* min-height: 290px; */
margin: 0;object-fit: cover;border-radius: 8px;}/* ================= ABOUT BRANCHES ================= */
.about-branches{position: relative;padding: 90px 0 0;background: #fff;overflow: hidden;}
.branches-title{margin: 0 0 60px;text-align: center;font-size: 46px;line-height: 1.2;font-weight: 500;color: #050505;}
.branches-map-wrap{position: relative;max-width: 1110px;margin: 0 auto;}
.branches-map{width: 100%;display: block;opacity: 0.95;}
.map-point{position: absolute;transform: translate(-50%, -50%);z-index: 3; width: 200px;}
.map-point::before{content: "";display: block;width: 14px;height: 14px;margin: 39px auto 0;border-radius: 50%;background: #111;}
.map-point::after{content: "";position: absolute;left: 50%;top: -8px;width: 2px;height: 48px;background: linear-gradient(to bottom, #6C798300, #181B1D);transform: translateX(-50%);}
.map-point span{display: block;margin-bottom: 8px;white-space: nowrap;font-size: 17px;font-weight: 500;color: #111;position: absolute;top: -30px;width: 100%;text-align: center;}
.map-point.active span{color: #212EC6;font-weight: 700;}
.map-point.active::before{background: #212EC6;}
.branches-country-row{position: absolute;left: 0;right: 0;bottom: 180px;z-index: 5;display: grid;grid-template-columns: repeat(7, 1fr);border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: rgba(255, 255, 255, 0.96);}
.country-card{position: relative;min-height: 86px;padding: 16px 10px;text-align: center;border-right: 1px solid #ddd;}
.country-card:last-child{border-right: 0;}
.country-card img{width: 34px;height: 22px;object-fit: cover;display: block;margin: 0 auto 8px;}
.country-card h4{margin: 0;font-size: 18px;font-weight: 400;color: #111;}
.country-card.active{background: #15191c;color: #fff;}
.country-card.active h4{color: #fff;}
.office-popup{position: absolute;left: 0;top: 100%;width: 100%;padding: 0 22px 15px 22px;background: #15191c;color: #fff;text-align: left;}
.office-popup::before{content: "";display: block;height: 1px;margin-bottom: 17px;background: rgba(255,255,255,0.35);}
.office-popup h5{margin: 0 0 5px;font-size: 24px;line-height: 1.2;font-weight: 500;color: #fff;}
.office-popup p{margin: 0 0 10px;font-size: 16px;line-height: 1.6;color: #fff;}
.office-popup a{display: block;margin-top: 4px;font-size: 16px;color: #fff;text-decoration: none;}/* ================= ABOUT REASONS ================= */
.about-reasons{padding: 90px 0 110px;background: #030416;color: #fff;}
.about-reasons .container{max-width: 1320px;margin: 0 auto;}
.reasons-top{display: grid;grid-template-columns: 0.9fr 1.1fr;gap: 80px;align-items: flex-start;margin-bottom: 70px;}
.reasons-content h2{max-width: 480px;margin: 0 0 28px;font-size: 52px;line-height: 1.08;font-weight: 500;letter-spacing: -1px;color: #fff;}
.reasons-description{max-width: 620px;font-size: 19px;line-height: 1.6;color: rgba(255, 255, 255, 0.72);}
.reasons-description p{margin: 0;}
.reasons-images{display: grid;grid-template-columns: 0.75fr 1fr;gap: 50px;align-items: start;}
.reasons-images img{width: 100%;height: 180px;object-fit: cover;display: block;}
.reasons-images img:nth-child(2){height: 260px;}
.reasons-accordion{display: flex;flex-direction: column;gap: 18px;}
.reason-item{background: #2d2d3d;border-left: 4px solid transparent;transition: all 0.3s ease;position: relative;}
.reason-item:after{     content: "";position: absolute;left: -8px;top: 0;width: 4px;height: 100%;background: linear-gradient(to bottom, #1142AB, #00B3DF); display: none;}
.reason-item.active:after{ display: block;}
.reason-title{width: 100%;min-height: 72px;padding: 0 34px;background: transparent;border: 0;color: #fff;display: flex;align-items: center;justify-content: space-between;cursor: pointer;text-align: left;}
.reason-title span{font-size: 22px;line-height: 1.3;font-weight: 400;}
.reason-title i{width: 18px;height: 18px;border-right: 3px solid rgba(255, 255, 255, 0.35);border-bottom: 3px solid rgba(255, 255, 255, 0.35);transform: rotate(45deg);transition: all 0.3s ease;}
.reason-item.active .reason-title i{transform: rotate(-135deg);}
.reason-content{display: none;padding: 0 34px 32px;font-size: 17px;line-height: 1.7;color: rgba(255, 255, 255, 0.72);}
.reason-item.active .reason-content{display: block;}
.reason-content p{margin: 0;}/* Contact Us Page */
.page-template-template-contact .contact-hero{    padding: 130px 0 75px 0;min-height: 514px;}
.page-template-template-contact .about-hero-wrap{display: flex;align-items: center;gap: 40px;justify-content: center;text-align: center;}
.page-template-template-contact .about-hero-left div p{font-size: 20px;max-width: 100%;font-weight: 300;}
.page-template-template-contact .about-hero-left{flex: 1;max-width: 830px;text-align: center;}
.page-template-template-contact .about-hero-left h1{ padding: 0; margin: 0 0 28px 0;}
.page-template-template-contact span.hero_tagline{font-size: 58px;color: #111111D9;display: block;line-height: 58px;font-weight: 300;}
.page-template-template-contact .gradient-border-left::before{ display: none;}
.page-template-template-contact .home-contact{    margin-top: -130px;    background: #14141C; padding-bottom: 0;}/* ================= CONTACT GROWTH SECTION ================= */
.contact-growth-section{padding: 110px 0;background: #030416;color: #fff;margin-top: -30px;}
.contact-growth-wrap{display: grid;grid-template-columns: 0.75fr 1.15fr;gap: 90px;align-items: center;}
.contact-growth-content h2{max-width: 620px;margin: 0 0 20px;font-size: 50px;line-height: 1.18;font-weight: 400;letter-spacing: -1.5px;color: #fff;}
.growth-description{max-width: 700px;font-size: 21px;line-height: 1.55;color: rgba(255, 255, 255, 0.72);}
.growth-description p{margin: 0;}
.growth-stats-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 18px;}
.growth-stat-card{min-height: 125px;padding: 26px 30px;background: #f7f7f7;color: #111;display: flex;align-items: center;gap: 14px;}
.growth-icon{width: 76px;height: 76px;flex: 0 0 76px;    border-color: transparent;background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, #3158ff 0%, #36e4f1 100%) border-box;border: 1px solid transparent;display: flex;align-items: center;justify-content: center;}
.growth-icon img{max-width: 38px;max-height: 38px;object-fit: contain;}
.growth-stat-text h3{margin: 0 0 4px;font-size: 28px;line-height: 1;font-weight: 500;color: #000;}
.growth-stat-text p{margin: 0;font-size: 18px;line-height: 1.25;color: #666;}
.page-template-template-contact .site-footer{ margin-top: 0;    padding: 72px 0 0;}/* Search popup */
/* ================= SEARCH POPUP ================= */
.site-search-popup{position: fixed;inset: 0;z-index: 99999;display: none;}
.site-search-popup.active{display: block;}
.site-search-overlay{position: absolute;inset: 0;background: rgba(6, 8, 24, 0.62);backdrop-filter: blur(1px);}
.site-search-box{position: relative;z-index: 2;max-width: 980px;margin: 130px auto 0;padding: 0 20px;}
.search-popup-form{position: relative;display: flex;align-items: center;gap: 14px;height: 70px;padding: 8px 8px 8px 60px;background: #fff;border-radius: 40px;}
.header-search-btn{ background: none; border:none}
.search-form-icon,
.header-search-btn .search-icon{width: 18px;height: 18px;border: 2px solid #111;border-radius: 50%;display: inline-block;position: relative;}
.search-form-icon::after,
.header-search-btn .search-icon::after{content: "";width: 10px;height: 2px;background: #111;position: absolute;right: -7px;bottom: -4px;transform: rotate(45deg);}
.search-form-icon{position: absolute;left: 28px;}
.search-popup-form input{flex: 1;border: 0;outline: none;font-size: 18px;color: #111;}
.search-popup-form button{min-width: 155px;height: 54px;border: 0;border-radius: 30px;background: #252bd8;color: #fff;font-size: 16px;cursor: pointer;}
.search-popup-close{position: absolute;right: -58px;top: 0;width: 58px;height: 58px;border: 0;border-radius: 50%;background: #fff;color: #000;font-size: 46px;line-height: 1;cursor: pointer;}
.popular-searches{margin-top: 14px;padding: 28px 34px;background: #fff;border-radius: 22px;}
.popular-searches h3,
.search-results-head h3{margin: 0 0 24px;font-size: 28px;font-weight: 600;color: #111;}
.popular-searches ul{margin: 0;padding: 0;list-style: none;display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px 45px;}
.popular-searches li button{background: transparent;border: 0;padding: 0 0 0 16px;position: relative;font-size: 18px;color: #111;cursor: pointer;text-align: left;}
.popular-searches li button::before{content: "•";position: absolute;left: 0;}
.search-count{margin: 16px 0 14px;color: #fff;font-size: 16px;}
.search-results-card{padding: 28px 34px;background: #fff;border-radius: 22px;}
.search-results-head{display: flex;align-items: center;justify-content: space-between;}
.filter-icon{width: 20px;height: 20px;border: 2px solid #111;background:url(assets/images/filter.png) no-repeat left top; background-size: 100%  ;}
.search-result-item{padding: 20px;margin-bottom: 24px;background: #f3f3f5;border-radius: 12px;}
.search-result-type{display: inline-block;margin-bottom: 12px;padding: 6px 12px;border-radius: 6px;background: #008bdc;color: #fff;font-size: 12px;text-transform: uppercase;}
.search-result-item h4{margin: 0 0 8px;font-size: 18px;color: #111;}
.search-result-item h4 a{color: inherit;text-decoration: none;}
.search-result-item p{margin: 0;font-size: 14px;line-height: 1.5;color: #444;}body.search-popup-open{overflow: hidden;}
.developer-info-section{background: #fff;}
.developer-info-inner{margin: 0 auto;text-align: center;padding: 120px 0 70px;border-bottom: 1px solid #e5e5e5;margin-bottom: 4.5rem;}
.developer-info-inner h2{max-width: 900px;margin: 0 auto 26px;font-size: 46px;line-height: 1.15;font-weight: 400;color: #000;letter-spacing: -1px;}
.developer-info-inner p{max-width: 930px;margin: 0 auto;font-size: 18px;line-height: 1.65;font-weight: 400;color: #555;}
.developer-info-line{width: 100%;height: 1px;background: #e5e5e5;margin-top: 36px;}
.hire-dev-card-section{background: #fff;padding: 20px 0 100px;}
.hire-dev-card-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 52px 40px;margin: 0 auto;}
.hire-dev-card{background: #f8f8fb;border-radius: 16px;padding: 44px 28px 42px;min-height: 360px;}
.hire-dev-card-icon{width: 40px;height: 28px;margin-bottom: 22px;}
.hire-dev-card-icon img{width: 100%;height: 100%;object-fit: contain;display: block;}
.hire-dev-card h3{margin: 0 0 22px;font-size: 32px;line-height: 1.12;font-weight: 400;color: #000;}
.hire-dev-card h3 span{ display: block;}
.hire-dev-card p{margin: 0;font-size: 21px;line-height: 1.58;font-weight: 400;color: #555;}
.hire-steps-section{background: #eef0ff;padding: 120px 0 90px;}
.hire-steps-head{display: grid;grid-template-columns: 1.2fr 1fr;gap: 80px;align-items: start;margin-bottom: 70px;}
.hire-steps-head h2{margin: 0;max-width: 720px;font-size: 52px;line-height: 1.12;font-weight: 400;color: #000;letter-spacing: -1px;}
.hire-steps-head p{margin: 18px 0 0;max-width: 620px;font-size: 18px;line-height: 1.65;font-weight: 400;color: #50505a;}
.hire-steps-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 22px;}
.hire-step-card{background: #fff;border-radius: 16px;padding: 78px 38px 55px;min-height: 430px;}
.hire-step-icon{width: 112px;height: 112px;border-radius: 50%;background: #f1e9fb;display: flex;align-items: center;justify-content: center;margin-bottom: 28px;}
.hire-step-icon img{width: 48px;height: 48px;object-fit: contain;display: block;}
.hire-step-card h3{margin: 0 0 24px;font-size: 27px;line-height: 1.18;font-weight: 600;color: #000;padding: 0 40px 0 0;}
.hire-step-card p{margin: 0;font-size: 16px;line-height: 1.6;color: #555;}
.engagement-section{background: #050512;}
.engagement-top{background: #eef0ff;padding: 80px 0 0;}
.engagement-heading{max-width: 1050px;margin: 0 auto 55px;text-align: center;}
.engagement-heading h2{max-width: 820px;margin: 0 auto 20px;font-size: 42px;line-height: 1.15;font-weight: 400;color: #000;}
.engagement-heading p{margin: 0 auto;max-width: 950px;font-size: 16px;line-height: 1.65;color: #555;}
.engagement-slider-wrap{/* max-width: 1160px; */
margin: 0 auto -75px;position: relative;z-index: 2; background: url(assets/images/offshore-bg.png) no-repeat left top;}
.engagement-slide-inner{/* background: #050505; */
border-radius: 14px;padding: 42px 34px;min-height:435px;display: grid;grid-template-columns: 1.1fr 0.9fr;gap: 40px;
overflow: hidden;}
.engagement-slide-content h3{max-width: 430px;margin: 0 0 20px;font-size: 50px;line-height: 1.2;font-weight: 400;color: #fff;}
.engagement-slide-content p{max-width: 700px;margin: 0;font-size: 20px;line-height: 1.65;color: rgba(255,255,255,0.75);}
.engagement-slide-image img{width: 100%;max-height: 440px;object-fit: cover;border-radius: 12px;display: block;}
.engagement-slider-arrows{position: absolute;left: 34px;bottom: 42px;display: flex;gap: 16px;z-index: 5;}
.engagement-slider-arrows button{width: 70px;height: 70px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.7);background: transparent;color: #fff;font-size: 30px;cursor: pointer;}
.engagement-benefit{background: #050512;padding: 140px 0 90px;}
.benefit-head{display: grid;grid-template-columns: 50% 38%;gap: 103px;align-items: start;margin-bottom: 55px;}
.benefit-head h2{margin: 0;font-size: 58px;line-height: 60px;font-weight: 500;color: #fff;}
.benefit-head p{margin: 0;font-size: 20px;line-height: 30px;color: rgba(255,255,255,0.7);}
.benefit-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 18px;}
.benefit-card{background: url(assets/images/content-bg.png) no-repeat left top;border-radius: 12px;padding: 40px 32px 97px 32px;min-height: 190px;position: relative;overflow: hidden;}

.benefit-card h3{position: relative;margin: 0 0 24px;font-size: 38px;line-height:39px;font-weight: 600;color: #fff;}
.benefit-card p{position: relative;margin: 0;font-size: 24px;line-height:37px;color:#FFFFFFB2;}
.impact-stories-section{background: #fff;padding: 110px 0 90px;}
.impact-stories-head{display: grid;grid-template-columns: 1fr 1fr;gap: 90px;align-items: start;margin-bottom: 55px;}
.impact-stories-head h2{max-width: 540px;margin: 0;font-size: 54px;line-height: 1.05;font-weight: 400;color: #000;letter-spacing: -1.5px;}
.impact-stories-head p{max-width: 620px;margin: 30px 0 0;font-size: 17px;line-height: 1.65;color: #555;}
.impact-story-grid{display: grid;grid-template-columns: 1.15fr 0.85fr;gap: 55px;align-items: start;}
.impact-story-image-card{position: relative;border-radius: 18px;overflow: hidden;min-height: 460px;background: #111;}
.impact-story-image-card img{width: 100%;height: 460px;object-fit: cover;display: block;}
.impact-story-image-card::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 45%;background: linear-gradient(to top, rgba(0,0,0,0.88), rgba(0,0,0,0));pointer-events: none;}
.impact-story-image-content{position: absolute;left: 32px;right: 32px;bottom: 30px;z-index: 2;color: #fff;}
.impact-story-image-content h3{margin: 0 0 14px;font-size: 30px;line-height: 1.2;font-weight: 500;}
.impact-story-image-content p{max-width: 520px;margin: 0;font-size: 16px;line-height: 1.45;color: rgba(255,255,255,0.9);}
.impact-story-content{position: relative;padding-right: 60px;}
.impact-story-link{position: absolute;top: 0;right: 0;color: #052ee6;font-size: 38px;line-height: 1;text-decoration: none;font-weight: 500;}
.impact-story-info{margin-bottom: 24px;}
.impact-story-info h4{margin: 0 0 10px;font-size: 17px;line-height: 1.3;font-weight: 700;color: #000;}
.impact-story-info p{margin: 0;font-size: 17px;line-height: 1.6;color: #555;}
.impact-slider-bottom{display: grid;grid-template-columns: 1fr auto;gap: 45px;align-items: center;margin-top: 44px;}
.impact-progress{width: 100%;height: 12px;background: #eef2f3;overflow: hidden;}
.impact-progress span{display: block;width: 0;height: 100%;background: linear-gradient(90deg, #1e48bb, #0fc8de);}
.impact-progress span.is-animated{animation: impactProgress 5s linear forwards;}
@keyframes impactProgress{from{width: 0;}to{width: 100%;}}

.impact-slider-arrows{display: flex;gap: 18px;}
.impact-slider-arrows button{width: 54px;height: 54px;border: 1px solid #000;border-radius: 50%;background: transparent;color: #000;font-size: 25px;line-height: 1;cursor: pointer;}
.flexible-models-section{background: #eef0ff;padding: 130px 0 120px;}
.flexible-models-head{max-width: 1100px;margin: 0 auto 95px;text-align: center;}
.flexible-models-head h2{max-width: 900px;margin: 0 auto 28px;font-size: 58px;line-height: 1.12;font-weight: 400;color: #000;letter-spacing: -1px;}
.flexible-models-head p{
margin: 0 auto;font-size: 20px;line-height: 1.6;color: #555;}
.flexible-models-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 50px;}
.flexible-model-card{display: grid;grid-template-columns: 64px 1fr;gap: 26px;align-items: flex-start;}
.flexible-model-icon{width: 58px;height: 58px;border: 1.5px solid #2437ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #2437ff;font-size: 34px;line-height: 1;font-weight: 400; background: #fff;}
.flexible-model-icon img{width: 28px;height: 28px;object-fit: contain;display: block;}
.flexible-model-icon span{display: block;transform: rotate(44deg);height: 28px;width: 15px;border-bottom: 4px solid #3328BF;border-right: 4px solid #3328BF;position: relative;top: -4px;}
.flexible-model-card h3{margin: 0 0 22px;font-size: 28px;line-height: 1.2;font-weight: 400;color: #111111;}
.flexible-model-card p{margin: 0;font-size: 16px;line-height: 1.55;color: #5F5F5F;}
.model-listing{margin-top: 20px;}
.model-listing ul,
.model-listing ol{margin: 0;padding-left: 20px;}
.model-listing li{margin-bottom: 8px;font-size: 16px;line-height: 1.5;color: #5F5F5F; font-weight: 500; position: relative;}
.model-listing li::before{content: "•";position: absolute;left: -12px;top: -6px;color: #5F5F5F;font-size: 24px;}
.model-listing p{margin-bottom: 10px;}
.developer-excellence-section{background: #eef0ff;padding: 120px 0;}
.developer-excellence-head{display: grid;grid-template-columns: 1fr 1fr;gap: 90px;align-items: start;margin-bottom: 80px;}
.developer-excellence-head h2{max-width: 620px;margin: 0;font-size: 54px;line-height: 1.12;font-weight: 400;color: #000;letter-spacing: -1px;}
.developer-excellence-head p{max-width: 620px;margin: 25px 0 0;font-size: 17px;line-height: 1.65;color: #50505a;}
.developer-excellence-table{background: #fff;border: 1px solid #d7d7df;border-radius: 18px;overflow: hidden;}
.developer-excellence-row{display: grid;grid-template-columns: 260px 1fr;border-bottom: 1px solid #d7d7df;}
.developer-excellence-row:last-child{border-bottom: 0;}
.developer-excellence-row-title{display: flex;align-items: center;justify-content: center;padding: 35px 25px;border-right: 1px solid #d7d7df;}
.developer-excellence-row-title h3{margin: 0;font-size: 18px;line-height: 1.4;font-weight: 600;color: #111;}
.developer-excellence-items{display: grid;grid-template-columns: repeat(6, 1fr);gap: 25px;align-items: center;padding: 34px 45px;}
.developer-excellence-item{text-align: center;}
.developer-excellence-icon{height: 44px;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;}
.developer-excellence-icon img{max-width: 70px;max-height: 44px;object-fit: contain;display: block;}
.developer-excellence-item h4{margin: 0;font-size: 16px;line-height: 1.3;font-weight: 600;color: #111;}body.node-js .flexible-model-card{ display:block; min-height: 430px;background: rgb(255, 255, 255);border-radius: 16px;padding:38px;}body.node-js .flexible-model-img{    width: 112px;height: 112px;display: flex; border:none;align-items: center;justify-content: center;margin-bottom: 28px;border-radius: 50%;}
.why-hire-section{background: #fff;padding: 100px 0;}
.why-hire-head{max-width: 980px;margin: 0 auto 85px;text-align: center;}
.why-hire-head h2{max-width: 760px;margin: 0 auto 28px;font-size: 54px;line-height: 1.08;font-weight: 400;color: #000;letter-spacing: -1px;}
.why-hire-head p{max-width: 860px;margin: 0 auto;font-size: 18px;line-height: 1.6;color: #555;}
.why-hire-content{display: grid;grid-template-columns: 1fr 430px 1fr;gap: 55px;align-items: center;}
.why-hire-list{display: flex;flex-direction: column;gap: 52px;}
.why-hire-item{display: grid;grid-template-columns: 48px 1fr;gap: 22px;align-items: flex-start;}
.why-hire-icon{width: 44px;height: 44px;border: 1.5px solid #2437ff;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #2437ff;font-size: 25px;line-height: 1;}
.why-hire-icon img{width: 22px;height: 22px;object-fit: contain;display: block;}
.why-hire-item h3{margin: 0 0 18px;font-size: 27px;line-height: 1.25;font-weight: 400;color: #000;}
.why-hire-item p{margin: 0;font-size: 17px;line-height: 1.55;color: #555;}
.why-hire-image{border-radius: 18px;overflow: hidden;}
.why-hire-image img{width: 100%;height: 570px;object-fit: cover;display: block;}
.hire-faq-section{background: #fff;padding: 100px 0;}
.hire-faq-head{max-width: 1320px;margin: 0 auto 70px;text-align: center;}
.hire-faq-head h2{margin: 0;font-size: 52px;line-height: 1.15;font-weight: 400;color: #000;}
.hire-faq-list{max-width: 1320px;margin: 0 auto;border-top: 1px solid #d9d9d9;}
.hire-faq-item{border-bottom: 1px solid #d9d9d9;}
.hire-faq-question{width: 100%;padding: 28px 0;background: transparent;border: 0;display: grid;grid-template-columns: 42px 1fr;gap: 20px;align-items: center;text-align: left;cursor: pointer;}
.hire-faq-question strong{font-size: 28px;line-height: 1.3;font-weight: 400;color: #000;}
.hire-faq-icon{width: 18px;height: 18px;position: relative;display: inline-block;}
.hire-faq-icon::before,
.hire-faq-icon::after{content: "";position: absolute;background: #000;transition: transform 0.3s ease;}
.hire-faq-icon::before{width: 18px;height: 2px;top: 8px;left: 0;}
.hire-faq-icon::after{width: 2px;height: 18px;top: 0;left: 8px;}
.hire-faq-item.active .hire-faq-icon::after{transform: rotate(
48deg);}
.hire-faq-item.active .hire-faq-icon::before{transform: rotate(
46deg);}
.hire-faq-answer{display: none;padding: 0 0 35px 62px;max-width: 1180px;}
.hire-faq-item.active .hire-faq-answer{display: block;}
.hire-faq-answer p{margin: 0 0 12px;font-size: 20px;line-height: 1.6;color: #777;}
.hire-faq-answer ul,
.hire-faq-answer ol{margin: 0 0 12px;padding-left: 22px;}
.hire-faq-answer li{font-size: 20px;line-height: 1.6;color: #777;}
.case-studies-page .case-studies-section{background: #fff;padding: 90px 0;}
.case-studies-page .case-studies-head h2{max-width: 620px;margin: 0 0 34px;font-size: 44px;line-height: 1.15;font-weight: 400;color: #000;}
.case-studies-page .case-studies-filter{display: grid;grid-template-columns: 360px 260px 260px;gap: 12px;margin-bottom: 55px;}
.case-studies-page .case-search-box{position: relative;}
.case-studies-page .case-search-box input,
.case-studies-page .case-studies-filter select{width: 100%;height: 54px;border: 1px solid #111;border-radius: 6px;background: #fff;padding: 0 18px;font-size: 16px;color: #111;outline: none;}
.case-studies-page .case-search-box input{padding-left: 48px;}
.case-studies-page .case-search-icon{position: absolute;left: 18px;top: 50%;width: 16px;height: 16px;border: 2px solid #111;border-radius: 50%;transform: translateY(-50%);}
.case-studies-page .case-search-icon::after{content: "";position: absolute;width: 8px;height: 2px;background: #111;right: -6px;bottom: -4px;transform: rotate(45deg);}
.case-studies-page .case-studies-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: 40px 50px;}
.case-studies-page .case-study-card{overflow: hidden;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;}
.case-studies-page .case-study-image{border-radius: 8px;overflow: hidden;margin-bottom: 18px;}
.case-studies-page .case-study-image img{width: 100%;height: auto;object-fit: cover;display: block;transition: transform 0.4s ease;}
.case-studies-page .case-study-card:hover .case-study-image img{transform: scale(1.04);}
.case-studies-page .case-study-content{position: inherit;left: 0;bottom:0;max-width:100%;}
.case-studies-page .case-study-content h3{margin: 0 0 6px;font-size: 28px;line-height: 1.2;font-weight: 700;color: #000;}
.case-studies-page .case-study-content p{max-width: 360px;margin: 0;font-size: 18px;line-height: 1.2;color: #333;}
.case-studies-page .case-study-bottom{display: grid;grid-template-columns: 90px 1fr;gap: 20px;align-items: end;margin-top: 18px;}
.case-studies-page .case-study-logo{width: 77px;height: 77px;border-radius: 12px;overflow: hidden;}
.case-studies-page .case-study-logo img{width: 100%;height: 100%;object-fit: cover;}
.case-studies-page .case-study-btn{justify-self: end;min-width: 230px;height: 50px;border: 1px solid #111;border-radius: 8px;display: inline-flex;align-items: center;justify-content: center;padding: 0 24px;font-size: 15px;font-weight: 700;color: #111;text-decoration: none;transition: all 0.3s ease;}
.case-studies-page .case-study-btn:hover{background: #111;color: #fff;}
.case-study-single{padding: 90px 0;}
.case-study-top-info{display: grid;grid-template-columns: repeat(4, 1fr);gap: 70px;padding-bottom: 50px;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
.case-study-top-info h4{margin: 0 0 12px;font-size: 18px;font-weight: 700;}
.case-study-top-info span{display: block;padding-top: 12px;border-top: 1px solid #ddd;color: #555;}
.case-study-single-layout{display: grid;grid-template-columns: 260px 1fr;gap: 60px;}
.case-study-side-nav{position: sticky;top: 120px;height: fit-content;}
.case-study-side-nav ul{list-style: none;margin: 0;padding: 0;}
.case-study-side-nav li{margin-bottom: 18px;}
.case-study-side-nav a{color: #111;text-decoration: none;transition: 0.3s;}
.case-study-side-nav a.active,
.case-study-side-nav a:hover{color: #ff4757;}
.case-study-top-images{display: grid;grid-template-columns: repeat(2, 1fr);gap: 24px;margin-bottom: 55px;}
.case-study-top-images img,
.case-detail-image img{width: 100%;border-radius: 12px;display: block;}
.case-detail-block{margin-bottom: 80px;}
.case-detail-block h2{font-size: 28px;color: #252870;margin-bottom: 20px;}
.case-detail-editor{font-size: 20px;line-height: 1.65;color: #555;}
.reveal-up{opacity: 0;transform: translateY(35px);transition: all 0.7s ease;}
.reveal-up.active{opacity: 1;transform: translateY(0);}
.case-study-featured-card{grid-column: 1 / -1;}
.case-study-featured-card .case-details-layout{display: grid;grid-template-columns: 330px 1fr;gap: 28px;align-items: start;}
.case-study-featured-card .case-details-main{max-width: 820px;}
.case-details-section{background: #fff;padding: 80px 0 100px;}
.case-details-layout{display: grid;grid-template-columns: 330px 1fr;gap: 28px;align-items: start;}
/* .case-details-sidebar{position: sticky;top: 120px;} */

.case-left-card{background: #f4f5ee;border-radius: 14px;padding: 60px 28px 42px;min-height: 330px;}
.case-left-card h3{margin: 0 0 20px;font-size: 36px;line-height: 1.18;font-weight: 400;color: #000;}
.case-left-card p{margin: 0 0 34px;font-size: 16px;line-height: 1.35;color: #333;}
.case-left-btn{display: inline-flex;min-width: 118px;height: 36px;align-items: center;justify-content: center;border-radius: 50px;background: #2735d9;color: #fff;font-size: 12px;font-weight: 700;text-decoration: none;padding: 0 22px;text-transform: uppercase;}
.case-details-main{max-width: 820px;}
.case-details-image{border-radius: 8px;overflow: hidden;margin-bottom: 22px;}
.case-details-image img{width: 100%;height: 460px;object-fit: cover;display: block;}
.case-details-title{margin: 0 0 20px;font-size: 34px;line-height: 1.2;font-weight: 700;color: #000;}
.case-details-block{margin-bottom: 24px;}
.case-details-block h4{margin: 0 0 8px;font-size: 22px;line-height: 1.25;font-weight: 700;color: #000;}
.case-details-block p,
.case-details-text p{margin: 0;font-size: 17px;line-height: 1.55;color: #444;}
.case-details-text p:not(:last-child){margin-bottom: 12px;}
.case-details-bottom{display: grid;grid-template-columns: 90px 1fr;gap: 30px;align-items: end;margin-top: 30px;}
.case-details-logo{width: 76px;height: 76px;border-radius: 12px;overflow: hidden;}
.case-details-logo img{width: 100%;height: 100%;object-fit: cover;}
.case-details-btn{justify-self: end;min-width: 270px;height: 58px;border: 1px solid #111;border-radius: 8px;display: inline-flex;align-items: center;justify-content: center;padding: 0 28px;color: #111;text-decoration: none;font-size: 18px;font-weight: 700;transition: all 0.3s ease;}
.case-details-btn:hover{background: #111;color: #fff;}
.services-offering-section,
.service-why-section{background: #fff;padding:0 0 100px;}
.services-offering-head{display: grid;grid-template-columns: 1fr 1fr;gap: 80px;align-items: center;margin-bottom: 60px;}
.services-offering-head h2{font-size: 64px;line-height: 1.1;font-weight: 500;position: relative;padding-left: 25px;}
.services-offering-head h2:before{content: "";position: absolute;left: 0;top: 10px;width: 4px;height: 70px;background: #14a9e8;}
.service-why-head{display: grid;grid-template-columns: 1fr 1fr;gap: 90px;margin-bottom: 45px;}

.service-why-head h2{max-width: 560px;margin: 0;font-size: 46px;line-height: 1.12;font-weight: 400;color: #000;}
.service-why-head p{max-width: 540px;margin: 0;font-size: 16px;line-height: 1.6;color: #555;}
.services-offering-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: 40px;}
.service-offering-card{position: relative;background: #fff;border-radius: 24px;overflow: hidden;box-shadow: 0 10px 40px rgba(0,0,0,.08);transition: all .4s ease;}
.service-offering-card:hover{transform: translateY(-10px);}
.service-card-image{padding: 18px;}
.service-card-image img{width: 100%;height: 280px;display: block;object-fit: cover;border-radius: 18px;}
.service-card-content{padding:18px 0 0 18px;}
.service-card-content h3{font-size: 24px;line-height: 1.2;font-weight: 700;color: #111;margin-bottom: 18px;}
.service-card-excerpt{    display: flex;}
.service-card-points{background: #f5f5f5;border-radius: 14px;padding: 20px;width: 76.9%;margin-bottom: 18px;}
.service-arrow-btn-wrapper{background: url(assets/images/button-bg.png) no-repeat top;width: 109px;height: 188px;display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    padding-bottom: 15px;
    padding-right: 1px;    position: relative;
    bottom: -16px;}
.service-point{font-size: 16px;color: #181B1D;line-height: 1.6;}
.service-point ul{ margin: 0;padding: 0;list-style: none;}
.service-point ul li {position: relative;margin-bottom: 8px;}
.service-point ul li:last-child{margin-bottom: 0;}
.service-point:not(:last-child){margin-bottom: 4px;}
.service-arrow-btn{width: 78px;height: 78px;border-radius: 50%;background: #2f8f2f;color: #fff;font-size: 34px;text-decoration: none;display: flex;align-items: center;justify-content: center;margin-left: auto;margin-top: 20px;
transition: all .3s ease;}
.service-arrow-btn:hover{transform: rotate(-45deg);}
.service-offering-btn{margin-top: auto;height: 44px;border: 1px solid #111;display: inline-flex;align-items: center;justify-content: center;color: #111;text-decoration: none;font-size: 13px;transition: all 0.3s ease;}
.service-offering-btn:hover{background: #2932d9;border-color: #2932d9;color: #fff;}
.service-process-section{background: #060713;padding: 100px 0;color: #fff;}
.service-process-head{margin-bottom: 45px;grid-template-columns: 1fr 1fr; display: grid; gap: 90px;}
.service-process-head h2{margin: 0 0 18px;font-size: 46px;font-weight: 400;color: #fff;}
.service-process-head p{color: #aaa;font-size: 16px;line-height: 1.6;}
.service-process-item{background: #2b2b3b;margin-bottom: 14px;border-left: 4px solid transparent;}
.service-process-item.active{border-left-color: #12aeea;}
.service-process-question{width: 100%;padding: 24px 30px;border: 0;background: transparent;color: #fff;display: flex;justify-content: space-between;cursor: pointer;font-size: 18px;text-align: left;}
.service-process-question i{width: 12px;height: 12px;border-right: 2px solid #777;border-bottom: 2px solid #777;transform: rotate(45deg);}
.service-process-item.active .service-process-question i{transform: rotate(-135deg);}
.service-process-answer{display: none;padding: 0 30px 28px;color: #aaa;font-size: 15px;line-height: 1.6;}
.service-process-item.active .service-process-answer{display: block;}

.service-benefits-section{
    background:#030312;
    padding:120px 0;
    overflow:hidden;
}

.service-benefits-head{
    display:flex;
    justify-content:space-between;
    gap:80px;
    margin-bottom:60px;
}

.service-benefits-left{
    width:50%;
}

.service-benefits-right{
    width:40%;
}

.service-benefits-left h2{
    color:#fff;
    font-size:64px;
    line-height:1.1;
    font-weight:500;
    margin:0;
}

.service-benefits-right p{
    color:rgba(255,255,255,.8);
    font-size:20px;
    line-height:1.7;
}

.service-benefits-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:24px;
}

.service-benefit-card{
    display:flex;
    background:#35388d;
    border-radius:12px;
    overflow:hidden;
    transition:.4s ease;padding:24px; gap: 15px;
}

.service-benefit-card:hover{
    transform:translateY(-8px);
}

.benefit-card-image{
    width:230px;
    flex-shrink:0;
}

.benefit-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.benefit-card-content{
    flex:1;
    
}

.benefit-card-top{
    display:flex;
    justify-content:space-between;
    gap:15px;
    margin-bottom:15px; align-items: center;
}

.benefit-card-top h3{
    color:#fff;
    font-size:24px;
    line-height:1.2; font-weight: 600;
    margin:0;
}

.benefit-card-content-inner{
    color:rgba(255,255,255,.85);
    font-size:16px;
    line-height:1.7;
    margin:0; font-weight: 400;
}

.benefit-arrow{
    color:#fff;
    text-decoration:none;
    font-size:18px;
    transition:.3s;
}

.service-benefit-card:hover .benefit-arrow{
    transform:translateX(6px);
}

.service-why-grid{display: grid;grid-template-columns: repeat(3, 1fr);border-top: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.service-why-card{padding: 45px 38px;border-right: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.service-why-icon{width: 38px;height: 38px;margin-bottom: 22px;}
.service-why-icon img{width: 100%;height: 100%;object-fit: contain;}
.service-why-card h3{margin: 0 0 14px;font-size: 18px;font-weight: 700;}
.service-why-card p{margin: 0;font-size: 14px;line-height: 1.55;color: #555;}
.single-service-detail-section{padding: 90px 0;}
.service-top-info{display: grid;grid-template-columns: repeat(4, 1fr);gap: 70px;padding-bottom: 50px;border-bottom: 1px solid #ddd;margin-bottom: 60px;}
.service-info-box h4{margin: 0 0 12px;font-size: 18px;font-weight: 700;}
.service-info-box span{display: block;padding-top: 12px;border-top: 1px solid #ddd;color: #555;}
.single-service-layout{display: grid;grid-template-columns: 260px 1fr;gap: 60px;}
.single-service-sidebar{position: sticky;top: 120px;height: fit-content;}
.single-service-sidebar ul{list-style: none;padding: 0;margin: 0;}
.single-service-sidebar li{margin-bottom: 18px;}
.single-service-sidebar a{color: #111;text-decoration: none;}
.single-service-sidebar a.active,
.single-service-sidebar a:hover{color: #ff4757;}
.single-service-image img{width: 100%;border-radius: 12px;display: block;margin-bottom: 35px;}
.single-service-block{margin-bottom: 80px;}
.single-service-block h2{font-size: 34px;color: #252870;margin-bottom: 18px;}
.single-service-editor{font-size: 18px;line-height: 1.7;color: #555;}




