@font-face {
    font-family: 'Segoe UI Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Italic'), url('../fonts/Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Segoe UI Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');
    }
*{
    font-family: 'Segoe UI Regular';
    margin:0;
    padding: 0;
    /* outline: 1px solid pink; */
}
.faq-heading{
    margin-bottom: 1.5rem;
    margin-top: 2.5rem;
}
.btn-enquire-now{
    box-shadow: 0 0 0 0 #1c2b573d;
    animation: pulse 1.5s infinite;
    -webkit-animation: pulse 1.5s infinite;
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    background: #1c2b57;
    color: #fff;
    padding: 1rem 1.5rem;
    font-size: 1.25rem;
    border-radius: .5rem;
    cursor: pointer;
    border: 2px solid #ffffff29;
    transition: .3s;
    z-index: 10001;
}
.btn-enquire-now:hover{
    background: #121c39;
    transform: scale(1.05);
}
@keyframes pulse {
    0% {
        /* box-shadow: 0 0 0 0 #1c2b573d; */
    }
    50% {
      box-shadow: 0 0 0 0 #1c2b575f;
    }
      100% {
      box-shadow: 0 0 0 20px #1c2b5700;
    }
  }
.thank-you-container{
    margin-top: 4rem !important;
}
.thank-you{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    border: 1px solid #ededed;
    padding: 5rem;
    border-radius: .5rem;
    background: #fff;
    box-shadow: 0px 5px 10px -5px #dcdcdc;
}
.thank-you img{
    width: 5rem !important;
}
.thank-you h2{
    font-size: 2rem;
    margin: 1rem 0 .25rem;
}
.header .top-bar{
    color: white;
    width: 100%;
    height: 54px;
    background: #1C2B57;
    display: flex;
    justify-content: space-between; /* Distribute items along the main axis */
    align-items: center;
    padding: 0 6%;
}
.header .top-bar .left i{
    padding: 4px;
    color: black;
    border-radius: 5px;
    background: #FFFFFF;
    opacity: 1;
}
.header .top-bar .right i{
    padding: 5px;
}
.header .top-bar .right span{
    margin-top: 5px;
}
.header .gap{
    margin:0 5px 0 5px
}

/* header style starts*/
section#header-container{
    background: linear-gradient(#c7f9ff, transparent);
    position: relative;
}
section#header-container::before{
    content: "";
    background: url(../../assets/solid-circle-group-icon.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 12rem 12rem;
    background-repeat: no-repeat;
    background-position: -3rem 46rem;
    z-index: -1;
}
section#header{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
    flex-direction: column;
}
section#header .left-content-container{
    display: flex;
    flex-direction: column;
    width: 50%;
    margin-top: 5rem;
}
section#header .left-content-container:before{
    content: "";

}
section#header .left-content-container h1{
    font-family: 'Segoe UI Bold';
    font-size: 3.25rem;
    margin-bottom: 1rem;
    color: #1c2b57;
}
section#header .left-content-container p{
    font-size: 1.25rem;
}
section#header .left-content-container a.blue-btn{
    box-shadow: 0 0 0 0 #1c2b573d;
    background: #1c2b57;
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    transition: .3s;
    text-decoration: none;
    width: fit-content;
    margin-top: 2rem;
}
section#header .left-content-container a.blue-btn:hover{
    background: #202639;
}
section#header .left-content-container a.blue-btn:active{
    background: #000;
}
section#header .right-content-container{
    display: flex;
    width: 50%;
}
section#header .right-content-container img{
    width: 100%;
}
.row-content{
    display: flex;
    width: 100%;
}
.row-content-center{
    justify-content: center;
}
.row-content .eca-points-container{
    display: flex;
    justify-content: space-evenly;
    margin-top: -5rem;
    width: 1000px;
}
.row-content .eca-points-container .eca-point{
    text-align: center;
    padding: 1rem 1.25rem;
    background: #fff;
    margin: 0 .5rem;
    border-radius: .5rem;
    box-shadow: 0px 5px 0px #d6d6d6;
    width: calc(20% - 1rem);
}
.row-content .eca-points-container .eca-point img{
    width: 3rem;
    aspect-ratio: 1;
}
.row-content .eca-points-container .eca-point h1{
    font-family: 'Segoe UI BOld';
    font-size: 1.75rem;
    color: #202639;
}
.row-content .eca-points-container .eca-point span{

}
.right-text-align{
    text-align: right;
}
section#study-center-location{
    display: flex;
    margin-top: 6rem;
    position: relative;
    padding-bottom: 3rem;
}
section#study-center-location::before{
    content: "";
    background: url(../../assets/flight-with-path.svg);
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0rem 6rem;
    z-index: -1;
}
.study-center-location-container{
    display: flex;
    flex-direction: column;
}
.study-center-location-container p{
    font-size: 1.5rem;
    font-style: italic;
    text-align: center;
    font-weight: bold;
}
.study-center-location-container p span{
    color: #3cc1d1;
}
.study-center-location-container .locations-container{
    display: flex;
    justify-content: space-evenly;
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.study-center-location-container .locations-container .location{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.study-center-location-container .locations-container .location img{
    /* width: 7rem; */
    /* aspect-ratio: 1; */
}
.study-center-location-container .locations-container .location span{
    font-size: 1.15rem;
    margin-top: .5rem;
    color: #3cc1d1;
    font-weight: bold;
}
.powered-by-eca{
    justify-content: flex-end;
    padding-right: 7rem;
    margin-top: .5rem;
}
section#important-notification{
    display: flex;
    justify-content: center;
    background: #3cc1d1;
    padding: .75rem 1rem;
    font-size: 1.15rem;
    color: #fff;
    align-items: center;
    position: relative;
    overflow: hidden;
}
section#important-notification::after{
    content: "";
    position: absolute;
    width: 5rem;
    height: 15rem;
    background: #fff;
    transform: rotate(45deg);
    filter: blur(2rem);
    opacity: .5;
    left: -20%;
    animation-name: imp-msg-shine;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}
@keyframes imp-msg-shine {
    0% {
      left: -20%;
    }

    70% {
      left: 120%;
    }

    100% {
      left: 120%;
    }
  }
section#important-notification p{

}
section#important-notification a{
    margin-left: 1rem;
    text-decoration: none;
    background: #1c2b57;
    color: #fff;
    padding: .5rem 1rem;
    border-radius: .5rem;
    transition: .3s;
}
section#important-notification a:hover{
    background: #202639;
}
.header-heading{
    position: relative;
}
.header-heading::before{
    content: "";
    background: url(../../assets/Group-124.svg), url(../../assets/Group-110.svg), url(../../assets/Group-116.svg);
    position: absolute;
    width: 200%;
    height: 200%;
    background-size: 5rem 5rem;
    background-repeat: no-repeat;
    background-position: 16rem 0rem, 46rem 3rem, 50rem 12rem;
    z-index: -1;
    top: -50%;
    left: -50%;
}
table.fee-table{
    width: 100%;
    border: 1px solid #000;
    border-radius: .5rem;
    overflow: hidden;
    border-spacing: 0;
    margin-bottom: 2rem;
}
table.fee-table tr{
    text-align: center;
}
table.fee-table tr th{
    padding: .5rem .25rem;
    font-weight: normal;
}
table.fee-table tr td{
    padding: .5rem .25rem;
}
table.fee-table tr:first-child{
    background: #1c2b57;
    color: #fff;
}
table.fee-table tr td:first-child, table.fee-table tr th:first-child{
    text-align: left;
    padding-left: 1rem;
    padding-right: 1rem;
}
@media (max-width: 575.98px) {
    section#important-notification{
        text-align: center;
    }
    section#header .left-content-container{
        padding: 0 2rem !important;
    }
    section#header .right-content-container{
        width: 80% !important;
    }
    .row-content .eca-points-container{
        padding: 0 1rem !important;
    }
    section#study-center-location::before{
        display: none;
    }
    .study-center-location-container .locations-container .location img{
        height: 3rem !important;
    }
    section#header .left-content-container{
        margin-top: 3rem;
    }
    section#header .left-content-container h1{
        font-size: 2rem !important;
    }
    .study-center-location-container .locations-container{
        margin-bottom: 0;
    }
}

@media (max-width: 767.98px) {
    section#header .left-content-container h1{
        font-size: 2.25rem;
    }
    .header-heading::before{
        display: none;
    }
    section#header-container::before{
        display: none;
    }
    section#important-notification{
        flex-direction: column;
    }
    section#important-notification a{
        margin-left: 0;
        margin-top: 1rem;
    }
    section#study-center-location::before {
        background-position: 0rem 17rem !important;
    }
    .study-center-location-container .locations-container .location img{
        height: 5rem;
    }
    .study-center-location-container p{
        padding: 0 1rem;
    }
    .download2{
        margin: 0 1rem !important;
        top: 6rem;
        z-index: 10001 !important;
    }
    .download2 .message-pop{
        width: 100%;
    }
    .message-pop .main{
        font-size: 1.75rem;
    }
    .message-pop .side-by{
        flex-direction: column;
        width: 100%;
    }
    .message-pop .side-by .mobile {
        width: 100% !important;
        margin-right: 0 !important;
    }
    .message-pop .side-by .mobile input{
        width: 100% !important;
    }
    .message-pop .side-by .email{
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 1.25rem;
    }
    .message-pop .btn-submit input{
        width: 100%;
    }
    .download{
        margin: 0 1rem !important;
        top: 2rem;
        z-index: 10002 !important;
    }
    .message-pop{
        width: 100% !important;
    }
    .message-pop .main{
        font-size: 1.5rem !important;
    }
}

@media (max-width: 991.98px) {
    section#header-container::before{
        background-size: 10rem 10rem;
        background-position: -3rem 91rem;
    }
    .banner-container{
        flex-direction: column;
        align-items: center;
    }
    section#header .left-content-container{
        flex-direction: column;
    width: 100%;
    padding: 0 5rem;
    text-align: center;
    align-items: center;
    }
    .row-content .eca-points-container{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: -3rem;
        padding: 0 5rem;
        width: 100%;
    }
    .row-content .eca-points-container .eca-point{
        width: calc(50% - 1rem);
        margin-bottom: 1rem;
    }
    .powered-by-eca{
        justify-content: center;
        padding-right: 0;
    }
    section#study-center-location::before{
        background-position: 0rem 13rem;
    }
}

@media (max-width: 1199.98px) {
    section#header{
        width: 100%;
    }
    section#study-center-location::before {
        background-position: 0rem 10rem;
    }
}

@media (max-width: 1399.98px) {
    
}
/* header style ends */




@media(max-width:800px){
    .header{
        display: none;
    }
}
/* nav */

  

