.__header{
    padding: 25px 0px;
}

.__menu{
    color: var(--white);
}



/* ///////////////////////////////////////////////////////////
Responsive Layout Declaration 
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////
Font Family Declaration 
/////////////////////////////////////////////////////////// */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Outfit:wght@100..900&display=swap");
/* ///////////////////////////////////////////////////////////
Color Declaration 
/////////////////////////////////////////////////////////// */
:root {
  --clr-common-white: #FFFFFF;
  --clr-common-black: #0F2923;
  --clr-common-gray: #333333;
  --clr-common-border: #525252;
  --clr-common-lightBlack: #2A4741;
  --clr-body-heading: #FFFFFF;
  --clr-body-text: #FFFFFF;
  --clr-color-skyBlue: #A1EEFF;
  --clr-color-lightPink: #FFBD8C;
  --clr-color-lightGreen: #C7FF6B;
  --clr-theme-primary: var(--clr-common-border);
  --clr-bg-gray: #F6F6F6; }

/* ///////////////////////////////////////////////////////////
Mixin Declaration 
/////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////
Animation Declaration 
/////////////////////////////////////////////////////////// */
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg); } }

@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes wcSlideBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes wcSlideBottom {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  50% {
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes reveal {
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px); } }

@keyframes reveal {
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    filter: blur(0px); } }

@-webkit-keyframes wcfadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes wcfadeUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes wcSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes wcSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.zq_header-left {
  display: flex;
  align-items: center;
  gap: 120px; }
  @media (max-width: 1199px) {
    .zq_header-left {
      gap: 50px; } }

.zq_header-logo {
  max-width: 150px;
  flex-shrink: 0; }
  @media (max-width: 767px) {
    .zq_header-logo {
      max-width: 140px; } }

@media (max-width: 991px) {
  .zq_header-menu {
    display: none; } }

