.mega_menu{
    width: 100vw;
    height:0;
    position: absolute;
    margin-top: 30px;
    left: 0;
    top:120px;
    /* padding-top: 6%; */
    z-index: -1;
    font-family: var(--en-regular-font);
    display: flex;
    flex-direction: column;
}
@media (max-width:1660px){
    /* .mega_menu{
        padding-top: 8vw;
    } */
}
.mega_menu .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(40, 59, 152, 0.3);
    display: none;
}
.mega_menu.active{
    height: 120vh;
    z-index: 1000;
}
.mega_menu.active .overlay{
    display: block;
}
.mega_menu .menu-container{
    border-radius: 0px 0px 38px 38px;
    border-top: 1px solid #DDE4EA;
    background: radial-gradient(2376.47% 77.3% at 50.03% 65.55%, #F5FAFF 0%, #FFF 100%);
    box-shadow: 0px 4px 4px 0px rgba(45, 113, 176, 0.10);
    backdrop-filter: blur(30px);
    /* height: 300px; */
    width: 100%;
    transform: translateY(-10%);
    transition: 0.5s;
    padding: 40px 4vw !important;
    gap: 10px;
    visibility: hidden;
    opacity: 0;
    max-height: 70vh;
    overflow-y: scroll;
    flex-wrap: wrap;
}


.mega_menu .menu-container::-webkit-scrollbar {
    width: 10px;
  }
  .mega_menu .menu-container::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
    margin-bottom: 20px;
    
  }
  
  .mega_menu .menu-container::-webkit-scrollbar-thumb {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #6172b1;
  }

.mega_menu.active .menu-container{
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
}

