@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css");
html {
  -webkit-text-size-adjust: 100%;
}
/* @font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Font/Montserrat-Light.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Font/Montserrat.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: MontserratBold;
  src: url(../fonts/Montserrat-Font/MontserratBold.woff) format("woff");
  font-display: swap;
} */

body {
  width: 100%;
  margin: 0 auto;
  /* font-family: Montserrat; */

  font-family: "Montserrat", sans-serif !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  /* -webkit-font-smoothing: subpixel-antialiased; */
  line-height: 1.2;
}
html,
body {
  overflow-x: hidden;
}
.full-container {
  padding: 0 32px;
  width: 100%;
}
/* a{
  color:#008EBA !important;
} */

@media (min-width: 768px) {
  .col-full {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    padding: 0 !important;
    box-sizing: content-box;
  }
}

.aws-container .aws-search-field {
  border: none !important;
}

/*header css start*/
.site-header {
  padding-top: 0 !important;
  padding-bottom: 0;
  margin-bottom: 0 !important;
}
.top-header {
  background: #008eba;
  padding: 10px 0;
}

.main-header .full-container {
  padding: 0 !important;
  width: 100%;
}
.top-header-area {
  display: flex;
  align-items: center;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
}
.log-area {
  display: flex;
  align-items: center;
  flex-direction: row;
  padding-right: 32px;
}
.header-cart {
  display: flex;
  align-items: center;
  margin-right: 10px;
}
.header-cart span {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
  border-radius: 999px;
  background: #008eba;
  display: flex;
  padding: 4px 10px;
  justify-content: center;
  align-items: center;
}
.header-cart img {
  margin-right: 8px;
}
.header-log a {
  display: flex;
  align-items: center;
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.header-log a img {
  margin-right: 8px;
}
.top-header-left {
  display: flex;
  align-items: center;

}

.top-header-left h4 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
  margin-bottom: 0 !important;
}
.top-header-left p {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 18px */
  margin-bottom: 0 !important;
}
.top-header-left img {
  margin-right: 8px;
  width: 6%;
}
.top-header-right a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}
.top-header-right a img {
  margin-left: 7px;
}
.main-header-top {
  padding: 10px 0;
  border-bottom: 1px solid #e0e0e1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-header-top #secondary-menu {
  display: flex;
  align-items: center;
  gap: 32px;
  list-style: none;
  margin: 0;
  padding-left: 32px;
}

.main-header-top a {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.main-header-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 32px;
}
.site-logo {
    width: 265px;
}
.main-header-bottom .ubermenu-nav a {
  padding: 10px 10px;
}
.ubermenu-item-level-0 > a > span.ubermenu-target-title.ubermenu-target-text{
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
  font-size: 13px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 100% !important; /* 13px */
  letter-spacing: 0.26px !important;
  text-transform: uppercase;
}

/* .ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega{
  background: linear-gradient(to right, white 60%, rgba(247, 247, 247, 1) 20%)!important;
} */
.ubermenu-has-submenu-drop > a:after {
  content: url("/wp-content/uploads/2025/03/chevron-down.png");
  position: relative;
  top: 4px;
  margin-left: 2px;
}
.ubermenu-custom-content-padded span {
  color: #b2b4b5;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 19.5px */
  letter-spacing: 0.39px;
  text-transform: uppercase;
}

.mobile-primary{
  width: 100%;
  height: 100vh;
  transition: left .3s ease-in-out;
  position: fixed;
  top: 0;
  left: -100%;
  overflow-y: auto;
  padding: 30px 20px;
  background-color: #008eba;
  z-index: 1111;
}
.menu_close{
  position: absolute;
  right: 2%;
  top: 2%;
  color: #fff;
  font-size: 27px;
}
.mobile-primary.active{
  left:0;
}
.mobile-primary .menu-item a{
  color: #fff;
  padding: 7px 0;
}
.mobile-primary ul {
 list-style:none;
 padding:0;
 margin: 0;
}
.mobile-primary ul li a{
  font-size: 18px;
  font-weight: 600;
}
.mobile-primary ul .sub-menu{
  margin-left:15px;
  margin-bottom:15px;
}
.mobile-primary ul .sub-menu li a{
  font-size: 15px;
  font-weight: 400;
}
.site-header ul.menu li.current-menu-item > a {
  color: #008eba;
}
.add-arrow{
  list-style: none;
}
.add-arrow a{
  background: #fff;
  padding: 10px;
  border-radius: 40px;
  color: #008eba;
}
.cat-title {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  display: flex;
  align-items: center;
}
.cat-title img {
  margin-right: 4px;
}
/* .ubermenu-submenu .ubermenu-target-title {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 150% !important; /* 21px */
} */

/* .ubermenu-submenu .menu-icon a{
    background:#fff;
} */
.ubermenu .ubermenu-row {
  margin-bottom: 0 !important;
  clear: both;
}
.ubermenu-submenu .menu-icon .hover {
  display: none;
}
.ubermenu-submenu .menu-icon:hover .reg {
  display: none;
}
.ubermenu-submenu .menu-icon:hover .hover {
  display: block;
}
/* .by_type, .menu-image {
    border-left: 1px solid rgba(0, 8, 10, 0.02) !important;
    background: #F7F7F7 !important;
} */
.get-custom-btn {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  /* line-height: 34px; */
  letter-spacing: 0.26px;
  text-transform: uppercase;
  border-radius: 999px;
  border: 1px solid #008eba;
  background: #008eba;
  /* display: flex
; */
  /* height: 40px; */
  padding: 9px 24px 9px;
  /* justify-content: center; */
  /* align-items: center; */
}
.aws-search-form, .shop-search .search {
  width: 340px;
  position: relative;
  display: flex;
  border-radius: 999px;
  border: 1px solid #e0e0e1;
  background: #fff;
  display: flex;
  height: 40px;
  padding: 8px 16px;
  align-items: center;
  gap: 8px;
}
.searchTerm,
.aws-search-btn {
  width: 100%;
  color: #5c5d5f !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150%;
  background: none !important;
  outline: none !important;
  border: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
.aws-container .aws-search-field {
  border: none;
  background: none;
  outline: 0;
  box-shadow: none;
}
.searchTerm:focus {
  color: #008eba;
}
.searchButton {
  width: 20px;
  height: 40px;
  text-align: center;
  color: #5c5d5f;
  cursor: pointer;
  font-size: 20px;
  padding: 0;
  background: none;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
  outline: 0 !important;
}
.aws-container .aws-search-form {
  margin-bottom: 0;
  width: 75%;
}
.nav-opener{
  display:none;
  width: 35px;
  height: 35px;
  position: relative;
  margin-left: auto;
}
.nav-opener span, .nav-opener:before, .nav-opener:after {
  width: 100%;
  height: 3px;
  transition: width .3s ease-in-out, -webkit-transform .3s ease-in-out;
  transition: width .3s ease-in-out, transform .3s ease-in-out;
  transition: width .3s ease-in-out, transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  position: absolute;
  top: 15px;
  left: 0;
  background-color: #008eba;
}
.nav-opener:before, .nav-opener:after {
  content: "";
  top: 5px;
}
.nav-opener:after {
  top: 25px;
}
.nav-active .nav-opener:before, .nav-active .nav-opener:after {
  top: 15px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-active .nav-opener span {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-active{
  overflow-y:hidden;
}
.mobile-menu-toggle{
  width:0;
  display: none;
}
.tab_toggle_menu{
  display: none;
}
.mobile_header{
  display:none !important;
}
.header-search{
  display:none;
}
.header-search.show-search{
  display:block!important;
  margin: 0 10px 10px;
}
.main-header-bottom .header-search {
  display: block; 
}
/*header css end*/

/*looking css start*/

.look_for_sec {
  /* border-top: 1px solid rgba(0, 8, 10, 0.02);
  background: #f7f7f7; */
  padding: 80px 32px;
  border-top: 1px solid rgba(0, 8, 10, 0.02);
  background: rgba(128, 199, 221, 0.28);
}
.look_for_sec_area {
  display: flex;
  align-items: center;
  gap: 80px;
}

@media (max-width: 800px) {
  .look_for_sec_area {
    flex-wrap: wrap;
  }
}
.look_for_sec_left,
.look_for_sec_right {
  width: 50%;
}
.look_for_sec_right img{
  float: right;
}
@media (max-width: 992px) {
  .look_for_sec_left,
  .look_for_sec_right {
    width: 100%;
  }
  .look_for_sec_left a {
    width: auto !important;
  }
  .look_for_sec_left h4 {
    font-size: 30px !important;
  }
  .look_for_sec_right img{
    float: none;
  }
}
.look_for_sec_left h4 {
  /* color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 48px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%; 
  letter-spacing: -1.2px; */
  margin-bottom: 24px !important;
  color:  #00080A;
  font-family: Roboto;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 52.8px */
  letter-spacing: -1.2px;
}
.look_for_sec_left p {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%; /* 30px */
  margin-bottom: 32px !important;
}
.look_for_sec_left a {
  display: flex;
  height: 40px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  width: 45%;
  gap: 6px;
  border-radius: 999px;
  border: 1px solid #008eba;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
  background:#008eba;
}
.look_for_sec_left a:hover{
  background: #008eba !important;
  color: #fff;
}
/*looking css end*/

/*footer css start*/
footer {
  padding: 64px 32px;
  background: #00475d;
}

.footer-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 0;
}

@media (max-width: 992px) {
  .footer-grid {
    flex-wrap: wrap;
  }
  footer {
    padding: 64px 23px;
  }
  .fotter_top {
    flex-wrap: wrap;
    gap: 33px;
  }
}
.footer-col h4 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}
.footer-col ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.footer-col ul li {
  padding: 8px 0;
}
.footer-col ul li,
.footer-col ul li a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.footer-col .address-ul li a {
  text-decoration: underline;
}
.fotter_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fotter_top_left {
  display: flex;
  align-items: center;
  gap: 16px;
}
.fotter_top_left a i {
  color: #fff;
}
.fotter_top_right p {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  margin: 0 0 8px 0;
}
.footer_subscribe {
  width: 400px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.footer_subscribe input,
#gform_wrapper_20  .gfield input.large {
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  background: rgba(255, 255, 255, 0.1) !important;
  display: flex;
  height: 40px;
  padding: 0px 140px 0px 16px !important;
  justify-content: center;
  align-items: center;
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150%; /* 24px */
}

.fotter_top_right
  .gform_wrapper.gravity-theme
  #field_submit
  .gform-button--width-full,
.gform_wrapper.gravity-theme .gform_footer .gform-button--width-full {
  text-align: center;
  width: auto;
}
.fotter_top_right .gform_wrapper.gravity-theme .gform_fields {
  display: flex !important;
}
@media (max-width: 992px) {
  .fotter_top_right .gform_wrapper.gravity-theme .gform_fields {
    display: flex !important;
    gap:20px;
  }
}
.footer_subscribe button,
.gform_wrapper.gravity-theme #field_submit .gform-button--width-full {
  border-radius: 999px;
  border: 1px solid #fff;
  background: #fff;
  display: flex;
  height: 40px;
  padding: 0px 24px;
  width: auto;
  justify-content: center;
  align-items: center;
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.footer_logo img {
  width: 70%;
}
.fotter_crt {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.fotter_bottom_left {
  display: flex;
  align-items: center;
}
@media (max-width: 992px) {
  .fotter_bottom {
    flex-wrap: wrap !important;
  }
  .fotter_bottom_left {
    flex-wrap: wrap;
    gap: 15px;
  }
  .fotter_priv_menu .footer-nav a {
    font-size: 11px !important;
    margin-bottom: 15px !important;
  }
  .fotter_btn p {
    margin-top: 15px !important;
  }
  .gform_wrapper.gravity-theme .gform_footer,
  .gform_wrapper.gravity-theme .gform_page_footer {
    display: none !important;
  }
}
.fotter_priv_menu .footer-nav {
  padding: 0;
  list-style: none;
  margin: 0 0 0 12px;
  display: flex;
  gap: 12px;
}
.fotter_priv_menu .footer-nav a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.fotter_btn p {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 140%; /* 22.4px */
  letter-spacing: -0.16px;
  text-transform: uppercase;
  display: flex;
  padding: 16px;
  align-items: center;
  border: 3px solid #fff;
  margin: 0;
}
.fotter_btn p img {
  padding: 0 5px;
}
.fotter_bottom {
  padding: 0;
  justify-content: space-between;
  display: flex;
  align-items: center;
}
footer hr {
  background: rgba(225, 225, 225, 0.25);
  opacity: 0.2;
  margin: 28px 0;
}
.fotter_top_right form {
  margin-bottom: 0;
}
.gform_footer.top_label{
  display: none !important;
}
.gform_wrapper.gravity-theme .gform_fields {
  display: flex;
}
/*footer css end*/

/* home banner css start */

.main-banner .banner-container-sl-1 {
  height: 700px;
  background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)),
    url(/wp-content/uploads/2025/03/banner-im-scaled.jpg);
  background-size: cover;
  background-position: center;
  display: flex !important;
  background-repeat: no-repeat;
  padding: 0;
}