nav{
    position: sticky;
    top:0px;
    left: 0;
    width: 100%;
    height: 100%;
    height: 80px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    z-index: 99;
  }
  .navbar ul a.active{
    border-bottom: 5px solid #1c2b57;
    
}
  nav .navbar{
    display: flex;
    justify-content: space-between; /* Distribute items along the main axis */
    align-items: center;
    padding: 0 5%;
  }
  .navbar .logo a{
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
  }
  nav .navbar .nav-links{
    line-height: 70px;
    height: 100%;
  }
  nav .navbar .links{
    display: flex;
  }
  nav .navbar .links li{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 15px;
  }
  nav .navbar .links li a{
    height: 100%;
    text-decoration: none;
    white-space: nowrap;
    color: #444444;
    font-size: 15px;
    font-weight: 600;
    margin-top: 5px;
  }
  .links li:hover .htmlcss-arrow,
  .links li:hover .js-arrow,
  .links li:hover .home-arrow,
  .links li:hover .our-team-arrow,
  .links li:hover .study-arrow{
    transform: rotate(180deg);
    }
  
  nav .navbar .links li .arrow{
    height: 100%;
    width: 22px;
    line-height: 70px;
    text-align: center;
    display: inline-block;
    color: #444444;
    transition: all 0.3s ease;
  }
  nav .navbar .links .fa-angle-right{
    line-height: 50px!important;
  }
  nav .navbar .links li .sub-menu{
    position: absolute;
    top: 70px;
    left: 0;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
  }
  nav .navbar .links li:hover .htmlCss-sub-menu,
  nav .navbar .links li:hover .js-sub-menu,
  nav .navbar .links li:hover .home-sub-menu,
  nav .navbar .links li:hover .arrow-sub-menu,
  nav .navbar .links li:hover .study-sub-menu{
    display: block;
  }
  .navbar .links li .sub-menu li{
    padding: 0 22px;
    border-left: 3px solid #e2e2e2;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  
  .navbar .links li .sub-menu a{
    color: #444;
    font-size: 15px;
    font-weight: 600;
  }
  .navbar .links li .sub-menu li:hover {
    border-left-color: #3cc1d1;
    background-color: #f1f1f1;
}
.navbar .links li .sub-menu .more-sub-menu{
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px 4px;
    z-index: 1;
    display: none;
  }
.links li .sub-menu .more:hover .more-sub-menu{
    display: block;
  }
  .navbar .search-box{
    position: relative;
     height: 40px;
    width: 40px;
    margin-left: 10%;
    display: none;
  }
  .navbar .search-box i{
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 32px;
    color: #444444;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .navbar .search-box .input-box{
    position: absolute;
    right: calc(100% - 40px);
    top: 80px;
    background: #1C2B57;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    transition: all 0.4s ease;
  }
  .navbar.showInput .search-box .input-box{
    top: 65px;
    opacity: 1;
    pointer-events: auto;
    background: #1C2B57;
  }
  .search-box .input-box::before{
    content: '';
    position: absolute;
    height: 20px;
    width: 20px;
    background: #1C2B57;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
  }
  .search-box .input-box li{
    border-radius: 4px;
    color: #fff;
    text-align: center;
    width: 200px;
    list-style: none;
    outline: none;
    padding: 15px;
    font-size: 16px;
    border: none;
  }
  .search-box .input-box li:hover{
    cursor: pointer;
  }
  .navbar .nav-links .sidebar-logo{
    display: none;
  }
  .navbar .fa-bars{
    display: none;
  }
  .down-btn-design{
    background-color: #1c2b57;
    color: #fff;
    padding: 10px;
    border-radius: 4px;
    cursor: pointer;
}
  
@media (max-width:1150px){
    nav .navbar .logo{
        margin: 10px auto;
        align-items: center;
    }
    .navbar ul a.active{
        border-bottom: none;
    }
    .navbar .fa-bars{
      display: block;
    }
    nav .navbar .nav-links{
      position: fixed;
      top: 0;
      left: -100%;
      display: block;
      max-width: 420px;
      width: 100%;
      background:  #fff;
      line-height: 40px;
      padding: 20px;
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
      transition: all 0.5s ease;
      z-index: 1000;
    }
    .navbar .nav-links .sidebar-logo{
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .sidebar-logo .logo-name{
      font-size: 25px;
      color: #444;
    }
      .sidebar-logo  i,
      .navbar .fa-bars{
        font-size: 25px;
        color: #444;
      }
    nav .navbar .links{
      display: block;
      margin-top: 20px;
    }
    nav .navbar .links li .arrow{
      line-height: 40px;
    }
  nav .navbar .links li{
      display: block;
    }
  nav .navbar .links li .sub-menu{
    position: relative;
    top: 0;
    box-shadow: none;
    display: none;
  }
  nav .navbar .links li .sub-menu li{
    border-bottom: none;
  
  }
  .navbar .links li .sub-menu .more-sub-menu{
    display: none;
    position: relative;
    left: 0;
  }
  .navbar .links li .sub-menu .more-sub-menu li{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .links li:hover .htmlcss-arrow,
  .links li:hover .js-arrow,
  .links li:hover .home-arrow,
  .links li:hover .our-team-arrow,
  .links li:hover .study-arrow{
    transform: rotate(0deg);
    }
    .navbar .links li .sub-menu .more-sub-menu{
        display: none;
    }
    .navbar .links li .sub-menu .more span{
      display: flex;
      align-items: center;
    }
    .links li .sub-menu .more:hover .more-sub-menu{
        display: none;
    }
    nav .navbar .links li:hover .htmlCss-sub-menu,
    nav .navbar .links li:hover .js-sub-menu,
    nav .navbar .links li:hover .home-sub-menu,
    nav .navbar .links li:hover .arrow-sub-menu,
    nav .navbar .links li:hover .study-sub-menu{
      display: none;
    }
    .navbar .nav-links.show1 .links .htmlCss-sub-menu,
    .navbar .nav-links.show3 .links .js-sub-menu,
    .navbar .nav-links.show6 .links .home-sub-menu,
    .navbar .nav-links.show2 .links .arrow-sub-menu,
    .navbar .nav-links.show4 .links .study-sub-menu,
    .navbar .nav-links.show5 .links .more .more-sub-menu{
        display: block;
    }
    .navbar .nav-links.show1 .links .htmlcss-arrow,
    .navbar .nav-links.show3 .links .js-arrow,
    .navbar .nav-links.show6 .links .home-arrow,
    .navbar .nav-links.show2 .links .our-team-arrow,
    .navbar .nav-links.show4 .links .study-arrow{
        transform: rotate(180deg);
    }
    .navbar .nav-links.show5 .links .more-arrow{
        transform: rotate(90deg);
      }
}
@media (max-width:400px){
    nav .navbar .nav-links{
        max-width: 100%;
    } 
}
  






/* rectangle */

.rectangle{
    height: 945px;
    /* UI Properties */
    background: transparent linear-gradient(180deg, #C7F9FF 0%, #C5F9FF 65%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
  }
  .rectangle .internal .board img{
    margin-top: 4%;
    margin-left: 8%;
    width: 66px;
    height: 62px;
    /* transform: matrix(0.93, 0.37, -0.37, 0.93, 0, 0); */
  }
  .rectangle .internal .note img{
    margin-top: -3%;
    margin-left: 40%;
    width: 103px;
    height: 98px;
    /* transform: matrix(0.91, -0.41, 0.41, 0.91, 0, 0); */
  }
  .rectangle .internal .pen img{
    margin-top: 12%;
    margin-left: 45%;
    width: 72px;
    height: 72px;
  }
  .rectangle .content{
    margin-top:-40%;
    /* display: flex; */
    
  }
  .rectangle .content .right img{
    height: 600px;
    margin-top: 20%;
    margin-left: -10%;
  }
  .rectangle .content .left{
      width: 50%;
      float: left;
  }
  .rectangle .content .right{
    overflow: hidden;
  }
  .rectangle .content .left .title{
      margin: 40% 0 0 15%;
      font-weight: bold;
      font-size: 48px;
      color: #1C2B57;
    
  }
  .rectangle .content .left .title span{
    font-size: 28px;
  
}
  .rectangle .content .left .lorem{
    font-size: 22px;
    color: #1C2B57;
    margin-top: 20px;
    margin-left: 15%;
  }
  .rectangle .content .left button{
      font-size: 20px;
      margin: 30px 0 0 15%;
      padding: 6px;
      background-color: #1C2B57;
      border-radius: 8px;
      color: #ffffff;
      z-index: 99;
  }
  .rectangle .content .left button:hover{
    cursor: pointer;
}
  @media(max-width:1270px){
    .rectangle .content .left .title{
      font-size: 42px;
    }
    .rectangle .content .left .lorem{
      font-size: 27px;
      margin-top: 25px;
    }
    .rectangle .content .right img{
      height: 500px;
      width: 100%;
      margin-left: -7%;
    }
  }
  @media(max-width:1025px){
    .rectangle .content .left .title{
      font-size: 36px;
    }
    .rectangle .content .left .lorem{
      font-size: 24px;
      margin-top: 3px;
    }
    .rectangle .content .right img{
      margin-top: 10%;
      margin-left: 0%;
    }
  }
  @media(max-width:820px){
    .rectangle .content .left{
      float: none;
      width: 100%;
    }
    .rectangle .content .right{
      width: 100%;
    }
    .rectangle .content .left .title{
      font-size: 46px;
      margin: 0% 0 0 10%;
    }
    .rectangle .content .left .lorem{
      margin-left: 10%;
    }
    .rectangle .content .left button{
        margin: 30px 0 0 10%;
    }
    .rectangle .internal .note img{
      margin-left: 60%;
    }
    .rectangle .internal .pen img{
      margin-top: 25%;
      margin-left: 65%;
    }
    .rectangle .content .right img {
      margin-top: 1%;
    }
  }
  @media(max-width:560px){
    .rectangle .content .left .title{
      font-size: 36px;
      margin: 0% 0 0 5%;
    }
    .rectangle .content .left .lorem{
      margin-left: 5%;
    }
    .rectangle .content .left button{
        margin: 10px 0 0 5%;
        display: none;
    }
  }
  @media(max-width:440px){
    .rectangle .internal{
      display: none;
    }
    .rectangle .content .left .title{
      font-size: 32px;
      margin: 40% 0 0 5%;
      padding-top: 15%;
    }
    .rectangle .content .left .title span{
      font-size: 26px;
    
  }
    .rectangle .content .right img{
        height: 350px;
        width: 100%;
        /* margin-left: -7%; */
      }
  }
  @media(max-width:392px){
    .rectangle .content .left .title{
      font-size: 30px;
    }
    .rectangle .content .left .lorem{
      margin-left: 5%;
      font-size: 20px;
    }
    .rectangle .content .left button{
        margin: 10px 0 0 5%;
    }
  }


/* counter */


* {
    box-sizing: border-box;
	
	
  }
  
  .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -29%;
  }
  .row .column {
    /* height: 190px; */
    max-width: 180px;
    flex: 20%;
    padding: 20px;
    border-radius: 16px;
    background-color: #fff;
    border-top:1px solid #eaecec;
    -webkit-box-shadow: 0 8px 6px -6px rgb(126, 125, 125);
       -moz-box-shadow: 0 8px 6px -6px rgb(126, 125, 125);
            box-shadow: 0 8px 6px -6px rgb(126, 125, 125);
    margin: 10px;
    text-align: center;
  }
  .row .column i{
    font-size: 32px;
    font-weight: 500;
    color: #DBDBDB;
  }
  .row .column h2{
    font-size: 32px;
    color: #1c2b57;
    margin: 7px 0;
  }
  .row .column p{
    font-size: 16px;
    color: #1c2b57;
  }
  @media(max-width:1270px){
    .row {
        margin-top: -36%;
      }
  }
  @media(max-width:1025px){
    .row {
        margin-top: -48%;
      }
  }
  
  @media screen and (max-width: 992px) {
    .row .column {
      flex: 50%;
    }
    .row .column i{
        font-size: 30px;
      }
      .row .column h2{
        font-size: 31px;
      }
  }
  @media(max-width:820px){
    .row {
        margin-top: -10%;
      }
  }
  @media screen and (max-width: 570px) {
    .row .column {
        max-width: 200px;
        
    }
    .row {
        margin-top: -20%;
      }
  }
  @media screen and (max-width: 440px) {
    .row {
        margin-top: -90%;
      }
    .row .column {
        max-width: 170px;
        
      }
  }
  @media screen and (max-width: 392px) {
    .row {
        margin-top: -110%;
      }
    .row .column {
        max-width: 160px;
        
      }
  }
  



  /* city fly  */
  .fly .circle-cut img{
    height: 126px;
    width: 126px;
    margin-left: 4%;
  }
  .fly .circle{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #3cc1d1;
    margin: -7% 0 0 -5%;
  }
  .fly .flight img{
    margin-top:-17%;
    width: 100%;
  }
  .fly .city{
    margin-top: -8%;
    text-align: center;
  }
  .fly .city .blue{
    font-size: 22px;
    font-weight: 600;
    color: #3cc1d1;
    font-style: italic;
  }
  .fly .city .black{
    font-size: 23px;
    font-weight: 600;
    color: #202639;
    font-style: italic;
  }
  .fly .city .all-city .delhi{
    color: #3cc1d1;
    display: inline-block;
    margin: 4%;
  }
  .fly .city .all-city .delhi p{
    font-size: 22px;
  }
  @media(max-width:1270px){
    .fly .city{
        margin-top: -13%;
    }
    .fly .city .blue {
        font-size: 21px;
    }
  }
  @media(max-width:1025px){
      .fly .circle{
        height: 180px;
        width: 180px;
        border-radius: 50%;
        background-color: #3cc1d1;
        /* margin: -10% 0 0 -5%; */
      }
  }
  @media(min-width: 820px) and (max-width: 915px){
    .fly .circle{
        height: 150px;
        width: 150px;
        margin: -8% 0 0 -5%;
    }
    .fly .circle-cut img{
        height: 75px;
        width: 75px;
    }
    .fly .city .blue{
        font-size: 17px;
      }
      .fly .city .black{
        font-size: 17px;
      }
  }
  @media(max-width:820px){
    .fly .circle-cut img{
        height: 95px;
        width: 95px;
      }
      .fly .circle{
        height: 120px;
        width: 120px;
        margin: -8% 0 0 -5%;
      }
      .fly .city .blue{
        font-size: 16px;
      }
      .fly .city .black{
        font-size: 16px;
      }
      .fly .city .all-city .delhi{
        margin: 2%;
      }
      .fly .city .all-city .delhi img{
        height: 70px;
        width: 70px;
      }
  }
  @media(max-width:720px){
    
      .fly .city .blue{
        font-size: 0.9rem;
      }
      .fly .city .black{
        font-size: 0.9rem;
      }
      .fly .city .all-city .delhi img{
        height: 60px;
        width: 60px;
      }
  }
  @media(max-width:640px){
    .fly .circle-cut img{
        display: none;
      }
      .fly .circle{
        display: none;
      }
    .fly .city{
        margin-top: 5%;
        text-align: center;
      }
    .fly .city .blue{
      font-size: 1rem;
      padding: 0 7%;
    }
    .fly .city .black{
      font-size: 1rem;
      padding: 0 7%;
    }
    .fly .city .all-city .delhi img{
      height: 100px;
      width: 100px;
    }
    .fly .flight img {
        margin-top: -10%;
    }
    .fly .city .all-city .delhi p {
        font-size: 20px;
    }
}
@media(max-width:490px){
    .fly{
        margin-top: 20%;
    }
    .fly .city .all-city .delhi img{
      height: 90px;
      width: 90px;
    }
}
@media(max-width:392px){
    .fly .city .all-city .delhi img{
      height: 80px;
      width: 80px;
    }
    .fly .flight img {
        margin-top: -5%;
    }
    .fly .city .all-city .delhi p {
        font-size: 18px;
    }
}


/* study options  */
.options{
    margin:100px 0 100px 0;
}
.options .center-text{
    text-align: center;
    margin: 0 15%;
}
.options .text{
    margin: 5% 18%;
    text-align: center;

}
.options .text .small{
    font-size: 17px;
    color: #202639;
}
.options .text .small2{
    margin-top: 2%;
}
.options .text .larger{
    font-size: 32px;
    font-weight: 600;
}
.options .text .larger span{
    color: #3cc1d1;
}
.options .circle-cut img{
    float: right;
    height: 146px;
    width: 146px;
    margin: -19% 6% 0 0%;
    transform: rotate(-120deg);
  }
.options .circle{
    float: right;
    height: 190px;
    width: 190px;
    border-radius: 50%;
    background-color: #3cc1d1;
    margin: -15% 0% 0 0%;
}
.options .area{
    display: flex;
    justify-content: center;
}
.options .area li{
    display: inline;
    margin-right: 25px;
}
.options .area button{
    font-weight: 600;
    color: #000;
    background-color: white;
    border: none;
    margin: 10px;
    font-size: 17px;
}
.options .area button.prog-active{
    background-color: #1C2B57;
    color: #fff;
    border: 1px solid #1C2B57;
    border-radius: 4px;
    padding: 5px;
}
.options .area button:hover{
    cursor: pointer;
}
.options .target {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1%;
}
.options .target .boxes-in {
    height: 130px;
    max-width: 300px;
    flex: 25%;
    padding: 20px;
    border-radius: 16px;
    background-color: #fff;
    color: #1c2b57;
    border:1px solid #3cc1d1;
    margin: 10px;
    text-align: center;
    
}
.options .target .boxes-in:hover{
    background-color: #1c2b57;
    color: #fff;
    
}
.options .target .boxes-in i{
    margin-top: 2%;
    font-size: 30px;
    color: #DBDBDB;
}
.options .target .boxes-in h2{
    margin-top: 3%;
    font-size: 16px;
}
.options .target .boxes-in p{
    margin-top: 3%;
    font-size: 15px;
}
.options .target .more-prog-link{
    text-decoration:none;
}
.options .target .more-prog-link h2:hover{
    text-decoration:none;
    color: #fff;
}
.options .hide-btn{
    margin:0 auto;
    display:block;
    font-size: 20px;
    margin-top: 40px;
    padding: 8px;
    background-color: #1C2B57;
    border-radius: 4px;
    color: #ffffff;
}
.options .hide-btn a{
    text-decoration: none;
    color: #ffffff;
}
@media(min-width:980px){
    .options .hide-btn{
        display: none;
    }
}
@media(max-width:1370px){
    .options .circle-cut img{
        height: 126px;
        width: 126px;
        margin: -20% 5% 0 0%;
      }
    .options .circle{
        height: 176px;
        width: 176px;
        margin: -15% 0% 0 0%;
      }
}
@media(max-width:1170px){
    .options .circle-cut img{
        height: 126px;
        width: 126px;
        margin: -22% 9% 0 0%;
      }
    .options .circle{
        height: 176px;
        width: 176px;
        margin: -18% 0% 0 0%;
    }
    .options .boxes .boxes-in {
        height: 160px;
        max-width: 250px;
        flex: 20%;
        padding: 20px;
        border-radius: 16px;
        background-color: #fff;
        border:1px solid #3cc1d1;
        margin: 10px;
        text-align: center;
        
    }

}
@media(max-width:820px){
    .options .text{
        margin: 5% 10%;
    
    }
}
@media(max-width:660px){
    .options .text{
        margin: 5%;
    
    }
}
@media(max-width:640px){
    .options .text{
        margin: 5% 10%;
    
    }
    .options .text .small{
        font-size: 16px;
    }
    .options .text .larger{
        font-size: 26px;
    }
}
@media(max-width:460px){
    .options .text{
        margin: 5%;
    
    }
    .options .text .small{
        font-size: 16px;
    }
    .options .text .larger{
        font-size: 24px;
        font-weight: 700;
    }
    
}
@media(max-width:460px){
    .options .hide-btn{
        padding: 10px;
        font-size: 18px;
        margin-top: 20px;
    }
}
@media(max-width:980px){
    .options .circle, .options .circle-cut, .options .area, .options .boxes{
        display: none;
    }
}


/* program slider  */


.program-slider {
    width: 90%;
    margin: auto;
    overflow: hidden;
    position: relative;
  }

  .program-slider .cards-container {
    display: flex;
    margin: 20px;
    gap: 30px;
    justify-content: center;
    transition: transform 0.5s ease;
    padding: 5%;
  }

  .program-slider .program-card {
    flex: 0 0 25%; 
    place-items: center;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    padding: 20px 0 0 0;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  }
  .program-slider .program-card .uni-name{
    text-align: center;
    color: #737373;
    margin: 10px 0 0 0;
}
  .program-slider .program-card a{
    text-decoration: none;
}
  .program-slider .program-card img{
    height: 60px;
}
  .program-slider .program-card .partner-img{
    height: 35px;
    margin: auto;
    display: block;
}
  .program-slider .program-card .content-text{
    background-color: #f6f6f6;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
    padding-bottom: 20px;
    border-radius: 0 0 8px 8px;

}
  .program-slider .program-card .content-text p{
    color: #1C2B57;
    font-weight: 600;
    margin: 10px 0;
}
  .program-slider .program-card .content-text a{
    color: #3cc1d1;
}
  .program-slider .program-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
  }

  .program-slider .program-arrow {
    cursor: pointer;
    font-size: 24px;
    color: #333;
  }

  .program-slider .program-dot {
    height: 10px;
    width: 10px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer;
  }
  .program-slider .program-dots{
    text-align: center;
  }

  .program-slider .program-dot.active {
    background-color: #3cc1d1;
    width: 50px;
    border-radius: 4px;
  }


@media(max-width:1000px){
    .program-slider {
        width: 95%;
    }
}
@media(max-width:920px){
    .program-slider .program-card {
        flex: 0 0 33%;
    }
}
@media(max-width:720px){
    .program-slider .program-card {
        flex: 0 0 50%;
    }
}

@media(max-width:440px){
    .program-slider .program-card {
        flex: 0 0 100%;
    }
}

.biger{
    width:80%;
    padding: 2%;
    background-color: #1C2B57;
    border-radius: 16px;
    margin:0 auto;
    display:block;
}
.big-m{
    margin-top:5%;
}
.biger p{
    display: inline;
    color: #fff;
    font-size: 36px;
}
.biger button{
    float: right;
    background-color: #3cc1d1;
    border: none;
    padding: 1% 3%;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;

}
@media(max-width:980px){
    .biger{
        display: none;
    }
}

/* partner university */
.partner{
    display: relative;
    z-index: 1;
    /* margin: 5% 0 10% 0; */
}
.partner .backcover img{
    position: absolute;
    object-fit: cover;
    z-index: 2;
    height: 500px;
    width: 100%;
    opacity: 0.1;
}
.partner .our-uni{
    position: relative;
    z-index: 3;
    margin: 5% 0 0 10%;
    padding-top: 4%;
}
.partner .our-uni .small{
    color: #1C2B57;
    font-size: 18px;
}
.partner .our-text{
    color: #1C2B57;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
}
.partner .our-text span{
    color: #3cc1d1;
}
.partner .box{
    position: relative;
    z-index: 3;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.partner .box .column{
    max-width: 290px;
    flex: 20%;
    padding: 30px 15px;
    border-radius: 16px;
    background-color: #fff;
    border:2px solid #e2e2e2;
    margin: 10px;
    text-align: center;
}
.partner .box .column .name{
    border-bottom: 2px solid #3cc1d1;
}
.partner .box .column .name img{
    max-width: 260px;
    height: 40px;
    margin-bottom: 30px;
}
.partner .box .column .details table{
    margin: auto;
}
.partner .box .column .details table tr td{
    text-align: left;
}
.partner .box .column .details table tr td:nth-child(1){
    width: 55%;
    padding: 5px 0;
}
.partner .box .column .details table tr td:nth-child(2){
    width: 10%;
}
@media(max-width:820px){
    .partner .backcover img{
        height: 700px;
    }
}
@media screen and (max-width: 992px) {
    .partner .box .column {
      flex: 50%;
    }
  }
  @media screen and (max-width: 600px) {
    .partner{
        margin-bottom: 20%;
        margin-top: 10%;
    }
    .partner .backcover img{
        height: 1100px;
    }
    .partner .box .column {
        max-width: 400px;
        
    }
    .partner .our-uni .small{
        font-size: 16px;
    }
    .partner .our-text{
        font-size: 32px;
    }
    
}

@media screen and (max-width: 470px){
    .partner .our-text {
        font-size: 24px;
        margin-top: 10%;
    }
}
/* we are different  */
.different{
    background-color: #3cc1d1;
    position: relative;
    z-index: 4;
    margin-top: 4%;
    overflow: hidden;
}
.different .left-side{
    width: 60%;
    float: left;
}
.different .right-side{
    overflow: hidden;
}
.different .our-uni{
    margin: 0 0 0 10%;
    padding: 5% 0 0 0;
}
.different .our-uni .small{
    color: #fff;
    font-size: 18px;
}
.different .our-text{
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
}
.different .our-text span{
    color: #1c2b57;
}
.different .points{
    margin: 0 0 3% 10%;
    background-color: #19a5b3;
    padding: 2%;
    border-radius: 16px;
    color: #fff;
}
.different .points .text{
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}
.different .right-side .circle{
    width: 200px;
    height: 200px;
    background-color: #fff;
    border-radius: 50%;
    margin: -15% 0 21% 29%;
}
.different .right-side .circle-cut img{
    width:140px;
    height: 140px;
    margin: 0 0 0 50%;
}
.different .right-side .boy img{
    height: 410px;
    /* width: 60%; */
    margin: -49% 0 -5px 10%;
}
@media(max-width:1260px){
    .different .right-side .circle{
        margin: -15% 0 14% 35%;
    }
    .different .right-side .circle-cut img{
        width: 150px;
        height: 150px;
        margin: 0 0 0 62%;
    }
}
@media(max-width:1060px){
    .different .right-side .circle{
        width:200px;
        height: 200px;
        margin: -19% 0 10% 35%;
    }
}
@media(max-width:910px){
    .different .right-side .circle{
        margin: -22% 0 2% 40%;
    }
}
@media(max-width:820px){
    .different .right-side .circle{
        /* width: 250px;
        height: 250px; */
        margin: 40% 0 -6% 40%;
    }
    .different .right-side .circle-cut img {
        display: none;
    }
}
@media(max-width:720px){
    .different .points .text{
        font-size: 18px;
    }
    .different .our-uni .small{
        font-size: 18px;
    }
    .different .our-text{
        font-size: 36px;
    }
    .different .left-side{
        float: none;
        width: 90%;
    }
    .different .right-side{
        display: none;
    }

}
@media(max-width:600px){
    .different{
        padding-top: 15%;
        padding-bottom: 20%;
    }
    .different .our-text{
        font-size: 24px;
    }
    .different .points .text{
        font-size: 16px;
    }
}
@media(max-width:400px){
    .different .points .text{
        font-size: 16px;
    }
}


/* global opp  */
.global{
    display: relative;
    z-index: 1;
}
.global .backcover img{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 600px;
    opacity: 0.05;
}
.global .overlap{
    position: relative;
    overflow: hidden;
    z-index: 3;
}
.global .overlap .left{
    width: 35%;
    float: left;
}
.global .overlap .left .girl-point img{
    margin: 13% 0 0 10%;
    width: 100%;
}
.global .overlap .right{
    overflow: hidden;
}
.global .overlap .right .our-uni{
    margin: -10% 0 0% 5%;
}
.global .overlap .right .our-uni img{
    margin: 5% 0 0 85%;
    height: 200px;
    width: 200px;
}
.global .overlap .right .our-uni .small{
    color: #1C2B57;
    font-size: 18px;
}
.global .overlap .right .our-uni .short{
    width: 660px;
	text-align:justify;
}
.global .overlap .right .our-text{
    color: #1C2B57;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
}
.global .overlap .right .our-text span{
    color: #3cc1d1;
}
.global .overlap .right .our-uni button{
    width: 223px;
    height: 46px;
    background-color: #1C2B57;
    font-size: 17px;
    color: #fff;
    border-color: #1C2B57;
    border-radius: 8px;
    margin-top: 5%;
}
.global .overlap .right .our-uni button a{
    text-decoration: none;
    color: #fff;
}
@media(max-width:1120px){
    .global .backcover img{
        height: 470px;
    }
    .global .overlap .right .our-uni img{
        margin: 5% 0 0 85%;
        height: 150px;
        width: 150px;
    }
    .global .overlap .right .our-uni .short{
        width: 460px;
    }
    .global .overlap .right .our-text{
        font-size: 32px;
    }
}
@media(min-width: 820px) and (max-width: 915px){
    .global .overlap .right .our-uni button{
        margin-bottom: 10%;
    }
}
@media(max-width:820px){
    .global .backcover img{
        height: 420px;
    }
    .global .overlap .right .our-uni{
        margin: -20% 0 0% 5%;
    }
    .global .overlap .right .our-uni .short{
        width: 400px;
    }
    .global .overlap .right .our-text{
        font-size: 28px;
    }
}
@media(max-width:720px){
    .global .backcover img{
        height: 400px;
    }
    .global .overlap .left{
        display: none;
        float: none;
    }
    .global .overlap .right{
        width: 100%;
        margin: 0 5%;
    }
    .global .overlap .right .our-uni img{
        margin: 10% 0 0 85%;
    }
    .global .overlap .right .our-uni .short{
        width: 90%;
		text-align:justify;
    }
}
@media(max-width:600px){
    .global{
        margin-bottom: 25%;
    }
    .global .backcover img{
        height: 450px;
    }
    .global .overlap .right .our-text{
        font-size: 30px;
    }
}
@media(max-width:435px){
    @media(max-width:520px){
        .global .overlap .right .our-uni .small{
            font-size: 15px;
        }
        .global .overlap .right .our-text{
            font-size: 24px;
        }
    }
}


/* why us  */
.choose{
    background-color: #1C2B57;
	padding-bottom: 100px 
    /* height: 400px; */
}
.choose .choose-in{
    padding: 8% 10% 2% 10%;
}
.choose .choose-in .title{
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.choose .choose-in .title span{
    color: #19a5b3;
}
.choose .choose-in .small{
    font-size: 15px;
    color: #fff;
    margin-top: 3%;
}

.choose .choose-op {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .choose .choose-op .ch-column {
    max-width: 205px;
    flex: 20%;
    padding: 20px;
    margin: 20px;
    border-radius: 16px;
    background-color: #2b385e;
    text-align: center;
  }
  
  .choose .choose-op .ch-column p{
    font-size: 16px;
    color: #fff;
  }
  .choose .choose-op .ch-column img{
    height: 40px;
    width: 40px;
    margin-bottom: 10%;
  }
  @media(max-width:1100px){
    .choose .choose-op .ch-column {
        max-width: 150px;
        margin: 15px;
        flex:30%
      }
      .choose .choose-op .ch-column p{
        font-size: 13px;
      }
  }
  @media(max-width:820px){
    .choose{
        margin-top:5%;
    }
    .choose .choose-op .ch-column {
        max-width: 130px;
        margin: 10px;
      }
      .choose .choose-op .ch-column p{
        font-size: 12px;
      }
  }
  @media(max-width:720px){
    .choose .choose-op .ch-column {
        max-width: 200px;
        margin: 10px;
      }
      .choose .choose-op .ch-column p{
        font-size: 12px;
      }
  }
  @media screen and (max-width: 600px) {
    .choose{
        padding-top: 10%;
    }
    .choose .choose-op .ch-column {
        max-width: 300px;
        
      }
      .choose .choose-in .title{
        font-size: 24px;
      }
  }


  /* faq  */
.faq{
    display: relative;
    z-index: 1;
}
.faq .backcover img{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 115%;
    opacity: 0;
}
.faq .overlap{
    position: relative;
    display: flex;
    /* overflow: hidden; */
    z-index: 3;
}
.faq .overlap .left{
    width: 35%;
    float: left;
}
.faq .overlap .left .girl-point img{
    margin: 30% 0 0 10%;
    width: 70%;
}
.faq .overlap .right{
    overflow: hidden;
    margin: 10% 0 0 0%;
    padding-left: 5%;
}
.faq .overlap .right .our-uni{
    margin: 0;
}
.faq .overlap .right .our-uni .small{
    color: #1C2B57;
    font-size: 18px;
}
.faq .overlap .right .our-uni .short{
    max-width: 660px;
}
.faq .overlap .right .our-text{
    color: #1C2B57;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
}
.faq .overlap .right .our-text span{
    color: #3cc1d1;
}

.accordion-container .accordion-title {
    position: relative;
    margin: 2px;
    padding: 0.625em 0.625em 0.625em 1em;
    background-color: #fff;
    font-size: 1.25em;
    font-weight: normal;
    color: #000;
    border-radius: 8px;

    border: 1px solid #e2e2e2;
    cursor: pointer;
  }
  .faq .accordion-container a{
    text-decoration: none;
  }
  .accordion-container .accordion-title:hover,
  .accordion-container .accordion-title:active,
  .accordion-title.open { 
    background-color: #3cc1d1;
  }
  .accordion-container .accordion-title::after {
    content: "";
    position: absolute;
    top: 25px;
    right: 25px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #fff;
  }
  .accordion-container .accordion-title.open::after {
    content: "";
    position: absolute;
    top: 15px;
    border: 8px solid transparent;
    border-bottom-color: #fff;
  }
  
  .accordion-content {
    padding-left: 0.9em;
    border: 1px solid #3cc1d1;
    border-radius: 8px;
    background-color: #fff;
	padding-right:0.9em;
	text-align:justify;
	padding-bottom:0.5em;
	padding-top:0.5em;
  }
  .accordion-container {
    max-width: 660px;
  }
  .more-design{
    background-color: #1C2B57!important;
    color: white!important;
    text-align: center;
  }
  .more-design::after{
    display: none;
  }
@media(max-width:1120px){
    .faq .backcover img{
        height: 105%;
    }
    .faq .overlap .right .our-text{
        font-size: 32px;
    }
}
@media(min-width: 820px) and (max-width: 915px){
    .faq .overlap .left .girl-point img{
        margin: 40% 0 0 10%;
    }
}
@media(max-width:820px){
    .faq .overlap .right .our-text{
        font-size: 28px;
    }
    .accordion-container .accordion-title {
        font-size: 17px;
    }
    .accordion-content {
        font-size: 16px;
    }
    .accordion-container {
        margin: 10px;
    }
}
@media(max-width:720px){
    .faq .backcover img{
        height: 100%;
    }
    .faq .overlap .left{
        display: none;
        float: none;
    }
    .faq .overlap .right{
        width: 100%;
        /* margin: 0 5%; */
    }
    .accordion-container {
        max-width: 600px;
        margin: 0px;
    }
}
@media(max-width:640px){
    .accordion-container {
        max-width: 550px;
        margin-right: 10px;
    }
}
@media(max-width:520px){
    .faq{
        margin-top: 20%;
    }
    .faq .overlap .right .our-text{
        font-size: 26px;
    }
}
@media(max-width:435px){
   
        .faq .overlap .right .our-uni .small{
            font-size: 15px;
        }
        .faq .overlap .right .our-text{
            font-size: 24px;
        }
        .accordion-container .accordion-title {
            font-size: 14px;
        }
        .accordion-content {
            font-size: 13px;
        }
    
}
  


/* footer  */

footer-body{
    display: flex;
    flex-direction: column;
    height: 100vh;
    background-color: #1c2b57;
}


footer{
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
    background-color: #1c2b57;
    padding: 60px 10%;
    border-bottom: 2px solid #3cc1d1;
    background-image: url(assets/footer2.png);
    background-size: 100% 100%;
}



footer ul{
    list-style: none;
}

footer .footer-col{
    width: 25%;
}
footer .footer-col img{
    width: 200px;
}
footer .footer-col h4{
    /* position: relative; */
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 21px;
    color: #ffff;
    font-weight: 600;
    text-transform: capitalize;
}

footer ul li:not(:last-child){
    margin-bottom: 8px;
}

footer ul li a{
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    transition: 0.4s;
}
footer ul li p{
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    transition: 0.4s;
}
footer ul li p .fa-envelope,
footer ul li p .fa-phone{
    margin-right: 15px;
}

footer ul li a:hover{
    padding-left: 2px;
}

footer .links a{
    display: inline-block;
    height: 44px;
    width: 44px;
    color: #1C2B57;
    background-color: #fff;
    margin: 0 8px 8px 0;
    text-align: center;
    line-height: 44px;
    border-radius: 8px;
    transition: 0.4s;
}

footer .links a:hover{
    color: #4d4f55;
    background-color: white;
}
footer .letter{
    margin: 20px 0 20px 0;
}
footer .letter input{
    height: 40px;
    max-width: 200px;
    border: 2px solid #3cc1d1;
    border-radius: 8px 0px 0px 8px;    
    background-color: transparent;
    color: white;
    padding-left: 10px;
}
footer .letter button{
    height: 40px;
    width: 70px;
    background-color: #3cc1d1;
    color: #fff;
    border: 2px solid #3cc1d1;
    border-radius: 0px 8px 8px 0px;
}
.top-footer{
    margin-top: -5%;
}
@media(min-width: 820px) and (max-width: 915px){
    footer{
        padding: 60px 1%;
    }
}
@media(max-width: 820px){
    footer .footer-col{
        width: 50%;
        margin-bottom: 30px;
        text-align: center;
    }

    footer .footer-col h4::before{
        all: unset;
    }
    .exists{
        display: none;
    }
    .top-footer{
        margin-top: 3%;
    }
}

@media(max-width: 555px){
    footer .footer-col{
        width: 100%;
    }
}

.exists{
    visibility: hidden;
}
.complete{
    padding-top: 10px;
    background-color: #1C2B57;
    color: #fff;
    text-align: center;
}


/* slider  */

.slider-lead{
    display: relative;
    z-index: 1;
}
.slider-lead .backcover img{
    position: absolute;
    object-fit: cover;
    z-index: 2;
    height: 600px;
    width: 100%;
    opacity: 0.1;
    z-index: 1;
}
.slider-lead .our-uni{
    position: relative;
    z-index: 3;
    margin: 2% 0 0 10%;
    padding-top: 7%;
}
.slider-lead .our-uni .small{
    color: #1C2B57;
    font-size: 18px;
}
.slider-lead .our-text{
    color: #1C2B57;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 30px;
}
.slider-lead .our-text span{
    color: #3cc1d1;
}


.team-slider {
    margin: 0 auto;
    width: 90%;
    position: relative;
    z-index: 2;
  }
  .team-slider i {
    top: 50%;
    height: 50px;
    width: 50px;
    cursor: pointer;
    font-size: 1.25rem;
    position: absolute;
    text-align: center;
    line-height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,0.23);
    transform: translateY(-50%);
    transition: transform 0.1s linear;
  }
  .team-slider i:active{
    transform: translateY(-50%) scale(0.85);
  }
  .team-slider i:first-child{
    left: -22px;
  }
  .team-slider i:last-child{
    right: -22px;
  }
  .team-slider .carousel{
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% / 4) - 12px);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    border-radius: 8px;
    scroll-behavior: smooth;
    scrollbar-width: none;
  }
  .team-slider .carousel::-webkit-scrollbar {
    display: none;
  }
  .team-slider .carousel.no-transition {
    scroll-behavior: auto;
  }
  .team-slider .carousel.dragging {
    scroll-snap-type: none;
    scroll-behavior: auto;
  }
  .team-slider .carousel.dragging .card {
    cursor: grab;
    user-select: none;
  }
  .team-slider .carousel :where(.card, .img) {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .team-slider .carousel .card {
    scroll-snap-align: start;
    height: 342px;
    list-style: none;
    cursor: pointer;
    padding-bottom: 15px;
    flex-direction: column;
    border-radius: 8px;
  }
  .team-slider .carousel .card .img {
    background: #1c2b57;
    height: 200px;
    width: 200px;
    border-radius: 50%;
    z-index: 2;
  }
  .team-slider .card .img img {
    width: 190px;
    height: 190px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #fff;
  }
  .team-slider .carousel .card h2 {
    font-weight: 500;
    font-size: 1.1rem;
    margin: 15px 0 5px;
  }
  .team-slider .carousel .card span {
    color: #6A6D78;
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
  .team-slider .card .fa-linkedin-in{
    color: #fff;
      font-size: 17px;
      background-color: #1c2b57;
      padding: 4px;
      border-radius: 4px;
  }
  @media(min-width:970px){
    .team-slider i{
        display: none;
    }
  }
  @media screen and (max-width: 970px) {
    .team-slider .carousel {
      grid-auto-columns: calc((100% / 3) - 12px);
    }
  }
  @media screen and (max-width: 740px) {
    .team-slider .carousel {
      grid-auto-columns: calc((100% / 2) - 9px);
    }
  }
  
  @media screen and (max-width: 600px) {
    .team-slider .carousel {
      grid-auto-columns: 100%;
    }
    .team-slider {
        width: 80%;
      }
  }
@media(max-width:820px){
    .slider-lead .backcover img{
        height: 500px;
    }
}
@media screen and (max-width: 600px) {
    
    .slider-lead .our-uni .small{
        font-size: 16px;
    }
    .slider-lead .our-text{
        font-size: 24px;
        margin-top: 10%;
    }
    
}


/* popup  */
/* ::backdrop {
    background-color:#c2c2c2;
  } */
  
  .download{
    margin: 10% auto;
    border-radius: 8px;
    border: none;
  }
  .download2{
    margin: 10% auto;
    border-radius: 8px;
    border: none;
  }
  .message-pop{
    background-color: #fff;
    width: 600px;
    padding: 5%;
    
  }
  .download2 .message-pop{
    max-width: 500px;
  }
  .message-pop .main{
    color: #1C2B57;
    font-family: 'Segoe UI Bold';
    font-size: 2rem;
    margin-bottom: .5rem;
  }
  .message-pop .main span{
    color: #3cc1d1;
    font-family: inherit;
  }
  .message-pop .small{
    color: #1C2B57;
    margin-bottom: 2rem;
  }
  .message-pop input, .message-pop textarea, .message-pop button{
    font-size: 1rem;
  }
  .form-error{
    border-color: rgb(255 188 188) !important;
  }
  .message-pop .side-by{
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.25rem;
  }
  .message-pop .side-by .mobile{
    width: calc(50% - .75rem);
    margin-right: .75rem;
    display: flex;
    flex-direction: column;
  }
  .message-pop .side-by .email{
    width: calc(50% - .75rem);
    margin-left: .75rem;
    display: flex;
    flex-direction: column;
  }
  .message-pop .input-container{
    margin-bottom: 1.25rem;
    display: flex;
    flex-direction: column;
  }
  .message-pop .input-container input{
    width: 100%;
    height: 3rem;
    border: 2px solid #e2e2e2;
    border-radius: .5rem;
    padding: .5rem 1rem;
  }
  .form-error-msg{
    font-size: .75rem;
    color: red;
    padding-left: .25rem;
    margin-top: .25rem;
  }
  .message-pop .input-container input:focus, .message-pop .input-container input:focus-visible{
    outline: none;
  }
  .message-pop .input-container textarea{
    width: 100%;
    height: 5rem;
    border: 2px solid #e2e2e2;
    border-radius: .5rem;
    padding: .5rem 1rem;
    outline: none;
  }
  .message-pop .input-container{
    display: flex;
    margin-bottom: 1.25rem;
  }
  .message-pop .side-by input{
    height: 3rem;
    border: 2px solid #e2e2e2;
    border-radius: .5rem;
    padding: .5rem 1rem;
    outline: none;
  }
  .message-pop .side-by .email input{
    width: 100%;
  }
  .message-pop .side-by .mobile input{
    width: 100%;
  }
  .message-pop .btn-submit input{
    height: 3rem;
    background-color: #1C2B57;
    color: #fff;
    border-radius: .5rem;
    padding: .5rem 1rem;
    border: none;
    transition: .3s;
  }
  .download2 .btn-submit{
    display: flex;
    justify-content: center;
  }
  .message-pop .btn-submit input:hover{
    cursor: pointer;
    transform: scale(1.05);
  }
  .download .btn-close{
    float: right;
    margin: 20px;
    background-color: #fff;
    border: none;
    font-size: 17px;
    font-weight: 600;
  }
  .download2 .btn-close{
    float: right;
    margin: 20px;
    background-color: #fff;
    border: none;
    font-size: 17px;
    font-weight: 600;
  }
  .btn-close:hover{
    cursor: pointer;
  }
  @media(max-width:600px){
    .message-pop .side-by .mobile{
      float: none;
    }
    .message-pop .side-by .mobile input{
      width: 195%;
    }
    /* .download{
        width: 80%;
      } */
  }
  
  #div {
    position:fixed;
    display:none;
    background-color:#fff;
    z-index: 102;
  }
  #div-pop{
    position: fixed;
    display: none;
    background-color: #fff;
    z-index: 1001;
    box-shadow: 0px 10px 10px -5px #0003;
    border-radius: .5rem;
    overflow: hidden;
  }
  #overlay {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:none;
    background-color:#2322227d;
    opacity:1;
    z-index: 101;
  }
  #overlay-again {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    display:none;
    background-color:#2322227d;
    opacity:1;
    z-index: 101;
  }
  
  




