@font-face {
  font-family: "icomoon";
  src: url("https://51097343.fs1.hubspotusercontent-na1.net/hubfs/51097343/raw_assets/public/BahamaJoe_July2026/fonts/icomoon.ttf") format("embedded-opentype"),
    url("https://51097343.fs1.hubspotusercontent-na1.net/hubfs/51097343/raw_assets/public/BahamaJoe_July2026/fonts/icomoon.ttf") format("truetype"), 
      url("https://51097343.fs1.hubspotusercontent-na1.net/hubfs/51097343/raw_assets/public/BahamaJoe_July2026/fonts/icomoon.ttf") format("svg");
        font-style: normal;
        font-weight: normal;
        font-display: block;
        }


.cs-footer .cs-bottom,
.cs-footer .cs-top{
  padding: 0 30px;
}
.cs-bottom .col-section.num1 {
  padding: 0;
}
.blog-comments {
    padding: 0 20px;
}
.cs-footer .cs-bottom h2{
  font-size:14px;
  color:#fff !important;
  margin-bottom:0;
  line-height:1.3em;
  font-weight:400;
}
.cs-footer .cs-col1 {
  padding: 0 80px 0 0;
}
.cs-footer .cs-col2,
.cs-footer .cs-col3{
  padding:0;
}
.cs-top .flex_row {
  gap: 10px;
  flex-wrap: nowrap;
}
.cs-footer .cs-col1 h2 {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  margin-bottom: 0;
}
.cs-top .footer-social {
  padding: 0;
  gap: 8px;
}
.cs-top .footer-social .footer-social-item {
  width: 45px;
  height: 45px;
}
.cs-top .cs-col1 .footer-logo {
  margin-top: 40px;
}
.cs-top .cs-col1 .footer-logo img {
  max-width: 80%;
}
.cs-top .cs-col1 .footer-logo a {
  display: inline-block;
}
.cs-footer .cs-col3 ul li,
.cs-footer .cs-col2 ul li{
  line-height:22px;

}
.cs-footer .cs-col3 ul li{
  margin-bottom: 9px;
  display:flex;
}
.cs-footer .cs-col3 ul li:not(:last-child),
.cs-footer .cs-col2 ul li:not(:last-child) {
  padding-bottom:5px;
}
.cs-footer .cs-col2 ul li:first-child{
  margin-bottom:0 !important;
}
.cs-footer .cs-col3 ulli:not(:first-child),
.cs-footer .cs-col2 ul li:not(:first-child) {
  margin: 5px 0 0 0 !important;
}
.cs-footer .cs-col2 ul li a::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-color: #1EA5E3;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z'%3E%3C/path%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 56c110.532 0 200 89.451 200 200 0 110.532-89.451 200-200 200-110.532 0-200-89.451-200-200 0-110.532 89.451-200 200-200m0-48C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 168c-44.183 0-80 35.817-80 80s35.817 80 80 80 80-35.817 80-80-35.817-80-80-80z'%3E%3C/path%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  margin-right: 8px;
  vertical-align: middle;
}
.cs-footer .cs-col3 ul {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}
.cs-footer .cs-col3 ul::before {
  content: "";
  display: block;
  width: 100px;            
  border-block-start: 1.067px solid #1EA5E3; 
  margin-block-end: 21px; 
}
.cs-footer .cs-col3 ul li span,
.cs-footer .cs-col3 ul li a {
  transition: color 0.3s;
  align-self: center;
  font-size: 14px;
  line-height: 1.3em;
  font-weight: 400;
  display: flex;
  gap: 12px;
}
.cs-footer .cs-col3 ul li:last-child {
  gap: 12px;
}
.cs-footer .cs-col3 ul li a i {
  color: #1EA5E3;
  transition: color 0.3s;
  font-size: 27px;
  width: 1.em;
  display: inline-block;
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  content:'';
}
.cs-footer .cs-col3 ul li a i.icon.icon-mail-02::before {
  content: "\eba0";
  font-family: 'icomoon' !important;
}
.cs-footer .cs-col3 ul li a i.icon.icon-phone:before {
  content: "\ec10";
  font-family: 'icomoon' !important;
}
.cs-top .footer-social .footer-social-item:hover svg path {
  fill: #000;
}

