.custom-services-section{padding-bottom:100px;position:relative;overflow:hidden}.custom-services-section:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#ffc0cb40 0%,#0000 60%);width:800px;height:800px;position:absolute;bottom:-20%;left:-10%}.custom-services-container{align-items:flex-start;gap:70px;display:flex}.services-nav-list{flex-direction:column;flex:0 0 44%;gap:40px;display:flex}.service-nav-item{cursor:pointer;color:#333;font-family:var(--font-body);align-items:center;transition:all .35s cubic-bezier(.25,.8,.25,1);display:flex}.nav-num{margin-right:20px;font-size:28px;font-weight:500;transition:all .35s}.nav-title{font-size:22px;font-weight:400;transition:all .35s}.service-nav-item.active{color:#222;font-family:var(--font-heading)}.service-nav-item.active .nav-num{width:auto;font-size:80px;font-weight:600;line-height:.8}.service-nav-item.active .nav-title{font-size:32px;font-weight:500}.services-content-area{flex:1;min-width:0;padding-left:20px;position:relative}.slide-content-wrapper{flex-direction:column;display:flex}.service-full-image-wrap{width:100%;margin-bottom:34px}.service-full-image{border-radius:24px;width:100%;overflow:hidden}.service-full-image img{object-fit:cover;width:100%;height:auto;display:block}.service-description{color:#555;margin-bottom:28px;font-size:17px;line-height:1.75}.btn{align-items:center;display:flex}.gradient-btn{border-radius:999px;justify-content:center;align-items:center;padding:14px 34px;text-decoration:none;transition:all .3s;display:inline-flex}.btn-icon{margin-left:10px;font-size:20px}@media (max-width:1024px){.custom-services-container{flex-direction:column;gap:45px}.services-nav-list{width:100%;margin-bottom:0}.services-content-area{width:100%;padding-left:0}.service-nav-item.active .nav-num{font-size:60px}.service-nav-item.active .nav-title{font-size:28px}.service-full-image img{height:420px}}@media (max-width:767px){.custom-services-section{padding:70px 0}.custom-services-container{padding:0 20px}.nav-num{width:40px;margin-right:14px;font-size:22px}.nav-title{font-size:18px}.service-nav-item.active .nav-num{font-size:42px}.service-nav-item.active .nav-title{font-size:24px}.service-full-image img{height:260px}.service-description{max-width:100%;font-size:15px}.gradient-btn{padding:12px 24px;font-size:14px}}.slide-content-wrapper .btn{background:0 0}.service-hero-image{background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:end;height:800px;padding-bottom:60px;display:flex}.service-hero-content h1{color:#fff}section.service-intro-sec{padding-top:26px}section.service-intro-sec p.text4{color:#59595b;margin-top:10px}section.service-design-sec{padding-top:100px}section.service-design-sec .design-wrap{grid-template-columns:1fr 1fr;gap:30px;display:grid}section.service-design-sec .design-wrap .box{background:#fff;border-radius:16px;padding:30px;box-shadow:0 1px 9px #0000000d}section.service-design-sec .design-wrap .box img{display:block}section.service-design-sec .design-wrap .box h4{padding-top:20px;padding-bottom:20px;font-weight:600}section.service-design-sec .design-wrap .box p{color:#59595b;margin-bottom:20px}section.service-design-sec .design-wrap .box ul{color:#59595b;margin-left:18px;font-size:16px;line-height:26px}section.service-design-sec .design-wrap .box ul li{margin-bottom:7px}section.service-process-sec{padding-top:100px}section.service-process-sec .process-wrap{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}section.service-process-sec .process-wrap .box{background:#fff;border-radius:16px;padding:26px 19px;box-shadow:0 1px 9px #0000000d}section.service-process-sec h4{padding-top:10px;padding-bottom:10px;font-size:20px;font-weight:700}section.service-process-sec img{display:block}section.service-process-sec p{color:#59595b}section.service-process-sec h2{margin-bottom:40px}.service-accordion-item{width:100%}.mobile-service-content{display:none}@media (min-width:768px){.mobile-service-content{display:none!important}.services-content-area{display:block}}@media (max-width:767px){.custom-services-section{padding:70px 0}.custom-services-container{padding:0 20px}.services-nav-list{gap:12px}.service-accordion-item{background:#fff;border:1px solid #f2f0f0;border-radius:16px;overflow:hidden}.service-nav-item{padding:16px 14px}.nav-num{width:40px;margin-right:14px;font-size:22px}.nav-title{font-size:18px}.service-nav-item.active .nav-num{font-size:34px;line-height:1}.service-nav-item.active .nav-title{font-size:22px}.services-content-area{display:none}.mobile-service-content{padding:0 14px 16px;display:none}.mobile-service-content.open{display:block}.mobile-service-content .service-full-image-wrap{margin-bottom:18px}.mobile-service-content .service-full-image img{object-fit:cover;height:220px}.service-description{max-width:100%;font-size:15px}.gradient-btn{padding:12px 24px;font-size:14px}body section.service-hero-sec .service-hero-image{height:667px;padding-bottom:40px}body section.service-hero-sec .service-hero-image h1.title3.uppercase{text-transform:capitalize}body section.service-design-sec .design-wrap{grid-template-columns:1fr}body section.service-design-sec .design-wrap h4.gradient-text.uppercase{text-transform:capitalize;font-size:26px;line-height:36px}body section.service-process-sec h2.uppercase.center{text-transform:capitalize}body section.service-process-sec .process-wrap{grid-template-columns:1fr}section.service-process-sec .process-wrap .box h4.uppercase.text2{text-transform:capitalize;font-size:19px}body section.brand-logo-sec h2.uppercase.center{text-transform:capitalize}body section.brand-logo-sec .brand-logos-wrap{grid-template-columns:1fr 1fr 1fr;gap:15px}body section.brand-logo-sec .brand-logos-wrap .box{height:100px}body section.why-choose-sec h2.uppercase.center{text-transform:capitalize}body section.why-choose-sec .wrap{grid-template-columns:1fr;gap:20px}body section.why-choose-sec .wrap .box{height:208px}body section.why-choose-sec .wrap .box .text-wrap{padding:0 25px}body section.why-choose-sec .wrap .box .text-wrap h4.uppercase{font-size:26px;line-height:36px}body section.service-cta-sec .btn-group a{width:100%;min-width:295px}body section.service-cta-sec h2.uppercase.center{text-transform:capitalize}body section.custom-services-section .service-full-image img{height:auto;display:none}body section.custom-services-section{padding-top:0!important}body section.custom-services-section .service-full-image-wrap{margin-bottom:14px}}