@media screen and (max-width: 1200px) {
.hero-content {
    display: flex;
    gap: 24px;
    flex-direction: column;
    width: 100%;
}
/* Root Variables */

:root { 
   
    /* Font Sizes */ 
    --font-heading1: 70px;
    --font-heading2: 60px;
    --font-heading3: 39px;
    --font-heading4: 31px;
    --font-heading5: 25px;
    --font-heading6: 20px;
    --font-lg: 25px;
    --font-md:18px;
    --font-sm: 16px;
    --font-xsm: 14.5px;  
 
}

.about-image-one{
    display: flex;
    top: 55px;
}
.about-image-one svg{
        width: 80%;
    margin: auto;
            height: auto;
}
.about-image-two{
    width: 100%;
}
.outcomes-grid{
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.footer-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0;
    border-top: 1px solid rgba(252, 251, 250, 10%);
    border-left: none;
}
.footer-wrapper { 
    grid-template-columns: 1fr 0.9fr; 
}
}

@media screen and (max-width: 992px) {
 .header{
    top: 0;
 }
 .hero-wrapper {
      min-height: auto;
    padding-top: 40px;
 }
 .hero-wrapper{
display: flex;
        flex-direction: column-reverse;
 }
    .hero-video-container {
        position: relative;
        left: 0;
        height: 400px;
        width: 400px;
        overflow: hidden;
    }
.hero-content{
    width: 100%;
}
.about-image-one img{
    width: 100%;
}
.about-image-two img{
    width: 100%;
}
.cta-image img {
    width: 111%;
    right: -42px;
    top: 138px;
    position: absolute;
}
.contact-left{
    margin-right: 0;
}
.cta-vector {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 32%;
} 
.solution-grid { 
    display: grid;
    grid-template-columns: 1fr 1fr;
    row-gap: 50px;
}
 .testimonials-slide{
    padding: 20px;
}
.management-grid .tab-wrapper { 
    gap: 50px;
    display: flex;
    flex-direction: column;
}
.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal{
    width: 90%!important;
    left: 5%!important;
}
.cta-content{
    padding: 30px;
}
.contact-wrapper{
    display: flex;
    flex-direction: column;
}
.footer-logo img {
    max-width: 200px;
}
.testimonials-slide .testimonials-slide-icon img{
    width: 25px;
}
.testimonials .swiper-slide{
    max-width: 400px;
}
.journey-grid .swiper-slide{
    max-width: 300px;
}
.testimonials-slide{
    gap: 25px;
}
.head-secondary {
    margin-top: 14px; 
}
.navbar { 
    /* padding-bottom: 50px; */
}
    .nav-buttons.mob { 
        margin-top: 20px;
        margin-bottom: 50px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
    padding: 1rem .5rem;
    margin: 0 0rem 0px;
    padding-left: 0;
}
.navbar-nav{
    padding-top: 25px;
}
.solution-border{
    border: none;
} 
.soution-block:nth-child(odd){ 
    padding-left: 0;
      border-right: 1px solid #4F4F4F;
}
.about-image-one {
        display: flex;
        top: 10%;
    }
    .management-right{
        display: none;
    }
    .mob-content{
  display: block;
}
.tab-btn.active .mob-content{
    color:  var(--secondary)!important;
}
.tab-pane { 
    background: transparent; 
}
.tab-pane ul{
    color: #fff!important;
}
}