.zq_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px; }
  @media (max-width: 1199px) {
    .zq_header-menu nav ul {
      gap: 20px; } }
  .zq_header-menu nav ul .menu-has-child {
    position: relative;
    z-index: 99;
    text-align: start; }
  .zq_header-menu nav ul li a {
    color: var(--clr-body-text);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    height: 44px;
    line-height: 44px; }
  .zq_header-menu nav ul li .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 240px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    display: block; }
    .zq_header-menu nav ul li .submenu li {
      display: block;
      margin-right: 0;
      position: relative;
      z-index: 99; }
      .zq_header-menu nav ul li .submenu li a {
        padding: 12px 25px;
        color: var(--clr-common-black);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        height: auto;
        line-height: 20px; }
      .zq_header-menu nav ul li .submenu li .submenu {
        left: 100%;
        top: 0; }
      .zq_header-menu nav ul li .submenu li:hover > a {
        background-color: var(--clr-theme-primary);
        color: #fff; }
      .zq_header-menu nav ul li .submenu li:not(:last-child) {
        border-bottom: 1px solid #f2f2f2; }
  .zq_header-menu nav ul li:hover > .submenu {
    opacity: 1;
    visibility: visible; }
  .zq_header-menu nav ul li:hover > a {
    color: var(--clr-theme-primary); }

.zq_header-right {
  display: flex;
  align-items: center;
  gap: 30px;
  background: var(--clr-theme-primary);
  padding: 18px 45px 18px 45px;
  border-radius: 34px 34px 0 0;
  width: max-content;
  position: relative;
  z-index: 1; }
  @media (max-width: 1599px) {
    .zq_header-right {
      padding: 18px 35px 18px 35px; } }
  @media (max-width: 1199px) {
    .zq_header-right {
      padding: 18px 25px 18px 25px;
      gap: 20px; } }

.zq_header-action-shape {
  position: absolute;
  left: -34px;
  bottom: 0px;
  z-index: 999;
  transform: rotate(180deg); }
  .zq_header-action-shape svg {
    color: var(--clr-theme-primary);
    width: 34px; }

.zq_header-btn {
  border-radius: 60px;
  background: #0f2923;
  color: white;
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px; }
  .zq_header-btn svg {
    width: 12px;
    height: 15px; }
  .zq_header-btn:hover {
    background-color: #fff;
    color: var(--clr-common-black); }
  @media (max-width: 575px) {
    .zq_header-btn {
      display: none; } }

.zq_header-menuIcon {
  color: var(--coloryellow1);
  font-size: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .zq_header-menuIcon:hover {
    color: #fff; }

/* ///////////////////////////////////////////////////////////
Header CSS 02 Start
/////////////////////////////////////////////////////////// */
.zq_h2_header-area {
  position: absolute;
  left: 0;
  top: 35px;
  right: 0;
  z-index: 9; }
  @media (max-width: 991px) {
    .zq_h2_header-area {
      top: 25px; } }
  @media (max-width: 767px) {
    .zq_h2_header-area {
      top: 20px; } }
  @media (max-width: 575px) {
    .zq_h2_header-area {
      top: 15px; } }

.zq_h2_header-wrap {
  background-color: #2A4741;
  padding: 16px 30px 16px;
  margin-left: -30px;
  margin-right: -30px;
  border-radius: 88px; }
  @media (max-width: 1199px) {
    .zq_h2_header-wrap {
      margin-left: 0;
      margin-right: 0; } }
  @media (max-width: 991px) {
    .zq_h2_header-wrap {
      margin-left: -15px;
      margin-right: -15px; } }
  @media (max-width: 575px) {
    .zq_h2_header-wrap {
      margin-left: 0;
      margin-right: 0; } }

.zq_h2_header-left {
  display: flex;
  align-items: center;
  gap: 100px; }
  @media (max-width: 1199px) {
    .zq_h2_header-left {
      gap: 50px; } }

.zq_h2_header-logo {
  max-width: 150px;
  flex-shrink: 0; }
  @media (max-width: 1199px) {
    .zq_h2_header-logo {
      max-width: 140px; } }

@media (max-width: 991px) {
  .zq_h2_header-menu {
    display: none; } }

.zq_h2_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px; }
  @media (max-width: 1199px) {
    .zq_h2_header-menu nav ul {
      gap: 25px; } }
  .zq_h2_header-menu nav ul .menu-has-child {
    position: relative;
    z-index: 99;
    text-align: start; }
  .zq_h2_header-menu nav ul li a {
    color: var(--clr-body-text);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    height: 44px;
    line-height: 44px; }
  .zq_h2_header-menu nav ul li .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 240px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    display: block; }
    .zq_h2_header-menu nav ul li .submenu li {
      display: block;
      margin-right: 0;
      position: relative;
      z-index: 99; }
      .zq_h2_header-menu nav ul li .submenu li a {
        padding: 12px 25px;
        color: var(--clr-common-black);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        height: auto;
        line-height: 20px; }
      .zq_h2_header-menu nav ul li .submenu li .submenu {
        left: 100%;
        top: 0; }
      .zq_h2_header-menu nav ul li .submenu li:hover > a {
        background-color: var(--clr-theme-primary);
        color: #fff; }
      .zq_h2_header-menu nav ul li .submenu li:not(:last-child) {
        border-bottom: 1px solid #f2f2f2; }
  .zq_h2_header-menu nav ul li:hover > .submenu {
    opacity: 1;
    visibility: visible; }
  .zq_h2_header-menu nav ul li:hover > a {
    color: var(--clr-theme-primary); }

.zq_h2_header-action {
  display: flex;
  align-items: center;
  gap: 30px; }
  .zq_h2_header-action-search {
    color: #fff; }
    @media (max-width: 480px) {
      .zq_h2_header-action-search {
        display: none; } }
  .zq_h2_header-action-btn {
    border-radius: 60px;
    background: var(--clr-theme-primary);
    color: var(--clr-common-black);
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 30px;
    height: 56px; }
    .zq_h2_header-action-btn svg {
      width: 12px;
      height: 15px; }
    .zq_h2_header-action-btn:hover {
      background-color: #fff;
      color: var(--clr-common-black); }
    @media (max-width: 767px) {
      .zq_h2_header-action-btn {
        display: none; } }

/* ///////////////////////////////////////////////////////////
Header CSS 03 Start
/////////////////////////////////////////////////////////// */
.zq_h3_header-area {
  position: absolute;
  left: 0;
  top: 35px;
  right: 0;
  z-index: 9; }

.zq_h3_header-logo {
  max-width: 150px;
  flex-shrink: 0; }
  @media (max-width: 1199px) {
    .zq_h3_header-logo {
      max-width: 140px; } }

.zq_h3_header-menu {
  display: flex;
  justify-content: center; }
  @media (max-width: 1199px) {
    .zq_h3_header-menu {
      justify-content: flex-start; } }
  @media (max-width: 991px) {
    .zq_h3_header-menu {
      display: none; } }
  .zq_h3_header-menu nav ul {
    display: flex;
    align-items: center;
    list-style: none;
    gap: 30px; }
    @media (max-width: 1199px) {
      .zq_h3_header-menu nav ul {
        gap: 25px; } }
    .zq_h3_header-menu nav ul .menu-has-child {
      position: relative;
      z-index: 99;
      text-align: start; }
    .zq_h3_header-menu nav ul li a {
      color: var(--clr-body-text);
      display: block;
      font-size: 16px;
      font-weight: 400;
      line-height: 26px;
      height: 44px;
      line-height: 44px; }
    .zq_h3_header-menu nav ul li .submenu {
      position: absolute;
      left: 0;
      top: 100%;
      background: #fff;
      width: 240px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: all 0.3s linear 0s;
      -moz-transition: all 0.3s linear 0s;
      -ms-transition: all 0.3s linear 0s;
      -o-transition: all 0.3s linear 0s;
      transition: all 0.3s linear 0s;
      box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
      display: block; }
      .zq_h3_header-menu nav ul li .submenu li {
        display: block;
        margin-right: 0;
        position: relative;
        z-index: 99; }
        .zq_h3_header-menu nav ul li .submenu li a {
          padding: 12px 25px;
          color: var(--clr-common-black);
          -webkit-transition: all 0.3s linear 0s;
          -moz-transition: all 0.3s linear 0s;
          -ms-transition: all 0.3s linear 0s;
          -o-transition: all 0.3s linear 0s;
          transition: all 0.3s linear 0s;
          height: auto;
          line-height: 20px; }
        .zq_h3_header-menu nav ul li .submenu li .submenu {
          left: 100%;
          top: 0; }
        .zq_h3_header-menu nav ul li .submenu li:hover > a {
          background-color: var(--clr-theme-primary);
          color: #fff; }
        .zq_h3_header-menu nav ul li .submenu li:not(:last-child) {
          border-bottom: 1px solid #f2f2f2; }
    .zq_h3_header-menu nav ul li:hover > .submenu {
      opacity: 1;
      visibility: visible; }
    .zq_h3_header-menu nav ul li:hover > a {
      color: var(--clr-theme-primary); }

.zq_h3_header-action {
  display: flex;
  align-items: center;
  gap: 30px; }
  .zq_h3_header-action-search {
    color: #fff; }
    @media (max-width: 480px) {
      .zq_h3_header-action-search {
        display: none; } }
  .zq_h3_header-action-btn {
    border-radius: 60px;
    background: var(--clr-theme-primary);
    color: var(--clr-common-black);
    font-family: Outfit;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 30px;
    height: 56px; }
    @media (max-width: 767px) {
      .zq_h3_header-action-btn {
        display: none; } }
    .zq_h3_header-action-btn svg {
      width: 12px;
      height: 15px; }
    .zq_h3_header-action-btn:hover {
      background-color: #fff;
      color: var(--clr-common-black); }

/* ///////////////////////////////////////////////////////////
Header CSS 04 Start
/////////////////////////////////////////////////////////// */
.zq_h4_header-wrap {
  border-radius: 8px; }

/* ///////////////////////////////////////////////////////////
Header CSS 05 Start
/////////////////////////////////////////////////////////// */
.zq_h5_header-area {
  position: absolute;
  left: 0;
  right: 0;
  top: 30px;
  z-index: 9;
  width: 100%; }

.zq_h5_header-left {
  display: flex;
  align-items: center;
  gap: 120px; }
  @media (max-width: 1199px) {
    .zq_h5_header-left {
      gap: 50px; } }

.zq_h5_header-logo {
  max-width: 150px;
  flex-shrink: 0; }
  @media (max-width: 1199px) {
    .zq_h5_header-logo {
      max-width: 140px; } }

@media (max-width: 991px) {
  .zq_h5_header-menu {
    display: none; } }

.zq_h5_header-menu nav ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 30px; }
  @media (max-width: 1199px) {
    .zq_h5_header-menu nav ul {
      gap: 25px; } }
  .zq_h5_header-menu nav ul .menu-has-child {
    position: relative;
    z-index: 99;
    text-align: start; }
  .zq_h5_header-menu nav ul li a {
    color: var(--clr-body-text);
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    height: 44px;
    line-height: 44px; }
  .zq_h5_header-menu nav ul li .submenu {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 240px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    box-shadow: 0 9px 19px rgba(0, 0, 0, 0.1);
    display: block; }
    .zq_h5_header-menu nav ul li .submenu li {
      display: block;
      margin-right: 0;
      position: relative;
      z-index: 99; }
      .zq_h5_header-menu nav ul li .submenu li a {
        padding: 12px 25px;
        color: var(--clr-common-black);
        -webkit-transition: all 0.3s linear 0s;
        -moz-transition: all 0.3s linear 0s;
        -ms-transition: all 0.3s linear 0s;
        -o-transition: all 0.3s linear 0s;
        transition: all 0.3s linear 0s;
        height: auto;
        line-height: 20px; }
      .zq_h5_header-menu nav ul li .submenu li .submenu {
        left: 100%;
        top: 0; }
      .zq_h5_header-menu nav ul li .submenu li:hover > a {
        background-color: var(--clr-theme-primary);
        color: #fff; }
      .zq_h5_header-menu nav ul li .submenu li:not(:last-child) {
        border-bottom: 1px solid #f2f2f2; }
  .zq_h5_header-menu nav ul li:hover > .submenu {
    opacity: 1;
    visibility: visible; }
  .zq_h5_header-menu nav ul li:hover > a {
    color: var(--clr-theme-primary); }

.zq_h5_header-right {
  display: flex;
  align-items: center;
  gap: 30px; }

.zq_h5_header-btn {
  border-radius: 60px;
  background: #8AF135;
  color: #0F2923;
  font-family: Outfit;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 30px;
  height: 56px; }
  @media (max-width: 575px) {
    .zq_h5_header-btn {
      display: none; } }
  .zq_h5_header-btn svg {
    width: 12px;
    height: 15px; }
  .zq_h5_header-btn:hover {
    background-color: #fff;
    color: var(--clr-common-black); }

.zq_h5_header_icon {
  color: #fff;
  font-size: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s; }
  .zq_h5_header_icon:hover {
    color: #fff; }