.main-banner {
  position: relative;
}

.custom-dotss-container .slick-dots {
  position: absolute;
  /* margin: -24px 0 0 0; */
  /* bottom: -25px; */
  display: block;
  width: 50%;
  top: -137px;
  position: relative;
  display: flex;
  padding: 0;
  z-index: 1;
  /* margin: -170px 0 0 0; */
  list-style: none;
  text-align: center;
  right: -32px;
}

.custom-dotss-container .slick-dots li {
  /* position: relative; */
  display: inline-block;
  width: 20px;
  background: transparent;
  border: 1px solid #fff;
  height: 20px;
  border-radius: 50px;

  height: 10px;
  width: 10px;
  margin: 0 5px;

  padding: 0;
  cursor: pointer;
}

.custom-dotss-container .slick-dots li.slick-active {
  width: 36px;
  background-color: #fff;
  transition: 0.3s ease-in;
}
.banner-slider-content {
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  padding: 32px;
  position: relative;
}
.banner-inner{
  display: flex;
  position: relative;
  height:100%;
}
.left-cont h1 {
  color: #fff;
  font-weight: 200;
  font-size: 81px;
  font-family: "Montserrat", sans-serif;
}

/* .left-cont {
  width: 100%;
} */

.right-cont p {
  color: #fff;
  font-size: 20px;
  font-weight: 300;
  line-height: 150%;
  font-family: "Montserrat", sans-serif;
}

.banner-inner .right-cont {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 79px;
}
.shop-btn a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  border: 1px solid #fff;
  border-radius: 100px;
  padding: 15px 41px;
  margin-top: 48px;
  font-family: "Montserrat", sans-serif;
}

.shop-btn {
  margin: 60px 0 0;
}

.banner-slider {
  width: 100%;
  overflow: visible !important;
  position: relative;
}

.banner-slider-content .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 1000;
}
@media (max-width: 767px) {
  .banner-innert {
    flex-direction: column;
  }
  .left-cont h1 {
    font-size: 35px;
    font-family: Montserrat;
  }

  .main-banner .banner-container-sl-1 {
    height: auto;
  }

  .custom-dotss-container .slick-dots {
    top: -102px;
  }
}

.banner-slider-content .slick-dots li {
  list-style: none;
  display: inline-block;
}

.banner-slider-content .slick-dots li button {
  font-size: 0;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 2px solid white;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 1200px) and (max-width: 1400px) {
  .left-cont h1 {
    font-size: 65px;
  }
}

/* home banner css end */

/* browse category section start */

.img-category img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  padding: 20px;
}

.category-grid {
  display: flex;
  /* justify-content: space-between; */
  gap: 32px;
  margin: 0 32px;
  flex-wrap: wrap;
}

.img-category {
  display: flex;
  justify-content: center;
  padding: 15px;
  background: rgba(247, 247, 247, 1);
  height: 234px;
  object-fit: cover;
  margin-bottom: 10px;
}

.category-card h3 {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}
.category-card {
  width: 23%;
}

.img-category:hover {
  background-color: #008eba;
  box-shadow: 0px 8px 8px -4px rgba(0, 0, 0, 0.2),
    0px 20px 24px -4px rgba(0, 0, 0, 0.2);
  transition: 0.3s ease-in;
}

.img-category:hover img {
  filter: invert(1) brightness(1000%);
}

.top-head {
  display: flex;
  justify-content: space-between;
  margin: 0 32px;
  align-items: center;
}

@media (max-width: 767px) {
  .top-head {
    gap: 30px;
  }
}

.top-head h2 {
  /* font-family: "Montserrat", sans-serif;
  font-size: 48px;
  letter-spacing: -2.5%;
  font-weight: 200; */
  margin: 0;
  color:#00080A;
font-family: Roboto;
font-size: 48px;
font-style: normal;
font-weight: 600;
line-height: 110%; /* 52.8px */
letter-spacing: -1.2px;
}

.top-head a {
  /* display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2%;
  color:  #00080A;
  gap: 8px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif; */
  color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    padding: 9px 24px 9px;
    height: 40px;
}

.top-head a img {
  filter: invert(1);
}

.browse-category {
  padding-top: 44px;
}

.page-numbers li {
  cursor: pointer;
}
.woocommerce-result-count select:focus {
  outline: none;
  border: none;
}
.category-grid {
  padding: 64px 0 83px 0;
}

.page-numbers .current {
  color: #008eba !important;
}

.banner-slider-content .slick-dots .slick-active button {
  width: 57px !important;
  border-radius: 12px;
  height: 8px;
  background: #fff;
}

.banner-slider-content .slick-dots {
  position: absolute;
  bottom: 20px;
  left: 50%;
  /* transform: translateX(-46%); */
  /* transform: translateY(-53%); */
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 1000;
}
@media (max-width: 767px) {
  .col-full {
    margin: 0 !important;
  }
  .col-full {
    margin: 0 !important;
  }
  .right-cont p {
    font-size: 16px;
  }
  .top-head {
    flex-wrap: wrap;
  }
  .top-head h2 {
    font-size: 31px;
  }
}

.banner-slider-content .slick-dots li {
  position: relative;
  display: inline-block;
  /* width: 0px; */
  /* height: 20px; */
  margin: 0 -1px;
  padding: 0;
  cursor: pointer;
}
.banner-slider-content .slick-dots {
  position: absolute;
  bottom: 12%;
  /* left: 50%; */
  transform: translateX(-43%);
  /* transform: translateY(-53%); */
  display: flex;
  gap: 10px;
  align-items: center;
  z-index: 1000;
}

@media (max-width: 767px) {
  .category-card {
    width: auto;
  }

  .category-grid {
    flex-direction: column;
  }
}
/* browse category section end */

/* category downloads start */

.catalog-slider {
  display: flex;
  margin: 30px 0 0;
  padding-left: 32px;
  width: 100%;
}

@media(min-width:768px){
.catalog-slider .catalog-card {
    width: 33.33% !important;
}
.catalog-slider .slick-list, .catalog-slider .slick-track{
  width: 100%;
}
}
@media (max-width: 992px) {
  .custom-nav-bar {
    flex-wrap: wrap;
    gap: 32px;
  }
}

.catalog-card {
  /* max-width: 400px !important; */
  height: 530px !important;
}

._df_book-cover {
  height: 442px !important;
  /* width: 336px !important; */
  display: flex !important;
  justify-content: center;
  flex-direction: column-reverse;
  justify-content: center;
  background: #fff !important;
  border-radius: 0 !important;
  padding: 20px 20px 43px;
  box-shadow: 0px 8px 8px 0px rgba(0, 0, 0, 0.2),
    0px 20px 24px 0px rgba(0, 0, 0, 0.2) !important;
}

._df_thumb[thumbtype="img"] {
  height: auto;
  width: calc(100% - 48px) !important;
}
._df_thumb {
  box-shadow: none !important;
}

._df_thumb[thumbtype="img"] img {
  width: 100%;
  object-fit: contain;

  height: 100%;
  max-height: unset !important;
}

._df_thumb ._df_book-title {
  padding: 0 !important;
  /* bottom: 9px !important;
  position: absolute;
  left: 0; */
  position:relative !important;
  bottom: auto !important;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  padding: 5px;
  font-size: 16px !important;
  background: none !important;
  box-sizing: border-box;
  color:  #00080A !important;
  opacity: 1 !important;
}

.custom-dots-container .slick-active {
  width: 52px !important;
  background-color: #008eba;
  height: 8px;
  border-radius: 50px;
  transition: 0.3s ease;
}

.custom-dots-container .slick-dots li.slick-active button:before {
  opacity: 0 !important;
  color: black;
}