/* ==============  ABout US ============== */
/* ==============  ABout US ============== */
/* ==============  ABout US ============== */

.about-top .back-img .flightimg1{
    position: absolute;
    background-color: #E6E8EE;
    width: 100%;
    height: 25%;
}
.about-top .text-part{
    position: relative;
    overflow: hidden;
    z-index: 3;
    padding: 4% 0 0 10%;
    color: #1C2B57;
}
.about-top .text-part p{
    font-size: 17px;
    font-weight: 600;
}
.about-top .text-part .about{
    font-size: 36px;
    font-weight: 900;
}


@media(max-width:440px){
    .about-top .text-part {
        padding: 15% 0 0 10%;
    }
    .about-top .text-part p{
        font-size: 15px;
    }
    .about-top .text-part .about{
        font-size: 26px;
    }
    
}

.about-mid .padding{
    padding: 5% 0 0 10%;
}
.about-mid .left{
    width: 50%;
    float: left;
    padding: 5% 3% 0 0;
}
.about-mid .right{
    margin-left: 5%;
    overflow: hidden;
    margin-top: 3%;
}
.about-mid .right img{
    width: 70%;
    height: 500px;
}
.about-mid .left .global-text{
    font-size: 36px;
    color: #1C2B57;
    font-weight: 900;

}
.about-mid .left .global-text span{
    color: #3cc1d1;
}
.about-mid .left .text{
    margin-top: 5%;
    color: #202639;

}
.about-mid .menu{
    margin-top: 5%;
    background: transparent;
}
.about-mid .Single{
    width: 100px;
    display: inline-block;
    margin: 0 1%;
    padding: 10px;
    border-radius: 8px;
    background-color: white;
    border: 1px solid skyblue;
    cursor: pointer;
}
/* .about-mid .Single:focus{
    border-bottom: 5px solid #1C2B57;
} */
.about-mid .target_box{
    color: #202639;
    margin-top: 5%;
    background: transparent;
}
.about-mid .Single.mission-active{
    border-bottom: 4px solid #3cc1d1;
    position: relative; 
}
.mission-active::after {
    content: '';
    position: absolute;
    top: 103%;
    right: 35px;
    /* text-align: center; */
    transform: translateY(0%);
    rotate: 90deg;
    border: 8px solid transparent;
    border-left: 10px solid #3cc1d1;
}
#divm2,
#divm3,
#divm4 {
  display: none;
}
#divm2,
#divm3 {
  display: none;
}