/*=============BOTTAM SCROLLER CSS=====================*/
.cs-bottom-scroller h2.title {
  font-size: 21px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1em;
  color: rgb(30, 165, 227);
  margin-bottom: 29px;
}
.cs-bottom-scroller .top_sec.noButton {
  margin: 0 !important;
  padding: 0 !important;
}
.cs-bottom-scroller {
  padding: 26px 0 !important;
}

.row-fluid-wrapper.row-depth-1.row-number-1.dnd-section.dnd_area_subscription-row-0-padding {
  border: 4px solid #D3EDF9;
}
.cs-logo-container .logos_row.flex_row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 60px 60px;
}

.span12.widget-span.widget-type-cell.dnd-column {
  padding: 0;
}

.cs-logo-container {
  padding: 40px 0 !important;
  margin-bottom: 40px;
}

.cs-logo-container .logo_item:hover img {
  opacity: 0.7;
  transition-duration: .3s;
  transition-property: transform;
  transition-timing-function: ease-out;
}
.cs-logo-container .logo_item img {
  transition: transform 0.3s ease;
}

.cs-logo-container .logo_item:hover img {
  transform: translateY(-10px);
}
/* .cs-logo-container .page-center.theme_center.pdlr0.splide-wrapper {
padding: 0 40px;
} */
.cs-card2 {
  background-color: #DFE2E2;
  padding: 30px 50px !important;
}
.cs-card2 .card_item .card_inner {
  padding: 30px 40px;
}
.cs-card2 h2:nth-of-type(1) {
  font-size: 20px;
  font-weight: 800;
  padding: 3px 0px 6px 0px;
  margin-bottom: 0 !important;
  color: #000;
  text-transform: uppercase;
}
.cs-card2 p {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  line-height: 1.3em;
  margin-bottom: 0 !important;
}
.cs-card2 h2:nth-of-type(2) {
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  padding-top: 10px;
  color: #000;
}
.cs-card2 .card_content > div {
  display: flex;
  justify-content: center;
  gap: 9px;
  margin-bottom: 9px;
}
.cs-card2 .card_content > div svg {
  height: 20px;
  width: 22px;
}
.cs-card2 .card_content > div svg path {
  fill: #FFCC01;
}
.cs-card1 h1.title {
  font-family: "Figtree", Sans-serif;
  font-size: 46px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1em;
  color: #1EA5E3;
  padding: 10px 0;
  margin: 15px 0 0 !important;
}

.cs-card1 .top_sec.noButton {
  margin-bottom: 40px;
}
.cs-card1 .card_inner.theme.theme_color.theme-border_radius {
  width: 100%;
  aspect-ratio: 768 / 369; /* fixed height ki jagah ratio, responsive rahega */
  object-fit: cover;
  object-position: top center;
  opacity: 1;
  filter: brightness(100%) contrast(100%) saturate(100%) blur(0px) hue-rotate(0deg);
  transition-duration: 0s;
  border-radius: 40px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.cs-card1 .card_inner.theme.theme_color.theme-border_radius:hover {
  border-radius: 0;
}

.cs-card1 .card_inner.theme.theme_color.theme-border_radius {
  overflow: hidden; /* zoom hone par image bahar na nikle */
  position: relative;
}

.cs-card1 .card_inner.theme.theme_color.theme-border_radius .bg_el {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
}

.cs-card1 .card_inner.theme.theme_color.theme-border_radius:hover .bg_el {
  transform: scale(1.1);
}

.cs-card1 {
  padding: 0 !important;
}

.cs-card1 {
  padding: 0 !important;
}

.cs-card1 .card_item.it1 {
  padding: 0 10px 0 0;
}

.cs-card1 .card_item.it2 {
  padding: 0 0 0 10px;
}
.cs-item-card {
  padding: 40px 0;
}
.cs-item-card .icon_box {
  width: 100%;
}

.cs-item-card .icon_inner {
  width: 100% !important;
  max-width: 500px; /* desktop pe original size jaisa dikhega */
  height: auto !important;
  aspect-ratio: 1 / 1; /* square shape maintain karega har size pe */
  overflow: hidden;
}

.cs-item-card .icon_img {
  display: block;
  width: 100%;
  height: 100%;
}

.cs-item-card .icon_img img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* image bina distort hue fill hogi, cut nahi hogi disproportionately */
  object-position: center;
}

