/* Top padding on the site content */

.nav-cta-padding .site-content{
   padding-top: var(--nav-cta-top-padding-mobile);
}

.mega-menu-padding .site-content{
   padding-top: var(--mega-menu-top-padding-mobile);
}

@media(min-width: 600px){
   .nav-cta-padding .site-content{
      padding-top: var(--nav-cta-top-padding);
   }

   .mega-menu-padding .site-content{
      padding-top: var(--mega-menu-top-padding);
   }

}


.tutor-wrap {
   padding-top: var(--nav-cta-top-padding-mobile) !important;
}



@media(min-width: 600px){
   .tutor-wrap{
      padding-top: var(--nav-cta-top-padding) !important;
   }

   .tutor-course-topic {
      margin-top: 1.25rem;
   }

}

.navbar{
   background: #ffff;
   border-bottom: 1px solid #CED3D9;
   overflow-y: auto;
}

.menu-sub-container{
   max-width: 1200px;
   margin: 0 auto;
}

.mega-navigation .current-menu-item a{
   color: #4192D4 !important;
   text-decoration: underline;
}

.navigation-cta .current-menu-item a{
   color: #4A7D07 !important;
   text-decoration: underline;
}

.nav-link,
.nav-link.active {
   text-decoration: none;
   color: var(--bs-primary);
}

.navbar-nav .show>.nav-link, .navbar-nav .nav-link.active{
   color: var(--bs-primary);
}

.nav-link:hover,
.nav-link:focus,
.nav-link:visited {
   text-decoration: none;
   color: var(--bs-primary);
   background-color: #F8F8F9;
   border-radius: 8px;
}

.mega-navigation{
   padding-block: 17.5px;
}

.left-logo-column{
   margin-top: 16.5px;
   margin-bottom: 16.5px;
   gap: 5px;
}

.navbar.nav-position{
   bottom: 0;
}

.navbar-brand{
   display: block;
   padding-top: 0;
   margin-right: 0;
}

.navbar-brand img{
   object-fit: contain;
}

.devdent-brand{
   margin-inline-start: 1.25rem;
}

.imagn-brand{
   padding-inline-start: 1.25rem;
}

.devdent-brand, 
.devdent-brand img{
   width: var(--primary-logo-width-mobile);
   height: var(--primary-logo-height-mobile);
}

.imagn-brand,
.imagn-brand img{
   width: var(--primary-logo-width-mobile);
   height: var(--primary-logo-height-mobile);
}

.dev-dent--logo{
   width: var(--secondary-logo-width-mobile);
   height: var(--secondary-logo-height-mobile);
   border-bottom: 0.5px solid #0E2747;
}

.navbar-toggler{
   border: none;
   padding-right: 0;
   padding-inline-end: 1.25rem;
}

.navbar-toggler:focus {
   box-shadow: none;
}

.navbar-toggler-icon{
   width: 1.15rem;
   height: 1.15rem;
   background: url(../../../img/icons/ham-icon.svg);
}

.navbar-toggler[aria-expanded = "false"] .navbar-toggler-icon{

   background: url(../../../img/icons/ham-icon.svg);
}

.navbar-toggler[aria-expanded = "true"] .navbar-toggler-icon{

   background: url(../../../img/icons/X.svg);
}

.mega-navigation .navbar-nav > .nav-item:first-of-type{
   margin-top: 1rem;
}

.navbar-nav > .nav-item:first-of-type{
   border-top: 0.5px solid #89929D;
}

.navbar-nav > .nav-item:not(:last-child){
   border-bottom: 0.5px solid #89929D;
}

.nav-link{
   padding-inline: 1.25rem;
   padding-block: 1.5rem;
}

.imagn--logo{
   padding-inline-end: 1.25rem;
   border-right: 0.5px solid #4F5B6B;
}

.dev-dent--logo{
   display: inline-block;
   object-fit: contain;
}

