/* min media */
/* sx */
@media (max-width:575px) {

    .banner-content h1 {
        font-size: 40px;
    }
    .bannerdiscoverbtn{
        margin-left: 0px;
    }
}

/* sm */
@media(min-width:576px) {



    /* banner */
    .banner-content h1 {
        font-size: 50px;
    }

    /* .map {
margin-bottom: 290px;
}

.map-content {
margin-bottom: 20px;
} */
}

/* md */
@media(min-width:768px) {

    .support-item {
        width: 25%;
    }

    /* banner */
    .banner-content h1 {
        font-size: 60px;
    }

}

/* lg */
@media(min-width:992px) {

    .support-item {
        width: 13%;
    }

    /* banner */
    .banner-content h1 {
        font-size: 65px;
    }

    .secondary-img img {
        width: 100%;
        float: right;
    }

    .seconder-text h4 {
        font-size: 13px;
    }

    .seconder-text p {
        font-size: 11px;
    }

    .banner-img img {
        width: 75%;
    }

    .secondary-img {
        width: 80%;
    }

    .img-container {
        bottom: 105px;
        right: 75px;
        width: 47%;

    }

    .img-arrow {
        bottom: -337px;
        right: -44px;
        width: 73%;

    }
}


@media(min-width:1000px) {
    /* banner */

    .banner-content h1 {
        font-size: 80px;
    }



    .tabel-contaent {
        width: 222px;
    }

}

@media (min-width: 1000px) and (max-width: 1025px) {
    .img-container {
        /* Adjust the styles as needed for this range */
        bottom: 127px;
        /* Example adjustment */
        width: 47%;
        /* Example adjustment */
    }

    .img-arrow {
        bottom: -345px;
        right: -30px;
        width: 67%;
    }
}

@media (min-width: 1026px) and (max-width: 1050px) {
    .img-container {
        bottom: 132px;
        width: 43%;

        /* Example adjustment */
    }

    .img-arrow {
        bottom: -277px;
        right: -40px;
        width: 73%;
    }
}

@media (min-width: 1050px) and (max-width: 1098px) {
    .img-container {
        bottom: 124px;
        width: 41%;

        /* Example adjustment */
    }

    .img-arrow {
        bottom: -255px;
        right: -46px;
        width: 70%;
    }
}

@media (min-width: 1121px) and (max-width: 1138px) {
    .img-container {
        bottom: 147px;
        right: 91px;
        width: 38%;

        /* Example adjustment */
    }

    .img-arrow {
        bottom: -255px;
        right: -39px;
        width: 64%;
    }
}


@media (min-width: 1099px) and (max-width: 1120px) {
    .img-container {
        bottom: 99px;
        right: 91px;
        width: 37%;

        /* Example adjustment */
    }

    .img-arrow {
        bottom: -255px;
        right: -39px;
        width: 64%;
    }
}


@media (min-width: 1085px) and (max-width: 1098px) {
    .img-container {
        bottom: 114px;
        right: 91px;
        width: 40%;

        /* Example adjustment */
    }
 
    .img-arrow {
        bottom: -255px;
        right: -39px;
        width: 64%;
    }
}

@media (min-width: 1046px) and (max-width: 1085px) {
    .img-container {
        bottom:104px;
        right: 91px;
        width: 40%;

        /* Example adjustment */
    }

    .img-arrow {
        bottom: -255px;
        right: -39px;
        width: 64%;
    }
}
@media(min-width:1139px) and (max-width: 1399px) {
    .img-container {
        bottom: 97px;
        width: 35%;
    }

    .img-arrow {
        bottom: -271px;
        right: -29px;
        width: 55%;
    }

}

/* xl */
@media(min-width:1200px) {
    /* banner */

    .banner-content h1 {
        font-size: 80px;
    }

    .banner-img img {
        width: 59%;
    }

    .secondary-img {
        width: 61%;
    }
}

@media(min-width:1300px) {}

/* xxl */
@media(min-width:1400px) {

    /* banner */
    .container {
        max-width: 1370px;
        margin: 0 auto;
        padding: 0 15px;
    }

    .banner-content h1 {
        font-size: 80px;

    }

    .bannerimg {
        width: 600px;
    }


    .img-container {
        bottom: 100px;
        right: 135px;
        width: 28%;
        height: 98%;
    }

    .img-arrow {
        bottom: -195px;
        right: -50px;
        width: 55%;
        height: 98%;
    }

    .bannerenrollbtn {
        width: 205px;
        font-size: 15px;
        line-height: 54px;
    }

    .bannerdiscoverbtn {
        width: 205px;
        font-size: 15px;
    }

    .seconder-text h4 {
        font-size: 14px;
    }

    .seconder-text p {
        font-size: 13px;
    }

    .secondary-img img {
        width: 96%;
        float: right;
    }


}
@media (min-width: 1200px)  {

    .bannerdiscoverbtn {
      margin-left: 105px;
  }
  }
  @media (min-width: 1300px)  {

    .bannerdiscoverbtn {
      margin-left: 90px;
  }
  }
@media (min-width: 1399px)  {

    .bannerdiscoverbtn {
      margin-left: 55px;
  }
  }

  @media (min-width: 1500px)  {

    .bannerdiscoverbtn {
      margin-left: 40px;
  }
  }
@media(min-width:1700px) { 

    .bannerenrollbtn {
        width: 225px;
        font-size: 15px;

    }

    .bannerdiscoverbtn {
        width: 225px;
        font-size: 15px;
        margin-left: 45px;
    }

    .secondary-img img {
        width: 60%;
        float: right;
    }

    .cocurricular {
        background-color: var(--white-color);
        z-index: 1;
        border-radius: 13px 13px 0px 0px;
        max-width: 100%;
        padding: 50px 80px;
        margin-top: -300px;
    }


    .seconder-text h4 {
        font-size: 20px;

    }

    .seconder-text p {
        font-size: 14px;

    }

    .tabel-contaent {
        width: 285px;
    }

}
@media (min-width: 1800px)  {

    .bannerdiscoverbtn {
      margin-left: 20px;
  }
  }