.cs-item-card .card_inner {
  padding: 0;
  cursor:pointer;
}

.cs-item-card .card_item {
  padding: 0 10px;
}
.cs-item-card .icon_box {
  width: 100%;
}
.cs-item-card .btn_row.count_1.oneButton a {
  width: 100%;
  background: transparent;
  color: #000;
  font-size: 22px !important;
  font-weight: 400;
  line-height: 1em;
  padding: 15px !important;
}

.cs-item-card .btn_item.ty_std.index1 {
  width: 100%;
}
.cs-item-card .card_inner a {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.25s ease;
}

.cs-item-card .card_inner a::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background-color: #1EA5E3;
  transition: height 0.25s ease;
  z-index: -1;
  color: #fff !important;
}

.cs-item-card .card_inner:hover .btn_row.count_1.oneButton a {
  color: #fff;
}

.cs-item-card .card_inner:hover a::before {
  height: 100%;
}
.cs-card-item .card_gallery .bottom_row.notshadow .rowGap15 {
  row-gap: 0 !important;
}
.simple-banner.cs-bottom-pane {
  padding: 0;
  min-height: 34px;
  margin-bottom: 40px;
}

.simple-banner.cs-bottom-pane .bg_el.color_bg.gradient_bg {
  background: linear-gradient(to right, white, #1EA5E3, white) !important;
}

.simple-banner.cs-bottom-pane h2 {
  font-family: "Figtree", Sans-serif;
  font-size: 22px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 1.1em;
  color: #FFFFFF !important;
  margin-bottom: 0 !important;
}

.cs-footer.footer_section__2 .footer-section-1 {
  padding-left: 30px;
  padding-right: 30px;
}
.cm-blog-post-noSidebr article.blog-post img {
  width: 100%;
}
.cm-blog-post-noSidebr .content-wrapper {
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width:1199px){

  .cs-header .nav>nav>ul {
    gap: 8px!important;
    top:0 !important;
  }
  .cs-header .nav.megamenu>nav>ul .header__menu-item--depth-1>ul>li>a, 
  .cs-header .nav>nav>ul>li>a {
    font-size: 14px!important;
  }
}

@media (max-width:991px){
  .cs-card1 .page-center.theme_center {
    padding: 0 30px;
  }
  .cs-top .flex_row {
    flex-direction: column;
    gap:11px;
  }
  .cs-top .flex_row .col-section {
    width: 100% !important;
  }
  .cs-footer .cs-col1 {
    padding: 0 0 20px 0 !important;
  }
  .cs-footer .cs-bottom,
  .cs-footer .cs-top {
    padding: 0 30px;
  }
  .cs-top .footer-social {
    gap: 43px;
  }
  /*==========MOBILE TRIGEER CSS============*/
  .cs-header .nav>nav>ul.mobile_menu_list {
    display: block !important;
    padding: 40px 10px 0 10px !important;
    margin-bottom: 0 !important;
  }
  .cs-header .top-section.mobile_section {
    display: none;
  }
  .cs-header .nav>nav>ul.mobile_menu_list li {
    border: none !important;
  }

  .cs-header .nav>nav>ul.mobile_menu_list >li>a {
    font-weight: 800;
    font-size: 16px;
    line-height: 24px;
    text-transform: capitalize;
    padding: 4px 10px !important;
  }
  .cs-header .nav>nav>ul.mobile_menu_list li a:hover{
    background-color:#DFE2E2;
  }
  .cs-header.header .mobile-close-icon svg.svg-icon {
    font-size: 23px;
  }
  .cs-header.header .mobile-close-icon {
    display: block;
    font-size: 10px;
    right: 10px;
    top: 10px;
  }
  .cs-header .nav>nav>ul.mobile_menu_list li.header__menu-item--depth-2>a {
    border-bottom: 2px solid #B4CCD63D;
    font-weight: 800;
    font-size: 16px;
    line-height: 19px;
  }

  .cs-header .nav>nav>ul.mobile_menu_list li.header__menu-item--depth-3>a {
    font-size: 14px;
    line-height: 17px;
    padding: 4px 10px;
    border-radius: 6px;
  }
  .menu-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99;
    pointer-events: none;
  }

  header.cs-header {
    z-index: unset;
  }

  body.mobile-menu-open .menu-overlay {
    display: block;
    pointer-events: all;
  }

  /* Nav ke upar overlay nahi aana chahiye */
  .header.cs-header .nav {
    z-index: 100; /* overlay 99 se zyada */
  }
  .cs-footer .cs-top {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .cs-top .cs-col1 .footer-logo img {
    width: 229px !important;
  }
  .cm-blog-post-noSidebr .content-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}


@media (max-width:767px){

  .blog-comments {
    padding: 0;
}
  
  .cm-blog-post-noSidebr .content-wrapper {
    padding-top: 15px;
  }
  .blog-post__body h2 {
    font-size: 24px;
    line-height: 1.1 !important;
  }

  .cs-card2 {
    padding: 30px 20px !important;
  }

  .cs-top .cs-col1 .footer-logo img {
    max-width: 100% !important;
    width: 123px !important;
  }
  .cs-footer .cs-bottom, .cs-footer .cs-top {
    padding: 0 20px;
  }
  .footer-social-item:nth-child(3) {
    margin: unset;
  }
  .cs-footer .cs-col1 {
    padding: 0 !important;
  }
  .cs-top .footer-social {
    gap: 12px;
  }
  .cs-top .footer-social .footer-social-item {
    width: 36px;
    height: 36px;
  }
  .cs-top .footer-social .footer-social-item svg {
    width: 20px;
    height: 20px;
  }
  .cs-footer .cs-col3 {
    padding: 0 !important;
  }
  .cs-footer .cs-top .cs-col2 ul li {
    padding-bottom: 5px;
    margin-top: 0  !important;
  }
  .cs-logo-container .logos_row.flex_row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
  .cs-logo-container .logo_item img {
    width: 333px;
  }
  .cs-logo-container .page-center.theme_center.pdlr0.splide-wrapper {
    padding: 0 20px;
  }
  .cs-logo-container .logos_row.flex_row {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 20px;
  }
  .cs-logo-container .logo_item img {
    width: 333px;
  }
  .cs-logo-container .page-center.theme_center.pdlr0.splide-wrapper {
    padding: 0 20px;
  }

  .cs-card2 {
    padding: 20px;
  }
  div#hs_cos_wrapper_module_1783671050938 {
    padding: 0 10px;
  }
  .cs-card1 .page-center.theme_center {
    padding: 0 30px;
  }
  .cs-card1 .card_item.it1 {
    padding: 0;
  }

  .cs-card1 .card_item.it2 {
    padding: 0;
  }

  .header.cs-header .nav {
    width: 90vw!important;
  }
}