.custom-dots-container .slick-dots li button {
  font-size: 0;
  display: none !important;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.custom-dots-container .slick-dots li {
  position: relative;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 1px solid rgba(224, 224, 225, 1);
  border-radius: 50px;
  /* margin: 16px 5px; */
  padding: 0;
  cursor: pointer;
}

.custom-dots-container .slick-dots {
  position: static !important;
}

.custom-nav-bar {
  display: flex;
  justify-content: space-between;
  margin: 0 32px;
}
.custom-nav button {
  width: 120px;
  border-radius: 100px;
  padding: 12px; 
  background: transparent; 
  color: #000;
  border: 1px solid rgba(224, 224, 225, 1);
}
.custom-nav_btn.active, .custom-nav_btn:hover{
  background:#008EBA !important;
  color:#fff;
}
.custom-nav {
  display: flex;
  gap: 10px;
}

.custom-nav button:hover {
  background: transparent;
  border: 1px solid rgba(224, 224, 225, 1);
  transition: 0.3s ease-in;
}

.catalog-section {
  margin: 0px 0 60px;
  padding: 98px 0 100px;
  background: linear-gradient(to right, white 38%, rgba(247, 247, 247, 1) 20%);
}

@media (max-width: 767px) {
  .catalog-section {
    margin: 50px 0;
  }
}

/* category downloads end */
.product-slider{
     margin: 40px 32px 0;
}
.product-slider .slick-track {
    display: flex;
    gap: 20px;
}
.product-slider .slick-slide{
  height: 400px;
}
.product-slider .slick-slide img {
    display: block;
    height: 256px;
    overflow: hidden;
    object-fit: contain;
    width: 100%;
}
.product-slider .slick-slide h3{
  color:  #00080A;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
.product-slider .slick-slide h3 b{
  color: #00080A;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}
.product-slider .slick-slide .amount bdi{
  color:#00080A;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}
.gallery-section{
  margin:80px 0 50px;
}
.gallery-slider {
     margin: 40px 32px 0;
}
.gallery-slider .slick-track {
    display: flex;
    gap: 20px;
}
.gallery-item {
    border: 1px solid rgba(0, 8, 10, 0.02);
    background: #FFF;
    box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
    padding: 20px;
    height: 320px;
    text-align: center;
    margin-bottom: 30px;
}
.gallery-item img{
    display: block;
    height: 250px;
    width: 100%;
    object-fit: cover;
}
.gallery-item .image-title{
  color:  #00080A;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  margin-top:10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gallery_dot ul:first-child {
    display: none !important;
}

/* Blog page css start */

.feature-blog {
  width: 100%;
  /* max-width: 1200px; */
  margin: 50px auto;
  display: flex;
  background: white;
  /* padding: 20px; */
  padding: 32px 32px;
  /* border-radius: 8px; */
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
  align-items: center;
}

.feature-blog .image-section {
  flex: 1;
  position: relative;
  overflow: hidden;
}

.feature-blog .image-section img {
  width: 100%;
  /* border-radius: 8px; */
  box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03),
    0px 12px 16px -4px rgba(0, 0, 0, 0.08);
}

.feature-blog .text-section {
  flex: 1;
  padding: 0px 171px;
  height: 30rem;
  margin-left: -118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(247, 247, 247, 1);
}

.feature-blog .date {
  font-size: 14px;
  color: rgba(92, 93, 95, 1);
  font-family: "Montserrat", sans-serif;
}

.text-section .description p {
  font-family: "Montserrat", sans-serif;
    color:  #00080A;
    /* font-family: Montserrat; */
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.feature-blog .title {
  font-size: 32px;
  line-height: 40px;
  font-family: "Montserrat", sans-serif;
  color:  #00080A;
  margin-bottom: 15px;
  letter-spacing: -0.64px;
}

.feature-blog .description {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

.feature-blog .read-more {
  color: #008eba;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  gap: 8px;
  display: flex;
  font-size: 13px;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-decoration: none;
  /* display: inline-block; */
  position: relative;
}
/* .feature-blog .read-more svg {
  margin-left: 15px;
} */
.feature-blog .read-more svg:hover {
  transition: margin-left 0.2s ease-in-out;
}

/* .feature-blog .read-more::after {
  content: "→";
  margin-left: 5px;
  transition: margin-left 0.2s ease-in-out;
} */

.feature-blog .read-more:hover::after {
  margin-left: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .feature-blog {
    flex-direction: column;
    padding: 15px;
  }

  .feature-blog .text-section {
    padding: 20px;
  }
}

/* Tab Navigation */
.tab-container {
  display: flex;
  gap: 16px;
  margin-bottom: 0;
  padding: 0 !important;
  flex-wrap: wrap;
}

.woocommerce-variation-description {
  display: none;
}

.tab {
  padding: 10px 34px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid rgba(224, 224, 225, 1);
  transition: all 0.3s ease;
  background: transparent;
  text-transform: uppercase;
}

/* Active Tab */
.tab.active {
  background-color: #008eba;
  color: white;
  border: 2px solid #008eba;
}

/* Inactive Tabs */
.tab.inactive {
  background-color: transparent;
  color: #777;
  border: 2px solid #ddd;
}

/* Hover Effect */
.tab.inactive:hover {
  border-color: #008eba;
  color: #008eba;
}

/* Content Area */
.content-container {
  display: none; /* Hidden by default */
}

.content-container.active {
  display: flex; /* Show active tab content */
  gap: 20px;
}

.boxes-holder {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(100px, auto); */
  gap: 48px;
  display: flex;
  flex-wrap: wrap;
}

.more{
  color: #008eba;
}

/* Cards */
.blog-card {
    display: flex;        
	flex-wrap: wrap;      
	justify-content: start; 
	box-shadow: none;
	padding: 20px;
	width: 95%;
}

.blog-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    /* box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.03), 0px 12px 16px -4px rgba(0, 0, 0, 0.08); */
}
.blog-card .img-wrap{
  z-index: 1;
  width: 512px;
  margin-right: 48px;
  height: 300px;
  background: #fcfcfc;
  /* box-shadow: 0px 12px 16px -4px rgba(0, 0, 0, 0.08), 0px 4px 6px -2px rgba(0, 0, 0, 0.03); */
  -webkit-box-shadow: 0px 2px 14px 7px rgba(217,213,217,1);
  -moz-box-shadow: 0px 2px 14px 7px rgba(217,213,217,1);
  box-shadow: 0px 2px 14px 7px rgba(217,213,217,1);
  border-radius: 7px;
  overflow: hidden;
}
.four-row-column .blog-card .img-wrap{
  height: 150px;
}
.blog-card .img-wrap img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-card .text-section{
  padding: 100px 20px 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(247, 247, 247, 1);
  margin-left: 38px;
  margin-top: -97px;
}
.card .date {
  font-size: 14px;
  color: #888;
  margin-top: 10px;
}

.card .title {
  font-size: 18px;
  font-weight: bold;
  color: #00080A;
  margin-top: 5px;
}

.card .description {
  font-size: 14px;
  color: #555;
  margin-top: 10px;
  line-height: 1.5;
}

.blog-card .read-more {
    color: #008eba;
    align-items: center;
    font-family: "Montserrat", sans-serif;
    gap: 8px;
    display: flex;
    font-size: 13px;
    letter-spacing: 0.02em;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.box.rss-box .read-more{
  display: flex;
  margin-top: 10px;
  align-items: center;
  gap: 8px;
}


/* decorative components section start  */

.decorative-category-container {
  margin: 0 auto;
  /* display: flex;
  gap: 80px; */
  padding: 0 32px 79px;
}
.decorative-category-grid-wrapper{
  display: flex;
  gap: 0 50px;
  flex-direction: row;
  flex-wrap: wrap;
}
.decorative-category-grid-row{
  width:47%;
}
.decorative-category-wrapper.first-row{
  width: 100%;
  display: flex;
  gap: 50px;
}
.decorative-left{
  width:48%;
}

/* .decorative-category-wrapper {
        display: flex;
        gap: 20px;
        align-items: center;
    } */

/* .decorative-left {
  flex: 1.5;
} */

.decorative-main:after {
  content: "";
  width: 100%;
  height: 369px;
  background: rgba(247, 247, 247, 1);
  position: absolute;
  top: 26px;
  z-index: -1;
  left: 36px;
}
.decorative-main {
  position: relative;
}

.decorative-right {
  /* flex: 1; */
  padding-top: 50px;
}

.decorative-category-container .large {
  width: auto;
  height: 369px;
  position: relative;
  overflow: hidden;
}

.large .decorative-category-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.decorative-category-info {
  text-align: left;
  max-width: 600px;
}

.decorative-category-info h2 {
  /* font-size: 41px;
  letter-spacing: -2.5%;
  font-weight: 200;
  font-family: "Montserrat", sans-serif;*/
  margin-bottom: 10px; 
  color: #00080A;
  font-family: Roboto;
  font-size: 48px;
  font-style: normal;
  font-weight: 600;
  line-height: 110%; /* 52.8px */
  letter-spacing: -1.2px;
}

.decorative-category-info p {
  /* font-size: 16px;
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
   font-size: 20px; 
  font-weight: normal; */
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 30px */
}

.decorative-all-products-link {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 2%;
  color:  #00080A;
  gap: 8px;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.decorative-all-products-link:hover {
  color: #555;
}

.decorative-all-products-link img {
  filter: invert(1);
}
/* Decorative Category Grid (2-Column Layout) */
/* .decorative-category-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    } */

/* Individual Decorative Category Item */
.decorative-category-item {
  position: relative;
  overflow: hidden;
  /* border-radius: 8px; */
  margin: 40px 0;
  cursor: pointer;
}

.decorative-category-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}
.decorative-category-wrapper {
  width: 50%;
}
@media (max-width: 992px) {
  .decorative-category-wrapper {
    width: 100%;
  }
  .decorative-category-container {
    flex-direction: column-reverse;
    gap: 0px;
  }
}

/* Overlay Effect */
.decorative-category-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: background 0.3s ease-in-out;
}

.decorative-category-item:hover .decorative-category-overlay {
  background: rgba(0, 0, 0, 0.8);
}

/* Decorative Category Content */
.decorative-category-content {
  position: absolute;
  top: 24px;
  left: 24px;
  right: 15px;
  bottom: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.decorative-category-content h3 {
  font-size: 18px;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  font-weight: 200;
  font-size: 24px;

  font-weight: 200 !important;
}

.decorative-shop-link {
  font-size: 13px;
  text-transform: uppercase;
  margin: 0 0px 9px 0px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  color: #fff;
  /* border-bottom: 1px solid #fff; */
  align-self: flex-end;
  transition: opacity 0.3s;
  display: flex;
  align-items: center;
  gap: 5px;
}

.decorative-shop-link:hover {
  opacity: 0.7;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .decorative-category-wrapper {
    flex-direction: column;
  }

  .decorative-category-grid {
    grid-template-columns: 1fr;
  }
}

/* decorative section end */

/* category page css start */

/* Wrapper to contain sidebar + product grid */
/* .woocommerce-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
} */
.line {
  background: rgba(224, 224, 225, 1);
  height: 1px;
  margin: 0 0 40px 32px;
}
.storefront-breadcrumb {
  margin: 0 !important;
  padding: 32px 0 !important;
}

.shop-grid {
  display: flex;
  justify-content: space-evenly;
  padding: 0 32px;
  margin-bottom: 60px;
  gap: 25px;
}

/* @media (max-width: 992px) {
  .shop-grid {
    flex-direction: column;
  }
} */

/* Sidebar filter section */
.shop-sidebar {
  /* width: 38%; */
  /* min-width: 250px; */
  /* background: #f8f8f8; */
  /* padding: 15px; */
  /* padding: 0 25px 0 32px; */
  border-radius: 5px;
  width:25%;
}
.facetwp-checkbox {
    display: flex;
    gap: 5px;
    align-items: flex-start;
}
.show-more {
  font-family: "Montserrat", sans-serif;
  position: relative;
  display: block;
  color: #00080A;
  margin-top: 15px;
}

.show-more::after {
  content: "";
  display: block;
  top: 10px;
  width: 13px;
  right: 0px;
  left: 110px;
  height: 7px;
  position: absolute;
  background-image: url(/wp-content/uploads/2025/03/Vector.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.shop-grid .yith-wcan-filters .yith-wcan-filter:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(224, 224, 225, 1);
}
/* .product-grid {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 300px;
} */
.product-card {
  background: rgba(247, 247, 247, 1);
   width: 24%; 
  /* margin: 0 32px; */
  display: flex;
  flex-direction: column;
  padding: 32px 20px;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--Border-secondary, rgba(0, 8, 10, 0.02));
  background: var(--Background-color-secondary, #F7F7F7);
  overflow:hidden;
}

.yith-wcan-reset-filters {
  background: none;
  border: 1px solid;
  border-radius: 50px;
  text-transform: uppercase;
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
}
.product-grid {
  display: flex;
  flex-wrap: wrap;
  /* grid-template-columns: repeat(4, 1fr); 
  grid-auto-rows: minmax(100px, auto);  */
  gap: 10px; 
}

/* Product grid section */
.shop-products {
  /* margin: 0 32px 0 0; */
  width:80%;
}

.shop-products .shop-header {
  margin-top: 0;
}

.shop-sidebar .yith-wcan-filters .filters-container .filter-title {
  font-size: 16px;
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  position: relative;
  color: #00080A;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
}

.storefront-sorting form {
  /* border: 1px solid rgba(224, 224, 225, 1); */
  border-radius: 50px;
  /* padding: 7px 10px 7px 16px; */
  font-family: "Montserrat", sans-serif;
}

.storefront-sorting .woocommerce-ordering select {
  border: 1px solid rgba(224, 224, 225, 1);
  border-radius: 50px;
  padding: 10px 10px 10px 16px;
  font-family: "Montserrat", sans-serif;
}
.storefront-sorting .woocommerce-ordering select:focus {
  border: 1px solid rgba(224, 224, 225, 1) !important;
}
.woocommerce-variation-description {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}

.shop-sorting .storefront-sorting {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 768px) {
    .storefront-sorting {
        margin-bottom: 0 !important;
    }
}

.woocommerce-ordering {
  margin-bottom: 0 !important;
}
.woocommerce-result-count {
  border: 1px solid rgba(224, 224, 225, 1);
  border-radius: 50px;
  padding: 7px 10px 7px 16px !important;
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}

.storefront-sorting select {
  font-family: Montserrat;
}

@media (max-width: 992px) {
  .storefront-sorting {
    width: 100%;
  }
}

.storefront-sorting form select:focus {
  outline: none !important;
  border: none !important;
}
/* .shop-sidebar .yith-wcan-filters .filters-container .filter-title::after {
  content: "";
  display: block;
  top: 10px;
  width: 13px;
  right: 0px;
  left: 110px;
  height: 7px;
  position: absolute;
  background-image: url(dod/wp-content/uploads/sites/2/2025/03/Vector.svg);
  background-size: contain;
  background-repeat: no-repeat;
} */

.term-label {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

.page-numbers,
.current {
  background: none !important;
  font-size: 18px !important;
  font-family: "Montserrat", sans-serif;
  color: #00080A !important;
}

.product-price {
  color:  #00080A;
  text-align: center;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}
/* Ensure products align correctly */
.woocommerce ul.products {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/* .woocommerce-pagination .next::after,
.woocommerce-pagination .prev::after {
  -webkit-font-smoothing: antialiased;
 
  font-weight: 900;
  line-height: inherit;
  vertical-align: baseline;
  background-image: url(dod/wp-content/uploads/sites/2/2025/03/icon.svg) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  content: "" !important;

  text-indent: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-variant: normal;
} */

.woocommerce-pagination .prev::after,
.woocommerce-pagination .next::after {
  content: "" !important;
  display: block;
  top: 10px;
  width: 13px;
  right: 0px;
  left: 110px;
  height: 16px;
  position: absolute;
  background-image: url(/wp-content/uploads/2025/03/icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.product-detail .card_sku {
  text-align: center;
  font-family: "Montserrat", sans-serif;
  color: #00080A !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 27px */
  margin-bottom: 10px;
}
.woocommerce-pagination .next::after {
  transform: translate(-50%, -50%) rotate(180deg) !important;
  /* background-image: url(dod/wp-content/uploads/sites/2/2025/03/right-arrow-alt.svg) !important; */
  /* content: "" !important; */
  /* display: block;
  top: 10px;
  width: 25px;
  right: 0px;
  left: 110px; */
  /* height: 23px !important; */
  /* position: absolute;
  background-size: contain; */
  /* background-repeat: no-repeat; */
}
/* .woocommerce-pagination .next::after {
  background-image: url(dod/wp-content/uploads/sites/2/2025/03/icon.svg);
  content: "" !important;
} */
.page-numbers .prev,
.page-numbers .next {
  /* background: beige !important; */
  /* padding: 10px 66px !important; */
  border-radius: 50px !important;
  border: 1px solid rgba(224, 224, 225, 1) !important;
  width:120px;
  padded:12px !important;
}
.card_title {
  text-align: center;
  color:  #00080A;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  margin-bottom: 10px;
}
.searchButton:hover {
  background: none !important;
}
.woocommerce-Price-amount.amount, .product-price{
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}
.mps-add-to-cart {
  color:  #00080A;
  text-align: center;
  font-size: 14px;
  border-radius: 50px;
  border: 1px solid rgba(224, 224, 225, 1);
  font-family: "Montserrat", sans-serif;
  padding: 14px 30px;
}

@media (max-width: 768px) {
  .product-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .decorative-category-grid-row{
    width:100% !important;
  }
  .decorative-left{
    width:100% !important;
  }
  .decorative-category-wrapper.first-row {
    flex-direction: column-reverse;
  }
  .decorative-category-grid-wrapper {
    gap: 0px;
  }
}

/* Make products responsive */
.woocommerce ul.products li.product {
  width: calc(33.333% - 20px); /* 3 products per row */
}

.shop-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.shop-search {
  width: 65%;
  position: relative;
}
.facetwp-input-wrap {
    width: 100%;
}
.facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    min-width: 100% !important;
}
.facetwp-checkbox {
  color: #00080A;
}

.clearButton {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 11px;
  position: absolute;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}
/* .woocommerce-result-count {
  display: none;
}

.woocommerce-ordering {
  display: none;
} */

.storefront-sorting
  .woocommerce-result-count:not(.shop-header .woocommerce-result-count) {
  display: none;
}

.storefront-sorting {
  display: flex;
  justify-content: center;
  margin-top: 0px;
}

.storefront-sorting
  .woocommerce-ordering:not(.shop-header .woocommerce-ordering) {
  display: none;
}
.clearButton:hover {
  background: none;
}

.shop-sorting {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  gap: 15px;
}

/* Adjust WooCommerce sorting dropdown */
.woocommerce-ordering {
  display: inline-block;
}

.shop-header .woocommerce-pagination {
  display: none;
}

/* Responsive Fix */
@media (max-width: 768px) {
  .shop-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .shop-search,
  .shop-sorting {
    width: 100%;
  }
  .shop-sorting {
    justify-content: flex-start;
  }
  .facetwp-input-wrap {
    width: 100%;
  }
  .facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    min-width: 100% !important;
  }
}

/* Responsive for tablets */
@media (max-width: 1024px) {
  .shop-sidebar {
    width: 30%;
  }
  .shop-products {
    width: 70%;
  }
  .facetwp-input-wrap {
    width: 100%;
  }
  .facetwp-facet input.facetwp-search, .facetwp-facet input.facetwp-location {
    min-width: 100% !important;
  }
  .fotter_bottom img{
    margin-top: 20px;
  }
}

/* Responsive for mobile */
@media (max-width: 768px) {
  .woocommerce-container {
    flex-direction: column;
  }
  .shop-sidebar,
  .shop-products {
    width: 100%;
  }
  .woocommerce ul.products li.product {
    width: calc(50% - 10px); /* 2 products per row */
  }
  .fotter_bottom img{
    margin-top: 20px;
  }
}

/* Single-column layout for small screens */
@media (max-width: 480px) {
  .woocommerce ul.products li.product {
    width: 100%; /* 1 product per row */
  }
}
.archive-header-contents {
  display: flex;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.2),
    rgba(0, 0, 0, 0.7)
  );
  height: 362px;
  width: 100%;
  position: relative;
  flex-direction: column;
  padding: 0 32px;
  color: #fff;
  justify-content: center;
}



.archive-header-contents h1 {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 56px;
  font-style: normal;
  font-weight: 200;
  line-height: 100%; /* 56px */
  letter-spacing: -1.68px;
  margin-bottom: 24px;
  width: 70%;
}

.archive-header-contents p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 300;
  line-height: 150%;
  width: 56%;
  font-family: "Montserrat", sans-serif;
}
@media (max-width: 992px) {
  .archive-header-contents {
    flex-direction: column;
  }
  .archive-header-contents p {
    width: auto !important;
  }
  .archive-header-contents h1 {
    font-size: 28px !important;
  }
}
.woocommerce-breadcrumb {
  padding: 0 32px;
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
}

.woocommerce-breadcrumb a:nth-child(1) {
  color: #008eba;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
}

.woocommerce-breadcrumb a :not(:nth-child(1)) {
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  color:  #00080A;
}
.storefront-sorting form {
  margin-bottom: 0 !important;
}

/* category page css end */

/* loader css start  */

.product-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.5); /* Transparent white background */
}

.loader {
  display: flex;
  justify-content: space-between;
  width: 60px;
}

.product-loader {
  display: none;
}

.loader div {
  width: 12px;
  height: 12px;
  background-color: black;
  border-radius: 50%;
  animation: bounce 1.4s infinite ease-in-out both;
}

.loader div:nth-child(1) {
  animation-delay: -0.32s;
}

.loader div:nth-child(2) {
  animation-delay: -0.16s;
}

@keyframes bounce {
  0%,
  80%,
  100% {
    transform: scale(0);
    opacity: 0.3;
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
}

/* loader css end */

/* product details page css start */

.product-details-main .woocommerce-breadcrumb a:nth-child(2) {
  font-size: 14px;
  color: #008eba !important;
  ont-weight: 400;
}

.product-details-main .woocommerce-breadcrumb {
  gap: 10px;
  display: flex;
  color:  #00080A;
  text-align: center;
  "Montserrat", sans-serif  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.product-details-main .woocommerce-breadcrumb a {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #008eba;
}

/* .product-details-main .woocommerce-breadcrumb a:nth-child(2) {
  font-size: 14px;
  color: #008eba !important;
}

.product-details-main .woocommerce-breadcrumb .breadcrumb-separator a {
  color: #008eba !important;
} */

.product-details-main .MagicToolboxMainContainer {
  background: rgba(0, 8, 10, 0.02);
}

.product-details-main .type-product {
  padding: 0 32px !important;
}

.product-details-main .mz-figure {
  background: rgba(0, 8, 10, 0.02);
}

.product-details-main .entry-title {
  font-family: "Montserrat", sans-serif;
  color:  #00080A;
  font-size: 40px;
  line-height: 50px;
}

.product-details-main .product-sku {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
  font-size: 24px;
}

.product-details-main .price {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
  font-size: 16px;
}
.wc-pao-addon .wc-pao-addon-wrap label {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}
.wc-pao-addon-name {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
}

.product-details-main .variations .value select {
  width: 100%;
  max-width: 100% !important;
  font-family: "Montserrat", sans-serif;
  height: 48px;
  font-size: 16px;
  border: 1px solid rgba(224, 224, 225, 1) !important;
  display: flex !important;
  padding: 10px;
  border-radius: 50px;
  padding: 12px 10px 12px 16px !important;
  /* appearance: none; */
  position: relative;
  background: url(/wp-content/uploads/sites/2/2025/04/chevron-down.png) no-repeat center right 4% Transparent !important;
  appearance: none;
}
.product-rating a, .product-details-main .woocommerce-variation-add-to-cart p a{
  color: #008EBA;
}

.product-details-main .wc-tabs {
  width: 100%;
  /* gap: 26px; */
  display: flex;
  color: #fff !important;
}
#tab-product_details_tab ul li a, #tab-Resources_tab ul li a, #tab-Specification_tab ul li a{
  color: #008EBA !important;
}
.storefront-full-width-content .woocommerce-tabs .panel .info-col{
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .product-details-main .wc-tabs {
    width: 100%;
    /* gap: 26px; */
    flex-wrap: wrap;
    display: flex;
    color: #fff !important;
  }
  .product-details-main .related-products .product-card {
    min-height: 473px;
    /* width: 320px !important; */
    margin-right: 0 !important;
    padding: 30px 20px 0 20px;
  }
  /* .product-details-main .related-products .product-card {
    margin-right: 60px !important;
  } */
  .woocommerce-Tabs-panel {
    padding: 20px !important;
  }
  .product-details-main .entry-title {
    font-family: "Montserrat", sans-serif;
    color:  #00080A;
    font-size: 25px;
    line-height: 35px;
  }
  .type-product h2 {
    font-size: 32px !important;
    font-family: "Montserrat", sans-serif;
  }
  .product-details-main .woocommerce-Reviews {
    flex-direction: column !important;
  }
}

@media (max-width: 992px) {
  .product-details-main .type-product {
    padding: 0 6px !important;
  }
}
.woocommerce-tabs ul.tabs li.active::after {
  display: none;
}

.woocommerce-tabs {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.product-details-main .variations label, .product-details-main .woocommerce-variation-add-to-cart label {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
}

.woocommerce-Tabs-panel {
  width: 100% !important;
  background: rgba(247, 247, 247, 1);
  padding: 48px;
}
.product-details-main .wc-pao-col1 {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}

.product-details-main .narrow-container p {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}
.product-details-main .wc-pao-col2 strong {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}

.product-details-main .variations .value select:after {
  content: "";
  display: block;
  top: 10px;
  width: 13px;
  right: 0px;
  left: 110px;
  height: 7px;
  position: absolute;
  background-image: url(/wp-content/uploads/2025/03/Vector.svg);
  background-size: contain;
  background-repeat: no-repeat;
}

.product-details-main .variations .value {
  position: relative;
}

.product-details-main .variations .value select:focus {
  border: 1px solid rgba(224, 224, 225, 1) !important;
  outline: none !important;
}
.product-details-main .narrow-container ul li {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}

.product-details-main .tab-title-Specification_tab p {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
}
.product-details-main .woocommerce-Tabs-panel p {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
}

.product-details-main .tab-title-Specification_tab {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
}
.product-details-main .info-col h3 {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
  letter-spacing: 0.39px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.product-details-main .woocommerce-tabs ul.tabs li {
  display: flex !important;
  justify-content: center !important;
  /* width: 100% !important; */
  padding: 0 24px;
  border-bottom: none !important;
  margin: 0;
  background: rgba(224, 224, 225, 1);
  /* border: black; */
  /* border-bottom: 1px solid rgba(0, 0, 0, .05); */
  position: relative;
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
}
.product_details_tab_tab active a {
  color: #00080A !important;
}

.product-details-main .woocommerce-tabs ul.tabs li.active a,
ul.products li.product .price,
.onsale,
.wc-block-grid__product-onsale,
.widget_search form:before,
.widget_product_search form:before {
  color: #00080A !important;
}
.product-details-main .woocommerce-tabs ul.tabs li a {
  color: #5C5D5F !important;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
@media (min-width: 768px) {
  .storefront-full-width-content .woocommerce-tabs ul.tabs {
      width: 100% !important;
  }
}
.woocommerce-tabs ul.tabs {
  margin: 0 !important;
}
.product-details-main .woocommerce-tabs ul.tabs li.active {
  background: rgba(247, 247, 247, 1);
}

.product-details-main .star-rating::before,
.star-rating span::before {
  content: "\f005 \f005 \f005 \f005 \f005" !important; /* 4 solid stars + 1 half star */
  font-family: "Font Awesome 6 Free";
  color: rgba(236, 165, 0, 1) !important;
  font-weight: 900;
  top: 0;
  left: 0;
  position: absolute;
}

.product-details-main .star-rating span {
  width: auto !important;
}

.product-details-main .product-rating {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 24px;
}
.product-details-main .woocommerce-product-details__short-description p {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color:  #00080A;
  line-height: 26px;
}
.product-details-main .woocommerce-product-details__short-description ul {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color:  #00080A;
  line-height: 26px;
}

.product-details-main .single_add_to_cart_button {
  background-color: #008eba !important;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  opacity: 1 !important;
  font-size: 14px;
  border-radius: 50px;
}
.product-details-main .request-sample-button {
  background-color: transparent !important;
  color: #008eba!important;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  opacity: 1 !important;
  font-size: 14px;
  border-radius: 50px;
  width: -webkit-fill-available;
  border:1px solid #008eba;
}
.product-details-main .woocommerce-variation-add-to-cart {
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.product-details-main .qty {
  width: 100% !important;
  margin-right: 0 !important;
  height: 48px;
  background: transparent !important;
  text-align: left !important;
  border: 1px solid rgba(224, 224, 225, 1) !important;
  border-radius: 50px;
  box-shadow: none !important;
  padding: 12px 10px 12px 16px!important;
}
.product-details-main .quantity {
  margin-right: 0 !important;
}

.product-details-main .variations .label {
  margin-bottom: 15px;
  margin-top: 15px;
}
label.wc-pao-addon-name{
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  margin-bottom: 15px;
}
.product-details-main .woocommerce-variation-add-to-cart p {
  text-align: center;
  color: #00080A;
  font-family: "Montserrat", sans-serif;
  margin: 0 !important;
}
/* .product-details-main .product-detail {
  padding: 0 70px;
} */

#sample-form-modal{
    position: fixed;
    z-index: 1111;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    display:none;
}
#sample-form-modal .popup-message-box {
    background: #fff;
    width: 60%;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 10%;
    padding: 30px 40px;
    max-height: 84%;
    overflow-y: scroll;
}
.close-sample-form {
    position: absolute;
    right: 0;
    background: none;
    font-size: 26px;
    padding: 0px 12px;
    top: 0;
}
#sample-form-modal .gform-button {
  background-color: #008eba !important;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  opacity: 1 !important;
  font-size: 14px;
  border-radius: 50px;
}
#sample-form-modal  .ginput_container input{
  width: 100%;
    max-width: 100% !important;
    font-family: "Montserrat", sans-serif;
    height: 40px;
    font-size: 16px;
    border: 1px solid rgba(224, 224, 225, 1) !important;
    display: flex !important;
    box-shadow: none;
    border-radius: 50px;
    padding: 12px 10px 12px 16px !important;
    background:none!important;
}
#sample-form-modal  .ginput_container textarea{
  border-radius: 12px;
  border: 1px solid #E0E0E1;
  height:140px;
}
.sample-form-open{
  overflow-y:hidden;
}
.gform_wrapper.gravity-theme .gfield_validation_message, .gform_wrapper.gravity-theme .validation_message {
    background: none !important;
    border: none !important;
    margin-block-start: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    margin: 0 !important
}
#sample-form-modal .popup-message-box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

#sample-form-modal .popup-message-box::-webkit-scrollbar
{
	width: 3px;
	background-color: #F5F5F5;
}

#sample-form-modal .popup-message-box::-webkit-scrollbar-thumb
{
	background-color: #000000;
}
.gform_confirmation_message{
    text-align: center;
}

.product-details-main .woocommerce-variation-add-to-cart label {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}

/* product card css start */
.product-details-main .related-products .slick-track{
  gap: 40px;
  display: flex;
}
.product-details-main .related-products .product-card {
  min-height: 473px;
  /* width: 320px !important; */
  /* margin-right: 47px; */
  padding: 30px 20px 0 20px;
}

.product-details-main .related-products .product-card .product-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-details-main .related-products .product-card .product-img img {
  object-fit: contain;
}

.product-details-main .card_sku {
  margin-bottom: 5px !important;
  margin-top: 15px;
}

.product-details-main .card_title {
  margin: 0;
}

.product-details-main .products-list h2 {
  text-align: left;
  font-family: "Montserrat", sans-serif;
  font-size:  #00080A;
  font-size: 48px;
}
.product-details-main .products-list {
  padding: 80px 0;
}

.product-details-main .related-products {
  padding: 36px 0;
}

.product-details-main .comment-text {
  width: 100%;
  float: none !important;
}

.product-details-main .comment-text .description p {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}

.product-details-main .comment_container {
  background: rgba(247, 247, 247, 1);
  padding: 30px;
  min-height: 309px;
  border: 1px solid var(--Border-secondary, rgba(0, 8, 10, 0.02));
  background: var(--Background-color-secondary, #F7F7F7);
}
.form-submit .submit {
  background-color: #008eba;
  text-transform: uppercase;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  border-radius: 50px;
}
#comment-form-rating-label {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}
.comment-form-comment label {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}
.comment-form-cookies-consent label {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}
.product-details-main #review_form_wrapper input[type="text"],
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="url"],
.input-text {
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(224, 224, 225, 1) !important;
  height: 30px;
}
textarea {
  height: 60px !important;
  background: transparent !important;
  box-shadow: none !important;
  border-bottom: 1px solid rgba(224, 224, 225, 1) !important;
}
.comment-notes {
  font-family: "Montserrat", sans-serif;
  color: #00080A;
}

.comment-form-author label {
  color: #00080A !important;
  font-family: "Montserrat", sans-serif;
}
.type-product h2 {
  font-size: 48px;
  font-family: "Montserrat", sans-serif;
}
.storefront-full-width-content.single-product #reviews .commentlist li .avatar {
  width: auto !important;
  float: none;
  margin-right: 10px !important;
}
.product-details-main .woocommerce-review__author {
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}
.product-details-main #comments {
  padding-top: 106px;
  width: 100%;
}
.product-details-main #review_form .comment-respond {
  padding: 0 20px 0 0 !important;
}

