/*............... header SECTION ..........................*/
    body{padding-top: 70px;}
    header{background:var(--color-white);}
    header .logo {width:200px;height: auto;}
html[data-bs-theme="dark"] header .logo-svg path {fill: var(--color-white-same);}
html[data-bs-theme="dark"] header .logo-svg path.logo-svg-icon {fill: #00273D;}
  /*............... DESKTOP MENU ..........................*/
  .menuButton i {color: var(--color-white);font-size: 1.5rem;}
  header .navbar-nav .nav-item .nav-link,header .navbar-nav .nav-item .dropbtn {
    font-size:0.95rem;
    color:var(--color-first);
    font-weight:500;
    padding: 0;
    text-transform:capitalize;
    display: inline-block;
    letter-spacing: 0.5px;
    cursor: pointer;
    padding:15px 12px;
    text-align: center;
    transition: 0.3s linear;
  } 
  header .navbar-nav .nav-item .dropbtn {background-color: transparent;border: none;}
  header .navbar-nav .nav-item .dropdown {position: relative;display: inline-block;transition: 0.3s linear;  }
  header .navbar-nav .nav-item .dropdown-content {
    display:none;
    position: absolute;
    min-width: 300px;
    z-index: 1;
    top: 50px;
    padding: 10px;
    transition: 0.3s linear;
  }  
  header .navbar-nav .nav-item .dropdown-content a {
    color:var(--color-black);
    font-weight: 500;
    font-size: 0.85rem;
    padding:6px 10px;
    text-decoration: none;
    display: block;
  } 
  header .navbar-nav .nav-item .dropdown-content a:hover {opacity: 1;transform: scale(.95);}
  header .navbar-nav .nav-item .dropdown:hover .dropdown-content {display: block;}
  header .navbar-nav .nav-item{position: relative;}
  header .navbar-nav .nav-item:nth-last-child(1) {padding-right: 0; }
  header .navbar-nav .nav-item:nth-child(1) {padding-left: 0; }
  /*............... MOBILE MENU ..........................*/
    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      left: 0;
      right: 0;
      background-color: var(--color-white);
      overflow: hidden;
      transition: .5s;
    }
    .sidenav a {
      padding: 8px;
      text-decoration: none;
      font-size: 0.9rem;
      line-height: 1.5;
      font-weight: 500;
      color: var(--color-white);
      display: block;
      transition: .3s
    }
    .sidenav .dropdown-menu a{ padding: 2px; color: var(--color-first); padding-left: 10px; }
    .sidenav a:hover,.sidenav a:focus { color: var(--color-first);}
    .sidenav .closebtn { position: absolute; top: 15px; right: 5px;}
    .menu-icon{font-size: 1.4rem;color: var(--color-first);}
    .multi-level-menu-wrapper {
      background-color: var(--color-white);
      padding-top: 50px;
      height: 100%;
    }
    .multi-level-menu-wrapper ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      overflow-y: scroll;
      height: 100%;
      padding-bottom: 70px;
    }
    .multi-level-menu-wrapper ul li {
      color: var(--color-content);
      background-color: var(--color-white);
    }
    .multi-level-menu-wrapper ul li:hover { cursor: pointer; }
    .multi-level-menu-wrapper ul li a {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding:8px 15px;
      text-decoration: none;
      color: var(--color-first);
    }
    .multi-level-menu-wrapper ul li a .icon {
      margin-right: 10px;
      height: 30px;
      width: 30px;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .multi-level-menu-wrapper ul li.hasSubMenu {
    /*  padding-right: 50px;*/
      position: relative;
    }
    .multi-level-menu-wrapper ul li.hasSubMenu .trigger {
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 100%;
      width: 50px;
    }
    .multi-level-menu-wrapper .mainMenu,
    .multi-level-menu-wrapper .subMenu {
      background-color: var(--color-white);
    }
    .multi-level-menu-wrapper .subMenu {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 100%;
      width: 100%;
      margin: auto;
      transition: all ease-in-out 0.5s;
    }
    .multi-level-menu-wrapper .subMenu .backTrigger {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      padding: 20px;
      font-weight: 400;
      text-decoration: none;
      color: var(--color-content);
    }
    .multi-level-menu-wrapper .subMenu .backTrigger:hover {
      background-color:var(--color-white);
      cursor: pointer;
    }
    .multi-level-menu-wrapper i { margin-right: 10px; font-size: 1.5rem}
    .multi-level-menu-wrapper .subMenu.active { left: 0; }
/*............... footer SECTION ..........................*/
    .subscribe-block{margin: 0px auto;width: 100%;padding: 20px;}
    .menu-footer{padding-left: 20px;margin-top: 10px}
    .menu-footer  li{margin-bottom:7px;padding-left: 0}
    .menu-footer  li a{
        font-size:0.85rem;
        color: var(--color-white-same);
        font-weight:500;
        width: 100%;
        text-decoration: none;
    }
    .menu-footer  li a:hover{opacity: 0.6}
    .menu-footer  li a:before{top: -2px;}
    .menu-footer.social-icons a{
      padding-left: 0;
      display: flex;
      width: 35px;
      height: 35px;
      border-radius: 50%;
      line-height: 37px !important;
      background: transparent;
      border: 1px solid var(--color-white-same);
      justify-content: center;
      align-items: center;
      text-decoration: none;
      text-align: center;
    }
    .social-icons i{color:var(--color-white-same);font-size: 1rem;}
    /*footer band*/
      /*.footer-band {background: linear-gradient(to bottom, var(--color-white) 50%, var(--color-first) 50%);}
      @media screen and (max-width: 767.98px) {
        .footer-band {text-align: center;}
        .footer-band.footer-band-light-blue {background: linear-gradient(to bottom, var(--color-light-blue) 50%, var(--color-first) 50%);}
        .button-style {width: 100% !important;}
      }
    /*footer band end*/
/*............... @media ..........................*/
    @media screen and (max-width: 1200px) {
        body{padding-top: 70px;}
        header .logo {width: 150px;}
        header .navbar-nav .nav-item .nav-link, header .navbar-nav .nav-item .dropbtn{font-size: 0.8rem}
        header .button-style.text-sm{font-size: 0.75rem !important}
    }
    @media screen and (max-width: 991px) {
        body{padding-top: 55px;}
        header .logo {width: 200px; }
    }
    @media screen and (max-width: 767px) {
        header .logo {width: 150px; }
        .menu-footer li a{font-size:1rem}
        .menu-footer.social-icons a{width: 25px;height: 25px;line-height: 27px !important}
        .social-icons i{font-size: 0.9rem}
    } 
    @media screen and (max-width: 576px) {
        .menu-footer.social-icons a{width: 35px;height: 35px;line-height: 37px !important}
        .social-icons i{font-size: 1rem}
    }