@media (max-width:520px){

  .cs-header .logo-section {
    flex: 0 0 162px  !important;
  }

}
@media (max-width:425px){

  .cs-footer .cs-bottom, .cs-footer .cs-top {
    padding: 0 30px;
  }
  .cs-header .logo-section {
    flex: unset !important;
  }
}

article.blog-post {
  padding-left: 6%;
  margin-bottom: 100px;
}

.dnd-section {
  padding-left: 20px;
  padding-right: 20px;
}

.hs-button,
form input[type=submit],
.hsfc-Renderer form .hsfc-Button {

  background-color: rgba(30, 165, 227,1.0);
  color: rgba(255, 255, 255,1.0);
  border-width: 0px;
  border-color: rgba(30, 165, 227,1.0);
  padding: 12px 28px;
  border-radius: 10px;
}
.hs-button:hover, 
form input[type=submit]:hover,
.hsfc-Renderer form .hsfc-Button:hover,
.hsfc-Renderer form .hsfc-Button:not([disabled]):hover {
  transform: translateY(0);
  background-color: rgba(33, 163, 220,1.0);
  color: rgba(255, 255, 255,1.0);
  border-color: rgba(30, 165, 227,1.0);
}

.cs-header .primary-section {
  padding: 15px 30px;
}

.cs-header .primary-section .page-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cs-header .top-section {
  padding: 7px 0 9px;
}

.cs-header .top-section .cst-inner-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.cs-header .nav>nav>ul>li>a {
  padding: 8px;
}


/*==========================================
Logo
==========================================*/

.cs-header .logo-section {
  flex: 0 0 220px;
  position: relative;
  right: 10px;
}

.cs-header .logo-section img {
  width: 200px;
  display: block;
}

/*==========================================
Header Right
==========================================*/

