:root {
  /* General variables */
  --color-black: #1E1E1E;
  --color-white: #FFF;
  --color-charcoal: #333;
  --color-gray: #B1B3B6;
  --color-gray-light: #CDCFD1;
  --color-gray-dark: #707070;
  /* Brand variables */
  --color-blue: #0A4976;
  --color-blue-light: #E6EDF2;
  --color-red: #B25756;
  --color-red-dark: #8E1D1C;
  /* Theme variables */
  --color-bg-body: var(--color-white);
  --color-text: var(--color-charcoal);
  --color-anchors: var(--color-red);
  --color-heading: var(--color-blue);
  --color-lists: var(--color-charcoal);
  --color-button-bg: var(--color-orange);
  --color-button-color: var(--color-white);
  --color-input-bg: #F4F6F8;
  --color-input-border: #CDCFD1;
}
 
.heading-micro {
  font-size: var(--font-size-micro);
  font-variation-settings: var(--font-weight-semibold);
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  text-transform: uppercase;
}

.dropdown {
  position: relative;
}

.js-dropdown-trigger {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
  line-height: 1;
  margin: 0;
  padding: 0;
}

.dropdown-menu {
  background: var(--color-white);
  border-radius: 2rem;
  box-shadow: 0px 36px 80px rgba(0, 0, 0, 0.13), 0px 15px 33px rgba(0, 0, 0, 0.09), 0px 8px 18px rgba(0, 0, 0, 0.08), 0px 5px 10px rgba(0, 0, 0, 0.07), 0px 2px 5px rgba(0, 0, 0, 0.05), 0px 1px 2px rgba(0, 0, 0, 0.04);
  left: 50%;
  list-style: none;
  margin: 0;
  opacity: 0;
  padding: 1.75rem 2.5rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: var(--transition);
  visibility: hidden;
  z-index: 1000;
}

@media (min-width: 992px) {
  .dropdown-menu {
    left: auto;
    position: absolute;
    top: 100%;
    transform: none;
  }
}

.dropdown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.dropdown-menu.show {
  opacity: 1;
  visibility: visible;
}


.secondary-nav .dropdown-menu {
  display: block;
  left: auto;
  margin-top: 2rem;
  min-width: 21rem;
  right: -2.5rem;
  top: auto;
  transform: none;
}

.secondary-nav .dropdown-menu::before {
  background-color: white;
  bottom: calc(100% - 0.3rem);
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);
  content: "";
  display: block;
  height: 2.5rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M15.411 16.103C10.48 19.871 8.733 20.813 0 22.907V24h75v-1.094c-4.931 0-12.329-4.535-15.411-6.803L40.069.925c-2.055-1.675-4.281-.698-5.138 0-4.451 3.489-14.588 11.41-19.52 15.178Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M15.411 16.103C10.48 19.871 8.733 20.813 0 22.907V24h75v-1.094c-4.931 0-12.329-4.535-15.411-6.803L40.069.925c-2.055-1.675-4.281-.698-5.138 0-4.451 3.489-14.588 11.41-19.52 15.178Z'/%3E%3C/svg%3E");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  position: absolute;
  right: 3rem;
  width: 7.5rem;
}

.secondary-nav .dropdown-menu .menu-sub {
  border-bottom: solid 1px var(--color-gray-light);
  margin-top: .75rem;
}

.secondary-nav .dropdown-menu .menu-sub>li {
  border-top: solid 1px var(--color-gray-light);
}

.secondary-nav .dropdown-menu .menu-sub>li>a {
  display: flex;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  padding-block: 1rem .65rem;
  text-transform: uppercase;
}

.secondary-nav .heading-4{
    font-size: 1.5rem;
    color: var(--color-blue);
    font-weight: 700;
}
.secondary-nav .heading-4:hover{
    transition: .1s ease;
    color: var(--color-red);
}

.secondary-nav .dropdown-menu .menu-sub>li>a:not(.color-red) {
  color: var(--color-blue);
}

.secondary-nav .dropdown-menu .menu-sub>li>a:hover {
  color: var(--color-red);
}

.secondary-nav .dropdown-menu .menu-sub>li>strong {
  color: var(--color-charcoal);
  display: flex;
  font-size: 1rem;
  font-variation-settings: 600;
  letter-spacing: 0.05em;
  line-height: var(--line-height-tight);
  padding-block: 1rem .65rem;
  text-transform: uppercase;
}

.secondary-nav .dropdown-menu .menu-sub ul {
  margin-top: -1rem;
  padding-bottom: 1.2rem;
}

.secondary-nav .dropdown-menu .menu-sub ul a {
  color: var(--color-blue);
  text-transform: none;
  font-variation-settings: "wght" 400;
  font-size: 1rem;
}

.secondary-nav .dropdown-menu .menu-sub ul a:hover {
  color: var(--color-red);
}

/* Secondary navigation */
.secondary-nav {
  align-items: center;
  display: flex;
  gap: var(--grid-gap);
  justify-content: flex-end;
  list-style: none; 
  width: 100%;
}

@media (min-width: 992px) {
  .secondary-nav {
    padding-top: 0;
  }
}

.secondary-nav li {
  position: relative;
  line-height: 2.25;
}

.secondary-nav .dropdown .nav-link {
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  gap: 0.5rem;
}

.secondary-nav .dropdown .nav-link::after {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none'%3E%3Cpath fill='%23333' d='M3.88 4.031a.52.52 0 0 1-.424-.214L.986.851C.838.637.863.317 1.063.156c.2-.16.474-.16.623.054L3.83 2.829c.025.026.05.026.1 0L6.075.209c.175-.213.45-.24.649-.053.2.187.224.481.05.695l-.025.027-2.445 2.966a.63.63 0 0 1-.424.187Z' opacity='.9'/%3E%3C/svg%3E") center center/contain no-repeat;
  content: "";
  display: block;
  height: 0.8rem;
  width: 0.8rem;
}

.secondary-nav .nav-link {
  color: var(--color-black);
  font-size: var(--font-size-small);
  font-variation-settings: 600;
  padding-top: 1rem;
  padding-bottom: 1rem;
  transition: var(--transition);
}

.secondary-nav .nav-link.current {
  color: var(--color-red);
}

nav.main_menu ul li a{
    line-height: 55px;
}
.side_menu_button{
    height:55px;
}

@media(max-width:1200px){
    .secondary-nav .dropdown-menu{
        right: -1.8rem;
    }
    .secondary-nav .nav-link {
        padding-bottom: 0;
    }
    
}

@media(max-width:991px){
    .secondary-nav .dropdown-menu{
        right: 1.25rem;
    }
    .secondary-nav .nav-link {
        padding-bottom: 0;
    }
    
}
@media(max-width:756px){
    .secondary-nav .dropdown-menu{
        right: 1rem;
    }
    .secondary-nav .nav-link {
        padding-bottom: 0;
    }
    .q_logo a{
        height: 60px !important;    left: -53%;
    }
    
}
@media(max-width:421px){
    .secondary-nav .dropdown-menu{
        right: .75rem;
    }
    .secondary-nav .nav-link {
        padding-bottom: 0;
    }
    
}


.icon_title{ 
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:center;
    height: 48px;
    line-height: 1.14;
    color: #000;
    font-weight: 600;
}

.subscribe_text{
    line-height: 1.2;
    padding: 10px 0;
    color: #163E64;
}
.menu_icon.fa-lock {
  color: #b35756;
}