@media(max-width:820px){
    .about-mid .left{
        width: 100%;
        float: none;
        padding-top: 10%;
    }
    .about-mid .right{
      display: none;
    }
    .about-mid .padding{
        padding: 5% 10% 0 10%;
    }
    .about-mid .target_box{
        margin-bottom: 10%;
    }
}
@media(max-width:620px){
    .about-mid .padding{
        padding: 15% 10% 0 10%;
    }
    .about-top .text-part {
        padding: 7% 0 0 10%;
    }
}
@media(max-width:440px){
    .about-mid .padding{
        padding: 20% 5% 0 10%;
    }
    .about-mid .left .global-text{
        font-size: 28px;
    
    }
    .about-mid .Single{
        width: 90px;
    }
    .about-top .text-part {
        padding: 25% 0 0 10%;
    }
    
}



.about-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #1C2B57;
  }
  .about-row .about-column {
    max-width: 180px;
    flex: 20%;
    padding: 20px;
    border-radius: 16px;
    margin: 10px;
    text-align: center;
  }
  .about-row .about-column i{
    font-size: 35px;
    margin-bottom: 10px;
    color: #DBDBDB;
  }
  .about-row .about-column h2{
    font-size: 32px;
    color: #fff;
  }
  .about-row .about-column p{
    font-size: 16px;
    margin-top: 5%;
    color: #fff;
  }
  @media screen and (max-width: 992px) {
    .about-row .about-column {
      flex: 50%;
    }
    .about-row .about-column i{
        font-size: 30px;
      }
      .about-row .about-column h2{
        font-size: 31px;
      }
  }
  @media screen and (max-width: 570px) {
    .about-row .about-column {
        max-width: 200px;
        
    }
  }
  @media screen and (max-width: 440px) {
    .about-row .about-column {
        max-width: 170px;
        
      }
  }
  @media screen and (max-width: 392px) {
    .about-row .about-column {
        max-width: 150px;
        
      }
  }

.ceo{
    padding: 10% 15% 0 15%;
}