.cs-header .Header-main-top {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  gap: 18px;
  margin-top: 1px;
  padding: 5px;
}

.cs-header .Header-main-top > div:first-child {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 18px;
}

/*==========================================
Contact / Chat
==========================================*/

.cs-header .cs-top-header_right-sec {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  white-space: nowrap;
  font-size: 14px;
}

.cs-header .cs-top-header_right-sec .section-icon svg {
  width: 19px;
  height: 19px;
}

header.cs-header .cst-inner-wrapper .text h4:last-child {
  position: relative;
  top: -1px;
  font-weight:400;
}
header.cs-header .cst-inner-wrapper .address-section .text h4 {
  color: #fff;
  font-size: 16px;
  font-weight:400;
}

/* Chat */

.cs-header .chat-section {
  display: flex;
  align-items: center;
}

.cs-header .chat-section .chat-text a {
  color: #fff;
  transition: all 0.3s ease;
}

.cs-header .chat-section .section-icon svg {
  transition: all 0.3s ease;
}

.cs-header .chat-section:hover .section-icon svg,
.cs-header .chat-section:hover .chat-text a {
  color: #dfe2e2;
  fill: #dfe2e2;
}

/* Phone */

.cs-header .contact-section .section-icon svg,
.cs-header .contact-section .text h4 {
  transition: all 0.3s ease;
}

.contact-section .tel-icon svg {
  display: none;
}

.contact-section .tel-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact-section .tel-icon::before {
  content: "\ec10";
  font-family: "icomoon" !important;
  font-size: 19px;
  line-height: 1;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}

.cs-header .contact-section:hover .tel-icon::before,
.cs-header .contact-section:hover .text h4 {
  color: #dfe2e2;
}

.header .social-share ul li>a svg path, header.header .section-icon svg path {
  display: none;
}

/* Add the IcoMoon chat icon */
.cs-header .chat-section .section-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.cs-header .chat-section .section-icon::before {
  content: "\ebb9";
  font-family: "icomoon" !important;
  font-size: 19px;
  line-height: 1;
  display: inline-block;
  color: #fff;
  transition: all 0.3s ease;
}

/* Keep your existing hover effect */
.cs-header .chat-section:hover .section-icon::before,
.cs-header .chat-section:hover .chat-text a {
  color: #dfe2e2;
}

header.cs-header .section-icon svg, header.cs-header .section-icon > * {
  display: none;
}
header.header .section-icon {
  margin-right: unset;
}

.cs-header .address-section, .cs-header .contact-section > a {
  display: flex;
  align-items: center;
  transition: all 0.15s linear;
}
/*==========================================
Search
==========================================*/

.cs-header-search-bar {
  align-items: center;
  border-radius: 30px;
  box-shadow: inset 8px 8px 10px 1px #e7e7e7;
  display: flex;
  height: 39px;
  justify-content: left;
  margin-right: 11px;
  padding: 0 15px;
  width: 300px;
}

.cs-header .cs-header-search-bar input,
.cs-header-search-bar input {
  width: 237px;
  height: 40px;
  padding: 0;
  font-size: 14px;
  background: transparent;
  border: 0;
  border-radius: 30px 0 0 30px;

}

.cs-header-search-bar svg {
  width: 18px;
  height: 18px;
}

.cs-header .cs-header-search-bar input,
.cs-header .cs-header-search-bar input:focus,
.cs-header .cs-header-search-bar input:focus-visible,
.cs-header .cs-header-search-bar input:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.search-btn {
  font-family: "Outfit", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
  border-radius: 0px 50px 50px 0px;
  padding: 15px 21px 7px 13px;
  background-color: transparent;
}

.search-btn::before {
  content: "\f002";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: 14px;
  color: #000;
}

.cs-header-search-bar button:hover {
  background-color: transparent;
  border-color: #000;
  color: #000;
}

.cs-header-search-bar button:hover::before {
  color: #000;
}

.cs-header .cs-header-search-bar input::placeholder {
  color: #666;
  opacity: 1;
}

.header__menu-item .child-trigger svg {
  display: none;
}

.header__menu-item .child-trigger::before {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  display: inline-block;
  transition: transform .3s ease;
  font-size: 14px;
}

.cs-header .header__menu-item:hover .child-trigger::before {
  transform: rotate(180deg);
}

