@font-face {
  font-family: "Work Sans";
  src: url('../fonts/WorkSans-Regular.ttf') format('opentype');

}
@font-face {
  font-family: "Work Sans SemiBold";
  src: url('../fonts/WorkSans-SemiBold.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans Thin";
  src: url('../fonts/WorkSans-Thin.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans Medium";
  src: url('../fonts/WorkSans-Medium.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans Light";
  src: url('../fonts/WorkSans-Light.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans ExtraLight";
  src: url('../fonts/WorkSans-ExtraLight.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans ExtraBold";
  src: url('../fonts/WorkSans-ExtraBold.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans Bold";
  src: url('../fonts/WorkSans-Bold.ttf') format('opentype');
}
@font-face {
  font-family: "Work Sans Black";
  src: url('../fonts/WorkSans-Black.ttf') format('opentype');
}

@font-face {
  font-family: "Butler";
  src: url('../fonts/Butler_Regular.otf') format('opentype');
}
@font-face {
  font-family: "Butler Bold";
  src: url('../fonts/Butler_Bold.otf') format('opentype');
}
@font-face {
  font-family: "Butler ExtraBold";
  src: url('../fonts/Butler_ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: "Butler Light";
  src: url('../fonts/Butler_Light.otf') format('opentype');
}
@font-face {
  font-family: "Butler Medium";
  src: url('../fonts/Butler_Medium.otf') format('opentype');
}
@font-face {
  font-family: "Butler Ultra Light";
  src: url('../fonts/Butler_Ultra_Light.otf') format('opentype');
}








@media (min-width: 576px){
  .container, .container-sm {
      max-width: 540px;
  }
}
@media (min-width: 768px){
  .container, .container-md, .container-sm {
      max-width: 750px;
  }
}
@media (min-width: 992px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 970px;
  }
}
@media (min-width: 1080px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1030px;
  }
}
@media (min-width: 1100px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1100px;
  }
}
@media (min-width: 1200px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1200px;
  }
}
@media (min-width: 1400px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
       max-width: 1420px;
  }
}
@media (min-width: 1500px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1440px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1440px;
  }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  }
}
@media only screen and (min-width: 1801px) and (max-width: 1920px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
     max-width: 1440px;
  }
}
@media only screen and (min-width: 1921px) and (max-width: 2880px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1440px;
  } 
}
.bg-image {
  object-fit: cover;
}
.bg-image {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bg-image:not([class*=absolute]) {
  position: absolute;
}
section {
  padding: 80px  0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
html {
  scroll-behavior: smooth;
}
html,body{
  overflow-x:hidden;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* --------------------------------header---------------------------------- */
.navbar{
    border-bottom: 0px solid var(--base-04, #E9E9E9);
    background: var(--brand-surface, #FCFDFD);
    padding: 24px 0px;
    height: 101px;

}
.nav-link{
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%;
    position: relative;
    padding: 0px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.navbar-nav .nav-link::after {
    content: "";
    background: #D92F24;
    position: absolute;
    right: -7px;
    bottom: 8px;
    width: 4px;
    height: 4px;
    border-radius: 66%;
    display: none;
}
.navbar-nav .nav-link:hover::after {
    content: "";
    background: #D92F24;
    position: absolute;
    right: -7px;
    bottom: 8px;
    width: 4px;
    height: 4px;
    border-radius: 66%;
    display: block;
}
.navbar-brand{
    padding: 0px;
    margin: 0px;
    white-space: normal;
}
.d-right-mo{
    align-items: baseline;
}
.navbar-nav{
    gap: 40px;
}
.dropdown-toggle-cart{
    border-radius: 999px;
    background: var(--brand-graphite, #1F2325);
    display: flex;
    padding: 16px 24px;
    align-items: center;
    gap: 8px;
    border: 0px;
    color: var(--brand-surface, #FCFDFD);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    width: 112px;
    max-width:100%;
    height: 56px;
}
.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid #6B7275;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}
.btn-login{
      padding: 0px;
}
.dropdown-toggle::after {
  display: flex;
}
.dropdown-menu-cart .dropdown-toggle::after{
  display: none;
}
.d-right-mo {
    align-items: center;
    margin-left: 48px;
    gap: 24px;
}
.divider{
    width: 1px;
    height: 20px;
    background: var(--brand-border, #DFE3E4);
}
.btn-login{
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 172%; /* 27.52px */
}
.red-dots{
    background: #D92F24;
    width: 5px;
    height: 5px;
    position: relative;
    padding: 0px;
    border-radius: 100px;
}
.dropdown-toggle{
    display: flex;
    gap: 8px;
}
.dropdown-toggle {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
.dropdown-toggle-cur .dropdown{
    display: flex;
    padding: 8px 2px;
    align-items: center;
    gap: 8px;
    align-self: stretch;
}
.btn-login:hover{
  border:1px solid var(--brand-slate-700, #223C50)
}
.navbar-brand img {
    width: 154px;
    height: 34px;
}
.cart-details-header{
    width: 452px;
}
.cart-details-header p{
    color: var(--brand-slate-700, #223C50);
    font-family: Satoshi;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 180%;
    margin-bottom: 0px;
}
.cart-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 0px;
    border-bottom: 1px solid #000;
}
.cart-details-header {
    width: 452px;
    padding: 20px 20px;
}
.cart-item-price{
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;

}
.delete-icon .btn, .close-btn{
    background: #000;
    padding: 9px;
    width: 28px;
    height: 30px;
    display: flex;
    align-items: center;
}
.cart-amount{
    display: flex;
    justify-content: space-between;
    padding: 20px 0px;
}
.cart-details-header .close-btn{
    position: absolute;
    right: 19px;
    top: 26px;
}
header .border-top{
  border-top: 0px !important;
}
.cart-btn .btn{
    background: var(--brand-slate-700, #223C50);
    display: flex;
    padding: 16px 24px 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 0px;
    color: var(--base-white, #FFF);
    font-family: "Schibsted Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;

}
.dropdown-menu-cart{
    border: 0px solid #000;
    border-radius: 0px;
    padding: 0px 0px;
}
.count{
    color: var(--brand-surface, #FCFDFD);
    text-align: center;
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    background: #D92F24;
    padding: 10px;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.dropdown-item {
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    text-align: left;
}

.dropdown-item.active {
    background: transparent;
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 170%;
    letter-spacing: 1.1px;
    text-align: center;
    opacity: 0.2;
}
.dropdown-menu.show {
    display: block;
    padding: 0px;
}
.dropdown-item  span{
  color: var(--brand-cool-grey, #6B7275);
}
.dropdown-toggle-cur .dropdown-toggle{
    border-bottom: 1px solid var(--brand-graphite, #DFE3E4);
}
.dropdown-toggle-cur .dropdown-toggle.show{
    border-bottom: 1px solid var(--brand-graphite, #1F2325);
}
.dropdown-toggle.show::after {
    display: flex;
    transform: rotate(180deg);
}
.dropdown-toggle-cur .dropdown-menu.show{
    padding: 8px 8px;
    border-radius: 0px;
    border: 1px solid #000;
    display: flex;
    gap: 10px;
}

.dropdown-item{
  padding: 0px 16px;
}
.cart-btn{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dropdown-menu li{
  position: relative;
}
.dropdown-menu li::after{
  content: "";
  background: #000;
  width: 1px;
  height: 18px;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
}
.dropdown-menu li:last-child:after{
  display: none;
}
.dropdown-toggle-cur .dropdown-menu{
  padding: 20px 20px;
  border-radius: 0px;
  border:1px solid #000;
}

.dropdown-menu.show {
    position: absolute;
    top: 49px;
    left: -15rem;
}

/* ----------------------------error-------------------------- */

.legal-section {
    margin-top: 100px;
    display: flex;
    padding: 104px 0px 64px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}
.legal-section::after {
    content: "";
    background: url(../img/service-category-hero.png) no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 984px;
    height: 1091px;
    z-index: -1;
    visibility: hidden;
}
.tc-main h6 {
    color: var(--brand-graphite, #1F2325);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 5px;
}
.tc-main h2{
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler Bold";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    margin-bottom: 0px;
}
.tc-contain p{
  color: var(--brand-cool-grey, #6B7275);
  font-family: "Work Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 168%;
  margin-bottom: 40px;
}
.tc-main span{
  color:#D92F24
}
.tc-main{
    display: flex;
    gap: 24px;
    flex-direction: column;
    margin-bottom: 24px;
}
.tc-contain h2 {
    color: var(--brand-graphite, #1F2325);
    font-family: "Butler Medium";
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 132%;
    margin-bottom: 16px;
}

.error-section {
    display: flex;
    height: 650px;
    padding: 144px 0px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 40px;
    align-self: stretch;
    margin-top: 100px;
    background: var(--brand-graphite, #1F2325);

}

.erron-content {
    width: 960px;
    max-width: 100%;
}
.erron-content h1{
    color: var(--base-white, #FFF);
    font-family: Satoshi;
    font-size: 160px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    margin-bottom: 24px;
}
.erron-content h3{
    color: var(--brand-on-dark, #F2F4F4);
    font-family: "Butler Bold";
    font-size: 68px;
    font-style: normal;
    font-weight: 700;
    line-height: 124%;
    margin-bottom: 16px;
    display: flex;
    align-items: baseline;
    gap: 10px;
}
.erron-content h6 {
    color: var(--brand-on-dark, #F2F4F4);
    font-family: "Work Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
}
.erron-content p{
  color: var(--brand-on-dark-muted, #9BA3A6);
  font-family: "Work Sans";
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 168%;
  width: 720px;
  max-width: 100%;
  margin-bottom: 24px;
}
.erron-content .btn{
    display: flex;
    padding: 16px 28px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--brand-on-dark, #F2F4F4);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    border-radius: 999px;
    border: 1px solid #F2F4F4;
    background: transparent;
}
.erron-content .btn:hover{
    background: #1F2325;
}

.border-button{
    display: flex;
    gap: 16px;
}
.error-section::after{
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 1px;
  width: 1440px;
  max-width: 100%;
  margin: auto;
  bottom: 0px;
  background: rgba(247, 248, 248, 0.14);

}
/* ---------------------------footer-------------------------- */
footer{
    padding-top: 80px;
    position: relative;
}
.footer-menu a{
    color: var(--brand-border, #DFE3E4);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%; /* 25.5px */
    text-decoration: none;
}
.footer-bottom p {
    color: var(--brand-cool-grey, #6B7275);
    font-family: "Work Sans";
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 170%;
    text-align: center;
}
.footer-menu ul {
    padding-left: 0px;
    list-style: none;
    margin-bottom: 0px;
    display: flex;
    align-items: flex-start;
    gap: 52px;
}
.social-media{
    display: flex;
    align-items: center;
    gap: 16px;
    justify-content: center;
    margin-bottom: 24px;
    /* margin: auto; */
}

.footer-right{
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.footer-logo{
  margin-bottom: 24px;
}
.footer-top{
    width: 772px;
    max-width: 100%;
    margin: auto;
    text-align: center;
}
.footer-bottom a{
    color: var(--base-02, #727272);
    font-family: "Schibsted Grotesk";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: none;
}
.footer-bottom ul{
  display:  flex;
  gap: 24px;
  float: right;
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.footer-bottom {
    margin-top: 40px;
    stroke-width: 1px;
    stroke: var(--base-02, #727272);
    opacity: 1;
    padding: 24px 0px;
    border-top: 1px solid rgba(247, 248, 248, 0.14);
}
.legal-section .alphabet_svg_T {
    position: absolute;
    right: 16px;
    left:unset;
    top: 13px;
    height: 1091px;
    width: 989px;

}

@media screen and (min-width: 601px) and (max-width: 988px) {
   .navbar-brand img {
        width: 119px;
        height: 26px;
        flex-shrink: 0;
        aspect-ratio: 51 / 44;
    }
    .footer-menu ul {
        padding-left: 0px;
        list-style: none;
        margin-bottom: 0px;
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }
    footer {
        background: var(--brand-graphite, #1F2325);
    }
    .logo-mo-div{
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-bottom: 1px solid var(--base-04, #E9E9E9);
        background: var(--base-white, #FFF);
        padding: 16px 24px;
        height: unset;
        height: 72px;
        align-items: center;
    }
    .header-is-active .logo-mo-div{
       border-bottom: 0px solid var(--base-04, #E9E9E9);
    }
    .divider{
        display: none;
    }
    .service-mo .btn{
        border-radius: 999px;
        background: var(--brand-red, #D92F24);
        display: flex;
        padding: 16px 28px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #FCFDFD);
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        width: 160px;
    }
    .mo-cart-toggle{
        display: flex;
        gap: 16px;
        align-items: center;
    }
    .navbar {
        border-bottom: 1px solid var(--base-04, #E9E9E9);
        background: var(--brand-stone, #F7F8F8);
        padding: 0px 0px;
        height: unset;
    }
     .navbar .container{
        padding: 0px 0px;
    }
    .header-is-active .navbar{
        background: var(--brand-graphite, #1F2325);
    }
    .header-is-active .logo-mo-div{
        background: var(--brand-graphite, #1F2325);
    }
    .navbar-toggler-icon {
        display: inline-block;
        width: 1.5em;
        height: 1.5em;
        vertical-align: middle;
        background-image: url(../img/Menu.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        width: 22px;
        height: 22px;

    }
    .header-is-active .navbar-toggler-icon {
        background-image: url(../img/Close.svg);
        width: 16px;
        background-size: 16px;
    }
    .navbar-toggler {
        border: 0px;
    }
     .navbar-toggler:focus{
        border: 0px;
        outline: 0px;
        box-shadow: none;
     }
    .nav-link{
        color: var(--brand-on-dark, #F2F4F4);
        font-family: "Butler";
        font-size: 26px;
        font-style: normal;
        font-weight: 500;
        line-height: 132%;
        display: flex;
        padding: 24px 0;
        align-items: flex-start;
        gap: 8px;
        align-self: stretch;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .navbar-nav .border-top{
       border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    }
    .navbar-nav {
        gap: 0px;
        padding: 32px 24px 0px;
    }
    .d-right-mo {
        align-items: baseline;
        margin-left: 0px;
        gap: 16px;
        flex-direction: column-reverse;
        padding: 0px 24px;
        padding-top: 32px;
    }
    .d-currency-mo{
        width: 100%;
    }
    .dropdown-menu-cart{
        position: relative;
        width: 100%;
    }
    .dropdown-toggle-cart {
        border: 1px solid rgba(34, 60, 80, 0.50);
        width: 96px;
        height: 40px;
        padding: 0px 18px;
    }
    .btn-login {
        width: 100%;
    }
    .navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
        color: #fff;
    }
     .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        height: 600px;
        overflow: scroll;
    }
    .d-right-mo .dropdown-toggle-cur a{
        color: var(--brand-stone, #F7F8F8);
        font-family: "Work Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: 1.4px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        width: fit-content;
        margin: auto;
    }
    .d-right-mo .dropdown-toggle-cart{
        display: flex;
        padding: 16px 32px;
        justify-content: center;
        align-items: center;
        align-self: stretch;
        color: var(--brand-on-dark, #F2F4F4);
        text-align: center;
        font-family: "Work Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        border-radius: 999px;
        border: 1px solid #F2F4F4;
        width: 160px;
        height: 53px;
    }
    .dropdown-toggle-cur .dropdown-menu {
        position: absolute;
        top: 73px;
        left: 0px;
        right: 0px;
        margin: auto;
        width: 200px;
    }
    .dropdown-toggle-cur .dropdown-menu {
        padding: 0px 0px;
        border-radius: 0px;
        border: 1px solid #000;
    }
    .dropdown-item{
        padding: 15px 9px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #D92F24) !important;
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
    .dropdown-item.active{
        border-radius: 0px;
        background: var(--brand-red, #D92F24);
        display: flex;
        padding: 15px 9px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        width: 327px;
        max-width: 100%;
        color: var(--brand-surface, #FCFDFD) !important;
        font-family: "Work Sans";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
    }
}
@media screen and (min-width: 601px) and (max-width: 733px) {
.footer-menu ul {
        padding-left: 0px;
        list-style: none;
        margin-bottom: 0px;
        display: flex;
        align-items: flex-start;
        gap: 40px;
    }
    footer {
        background: var(--brand-graphite, #1F2325);
    }
}
@media screen and (min-width: 900px) and (max-width: 999px) {
  .navbar-nav {
      gap: 17px;
  }
  .navbar-brand img {
    width: 243.326px;
    height: 56px;
  }
  .d-right-mo {
    align-items: baseline;
    margin-left: 11px;
    gap: 16px;
  }
  .nav-link {
    color: var(--brand-slate-700, #223C50);
    font-family: "Schibsted Grotesk";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .navbar {
      border-bottom: 1px solid var(--base-04, #E9E9E9);
      background: var(--base-white, #FFF);
      padding: 26px 0px;
      height: 100px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1080px) {
  .navbar-nav {
      gap: 17px;
  }
  .d-right-mo {
    align-items: baseline;
    margin-left: 11px;
    gap: 16px;
  }
  .nav-link {
    color: var(--brand-slate-700, #223C50);
    font-family: "Schibsted Grotesk";
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
  }

  .navbar {
      border-bottom: 1px solid var(--base-04, #E9E9E9);
      background: var(--base-white, #FFF);
      padding: 26px 0px;
      height: 100px;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1299px) {
 .navbar-nav {
    gap: 20px;
  }
}