/* 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;
    }

 

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

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

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

    .secondary-img {
        width: 80%;
    }

    .img-container {
        bottom: 0px;
        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: 992px) and (max-width: 1015px) {
    .img-container {
        /* Adjust the styles as needed for this range */
        bottom: 0px;
        /* Example adjustment */
        width: 47%;
        /* Example adjustment */
        height: 115%;
    }}
@media (min-width: 1015px) and (max-width: 1025px) {
    .img-container {
        /* Adjust the styles as needed for this range */
        bottom: 0px;
        /* Example adjustment */
        width: 47%;
        /* Example adjustment */
        height: 118%;
    }

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

@media (min-width: 1026px) and (max-width: 1050px) {
    .img-container {
        bottom: -13px;
        width: 43%;
height: 110%;
        /* 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: 0px;
        right: 91px;
        width: 38%;
        height: 120%;
        /* Example adjustment */
    }

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


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

        /* Example adjustment */
    }

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

@media (min-width: 1085px) and (max-width: 1092px) {
    .img-container {
        bottom: 0px;
        right: 91px;
        width: 40%;
height: 112%;
    }}
@media (min-width: 1092px) and (max-width: 1098px) {
    .img-container {
        bottom: 0px;
        right: 91px;
        width: 40%;
height: 122%;
        /* Example adjustment */
    }
 
    .img-arrow {
        bottom: -255px;
        right: -39px;
        width: 64%;
    }
}
@media (min-width: 1046px) and (max-width: 1060px) {
    .img-container {
        bottom:0px;
        right: 91px;
        width: 40%;
        height: 104%;
        /* Example adjustment */
    }

   
}
@media (min-width: 1060px) and (max-width: 1075px) {
    .img-container {
        bottom:0px;
        right: 91px;
        width: 40%;
        height: 106%;
        /* Example adjustment */
    }

   
}
@media (min-width: 1075px) and (max-width: 1085px) {
    .img-container {
        bottom:0px;
        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: 0px;
        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: 0px;
        right: 135px;
        width: 28%;
        height: 117%;
    }

    .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: 16px;
    }

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

 


}

@media (min-width: 991px)  {

    .bannerdiscoverbtn {
      margin-left: 100px;
  }
  }
@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%;
    }

    .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: 17px;

    }

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

    }

    .tabel-contaent {
        width: 285px;
    }

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

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