.devdent-product-text{
   font-size: 0.75rem;
   margin-inline-start: 1rem;
}

.assesment-btn-wrap{
   margin-top: 1rem;
}

.assesment-btn{
   width: 100%;
}

.navbar-collapse{
   transition: height 100ms ease-in;
}

.navbar-collapse.collapse.show,
.navbar-collapse.collapsing{
   height: 100vh;
   background: #fff;
}

.navbar-collapse.collapsing.show{
   height: 0;
   background: #fff;
}

@media(max-width: 600px){
   .nav-link:hover, .nav-link:focus, .nav-link:visited {
      border-radius: 0;
  }

}

/* Mega Menu Mobile CSS */

.mega--link{
   overflow: hidden;
}

.mega--link .menu-sub{
   height: 0;
   visibility: hidden;
}

.menu-sub-mobile{
   display: none;
   padding-top: 1.5rem;
   padding-inline: 1.25rem;
}

.mega--link.m-active .menu-sub-mobile{
   display: block;
}

.mobil-imagn-last{
   border-bottom: 1px solid #C3C7CD;
}

.imagn-mega--img{
   background: #ECF9DB;
}

.imagin-mobile--logo{
   background: #ECF9DB;
}

.other-product--img{
   background: #DEF0FF;
}

.imagin-mobile--logo,
.other-product--img{
   height: 8.75rem !important;
   padding-block: 1.25rem;
   border-radius: 0.5rem;
   object-fit: contain;
}

.assesment-btn-wrap{
   padding-inline: 1.25rem;
}

.menu-sub-imagn--link{
   display: block;
   text-decoration: none;
   /* height: 100%; */
}

.menu-sub-imagn--link:hover,
.menu-sub-imagn--link:focus,
.menu-sub-imagn--link:active{
   text-decoration: none;
}

.other-product--link{
   display: block;
   text-decoration: none;
}

.other-product--link:hover,
.other-product--link:focus,
.other-product--link:active{
   text-decoration: none;
}

@media(max-width: 1240px){
   .mega--link.m-active .caret--icon{
      transform: rotate(180deg);
   }
}


@media(min-width: 600px){
   .navbar{
      padding-inline: 2rem;
   }

   .mega-navigation{
      padding-block: 24px;
   }

   .left-logo-column{
      gap: 9px;
   }

   .devdent-brand {
      margin-inline-start: 0;
   }

   .devdent-brand, 
   .devdent-brand img{
      width: var(--primary-logo-width);
      height: var(--primary-logo-height);
   }

   .imagn-brand,
   .imagn-brand img{
      width: var(--primary-logo-width);
      height: var(--primary-logo-height);
   }

   .dev-dent--logo{
      width: var(--secondary-logo-width);
      height: var(--secondary-logo-height);
   }

   .devdent-product-text{
      font-size: 0.875rem;
   }

   .assesment-btn-wrap{
      padding-inline: 0;
   }

   .assesment-btn{
      width: auto;
   }

   .navbar-brand{
      padding-inline-start: 0;
   }

   .navbar-toggler{
      padding-inline-end: 0;
   }
}

@media(min-width: 905px){
   
   .navbar-brand{
      padding-inline-start: 0;
   }

}

