@media screen and (max-width:1366px) {
    .platform-architecture .architect-header {
        gap: 30%;
    }
}

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

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-heading .desc {
        font-size: var(--fs20);
    }
    .platform .platform-main-content .platform-main-tab .platform-list ul li button,
    .platform .platform-main-content .platform-main-tab .platform-list ul li.platform-activebtn button {
        font-size: var(--fs22);
    }

    .execute-section .execute-btn {
        padding: var(--fs15) var(--fs20);
    }
    .execute-section .expoSwiper {
        width: 90%;
    }

    .steps span {
        font-size: var(--fs17);
    }
    .expo-content-container .expo-title {
        font-size: var(--fs27);
    }
    .execute-section .execute-btn, .expo-content-container .expo-desc {
        font-size: var(--fs22);
    }
    .execute-section .swiper-slide-prev, .execute-section .swiper-slide-next {
        width: 18.6% !important;
    }
    .build-section .content-wrapper .item .left-wrapper .text ,.build-section .content-wrapper .item .right-wrapper .desc {
        font-size: var(--fs22);
    }

}

@media screen and (max-width:1024px){
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform {
        padding: var(--fs70);
    }
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-heading .desc {
        font-size: var(--fs21);
    }
     .platform .platform-main-content .platform-main-tab .platform-list ul li button,
    .platform .platform-main-content .platform-main-tab .platform-list ul li.platform-activebtn button {
        font-size: var(--fs24);
    }
    .execute-section .execute-btn {
        padding: var(--fs17) var(--fs22);
    }
    .steps span {
        font-size: var(--fs18);
    }
    .expo-content-container .expo-title {
        font-size: var(--fs28);
    }
    .expo-content-container .expo-desc {
        font-size: var(--fs23);
    }
    .execute-section .swiper-slide-prev, .execute-section .swiper-slide-next {
        width: 18.6% !important;
    }

}