.menu-container{
    display: flex;
    padding: 35px;
    /* gap: 30px; */
    justify-content: space-around;
}
.menu-container .head-title{
background: linear-gradient(270deg, #273A97 13.29%, #5091CD 90.53%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30px;
font-weight: 600;
}

.menu-container .heading{
    width: 300px;
}
.menu-container .heading{
   /* margin-right: 40px; */
}
.navigate-link{
    cursor: pointer;
}



.menu-container .categories{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 40px;
}

.menu-container .categories a{
    font-size: 14px;
    color: var(--primary);
    margin: 0;
    font-weight: 500;
}

.menu-container .categories a:hover{
    color: #6172B1;
}


.menu-next-icon svg rect {
    transition: fill .4s;
}

.menu-next-icon svg path {
    transition: stroke .4s;
}

.menu-next-icon:hover svg rect {
    fill: #ECA663;
}

.menu-next-icon:hover svg path {
    stroke: #fff;
}



.menu-container .categories p{
    font-size: 12px;
    color:#9F9EB4;
    margin: 0;
}

.menu-container .mega-meu-list{
    /* width: 30%; */
    border-left: 1px solid #DDE4EA;
    padding-left: 25px;
    
}
.menu-container .list-title{
    background: linear-gradient(270deg, #273A97 13.29%, #5091CD 90.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 16px;
    font-weight: 500;
}

/*///////////////////////////////////////////// Programs Mega menu */
.menu-container .programs-list .list{
 display: flex;
 flex-direction: column;
 gap: 20px;
 margin-top: 30px;
}



.menu-container .programs-list .list a{
    width: 100% !important;
}
.menu-container .programs-list .list .item h4,.menu-container .programs-list .list .item p{
    margin: 0;
}
.menu-container .programs-list .list .item{
    position: relative;
    width: 100%;
}
.menu-container .programs-list .list .item .title{
    color: #2A285E;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: .4s;
    /* width: 80%; */
}

.menu-container .programs-list .list .item .title:hover{
    color:#6172B1;
}

.menu-container .programs-list .list .item .subtitle{
    color: #9F9EB4;
    font-size: 12px;
}
.menu-container .programs-list .list .item .flag{
    color: #48C1CB;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 20px;
}

.organization-card{
    border-radius: 16px;
    background-color: white;
    border: 1px solid #D9D9D9;
    width: 290px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.organization-card img{
    border-radius: 20px;
    width: 100%;

}
.organization-card .text{
    margin-top: 10px;
}
.organization-card .text h4{
    font-size: 20px;
    font-weight: 700;
    background: var(--Gradient, linear-gradient(270deg, #273A97 13.29%, #5091CD 90.53%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.organization-card .text p{
    color:#878A8F;
    font-size: 12px;
    font-weight: 300;
}

.organization-card .btn{
    background-color: var(--secondary);
    color: white;
    padding-inline: 15px;
    padding: 9px;
    font-size: 14px;
    width: 100%;
    border-radius: 30px;
    display: flex;
    margin-top: 0px;
    font-family:'Argentum Sans', sans-serif ;
    font-weight: 300;
    justify-content: center;
} 
.organization-card .btn:hover{
    color: white;
}
.organization-card .btn img {
    display: inline;
    margin-left: 20px;
}


/*///////////////////////////////////////////// Initiatives Mega menu */
.initiative-card-item{
    width: 310px;
    height: 200px;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    display: flex;
    align-items: center;

}

.initiative-card-item .back-img{
position: absolute;
width: 100%;
height: 100%;
}
.initiative-card-item .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(42, 40, 94, 0.6);
    z-index: 1;
    transition: 0.3s;
}

.initiative-card-item .txt{
    position: relative;
    z-index: 5;
    padding:0 30px;
}

.initiative-card-item h4{
background: linear-gradient(270deg, #80AED7 13.29%, #DBEEFF 73.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 28px;
font-weight: 700;
}


.initiative-card-item p{
    color: white;
    margin: 0;
    font-size: 12px;
    font-weight: 200;
}
.initiative-card-item:hover .overlay{
    background-color: rgba(39, 58, 151, 0.8);
}

.soon-list{
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
.soon-list a {
    transition: .3s ease-in-out;
}
.soon-list a:hover {
    color:#6172B1;
}

.soon-list p{
    margin: 0;
}
.soon-list .title{
    font-size: 14px;
    color: var(--primary);
    font-weight: 500;
}
.soon-list .subtitle{
    color: #9F9EB4;
    font-size: 12px;
    font-weight: 300;
}


/*///////////////////////////////////////////// Certificates Mega menu */
.menu-certificate-card{
    display: flex;
}
.menu-certificate-card img{
width: 150px;
/* height: 100px; */
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
object-fit: cover;
}
.menu-certificate-card .content{
    position: relative;
    border-radius: 16px;
    background: #FFF;
padding: 23px 12px 16px 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
border: 1px solid rgba(223, 222, 222, 0.599);
left: -15px;
}
.menu-certificate-card .content .language{
    font-size: 10px;
    background-color: #F2F4F7;
    border-radius: 20px;
    padding: 4px;
    padding-inline: 10px;
    color: #667085;
    font-family:'Argentum Sans', sans-serif ;
    margin-bottom: 8px;
}

.menu-certificate-card .content .history{
    font-size: 10px;
    color: #00ADBB;
    margin-bottom: 8px;
}
.menu-certificate-card .content .title{
    font-family:'Argentum Sans', sans-serif ;
    font-size: 14px;
    color: var(--active);
    font-weight: 700;
    text-align: left;
    margin-bottom: 0;
    margin-top: 0px;
    transition: .3s;
}

.menu-certificate-card .content .title:hover{
    color:#6172B1;
}

.menu-certificate-card .content .info{
    font-family:'Argentum Sans', sans-serif ;
    font-size: 14px;
    font-weight: 300;
    color: #787797;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 0px;
}



.policies-list h4{
    font-size: 14px;
    color: var(--primary);
    margin: 0;
}

.policies-list .logo{
    width: 28px;
    height: 28px;
    background-color: #dbdfeb;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.policies-list .logo img{
    width: 70%;
     height: 50%;
    
}

.policy-links .link{
border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
display: flex;
padding: 8px 16px;
align-items: center;
gap: 20px;
justify-content: space-between;
flex: 1;
width: 310px;
transition: .4s;
border: 1px solid #fff;
}

.policy-links .link:hover{
    background: transparent;
    border: 1px solid #CEDCEE;
}
.policy-links .link:hover svg{
    transition: .4s ease-in-out;
}
.policy-links .link:hover svg{
    transform: translateX(3px);
}





.policy-links .link p{
    color:#787797;
    font-size: 12px;
    font-weight: 500;
    margin: 0
}
/* .policy-links .link:hover p{
    color:#fff ;
} */


.menu-container .heading .validate-certificate{
    border-radius: 8px;
background: #FFF;
box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24), 0px 3px 8px -1px rgba(50, 50, 71, 0.05);
display: flex;
padding: 5px 16px;
align-items: center;
gap: 20px;
justify-content: space-between;
/* flex: 1; */
width: 290px;
font-size: 14px;
color: var(--secondary);
height: 40px;
margin-top: 40px;
}

.validate-certificate{
    border: 1px solid transparent;
}

.validate-certificate:hover{
    background: transparent !important;
    border: 1px solid #CEDCEE;
}
.validate-certificate:hover svg{
    transition: .4s ease-in-out;
}


.validate-certificate:hover .menu-next-icon svg rect{
    fill: #ECA663;
}
.validate-certificate:hover .menu-next-icon svg path{
    stroke: #fff;
}





/*///////////////////////////////////////////// Events Mega menu */

.events-cards-list{
  /* width: 45vw; */
  margin-top: 20px;
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 20px;
}



.event-card-item{
    width: 315px;
    height: 185px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.event-card-item .back-img{
position: absolute;
width: 100%;
height: 100%;
transition: 0.3s;
}
.event-card-item:hover .back-img{
    scale: 1.3;
}
.event-card-item .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(2, 9, 34, 0.7);
    z-index: 1;
    transition: 0.3s;
}

.event-card-item .content{
    position: relative;
    z-index: 5;
    padding:0 20px;
    margin-top: 30px;
}

.event-card-item h4{
background: linear-gradient(270deg, #80AED7 13.29%, #DBEEFF 73.07%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 22px;
font-weight: 700;
}
.event-card-item .coming-soon{
    font-size: 12px;
}

.event-card-item .details p{
    font-size: 12px;
    color: white;
    margin: 0;
    font-weight: 300;
}

.event-card-item .logo-icon{
   background-color: #6172B1;
   width: 28px;
   height: 28px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
}

.event-card-item .logo-icon img{
width: 15px;
height: 15px;
}
.events-of-the-month{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.events-of-the-month .item{
border-radius: 10px;
border: 1px solid #DDE4EA;
background: #FFF;
width: 220px;
display: flex;
padding: 12px;
flex-direction: column;
gap: 8px
}
.events-of-the-month .item p{
    color: #787797;
    font-size: 12px;
    font-weight: 300;
    margin: 0;
}
.events-of-the-month .item .title{
    color: #2A285E;
    font-size: 14px;
    font-weight: 700;
    transition: .3s;
}

.events-of-the-month .item .title:hover{
    color:#6172B1;
}

.menu-container .categories a:hover{
    text-decoration:underline !important;
  }


/* ///////// sub menus */

.submenu{
    width: 100vw;
    height: 100vh;
    background-color: #F5FAFF;
    z-index: 10000;
    position: absolute;
    padding: 20px;
    border-top: 1px solid #DDE4EA;
    right: -200%;
    transition: 0.4s;
    top: 100px;
}
.submenu.active{
    right: 0;
}
.submenu .head-title{
    background: linear-gradient(270deg, #273A97 13.29%, #5091CD 90.53%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}
.submenu .head-title h4{
    font-size: 16px;
    font-weight: 500;
}
.line{
    width: 100%;
    height: 1px;
    background-color: #DDE4EA;
    margin-top: 15px;
}

.sub-menu-list .list{
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 30px;
   }
   .sub-menu-list.programs-list a{
       width: 100% !important;
   }
   .sub-menu-list.programs-list .item h4,.sub-menu-list.programs-list .item p{
       margin: 0;
   }
   .sub-menu-list.programs-list .item{
       position: relative;
       width: 100%;
   }
   .sub-menu-list.programs-list .item .title{
       color: var(--primary);
       font-size: 14px;
       font-weight: 700;
       /* width: 80%; */
   }
   
   .sub-menu-list.programs-list .item .subtitle{
       color: #9F9EB4;
       font-size: 12px;
   }
   .sub-menu-list.programs-list .item .flag{
       color: #48C1CB;
       font-size: 10px;
       position: absolute;
       top: 0;
       right: 20px;
   }

.view-all{
    background-color: white;
    border-radius: 30px;
    border: 1px solid #DDE4EA;
    padding:15px 20px;
    margin: 0 auto;
    position: absolute;
    bottom: 18%;
    display: inline-block;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #ECA663;
    font-size: 12px;
    font-weight: 400;
}
.view-all svg{
    margin-left: 5px;
}



/* Search Menu */

.search_menu{
 position: fixed;
 width: 100vw;
 height: 100vh;
 top: 0;
 z-index: 10000000;
 font-family: var(--en-regular-font);
 display: none;
}
.search_menu.active{
    display: block;
}
.search_menu .overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(40, 59, 152, 0.3);
}

.search_menu .content{
    border-radius: 20px;
    background-color: #F4F7FB;
    /* width: 75%; */
    height: 70vh;
    margin: 2% auto;
    padding: 30px;
 
}

.search_menu .content .search-header{
    display: flex;
    align-items: center;
    gap: 20px;
    position: relative;

}
.search_menu .content .search-header .input{
    background-color: white;
    border-radius: 30px;
    border: 1px solid #D9DBE4;
    width: 86%;
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    gap: 10px;
    position: relative;
}

.search_menu .content .search-header .input input{
    height: 100%;
    border: none;
    outline: none;
    flex-grow: 1;
}

.search_menu button{
    border: none;
    background-color: transparent;   
}

.search_menu button:hover svg{
    opacity: 0.6;
    transition: .3s ease-in-out;
}

.search_menu .content .result .no-search{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
    text-align: center;
}
.search_menu .content .result .no-search h3{
    font-size: 20px;
    font-weight: 700;
    margin-top: 20px;
}
.search_menu .content .result .no-search p{
    color: #667085;
    font-weight: 300;
}

.search_menu .suggestion-list{
    display: none;
    flex-direction: column;
    gap: 10px;
    position: absolute;
    top: 70px;
    left: 0;
}
.search_menu .suggestion-list .item{
    display: flex;
    gap: 7px;
    cursor: pointer;
    padding: 10px;
}
/* .search_menu .suggestion-list .item:hover{
    background-color: white;
} */
.search_menu .suggestion-list .item p{
    margin: 0;
}

.search_menu .suggestion-list .item p.title{
    color: #514F7A;
    font-size: 14px;
}
.search_menu .suggestion-list .item p.category{
    color: #B2B1C1;
    font-weight: 200;
    font-size: 12px;
}

.autoComplete_wrapper{
    width: 100%;
    font-family: var(--en-regular-font);
}
input#autoComplete {
    width: 100% !important;
}
.autoComplete_wrapper > ul > li{
    color: #514F7A !important;
    font-weight: 300;
    font-size: 14px;
}
.autoComplete_wrapper > ul > li mark {
    background-color: transparent;
    color: #5091cd !important;
    font-weight: bold;
  }

  .autoComplete_wrapper > input:focus {
    color: #514F7A !important;
    border: 0.06rem solid #D9DBE4 !important;
  }

  .autoComplete_wrapper > input:hover {
    color: #514F7A !important;
  }
  .autoComplete_wrapper > input::placeholder {
    color: #514F7A !important;
  }
  
  .autoComplete_wrapper > input:hover::placeholder {
    color: #514F7A !important;
  }

  .autoComplete_wrapper > input:focus::placeholder {
    color: #514F7A !important;
  }
  .autoComplete_wrapper > ul > li {
    background-color: transparent !important;
  }

  .autoComplete_wrapper > ul > li:hover {
    background-color: #f9f9f9 !important;
  }

  .autoComplete_wrapper > input {

    color: #514F7A !important;
    border: 0.05rem solid #D9DBE4 !important;
    font-weight: 500;
    background-image: url('../svg/search-normal-auto.svg') !important;
  }

  ul#autoComplete_list_1 {
    background: transparent !important;
    /* border: none; */
    border: 1px solid transparent !important;
    box-shadow: none !important;
}
  

  .autoComplete_wrapper > ul::-webkit-scrollbar {
    width: 6px;
  }
  .autoComplete_wrapper > ul::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 10px;
  }
  
  .autoComplete_wrapper > ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: transparent;
  }


  #jadarat_sub_link{
    Padding: 30px 40px 30px 40px;
    font-family: var(--en-regular-font);
    display: none;
  }

  .jadarat_sub_link_header{
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
  }

  .jadarat_sub_link_header svg{
    cursor: pointer;
  }
  .jadarat_sub_link_header span{
    color:#97A3B7;
    font-size: 12px;
    font-weight: 400;
  }

  .jadarat_sub_link_content{
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .jadarat_sub_link_content a {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .jadarat_sub_link_content a span:first-child {
    color:#2A285E;
    font-size: 16px;
    font-weight: 500;
  }
  .jadarat_sub_link_content a span:nth-child(2) {
    color:#8B8AA5;
    font-size: 14px;
    font-weight: 300;
  }


  
 .organization-card .btn img {
    display: inline;
    margin-left: 20px;
    transition: 0.3s;
}

.organization-card .btn:hover{
    background: transparent;
    border:1px solid #CEDCEE;
    color: var(--secondary);
}

.organization-card .btn:hover img{
    background: var(--secondary);
    border-radius: 15px;
    width: 34px !important;
    height: 34px;
}

 

/*////////////////////////////////////////// RESPONSIVE ///////////////////////////////////////*/

@media (max-width:1630px){
    .menu-container .programs-list .list .item .title{
        font-size: 12px;
    }
    
    .menu-container .programs-list .list .item .subtitle{
        color: #9F9EB4;
        font-size: 10px;
    }
   /* .mega_menu .menu-container{
        padding: 40px 1vw !important;
    } */
    /* .menu-container .heading{
        width: auto;
    } */
}

@media (max-width:1400px){
 .menu-container{
    justify-content: flex-start;
 }
}

@media (max-width:1300px){
    .mega_menu .menu-container{
        justify-content: flex-start;
        padding: 40px 2vw !important;
        max-height: 80vh;
        overflow: scroll;
    }
    .menu-container .heading{
        margin-right: 0;
    }
    .menu-container .heading .head-title{
      font-size: 30px;
    }
}

@media (max-width:1000px){
    .menu-container div{
        flex-wrap: wrap !important;
    }
}


@media (max-width:1115px){
    .mega_menu{
        top: 100px;
        margin-top: 0;
    }
}

@media (max-width:1000px){
   .mega_menu .menu-container{
       padding: 20px 10px !important;
       flex: 1;
       flex-direction: column;
       flex-wrap: nowrap;
       gap: 15px;
       border-radius: 0;
    }
    .heading{
     width: 100% !important;
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;
     gap: 20px;
    }
    .menu-container .heading .head-title {
        font-size: 25px;
        margin: 0;
    }
    .heading .categories{
        margin-top: 0;
    }
    .menu-container .mega-meu-list{
        border-left: none;
        border-top: 1px solid #DDE4EA;
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .menu-container .mega-meu-list .list{
        display: none;
    }
    .menu-container .mega-meu-list .list-title{
        font-size: 13px;
    }
    .menu-container .categories p{
        font-size: 10px;
    }
    .menu-container .categories a{
        font-size: 12px;
    }
    .organization-card{
        width: 100%;
    }
    .organization-card img{
        height: 150px;
        object-fit: cover;
    }

    .initiative-card-item{
        height: 150px;
        border-radius: 25px;
        align-items: flex-start;
    }
    .initiative-card-item img{
        object-fit: cover;
    }
    .initiative-card-item .txt{
     padding: 15px;
    }
    .initiative-card-item .txt h4{
        font-size: 20px;
        margin-bottom: 5px;
    }
    .initiative-card-item .txt p{
        font-size: 11px;
    }

    .soon-list{
        margin-top: 10px;
    }

    /* events */
    #events_mega_menu .categories{
     display: none;
    }

    .events-of-the-month{
        flex-direction: row;
        flex-wrap: wrap;
    }
    .events-of-the-month .item{
        flex: 1;
        min-width: 160px;
    }
    .events-of-the-month .item p{
        font-size: 10px;
    }
    .events-of-the-month .item .title{
        font-size: 12px;
    }
    .events-cards-list{
        gap: 10px;
    }
    .event-card-item{
        width: auto;
        border-radius: 20px;
        height: auto;
    }
    
    .event-card-item .content{
      padding: 10px;
      margin: 0;
    }
    
    .event-card-item h4{
    font-size: 15px;
    }
    .event-card-item .coming-soon{
        font-size: 10px;
    }
    .event-card-item .details{
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: left;
        gap: 5px !important;
    }
    .event-card-item .details p{
        font-size: 10px;
    }
    .event-card-item .logo-icon{
        width: 20px;
        height: 20px;
    }
    .event-card-item .details img{
        width: 10px !important;
        height: 10px !important;
    }
    .event-card-item .logo-icon img{
        width: 10px;
        height: 10px;
    }

    /* programs */
    .menu-certificate-card .content{
    padding: 10px;
    gap: 0px;
    left: -30px;
    }
    .menu-certificate-card .content .language{
        font-size: 8px;
        padding-inline: 10px;
        margin-bottom: 5px;
    }
    
    .menu-certificate-card .content .history{
        font-size: 8px;
    }
    .menu-certificate-card .content .title{
        font-size: 10px;
    }
    .menu-certificate-card .content .info{
        font-size: 9px;
        margin-top: 5px;
    }


  .single-policy .policy-links{
        display: none !important;
    }
    
    #certificates_sub_menu .sub-menu-list{
      margin-top: 30px;
      border-top: 1px solid #DDE4EA;
      padding-top: 20px;
    }
    .submenu-title{
        align-items: center;
    }
    .submenu-title h4{
     font-size: 14px;
     margin: 0;
    }
    .submenu-title .logo{
        width: 24px;
        height: 24px;
        background-color: #d8dae1;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .submenu-title .logo img{
        width: 12px;
        height: 12px;
    }
    .policy-links .link {
        width: auto !important;
    }
    .sub-menu-list.programs-list .item .title{
        font-size: 12px;
    }
    .sub-menu-list.programs-list .item .subtitle{
        font-size: 10px;
        font-weight: 300;
        font-family: var(--en-regular-font);
    }
}

@media (max-width: 800px) {
  .search_menu .close_menu_btn svg{
    width: 30px;
    height: 30px;
  }
  .search_menu .content{
    width: 90%;
  }
  .search_menu .input{
    height: 35px !important;
   width:auto;
   padding: 5px !important;
  }
  .search_menu .content .search-header{
    justify-content: flex-end;
    
  }
  .search_menu .content .search-header .input input {
    border-radius: 30px;
    font-size: 12px;
  }
  .search_menu .logo{
    display: none;
  }
  .search_menu .content .search-header .input input svg{
    min-width: 20px !important;
  }

  .search_menu .no-search img{
    width: 100px;
  }
  .search_menu .content .result .no-search h3{
    font-size: 15px;
}
.search_menu .content .result .no-search p{
  font-size: 10px;
}
.search_menu .suggestion-list .item p.title{
    font-size: 11px;
}
.search_menu .suggestion-list .item p.category{
    font-size: 10px;
}
.search_menu .suggestion-list{
    gap: 5px;
    top: 50px;
}
.search_menu .suggestion-list .item{
    padding: 5px;
}
.search_menu .suggestion-list .item svg{
  width: 15px !important;
  height: 15px !important;
}
}


@media (max-width: 600px) {
    .menu-container .heading .validate-certificate{
      margin-top: 20px;
    }
    .mega_menu .menu-container{
        max-height: 87vh !important;
    }
}