.cs-header .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu:hover >ul {
  transform: UNSET;
}

.cs-header .header__menu--desktop>.header__menu-wrapper .header__menu-item--has-submenu:hover >ul {
  transition: none;
}

.cs-header .header__menu--desktop>.header__menu-wrapper .header__menu-submenu--level-2 {
  transition: NONE;
  box-shadow: none;
  padding: 0;
}

.cs-header .header__menu--desktop>.header__menu-wrapper .header__menu-submenu {
  padding: 0;
  transform: none;
  box-shadow: none;
}
/*==========================================
Social / Login
==========================================*/

.cs-header .desktop_social_shares .header_social-share_ul {
  align-items: center;
  display: flex;
  gap: 18px;
  position: relative;
  top: -2px;
  left: 8px;
}

.cs-header .desktop_social_shares .header_social-share_ul li a {
  display: flex;
  align-items: center;
}

.cs-header .desktop_social_shares .header_social-share_ul li svg {
  width: 22px;
  height: 22px;
  fill: #1fa2e1;
}

.cs-header .desktop_social_shares .header_social-share_ul .ic1 a:after {
  color: #000;
  content: "Login";
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-left: 10px;
  white-space: nowrap;
}
/*==========================================
Navigation
==========================================*/

.cs-header .nav {
  width: 100%;
}

.cs-header .nav > nav > ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 17px;
  position: relative;
  top: -5px;
  /*   flex-wrap: nowrap; */
}

