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

    .max-width-content {
        max-width: 95% !important;
    }

    .cards-relative .card {
        width: 250px;
    }

    .partners-container {
        max-width: 95%;
    }
}

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

    .swiper {
        width: 500px;
    }

    body h2 {
        max-width: 100% !important;
        text-align: center;
    }
    .img-right {
        width: 400px;
        position: relative;
        bottom: 0;
    }
    .cards-relative .card {
        width: 200px;
        height: 100px;
        padding: 5px;
    }
}



@media screen and (max-width:480px) {
    .main-header {
        display: none;
    }

    .logo{
        width: 70px;
    }
    .btn-header {
        display: none;
    }

    .menu-icon {
        display: flex;
    }

    .content {
        flex-direction: column;
    }

    .cards-relative .card {
        width: 110px;
        height: 100px;
        padding: 5px;
    }

    .cards-relative .card i {
        font-size: 12px;
    }


    .cards-relative .card .title {
        font-size: 13px;
    }

    .swiper {
        width: 350px;
    }

    main {
        width: 95%;
        height: auto;
    }

    main .content {
        flex-direction: column;
        padding: 100px 0 0 0;
    }

    .left-side,
    .right-side {
        width: 100%;
        height: auto;
    }

    .left-side h1 {
        text-align: end;
        font-size: 35px;
    }

    .left-side .desc-text {
        text-align: end;
    }

    .img-right {
        width: 350px;
        position: relative;
        bottom: 0;
    }

    header {
        position: fixed;
        width: 100%;
        z-index: 9999;
    }

    header .content {
        flex-direction: row;
    }

    .differential-section .desc {
        max-width: 100%;
    }


    .widget-1 {
        top: 100px;
        left: 80%;
        transform: translateX(-50%);
    }

    .widget-2 {
        top: 180px;
        left: 20px;
        transform: translateY(-50%);
    }

   
}