@media screen and (max-width: 790px) {
 :root { 
   
    /* Font Sizes */ 
    --font-heading1: 50px;
    --font-heading2: 40px;
    --font-heading3: 29px;
    --font-heading4: 25px;
    --font-heading5: 22px;
    --font-heading6: 20px;
    --font-lg: 25px;
    --font-md:18px;
    --font-sm: 16px;
    --font-xsm: 14.5px;  
 
}
h1 {
    letter-spacing: -1.4px;
    line-height: 55px;
}
.heading2 { 
    letter-spacing: -1.4px;
    line-height: 45px;
}
.footer-wrapper { 
        display: flex;
        flex-direction: column;
        gap: 0;
    }
    .services-grid{
          grid-template-columns: 1fr 1fr;
    gap: 20px;
    row-gap: 40px;
    }
    
.services-container { 
    display: flex;
    gap: 20px;
    flex-direction: column;
            align-items: flex-start;
}
footer{
    padding-top: 50px;
}
.contact {
    background-color: #FCFCFC;
    margin-top: 40px;
    margin-bottom: 50px;
    overflow: hidden;
}
.about-section, .outcomes-section, .services-section, .solution, .our-value, .management, .journey, .testimonials, .contact {
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer-logo{
    margin-bottom: 30px;
}
.footer-left{
    padding-top: 30px;
    padding-bottom: 30px;
}
.footer-bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.journey,.testimonials{
    padding-bottom: 80px; 
}
.testimonials .swiper-slide{
    max-width: 350px;
}
.journey-grid .swiper-slide{
    max-width: 350px;
}
.cta-wrapper { 
    display: flex
;
    flex-direction: column;
}
.cta-image img {
        width: 90%;
        right: -63px;
        top: 0;
        position: relative;
    }
    .primary-button,.secondary-button,.secondary-button-02{
        padding: 15px 20px;
    }
    .our-value-grid {
        display: flex;
        flex-direction: column;
    }
    .our-value-block.two {
    border-left: none;
    border-top: 1px solid #E7E7E7;
}
.our-value-block.three {
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.our-value-block.four {
    border-right: none;
       border-left: none;
}
.our-value-block.six {
    border: none;
    border-left: none;
    border-top: 1px solid #E7E7E7;
}
.our-value-image {
    width: 52px;
    height: 52px;
    margin-top: 5px;
    flex: none;
}
.solution-grid{
    display: flex;
    flex-direction: column;
}
    .soution-block:nth-child(odd) {
        padding-left: 0;
        border-right: none;
    }
       .soution-block:nth-child(even) {
        padding-left: 0; 
    }
    .soution-block{
        gap: 25px;
        border-bottom: 1px solid #4F4F4F;
    }
     .soution-block:last-child{
        border-bottom: none;
     }
    .solution-grid{
        row-gap:0;
    }
    .our-value-block{
        padding-left: 0;
    }
    .solution-grid,.our-value-grid{
        margin-top: 0;
    }
    .management-grid,.contact-wrapper {
    margin-top:25px;
}
.about-content p {
    color: var(--gray-800);
    letter-spacing: -0.8px;
    line-height: 40.8px;
}
}

@media screen and (max-width: 478px) {
     :root { 
   
    /* Font Sizes */ 
    --font-heading1: 40px;
    --font-heading2: 30px;
    --font-heading3: 25px;
    --font-heading4: 22px;
    --font-heading5: 20px;
    --font-heading6: 18px;
    --font-lg: 25px;
    --font-md:18px;
    --font-sm: 16px;
    --font-xsm: 14.5px;  
 
}
    h1 {
        letter-spacing: -1.4px;
        line-height: 44px;
    }
        .heading2 {
        letter-spacing: -1.4px;
        line-height: 35px;
    }
    .about-content p {
    color: var(--gray-800);
    letter-spacing: -0.8px;
    line-height: 30.8px;
}
   .hero-wrapper{
    padding-top: 0px;
   } 
       .hero-video-container {
        position: relative;
        left: 0;
        height: 270px;
        width: 100%;
        overflow: hidden;
    }
    .hero-wrapper{
         grid-column-gap: 20px;
    grid-row-gap: 20px;   
    }
    .hero{
        padding-bottom: 40px;
    }
    .head-wrapper {
    display: flex
;
    align-items: flex-start;
    gap: 10px;
    position: relative;
    z-index: 2;
    flex-direction: column;
}
.outcomes-grid{
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.outcomes-content{
    text-align: center;
}
.outcomes-underline {
    height: 1px;
    width: 48px;
    background: var(--gray-100);
    margin: auto;
    margin-top: 12px;
    margin-bottom: 12px;
}
.services-grid{
    display: flex;
    flex-direction: column;
}
.management-right img{
    display: none;
}
.tab-content {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
}
.tab-wrapper{
    gap: 25px;
}
.soution-block-image{
    width: 50px;
    height: 50px;
}
.our-value-block {
    display: flex;
    gap: 24px;
    padding-right: 0;
    border: 1px solid #E7E7E7;
    flex-direction: column;
}
.contact-left{
    gap: 50px;
}
.contact-right .form-row{
    display: flex;
    flex-direction: column;
}
.contact-right form{
    margin-top: 25px;
}
    .testimonials .swiper-slide {
        max-width: 90%;
    }
        .journey-grid .swiper-slide {
        max-width: 90%;
    }
    .contact-right{
        padding: 40px 20px;
    }
        .soution-block{
            padding-right: 0;
        }
        .footer-left-links {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.footer-bottom-links {
    display: flex
;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
}
    .cta-content,.contact-left,.tab-pane {
        padding: 20px;
        padding-right: 0;
    }
    .about-grid{
        gap: 15px;
    }
}

@media screen and (max-width: 332px) {}


/* Responsive Design */

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