
@media (max-width: 1599.98px) {
.hero .hero-content{padding-top: 10%;}
.hero .hero-content h1 .accent-text{font-size: 2.5rem;}
.hero-content p{font-size: 1.07rem;}
.header .logo img {width: 8rem;}
.row-1 .item,.row-2 .item {font-size: clamp(1.28rem, 3vw, 1.28rem);}
.section-heading{font-size: 2.5rem !important;}
.features-2 .feature-item .feature-icon{max-width: 5rem; max-height: 5rem;}
.section-title h2{padding-bottom: 0px;}
.explore-col-right h2{font-size: 2.21rem; font-weight: 600; line-height: 1.5;}
.explore-col-right h2 span{display: inline-block;}
}
@media (max-width: 1199.98px) {
    .hero{min-height: 44rem;}
    .hero-content p {max-width: 100%;}
    .item{padding: 1.5rem 1.5rem;}
    .marquee-section{padding: 2rem 0px;}
    .keycount-wrapper {
    display: flex;
    justify-content: start;
}
    .keycount-box{width: 100%; max-width: 15%; flex: 0 0 15%;}
}
@media (max-width: 991px) {
.btngetstarted{display: none;}
.keycount-wrapper {flex-wrap: wrap; gap: 2rem;}
.section-padding {padding: 2.5rem 0px;}
.about .image-wrapper .small-image{bottom: -5%;}
.features-2 .feature-item .feature-icon{margin-left: auto; margin-right: auto;}
.key-strengths-box{max-width: 45%; flex: 0 0 45%; min-height: 12rem;}
.about .image-wrapper .main-image{max-width: 52%;}
.keycount-item h3{font-size: 1.75rem;}
.keycount-item p{font-size: 1.07rem; white-space: break-spaces;}
.features-2 .feature-item{min-height: 25rem; max-height: 25rem;}
.branding-heading{font-size: 1.75rem !important;}
.branding-text{max-width: 100%;}
.explore-row {flex-direction: column;}
}


@media (max-width: 767.98px) {
    .hero{min-height: 44rem;}
    .hero .hero-content{padding-top: 0px;}
    .hero .hero-content h1{font-size: 2.5rem;}
    .hero .hero-content h1 .accent-text{font-size: 2rem;}
    .hero-content p{font-size: 1.1rem;}
    .keycount-box{margin-bottom: 2rem;}
    .keycount-box:last-child{margin-bottom: 0;}
    .keycount-item h3{font-size: 1.5rem;}
    .keycount-item h3 span {font-size: 1.43rem;}
    .keycount-itemicon {max-width: 4rem; max-height: 4rem; min-width: 4rem; min-height: 4rem;}
    .keycount-itemicon img {min-width: 2rem; max-width: 2rem;}
    .keycount-item p{font-size: 1rem; white-space: normal;}
    .section-heading{font-size: 2rem !important;}
    .techskill-row {flex-direction: column; gap: 0rem;}
    .techskill-left, .techskill-right {max-width: 100%; flex: 0 0 100%;}
    .section-heading span {display: contents !important;}
    .keycount-box{justify-content: center; width: 100%; max-width: 100%; flex: 0 0 100%; margin: auto;}
    .keycount-vhr {width: 75%; height: 1px; min-height: 1px;}
    .keycount-item h3 {font-size: 2rem;}
    .keycount-item p {font-size: 1.28rem;}
    .about .about-title {font-size: 2rem !important;}
    .features-2 .feature-item {min-height: auto;  max-height: 33rem;  margin-bottom: 2rem !important;}
    .features-2 .col-lg-6 {margin-bottom: 5rem; padding-bottom: 3rem;}
    .explore-col-right h2 {font-size: 2rem;}
}

@media (max-width: 575.98px) {
    .header .logo{max-width: 4rem;}
    .feature-item .d-flex {flex-direction: column;}
    .section-padding {padding: 2.14rem 0px;}
    .accordion_buttonwrapp {font-size: 1.14rem; flex-wrap: wrap;}
    .features-2 .feature-item .feature-icon {background: linear-gradient(146deg, #007BC4 12.48%, #0B4387 90.06%); max-width: 4rem; max-height: 4rem; margin-left: auto; margin-right: auto;}
    .section-title{padding-bottom: 30px;}
    .techskill-wrapp{gap: 4px;}
    .techskill-name{max-width: 100%; width: 100%;}
    .key-strengths-box{max-width: 100%; flex: 0 0 100%;}
    .features-2 .feature-item{padding: 2.5rem 1.5rem;}
    .explore-col-left {max-width: 100%; flex: 0 0 100%;}
    .explore-col-right h2 span {display: contents;}
    .footer .copyright p {font-size: 0.75rem;}
    .features-2 .col-lg-6 {margin-bottom: 0rem; padding-bottom: 3rem;}
    .form-wrapper{padding: 2.5rem 1.5rem;}
    .hero .hero-content h1 .accent-text br{display: none;}
    .hero{padding-top: 130px;}
    .header .header-container{min-height: 5rem;}
    .row-1 .item, .row-2 .item {font-size: clamp(1rem, 3vw, 1rem);}
}