@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 100;
   src: url(../fonts/Inter-Thin.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 200;
   src: url(../fonts/Inter-ExtraLight.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 300;
   src: url(../fonts/Inter-Light.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/Inter-Regular.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 500;
   src: url(../fonts/Inter-Medium.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 600;
   src: url(../fonts/Inter-SemiBold.woff2) format("woff2");
}

@font-face {
   font-display: swap;
   font-family: inter;
   font-style: normal;
   font-weight: 900;
   src: url(../fonts/Inter-Black.woff2) format("woff2");
}

.mobile-menu-backdrop {
   position: fixed;
}



body.side-menu-open {
   overflow: hidden;
}

.mobile-menu-header {
   display: none;
}

.mobile-menu-header__logo {
   flex-shrink: 0;
}

.mobile-menu-header__logo img {
   display: block;
   height: 72px;
   object-fit: contain;
   width: auto;
}

.mobile-menu-header__close {
   align-items: center;
   background: transparent;
   border: 0;
   color: #9a9a9a;
   cursor: pointer;
   display: inline-flex;
   flex-shrink: 0;
   font-size: 24px;
   line-height: 1;
   margin-left: auto;
   padding: 4px;
}

.mobile-menu-header__close:hover {
   color: var(--primary);
}

@media (max-width: 1099px) {
   .header .navmenu_wrapper .navbar_wrapper .navbar .main_menu_wrapper .more_btn {
      display: block;
   }

   .header .navmenu_wrapper .navbar_wrapper .navbar .main_menu_wrapper .close_btn {
      display: none;
   }

   .header.menu-open .navmenu_wrapper .navbar_wrapper .navbar .main_menu_wrapper .more_btn {
      display: none;
   }

   .header.menu-open .navmenu_wrapper .navbar_wrapper .navbar .main_menu_wrapper .close_btn {
      display: block;
   }

   .header .listmenu_wrapper {
      align-items: stretch;
      background: #fff;
      border-top: 0;
      bottom: 0;
      display: flex;
      flex-direction: column;
      left: 0;
      margin: 0;
      overflow-y: auto;
      position: fixed;
      top: 0;
      transform: translateX(-105%);
      transition: transform 0.3s ease;
      width: min(85vw, 400px);
      z-index: 1200;
   }

   .header.menu-open .listmenu_wrapper {
      box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
      transform: translateX(0);
   }

   .mobile-menu-header {
      align-items: center;
      border-bottom: 1px solid #d9d9d9;
      display: flex;
      justify-content: space-between;
      padding: 14px 20px;
   }

   .header .listmenu_wrapper ul {
      padding: 8px 24px;
   }

   .listmenu_wrapper .global_listmenu_wrapper {
      border-top: 1px solid #d9d9d9;
      gap: 24px;
      margin: 0 24px;
      padding: 24px 0 40px;
   }
}

@media (min-width: 1100px) and (max-width: 1401px) {
   .header .listmenu_wrapper {
      display: none;
   }
}



/* ===== Prevent horizontal scroll on mobile ===== */
html,
body {
   max-width: 100%;
   overflow-x: hidden;
}

/* ===== Fixed-on-scroll nav ===== */
.header {
   z-index: 1000;
}
.header.is-stuck {
   left: 0;
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
}
body.nav-is-stuck {
   padding-top: 100px;
}

/* ===== Header sizing ===== */
.navmenu_wrapper {
   height: 90px;
}
.navbar_wrapper {
   height: 90px !important;
}
.main_menu {
   margin-top: 8px;
   margin-bottom: 8px;
}
.search_btn {
   margin-top: 8px;
   margin-bottom: 8px;
}

/* ===== Resource dropdown (desktop) ===== */
.nav-dropdown {
   position: relative;
}

.nav-dropdown .menu .text {
   align-items: center;
   display: inline-flex;
   gap: 8px;
}

.nav-dropdown__caret {
   color: #333;
   font-size: 10px;
   transition: color 0.2s ease, transform 0.2s ease;
}

.nav-dropdown:hover .nav-dropdown__caret {
   color: var(--primary);
   transform: rotate(180deg);
}

.nav-dropdown__list {
   background: #fff;
   border-radius: 8px;
   box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
   list-style: none;
   margin: 0;
   min-width: 200px;
   opacity: 0;
   padding: 8px 0;
   position: absolute;
   top: 100%;
   left: 0;
   transform: translateY(8px);
   transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
   visibility: hidden;
   z-index: 1100;
}

.nav-dropdown:hover .nav-dropdown__list {
   opacity: 1;
   transform: translateY(0);
   visibility: visible;
}

.nav-dropdown__list li {
   margin: 0;
   padding: 0;
}

.nav-dropdown__list a {
   color: #333;
   display: block;
   font-family: Inter;
   font-size: 14px;
   font-weight: 500;
   line-height: normal;
   padding: 10px 16px;
   text-decoration: none;
   transition: background 0.2s ease, color 0.2s ease;
}

.nav-dropdown__list a:hover {
   background: #f5f5f5;
   color: var(--primary);
}

/* ===== Resource sub-links (mobile drawer) ===== */
.nav-dropdown__mobile-link {
   padding-left: 24px !important;
}

.nav-dropdown__mobile-link .text {
   font-size: 16px !important;
}

/* ===== Announcement bar ===== */
.cus-header_top_announcement .cus-announcement_text {
   color: #fff;
   font-family: Inter;
   font-size: 16px;
   font-style: normal;
   font-weight: 300;
   line-height: normal;
   margin-bottom: 0;
   padding-right: 1rem;
}
.cus-header_top_announcement .cus-close_announcement_slider {
   align-items: center;
   display: flex;
   flex-shrink: 0;
}
.cus-header_top_announcement .btn-close {
   filter: invert(1) grayscale(100%) brightness(200%);
   opacity: 1;
   padding: 0.25rem;
}


/* ===== Footer ===== */

.cus-footer_logo {
   margin-bottom: 18px;
}
.cus-footer_logo img {
   display: block;
   height: 120px;
   width: auto;
}
.cus-footer_columns {
   display: flex;
   flex-wrap: wrap;
   gap: 48px 64px;
   justify-content: space-between;
}
.cus-footer_columns__col {
   flex: 1 1 260px;
}
.cus-footer_columns .cus-footer_contact {
   margin-top: 0;
}
.cus-footer_columns .cus-footer_menu {
   flex-direction: column;
   align-items: flex-start;
   gap: 12px;
}
.cus-footer_contact {
   display: flex;
   flex-direction: column;
   gap: 8px;
   margin-top: 24px;
}
.cus-footer_contact__line {
   align-items: center;
   display: flex;
   gap: 10px;
}
.cus-footer_contact__line i {
   color: var(--primary);
   width: 16px;
   text-align: center;
}
.cus-footer_contact__line span {
   font-size: 15px;
}

/* ===== Theme switcher ===== */
html[data-theme="ocean"] {
         --primary: #0a5c8a;
         --primary2: #0b3d5c;
         --secondary1: #d4e6f0;
         --secondary2: #a3c9e0;
         --secondary3: #a3c9e066;
         --secondary4: #6f9fc0;
         --secondary5: #6f9fc066;
         --gradient: linear-gradient(332deg, #a3c9e0 -6.31%, #cfe6f5 109.02%);
         --gradient2: linear-gradient(133deg, #d0e3ef 3.51%, #6f9fc0 93.45%);
         --graphics1: #d4e6f0;
         --graphics2: rgba(163, 201, 224, .4);
         --graphics3: rgba(111, 159, 192, .4);
      }

      html[data-theme="sunset"] {
         --primary: #c2571b;
         --primary2: #7d3a12;
         --secondary1: #f3e0c9;
         --secondary2: #e6b98d;
         --secondary3: #e6b98d66;
         --secondary4: #d1955f;
         --secondary5: #d1955f66;
         --gradient: linear-gradient(332deg, #e6b98d -6.31%, #f6e3c8 109.02%);
         --gradient2: linear-gradient(133deg, #f2e2cd 3.51%, #d1955f 93.45%);
         --graphics1: #f3e0c9;
         --graphics2: rgba(230, 185, 141, .4);
         --graphics3: rgba(209, 149, 95, .4);
      }

      html[data-theme="royal"] {
         --primary: #6a3fb5;
         --primary2: #3b2170;
         --secondary1: #e6dcf5;
         --secondary2: #c6aae8;
         --secondary3: #c6aae866;
         --secondary4: #a884d9;
         --secondary5: #a884d966;
         --gradient: linear-gradient(332deg, #c6aae8 -6.31%, #e9dff8 109.02%);
         --gradient2: linear-gradient(133deg, #e7def6 3.51%, #a884d9 93.45%);
         --graphics1: #e6dcf5;
         --graphics2: rgba(198, 170, 232, .4);
         --graphics3: rgba(168, 132, 217, .4);
      }

      html[data-theme="crimson"] {
         --primary: #b3261e;
         --primary2: #6e1410;
         --secondary1: #f3d8d4;
         --secondary2: #e3a39b;
         --secondary3: #e3a39b66;
         --secondary4: #cf7a70;
         --secondary5: #cf7a7066;
         --gradient: linear-gradient(332deg, #e3a39b -6.31%, #f7e0dc 109.02%);
         --gradient2: linear-gradient(133deg, #f3ded9 3.51%, #cf7a70 93.45%);
         --graphics1: #f3d8d4;
         --graphics2: rgba(227, 163, 155, .4);
         --graphics3: rgba(207, 122, 112, .4);
      }

      .cus-footer_theme {
         display: flex;
         align-items: center;
         gap: 8px;
         margin-top: 16px;
         font-size: 14px;
      }

      html[data-theme="aurora"] {
         --primary: #008080;
         --primary2: #0b3d4a;
         --secondary1: #d5eef0;
         --secondary2: #8fd3cf;
         --secondary3: #8fd3cf66;
         --secondary4: #57a0c0;
         --secondary5: #57a0c066;
         --gradient: linear-gradient(332deg, #8fd3cf -6.31%, #d5eef0 109.02%);
         --gradient2: linear-gradient(133deg, #d5eef0 3.51%, #57a0c0 93.45%);
         --graphics1: #d5eef0;
         --graphics2: #8fd3cf66;
         --graphics3: #57a0c066;
      }

      html[data-theme="coral"] {
         --primary: #e85a4f;
         --primary2: #8c2f26;
         --secondary1: #fbe3de;
         --secondary2: #f0a49a;
         --secondary3: #f0a49a66;
         --secondary4: #e07b6d;
         --secondary5: #e07b6d66;
         --gradient: linear-gradient(332deg, #f0a49a -6.31%, #fbe3de 109.02%);
         --gradient2: linear-gradient(133deg, #fbe3de 3.51%, #e07b6d 93.45%);
         --graphics1: #fbe3de;
         --graphics2: #f0a49a66;
         --graphics3: #e07b6d66;
      }

      html[data-theme="golden"] {
         --primary: #c99000;
         --primary2: #7a5a00;
         --secondary1: #f7ecd0;
         --secondary2: #ecd19a;
         --secondary3: #ecd19a66;
         --secondary4: #d9b45f;
         --secondary5: #d9b45f66;
         --gradient: linear-gradient(332deg, #ecd19a -6.31%, #f7ecd0 109.02%);
         --gradient2: linear-gradient(133deg, #f7ecd0 3.51%, #d9b45f 93.45%);
         --graphics1: #f7ecd0;
         --graphics2: #ecd19a66;
         --graphics3: #d9b45f66;
      }

      html[data-theme="forest"] {
         --primary: #2f6b3c;
         --primary2: #14371c;
         --secondary1: #dceadb;
         --secondary2: #a9cdb0;
         --secondary3: #a9cdb066;
         --secondary4: #6fa87e;
         --secondary5: #6fa87e66;
         --gradient: linear-gradient(332deg, #a9cdb0 -6.31%, #dceadb 109.02%);
         --gradient2: linear-gradient(133deg, #dceadb 3.51%, #6fa87e 93.45%);
         --graphics1: #dceadb;
         --graphics2: #a9cdb066;
         --graphics3: #6fa87e66;
      }

      html[data-theme="midnight"] {
         --primary: #1f3a93;
         --primary2: #101f52;
         --secondary1: #d9ddf0;
         --secondary2: #9aa8d9;
         --secondary3: #9aa8d966;
         --secondary4: #5f73b3;
         --secondary5: #5f73b366;
         --gradient: linear-gradient(332deg, #9aa8d9 -6.31%, #d9ddf0 109.02%);
         --gradient2: linear-gradient(133deg, #d9ddf0 3.51%, #5f73b3 93.45%);
         --graphics1: #d9ddf0;
         --graphics2: #9aa8d966;
         --graphics3: #5f73b366;
      }

      html[data-theme="sunrise"] {
         --primary: #f2765e;
         --primary2: #8a3b28;
         --secondary1: #fde6d9;
         --secondary2: #f7b98f;
         --secondary3: #f7b98f66;
         --secondary4: #ef8f66;
         --secondary5: #ef8f6666;
         --gradient: linear-gradient(332deg, #f7b98f -6.31%, #fde6d9 109.02%);
         --gradient2: linear-gradient(133deg, #fde6d9 3.51%, #ef8f66 93.45%);
         --graphics1: #fde6d9;
         --graphics2: #f7b98f66;
         --graphics3: #ef8f6666;
      }

      html[data-theme="lavender"] {
         --primary: #8f6cc9;
         --primary2: #4e3490;
         --secondary1: #eee5f8;
         --secondary2: #d2c1ea;
         --secondary3: #d2c1ea66;
         --secondary4: #b79be0;
         --secondary5: #b79be066;
         --gradient: linear-gradient(332deg, #d2c1ea -6.31%, #eee5f8 109.02%);
         --gradient2: linear-gradient(133deg, #eee5f8 3.51%, #b79be0 93.45%);
         --graphics1: #eee5f8;
         --graphics2: #d2c1ea66;
         --graphics3: #b79be066;
      }

      html[data-theme="mint"] {
         --primary: #2ba58a;
         --primary2: #125c4e;
         --secondary1: #e0f4ef;
         --secondary2: #a8e0d2;
         --secondary3: #a8e0d266;
         --secondary4: #67c4ac;
         --secondary5: #67c4ac66;
         --gradient: linear-gradient(332deg, #a8e0d2 -6.31%, #e0f4ef 109.02%);
         --gradient2: linear-gradient(133deg, #e0f4ef 3.51%, #67c4ac 93.45%);
         --graphics1: #e0f4ef;
         --graphics2: #a8e0d266;
         --graphics3: #67c4ac66;
      }

      html[data-theme="peach"] {
         --primary: #e07a4f;
         --primary2: #8c4524;
         --secondary1: #fcefe3;
         --secondary2: #f3c5a1;
         --secondary3: #f3c5a166;
         --secondary4: #e79b6c;
         --secondary5: #e79b6c66;
         --gradient: linear-gradient(332deg, #f3c5a1 -6.31%, #fcefe3 109.02%);
         --gradient2: linear-gradient(133deg, #fcefe3 3.51%, #e79b6c 93.45%);
         --graphics1: #fcefe3;
         --graphics2: #f3c5a166;
         --graphics3: #e79b6c66;
      }

      html[data-theme="tangerine"] {
         --primary: #f08a1d;
         --primary2: #9c5208;
         --secondary1: #fdeed7;
         --secondary2: #f7c884;
         --secondary3: #f7c88466;
         --secondary4: #eea952;
         --secondary5: #eea95266;
         --gradient: linear-gradient(332deg, #f7c884 -6.31%, #fdeed7 109.02%);
         --gradient2: linear-gradient(133deg, #fdeed7 3.51%, #eea952 93.45%);
         --graphics1: #fdeed7;
         --graphics2: #f7c88466;
         --graphics3: #eea95266;
      }

      html[data-theme="sky"] {
         --primary: #1185c7;
         --primary2: #0a4a75;
         --secondary1: #dceef8;
         --secondary2: #a6d2ec;
         --secondary3: #a6d2ec66;
         --secondary4: #5fa8d4;
         --secondary5: #5fa8d466;
         --gradient: linear-gradient(332deg, #a6d2ec -6.31%, #dceef8 109.02%);
         --gradient2: linear-gradient(133deg, #dceef8 3.51%, #5fa8d4 93.45%);
         --graphics1: #dceef8;
         --graphics2: #a6d2ec66;
         --graphics3: #5fa8d466;
      }

      html[data-theme="rose"] {
         --primary: #d94f7a;
         --primary2: #872a48;
         --secondary1: #fbe2ea;
         --secondary2: #f2aec2;
         --secondary3: #f2aec266;
         --secondary4: #e6849f;
         --secondary5: #e6849f66;
         --gradient: linear-gradient(332deg, #f2aec2 -6.31%, #fbe2ea 109.02%);
         --gradient2: linear-gradient(133deg, #fbe2ea 3.51%, #e6849f 93.45%);
         --graphics1: #fbe2ea;
         --graphics2: #f2aec266;
         --graphics3: #e6849f66;
      }

      html[data-theme="tropical"] {
         --primary: #1e9e6a;
         --primary2: #0b5c3c;
         --secondary1: #dcf3e2;
         --secondary2: #a3e0b8;
         --secondary3: #a3e0b866;
         --secondary4: #5ec98a;
         --secondary5: #5ec98a66;
         --gradient: linear-gradient(332deg, #a3e0b8 -6.31%, #dcf3e2 109.02%);
         --gradient2: linear-gradient(133deg, #dcf3e2 3.51%, #5ec98a 93.45%);
         --graphics1: #dcf3e2;
         --graphics2: #a3e0b866;
         --graphics3: #5ec98a66;
      }

      html[data-theme="wine"] {
         --primary: #8e2342;
         --primary2: #521227;
         --secondary1: #f3dde4;
         --secondary2: #e0a9ba;
         --secondary3: #e0a9ba66;
         --secondary4: #cc7d94;
         --secondary5: #cc7d9466;
         --gradient: linear-gradient(332deg, #e0a9ba -6.31%, #f3dde4 109.02%);
         --gradient2: linear-gradient(133deg, #f3dde4 3.51%, #cc7d94 93.45%);
         --graphics1: #f3dde4;
         --graphics2: #e0a9ba66;
         --graphics3: #cc7d9466;
      }

      html[data-theme="jade"] {
         --primary: #00a86b;
         --primary2: #005c3a;
         --secondary1: #d9f2e7;
         --secondary2: #9bdcc0;
         --secondary3: #9bdcc066;
         --secondary4: #4fbf8f;
         --secondary5: #4fbf8f66;
         --gradient: linear-gradient(332deg, #9bdcc0 -6.31%, #d9f2e7 109.02%);
         --gradient2: linear-gradient(133deg, #d9f2e7 3.51%, #4fbf8f 93.45%);
         --graphics1: #d9f2e7;
         --graphics2: #9bdcc066;
         --graphics3: #4fbf8f66;
      }

      html[data-theme="canary"] {
         --primary: #b07c00;
         --primary2: #6e4d00;
         --secondary1: #faf0c8;
         --secondary2: #ecda8e;
         --secondary3: #ecda8e66;
         --secondary4: #d8b63f;
         --secondary5: #d8b63f66;
         --gradient: linear-gradient(332deg, #ecda8e -6.31%, #faf0c8 109.02%);
         --gradient2: linear-gradient(133deg, #faf0c8 3.51%, #d8b63f 93.45%);
         --graphics1: #faf0c8;
         --graphics2: #ecda8e66;
         --graphics3: #d8b63f66;
      }

      html[data-theme="choco"] {
         --primary: #6b4423;
         --primary2: #3f2712;
         --secondary1: #f0e4d5;
         --secondary2: #d3b795;
         --secondary3: #d3b79566;
         --secondary4: #a97f55;
         --secondary5: #a97f5566;
         --gradient: linear-gradient(332deg, #d3b795 -6.31%, #f0e4d5 109.02%);
         --gradient2: linear-gradient(133deg, #f0e4d5 3.51%, #a97f55 93.45%);
         --graphics1: #f0e4d5;
         --graphics2: #d3b79566;
         --graphics3: #a97f5566;
      }

      html[data-theme="magenta"] {
         --primary: #b0216e;
         --primary2: #6d1243;
         --secondary1: #f7ddee;
         --secondary2: #eba4cc;
         --secondary3: #eba4cc66;
         --secondary4: #d463a6;
         --secondary5: #d463a666;
         --gradient: linear-gradient(332deg, #eba4cc -6.31%, #f7ddee 109.02%);
         --gradient2: linear-gradient(133deg, #f7ddee 3.51%, #d463a6 93.45%);
         --graphics1: #f7ddee;
         --graphics2: #eba4cc66;
         --graphics3: #d463a666;
      }

      html[data-theme="slate"] {
         --primary: #4a5968;
         --primary2: #2a3540;
         --secondary1: #e3e8ec;
         --secondary2: #b9c4cd;
         --secondary3: #b9c4cd66;
         --secondary4: #8898a5;
         --secondary5: #8898a566;
         --gradient: linear-gradient(332deg, #b9c4cd -6.31%, #e3e8ec 109.02%);
         --gradient2: linear-gradient(133deg, #e3e8ec 3.51%, #8898a5 93.45%);
         --graphics1: #e3e8ec;
         --graphics2: #b9c4cd66;
         --graphics3: #8898a566;
      }

      html[data-theme="sand"] {
         --primary: #8a6d46;
         --primary2: #56452c;
         --secondary1: #f0e8da;
         --secondary2: #d8c6a5;
         --secondary3: #d8c6a566;
         --secondary4: #b99a6d;
         --secondary5: #b99a6d66;
         --gradient: linear-gradient(332deg, #d8c6a5 -6.31%, #f0e8da 109.02%);
         --gradient2: linear-gradient(133deg, #f0e8da 3.51%, #b99a6d 93.45%);
         --graphics1: #f0e8da;
         --graphics2: #d8c6a566;
         --graphics3: #b99a6d66;
      }

      html[data-theme="obsidian"] {
         --primary: #38424e;
         --primary2: #1f262d;
         --secondary1: #e0e3e6;
         --secondary2: #aab2ba;
         --secondary3: #aab2ba66;
         --secondary4: #79848f;
         --secondary5: #79848f66;
         --gradient: linear-gradient(332deg, #aab2ba -6.31%, #e0e3e6 109.02%);
         --gradient2: linear-gradient(133deg, #e0e3e6 3.51%, #79848f 93.45%);
         --graphics1: #e0e3e6;
         --graphics2: #aab2ba66;
         --graphics3: #79848f66;
      }

      html[data-theme="cyan"] {
         --primary: #00a9c9;
         --primary2: #006677;
         --secondary1: #d6f2f7;
         --secondary2: #8fdce8;
         --secondary3: #8fdce866;
         --secondary4: #35b6cd;
         --secondary5: #35b6cd66;
         --gradient: linear-gradient(332deg, #8fdce8 -6.31%, #d6f2f7 109.02%);
         --gradient2: linear-gradient(133deg, #d6f2f7 3.51%, #35b6cd 93.45%);
         --graphics1: #d6f2f7;
         --graphics2: #8fdce866;
         --graphics3: #35b6cd66;
      }

      html[data-theme="indigo"] {
         --primary: #4f46e5;
         --primary2: #312e81;
         --secondary1: #e3e1fb;
         --secondary2: #c2c0f2;
         --secondary3: #c2c0f266;
         --secondary4: #8a86e0;
         --secondary5: #8a86e066;
         --gradient: linear-gradient(332deg, #c2c0f2 -6.31%, #e3e1fb 109.02%);
         --gradient2: linear-gradient(133deg, #e3e1fb 3.51%, #8a86e0 93.45%);
         --graphics1: #e3e1fb;
         --graphics2: #c2c0f266;
         --graphics3: #8a86e066;
      }

      html[data-theme="lime"] {
         --primary: #7fb417;
         --primary2: #44600a;
         --secondary1: #ecf6d6;
         --secondary2: #cce8a0;
         --secondary3: #cce8a066;
         --secondary4: #a3cf55;
         --secondary5: #a3cf5566;
         --gradient: linear-gradient(332deg, #cce8a0 -6.31%, #ecf6d6 109.02%);
         --gradient2: linear-gradient(133deg, #ecf6d6 3.51%, #a3cf55 93.45%);
         --graphics1: #ecf6d6;
         --graphics2: #cce8a066;
         --graphics3: #a3cf5566;
      }

      html[data-theme="plum"] {
         --primary: #7d3c6b;
         --primary2: #4a2340;
         --secondary1: #f2e2ec;
         --secondary2: #ddb0cd;
         --secondary3: #ddb0cd66;
         --secondary4: #b57b9f;
         --secondary5: #b57b9f66;
         --gradient: linear-gradient(332deg, #ddb0cd -6.31%, #f2e2ec 109.02%);
         --gradient2: linear-gradient(133deg, #f2e2ec 3.51%, #b57b9f 93.45%);
         --graphics1: #f2e2ec;
         --graphics2: #ddb0cd66;
         --graphics3: #b57b9f66;
      }

      html[data-theme="bubblegum"] {
         --primary: #e0458f;
         --primary2: #8f2359;
         --secondary1: #fbe3ef;
         --secondary2: #f2b3d2;
         --secondary3: #f2b3d266;
         --secondary4: #dd6fa9;
         --secondary5: #dd6fa966;
         --gradient: linear-gradient(332deg, #f2b3d2 -6.31%, #fbe3ef 109.02%);
         --gradient2: linear-gradient(133deg, #fbe3ef 3.51%, #dd6fa9 93.45%);
         --graphics1: #fbe3ef;
         --graphics2: #f2b3d266;
         --graphics3: #dd6fa966;
      }

      html[data-theme="aubergine"] {
         --primary: #6b2a5e;
         --primary2: #3d1736;
         --secondary1: #efdceb;
         --secondary2: #d1a3c9;
         --secondary3: #d1a3c966;
         --secondary4: #a46898;
         --secondary5: #a4689866;
         --gradient: linear-gradient(332deg, #d1a3c9 -6.31%, #efdceb 109.02%);
         --gradient2: linear-gradient(133deg, #efdceb 3.51%, #a46898 93.45%);
         --graphics1: #efdceb;
         --graphics2: #d1a3c966;
         --graphics3: #a4689866;
      }

      html[data-theme="rosegold"] {
         --primary: #b76e79;
         --primary2: #6f3f47;
         --secondary1: #f7e7e9;
         --secondary2: #e8c0c5;
         --secondary3: #e8c0c566;
         --secondary4: #c98c94;
         --secondary5: #c98c9466;
         --gradient: linear-gradient(332deg, #e8c0c5 -6.31%, #f7e7e9 109.02%);
         --gradient2: linear-gradient(133deg, #f7e7e9 3.51%, #c98c94 93.45%);
         --graphics1: #f7e7e9;
         --graphics2: #e8c0c566;
         --graphics3: #c98c9466;
      }

      html[data-theme="denim"] {
         --primary: #3a5f8a;
         --primary2: #213650;
         --secondary1: #dde7f1;
         --secondary2: #b1c7dc;
         --secondary3: #b1c7dc66;
         --secondary4: #7c9dbf;
         --secondary5: #7c9dbf66;
         --gradient: linear-gradient(332deg, #b1c7dc -6.31%, #dde7f1 109.02%);
         --gradient2: linear-gradient(133deg, #dde7f1 3.51%, #7c9dbf 93.45%);
         --graphics1: #dde7f1;
         --graphics2: #b1c7dc66;
         --graphics3: #7c9dbf66;
      }

      html[data-theme="pistachio"] {
         --primary: #6f9e51;
         --primary2: #3f5e2b;
         --secondary1: #e8f2df;
         --secondary2: #c2dcae;
         --secondary3: #c2dcae66;
         --secondary4: #91bd78;
         --secondary5: #91bd7866;
         --gradient: linear-gradient(332deg, #c2dcae -6.31%, #e8f2df 109.02%);
         --gradient2: linear-gradient(133deg, #e8f2df 3.51%, #91bd78 93.45%);
         --graphics1: #e8f2df;
         --graphics2: #c2dcae66;
         --graphics3: #91bd7866;
      }

      html[data-theme="terracotta"] {
         --primary: #b7632f;
         --primary2: #6f3a18;
         --secondary1: #f6e7dc;
         --secondary2: #e8c0a0;
         --secondary3: #e8c0a066;
         --secondary4: #c98a5c;
         --secondary5: #c98a5c66;
         --gradient: linear-gradient(332deg, #e8c0a0 -6.31%, #f6e7dc 109.02%);
         --gradient2: linear-gradient(133deg, #f6e7dc 3.51%, #c98a5c 93.45%);
         --graphics1: #f6e7dc;
         --graphics2: #e8c0a066;
         --graphics3: #c98a5c66;
      }

      #theme-select {
         padding: 6px 10px;
         border: 1px solid var(--neutral-color-smoke);
         border-radius: 6px;
         background: var(--neutral-color-white);
         color: var(--primary);
         font: inherit;
         cursor: pointer;
      }

/* ===== How can we help you? form ===== */
.help-form-field {
   margin-bottom: 14px;
   text-align: left;
}
.help-form-label {
   display: block;
   font-family: Inter;
   font-size: 14px;
   font-weight: 500;
   color: #333;
   margin-bottom: 6px;
}
.help-form-control {
   width: 100%;
   padding: 12px 14px;
   font-family: Inter;
   font-size: 15px;
   color: #333;
   background: #fff;
   border: 1px solid var(--neutral-color-smoke);
   border-radius: 8px;
   box-sizing: border-box;
}
.help-form-control:focus {
   outline: 2px solid var(--primary);
   border-color: var(--primary);
}
.help-form-send {
   width: 100%;
   padding: 14px 20px;
   font-family: Inter;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
   background: var(--primary);
   border: 0;
   border-radius: 8px;
   cursor: pointer;
   transition: opacity 0.2s ease;
}
.help-form-send:hover {
   opacity: 0.85;
}

#get-in-touch {
   background-image: linear-gradient(
         color-mix(in srgb, var(--primary2) 88%, transparent),
         color-mix(in srgb, var(--primary2) 88%, transparent)),
      url("../images/h7.png");
   background-position: center;
   background-size: cover;
}

#get-in-touch .cus-help_wrapper {
   align-items: flex-start;
   justify-content: flex-start;
}

#get-in-touch .cus-help_wrapper .cus-txt1 {
   margin-left: 0;
}

#get-in-touch .select-menu {
   position: relative;
}

#get-in-touch .select-menu .options {
   background: var(--primary2);
   border-radius: 8px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
   left: 0;
   margin: 0;
   padding: 10px 14px;
   position: absolute;
   right: 0;
   top: calc(100% + 8px);
   z-index: 30;
}

#get-in-touch .cus-help_wrapper #help_submit {
   background-color: #fff;
   border-radius: 12px;
   color: var(--primary);
   margin-left: 0;
}

#get-in-touch .cus-help_wrapper #help_submit span {
   display: inline;
}

@media (max-width: 991px) {
   #get-in-touch .cus-help_wrapper .cus-txt,
   #get-in-touch .cus-help_wrapper .cus-txt1 {
      text-align: left;
   }
   #get-in-touch .cus-help_wrapper .select-menu {
      margin-left: 0;
      margin-right: 0;
   }
}

@media (max-width: 576px) {
   #get-in-touch .cus-help_wrapper .cus-txt,
   #get-in-touch .cus-help_wrapper .cus-txt1 {
      text-align: left;
   }
   #get-in-touch .cus-help_wrapper .select-menu {
      margin: 0 0 32px;
      max-width: 260px;
      min-width: 260px;
      width: 260px;
   }
}