.product-details-main #review_form_wrapper {
  width: 87%;
}
.downloads{
  list-style: none;
  padding: 0;
  margin: 0;
}
.product-details-main .woocommerce-Reviews {
  display: flex;
  flex-direction: row-reverse;
  /* align-items: center; */
}
.single-product div.product table.variations .value {
  margin-bottom: 0 !important;
}
.single-product div.product .variations_button {
  padding-top: 0 !important;
}
.single-product div.product .variations_button::before, .single-product div.product .variations_button::after{
  display:none !important;
}
.cut-to-size-radio-div{
    display: flex;
    align-items: center;
    gap: 10px;
}
/* 
catalog-gid-slider */

._df_thumb {
  --tw-scale-x: 1 !important;
  --tw-scale-y: 1 !important;
  --tw-translate-x: 0 !important;
  --tw-translate-y: 0 !important;
  transform: none !important;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -webkit-transition: none !important;
  transition: none !important;
  perspective: none !important;
  -moz-perspective: none !important;
}
/* 
products details page end */

/* Blog page css start */



.feature-blog .image-section {
  flex: 1;
  position: relative;
  overflow: hidden;
  height: 350px;
}

.feature-blog .image-section img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
  box-shadow: 0px 2px 14px 7px rgba(217,213,217,1);
}