.ceo .ceo-img{
    width: 40%;
    float: left;
}
.ceo .ceo-img img{
    width: 106%;
    margin: -7% 0% 0% -36%;
} 
@media(max-width:1400px){
    .ceo .ceo-img img{
        width: 106%;
        margin: -8% 0% 0% -36%;
    }   
}
@media(max-width:1300px){
    .ceo .ceo-img img{
        width: 120%;
        margin: 0% 0% 0% -40%;
    }   
}
@media(max-width:1200px){
    .ceo .ceo-img img{
        width: 130%;
    margin: 4% 0% 0% -42%;
    }   
}  
@media(max-width:1025px){
    .ceo .ceo-img img{
        width: 140%;
        margin: 29% 0% 0% -47%;
    }   
}   
.ceo .ceo-right{
    margin-left: 5%;
    overflow: hidden;
}
.ceo .ceo-right .main{
    
    padding: 20% 5% 0 0;
    text-align: center;
    color: #1C2B57;
    font-size: 36px;
    font-weight: 900;
}
.ceo .ceo-right .ceo-text{
    text-align: center;
    color: #1C2B57;
    font-size: 17px;
    padding: 5% 5% 5% 0;
}
.ceo .border{
    border: 1px solid #3cc1d1;
    border-radius: 8px;
}
.ceo .under{
    width: 100px;
    height: 5px;
    background-color: #1C2B57;
    border-radius: 16px;
    margin: auto;
    margin-bottom: 5%;
}
@media(max-width:820px){
    .ceo .ceo-img{
        width: 100%;
        float: none;
    }
    .ceo .ceo-img img{
        width: 80%;
        margin: 0 0 0 0;
    }
    .ceo .ceo-right .main{
        padding: 3% 5% 0 0;
    }
}
.bigger-margin{
    margin-top: 10%;
}
@media(max-width:620px){
    .ceo .ceo-right .main{
        font-size: 28px;
    }
}
@media(max-width:460px){
    .ceo{
        padding: 10% 5%;
    }
    .ceo .ceo-right .main{
        font-size: 24px;
    }
}

/* ==============  ABout US Ends ============== */
/* ==============  ABout US Ends ============== */
/* ==============  ABout US Ends ============== */




/* ==============  Experts ============== */
/* ==============  Experts ============== */
/* ==============  Experts ============== */



.expert-parent{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 60px;
    padding: 5%;
    margin: 20px;
}
.expert-parent .child{
    display: grid;
    place-items: center;
    padding: 40px;
    background: #fafafa;
    border: 1px solid #c2c2c2;
    border-radius: 5%;
}
.expert-parent .child .shape .circle-cut img{
    height: 120px;
    width: 120px;
    margin: -10% 0% 0 -15%;
}
.expert-parent .child .shape .circle{
    height: 220px;
    width: 220px;
    background-color: #3cc1d1;
    border-radius: 50%;
    margin: -45% 0% 0% 0%;
}
.expert-parent .child .clogo img{
    margin: -70% 0% 0% 0%;
    width: 100%;
}
.expert-parent .child .content{
    background-color: #fff;
    padding: 10px;
    width: 100%;
    margin-top: -10%;
    text-align: center;
    color: #1C2B57;
    border: 1px solid #c2c2c2;
    border-radius: 50px 50px 8px 8px;
}
.expert-parent .child .content .name{
    font-size: 20px;
    font-weight: 900;
}
.expert-parent .child .content .designation{
    font-size: 16px;
}
.expert-parent .child a{
    width: 100%;
    text-decoration: none;
}
@media(min-width:768px) and (max-width:1220px){
    .expert-parent{
        margin: 40px 20px;
    }
    .expert-parent .child .clogo img{
        height: 80%;
        width: 80%;
        margin: -60% 0% 0% 10%;
    }
    .expert-parent .child .shape .circle-cut img{
        height: 60%;
        width: 60%;
    }
    .expert-parent .child .shape .circle{
        height: 170px;
        width: 170px;
    }
}
@media(max-width:1020px){
    .expert-parent{
        padding: 10%;
        grid-template-columns: repeat(2,1fr);
    }
}
@media(max-width:768px){
    .expert-parent{
        grid-template-columns: repeat(1,1fr);
    }
    .expert-parent{
        margin-top: 60px;
    }
    .expert-parent .child .clogo img{
        margin: -70% 0% 0% 0%;
        width: 100%;
        height: 290px;
    }
}
@media(max-width:430px){
    .expert-parent{
        padding: 20% 3%;
        margin: 40px 20px;
    }
    .expert-parent .child .clogo img{
        /* height: 80%; */
        /* width: 80%; */
        margin: -70% 0% 0% 0%;
    }
    .expert-parent .child .shape .circle-cut img{
        height: 60%;
        width: 60%;
    }
    .expert-parent .child .shape .circle{
        height: 170px;
        width: 170px;
    }
}


/* ==============  Experts Ends ============== */
/* ==============  Experts Ends ============== */
/* ==============  Experts Ends ============== */




/* ==============  Contact US ============== */
/* ==============  Contact US ============== */
/* ==============  Contact US ============== */

.contact-us{
    position: relative;
    margin: 10%;
    z-index: 2;
}
.contact-us .contact-left{
    width: 40%;
    float: left;
}
.contact-us .contact-right{
    overflow: hidden;
}
.contact-us .contact-left .hear{
    font-size: 36px;
    color: #1C2B57;
    font-weight: 900;
    margin-bottom: 2%;
}
.contact-us .contact-left .hear span{
    color: #3cc1d1;
}
.contact-us .contact-left .title{
    color: #1C2B57;
    font-size: 22px;
    margin-top: 3%;
}
.contact-us .contact-left .address{
    color: #1C2B57;
    font-size: 14px;
    width: 55%;
    margin-top: 2%;
}
.contact-us .contact-left .social i{
    border: 1px solid #e2e2e2;
    padding: 10px;
    color: #fff;
    background-color: #e2e2e2;
    border-radius: 8px;
    margin-left: 5px;
    margin-top: 5%;
}
.contact-us .contact-right form{
    border: 1px solid #e2e2e2;
    padding: 10%;
    width: 80%;
    background-color: #fafafa;
    border-radius: 8px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    
}
.contact-us .contact-right .area input{
    width: 100%;
    height: 3rem;
    border: 2px solid #e2e2e2;
    color: #737373;
    border-radius: .5rem;
    padding: .5rem 1rem;
    margin-bottom: .75rem;
    font-size: 1rem;
    outline: none;
}
.contact-us .contact-right .area textarea{
    width: 100%;
    height: 5rem;
    border: 2px solid #e2e2e2;
    color: #737373;
    border-radius: .5rem;
    padding: .5rem 1rem;
    margin-bottom: .75rem;
    font-size: 1rem;
    outline: none;
}
.contact-us .contact-right .touch{
    font-size: 36px;
    color: #1C2B57;
    margin-bottom: 2rem;
    font-family: 'Segoe UI Bold';
}
.contact-us .contact-right input[type="submit"]{
    padding: .75rem 1rem;
    background-color: #1C2B57;
    border-radius: .5rem;
    color: #fff;
    font-size: 1rem;
    border: none;
}
.map iframe{
    margin: -8% 0 0 0;
    width: 100%;
    height: 500px;
    z-index: 5;
}
@media(max-width:1100px){
    .map iframe{
        margin: -12% 0 0 0;
    }
    .contact-us .contact-right form{
        margin-left: 5%;
        width: 90%;
        
    }
}
@media(max-width:920px){
    .contact-us .contact-left{
        width: 50%;
    }
}
@media(max-width:820px){
    .contact-us .contact-left{
        width: 100%;
        float: none;
    }
    .contact-us .contact-right form{
        margin-top: 10%;
        width: 90%;
        
    }
}
@media(max-width:620px){
    .contact-us{
        margin-top: 30%;
    }
}
@media(max-width:440px){
    .contact-us .contact-left .hear{
        font-size: 30px;
    }
}

/* ==============  Contact us Ends ============== */
/* ==============  Contact us Ends ============== */
/* ==============  Contact us Ends ============== */




/* ==============  Programs ============== */
/* ==============  Programs ============== */
/* ==============  Programs ============== */


.program-filter{
    margin-top: 7%
}
.program-filter p{
    text-align: center;
}
.program-filter select{
    padding: 0 20px;
    border-radius: 4px;
    font-size: 17px;
    width: 350px;
    height: 45px;
    background-color: #e2e2e2;
    border: none;
    margin: 20px auto;
    display: block;
}
.program-filter select:focus{
    outline-width: 0;

}
.program-filter select option{
    background-color: #fff;
    height: 45px;
}
.program-filter select option:hover{
    background-color: #e2e2e2;
}

.program-parent{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 60px;
    padding: 5%;
    margin: 20px;
}
.program-parent .child{
    display: grid;
    place-items: center;
    border: 1px solid #c2c2c2;
    border-radius: 8px;
    padding: 20px 0 0 0;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.program-parent .child .uni-name{
    text-align: center;
    color: #737373;
    margin: 10px 0 0 0;
}
.program-parent .child a{
    text-decoration: none;
}
.program-parent .child img{
    height: 60px;
}
.program-parent .child .partner-img{
    height: 35px;
    margin: auto;
    display: block;
}
.program-parent .child .content-text{
    background-color: #f6f6f6;
    width: 100%;
    margin: 20px 0 0 0;
    text-align: center;
    padding-bottom: 20px;
    border-radius: 0 0 8px 8px;

}
.program-parent .child .content-text p{
    color: #1C2B57;
    font-weight: 600;
    margin: 10px 0;
}
.program-parent .child .content-text a{
    color: #3cc1d1;
}
.program-parent .prog-btn{
    margin-top: -5%!important;
}
.cut{
    height: 100px;
    width: 100px;
    margin-left: 7%;
    margin-bottom: -3%;
}


#prog-div{
    position:fixed;
    display:none;
    background-color:#fff;
    z-index: 102;
}
#prog-overlay{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    display:none;
    background-color:#2322227d;
    opacity:1;
    z-index: 101;
}
.program-1{
    margin: -30% auto;
    border-radius: 8px;
    border: none;
    padding: 2%;
}
.program-1 .btn-close {
    float: right;
    margin: 5px;
    background-color: #fff;
    border: none;
    font-size: 17px;
    font-weight: 600;
}
.program-1 .pop-top{
    border-bottom: 1px solid grey;
    padding-left: 3%;
}
.program-1 .pop-top h3 span{
    color:#3cc1d1
}
.program-1 .pop-top h3{
    font-size: 22px;
    font-weight: 800;
}
.program-1 .pop-top .uni-detail{
    margin: 10px 0;
    display: flex;
    gap: 30px;
}
.program-1 .pop-top .uni-detail img{
    height: 20px;
}
.program-1 .rest-detail{
    margin: 3%;
}
.program-1 .rest-detail .top{
    margin: 10px 0;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
}
.program-1 .rest-detail .top a{
    text-decoration: none;
    color: #3cc1d1;
}
.program-1 .rest-detail .bottom{
    margin: 30px 0 10px 0;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 20px;
}
.program-1 .rest-detail .bottom a{
    text-decoration: none;
    color: #3cc1d1;
}



/* specific-program  */

.specific-program .specific-in{
    margin: 10% 5% 0 5%;
}
.specific-program .specific-in .spec-top{
    margin-bottom: 20px;
}
.specific-program .specific-in .spec-main{
    margin-bottom: 40px;
}
.specific-program .specific-in .one-heading{
    font-size: 26px;
    color: #1C2B57;
    font-weight: 600;
    margin-bottom: 20px;
}
.specific-program .specific-in .specific-anchor{
    display: flex;
    flex-direction: column;
}
.specific-program .specific-in .specific-anchor a{
    margin: 10px 0;
    background-color: #e4e4e4;
    color: #1C2B57;
    width: 40%;
    padding: 10px 0 10px 10px;
    text-decoration: none;
    border-radius: 4px;
}



@media(max-width:1020px){
    .program-parent{
        grid-template-columns: repeat(3,1fr);
    }
    .program-filter{
        margin-top: 15%;
    }
    .specific-program .specific-in{
        margin: 20% 5% 0 5%;
    }
}
@media (max-width:980px) {
    .cut{
        display: none;
    }
    .specific-program .specific-in .specific-anchor a{
        width: 60%;
    }
}
@media(max-width:768px){
    
    .program-parent{
        margin-top: 60px;
    }
    .program-filter{
        margin-top: 20%;
    }
    .program-parent .child .partner-img{
        height: 25px;
    }
    .specific-program .specific-in .specific-anchor a{
        width: 80%;
    }
}
@media(max-width:660px){
    .program-parent{
        gap: 20px;
        grid-template-columns: repeat(2,1fr);
    }
    .program-filter{
        margin: 30% 5% 10% 5%;
    }
    .program-parent .child .partner-img{
        height: 30px;
    }
    .specific-program .specific-in .specific-anchor a{
        width: 90%;
    }
}
@media(max-width:440px){
    .program-parent .child .content-text p{
        font-size: 15px;
    }
    .program-parent .child .content-text a{
        font-size: 15px;
    }
    .program-parent {
        padding: 0%;
    }
    .program-parent .child .partner-img{
        height: 25px;
    }
    .program-parent .child .uni-name{
        font-size: 15px;
    }
    .program-filter select{
        width: 250px;
    }
    .specific-program .specific-in .specific-anchor a{
        width: 100%;
    }
}
/* Another program page  */
.all-program{
    margin: 10%;
}
.all-program .upper-text{
    margin: 2% 0;
    color: #202639;
}
.all-program .main-btn{
    margin-bottom: 2%;
}
.all-program .main-btn .program-btn{
    background-color: #e2e2e2;
    color: #202639;
    padding: 10px;
    border: none;
    border-radius: 4px;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
    width: 125px;
}

.all-program .Certificate-btn {
    background-color: #e2e2e2;
    color: #202639;
    padding: 10px;
    border: none;
    border-radius: 4px;
    margin-right: 20px;
    margin-top: 20px;
    cursor: pointer;
    width: 250px;
}

.all-program .main-btn .program-active{
    background-color: #16c5d0;
    color: #fff;
}
.all-program .main-btn .program-active::after{
    content: '';
    position: absolute;
    top: 92%;
    right: 52px;
    transform: translateY(0%);
    rotate: 90deg;
    border: 8px solid transparent;
    border-left: 10px solid #3cc1d1;
}
.all-program .program-active{
    background-color: #16c5d0;
    color: #fff;

}
.all-program .prog-content-box .prog-duration{
    display: flex;
    flex-direction: column;
}
.all-program .prog-content-box .prog-duration .prog-anchor{
    text-decoration: none;
    color: #1C2B57;
    background-color: #e2e2e2;
    max-width: 600px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 4px;
}
.all-program .prog-content-box .program-card{
    margin: 3% 0;
}
.all-program .prog-content-box .program-card h1{
    color: #1C2B57;
    font-size: 32px;
    
}
.all-program .prog-content-box .program-card h3{
    color: #1C2B57;
    font-size: 22px;
    
}
.all-program .prog-content-box .program-card .more-text{
    margin: 2% 0;
}
@media(max-width:972px){
    .all-program{
        margin: 15% 8%;
    }
}
@media(max-width:670px){
    .all-program{
        margin: 20% 5%;
    }
}
@media(max-width:450px){
    .all-program{
        margin: 25% 5%;
    }
}