.cs-header .nav > nav > ul > li > a,
.cs-header .nav.megamenu > nav > ul .header__menu-item--depth-1 > ul > li > a {
  font-family: "Figtree", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

.cs-header .header__menu-item--depth-1 {
  padding: 0;
}

/*==========================================
Dropdown Arrow
==========================================*/

.cs-header .child-trigger {
  margin-left: 6px;
}

.ic_it.ic2 a {
  color: #003052;
}

.ic_it.ic2 a svg {
  fill: currentColor;
}

.cs-header .ic_it.ic1 a svg path,
.cs-header .ic_it.ic2 a svg path,
.cs-header .ic_it.ic1 a:hover svg path,
.cs-header .ic_it.ic2 a:hover svg path,
.cs-header .ic_it.ic1 a:focus svg path,
.cs-header .ic_it.ic2 a:focus svg path {
  fill: #1ea5e3  !important;
  background-color: unset;
}

.cs-header .social-share ul li > a:hover {
  background-color: unset;
}

.cs-header .social-share ul li > a,
.cs-header .section-icon {
  background-color: unset;
}

/* Hide existing User SVG */
.cs-header .ic_it.ic1 a svg {
  display: none;
}

/* User Icon */
.cs-header .ic_it.ic1 a::before {
  content: "\eccc";
  font-family: 'icomoon' !important;
  /*   font-weight: 400; */
  font-size: 22px;
  color: #1e88e5;
  display: inline-block;
  line-height: 1;
}

.cs-header .ic_it.ic1 a:hover::before,
.cs-header .ic_it.ic1 a:focus::before {
  color: #1e88e5;
}

/* Hide existing Cart SVG */
.cs-header .ic_it.ic2 a svg {
  display: none;
}

/* Cart Icon */
.cs-header .ic_it.ic2 a::before {
  content: "\ec6b";
  font-family: 'icomoon' !important;
  /*   font-weight: 400; */
  font-size: 1.375rem;
  color: #1e88e5;
  display: inline-block;
  line-height: 1;
}

.cs-header .ic_it.ic2 a:hover::before,
.cs-header .ic_it.ic2 a:focus::before {
  color: #1e88e5;
}

/* Remove hover effects */
.cs-header .desktop_social_shares .header_social-share_ul .ic1 a:hover svg {
  fill: inherit !important;
  color: inherit !important;
  transform: none !important;
  opacity: 1 !important;
}

/* Dropdown */
.cs-header .header__menu--desktop > .header__menu-wrapper .header__menu-submenu {
  min-width: max-content;
}


/* Form css */
/* Placeholder */
form .hsfc-TextInput::placeholder,
form .hsfc-TextareaInput::placeholder {
  font-size: 14px;
}

/* Input & Textarea text */
form .hsfc-TextInput,
form .hsfc-TextareaInput {
  font-size: 14px;
}

/* Labels */
form .hsfc-FieldLabel,
form .hsfc-FieldLabel span {
  font-size: 14px;
  line-height: 1.4;
}

/* Space between rows */
form .hsfc-Row {
  margin-bottom: 10px !important;
}

/* Space between label and email input */
form .hsfc-EmailField > *:not(:last-child) {
  margin-bottom: 4px !important;
}

/* Optional: Apply to all field types */
form .hsfc-TextField > *:not(:last-child),
form .hsfc-EmailField > *:not(:last-child),
form .hsfc-NumberField > *:not(:last-child),
form .hsfc-TextareaField > *:not(:last-child) {
  margin-bottom: 4px !important;
}


.header__menu-wrapper > .header__menu-item:nth-child(1) > .header__menu-link,
.header__menu-wrapper > .header__menu-item:nth-child(2) > .header__menu-link {
  padding-top: 10px!important;
  padding-bottom: 10px!important;
}

.tabber .media-col .form-wrap .hs-input, form input[type=email], form input[type=file], form input[type=number], form input[type=password], form input[type=search], form input[type=tel], form input[type=text], form select, form textarea
{
  font-size: 14px !important;
  font-weight: 400 !important;
  height: 40px!important;
}

.cs-header .primary-section {
  box-shadow: none;
}


header.cs-header .nav > nav > ul .header__menu-item--depth-1 ul > li a {
  font-weight: 800;
  font-size: 14px;
}

.cs-header .nav > nav > ul > li {
  position: relative;
  transition: background-color 0.3s ease;
}

.cs-header .nav > nav > ul > li:hover {
  background-color: rgba(255, 255, 255, 0.08); /* adjust tint as needed */
}

.cs-header .nav > nav > ul > li:hover > a {
  color: #1ea5e3;
}

.cs-header .nav > nav > ul > li:hover .child-trigger::before {
  color: #1ea5e3;
}
/*****************************************/
/* Responsive View */
/*****************************************/

@media (max-width: 1440px){

  .cs-header .top-section .cst-inner-wrapper {
    padding: 0 30px;
  }

}
@media (max-width: 991px) {


  .cs-header .top-section {
    display: block;
    padding: 18px 0;
  }

  .cs-header .social-share {
    margin-top: -7px;
  }

  .cs-header .cs-top-header_right-sec {
    display: none;
  }

  .cs-header .top-section .page-center {
    padding: 0 25px;
  }

  .cs-header .logo-section img {
    width: 120px !important;
  }

  .cs-header .primary-container.primary-container-header_section1 {
    min-height: 73.5px !important;
  }

  .cs-header-search-bar {
    display: none;
  }



  .cs-header .primary-section .page-center {
    padding: 0;
  }

  .cs-header .cst-humburger-icon .trigger {
    display: none;
  }

  .cs-header .primary-section {
    padding: 18px 30px;
  }

  .header.cs-header .nav {
    width: 350px;
    height: 100vh;
    align-items: flex-start;
    right: 0;
    left: auto;
  }

  .cs-header .cst-humburger-icon::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'/%3E%3C/svg%3E");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .cs-header .nav > nav > ul {
    position: static;
  }

  .cs-header .address-section, .header .contact-section > a {
    justify-content: center;
  }

  .cs-header .top-section .cst-inner-wrapper {
    display: block;
  }

  form .hsfc-Step .hsfc-Step__Content {
    padding: 0 !important;
  }

  .cs-header .top-section .cst-inner-wrapper {
    padding: 0 0px;
  }

  .header .contact-section>a {
    display: none;
  }

  header.cs-header .cst-inner-wrapper .address-section .text h4 {
    font-size: 14px;
  }
  .cs-header .top-section {
    padding: 10px 0;
  }
}
@media (max-width: 437px){

  .cs-header .desktop_social_shares .header_social-share_ul {
    align-items: center;
    display: flex;
    gap: 0px;
    flex-wrap: nowrap;
  }
  .cs-header .Header-main-top>div:first-child {
    align-items: center;
    display: flex;
    gap: 0px;
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  .cs-header .logo-section {
    flex: unset;
  }
}
.cs-bottom-scroller {
  background: white; 
  border-color: #D3EDF9;
  border-style: solid;
  border-width: 4px 0px 4px 0px;
}
  }