.feature-blog .text-section {
  flex: 1;
  padding: 0px 171px;
  height: 30rem;
  margin-left: -118px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: rgba(247, 247, 247, 1);
}

.feature-blog .date {
  color:  #5C5D5F;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
  letter-spacing: 0.39px;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
}

.text-section .description p {
  color: #00080A;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
  font-family: "Montserrat", sans-serif;
}

.feature-blog .title {
  /* font-weight: bold; */
  font-family: "Montserrat", sans-serif;
  color:  #00080A;
  font-size: 32px;
  font-style: normal;
  font-weight: 200;
  line-height: 130%; /* 41.6px */
  letter-spacing: -0.64px;
  margin-bottom: 15px;
}

.feature-blog .description {
  font-size: 16px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 20px;
}

.feature-blog .read-more {
  color: #008eba;
  align-items: center;
  font-family: "Montserrat", sans-serif;
  gap: 8px;
  display: flex;
  font-size: 13px;
  letter-spacing: 0.02em;
  font-weight: bold;
  text-decoration: none;
  /* display: inline-block; */
  position: relative;
}
/* .feature-blog .read-more svg {
  margin-left: 15px;
} */
.feature-blog .read-more svg:hover {
  transition: margin-left 0.2s ease-in-out;
}

/* .feature-blog .read-more::after {
  content: "→";
  margin-left: 5px;
  transition: margin-left 0.2s ease-in-out;
} */

.feature-blog .read-more:hover::after {
  margin-left: 10px;
}

/* Responsive */
@media (max-width: 768px) {
  .feature-blog {
    flex-direction: column;
    padding: 15px;
  }

  .feature-blog .text-section {
    padding: 20px;
  }
}

/* Tab Navigation */
.tab-container {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  padding: 0 32px;
}

.woocommerce-variation-description {
  display: none;
}

.tab {
  padding: 10px 34px;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
  border-radius: 50px;
  cursor: pointer;
  border: 1px solid rgba(224, 224, 225, 1);
  transition: all 0.3s ease;
  background: transparent;
}

/* Active Tab */
.tab.active {
  background-color: #008eba;
  color: white;
  border: 2px solid #008eba;
}

/* Inactive Tabs */
.tab.inactive {
  background-color: transparent;
  color: #777;
  border: 2px solid #ddd;
}

/* Hover Effect */
.tab.inactive:hover {
  border-color: #008eba;
  color: #008eba;
}

/* Content Area */
.content-container {
  display: none; /* Hidden by default */
  padding: 0px 32px;
  margin-bottom:64px;
}

.content-container.active {
  display: flex; /* Show active tab content */
  gap: 20px;
}

.boxes-holder {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(100px, auto);
  gap: 48px;
}

/* Cards */
.card {
  padding: 20px 0;
  border-radius: 8px;
  width: 48%;
}

.card img {
  width: 100%;
  border-radius: 8px;
}

.card .date {
  font-size: 14px;
  color: #888;
  margin-top: 10px;
}

.card .title {
  font-size: 18px;
  font-weight: bold;
  color: #00080A;
  margin-top: 5px;
}

.card .description {
  font-size: 14px;
  color: #555;
  margin-top: 10px;
  line-height: 1.5;
}