/* particular program page  */
.business-page{
    margin: 10%;
}
.business-page .business-inter ul{
    margin-left: 2%;
}
.business-page .business-inter ul li{
    margin-top: 1%;
}
.business-page .business-inter .content .business-text{
    margin-top: 3%;
}
.business-page .business-inter .content{
    margin: 3% 0;
    color: #1C2B57;
}
.business-page .business-inter .content h2{
    font-size: 32px;
    margin: 1% 0;
}
.business-page .business-inter .content h3{
    margin: 1% 0;
}
.business-page .business-inter .content .content-anchor{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.business-page .business-inter .content .content-anchor a{
    text-decoration: none;
    color: #1C2B57;
    background-color: #e2e2e2;
    max-width: 450px;
    margin: 10px 0;
    padding: 10px;
    border-radius: 4px;
}
@media(max-width:1180px){
    .business-page .business-inter .content .content-anchor a{
        max-width: 350px;
    }
}
@media(max-width:920px){
    .business-page{
        margin: 15% 10%;
    }
}
@media(max-width:920px){
    .business-page .business-inter .content .content-anchor{
        display: grid;
        grid-template-columns: 1fr;
    }
    .business-page .business-inter .content .content-anchor a{
        max-width: 500px;
    }
}
@media(max-width:440px){
    .business-page .business-inter .content h2{
        font-size: 26px;
    }
    .business-page .business-inter ul{
        margin-left: 6%;
    }
}













/* ==============  Programs Ends ============== */
/* ==============  Programs Ends ============== */
/* ==============  Programs Ends ============== */

/* ==============  FAQ ============== */
/* ==============  FAQ ============== */
/* ==============  FAQ ============== */



.faq-shapes .faq-circle .faq-round{
    height: 150px;
    width: 150px;
    background-color: #3cc1d1;
    border-radius: 50%;
    float: right;
}
.faq-shapes .faq-circle img{
    height: 100px;
    width: 100px;
    float: right;
    margin-right: -3%;
}
.faq-input{
    display: flex;
    justify-content: center;
    margin: 5%;
}
.faq-input input{
    width: 50%;
    height: 50px;
    padding-left: 20px;
    border-right: none;
    border-radius: 4px 0 0 4px;
    border-color: #e2e2e2;
    
}
.faq-input .search-button{
    background-color: transparent;
    border-left: none;
    padding-right: 10px;
    font-size: 17px;
    border-radius: 0px 4px 4px 0px;
    border-color: #e2e2e2;
}

.faq-main{
    margin: 12% 5% 5% 5%;
    display: flex;
    justify-content: center;
}
.faq-main .faq-accordion-container .faq-accordion-title {
    position: relative;
    padding: 0.625em 2.625em 0.625em 1em;
    font-size: 1em;
    font-weight: normal;
    cursor: pointer;
    margin-top: .5rem;
    background-color: #3bbfcf;
    color: #fff;
    border-radius: .5rem;
    margin-bottom: 0;
    border: 1px solid #32a2af;
    margin-left: 0;
    margin-right: 0;
}
.faq-main .faq-accordion-container .faq-accordion-title.open {
    border-radius: .5rem .5rem 0 0;
}
.faq-main .faq-accordion-container .faq-accordion-title:hover,
.faq-main .faq-accordion-container .faq-accordion-title:active,
.accordion-title.open { 
    background-color: #3cc1d1;
    color: white;
}
.faq-main .faq-accordion-container .faq-accordion-title::after {
    content: "";
    position: absolute;
    top: 1rem;
    right: 25px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff;
}
  .faq-main .faq-accordion-container .faq-accordion-title.open::after {
    content: "";
    position: absolute;
    top: .65rem;
    border: 8px solid transparent;
    border-bottom-color: #fff;
  }
  
  .faq-main .faq-accordion-content {
    border: 1px solid #3cc1d1;
	text-align:justify;
    border-radius: 0px 0px 0.5rem 0.5rem;
    padding: 1rem;
  }
  .faq-main .faq-accordion-content p{
    margin: .5rem 0;
  }
  .faq-main .faq-accordion-content ol, .faq-main .faq-accordion-content ul{
    padding-inline-start: 15px;
  }
  .faq-main .faq-accordion-content a{
    text-decoration: none;
    color: #2f97a4;
  }
  .faq-main .faq-accordion-container {
    width: 80%;
  }
  @media(max-width:920px){
    .faq-input{
        margin-top: 10%;
    }
    .faq-shapes .faq-circle .faq-round{
        height: 110px;
        width: 110px;
        margin-top: 5%;
    }
    .faq-shapes .faq-circle img{
        height: 80px;
        width: 80px;
        float: right;
        margin-right: -4%;
        margin-top: 3%;
    }
  }
  @media(max-width:920px){
    .faq-input{
        margin-top: 20%;
    }
    .faq-shapes .faq-circle .faq-round{
        display: none;
    }
    .faq-shapes .faq-circle img{
        display: none;
    }
  }
  @media(max-width:440px){
    .faq-input{
        margin-top: 25%;
    }
  }
/* ==============  faq Ends ============== */
/* ==============  faq Ends ============== */
/* ==============  faq Ends ============== */




@media(max-width:980px){
    .options .target{
        display: none;
    }
}


/* ==============  Expert profile ============== */
/* ==============  Expert profile ============== */
/* ==============  Expert profile ============== */

.expert-profile{
    margin: 10% 5% 2% 5%;
}

.expert-profile .child{
    float: right;
    width: 40%;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    background-color: #fafafa;
    margin: 0 0 3% 3%;
}
.expert-profile .child .shape .circle-cut img{
    height: 120px;
    width: 120px;
    margin: 9% 0% 0 20%;
}
.expert-profile .child .shape .circle{
    height: 220px;
    width: 220px;
    background-color: #3cc1d1;
    border-radius: 50%;
    margin: -18% 0% 0% 29%;
}
.expert-profile .child .clogo img{
    width: 55%;
    margin: -35% 0 0px 21%;
}
.expert-profile .child .content{
    background-color: #fff;
    padding: 10px;
    width: 100%;
    margin-top: -10%;
    text-align: center;
    color: #1C2B57;
    border: 1px solid #c2c2c2;
    border-radius: 50px 50px 8px 8px;
    position: relative;
}
.expert-profile .child .content .name{
    font-size: 20px;
    font-weight: 900;
}
.expert-profile .child .content .designation{
    font-size: 16px;
}
.expert-profile .left-profile .profile-content{
    margin: 0 5%;
}
.expert-profile .line {
    text-align: center;
    
}
.expert-profile  .about{
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    color: #1C2B57;
}
.expert-profile .line li {
    text-align: center;
    display: inline-block;
    background-color: #1C2B57;
    border-radius: 50px;
    height: 3px;
}
.expert-profile .line li:nth-of-type(1) {
    width: 42px;
}
.expert-profile .line li:nth-of-type(2) {
    width: 5px;
}
.expert-profile .line li:nth-of-type(3) {
    width: 42px;
}
.expert-profile .margin-div{
    margin-bottom: 5%;
}
.expert-social-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.expert-social-icon a{
    text-decoration: none;
}
.expert-social-icon i{
    color: #1C2B57;
    font-size: 34px;
    margin-right: -21px;
}
.expert-social-icon span{
    background-color: #16c5d0;
    color: white;
    padding: 5px;
    border-radius: 0px 4px 4px 0;
}
.line-bottom{
    text-align: center;
}
.line-bottom li {
    text-align: center;
    display: inline-block;
    background-color: #1C2B57;
    border-radius: 50px;
    height: 3px;
}
.line-bottom li:nth-of-type(1) {
    width: 42px;
}
.line-bottom li:nth-of-type(2) {
    width: 5px;
}
.line-bottom li:nth-of-type(3) {
    width: 42px;
}
@media(max-width:1300px){
    .expert-profile .child .shape .circle-cut img{
        height: 100px;
        width: 100px;
    }
    .expert-profile .child .shape .circle{
        height: 180px;
        width: 180px;
        margin: -18% 0% 0% 29%;
    }
    .expert-profile .child .clogo img{
        width: 59%;
        margin: -33% 0 0px 18%;
    }
}
@media(max-width:1025px){
    .expert-profile .child .shape .circle{
        height: 170px;
        width: 170px;
        margin: -18% 0% 0% 25%;
    }
    .expert-profile .child .clogo img{
        width: 70%;
        margin: -40% 0 0px 12%;
    }
}
@media(max-width:820px){
    .expert-profile .child{
        float: none;
        width: 50%;
        margin: 0 auto;
    }
    .expert-profile{
        margin: 15% 5% 2% 5%;
    }
    .expert-profile .left-profile .profile-content{
        margin: 5%;
    }
}
@media(max-width:620px){
    .expert-profile .child{
        width: 70%;
    }
}
@media(max-width:490px){
    .expert-profile .child .shape .circle-cut img{
        height: 80px;
        width: 80px;
        margin: 5% 0% 0 13%;
    }
    .expert-profile .child .shape .circle{
        height: 130px;
        width: 130px;
        margin: -18% 0% 0% 24%;
    }
    .expert-profile .child{
        width: 80%;
    }
    .expert-profile{
        margin: 25% 5% 2% 5%;
    }
}

.footer-hover {
    margin-right: 15px;
}
.envelop{
    text-transform: none;
}
.envelop:hover {
    cursor: pointer;
}


/* ==============  Payment Page ============== */
/* ==============  Payment Page ============== */
/* ==============  Payment Page ============== */
.fee-top{
    margin-top: 10%;
}
.fee-top .fee-in{
    margin: 5%;
    width: 75%;
    color: #1C2B57;
}
.fee-top .fee-in .side-to-side{
    position: relative;
}
.fee-top .fee-in .fee-title{
    font-size: 36px;
    font-weight: 900;
}
.fee-top .fee-in .fee-title span{
    color: #3cc1d1;
}
.fee-top .fee-in .fee-text{
    margin: 2% 0 2% 0;
}
.fee-top .fee-in .accept{
    font-size: 26px;
    font-weight: 900;
}
.fee-top .circle-both{
    float: right;
}
.fee-top .circle{
    position: relative;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    background-color: #3cc1d1; 
}
.fee-top .circle-cut img{
    position: absolute;
    height: 120px;
    width: 120px;
    margin: -6% 0 0 -2%;
}
.fee-top .fee-in .now-with{
    display: flex;
    gap: 20px;
}
.fee-top .fee-in .now-with .accept-fee p{
    margin-top: 3%;
}
.fee-top .fee-in .now-with .card{
    padding: 7px;
    background-color: #1c2b57;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
}
.fee-top .fee-in .now-with .card img{
    width:150px;
}
.fee-top .fee-in .now-with .card span{
    font-size: 12px;
}
.fee-top .fee-in .now-with .bank-transfer{
    padding: 7px;
    border: 1px solid #1c2b57;
    color: #1C2B57;
    border-radius: 4px;
    font-weight: 600;
    display: flex;
}
.fee-top .fee-in .now-with .bank-transfer p{
    margin-left: 10px;
}
.fee-top .fee-in .now-with .bank-transfer img{
    width:23px;
}

.fee-area .fee-area-in{
    text-align: center;
    margin: 5%;
}
.fee-area .fee-area-in .fee-Single{
    background-color: #f2f2f2;
    color: #1c2b57;
    border-color: #e2e2e2;
    font-weight: 600;
    padding: 15px;
    border-radius: 4px 4px 0 0px;
    margin-left: 0;
    border: none;
    cursor: pointer;
}
.fee-area .fee-area-in .fee-Single.feeactive{
    background-color: #1c2b57;
    color: #fff;
    border: none;
}
.fee-area .fee-area-in .target{
    border: 1px solid #1c2b57;
    border-radius: 4px;
}
.fee-area .fee-area-in .target_box .target-main{
    padding: 3%;
}
.fee-area .fee-area-in .target_box .text{
    text-align: left;
}
.fee-container {
    display: flex;
    margin-top: 2%;
}
  
.fee-buttons-section {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
}
  
.fee-buttons-section .fee-button {
    background-color: #e2e2e2;
    color: #1c2b57;
    font-weight: 600;
    margin-bottom: 10px;
    padding: 15px;
    cursor: pointer;
    border-radius: 4px;
    border:none;
    position: relative;
}
.fee-buttons-section .fee-button.feeactive {
    background-color: #1c2b57;
    color: #fff;
    border: none;
}
.fee-buttons-section .fee-button.feeactive::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -19px;
    transform: translateY(-50%);
    border: 10px solid transparent;
    border-left: 10px solid #1c2b57;
  }
  
.fee-content-box {
    padding: 20px;
    background-color: #f3f3f3;
    min-width: 200px;
}
  
.fee-card {
    text-align: left;
    padding: 10px;
    margin-bottom: 10px;
}
.fee-card .accept{
    color: #1c2b57;
}
.fee-card .fee-text{
    color: #202639;
    margin: 25px 0;
}
.fee-card .now-with{
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
.fee-card .now-with .card{
    padding: 7px;
    border: 1px solid #1c2b57;
    background-color: #1c2b57;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}
.fee-card .now-with .card img{
    width: 150px;
}
.fee-card .now-with .card:hover{
    border: 1px solid #1c2b57;
    color: #fff;
    background-color: #1c2b57;
}
.fee-card .now-with .card span{
    font-size: 12px;
}
.fee-card .now-with .bank-transfer{
    display: flex;
    padding: 7px;
    border: 1px solid #1c2b57;
    color: #1C2B57;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
}
.fee-card .now-with .bank-transfer p{
    margin-left: 10px;
}
.fee-card .now-with .bank-transfer img{
    width: 23px;
}
.fee-card .now-with .accept-fee p{
    margin-top: 4%;
}
.fee-card .bold-text span{
    font-weight: 600;
    color: #202639;
}

/* bank popup */


.fee-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
  }
  
  .fee-modal .fee-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    text-align: left;
    z-index: 10;
  }
  
  .fee-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
  }
  
  /* ... (unchanged CSS code) ... */
  
  .fee-modal .popup-content {
    margin-top: 20px;
  }
  
  .fee-modal .detail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }
  
  .fee-modal .label {
    display: block;
    margin-bottom: 5px;
  }
  
  .fee-modal .copy-container {
    display: flex;
    align-items: center;
    /* border: 1px solid #ccc; */
    padding: 5px;
  }
  
  .fee-modal .copy-icon {
    cursor: pointer;
    margin-left: 10px;
    opacity: 0.6;
  }
  
  .fee-modal .copied-message {
    position: absolute;
    top: 5px;
    right: 45%;
    background-color: #1c2b57;
    color: #fff;
    padding: 5px;
    border-radius: 4px;
    z-index: 999;
  
  }
  .fee-modal table td:nth-child(1){
    width: 30%;
  }
  .fee-modal table td:nth-child(2){
    width: 8%;
  }
  .fee-modal h2{
    color: #1c2b57;
    font-size: 32px;
    font-weight: 900;
  }
  .fee-modal h2 span{
    color: #3cc1d1;
  }

.blue-cut img{
    height: 120px;
    width: 120px;
    margin: -6% 0px 0 -40px;
}
.fee-bottom-content{
    margin: -4% 5% 5% 5%;
    color: #1C2B57;
}
.fee-bottom-content .heading{
    font-size: 26px;
    font-weight: 900;
}
.fee-bottom-content .content i{
    font-size: 10px;
    margin-right: 10px;
    
}
.fee-bottom-content .content{
    margin-top: 2%;
    
}
.fee-bottom-content .content span{
    color: #3cc1d1;
    
}
  
