@media(max-width:1250px){
.header-container{padding:0 25px}
.main-nav{gap:23px;margin-right:10px}
.search-box{width:205px}
}
@media(max-width:1050px){
.main-nav{gap:17px}
.main-nav a{font-size:14px}
.search-box{width:185px}
.header-actions{gap:13px}
}
@media(max-width:900px){
.site-header,.header-container{height:64px}
.header-container{padding:0 20px}
.site-logo img{width:205px}
.main-nav{display:none;position:absolute;top:64px;left:0;width:100%;margin:0;padding:12px 20px 18px;background:#fff;border-bottom:1px solid #e8e8e8;box-shadow:0 8px 20px rgba(0,0,0,.07);flex-direction:column;align-items:flex-start;gap:0}
.main-nav.is-open{display:flex}
.main-nav a{width:100%;padding:14px 4px;border-bottom:1px solid #f0f0f0;font-size:15px}
.search-box{display:flex;width:40px;padding:0;border:0;border-radius:0;justify-content:center}
.search-box span{display:none}
.header-actions{gap:15px}
.menu-toggle{width:27px;height:27px;padding:3px 0;border:0;background:transparent;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.menu-toggle span{width:27px;height:2px;border-radius:2px;background:#111;transition:.2s}
.menu-toggle.is-open span:nth-child(1){transform:translateY(9px) rotate(45deg)}
.menu-toggle.is-open span:nth-child(2){opacity:0}
.menu-toggle.is-open span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.mobile-search{position:absolute;top:64px;left:0;width:100%;padding:12px 20px;background:#fff;border-bottom:1px solid #e7e7e7;box-shadow:0 8px 18px rgba(0,0,0,.06)}
.mobile-search.is-open{display:block}
.mobile-search form{height:43px;display:flex;align-items:center;border:1px solid #ddd;border-radius:22px;overflow:hidden}
.mobile-search input{width:100%;height:100%;padding:0 14px;border:0;outline:0;font:inherit;font-size:14px}
.mobile-search button{width:48px;height:100%;border:0;background:transparent;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer}
}
@media(max-width:560px){
.header-container{padding:0 14px}
.site-logo img{width:175px}
.header-actions{gap:9px}
.header-icon{width:23px}
.header-icon svg,.search-box svg{width:19px;height:19px}
.cart-count{right:-5px}
.mobile-search{padding-left:14px;padding-right:14px}
}
@media(max-width:380px){
.site-logo img{width:155px}
.header-actions{gap:6px}
}
@media(max-width:900px){
.site-footer{padding:45px 0 25px}
.footer-container{grid-template-columns:1fr 1fr;gap:45px;padding:0 25px}
.footer-about{max-width:none}
.footer-contact{max-width:none}
.footer-bottom{margin:25px 25px 0;padding:35px 0 0;grid-template-columns:1fr;gap:22px;text-align:center}
.footer-copyright,.footer-credit{text-align:center}
.footer-social{order:2}
.footer-credit{order:3}
.back-to-top{right:18px;bottom:25px;width:45px;height:45px}
}
@media(max-width:600px){
.site-footer{padding:40px 0 25px}
.site-footer:before{left:-120px;opacity:.1}
.footer-container{grid-template-columns:1fr;gap:35px;padding:0 20px}
.footer-about p,.footer-contact p{font-size:13px;line-height:22px}
.footer-nav h3,.footer-contact h3{font-size:23px;margin-bottom:20px}
.footer-nav li{margin-bottom:13px}
.footer-contact p{margin-bottom:25px}
.footer-bottom{margin:25px 20px 0;padding-top:30px}
.footer-copyright,.footer-credit{font-size:13px}
.back-to-top{right:15px;bottom:15px}
}
@media(max-width:1050px){
.why-grid{grid-template-columns:repeat(2,1fr)}
.why-card{min-height:300px}
}
@media(max-width:650px){
.why-choose-section{padding:70px 18px}
.section-heading{margin-bottom:40px}
.section-heading h2{font-size:30px}
.section-heading p{font-size:14px;line-height:23px}
.why-grid{grid-template-columns:1fr;gap:16px}
.why-card{min-height:auto;padding:27px 23px}
}
@media(max-width:380px){
.section-heading h2{font-size:27px}
.why-card h3{font-size:16px}
.why-card p{font-size:13px;line-height:23px}
}
@media(max-width:1100px){
.testimonials-container{grid-template-columns:1fr;gap:55px}
.testimonials-intro{padding-right:0;text-align:center}
.testimonials-intro>p{margin-left:auto;margin-right:auto}
.testimonial-rating{justify-content:center;max-width:500px;margin:auto}
.testimonial-list{width:760px;max-width:100%;margin:auto;height:430px}
}
@media(max-width:800px){
.testimonials-section{padding:80px 20px}
.testimonials-intro h2{font-size:38px}
.testimonial-list{height:auto;display:grid;grid-template-columns:1fr;gap:18px}
.testimonial-card,.testimonial-card-main,.testimonial-card-second,.testimonial-card-third{position:relative;left:auto;top:auto;width:100%;min-height:300px;transform:none!important}
.testimonial-card-second,.testimonial-card-third{display:block}
.testimonial-card:hover{transform:translateY(-5px)!important}
}
@media(max-width:520px){
.testimonials-section{padding:65px 16px}
.testimonials-intro h2{font-size:31px;line-height:1.12;letter-spacing:-1px}
.testimonials-intro>p{font-size:14px;line-height:23px;margin-top:20px}
.testimonial-label{font-size:10px;margin-bottom:18px}
.testimonial-rating{align-items:flex-start;text-align:left}
.testimonial-card{padding:27px 23px;border-radius:18px;min-height:285px}
.testimonial-top{margin-bottom:38px}
.testimonial-text{font-size:16px;line-height:27px;margin-bottom:30px}
.quote-mark{font-size:85px;right:18px}
}
@media(max-width:360px){
.testimonials-intro h2{font-size:27px}
.testimonial-card{padding:24px 20px}
.testimonial-text{font-size:15px;line-height:25px}
}

@media(max-width:1050px){
.about-container{gap:45px}
.about-image{height:520px}
.about-content h2{font-size:37px}
.about-content p{font-size:13px;line-height:23px}
.about-experience{width:185px}
}
@media(max-width:800px){
.about-section{padding:75px 20px}
.about-container{grid-template-columns:1fr;gap:55px}
.about-image-wrap{max-width:650px;width:100%;margin:auto}
.about-image{height:520px}
.about-content{padding:0;max-width:650px;margin:auto}
.about-content h2{font-size:36px}
.about-content p{font-size:14px;line-height:25px}
}
@media(max-width:550px){
.about-section{padding:60px 16px}
.about-image-wrap{padding:0 12px 12px 0}
.about-image{height:390px;border-radius:16px}
.about-image-accent{border-radius:16px}
.about-experience{width:165px;min-height:78px;padding:14px;border-radius:11px;gap:9px}
.about-experience strong{font-size:25px}
.about-experience span{font-size:9px;line-height:14px}
.about-label{font-size:10px;padding:9px 15px;margin-bottom:18px}
.about-content h2{font-size:30px;line-height:1.15;letter-spacing:-.8px}
.about-line{margin:20px 0}
.about-content p{font-size:13px;line-height:23px;margin-bottom:15px}
.about-bottom{align-items:flex-start;flex-direction:column;gap:20px;margin-top:24px}
.about-btn{padding:13px 19px}
}
@media(max-width:380px){
.about-image{height:340px}
.about-content h2{font-size:27px}
.about-experience{width:150px}
.about-content p{font-size:12.5px}
}
@media(max-width:1100px){
.why-us-container{grid-template-columns:1fr;max-width:850px}
.why-us-content{padding:0}
.why-us-visual{max-width:700px;width:100%;margin:auto}
.why-us-image{height:500px}
}
@media(max-width:700px){
.why-us-section{padding:70px 18px}
.why-us-visual{padding-right:10px;padding-bottom:65px}
.why-us-image{height:430px;border-radius:15px}
.visual-bg{border-radius:18px}
.india-badge{left:-5px;top:35px;padding:11px 13px}
.badge-icon,.infra-icon{width:37px;height:37px;font-size:20px}
.infra-badge{right:-5px;bottom:100px;padding:11px 13px}
.why-stats{left:10px;right:25px;height:70px;padding:0 10px}
.why-stats strong{font-size:18px}
.why-stats span{font-size:8px}
.why-us-content h2{font-size:35px}
.why-benefits{gap:10px}
.benefit-card{min-height:76px;padding:9px}
.benefit-icon{width:38px;height:38px;flex-basis:38px}
}
@media(max-width:520px){
.why-us-section{padding:60px 15px}
.why-us-image{height:340px}
.india-badge{top:20px;left:-3px}
.india-badge strong{font-size:10px}
.india-badge span{font-size:8px}
.infra-badge{right:-3px;bottom:88px}
.infra-badge strong{font-size:10px}
.infra-badge span{font-size:8px}
.why-stats{left:5px;right:15px;height:63px}
.why-stats strong{font-size:15px}
.why-stats span{font-size:7px}
.why-us-content h2{font-size:30px;letter-spacing:-.8px}
.why-intro{font-size:13px;line-height:21px}
.why-benefits{grid-template-columns:1fr}
.benefit-card{min-height:70px}
.why-bottom{align-items:flex-start;flex-direction:column;gap:18px}
.why-note{padding-left:0;border-left:0}
}
@media(max-width:380px){
.why-us-image{height:300px}
.why-us-content h2{font-size:27px}
.why-stats{right:5px}
.why-stats strong{font-size:13px}
.why-stats span{font-size:6px}
}
@media(max-width:1050px){
.services-section{padding:85px 20px}
.services-heading{gap:35px}
.services-title-wrap h2{font-size:41px}
.services-grid{grid-template-columns:repeat(2,1fr)}
.service-featured{grid-row:span 2;min-height:618px}
}
@media(max-width:750px){
.services-section{padding:70px 18px}
.services-heading{display:block;margin-bottom:40px}
.services-title-wrap{max-width:100%}
.services-title-wrap h2{font-size:37px;letter-spacing:-1.2px}
.services-heading-right{max-width:650px;margin-top:20px}
.services-grid{grid-template-columns:1fr;gap:15px}
.service-featured{grid-row:auto;min-height:390px}
.service-card{min-height:270px}
.service-content h3{font-size:18px}
.service-featured .service-content h3{font-size:25px}
}
@media(max-width:500px){
.services-section{padding:60px 15px}
.services-label{font-size:10px;margin-bottom:14px}
.services-title-wrap h2{font-size:31px;line-height:1.12}
.services-heading-right p{font-size:13px;line-height:22px}
.service-card{min-height:250px;padding:23px 21px;border-radius:14px}
.service-featured{min-height:350px}
.service-icon{width:47px;height:47px;border-radius:12px}
.service-icon svg{width:23px;height:23px}
.service-content h3{font-size:17px;line-height:22px}
.service-featured .service-content h3{font-size:23px;line-height:29px}
.service-content p,.service-featured .service-content p{font-size:12px;line-height:20px}
.service-bg-text{font-size:65px}
.services-footer{margin-top:22px}
.services-footer p{font-size:10px}
}
@media(max-width:360px){
.services-title-wrap h2{font-size:27px}
.service-card{min-height:240px}
.service-featured{min-height:330px}
}
@media(max-width:800px){
.stats-section{padding:45px 18px 55px}
.stats-heading{font-size:16px;line-height:23px;margin-bottom:18px}
.stats-box{grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;border-radius:18px}
.stat-item{min-height:105px}
.stat-item strong{font-size:27px}
}
@media(max-width:500px){
.stats-section{padding:40px 15px 45px}
.stats-heading{font-size:14px;line-height:21px}
.stats-box{gap:9px;padding:9px;border-radius:15px}
.stat-item{min-height:92px;padding:10px}
.stat-item strong{font-size:24px}
.stat-item p{font-size:11px;margin-top:10px}
}
@media(max-width:350px){
.stats-box{grid-template-columns:1fr}
.stat-item{min-height:80px}
}
@media(max-width:1100px){
.hero-section,.hero-container{min-height:650px}
.hero-container{padding:70px 30px;grid-template-columns:50% 50%}
.hero-content h1{font-size:43px}
.hero-content p{font-size:13px;line-height:23px}
.hero-visual{height:570px;margin-left:-50px}
.card-one{right:150px}.card-two{right:155px}.card-three{right:100px}.card-four{right:30px;width:470px}.card-five{right:100px}.card-six{right:155px}
}
@media(max-width:800px){
.hero-section,.hero-container{min-height:auto}
.hero-container{padding:75px 22px 50px;display:block}
.hero-content{text-align:center}
.hero-content h1{font-size:40px;letter-spacing:-1px}
.hero-content p{margin:22px auto 28px;max-width:620px}
.hero-visual{height:500px;margin:30px 0 0}
.hero-person{background-position:center}
.hero-orbit{display:none}
.card-one{right:25%;top:35px;width:260px}
.card-two{right:25%;top:100px;width:250px}
.card-three{right:12%;top:165px;width:330px}
.card-four{right:3%;top:235px;width:400px}
.card-five{right:12%;top:335px;width:330px}
.card-six{right:25%;top:410px;width:250px}
}
@media(max-width:550px){
.hero-container{padding:60px 16px 35px}
.hero-label{font-size:9px;padding:7px 13px}
.hero-content h1{font-size:31px;line-height:1.1}
.hero-content p{font-size:12px;line-height:21px}
.hero-btn{font-size:12px;padding:13px 20px}
.hero-visual{height:440px;margin-top:35px}
.hero-floating-card{height:42px;font-size:10px;border-radius:7px}
.hero-floating-card.active{height:72px;font-size:17px}
.card-one{right:15%;top:20px;width:200px}
.card-two{right:15%;top:75px;width:195px}
.card-three{right:5%;top:130px;width:260px}
.card-four{right:0;top:190px;width:310px}
.card-five{right:5%;top:270px;width:260px}
.card-six{right:15%;top:325px;width:195px}
.hero-person{background-size:cover;background-position:center}
}
@media(max-width:380px){
.hero-content h1{font-size:27px}
.hero-content p{font-size:11px}
.hero-visual{height:400px}
.hero-floating-card.active{font-size:15px}
.card-one{right:10%;width:180px}.card-two{right:10%;width:175px}.card-three{right:0;width:235px}.card-four{width:285px}.card-five{right:0;width:235px}.card-six{right:10%;width:175px}
}

@media(max-width:1050px){
.contact-hero h1{font-size:44px}
.contact-hero-inner{grid-template-columns:55% 45%}
.hero-contact-card{right:0}
.contact-info-grid{grid-template-columns:1fr 1fr}
.contact-main-grid{gap:35px}
}
@media(max-width:800px){
.contact-hero,.contact-hero-inner{min-height:auto}
.contact-hero-inner{display:block;padding-top:80px;padding-bottom:65px}
.contact-hero-content{text-align:center;margin:auto}
.contact-hero p{margin-left:auto;margin-right:auto}
.contact-hero-shape{height:270px;max-width:450px;margin:35px auto 0}
.hero-circle-one{width:270px;height:270px;right:50%;transform:translateX(50%)}
.hero-circle-two{width:200px;height:200px;right:50%;top:35px;transform:translateX(50%)}
.hero-contact-card{right:50%;top:60px;transform:translateX(50%);width:250px}
.contact-info-section,.contact-main-section,.support-section{padding:75px 0}
.contact-main-grid{grid-template-columns:1fr}
.contact-form-area{max-width:700px;width:100%;margin:auto}
.contact-map-area{max-width:700px;width:100%;margin:auto}
.support-grid{grid-template-columns:1fr 1fr}
.support-card:last-child{grid-column:1/-1}
}
@media(max-width:550px){
.contact-container{padding-left:16px;padding-right:16px}
.contact-hero-inner{padding-top:65px;padding-bottom:45px}
.contact-hero h1{font-size:34px;line-height:1.12}
.contact-hero p{font-size:13px;line-height:22px}
.contact-info-section{padding:60px 0}
.contact-section-heading h2{font-size:31px}
.contact-info-grid{grid-template-columns:1fr}
.contact-info-card{min-height:125px;padding:21px}
.contact-main-section{padding:60px 0}
.contact-form-heading h2{font-size:31px}
.contact-form{padding:22px 18px}
.form-row{grid-template-columns:1fr;gap:0}
.google-map{height:350px}
.support-section{padding:65px 0}
.support-heading h2{font-size:29px}
.support-grid{grid-template-columns:1fr}
.support-card:last-child{grid-column:auto}
.support-card{min-height:280px;padding:25px}
}
@media(max-width:380px){
.contact-hero h1{font-size:29px}
.contact-hero-btn{font-size:11px}
.hero-contact-card{width:225px;padding:22px}
.contact-section-heading h2{font-size:28px}
.contact-form-heading h2{font-size:28px}
.google-map{height:300px}
}

@media(max-width:1050px){
.faq-hero h1{font-size:43px}
.faq-layout{grid-template-columns:235px 1fr;gap:35px}
.faq-intro-grid{gap:40px}
}
@media(max-width:800px){
.faq-hero-inner{display:block;padding-top:75px;padding-bottom:55px}
.faq-hero-content{text-align:center;margin:auto}
.faq-hero p{margin-left:auto;margin-right:auto}
.faq-hero-visual{height:290px;max-width:430px;margin:35px auto 0}
.faq-main-question{right:50%;transform:translateX(50%);top:50px;width:150px;height:150px;font-size:90px}
.orbit-a{right:50%;transform:translateX(50%);width:290px;height:290px}
.orbit-b{right:50%;transform:translateX(50%);width:215px;height:215px;top:38px}
.card-a{right:58%;top:25px}.card-b{right:2%;top:90px}.card-c{right:55%;bottom:20px}
.faq-intro{padding:70px 0 45px}
.faq-intro-grid{grid-template-columns:1fr;gap:25px}
.faq-layout{grid-template-columns:1fr;gap:30px}
.faq-sidebar{position:relative;top:auto}
.faq-sidebar-title{display:none}
.faq-category{display:inline-block;width:auto;margin:3px;padding:9px 13px}
.faq-sidebar-contact{display:none}
.faq-section{padding-top:30px}
.faq-cta-box{display:block;padding:35px 30px}
.faq-cta-actions{margin-top:25px}
}
@media(max-width:550px){
.faq-hero-inner{padding-top:60px}
.faq-hero h1{font-size:33px}
.faq-hero p{font-size:13px;line-height:22px}
.faq-hero-visual{height:260px}
.faq-main-question{width:130px;height:130px;font-size:75px}
.orbit-a{width:250px;height:250px}
.orbit-b{width:185px;height:185px}
.card-a{right:56%;top:15px}.card-b{right:0;top:80px}.card-c{right:52%;bottom:12px}
.faq-question-card{font-size:9px;padding:8px 11px}
.faq-question-card strong{width:22px;height:22px}
.faq-intro{padding:55px 0 35px}
.faq-intro h2{font-size:31px}
.faq-section{padding-bottom:65px}
.faq-sidebar{padding:14px}
.faq-category{font-size:10px;padding:8px 10px}
.faq-group-heading h3{font-size:21px}
.faq-group-heading p{font-size:10px}
.faq-question{font-size:12px;padding:18px 45px 18px 17px}
.faq-answer{padding:0 40px 18px 17px}
.faq-answer p{font-size:11px;line-height:20px}
.faq-cta{padding-bottom:65px}
.faq-cta-box{padding:30px 22px}
.faq-cta-box h2{font-size:24px}
.faq-cta-actions{align-items:flex-start;flex-direction:column;gap:15px}
}
@media(max-width:380px){
.faq-hero h1{font-size:29px}
.faq-hero-visual{height:235px}
.faq-main-question{width:115px;height:115px;font-size:65px}
.orbit-a{width:220px;height:220px}
.orbit-b{width:165px;height:165px}
.faq-intro h2{font-size:28px}
}

@media(max-width:1100px){

.about-page-hero-inner{
    grid-template-columns:1fr;
    padding:90px 0;
}

.about-page-hero-copy{
    text-align:center;
}

.about-page-kicker{
    justify-content:center;
}

.about-page-hero-copy>p{
    margin-left:auto;
    margin-right:auto;
}

.about-page-hero-art{
    height:420px;
}

.about-company-grid{
    grid-template-columns:430px 1fr;
    gap:55px;
}

.about-why-grid{
    grid-template-columns:repeat(2,1fr);
}

.about-mission-box{
    gap:50px;
    padding:50px;
}

}


@media(max-width:850px){

.about-page-hero h1{
    font-size:55px;
}

.about-company{
    padding:90px 0;
}

.about-company-grid{
    grid-template-columns:1fr;
}

.about-company-image{
    max-width:650px;
    height:500px;
}

.about-company-content{
    max-width:750px;
}

.about-numbers-heading{
    display:block;
}

.about-numbers-heading>p{
    margin-top:20px;
}

.about-numbers-grid{
    grid-template-columns:1fr 1fr;
}

.about-number:nth-child(2){
    border-right:0;
}

.about-number:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.1);
}

.about-mission-box{
    grid-template-columns:1fr;
}

.about-mission-list{
    border-left:0;
    border-top:1px solid #e2e8ef;
    padding:15px 0 0;
}

.about-final-cta-inner{
    padding:45px;
}

}


@media(max-width:600px){

.about-page-container{
    width:calc(100% - 28px);
}

.about-page-hero{
    min-height:auto;
}

.about-page-hero-inner{
    min-height:auto;
    padding:70px 0 50px;
}

.about-page-hero h1{
    font-size:42px;
    letter-spacing:-2px;
}

.about-page-hero-copy>p{
    font-size:14px;
}

.about-page-hero-art{
    height:330px;
}

.about-page-circle{
    transform:scale(.72);
}

.about-page-main-card{
    width:205px;
    height:245px;
}

.about-page-o2-mark{
    width:68px;
    height:68px;
    font-size:22px;
    margin-bottom:18px;
}

.about-page-main-card-title{
    font-size:18px;
}

.about-page-main-card-text{
    font-size:11px;
}

.about-mini-top{
    top:10px;
    right:0;
}

.about-mini-bottom{
    bottom:10px;
    left:0;
}

.about-page-mini-card{
    min-width:120px;
    padding:12px;
}

.about-page-mini-card strong{
    font-size:20px;
}

.about-company{
    padding:75px 0;
}

.about-company-image{
    height:390px;
}

.about-company-content h2{
    font-size:38px;
}

.about-company-points{
    grid-template-columns:1fr;
}

.about-numbers{
    padding:75px 0;
}

.about-numbers-heading h2{
    font-size:39px;
}

.about-number{
    padding:32px 15px;
}

.about-number strong{
    font-size:38px;
}

.about-why{
    padding:75px 0;
}

.about-why-heading h2{
    font-size:40px;
}

.about-why-grid{
    grid-template-columns:1fr;
}

.about-feature{
    min-height:190px;
}

.about-feature h3{
    margin-top:35px;
}

.about-mission{
    padding:70px 0;
}

.about-mission-box{
    padding:30px 24px;
}

.about-mission-left h2{
    font-size:38px;
}

.about-final-cta{
    padding-bottom:60px;
}

.about-final-cta-inner{
    display:block;
    padding:38px 25px;
}

.about-final-cta-inner h2{
    font-size:34px;
}

.about-final-cta-inner>a{
    display:inline-block;
    margin-top:28px;
}

}


@media(max-width:380px){

.about-page-hero h1{
    font-size:36px;
}

.about-page-hero-art{
    transform:scale(.9);
    margin:-15px 0;
}

.about-company-content h2,
.about-why-heading h2,
.about-mission-left h2{
    font-size:34px;
}

.about-numbers-grid{
    grid-template-columns:1fr;
}

.about-number{
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.about-number:last-child{
    border-bottom:0;
}

}
@media(max-width:1100px){

.services-hero-inner{
    grid-template-columns:1fr;
    padding:90px 0;
}

.services-hero-copy{
    text-align:center;
}

.services-page-kicker{
    justify-content:center;
}

.services-hero-copy>p{
    margin-left:auto;
    margin-right:auto;
}

.services-hero-visual{
    height:420px;
}

.services-category-nav{
    grid-template-columns:repeat(3,1fr);
}

.services-category-nav a:nth-child(3){
    border-right:0;
}

.service-showcase-grid{
    gap:60px;
}

.services-process-grid{
    grid-template-columns:1fr 1fr;
}

.services-process-item:nth-child(2){
    border-right:0;
}

.services-process-item:nth-child(-n+2){
    border-bottom:1px solid #e3e9ef;
}

.services-why-inner{
    gap:60px;
}

}


@media(max-width:850px){

.services-hero-copy h1{
    font-size:55px;
}

.services-intro{
    padding:80px 0 50px;
}

.services-intro-grid{
    grid-template-columns:1fr;
    gap:30px;
}

.service-showcase{
    padding:85px 0;
}

.service-showcase-grid{
    grid-template-columns:1fr;
    gap:50px;
}

.service-reverse .service-visual{
    order:1;
}

.service-reverse .service-content{
    order:2;
}

.service-visual{
    min-height:400px;
}

.services-why-inner{
    grid-template-columns:1fr;
}

.services-process-heading{
    display:block;
}

.services-process-heading>p{
    margin-top:20px;
}

.services-final-cta-inner{
    padding:45px;
}

}


@media(max-width:600px){

.services-page-container{
    width:calc(100% - 28px);
}

.services-page-hero{
    min-height:auto;
}

.services-hero-inner{
    min-height:auto;
    padding:70px 0 50px;
}

.services-hero-copy h1{
    font-size:42px;
    letter-spacing:-2px;
}

.services-hero-copy>p{
    font-size:14px;
}

.services-hero-actions{
    justify-content:center;
    flex-wrap:wrap;
}

.services-hero-visual{
    height:330px;
}

.services-orbit{
    transform:scale(.72);
}

.services-hero-core{
    width:205px;
    height:245px;
}

.services-core-icon{
    width:68px;
    height:68px;
    font-size:22px;
}

.services-float-one{
    top:15px;
}

.services-float-two{
    left:0;
    bottom:50px;
}

.services-float-three{
    right:0;
    bottom:0;
}

.services-category-nav{
    grid-template-columns:1fr 1fr;
}

.services-category-nav a:nth-child(odd){
    border-right:1px solid #e4eaf0;
}

.services-category-nav a:nth-child(even){
    border-right:0;
}

.services-intro h2{
    font-size:38px;
}

.service-content h2{
    font-size:42px;
}

.service-check-list{
    grid-template-columns:1fr;
}

.service-visual{
    min-height:350px;
}

.service-laptop-shape{
    transform:scale(.8);
}

.service-device-stack{
    transform:scale(.8);
}

.service-amc-card{
    transform:scale(.82);
}

.network-map{
    transform:scale(.75);
}

.product-orbit{
    transform:scale(.75);
}

.ewaste-circle{
    width:150px;
    height:150px;
}

.ewaste-circle span{
    font-size:60px;
}

.services-process{
    padding:80px 0;
}

.services-process-heading h2{
    font-size:40px;
}

.services-process-grid{
    grid-template-columns:1fr;
}

.services-process-item{
    border-right:0;
    border-bottom:1px solid #e3e9ef;
}

.services-process-item:last-child{
    border-bottom:0;
}

.services-why{
    padding:80px 0;
}

.services-why-copy h2{
    font-size:40px;
}

.services-why-points{
    grid-template-columns:1fr;
}

.services-why-points>div,
.services-why-points>div:nth-child(2n){
    border-right:0;
    border-bottom:1px solid #e4eaf0;
}

.services-why-points>div:last-child{
    border-bottom:0;
}

.services-final-cta{
    padding-bottom:60px;
}

.services-final-cta-inner{
    display:block;
    padding:38px 25px;
}

.services-final-cta-inner h2{
    font-size:34px;
}

.services-final-cta-inner>a{
    display:inline-block;
    margin-top:28px;
}

}


@media(max-width:380px){

.services-hero-copy h1{
    font-size:36px;
}

.services-hero-visual{
    transform:scale(.9);
    margin:-15px 0;
}

.services-intro h2,
.services-why-copy h2{
    font-size:34px;
}

.service-content h2{
    font-size:36px;
}

.services-category-nav a{
    padding:15px 10px;
    font-size:9px;
}

}