.read-more {
  color: #008eba;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
  margin-top: 10px;
}
.blog-card {
  width: 100% !important;
}
/* .boxes-holder .blog-card{
  width: 48% !important;
} */
.load-more {
  background: transparent !important;
  border-radius: 999px;
  border: 1px solid #E0E0E1;
  display: flex;
  height: 40px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  margin-top: 54px !important;
  cursor:pointer;
  width: fit-content;
  margin: 0 auto;
}
.load-more:hover {
  background: #008eba !important;
  color: #fff;
}
.item-content div a{
  display: flex;
  align-items: center;
  flex-wrap:wrap;
}
.item-content div a img{
  margin-right:20px;
  margin-bottom: 20px;
}
a {
  color: #008eba;
  text-decoration: none;
}
.mobile_header{
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mob_search{
  font-size:12px;
  color:#00080A;
  margin-right:10px;
}
.blog-card .title, .item-content h3{
  color:#00080A;
  font-family: 'Montserrat';
  font-size: 24px;
  font-style: normal;
  font-weight: 200;
  line-height: 140%; /* 33.6px */
  letter-spacing: -0.24px;
}

/*blod details*/

.blog-header{
  padding: 32px 64px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}
.author-info img{
  margin: 0 auto;
}
.blog-header .blog-title{
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 48px;
  font-style: normal;
  font-weight: 200;
  line-height: 110%; /* 52.8px */
  letter-spacing: -1.2px;
  text-align: left;
}
.blog-meta{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 48px;
}
.author-info{
  text-align: center;
  display: flex;
  align-items: center;
  gap: 10px;
}
.author-text{
  display: flex;
  align-items: center;
  flex-direction:column;
}
.author-name{
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 21px */
  width: 100%;
  text-align: left;
}
.post-date{
  color:  #00080A;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.blog-meta .social-icon, .share-post .social-icon{
  background: #008eba;
  padding: 8px 9px;
  border-radius: 100%;
  color: #fff;
  font-size: 12px;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}
.blog-content{
  padding: 32px 64px;
  width: 80%;
  margin: 0 auto;
}
.blog-content p{
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-align: left;
}
.blog-content p.has-large-font-size{
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 40px !important;
  font-style: normal;
  font-weight: 200;
  line-height: 120%; /* 48px */
  letter-spacing: -0.8px;
}
.blog-content p a{
 color: #008eba;
}
.blog-content p img{
  margin: 0 auto;
}
.blog-content ul li a{
  color: #008eba;
}
.wp-block-spacer {
  height: 15px !important;
  clear: both;
}
.wp-block-media-text>.wp-block-media-text__content {
  padding: 0 4% ;
}
.wp-block-button__link{
  background: transparent !important;
    border-radius: 999px;
    border: 1px solid #E0E0E1;
    display: flex;
    height: 40px;
    padding: 0px 24px;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: #00080A;
    font-family: 'Montserrat';
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    cursor: pointer;
    width: fit-content;
    margin: 0 auto;
}
.wp-block-button__link:hover{
  background: #008eba !important;
  color: #fff!important;
}
.wp-block-media-text__content h2{
  color: #00080A;
  font-size: 24px;
}
.has-text-align-center {
  margin: 20px 0 !important;
}
.share-post{
  padding: 0 64px 64px;
  text-align: center;
  width: 80%;
  margin: 0 auto;
}

/*catelog page*/

.catelog-section{
  padding:64px 32px;
}
.catalog-grid {
  margin-bottom: 30px;
}

/*catelog page*/

.catelog-section{
  padding:64px 32px;
}
.catelog-section .catalog-grid {
  margin-bottom: 30px;
  gap: 32px!important;
}
.catelog-section ._df_thumb[thumbtype="img"] {
  width: 100% !important;
}
.catelog-section  ._df_book-cover {
  height: 315px !important;
}
.catelog-section ._df_book-title{
  color: #00080A !important;
  text-align: center;
  font-family: 'Montserrat';
  font-size: 16px !important;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  display: flex !important;
  flex-direction: column;
}
.catelog-section ._df_thumb[thumbtype="img"] img {
  padding-bottom: 20px;
}
.pagination, .woocommerce-pagination {
  border: none!important;
}
.pagination .page-numbers, .woocommerce-pagination .page-numbers {
  padding: .3342343017em .875em;
}
.page-numbers.current{
  color: #008eba !important;
}
.catalog_det_header{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dt_select{
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 999px;
  border: 1px solid#E0E0E1;
  background: #FFF;
  display: flex;
  height: 40px;
  padding: 0px 16px;
  align-items: center;
}
.dt_select p{
  margin:0 !important;
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
.dt_select option{
  color: #00080A;
  font-family: 'Montserrat';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.dt_select select{
  outline:0;
}
.pagination .prev, .pagination .next{
  /* border-radius: 50px !important;
  border: 1px solid rgba(224, 224, 225, 1) !important;
  width: 120px;
  padding: .3342343017em .875em; */
  font-size: 0 !important;
}
.pagination .prev:before{
  content:'';
  background:url(/wp-content/uploads/2025/04/left-arrow-alt.png) no-repeat center;
  padding: 20px 50px;
  border-radius: 50px !important;
  border: 1px solid rgba(224, 224, 225, 1) !important;
}
.pagination .next:before{
  content:'';
  background:url(/wp-content/uploads/2025/03/right-arrow-alt.svg) no-repeat center;
  padding: 20px 50px;
  border-radius: 50px !important;
  border: 1px solid rgba(224, 224, 225, 1) !important;
}

/*contact page*/
.contact-area{
  padding: 64px 32px;
}
.contact-area .container{
  display:flex;
}
.contact-area .info-col{
  background: #008eba;
  padding: 64px 32px;
  width: 35%;
  position: relative;
}
.contact-area .info-col h2, .contact-area .info-col dt, .contact-area .info-col a, .contact-area .info-col dd{
  color:#fff;
}
.contact-area .form-col{
  background: #f7f7f7;
  padding: 64px;
  width: 65%;
}
.icon-phone:before {
  content: "\f095";
  font-family: FontAwesome;
}
.icon-fax:before {
  content: "\e434";
  font-family: FontAwesome;
}
.icon-marker:before {
  content: "\f3c5";
  font-family: FontAwesome;
}
.contact-area .form-col h2{
  color:#008eba;
}
.contact-area .form-col p{
  font-size: 16px;
  color: #00080A;
  font-family: "Montserrat", sans-serif;
}
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  background: none;
  border-bottom: 1px solid #000 !important;
  opacity: 1;
  height: 42px;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .contact-area .info-col:before {
      content: "";
      position: absolute;
      left: -3%;
      bottom: -1%;
      background: url(/wp-content/uploads/2025/08/wooden-bg-side-1.png) no-repeat;
      width: 397px;
      height: 828px;
      background-size: 100% 100%;
  }
}
.address_country select{
  appearance: none;
  background: url(/wp-content/uploads/2025/04/chevron-down.png) no-repeat center right 2% !important;
}
.gfield_checkbox li input[type="checkbox"] {
    display: none !important;
}
.gfield_checkbox li input[type="checkbox"]:checked ~ label:before {
    display: block;
}

div.container li.gfield div.ginput_container_checkbox ul.gfield_checkbox label {
    margin-left: 20px !important;
}

.gfield_checkbox li label:before {
    background-color: #00a8cb;
    content: "";
    display: none;
    left: 3px;
    position: absolute;
    top: 6px;
    z-index: 2;
    width: 8px;
    height: 8px;
}
.gfield_checkbox li label:after {
    background-color: #fff;
    border: 1px solid #c2c2c2;
    height: 14px;
    left: 0;
    position: absolute;
    top: 3px;
    width: 14px;
    content: "";
}
.ginput_address_country select{
  border: 1px solid #d8d8d8;
  height: 40px;
  border-radius: 30px;
  padding: 10px;
}
 .gform_legacy_markup_wrapper .gform_footer input.button, .gform_legacy_markup_wrapper .gform_footer input[type=submit]   {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    padding: 9px 24px 9px;
} 
.gform_legacy_markup_wrapper .top_label .gfield_label, .gform_legacy_markup_wrapper legend.gfield_label,.gform_legacy_markup_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    color: #00080A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}  
.contact-area .gform_wrapper .gform_fields {
  display: flex;
  flex-wrap: wrap;
}
.gform_fileupload_rules{
  color: #008eba;
}
#field_1_13{
  width:100%;
}
 .contact-area .gform_wrapper .gform_fields{position: relative;}
.contact-area #field_submit{position: absolute; bottom: -4%;left: 0;}

.gfield--type-submit .gform-button.gform-button--white{color: #fff!important;
    font-family: "Montserrat", sans-serif!important;
    font-size: 13px!important;
    font-style: normal!important;
    font-weight: 400!important;
    letter-spacing: 0.26px!important;
    text-transform: uppercase!important;
    border-radius: 999px!important;
    border: 1px solid #008eba!important;
    background: #008eba!important;
  padding: 9px 24px 9px!important;}
  
div.container li.gfield {
  /* margin-right: 43px !important; */
  margin-bottom: 21px !important;
}

/*others page*/
.wp-block-list li a{
  color: #008eba !important;
}
.inspiration-gallery .page-content {
  padding: 0 32px!important;
}

.contact-info{
  display: flex;
  flex-direction: row;
  gap: 10px;
}


/*Request an qccount page */

.account-area{
  padding: 64px 32px;
}
.account-form{
    display: flex;
    flex-direction: column;
    width: 80%;
}

.account-form .gform_footer input.button, .account-form .gform_footer input[type=submit] {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    padding: 9px 24px 9px;
}

.account-form #field_5_35 a {
    color: #008eba;
}

.account-form h2 a{
    font-weight: 600;
    color: #008eba;
}
.account-form .gsection_title{
    font-weight: 600;
    color: #008eba;
}

.account-form .gform_wrapper.gravity-theme .gsection {
    border-bottom: none;
    padding: 16px 16px 8px 0;
}

.account-form .top_label .gfield_label, .account-form legend.gfield_label, .account-form .field_sublabel_below .ginput_complex.ginput_container label, .account-form .field_sublabel_below div[class*=gfield_time_].ginput_container label {
    color: #00080A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}

.account-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  background: none;
  border-bottom: 1px solid #000 !important;
  opacity: 1;
  height: 33px;
  box-shadow: none;
}

.inspiration-section label{
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}
.inspiration-section label input{
  margin-right:4px;
}
.inspiration-section select:focus-visible {
  outline: 0px;
}
.gallery_year_select{
  justify-content: space-between;
  padding: 7px 10px;
  color: #00080A;
  font-family: "Montserrat";
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
line-height: 150%; /* 24px */
}
.gallery_year_select select{
  width: 30%;
}

.bwi-inspiration-gallery-modal{
  z-index: 1111111;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
    background: rgba(0, 0, 0, .5);
}
.bwi-inspiration-gallery-modal>div{
  background: #fff;
  height: 100vh;
  overflow-y: scroll;
}
.bwi-inspiration-gallery-modal::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
.bwi-inspiration-gallery-modal::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
.bwi-inspiration-gallery-modal::-webkit-scrollbar-thumb
{
background-color: #000000;
}
.bwi-inspiration-gallery-modal a{
  color:#008cb4;
}
/* .catelog-section .tab-container{
  display: block;
  padding: 0;
} */
.catelog-section .tab-container .tab {
  margin-bottom: 0;
  color: #777;
}
.catelog-section .tab-container .tab.active{
  color:#fff;
}
.catalog-grid {
  display: none;
}
.catalog-grid.active{
  /* display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: minmax(100px, auto); */
    gap: 10px;
    display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.catalog-sub-div{
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.catalog-sub-div .blog-card {
  width: 49% !important;
}
.catalog-sub-div .dflip-card{
  width: 23.33%;
}
.catalog-sub-div .blog-card .text-section {
  width: 100%;
}
.catalog-external-div{
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  gap: 10px;
}
.catalog-external-div .blog-card {
  width: 24.33% !important;
}
.catalog_search{
  display: flex;
  align-items: center;
  gap: 5px;
}
.clearButtonCatalog{
  background: #008eba;
  padding: 2px 10px;
  color: #fff;
}
.single-product div.product form.cart {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.single-product div.product form.cart p{
  text-align: center;
}
.single-product div.product form.cart p a{
  color: #008EBA;
}


.woocommerce-form  .form-row label {
    display: block;
    color: #00080A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 150%;
}
.woocommerce-form  .form-row input{
    width: 100%;
    background: none !important;
    border-bottom: 1px solid #000 !important;
    opacity: 1;
    height: 42px;
    box-shadow: none !important;
}
.woocommerce-form .form-row select, .select2-container{
    border: 1px solid #d8d8d8;
    height: 40px;
    border-radius: 30px;
    padding: 7px 10px 10px;
    margin-top: 10px;
    appearance: none;
    background: url(/wp-content/uploads/2025/04/chevron-down.png) no-repeat center right 2% !important;
}
.woocommerce-form .select2-selection {
    border: none !important;
    background: none !important;
}
.woocommerce-form .select2-selection__arrow{
  display:none;
}
.lost_password a{
      color: #008eba;
}
.woocommerce-form__label-for-checkbox{
    display: flex!important;
    align-items: center;
}

.woocommerce-form .form-row .button{
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    padding: 9px 24px 9px;
}
.show-password-input {
    line-height: 20px!important;
} 
.custom-b2b-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}
.b2bwhs_custom_registration_container{
  width: 49%;
}
.show-password-input.display-password::after {
    color: #000000!important;
}
.custom-buy-cart-wrap{
    display: flex;
    align-items: center;
    gap: 20px;
}
.custom-buy-cart-wrap .single_add_to_cart_button {
  width: -webkit-fill-available;
}
.cut-to-size-options{
    display: flex;
    align-items: center;
    gap:20px;
    flex-wrap: wrap;
}
.cut-to-size-options label{
  color:  #00080A !important;
  font-family: "Montserrat" !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 24px */
  display: flex;
  align-items: center;
  gap:5px;
}
.cut-to-size-value-div{
    width: 50%;
    display: flex;
    align-items: center;
    gap: 10px;
}
.cut-to-size-value-div input{
  border-radius: 999px;
  border: 1px solid #E0E0E1  !important;
  height: 48px;
  padding: 12px 10px 12px 16px;
  width: 50%;
}
input[type="radio"] {
    appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #ccc;
    border-radius: 50%;
    outline: none;
    background-color: white;
    cursor: pointer;
}
input[type="radio"]:checked {
    background-color: #fff;
    border: 5px solid #008eba;
}

/* Responsive */
@media (min-width: 48rem) {
  .container {
      margin: 0 auto;
      max-width:100% !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px){
  .col-full {
    margin-left:  0 !important;
    margin-right: 0 !important;
    padding: 0;
  }
  .banner-slider-content {
    flex-direction: column;
  }
  .ubermenu-skin-minimal.ubermenu-responsive-toggle,.get-custom-btn,#primary-menu{
    display:none;
  }
  .nav-opener {
    display: block;
  }
  /* .site-logo {
    width: 200px !important;
  } */
  .header-nav-area{
    width:0;
    display: none;
  }
  .mobile-menu-toggle{
    width:90px;
    display: block;
  }
  .img-category {
    height: 100px;
  }
  .img-category img {
    padding: 0;
  }
  .category-grid {
    padding: 64px 0 0px 0;
  }
  ._df_book-cover {
    height: 317px !important;
  }
  .catalog-card {
    height: 443px !important;
  }
  .shop-sorting .storefront-sorting {
    justify-content: start;
  }
  /* .shop-products .shop-header {
    margin: 30px 20px 0;
  } */
  .tab_toggle_menu{
    display: block;
  }
  .mobile-primary{
    width: 270px;
  }
  .main-header-top,.main-header-bottom{
    display:none;
  }
  .mobile_header{
    display:flex !important;
  }
  .look_for_sec_left a {
    width: 60%;
  }
  .menu_close {
    right: 3%;
    top: 0%;
  }
  .boxes-holder {
    gap: 10px;
  }
  .blog-card .img-wrap {
    height: 200px;
  }
  .look_for_sec_left h4 {
    font-size: 45px;
  }
  .feature-blog .text-section {
    margin-left: -118px;
    padding: 0px 48px 0 140px;
  }
  .wp-block-media-text {
    display: flex;
    flex-direction: column;
  }
  .wp-block-media-text__media{
    margin-bottom:20px !important;
  }
  .blog-header .blog-title {
    font-size: 44px;
  }
  .catalog-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .catelog-section ._df_thumb[thumbtype="img"] {
    width: 94% !important;
  }
  .full-container, .container {
    max-width: 62rem;
  }
  .main-header .full-container{
    max-width: 100%;
  }
  .storefront-breadcrumb .col-full{
    max-width: 62rem!important;
  }
  .product-card {
    width: 48%;
  }
  .shop-products .shop-header {
    margin-top: 0;
    flex-direction: column;
    align-items: start;
  }
  .shop-search {
    width: 100%;
  }
  .shop-search .search{
    width: 100%;
  }
  .shop-sorting {
    width: 100%;
  }
  .storefront-sorting{
    margin:20px 0;
  }
  .catalog-sub-div .dflip-card {
    width: 31%;
  }
  .catalog-sub-div .blog-card {
    width: 48% !important;
  }
  .catalog-external-div .blog-card {
    width: 31% !important;
  }
 .b2bwhs_custom_registration_container {
    width: 48%;
  }
  .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
        grid-column: 1 / -1;
  }
  .blog-card .img-wrap {
    width: 320px;
  }
}


@media (max-width: 767px) {
  .dt_select p b{
    font-size: 14px;
  }
  .content-container.active {
    flex-direction: column;
  }
  .card {
    width: 100%;
  }
  .top-header-area {
    align-items: center;
    flex-direction: column;
  }
  .top-header-right{
    margin-top: 8px;
    margin-left: 30px;
  }
  .top-header-left {
    align-items: start;
  }
  .fotter_priv_menu .footer-nav {
    margin: 0;
  }
  #secondary-menu{
    disabled:none;
  }
  .main-header-top,.ubermenu-skin-minimal.ubermenu-responsive-toggle,#primary-menu,.main-header-bottom{
    display:none;
  }
  
  .log-area {
    padding-right: 0;
  }
  .nav-opener {
    margin-left: 0;
  }
  .header-log a {
    font-size: 0;
  }
  .site-logo {
    width: 246px;
  }
  .decorative-right {
    padding-top: 0;
  }
  .nav-opener{
    display:block;
  }
  .site-header {
    padding-bottom: 0!important;
  }  
  .mobile-menu-toggle{
    width:90px;
    display: block;
  }
  .footer_subscribe button, .gform_wrapper.gravity-theme #field_submit .gform-button--width-full {
    width: 120px !important;
        font-size: 11px;
  }
  .woocommerce-result-count{
    margin:0 !important;
  }
  .storefront-sorting form {
    margin-right: 10px;
  }
  .shop-search, .shop-sorting {
    margin: 30px 0px 0;
  }
  .shop-search .search, .aws-search-form {
    width: 90%;
  }
  .storefront-sorting .woocommerce-ordering select {
    width: 97%;
    font-size: 12px;
}
.woocommerce-result-count {
        font-size: 10px;
    }
  .shop-sorting .storefront-sorting {
    justify-content: left !important;
    /* flex-direction:column; */
  }
  #field_20_1{
      width: 60%;
  }
  .product-details-main .woocommerce-breadcrumb {
    flex-wrap: wrap;
  }
  .full-container {
    padding: 0 14px;
  }
  .top-header-left h4 {
    font-size: 13px;
  }
  .top-header-left p {
    font-size: 10px;
  }
  .mobile_header{
    display:flex !important;
  }
  .decorative-category-item {
    margin: 0px 0 25px;
  }
  .decorative-category-info {
    margin-bottom: 25px;
  }
  .boxes-holder {
    display: flex;
    gap: 0;
    flex-direction: column;
  }
  .blog-card .img-wrap {
    margin-right: 25px;
    height: 160px;
    width: 86%;
  }
  .blog-card .text-section {
    margin-left: 25px;
  }
  .card {
    padding: 20px 0;
  }
  .tab-container {
    flex-direction: column;
  }
  .feature-blog .text-section {
    margin-left: 0;
  }
  .wp-block-media-text {
    display: flex;
    flex-direction: column;
  }
  .wp-block-media-text__media{
    margin-bottom:20px !important;
  }
  .blog-header, .blog-content, .share-post {
    width: 100%;
    padding: 32px 32px;
  }
  .blog-meta {
    flex-direction: column;
  }
  .blog-header .blog-title {
    font-size: 34px;
  }
  .catalog_det_header {
    align-items: start;
    justify-content: start;
    flex-direction: column;
  }
  .catelog-section .catalog-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 4px !important;
  }
  .catalog_det_header form{
    width:100%;
  }
  .catalog_det_header .search{
    width: 100%;
  }
  .catelog-section ._df_thumb[thumbtype="img"] {
    width: 94% !important;
  }
  .shop-grid {
    flex-direction: column;
  }
  .product-card {
    width: 100%;
  }

  .contact-area .container {
    display:flex;
    flex-direction: column-reverse;
  }

  .contact-area .container .form-col{
    width: 100%
  }
  .contact-area .container .info-col{
    width: 100%
  }
  .account-form{
      width: 100%;
  }
  .product-details-main .related-products .slick-track {
    gap: 0;
  }
  .catalog-sub-div .dflip-card {
    width: 100%;
  }
  .catalog-sub-div .blog-card {
    width: 100% !important;
  }
  .catalog-external-div .blog-card {
    width: 100% !important;
  }
  .b2bwhs_custom_registration_container {
      width: 100%;
  }
  #sample-form-modal .popup-message-box {
    width: 92%;
  }
  .product-details-main .request-sample-button {
     padding: .6180469716em 0.41575em;
  }
  .cut-to-size-value-div input {
    width: 48%;
  }
  .cut-to-size-value-div {
    width: 100%;
  }
}