@media (max-width: 992px) {
    .platform .platform-header {
        padding: var(--fs50-m) 0;
        justify-content: start;
        align-items: flex-start;
        flex-direction: column;
        width: 87%;
        margin: 0 auto;
    }


    .platform .platform-header .plat-head {
        font-size: var(--fs36-m);
        width: 100%;
    }

    .platform .plat-content {
        width: auto;
        font-size: var(--fs20-m);
        text-align: start;
    }

    .platform .platform-main-content .platform-main-tab {
        width: 100%;
        margin-top: var(--fs35-m);
    }

    .platform .platform-main-content .platform-main-tab .platform-list ul li button {
        padding: var(--fs30-m) var(--fs30-m);
        font-size: var(--fs18-m);
    }

    .platform .platform-main-content .platform-main-tab .platform-list ul li.platform-activebtn button {
        font-size: var(--fs18-m);
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform {
        flex-direction: column;
        align-items: flex-start;
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-heading {
        width: 100%;
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-heading h1 {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs13-m);
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-heading .desc {
        font-size: var(--fs18-m);
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg {
        width: 100%;
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg {
        align-self: center;
        justify-content: center;
        flex-wrap: wrap;
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img {
        width: var(--fs100-m);
        height: var(--fs100-m);

    }


    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img img.plat1-img,
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img img.plat3-img,
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img img.plat4-img,
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img img.plat5-img {
        width: 60%;
    }

    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main .focused-img img.plat2-img {
        width: 80%;
    }

    .platformimg-main p {
        margin-top: var(--fs24-m);
        font-size: var(--fs22-m);
    }

    /* Spactial execution-platform */
    .spatial-execution-platform {
        padding: var(--fs90-m) 0;
    }

    .spatial-execution-platform .execution-wrapper .ex-header {
        margin-bottom: var(--fs30-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-header h1 {
        font-size: var(--fs32-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content p.s-text {
        font-size: var(--fs28-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content h1.dynamic-text {
        font-size: var(--fs60-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content p.small {
        font-size: var(--fs20-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-right-content {
        position: relative;
        z-index: inherit;
        right: unset;
        top: unset;
        width: 100%;
        margin-top: var(--fs50);
    }


    .spatial-execution-platform .execution-wrapper .ex-content .ex-right-content p.desc {
        margin-bottom: var(--fs30-m);
        font-size: var(--fs24-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-img-swiper {
        margin: unset;
        margin-left: auto;
        width: 36.5%;
        margin-bottom: var(--fs40-m);

    }


    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content {
        top: 20.7%;
    }

    /* Core Components */

    .components-section {
        padding: var(--fs70-m) 0;
    }

    .components-section .components-wrapper h1.com-title {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs70);
    }

    .components-section .components-wrapper .components-content {
        display: none;
    }

    .components-section .components-wrapper .components-mobile-content {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
    }

    .components-section .components-wrapper .components-mobile-content .content-card {
        padding: var(--fs30-m) 0;
        width: 100%;
    }

    .components-section .components-wrapper .components-mobile-content .content-card .card-header {
        display: flex;
        align-items: start;
        gap: var(--fs18-m);
    }


    .components-section .components-wrapper .components-mobile-content .content-card .card-header .icon-container {
        width: var(--fs55-m);
        height: var(--fs55-m);
        border-radius: 50%;
        background: var(--GeraniumLake);
        padding: max(.75vw, .35rem);

        flex-shrink: 0;

        display: flex;
        align-items: center;
        justify-content: center;
    }

    .components-section .components-wrapper .components-mobile-content .content-card .card-header .icon-container img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: invert(1);
    }

    .components-section .components-wrapper .components-mobile-content .content-card:first-child .card-header .icon-container img {
        filter: unset;
    }


    .components-section .components-wrapper .components-mobile-content .content-card .card-header p.c-title {
        font-weight: 500;
        font-size: var(--fs26-m);
        color: var(--black-11);
        margin-bottom: var(--fs10-m);
    }

    .components-section .components-wrapper .components-mobile-content .content-card .img-container {
        width: 100%;
        aspect-ratio: 662 / 453;
        border-radius: var(--fs25-m);
        margin-bottom: var(--fs30-m);
        border: 1px solid rgba(0, 0, 0, .2);
    }

    .components-section .components-wrapper .components-mobile-content .content-card .img-container img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: inherit;
    }

    .components-section .components-wrapper .components-mobile-content .content-card:nth-child(3) .img-container img {
        object-fit: contain;
    }

    .components-section .components-wrapper .components-mobile-content .content-card p.desc {
        font-weight: 500;
        font-size: var(--fs23-m);
        color: var(--black-11);
    }


    /* Problem and solutions */
    .problem-section {
        padding: var(--fs100-m) 0;
    }

    .problem-section .problem-wrapper {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fs60-m);
    }

    .problem-section .problem-wrapper .pro-left-wrapper {
        flex-basis: 100%;
        margin-bottom: var(--fs30-m);
    }

    .problem-section .problem-wrapper .pro-left-wrapper h1.pro-title {
        margin-bottom: var(--fs15-m);
        font-size: var(--fs36-m);
    }

    .problem-section .problem-wrapper .pro-left-wrapper p.pro-sub {
        font-size: var(--fs24-m);
    }

    .problem-section .problem-wrapper .pro-right-wrapper {
        flex-direction: column;
        align-self: center;
        width: 100%;
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 {
        border-top-left-radius: 19.76px;
        border-top-right-radius: 19.76px;
        padding: var(--fs48-m);
        border-bottom-left-radius: 0;
        width: min(600px, 90%);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1:nth-child(1) {
        padding-right: var(--fs48-m);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1:nth-child(2) {
        padding: var(--fs80-m) var(--fs60-m);
        padding-right: var(--fs36-m);
        width: min(700px, 100%);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 p.pro-head {
        font-size: var(--fs28-m);
        margin-bottom: var(--fs50-m);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 ul.pro-list li {
        gap: var(--fs12-m);
        padding: var(--fs30-m) 0;
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 ul.pro-list li:last-child {
        margin-bottom: 0;

    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 ul.pro-list li .icon-container {
        width: var(--fs24-m);
        height: var(--fs24-m);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1:nth-child(2) ul.pro-list li .icon-container {
        width: var(--fs20-m);
        height: var(--fs20-m);
    }

    .problem-section .problem-wrapper .pro-right-wrapper .problem-child1 ul.pro-list li p {
        font-size: var(--fs22-m);
    }

    .platform-architecture {
        padding: var(--fs80-m) 0;
        width: 87%;
        margin: 0 auto;
    }

    .platform-architecture .architect-header {
        flex-direction: column;
        gap: var(--fs20-m);
        padding-bottom: var(--fs50-m);
    }

    .platform-architecture .architect-header h2 {
        font-size: var(--fs40-m);
    }

    .platform-architecture .architect-header .desc {
        font-size: var(--fs22-m);
    }

    .platform-architecture .architect-img-container .img-wrapper {
        width: 100%;
    }
    .execute-section {
        padding: clamp(20px, 4.69%, 4.69%) clamp(20px, 5%, 5%) clamp(20px, 6.05%, 6.05%)
    }
    .execute-section .expoSwiper {
        width: 95%;
    }
    .expo-progress {
        width: 90%;
        margin: var(--fs80) auto var(--fs80);
    }
    .steps span{
        font-size: 11.5px;
    }
    .execute-section .execute-btn {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 22px;
    }
    .expo-content-container .expo-title {
        font-size: 16px;
    }
    .expo-content-container .expo-desc {
        font-size: 13px;
        width: 45%;
    }
    /* build section*/
    .build-section {
        padding: var(--fs40-m) 0;
        width: 87%;
        margin: 0 auto;
    }

    .build-section .header-wrapper {
        margin-bottom: var(--fs60-m);
    }

    .build-section .header-wrapper h2 {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs14-m);
    }

    .build-section .header-wrapper .desc {
        font-size: var(--fs20-m);
    }

    .build-section .content-wrapper {
        border-radius: var(--fs20-m);
        padding: var(--fs40-m);


    }

    .build-section .content-wrapper .item {
        flex-direction: column;
        align-items: start;
        gap: var(--fs20-m);
        margin-bottom: var(--fs30-m);

    }

    .build-section .content-wrapper .item .left-wrapper {
        width: 100%;
    }

    .build-section .content-wrapper .item .left-wrapper .text {
        font-size: var(--fs20-m);
    }

    .build-section .content-wrapper .item .right-wrapper {
        width: 100%;
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-1 {
        width: var(--fs70-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-2 {
        width: var(--fs100-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-3 {
        width: var(--fs70-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-4 {
        width: var(--fs100-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-5 {
        width: var(--fs70-m);
    }


    .build-section .content-wrapper .item-2 .right-wrapper {
        gap: var(--fs100-m);
        padding: var(--fs40-m) 0;
    }

    .build-section .content-wrapper .item-2 .right-wrapper .img-wrapper {
        width: var(--fs90-m);
    }

    .build-section .content-wrapper .item-3 .right-wrapper {
        padding-top: var(--fs10-m);
    }


    .build-section .content-wrapper .item .right-wrapper .desc {
        font-size: var(--fs20-m);
        width: 100%;
    }

    /* counter section */

    .OUS {
        width: 100%;
        padding: var(--fs20-m) 0 0;
    }

    .OUS .OUS-heading {
        width: 87%;
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fs20-m);

        margin-bottom: var(--fs60-m);
    }

    .OUS .OUS-heading h2 {
        font-size: var(--fs40-m);
    }
    .OUS .OUS-heading h2  br{
        display: none;
    }


    .OUS .OUS-heading p.ous-sub {
        font-size: var(--fs24-m);
        width: 100%;
    }


    .OUS .OUS-childmain {
        padding: var(--fs70-m) 0 var(--fs60-m);
    }

    .OUS .OUS-childmain .count-container {
        width: 87%;
        flex-wrap: wrap;
        gap: var(--fs40-m);
        align-items: start;
        justify-content: start;
    }


    .OUS .OUS-childmain .OUS-counterbox .OUS-dyncont {
        font-size: var(--fs70-m);
    }

    .OUS .OUS-childmain .OUS-counterbox .OUS-stcont {
        font-size: var(--fs24-m);
    }


    .OUS .OUS-childmain .OUS__counterBox {
        flex-basis: 40%;
        margin-bottom: var(--fs30-m);
    }

    .OUS .OUS-childmain .OUS__counterBox:nth-child(2) {
        margin: 0 auto;
        margin-right: var(--fs20-m);
    }


    .OUS .OUS-childmain .OUS__counterBox::before {
        border-top: 5px solid var(--white);
        width: var(--fs40-m);
    }

    .OUS .OUS-childmain .OUS__counterBox .counter {
        font-size: var(--fs50-m);
    }

    .OUS .OUS-childmain .OUS__counterBox .OUS-static {
        font-size: var(--fs24-m);
    }

    .OUS .OUS-childmain .count-container .hr {
        height: var(--fs100-m);

    }

    .OUS .OUS-childmain .count-container .hr.mobile {
        display: none;
    }

    /*real section */

    .real-section {
        padding: var(--fs50-m) 0;
        width: 87%;
        margin: 0 auto;
    }

    .real-section h2 {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs80-m);
    }

    .real-section .content-wrapper h3 {
        font-size: var(--fs28-m);
        margin-bottom: var(--fs60-m);
    }

    .real-section .content-wrapper .chip-container {
        gap: var(--fs60-m);
    }

    .real-section .content-wrapper .chip-wrapper {
        padding-bottom: var(--fs30-m);
    }

    .real-section .content-wrapper .chip-container .chip {
        font-size: var(--fs24-m);
        padding: var(--fs10-m) var(--fs15-m);
    }

    .real-section .content-wrapper .left-wrapper {
        width: 100%;
        margin: 0 auto;
        border-top-left-radius: var(--fs20-m);
        border-top-right-radius: var(--fs20-m);
        border-bottom-left-radius: 0;
        padding: var(--fs60-m) var(--fs50-m);
    }

    .real-section .content-wrapper .left-wrapper .content-container {
        width: 100%;
    }

    .real-section .content-wrapper .right-wrapper {
        position: relative;
        right: unset;
        bottom: unset;
        width: 100%;
        margin: 0 auto;
        border-radius: var(--fs20-m);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: var(--fs60-m) var(--fs50-m);
    }

    .real-section .content-wrapper .right-wrapper .pattern-bg {
        width: 20%;
    }

    /* why exreality */
    .partner-slider-section {
        padding: var(--fs60-m) 0 var(--fs70-m);
        width: 87%;
        margin: 0 auto;
    }

    .partner-slider-section .partner-title {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs50-m);
    }

    .partner-card-inner {
        border-radius: var(--fs22-m);
    }

    .partner-desc {
        bottom: -80%;
    }

    .partner-desc-1 .partner-heading,
    .partner-desc-3 .partner-heading,
    .partner-desc-4 .partner-heading,
    .partner-desc-5 .partner-heading {
        font-size: var(--fs22-m);
        margin-bottom: var(--fs40-m);
    }

    

    .partner-desc-2 .partner-heading,
    .partner-desc-6 .partner-heading {
        font-size: var(--fs22-m);
        margin-bottom: var(--fs23-m);
    }

    .partner-card:hover .partner-desc {
        padding: var(--fs15-m) var(--fs32-m) var(--fs26-m);
    }

    .partner-card:hover .partner-desc-1,
    .partner-card:hover .partner-desc-3,
    .partner-card:hover .partner-desc-4,
    .partner-card:hover .partner-desc-5 {
        padding: var(--fs15-m) var(--fs32-m) var(--fs26-m);
    }


    .partner-card:hover .partner-desc-1 .partner-heading,
    .partner-card:hover .partner-desc-3 .partner-heading,
    .partner-card:hover .partner-desc-4 .partner-heading,
    .partner-card:hover .partner-desc-5 .partner-heading {
        margin-bottom: var(--fs40-m);
    }

    
    .partner-desc-2 .partner-heading,
    .partner-desc-6 .partner-heading {
        margin-bottom: var(--fs23-m);
    }

    .partner-desc p {
        font-size: var(--fs20-m);
    }

    .partner-desc {
        padding: var(--fs15-m) var(--fs32-m) var(--fs26-m);
    }

    /* .partner-desc-1, */
    .partner-desc-3,
    .partner-desc-4,
    .partner-desc-5 {
        padding: var(--fs15-m) var(--fs32-m) var(--fs26-m);
    }
    .partner-desc-1{
        padding: var(--fs26-m) var(--fs32-m) var(--fs26-m)
    }

    .partnerswiper-main .prevbtn {
        top: 108%;
        left: unset;
        right: var(--fs50-m);
        margin-right: var(--fs50);
        margin-top: 10px;
    }

    .partnerswiper-main .nextbtn {
        right: 0;
        top: 108%;
        margin-top: 10px;
    }

    .partnerswiper-main .iconbtn img {
        width: var(--fs50-m);
    }

    /* platform enterprise */
    .platform-enterprise {
        padding: var(--fs60-m) 0;
        width: 87%;
        margin: 0 auto;
    }

    .platform-overlay-text {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--fs40-m);
        padding: var(--fs90-m) var(--fs60-m) var(--fs60-m);
    }

    .platform-overlay-text .left-text {
        width: 100%;
    }

    .platform-overlay-text .left-text h1 {
        font-size: var(--fs50-m);
        margin-bottom: var(--fs40-m);
    }

    .platform-overlay-text .left-text p {
        font-size: var(--fs28-m);
        width: 100%;
    }


    .platform-overlay-text .right-text .request-btn {
        border-radius: var(--fs18-m);
        padding: var(--fs25-m) var(--fs40-m);
    }


    .platform-overlay-text .right-text .request-btn p {
        font-size: var(--fs28-m);
    }
    .execute-section .swiper-slide-active,.execute-section .swiper-slide-prev, .execute-section .swiper-slide-next {
        width: 100% !important;
    }
}

@media screen and (max-width: 810px) {
       .partner-desc-1 .partner-heading, .partner-desc-3 .partner-heading, .partner-desc-4 .partner-heading, .partner-desc-5 .partner-heading ,
        .partner-desc-2 .partner-heading, .partner-desc-6 .partner-heading {
        font-size: 17px;
    }
}

@media screen and (max-width:768px){
    .components-section .components-wrapper h1.com-title {
        font-size: var(--fs40-m);
        margin-bottom: var(--fs60);
    }
    .execute-section {
        padding: clamp(20px, 4.69%, 4.69%) clamp(20px, 5%, 5%) clamp(20px, 6.05%, 6.05%)
    }
    .execute-section .expoSwiper {
        width: 100%;
      
    }
    
    .expo-progress {
        width: 100%;
        margin: var(--fs80) auto var(--fs80);
    }
    .steps span{
        font-size: 11.5px;
    }

    .execute-section .execute-btn {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 22px;
    }
    .partner-slider-section {
        width: 100%;
    }
    .partner-desc-1 {
        padding: var(--fs28-m) var(--fs32-m) var(--fs26-m);
    }
    .expo-content-container .expo-title {
        font-size: 15px;
    }
    .expo-content-container .expo-desc {
        font-size: 13px;
        width: 55%;
    }
}

@media (max-width: 576px) {
    .components-section .components-wrapper h1.com-title {
        margin-bottom: var(--fs50);
    }
    .platform .platform-header .plat-head  br{
        display: none;
    }
    .platform .platform-main-content .platform-main-tab .platform-content .platform-active .focused-platform .focused-platformimg .platformimg-main {
        flex-basis: 20%;
    }
    .partner-slider-section {
        padding: var(--fs60-m) 0 var(--fs40-m);
        }
        .partnerswiper-main .prevbtn {
            margin-top: 0px;
        }

        .partnerswiper-main .nextbtn {

            margin-top: 0px;
        }
        .platform-enterprise {
            padding-top: var(--fs100-m);
        }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-img-swiper {
        margin: 0 auto var(--fs50-m);
        width: 100%;
    }
        
    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: var(--fs50-m);
    }

    .spatial-execution-platform .execution-wrapper .ex-content .ex-left-content h1.dynamic-text {
        font-size: var(--fs55-m);
    }
    .build-section .content-wrapper .item .left-wrapper .text {
        font-size: 14px;
    }
    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-1 {
        width: var(--fs50-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-2 {
        width: var(--fs80-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-3 {
        width: var(--fs50-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-4 {
        width: var(--fs80-m);
    }

    .build-section .content-wrapper .item-1 .right-wrapper .img-wrapper-5 {
        width: var(--fs50-m);
    }
    .partnerswiper-main .prevbtn {
        margin-bottom: 25px;
    }
    .real-section {
        width: 87.5%;
    }
    .real-section h2 {
        font-size: 21px;
    }
    .partner-slider-section {
        width: 100%;
    }
    .partnerswiper-main .prevbtn {
        left: unset;
        right: var(--fs50-m);
        margin-right: 15px;
    }
    
    .platform .platform-main-content .platform-main-tab .platform-content .platform-inactive {
        padding-inline: 20px;
    }
    

    .platform-overlay-text {
            padding-inline: 20px;
    }
    .platform-overlay-text .left-text p {
        font-size: 14px;
    }
    .platform-overlay-text .right-text , .platform-overlay-text .right-text .request-btn{
        width: 100%;
    }
       

    .execute-section .expoSwiper {
        width: 100%;

    }
    .execute-section .swiper-slide-active,.execute-section .swiper-slide-prev, .execute-section .swiper-slide-next {
        width: 100% !important;
    }
    .execute-section .expo-slider {
        padding-inline: 7%;
    }
    .expo-progress {
        width: 100%;
        margin: var(--fs80) auto var(--fs80);
    }
    .steps span{
        font-size: 11.5px;
    }

    .execute-section .execute-btn {
        padding: 10px 20px;
        font-size: 14px;
        margin-bottom: 22px;
    }
    .expo-content-container .expo-title {
        font-size: 15px;
    }
    .expo-content-container .expo-desc {
        font-size: 13px;
        width: 70%;
    }
    .build-section .content-wrapper .item .right-wrapper {
        padding-right: 0;
    }

}

@media screen and (max-width:480px){
    .components-section .components-wrapper h1.com-title {
        margin-bottom: var(--fs40);
    }
     .execute-section .expo-slider {
        padding-inline: 0%;
    }
    .expo-content-container .expo-desc {
        font-size: 13px;
        width: 85%;
    }
}

@media screen and (max-width:390px){
    .expo-content-container .expo-desc {
        font-size: 12.8px;
        width: 100%;
    }
    .real-section h2 {
        font-size: 20px;
    }
}