@media(max-width:900px){
    .fee-top{
        margin-top: 15%;
    }
    .fee-top .circle-both{
        display: none;
    }
    .fee-top .fee-in {
        width: 90%;
    }
}
@media(max-width:720px){
    .fee-top{
        margin-top: 20%;
    }
    .fee-container {
        flex-direction: column;
        align-items: center; 
    }
    .fee-buttons-section {
        flex-direction: row;
        margin-right: 0;
        justify-content: center;
    }
    .fee-buttons-section .fee-button.feeactive::after {
        display: none;
    }
    .fee-modal .fee-modal-content {
        width: 70%;
    }
    
}
@media(max-width:1620px){
    .popup-open .hidden-when-popup {
        display: none; 
      } 
}
@media(max-width:450px){
    .fee-top{
        margin-top: 40%;
    }
    .fee-modal .fee-modal-content {
        width: 90%;
    }
    .fee-top .fee-in .fee-title {
        font-size: 22px;
    }
    .fee-top .fee-in .accept {
        font-size: 20px;
        font-weight: 900;
    }
    .fee-top .fee-in .now-with {
        flex-direction: column;
        align-items: center;
    }
    .fee-top .fee-in .now-with .card {
        flex-direction: row;
        margin-right: 0;
        justify-content: center;
    }
    .fee-area .fee-area-in .fee-Single {
        padding: 10px;
    }
    .fee-buttons-section .fee-button {
        padding: 10px;
    }
    .fee-card .now-with{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .fee-bottom-content .heading{
        font-size: 20px;
    }
    .blue-cut img{
        display: none;
    }
    .fee-bottom-content{
        margin: 5%;
        color: #1C2B57;
    }
    
}


/* ==============  Admission Page ============== */
/* ==============  Admission Page ============== */
/* ==============  Admission Page ============== */


.admission-process{
    margin: 5% 20%;
}
/* .admission-process .asgs-addmission-logo{
    display:block;
    margin:auto;
} */
.admission-process .text-process{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 3%;
}
.admission-process .process-text{
    display: inline-block;
    font-size: 31px;
    text-align: center;
    color: #fff;
    background-color: #1c2b57;
    padding: 10px;
    border-radius: 8px;
}
.admission-process .important-text{
    color: #1c2b57;
}
.admission-process .important-text .heading{
    font-size: 26px;
    font-weight: 900;
}
.admission-process .important-text .star-text i{
    margin: 10px 10px 0 0;
}
.admission-btn{
    margin: 14px 47%;
    position: absolute;
    font-size: 17px;
    font-weight: 600;
    float: right;
    width: 12%;
}
.admission-btn a{
    text-decoration: none;
    color:#1C2B57;
    animation: blinker 1s linear infinite;
} 
@keyframes blinker {
    50% {
      opacity: 0;
    }
  }
@media(max-width:1320px){
    .admission-btn{
        margin: 14px 47%;
    }
}


/* ==============  Admission Page End ============== */
/* ==============  Admission Page End ============== */
/* ==============  Admission Page End ============== */




/* ==============  Privacy & terms condition ============== */
/* ==============  Privacy & terms condition ============== */
/* ==============  Privacy & terms condition ============== */
.privacy-main .privacy-policy{
    margin-top: 10%;
}
.privacy-main .privacy-policy .all-content{
    margin: 20px 0;
    padding: 0 10%;
}
.privacy-main .privacy-policy .all-content .title{
    color:#1C2B57;
    font-size: 22px;
    font-weight: 900;

}
.privacy-main .privacy-policy .all-content .content{
    margin-top: 10px;
}
.privacy-main .privacy-policy .all-content .content ol{
    margin-left: 3%;
    margin-top: 10px;
}
.privacy-main .privacy-policy .all-content .content ol li{
    margin-top: 10px;
}
.privacy-main .privacy-policy .all-content .content ul{
    margin-left: 3%;
    margin-top: 10px;
}
.privacy-main .privacy-policy .all-content .content ul li{
    margin-top: 10px;
}
.privacy-main .right-img{
    height: 120px;
    width: 120px;
    float: right;
}
.privacy-main .left-img{
    height: 120px;
    width: 120px;
    margin-left: -3%;
}
.privacy-main .privacy-policy .content-margin{
    margin-top: -8%;
}
@media(min-width:720px){
    .privacy-main .all-content{
        margin-top:-8%;
    }
}
@media(max-width:720px){
    .thank-you-container{
        margin-top: 4rem;
    }
    .thank-you{
        padding: 3rem 2rem;
    }
    .privacy-main .privacy-policy{
        margin-top: 20%;
    }
    .privacy-main .right-img{
        display: none;
    }
    .privacy-main .left-img{
        display: none;
    }
    .privacy-main .privacy-policy .content-margin{
        margin-top: 1%;
    }
}

.how-it{
    font-size: 32px;
    color: #1C2B57;
    font-weight: 600;
    padding: 0 10% 5% 10%;
}

/* ==============  Privacy & terms condition Ends ============== */
/* ==============  Privacy & terms condition Ends ============== */
/* ==============  Privacy & terms condition Ends ============== */


/* ==============  Study Centers ============== */
/* ==============  Study Centers ============== */
/* ==============  Study Centers ============== */

.study-center{
    margin: 10%;

}
.study-center .city-img{
    float: right;
    width: 40%;
    overflow: hidden;
}
.study-center .city-img .main-city{
    margin: -55% 0% 0% 0%;
    border-radius: 0 0 10px 120px;
}
.study-center .city-content{
    width: 55%;
}
.study-center .city-content .city-head{
    color: #1c2b57;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 2%;
}
.study-center .city-content .city-head span{
    color: #3cc1d1;
}
.study-center .city-circle{
    height: 200px;
    width: 200px;
    border-radius: 50%;
    background-color: #3cc1d1;
    margin: 0% 0% 0% 37%;
}
.study-center .study-cut-img{
    height: 120px;
    width: 120px;
    margin: -46% 0% 24% 63%;
}
.study-location{
    width: 100%;
    height: 500px;
}
.ahmedabad-city{
    /* margin: -55% 0% 0% 0%; */
    border-radius: 0 0 10px 120px;
    width: 100%;
}
@media(max-width:1310px){
    .study-center .study-cut-img{
        margin: -46% 0% 24% 75%;
    }
    .study-center .city-circle{
        margin: 0% 0% 0% 45%;
    }
    .ahmedabad-city{
        width: 110%;
    }
}
@media(max-width:1110px){
    .study-center .study-cut-img{
        margin: -60% 0% 40% 68%;
    }
    .study-center .city-circle{
        margin: 0% 0% 0% 37%;
    }
    .study-center .city-img .main-city{
        margin: -60% 0% 40% 0%;
    }
    .ahmedabad-city{
        width: 120%;
    }
}
@media(max-width:1070px){
    .study-center{
        margin: 20% 10%;
    }
}
@media(max-width:920px){
    .study-center .city-img{
        float: none;
        width: 100%;
    }
    .study-center .study-cut-img{
        margin: -28% -10% 93% 68%;
    }
    .study-center .city-circle{
        margin: 0% 0% 0% 50%;
    }
    .study-center .city-img .main-city{
        margin: -106% 0% 24% 22%;
    }
    .study-center .city-content{
        width: 100%;
    }
    .ahmedabad-city{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }
}
@media(max-width:720px){
    .study-center .study-cut-img{
        margin: -37% -10% 93% 75%;
    }
    .study-center .city-img .main-city{
        margin: -117% 0% 5% 22%;
    }
}
@media(max-width:445px){
    .study-center .study-cut-img{
        margin: -60% -10% 93% 6%;
    }
    .study-center .city-circle{
        margin: 0% 0% 0% 20%;
    }
    .study-center .city-img .main-city{
        width: 90%;
        margin: -120% 0% 10% 0%;
    }
    .study-center .city-content .city-head {
        font-size: 26px;
    }
    .ahmedabad-city{
        width: 100%;
    }
}
@media(max-width:395px){
    .study-center .city-img .main-city{
        margin: -140% 0% 10% 0%;
    }
}

/* ==============  Study Centers Ends ============== */
/* ==============  Study Centers Ends ============== */
/* ==============  Study Centers Ends ============== */


/* ==============  Charles University ============== */
/* ==============  Charles University ============== */
/* ==============  Charles University ============== */


.university-page{
    position: relative;
    height: 200px;
    overflow: hidden;
}
.university-page .university-img{
    position: relative;
}
.university-page .university-img img{
    max-height: 100%;
    width: auto; 
    display: block; 
    margin: auto; 
    
}
.university-page .university-img .textOverlay {
    padding: 7% 0 0 6%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-color: #1C2B57; 
    color: white;
    opacity: 0.7;
}
.university-page .university-img .uni-name{
    font-size: 38px;
    font-weight: 600;
}
.university-about{
    padding: 5%;
    display: flex;
    flex-wrap: wrap;
}
.university-about .left-side {
    flex: 1;
    padding: 20px;
}

.university-about .left-side img {
    width: 600px;
    height: 350px;
    display: block;
    margin-bottom: 20px;
}

.university-about .left-side .row1 {
    width: 600px;
    display: flex;
}

.university-about .left-side .row1 img {
    /* width: 290px; */
    height: 200px;
}
.university-about .left-side .row1 .img-gap{
    margin-right: 20px;
}
.university-about .right-side {
    flex: 1;
    padding: 20px;
}
.university-about .right-side h2{
    font-size: 42px;
    color: #1C2B57;

}
.university-about .right-side h2 span{
    color: #3cc1d1;

}
.university-about .right-side p{
    color: #202639;
    margin-top: 20px;

}

.uni-button-container {
    margin: 0 0 0 5%;
    border-radius: 8px;
    width: 60%;
    position: sticky;
    top: 80px;
    z-index: 1;
    background-color: #f2f2f2;
    padding: 10px;
    color: #202639;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);;
}

.uni-button-container button {
    cursor: pointer;
    margin-right: 10px;
    padding: 10px;
    border-color:transparent;
    font-size: 17px;
    font-weight: 600;
}
.uni-active {
    border-radius: 4px;
    background-color: #1C2B57;
    color: #fff;
    border: 1px solid;

}



.uni-content-div {
    margin: 6%; 
    /* height: 300px; */
}   

.uni-content-div .img-right .content{
    float: left;
    width: 60%;
    padding-right: 20px;
}
.uni-content-div .img-right .content .title{
    font-size: 42px;
    color: #1C2B57;
    font-weight: 600;
}
.uni-content-div .img-right .content .small-title{
    font-size: 22px;
    color: #1C2B57;
    font-weight: 600;
    margin: 10px 0;
}
.uni-content-div .img-right img {
    float: right;
    width: 40%; 
}
.unicarousel {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.arrow-left,
.arrow-right {
    position: absolute;
    top: 50%;
    background-color: transparent;
    font-size: 24px;
    color: #1C2B57; 
    border: none;
    cursor: pointer;
}

.arrow-right {
    right: 20px; 
}
.arrow-lefti,
.arrow-righti {
    position: absolute;
    font-size: 24px;
    top: 50%;
    background-color: transparent;
    color: #1C2B57; 
    border: none;
    cursor: pointer;
}


.arrow-righti {
    right: 20px; 
}
.arrow-lefto,
.arrow-righto {
    position: absolute;
    top: 50%;
    font-size: 24px;
    background-color: transparent;
    color: #1C2B57; 
    border: none;
    cursor: pointer;
}

.arrow-lefto {
    left: 10px; 
}

.arrow-righto {
    right: 10px; 
}
.unicarousel .unicard-container {
    display: flex;
}
.unicarousel .card {
    width: calc(50% - 20px);
    background-color: #F7F7F7;
    margin-right: 20px;
    text-align: center;
    padding: 40px;
    border-radius: 8px;

}
.unicarousel .card img{
    height: 60px;
}
.unicarousel .card .real-text{
    margin: 10px 0;
    font-size: 26px;
    font-weight: 600;
    color: #1C2B57;
}
.unicarousel .dots {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.unicarousel .dot {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.unicarousel .dot.active {
    background-color: #3cc1d1;
    width: 50px;
    border-radius: 4px;
}
.uni-content-div .head{
    font-size: 22px;
    color: #1C2B57;
    margin-bottom: 20px;
    padding-top: 35%;
}
.uni-content-div .headi{
    font-size: 22px;
    color: #1C2B57;
    margin-bottom: 20px;
    padding-top: 35%;
}
.study-mode-main{
    margin-top: 5%;
    background-color: #F7F7F7;
    width: 99%;
    border-radius: 8px;
}
.study-mode-main .details{
    padding: 4%;
}
.study-mode-main .details table .study-gap{
    color: #1C2B57;
    font-size: 18px;
    font-weight: 600;
    width: 20%;
    padding: 1%;

}
.text-study-mode{
    margin-top: 20px;
    color: #1C2B57;
    font-size: 18px;
    margin-bottom: 5%;
}
.text-study-mode a{
    text-decoration: none;
    color: #3cc1d1;
}

.unicarousel .cardi {
    width: calc(50% - 20px);
    background-color: #F7F7F7;
    margin-right: 20px;
    text-align: center;
    padding: 40px;
    border-radius: 8px;

}
.unicarousel .cardi img{
    height: 60px;
}
.unicarousel .cardi i{
    color: #DBDBDB;
    font-size: 56px;
}
.unicarousel .cardi .real-text{
    margin: 10px 0;
    font-size: 26px;
    font-weight: 600;
    color: #1C2B57;
}
.unicarousel .doti {
    width: 10px;
    height: 10px;
    background-color: #ccc;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.unicarousel .doti.active {
    background-color: #3cc1d1;
    width: 50px;
    border-radius: 4px;
}
.uni-Macquarie{
    margin-top: 10px;
}
.uni-Macquarie .loc-left{
    float: left;
    width: 40%;
}
.uni-Macquarie .loc-left img{
    width: 100%;
}
.uni-Macquarie .loc-right{
    float: right;
    width: 60%;
    padding: 0 5%;
}
.uni-Macquarie .loc-right h2{
    font-size: 30px;
}
.uni-Macquarie .loc-right p{
    margin: 30px 0 70px;
}
.uni-Macquarie .loc-right .learn-more{
    color: #fff;
    background-color: #1C2B57;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
    margin-right: 10px;
}
.uni-Macquarie .loc-right .virtual{
    color: #1C2B57;
    background-color: #fff;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #1C2B57;
}
.loc-sydney .sydney-right img{
    width: 80%;
}
.loc-sydney {
    margin-top: 40%;
    display: flex;
    flex-direction: row;
}

.loc-sydney .sydney-left {
    flex: 1;
}
.loc-sydney .sydney-left h2{
    font-size: 30px;
    margin: 20px 0;
}

.loc-sydney .sydney-right {
    flex: 1;
    display: flex;
    justify-content: center;
}
.uni-fee-structure{
    display: flex;
    flex-direction: row;
}
.uni-fee-structure .fee-left{
    flex: 1;
    color: #1C2B57;
}
.uni-fee-structure .fee-left h1{
    font-size: 42px;
}
.uni-fee-structure .fee-left h4{
    margin: 10px 0;
    font-size: 26px;
}
.uni-fee-structure .fee-left p{
    margin-bottom: 10%;
}
.uni-fee-structure .fee-left a{
    color: #fff;
    background-color: #1C2B57;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
    margin-top: 40px;
}

.uni-fee-structure .fee-right{
    flex: 1;
    display: flex;
    justify-content: center;
}
.uni-fee-structure .fee-right img{
    width: 80%;
}

.living-cost{
    display: flex;
    flex-direction: row;
}
.living-cost .living-left{
    flex: 1;
    display: flex;
    justify-content: center;
}
.living-cost .living-left img{
    width: 90%;
    height: 350px;
}
.living-cost .living-right{
    flex: 1;
}
.living-cost .living-right h3{
    font-size: 42px;
}
.living-cost .living-right p{
    margin: 10px 0;
}

.living-cost .living-right ul{
    margin-left: 3%;
}
.living-cost .living-right ul li{
    margin: 10px 0;
}
.living-cost .living-right ul li a{
    text-decoration: none;
    color: #3cc1d1;
}
.weekly-cost{
    margin-top: 5%;
}
.weekly-cost table{
    margin: 20px 0;
    width: 60%;
    border-collapse: collapse;
}
.weekly-cost table td, 
.weekly-cost table th {
    color: #1C2B57;
    text-align: left;
    padding: 8px;
}
.weekly-cost table td{
    border: 1px solid #1C2B57;
}
.weekly-cost table th:nth-child(1) {
    border-radius: 8px 0px 0 0;
}
.weekly-cost table th:nth-child(2) {
    border-radius: 0px 8px 0 0;
}
.weekly-cost table th{
    background-color: #1C2B57;
    color:#fff;
}
.uni-scholarship{
    display: flex;
    flex-direction: row;
}
.uni-scholarship .scholar-left{
    flex: 1;
    color: #1C2B57;
}
.uni-scholarship .scholar-left h2{
    font-size: 42px;
}
.uni-scholarship .scholar-right{
    flex: 1;
    display: flex;
    justify-content: center;
}
.uni-scholarship .scholar-right img{
    width: 80%;
}
.uni-scholarship .scholar-left p{
    margin: 20px 0 40px 0;
}
.uni-scholarship .scholar-left a{
    color: #fff;
    background-color: #1C2B57;
    padding: 10px;
    text-decoration: none;
    border-radius: 4px;
}
.uni-value{
    display: flex;
    flex-direction: row;
}
.uni-value .value-left{
    flex: 1;
    display: flex;
    justify-content: center;
}
.uni-value .value-left img{
    width: 80%;
    height: 300px;
}
.uni-value .value-right{
    flex: 1;
    color: #1C2B57;
    height: 500px; /* Adjust height as needed */
    overflow-y: scroll;
    padding: 10px;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    font-size: 14px;
}
.uni-value .value-right h2{
    font-size: 42px;
}
.uni-value .value-right p{
    margin: 20px 0;
}
.uni-value .value-right a{
    text-decoration: none;
    color: #3cc1d1;
}
.testi-back{
    
    position: relative;
    background-color: #f2f2f2;
    padding: 5%;
    margin: 6% 0;
}
.uni-testi{
    display: flex;
    /* flex-direction: row; */
}
.uni-testi .testi-left{
    flex: 1;
    display: flex;
    justify-content: center;
}
.uni-testi .testi-left iframe{
    width: 95%;
    border-radius: 8px;
}
.uni-testi .testi-right{
    flex: 1;
    color: #1C2B57;
}
.uni-testi .testi-right p{
    margin: 10px 0;
}
.testi-heading{
    font-size: 42px;
    text-align: center;
    color: #1C2B57;
    margin-bottom: 5%;
}
.dottts {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.dottts .doots {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}
.dottts .doots.active {
    background-color: #3cc1d1;
    width: 50px;
    border-radius: 4px;
}
.carousel-container {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.carousel-container .testicard-container{
    position: relative;
    display: flex;
}
.uni-below-text{
    margin: -4% 5% 0 5%;
}
@media(max-width:1400px){
    .uni-button-container {
        width: 70%;
    }
    .loc-sydney {
        margin-top: 45%;
    }
}
@media (max-width: 1300px){
    .university-about .left-side .row1 img {
        width: 290px;
        height: 300px;
    }
    .loc-sydney {
        margin-top: 50%;
    }
    .university-about .right-side h2 {
        font-size: 36px;
    }
    .uni-content-div .img-right .content .title {
        font-size: 36px;
    }
    .uni-fee-structure .fee-left h1 {
        font-size: 36px;
    }
    .living-cost .living-right h3 {
        font-size: 36px;
    }
    .uni-scholarship .scholar-left h2 {
        font-size: 36px;
    }
    .uni-value .value-right h2 {
        font-size: 36px;
    }
    .testi-heading {
        font-size: 36px;
    }
    .uni-scholarship .scholar-right img {
        height: 300px;
    }
}
@media (max-width: 1200px){
    .university-about .left-side img {
        width: 100%;
    }
    .university-about .left-side .row1 {
        display: flex;
    }
    .university-about .right-side h2{
        font-size: 32px;
    }
    .uni-button-container {
        width: 80%;
    }
    .loc-sydney {
        margin-top: 55%;
    }
    .loc-sydney .sydney-right img{
        width: 100%;
    }
    .uni-fee-structure .fee-right img{
        width: 100%;
    }
    .living-cost .living-left img{
        width: 95%;
    }
    .uni-scholarship .scholar-right img{
        width: 90%;
    }
    .uni-value .value-left img{
        width: 90%;
    }
}
@media(max-width:1050px){
    .uni-button-container {
        width: 85%;
    }
    .uni-content-div .img-right .content .title{
        font-size: 32px;
    }
    .uni-content-div .head{
        padding-top: 43%;
    }
    .uni-content-div .headi{
        padding-top: 43%;
    }
    .uni-Macquarie .loc-left{
        width: 55%;
    }
    .uni-Macquarie .loc-right{
        width: 45%;
    }
    .loc-sydney {
        margin-top: 80%;
    }
    .weekly-cost table{
        width: 80%;
    }
}
@media (max-width: 970px) {
    .university-about .left-side, .right-side {
        flex: 100%;
        width: 100%;
    }
    .university-about .left-side .row1 {
        width: 100%;
    }
    .university-about .left-side .row1 img {
      width: 50%;
      margin-right: 0;
      margin-bottom: 20px;
    }
    .university-about .right-side h2{
        font-size: 42px;
    }
    .uni-button-container {
        width: 90%;
    }
    .uni-button-container button {
        font-size: 15px;
    }
    .loc-sydney {
        margin-top: 88%;
    }
}
@media (max-width: 768px) {
    .university-page .university-img .textOverlay {
        padding: 12% 0 0 6%;
    }
    .uni-content-div {
        margin: 10%; 
        height: auto;
    } 
    .testi-back{
        margin: 6% 0;
    }
    .uni-content-div .img-right .content,
    .uni-content-div .img-right img {
        float: none;
        width: 100%;
    }
    .uni-content-div .img-right .content{
        padding-right: 0px;
    }
    .uni-content-div .img-right img {
        margin-top: 20px;
    }
    .unicarousel .card {
        flex: 0 0 100%;
        margin-right: 0;
    }
    .unicarousel .cardi {
        flex: 0 0 100%;
        margin-right: 0;
    }
    
    .uni-content-div .head{
        padding-top: 10%;
    }
    .uni-content-div .headi{
        padding-top: 10%;
    }
    .uni-Macquarie .loc-left{
        float: none;
        width: 100%;
    }
    .uni-Macquarie .loc-right{
        float: none;
        width: 100%;
        padding: 0;
    }
    .uni-Macquarie .loc-right h2 {
        margin-top: 20px;
    }
    .loc-sydney{
        margin-top: 10%;
        flex: none;
        flex-direction: column;
    }

    .loc-sydney .sydney-right {
        order: -1;
    }
    .uni-fee-structure{
        margin-top: 10%;
        flex: none;
        flex-direction: column;
    }
    .uni-fee-structure .fee-right{
        order: -1;
    }
    .uni-fee-structure .fee-left h1{
        font-size: 36px;
        margin-top: 20px;
    }
    .living-cost{
        margin-top: 15%;
        flex: none;
        flex-direction: column;
    }
    .living-cost .living-left{
        order: -1;
    }
    .living-cost .living-right h3{
        margin-top: 20px;
    }
    .living-cost .living-left img{
        width: 100%;
        height: 250px;
    }
    .weekly-cost table{
        width: 100%;
    }
    .uni-scholarship{
        margin-top: 10%;
        flex: none;
        flex-direction: column;
    }
    .uni-scholarship .scholar-right{
        order: -1;
    }
    .uni-scholarship .scholar-right img{
        width: 100%;
    }
    .uni-scholarship .scholar-left h2{
        margin-top: 20px;
    }
    .uni-value{
        margin-top: 15%;
        flex: none;
        flex-direction: column;
    }
    .uni-value .value-left{
        order: -1;
    }
    .uni-value .value-left img{
        width: 100%;
        height: 250px;
    }
    .uni-value .value-right h2{
        margin-top: 20px;
    }
    .uni-testi{
        margin-top: 10%;
        flex: none;
        flex-direction: column;
    }
    .uni-testi .testi-left{
        order: -1;
    
    }
    .uni-testi .testi-left iframe{
        width: 100%;
        border-radius: 8px;
        height: 250px;
        margin-bottom: 20px;
    }
    .uni-testi .testi-right img{
        margin: auto;
    }
}

@media (max-width: 620px) {
    .university-about .left-side .row1 img {
      width: 48%;
      height: 210px;
    }
    .uni-button-container {
        display: none;
    }
    .study-mode-main .details table .study-gap{
        width: 30%;
        padding: 3%;
        padding-bottom: 10%;
    }
}
@media (max-width: 490px) {
    .university-page .university-img .textOverlay {
        padding: 28% 0 0 6%;
    }
    .uni-content-div .img-right .content .small-title{
        font-size: 19px;
    }
    .university-page .university-img .uni-name {
        font-size: 26px;
    }
    .university-about .left-side img {
        height: 240px;
    }
    .university-about .left-side .row1 img {
        height: 160px;
    }
    .university-about .right-side h2 {
        font-size: 32px;
    }
    .uni-content-div .img-right .content .title {
        font-size: 23px;
    }
    .uni-content-div .head {
        font-size: 23px;
    }
    .unicarousel .card .real-text {
        font-size: 23px;
    }
    .uni-content-div .headi {
        font-size: 23px;
    }
    .unicarousel .cardi .real-text {
        font-size: 23px;
    }
    .uni-Macquarie .loc-right h2 {
        font-size: 23px;
    }
    .loc-sydney .sydney-left h2 {
        font-size: 23px;
    }
    .uni-fee-structure .fee-left h1{
        font-size: 23px;
    }
    .living-cost .living-right h3 {
        font-size: 23px;
    }
    .uni-scholarship .scholar-left h2 {
        font-size: 23px;
    }
    .uni-value .value-right h2 {
        font-size: 23px;
    }
    .testi-heading {
        font-size: 23px;
    }
    .uni-fee-structure .fee-left h4{
        font-size: 19px;
    }
    .living-cost .living-right ul{
        margin-left: 5%;
    }
    .uni-scholarship .scholar-right img {
        height: 250px;
    }
}


/* ============== Eligibility page   ============== */
/* ============== Eligibility page   ============== */
/* ============== Eligibility page   ============== */

.eligibility-page .eligibility-in{
    margin: 5%;
}
.eligibility-page .eligibility-in h1{
    font-size: 36px;
    color: #1C2B57;
}
.eligibility-page .eligibility-in h1 span{
    color: #3cc1d1;
}
.eligibility-page .eligibility-in h3{
    font-size: 26px;
}
.eligibility-page .eligibility-in h3 span{
    color: #3cc1d1;
}
.eligibility-page .eligibility-in .table-eli{
    margin: 20px 0;
}
.eligibility-page .eligibility-in .table-eli table .td-gap{
    padding: 0px 20px;
}
.eligibility-page .eligibility-in .div-in{
    margin: 20px 0;
}
@media(max-width:440px){
    .eligibility-page .eligibility-in h1{
        font-size: 28px;
    }
    .eligibility-page .eligibility-in h3{
        font-size: 21px;
    }
}





/* for width more than 1600 px  */
/* ==============   ============== */
/* ==============   ============== */
/* ==============   ============== */

@media(min-width:1700px){
    .header .top-bar {
        font-size: 22px;
    }
    nav .navbar {
        padding: 0 6%;
    }
    nav .navbar .links li a {
        font-size: 20px;
    }
    .rectangle .content .right img {
        height: 800px;
        margin-top: 33%;
    }
    .rectangle .content .left .title {
        font-size: 64px;
    }
    .rectangle .content .left .title span {
        font-size: 36px;
    }
    .row {
        margin-top: -10%;
    }
    .row .column {
        max-width: 300px;
        padding: 60px;
    }
    .row .column i {
        font-size: 32px;
    }
    .row .column h2 {
        font-size: 52px;
    }
    .row .column p {
        font-size: 22px;
    }
    .fly .flight img {
        margin-top: -13%;
    }
    .fly .circle-cut img {
        margin-left: 1%;
    }
    .options .circle-cut img {
        margin: -16% 5% 0 0%;
    }
    .fly .city .blue {
        font-size: 32px;
    }
    .fly .city .black {
        font-size: 32px;
    }
    .fly .city .all-city .delhi p {
        font-size: 28px;
    }
    .options .text .larger {
        font-size: 52px;
    }
    .options .area button {
        font-size: 26px;
    }
    .options .target .boxes-in {
        padding: 60px;
        height: 275px;
        max-width: 370px;
    }
    .options .target .boxes-in i {
        font-size: 40px;
    }
    .options .target .boxes-in h2 {
        font-size: 26px;
    }
    .options .target .boxes-in p {
        font-size: 24px;
    }
    .partner .our-text {
        font-size: 52px;
    }
    .different .our-text {
        font-size: 52px;
    }
    .global .overlap .right .our-text {
        font-size: 52px;
    }
    .choose .choose-in .title {
        font-size: 52px;
    }
    .slider-lead .our-text {
        font-size: 52px;
    }
    .faq .overlap .right .our-text {
        font-size: 52px;
    }
    .partner .box .column {
        max-width: 370px;
    }
    .partner .box .column .details table {
        font-size: 24px;
    }
    .partner .box .column .name img {
        height: 90px;
    }
    .different .right-side .boy img {
        height: 560px;
        margin: -40% 0 -74px 9%;
    }
    .global .overlap .left .girl-point img {
        width: 85%;
    }
    .global .overlap .right .our-uni .short {
        font-size: 26px;
    }
    .global .overlap .right .our-uni button {
        width: 308px;
        height: 73px;
        font-size: 27px;
    }
    .choose .choose-op .ch-column p {
        font-size: 26px;
    }
    .choose .choose-op .ch-column {
        max-width: 290px;
    }
    .team-slider .carousel .card h2 {
        font-size: 2.1rem;
    }
    .team-slider .carousel .card span {
        font-size: 1.4rem;
    }
    .accordion-container {
        max-width: 1000px;
        font-size: 26px;
    }
    footer ul li p {
        font-size: 26px;
    }
    footer .footer-col h4 {
        font-size: 26px;
    }
    footer ul li a {
        font-size: 26px;
    }
    footer .links a {
        font-size: 32px;
        height: 50px;
        width: 60px;
    }
    .complete {
        font-size: 26px;
    }
    .slider-lead .backcover img {
        height: 680px;
    }
    .global .backcover img {
        height: 750px;
    }
    .different .points .text {
        font-size: 26px;
    }
    .different .points {
        font-size: 24px;
    }
    .partner .backcover img {
        height: 630px;
    }
    .global .overlap {
        height: 600px;
    }
}
@media(min-width:2400px){
    .fly .city {
        margin-top: -5%;
    }
    .options .target .boxes-in {
        max-width: 470px;
    }
    .different .right-side .boy img {
        height: 650px;
    }
    .global .overlap .left .girl-point img {
        width: 65%;
    }
}