header{
  background-color: #8EB1C7;
  position: fixed;
    z-index: 99999;
    width: 100%;
}
header ul{
  list-style: none;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px 10px;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 0;
}
header ul a{
  display: flex;
  align-items: center;
  color: #FEFDFF;
  text-decoration: none;
}
.header-mail{
  margin-right: 5px;
}
nav{
  top: 34px !important;
}
/*2nd section CSS Start */
 .journer-container{
        background-color: #F9F9F9;
      }
      .IGCSE-Journey{
        padding: 40px 10%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: center;
        column-gap: 30px;
        color: #13191d;
      }
      .IGCSE-Journey a{
        text-decoration: none;
        color: hsl(195, 77%, 30%);
      }
      .IGCSE-Journey p, .IGCSE-Journey li{
        line-height: 30px;
        font-size: 18px;
      }
      #card-reverse{
        flex-direction: column-reverse;
      }
      .ib-img-container img{
        max-width: 100%;
        height: auto;
        width: 100%;
      }
      #prep-img{
        object-fit: contain;
        height: 280px;
      }
      .heading-name{
        text-align: center;
        color: #126b88;
        font-family: "Inter", Sans-serif;
        font-size: 38px;
        font-weight: 700;
        line-height: 1.3em;
      }
      .sub-heading-s{
        text-align: center;
        display: block;
      }
      /*2nd section CSS End */

      footer {
        background-color: hsl(45, 16%, 90%);            
            padding: 20px 10%;
            position: relative;
        }
        .footer-wrapper{
            display: flex;
            justify-content: space-between;
            margin: 0 auto;
            /* padding-left: 40px;
            padding-right: 40px; */
            padding-left: 0 !important;
            padding-right: 0 !important;
      }
      .footer-wrapper ul li {
        list-style: none;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 4px;
}
      .footer-wrapper ul li a{
        text-decoration: none;
        color: #1f1f1f;
      }
      .footer-wrapper ul{
        padding: 0;
      }
      .footer-wrapper .contact-info .mail-m{
        display: flex;
        align-items: center;
      }
      .footer-wrapper .contact-info .mail-m span{
        padding-left: 10px;
      }
      .footer-wrapper h3{
        font-size: 18px;
        /* color: #0d2a55; */
        font-weight: bold;
        padding-top: 15px;
        /* padding-bottom: 10px; */
        margin: 0px;
      }
      .footer-wrapper li>a{
        display: block;
        font-size: 14px;
        line-height: 16px;
        padding: 9px 0px;
        margin: 0px;
        font-weight: 400;
        /* color: #000; */
      }
      .testimonial-content p.stu-sch-name{
        color: hwb(208 0% 44%);
        margin-top: -10px;
        font-weight: 800;
      }
      /* footer neew address css */
      .current-location{
        /* padding-left: 40px;
        padding-right: 40px; */
        line-height: 1.5;
      }
      .current-location h3{
        text-align: center;
        font-weight: bolder;
        color:#13365D;
      }
      #topScrollBtn{
        position: fixed;
        right: 25px;
        bottom: 50px;
        background: #ffffff;
        border-radius: 50%;
        width: 45px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: opacity 0.3s ease;
        opacity: 0;
        pointer-events: none; 
      }
      #topScrollBtn.visible {
       opacity: 1;
       pointer-events: auto;
     }
      @media(max-width:1100px){
            .footer-wrapper{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
            }
      }
      @media(max-width:991px){
        .header-container{
          display: none;
        }
        nav{
          top: 0 !important;
        }
         .IGCSE-Journey{
          display: flex;
          flex-direction: column;
          align-items: center;
         }
        #prep-img{
         height: 400px !important;
      }
      }

       @media (max-width: 768px) {
             .footer-wrapper{
                padding-left: 30px;
                padding-right: 30px;
             }
             .footer-wrapper li>a {
                font-size: 12px;
             }
        }
         @media (max-width: 600px) {
            .footer-wrapper{
                grid-template-columns: 1fr;
                justify-items: start;
                padding-left: 25px;
                padding-right: 25px;
            }
            /* .current-location{
              padding-left: 25px;
              padding-right: 25px;
      } */
         }


        /* Footer CSS end */

        /* .icons {
           position: fixed;
           top: 50%;
           right: 0%;
           width: 150px;
           display: flex;
           flex-direction: column;
        }

        .icons a {
            text-decoration: none;
            padding: 5px 5px 5px 8px;
            border: 1px solid #ffffff;
            text-align: left;
            border-radius: 50px 0px 0px 50px;
            transform: translate(95px, 0px);
            transition: all 1s;
        }
        .tel {
           background-color: #2c80D3;
               color: #551a8b;
        }
    .icons a img {
    margin-right: 25px;
    height: 40px;
    width: 40px;
    line-height: 40px;
    transition: all 0.5s;
} */



.icons{
      position: fixed;
      top:50%;
      right:0%;
      width: 150px;
      display: flex;
      flex-direction: column;
}

.icons a{
      text-decoration: none;
      padding: 5px 5px 5px 8px;
      /* font-size: 15px; */
      /* margin: 2px; */
      border: 1px solid#ffffff;
      text-align: left;
      border-radius: 50px 0px 0px 50px;
      transform: translate(95px, 0px);
      transition: all 1s;

}

.icons a i{
      margin-right: 25px;
      /* background-color: #24ab3c; */
      height: 40px;
      width: 40px;
      text-align: center;
      line-height: 40px;
      border-radius: 50%;
      transition: all 0.5s;
}

.icons a img{
      margin-right: 25px;
      height: 40px;
      width: 40px; 
      line-height: 40px;
      transition: all 0.5s;
}

.icons a:hover{
      transform: translate(0px, 0px);
}
.icons a:hover i{
      transform: rotate(360deg);
}
.icons a:hover img{
      transform: rotate(360deg);
}


.tel{
      background-color: #2c80D3;
}

.whatsap{
      background-color:#24ab3c;
}

 .contact-option-wrapper{
      display: none;
      justify-content: space-around;
      align-items: center;
      background-color: #ffffff;
      padding: 10px;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
 }
 .hamburger-btn{
      display: none;
 }
 @media(max-width:991px){
      nav ul{
         flex-direction: column;
         gap: 20px;
         position: absolute;
         background: #e2e8f0;
         top: 77px;
         left: 0;
         width: 100%;
         border-top: 2px solid #000000;
         padding: 15px 10px !important;
      }
  .hamburger-btn{
       display: block;
 }
 .hidden{
      display: none;
 }
 .dropdown{
  position: relative !important;
  padding: 10px 2px !important;
 }
 nav ul li {
    margin: 0 !important;
}
 nav ul li a {
    padding: 0 15px;
}
 }
 @media(max-width:480px){
  nav{
    padding: 10px 7px;
  }
      .contact-option-wrapper{
            display: flex;
      }
      .icons{
        display: none;
      }
      .current-location{
        padding-bottom: 40px;
      }
      .current-location h3{
        text-align: left;
      }
 }