@media(min-width:1400px){
  .catelog-section ._df_book-cover {
    height: 412px !important;
  }
}

@media(min-width:1400px) and (max-width:1799px){
  .main-header-bottom .header-search {
    width: 25% !important;
  }
}
@media(min-width:1800px){
      .main-header-bottom .header-search {
        width: 25% !important;
    }
  .main-header-bottom .ubermenu-nav a {
    padding: 10px 25px;
  }
  .main-header-bottom .ubermenu-nav a span {
    font-size: 16px;
  }
}
@media (min-width: 2000px) {
  .full-container {
    padding: 0 32px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
  }
  .blog-header, .blog-content, .share-post{
    width: 50%;
  }
  .storefront-breadcrumb .col-full{
    width: 100%;
    max-width: 100% !important;
    margin: 0 auto;
  }
  .site-logo {
    width: 350px;
  }
  .container {
    max-width: 80% !important;
  }
  .full-container {
    width:80% !important;
  }
  .banner-inner {
      width: 80%;
      margin: 0 auto;
  }
  .main-header-bottom .header-search {
        width: 25% !important;
  }
  .custom-dotss-container .slick-dots {
      right:-11%;
  }
}
/* CSS for PDP Length Resize */

.length-resize-options{
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.length-resize-value-div {
      border: 1px solid rgba(224, 224, 225, 1) !important;
    padding: 0px 10px;
    border-radius: 50px;
}
.length-resize-value-div select {
  padding: 10px 10px;
  outline: none;
}
.length-resize-radio-div {
  display: flex;
  gap: 10px;
}
.length-resize-radio-div input[type="radio"] {
  position: relative;
    top: 4px;
}

/* New CSS for catalog search section */

.catalog_det_header .search {
  position: relative;
}
.catalog_det_header .searchTerm {
    border-radius: 999px;
    border: 1px solid #E0E0E1 !important;
    background: #FFF !important;
    width: 350px;
    height: 50px;
    padding: 10px 40px 10px 10px;
}
.searchButton{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

@media screen and (max-width:767px){
  .catalog_det_header .searchTerm{
    width: 100%;
  }
}

.sticky {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  background: white; /* Or match your site's header background */
  box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Optional shadow */
}

.wp-block-columns{
  flex-wrap: nowrap !important;
}
#gform_fields_3 input[type="submit"]{
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    padding: 9px 24px 9px;
}


.search-at-top {
   position: fixed!important;
  top: 28% !important;
}
.sticky_search_result {
  position: fixed!important;
  top: 10% !important;
  display:none;
}


@media(min-width:1800px) {
  .four-row-column .blog-card .img-wrap {
    height: 244px;
  }
}
@media(min-width:2000px){
  .search-at-top {
top: 14% !important;
}
.sticky_search_result {
   top: 7% !important;
}
}
@media(min-width:1800px) and (max-width:1999px){
.search-at-top {
  top: 17% !important;
}
.sticky_search_result {
   top: 7% !important;
}
}
@media(min-width:1600px) and (max-width:1799px){
.search-at-top {
  top: 15% !important;
}
.sticky_search_result {
   top: 7% !important;
}
}
@media(min-width:1401px) and (max-width:1500px){
.search-at-top {
  top:25% !important;
}
.sticky_search_result {
   top: 11% !important;
}
}
@media(min-width:1200px) and (max-width:1400px){
.search-at-top {
  top:17% !important;
}
.sticky_search_result {
   top: 9% !important;
}
}
@media(min-width:992px) and (max-width:1100px){
.search-at-top {
  top:14% !important;
}
.sticky_search_result {
    display:none
}
}
@media(max-width:767px){
  .search-at-top {
    top: 27% !important;
  }
  .sticky_search_result {
    top: 13% !important;
  }
  .custom-nav button {
    width: 85px !important;
    padding: 10px 12px !important;
  }
  .shop-btn a {
      font-size: 12px;
  }
}


 .ubermenu-item-level-2 .ubermenu-target-title{
  color:#00080A !important;
  font-family: "Montserrat", sans-serif;
  font-size: 16px !important;
  font-style: normal;
  font-weight: 600 !important;
  line-height: 150% !important; /* 24px */
  text-align:left !important;
  padding: 10px 0 !important;
}
.ubermenu-item-level-2 .ubermenu-target {
  padding: 10px 0 !important;
text-align: left;
}
.ubermenu-item-level-2 .ubermenu-content-block p a{
  color:  #00080A !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 150% !important; /* 21px */
  text-align:left !important;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 0;
  padding: 5px 0 5px!important;
}
.ubermenu .ubermenu-custom-content-padded{
  padding:0 0 15px!important;
}
.ubermenu-content-block center p {
    margin: 0;
}
.ubermenu-content-block center {
    text-align: left !important;
}
.ubermenu .ubermenu-item {
    padding-right: 10px !important;
}
.ubermenu-skin-minimal .ubermenu-submenu .ubermenu-item-header > .ubermenu-target{
    text-align: left;
}
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    padding: 20px;
}
.hero-section video {
    width: 100%;
    max-width: 100% !important;
    height: 100%;
}
.upload_video_area{
  height:600px;
}