@media(min-width: 1240px){

   .navbar{
      background: rgba(255, 255, 255, 0.6);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      padding-block: 0;
      overflow-y: unset;
   }

   .navbar.nav-position{
      bottom: unset;
   }

   .navbar .navbar-nav{
      padding-inline-end: 0;
      transition: padding 0.95s ease-in-out;
   }

   .navbar-collapse.collapse.show,
   .navbar-collapse.collapsing{
      height: auto;
   }

   
   .navbar.scrolled .navbar-nav.present{
      padding-inline-end: 268px;
   }

   .navbar-nav > .nav-item{
      display: flex;
      align-items: center;
      padding-right: 2rem;
      padding-block: 1.25rem;
   }

   /* .navbar.scrolled .navbar-nav.present .nav-item{
      padding-right: 1.5rem;
   } */

   .nav-link{
      padding-block: 0.5rem;
   }

   .navbar-nav > .nav-item:first-of-type{
      padding-top: 1.25rem;
      padding-left: 2rem;
      margin-top: 0rem;
      border-top: none;
   }

   .mega-navigation .navbar-nav > .nav-item:first-of-type{
      margin-top: 0;
   }
   
   .navbar-nav > .nav-item:not(:last-child){
      border-bottom: none;
   }

   .navbar .assesment-btn-wrap{
      position: absolute;
      right: -350px;
      transition: right 0.95s ease-in-out;
   }
   
   .navbar.scrolled .assesment-btn-wrap{
      right: 60px;
   }

   .log-in-wrap{
      margin-block: 1.75rem;
      padding-left: 2rem;
      border-left: 0.5px solid #4F5B6B;
   }

   .assesment-btn-wrap{
      margin-top: 0;
   }

   /* Mega Menu Desktop CSS */

   
   .menu-sub-container{
      display: grid;
      grid-template-columns: 374px 412px;
      gap: 3rem;
   }

   .mega--link .menu-sub{
      display: flex;
      width: 0;
      height: 0;
      padding: 0;
      overflow: hidden;
      visibility: visible;
      background: #ffff;
      opacity: 0;
   }
   
   .mega--link:hover .menu-sub{
      top: 80px;
      width: auto;
      height: auto;
      padding: 2.5rem 0;
      overflow: auto;
      opacity: 1;
      transition: top 600ms ease-in-out,
      opacity 500ms ease-in-out;
   }

   .mega--link .caret--icon{
      transition: transform 350ms ease-in-out;
   }

   .mega--link:hover .caret--icon{
      transform: rotate(180deg);
   }

   .menu-sub{
      position: absolute;
      top: 50px;
      left: 0;
      right: 0;
      padding: 2.5rem 3.75rem;
      border-top: 1px solid #CED3D9;
      box-shadow: 2px 16px 20px 0px #bbb0b033;
   }

   .imagn-mega--img{
      width: 346px;
      height: 305px;
      border-radius: 12px;
      padding: 12px;
      background: #ECF9DB;
   }

   .menu-sub-imagn--link{
      padding: 0.75rem;
   }

   .menu-sub-imagn--link:hover{
      background: #F8FEF0;
      border-radius: 0.75rem;
   }

   .menu-sub-other{
      padding-inline-end: 3.25rem;
      border-inline-end: 0.5px solid #89929D;
   }

   .other-product--link{
      padding: 0.5rem;
      margin-bottom: 0.75rem;
   }

   .other-product--link:last-of-type{
      margin-bottom: 0;
   }

   .other-product--link:hover{
      background: #EDF7FF;
      border-radius: 8px;
   }

   .other-product--img{
      width: 6.09rem;
      height: 4.625rem !important;
      padding: 0.75rem;
      object-fit: contain;
      border-radius: 8px;
      background: #DEF0FF;
   }

   .imagn-product--img{
      width: 6.09rem;
      height: 4.625rem;
      padding: 0.75rem;
      object-fit: contain;
      border-radius: 8px;
      background: #ECF9DB;
   }

}

@media(min-width: 1240px) and (max-width: 1440px){
   /* .navbar.scrolled .navbar-nav.present{
      padding-inline-end: 210px;
  } */

  .navbar-expand-xl .navbar-nav .nav-link {
      padding-right: 0.5rem;
      padding-left: 0;
   }

   .navbar.scrolled .assesment-btn-wrap {
      right: 32px;
  }
}

@media(min-width: 1366px){
   .navbar{
      padding-inline: 3.25rem;
   }

   .left-logo-column{
      margin-top: 11px;
      margin-bottom: 22px;
   }
}

/* @media(min-width: 1440px){
   .navbar.scrolled .navbar-nav.present{
      padding-inline-end: 238px;
   }
} */