/* .video-background{
    height:100%;
} */
.hero-section{
    position: relative;
    margin:0 0 50px;
}
.hero-overlay{
    /* background: rgba(0, 0, 0, .8); */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
.video-overlay-bg{
  background: rgba(0, 0, 0, .8);
    width: 100%;
    height: 100%;
}
.hero-overlay-content{
  position: absolute;
}
.hero-overlay i{
    color: #fff !important;
    font-size: 66px;
}
.video-background iframe{
    max-width: 100%;
    width: 100%;
    height: 500px;
}
.embeded-video-background {
  position: relative!important;
  width: 100%!important;
  min-height: 500px!important;
  padding-top: 56.25%;
  overflow: hidden!important
}
.embeded-video-background iframe {
  position: absolute!important;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important
}
.html5-video-player .video-click-tracking, .html5-video-player .video-stream {
    display: block;
    width: 100% !important;
    height: 100%;
    position: absolute;
    left: 0 !important;
}
.mobile_video{
  display:none ;
}
img:is([sizes="auto" i], [sizes^="auto," i]) {
    contain-intrinsic-size: 0 !important;
}
table.cart td a{
  color:#008eba !important;
}
.wc-proceed-to-checkout .button.checkout-button {
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 36px !important;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    height: 50px;
}
/* .desktop_vedio {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 9999;
}
.desktop_vedio video {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */
.event-section{
margin-bottom:60px;
 }
.event-slider{
  margin:60px 32px 60px;
}

.event-slider .slick-track{
    display: flex;
    gap: 20px;
}
.event-item {
    background: #FFF;
    box-shadow: 0px 20px 24px -4px rgba(0, 0, 0, 0.08), 0px 8px 8px -4px rgba(0, 0, 0, 0.03);
        height: 524px;
    margin-bottom: 30px;
    overflow: hidden;
}
.event-item img {
    display: block;
    width: 100%;
}
.event-item .text-section{
  padding:20px;
  margin-bottom:30px;
}
.event-item .img-wrap{
    height: 150px;
    overflow: hidden;
}
.event-item .date{
  color: #5C5D5F;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 19.5px */
  letter-spacing: 0.39px;
  text-transform: uppercase;
}
.event-item .title{
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 275;
  line-height: 140%; /* 28px */
  letter-spacing: -0.2px;
}
.event-item .description{
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21px */
}
.event-item .read-more{
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
}
.event_dot ul:first-child {
    display: none !important;
}

@media(max-width:767px){
  .mobile_video{
  display:block  !important; 
}
.desktop_vedio{
  display:none ;
}
.hero-section video {
    height:100%;
}
.video-background{
    height:100%;
}
.hero-overlay{
    height: 100%;
}
.upload_video_area{
  height:300px;
}
.embeded-video-background {
    min-height: 270px !important;
}
}

.mps-debug-info{
  background-color: #f8f8f8;
}

.woocommerce-variation-availability .b2bwhs_shop_table {
  display: none;
}
 .faq-section { display: none; margin-top: 30px; }
    .faq-section.active { display: block; }
    .faq-question { cursor: pointer; font-weight: bold; margin: 10px 0; }
    .faq-answer { display: none; margin-bottom: 15px; }
    .faq-container{
          padding: 64px 32px 83px ;
    }
/* .faq-page .container{
  margin: 0 32px;
  padding: 64px 0 83px 0;
} */
.faq-title {
    text-align: center;
}
.faq-tab{
  padding: 10px 34px;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    border-radius: 50px;
    cursor: pointer;
    border: 1px solid rgba(224, 224, 225, 1);
    transition: all 0.3s ease;
    background: transparent;
    margin-bottom:20px;
}
.faq-tab.active {
    background-color: #008eba;
    color: white;
    border: 2px solid #008eba;
}
.faq-tabs p{
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}
/* .faq-container{
    width: 96%;
} */
.faq-question {
    cursor: pointer;
    font-weight: bold;
    margin: 10px 0;
    border-radius: 100px;
    border: 1px solid #DEDEDE;
    background: #FFF;
    padding: 10px 30px;
    height: 60px;
    /* line-height: 42px; */
    color: #00080A;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq-question img{
  padding-left:10px;
}
.faq-cat-content p{
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
.faq-cat-content p strong{
  font-weight: bold;

}
/* .faq-question::after{
        content: url();
    position: absolute;
    top: 10px;
    right: 15px;
} */
 .faq-search{
    border-radius: 999px;
    border: 1px solid #E0E0E1 !important;
    background: #FFF !important;
    width: 100%;
    height: 38px;
    padding: 0 40px 0 10px;
    margin-bottom: 40px;
    position:relative;
}
 .faq-search input{
    background: none !important;
    box-shadow: none!important ;
    height: 35px;
    width: 100%;
}
 .faq-search i{
    position: absolute;
    top: 24%;
    right: 14px;
}
.faq-category-header{
    align-items: center;
    display: flex;
    margin-bottom:50px;
}
.faq-category-header img{
     width: 40%;
    padding-right: 40px;
}
.faq-answer {
    padding: 0 20px;
}
.faq-btn{
  color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.26px;
    text-transform: uppercase;
    border-radius: 999px;
    border: 1px solid #008eba;
    background: #008eba;
    height:40px;
    padding: 9px 24px 9px;
    margin-right:20px;
    float: left;
}
.faq-cat-content .faq-btn:nth-child(3){
  border-radius: 999px;
  border: 1px solid #E4E2DF;
  background: #FFF;
  display: flex;
  height: 40px;
  padding: 0px 24px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color:  #00080A;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 13px */
  letter-spacing: 0.26px;
  text-transform: uppercase;
  width: fit-content;
}
.header-bulkorder{
  padding-right: 10px;
}
.b2bwhs_bulkorder_form_container {
    margin: 60px auto;
    width: 80%;
    background:#f7f7f7;
}
.b2bwhs_bulkorder_form_container_top {
    padding: 25px 15px;
    background: #008eba;
}
.b2bwhs_bulkorder_form_container_content_line input.b2bwhs_bulkorder_form_container_content_line_product {
    background: none;
    border-bottom: 1px solid #000 !important;
    border-radius: 0;
}
select#b2bwhs_bulkorder_searchby_select {
    background: #fff;
    color: #000;
    border: 1px solid #ddd;
    padding: 7px 10px;
    border-radius: 18px !important;
}
select#b2bwhs_bulkorder_searchby_select:hover {
    cursor: pointer;
    background: #fff;
}
.b2bwhs_bulkorder_form_container_bottom_add_button, .b2bwhs_bulkorder_form_container_bottom_save_button{
  border-radius: 60px !important;
}

@media(max-width:767px){
  .faq-category-header {
    flex-direction: column;
  }
  .faq-question{
     height: auto;
    line-height: 29px;
    font-size: 14px;
    width: 92%;
  }
  .faq-question::after {
    top: 39px;
    right: 21px;
    padding-left: 20px;
    width: 7px;
  }
}

.b2bwhs_livesearch_product_result {
    flex-direction: column;
    border-bottom: 1px solid #9b9b9b;
    align-items: flex-start;
    gap: 3px;
}
img.b2bwhs_livesearch_image {
  background: #f1f1f1;
  padding: 5px;
}
.b2bwhs_bulkorder_form_container_content_line input.b2bwhs_bulkorder_form_container_content_line_product{
  padding-right: 80px;
}
.b2bwhs_bulkorder_clear{
  left: auto;
  right: 32%;
  font-size: 14px;
}
.b2bwhs_bulkorder_form_container_bottom_add {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
}
button.b2bwhs_bulkorder_form_container_bottom_save_button{
  margin-left: 0px;
  margin-right: 0px;
}
.bulk-order {
  list-style: none;
  margin-bottom: 20px;
}
.bulk-order a{
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}
.faq-item{
    margin-bottom: 30px;
}
.facetwp-pager{
  padding: 35px 0 0;
  color: #000;
  text-align: center;
}
.facetwp-page{
  color:#000 !important;
}
.facetwp-page.active{
  background: #008eba;
  padding: 4px 12px;
  color: #fff !important;
}
.product-img{
  width: 100%;
}
.facetwp-search{
  border: 1px solid #e0e0e1 !important;
  background: #fff !important;
  display: flex !important;
  height: 44px !important;
  padding: 8px 16px !important;
  box-shadow: none !important;
  border-radius: 999px;
}
.facetwp-input-wrap .facetwp-icon {
    right: 5px !important;
}
.facetwp-facet {
    margin-bottom: 0 !important;
}


@media (min-width: 1199px) and (max-width: 1260px) {
  .site-logo {
    width: 200px;
  }
  .category-card {
    width: 22.9%;
  }
}

@media(min-width:768px) and (max-width:991px){
.category-card {
    width: 21%;
}
.decorative-category-grid-row {
    width: 46%;
}
.decorative-left {
    width: 100%;
}
.decorative-category-wrapper.first-row {
  flex-direction: column-reverse;
}
}
@media(max-width:767px){
  .faq-container {
    padding: 64px 0 83px 15px;
  }
  .faq-question {
    padding: 20px 25px;
    border-radius: 47px;
  }
  .banner-inner {
    flex-direction: column;
  }
}

.cimcloud-login,
.cimcloud-register {
  display: flex !important;
  height: 40px;
  padding: 0px 24px !important;
  justify-content: center;
  align-items: center;
  width: 45%;
  gap: 6px;
  border-radius: 999px !important;
  border: 1px solid #008eba !important;
  color: #fff !important;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 400 !important;
  line-height: 100%;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  background: #008eba !important;
}

/* Accessories Slider CSS */

.accessories-section {
  max-width: 900px;
  margin: 0 auto;
}

.accessories-heading {
  font-family: "Montserrat", sans-serif;
  font-weight: 275;
  font-size: 40px;
  line-height: 120%;
}

.accessories-slider .slide {
  padding: 20px 40px;
  outline: none;
}

.accessories-slider .slick-track {
  display: flex;
  align-items: center;
}

.slide-inner {
  text-align: left!important;
}

.accessories-product-img-wrap {
  width: 100%;
  max-width: 100%;
  background: #f7f7f7;
}

.accessories-product-img-wrap img {
  width: 100%;
  display: block;
}

.accessories-product-short-desc {
  text-align: left;
}

.accessories-product-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  margin: 5px 0px;
}

.accessories-product-code {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 150%;
  margin-top: 16px;
  color: #00080A!important;
}

.accessories-product-desc {
  font-size: 14px;
  color: #555;
  margin-bottom: 10px;
}

.accessories-product-price {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-style: Medium;
  font-size: 14px;
  line-height: 150%;
  color: #00080A!important;
}

/* Last slide (summary) */
.summary-slide .summary-box {
  max-width: 420px;
  margin: 0 auto;
  text-align: center;
}

.accessories-summary-label {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 15px;
}

.accessories-summary-price {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
}

.accessories-btn-add-cart {
  border: none!important;
  background: #008eba!important;
  color: #fff!important;
  padding: 12px 40px!important;
  border-radius: 999px!important;
  cursor: pointer!important;
  font-family: "Montserrat", sans-serif!important;
  font-weight: 400!important;
  font-size: 13px!important;
  line-height: 100%!important;
  text-transform: uppercase!important;
}

.accessories-btn-add-cart:hover {
  opacity: 0.9!important;
}

/* Custom arrows */
.accessories-slider .slick-next:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: url(../images/arrow-next.png) no-repeat;
  background-size: contain;
  background-position: center;
}
.accessories-slider .slick-prev:before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  background: url(../images/arrow-prev.png) no-repeat;
  background-size: contain;
  background-position: center;
}

.accessories-slider .slick-prev,
.accessories-slider .slick-next {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #e0e0e1;
  background: #fff;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #333;
  z-index: 2;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0px;
}

.accessories-slider .slick-prev:hover,
.accessories-slider .slick-next:hover {
  background: #f5f5f5;
}

.accessories-slider .slick-prev {
  left: -10px;
}

.accessories-slider .slick-next {
  right: -10px;
}

.slider-price-div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
}

/* Responsive tweaks */
@media (max-width: 600px) {
  .accessories-slider .slide {
    padding: 10px 20px;
  }

  .accessories-heading {
    font-size: 28px;
  }
  .accessories-btn-add-cart {
    padding: 12px 20px!important;
    font-size: 12px!important;
  }
  .accessories-summary-label,
  .accessories-summary-price {
    font-size: 12px!important;
  }
}
/* Accessories Slider CSS end*/

#form-target{
  height: 100vh !important;
}