@font-face {
  font-family: 'FF Meta Pro Normal';
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/FFMetaPro-Normal.eot');
  src: url('../fonts/FFMetaPro-Normal.eot?#iefix') format('embedded-opentype'), url('../fonts/FFMetaPro-Normal.woff2') format('woff2'), url('../fonts/FFMetaPro-Normal.woff') format('woff'), url('../fonts/FFMetaPro-Normal.ttf') format('truetype'), url('../fonts/FFMetaPro-Normal.svg#FFMetaPro-Normal') format('svg');
}

@font-face {
  font-family: 'FF Meta Pro Normal';
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/FFMetaPro-NormalItalic.eot');
  src: url('../fonts/FFMetaPro-NormalItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/FFMetaPro-NormalItalic.woff2') format('woff2'), url('../fonts/FFMetaPro-NormalItalic.woff') format('woff'), url('../fonts/FFMetaPro-NormalItalic.ttf') format('truetype'), url('../fonts/FFMetaPro-NormalItalic.svg#FFMetaPro-NormalItalic') format('svg');
}

@font-face {
  font-family: 'FF Meta Pro Med';
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/FFMetaPro-Medium.eot');
  src: url('../fonts/FFMetaPro-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/FFMetaPro-Medium.woff2') format('woff2'), url('../fonts/FFMetaPro-Medium.woff') format('woff'), url('../fonts/FFMetaPro-Medium.ttf') format('truetype'), url('../fonts/FFMetaPro-Medium.svg#FFMetaPro-Medium') format('svg');
}

@font-face {
  font-family: 'FF Meta Pro Med';
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  src: url('../fonts/FFMetaPro-MediumItalic.eot');
  src: url('../fonts/FFMetaPro-MediumItalic.eot?#iefix') format('embedded-opentype'), url('../fonts/FFMetaPro-MediumItalic.woff2') format('woff2'), url('../fonts/FFMetaPro-MediumItalic.woff') format('woff'), url('../fonts/FFMetaPro-MediumItalic.ttf') format('truetype'), url('../fonts/FFMetaPro-MediumItalic.svg#FFMetaPro-MediumItalic') format('svg');
}


/*@font-face {font-family: 'FF Meta Pro Bold'; font-weight: 600; font-style: italic; font-display: swap;
  src: url('../fonts/MetaPro-Bold.otf') format('opentype');
}*/

@font-face {
  font-family: 'FF Meta Pro Bold';
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url('../fonts/MetaProBold.ttf') format('truetype');
}

:root {
  --white: #FFF;
  --blue: #00AEEF;
  --darkblue: #173661;
  --lightblue: #2babe3;
}

html {
  scroll-behavior: smooth;
}

.read_more {
  text-align: center;
  margin: 50px 0px 15px 0px;
}

.read_more a {
  background: #183761;
  color: #fff;
  padding: 8px 41px;
  border-radius: 5px;
  text-align: center;
}

html,
body {
  font-family: 'FF Meta Pro Normal';
  overflow-x: hidden;
}

a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

input:focus,
select:focus,
button:focus {
  box-shadow: none !important;
  outline: none !important;
}

ul,
ol {
  padding: 0;
  margin: 0;
}

.row.vertical-middle {
  display: flex;
  -webkit-display: flex;
  -ms-display: flex;
  -moz-display: flex;
  -ms-flex-align: center;
  align-items: center;
}

.align-center {
  margin: 0 auto !important;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image,
img {
  box-shadow: none !important;
  width: auto;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'FF Meta Pro Bold';
  font-weight: 500;
}

p {
  font-size: 16px;
}

.content-with-btn {
  height: 200px;
  overflow: auto;
  margin: 0px 0px 20px 0px;
}

.container {
  width: 100%;
  max-width: 1440px;
}


/*Css by dev 31/07/2024 */

.single-pro-tab h3 {
  color: #183761;
}


/*.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    display: flex;
}*/


/* Custom Css 09/07/2024 */

.bapf_sfilter .bapf_body ul li ul {
  margin-left: -75px !important;
  margin-top: 25px;
}

.bapf_sfilter .bapf_body ul li ul li ul {
  margin-left: -120px !important;
  margin-top: 35px;
}

.right-are ul {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.right-are ul li {
  line-height: 24px;
  padding-bottom: 4px;
  font-family: 'FF Meta Pro Normal';
}


/* End  */

.woocommerce div.product.product-type-easy_product_bundle form.cart {
  display: flex !important;
  align-items: center;
}

.woocommerce div.product.product-type-easy_product_bundle .product_inquiry {
  display: block;
  margin-top: 10px;
}

.product-type-easy_product_bundle a.afrfqbt_single_page.single_add_to_cart_button.button.alt.product_type_easy_product_bundle {
  display: none;
}


/*--offcanvas-css--*/

#sidebar {
  opacity: 0;
}

.sidebar-offcanvas-menu .sidebar-wrapper {
  position: relative;
  height: 100%;
  overflow: auto;
}

#sidebar.sidebar-wrapperd-box {
  opacity: 1;
}

.sidebar-offcanvas-menu .outer {
  height: 100%;
  background: #ffffff;
  overflow: auto;
  padding: 0 0 20px;
  position: relative;
  z-index: 2;
}

.sidebar-offcanvas-menu .inner {
  padding: 10px;
}

.sidebar-offcanvas-menu #sidebar {
  position: fixed;
  top: 0px;
  bottom: 0px;
  width: 300px;
  left: -300px;
}

.sidebar-offcanvas-menu .sidebar-top-header:after {
  content: '';
  display: table;
  width: 100%;
}

.sidebar-offcanvas-menu .sidebar-top-header {
  background-color: #ffffff;
  padding: 15px;
  border-bottom: rgba(177, 177, 177, 0.29) 1px solid;
}

.sidebar-offcanvas-menu .sidebar-close-btn {
  text-align: right;
  float: right;
  padding: 0;
}

.sidebar-offcanvas-menu .sidebar-logo {
  float: left;
}

.sidebar-offcanvas-menu .sidebar-logo img {
  max-width: 52px;
  margin: 0 auto;
}

.sidebar-offcanvas-menu .sidebar-close-btn a {
  color: #343434;
  font-size: 30px;
  text-align: right;
  padding: 10px 0 0;
  cursor: pointer;
}

.sidebar-offcanvas-menu ul.sidebar-menu,
.sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {
  padding: 0;
  margin: 0;
}

.sidebar-offcanvas-menu ul.sidebar-menu li {
  display: block;
  transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.sidebar-offcanvas-menu ul.sidebar-menu li a {
  color: #000000;
  display: inline-block;
  text-transform: capitalize;
  padding: 10px 15px;
  font-size: 18px;
}

ul.sidebar-menu>li {
  border-bottom: #ffffff4f 1px dashed;
}

.sidebar-offcanvas-menu .inner {
  padding: 0;
}

ul.sidebar-menu>li.menu-item-has-children:after {
  content: "\f107";
  font-family: FontAwesome;
  color: var(--lightblue);
  position: absolute;
  top: 12px;
  right: 15px;
  font-size: 20px;
  line-height: 20px;
}

ul.sidebar-menu>li a {
  position: relative;
}

ul.sidebar-menu>li>ul {
  padding: 0;
  margin: 0;
  display: none;
}

ul.sidebar-menu>li>ul>li a {
  text-transform: capitalize !important;
  padding-left: 35px !important;
  font-size: 18px !important;
}

ul.sidebar-menu li.current-menu-item>a,
ul.sidebar-menu li:hover>a {
  color: var(--darkblue);
}

.desktop-menuboxin ul li:hover>ul {
  display: block;
}

.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children {
  position: relative;
}

.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children img {
  position: absolute;
  right: 0;
  top: 0;
}

.sidebar-offcanvas-menu .shape-overlays {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.sidebar-offcanvas-menu .shape-overlays.is-opened {
  pointer-events: auto;
  -webkit-transform: rotate(0);
  transform: rotate(0);
}


/*--offcanvas-css-end--*/


/*--header-css--*/

header {
  position: relative;
  z-index: 999;
  background: #fff;
}


/*header.sticky .top-header {height: 0; display: none; }*/

header.sticky {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
}

.top-header {
  background: var(--lightblue);
  padding: 10px 0;
}

.top-header p {
  margin-bottom: 0;
  color: #fff;
  font-size: 20px;
}

.top-header p a {
  color: #fff;
}

.top-header .top-phone {
  text-align: center;
}

.top-header .top-mail {
  text-align: right;
}

header.entry-header.sticky h1.entry-title {
  text-align: center;
  color: #153661;
}

.gallery-sec ul li img {
  height: 200px;
  object-fit: cover;
}

.header-middle {
  padding: 20px 0;
}

header.sticky .header-middle {
  padding: 25px 0;
}

.header-middle .row {
  display: flex;
  align-items: center;
}

.mobile-menubtn {
  display: none;
}

.btnmmenu {
  max-width: 37px;
  margin: 0 0 0 10px;
  display: inline-block;
  font-weight: 500;
  color: var(--darkblue);
  text-transform: uppercase;
}

.btnmmenu span {
  width: 35px;
  height: 2px;
  background: var(--darkblue);
  display: block;
  margin: 6px 0;
}

.mobile-menubtn .mobile-header-phn {
  display: inline-block;
  text-align: center;
  font-weight: 500;
  color: var(--darkblue);
  text-transform: uppercase;
}

.mobile-menubtn .mobile-header-phn img {
  display: block;
  margin-bottom: 3px;
  width: 30px;
}

.logo-boxin {
  padding: 0;
}

.logo-boxin a {
  display: block;
  max-width: 220px;
}

.logo-boxin a img {
  width: auto;
  max-width: 100%;
}

.header-phone {
  text-align: center;
}

.header-phone p {
  color: var(--lightblue);
  font-size: 24px;
  margin-bottom: 0;
}

.header-phone-in {
  list-style: none;
  padding: 0px 0 10px;
}

.header-phone-in li {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
}

.header-phone-in li a {
  color: var(--darkblue);
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer
}

.header-ph-detail a {
  text-decoration: underline;
  font-size: 18px;
}

header.sticky .header-delivery-in {
  max-width: 150px;
}

.header-main {
  padding: 0;
  background: var(--darkblue);
}

.desktop-menuboxin ul {
  display: flex;
  justify-content: space-between;
}

.desktop-menuboxin ul li {
  position: relative;
  display: inline-block;
  padding: 0;
}

.desktop-menuboxin ul li a {
  display: block;
  padding: 10px;
  font-size: 24px;
  color: var(--white);
  text-transform: capitalize;
  opacity: 0.90;
}

.desktop-menuboxin ul li:hover>a {
  color: var(--lightblue);
}

.desktop-menuboxin ul li.menu-item-has-children ul {
  display: none;
  position: absolute;
  top: 50px;
  width: 300px;
  text-align: left;
  background-color: var(--darkblue);
  z-index: 9999;
}

.desktop-menuboxin ul li.menu-item-has-children ul li {
  display: block;
  padding: 0;
}

.desktop-menuboxin ul li.menu-item-has-children:hover ul {
  display: block;
}


/*--end--*/

.searchbar {
  padding: 8px 0 8px;
  background: #183761;
}

.searchbar .searchform {
  max-width: 340px;
  margin: 0 0 0 auto;
  position: relative;
}

.searchbar .searchform input#search {
  width: 100%;
  border-color: var(--darkblue);
  border-radius: 3px;
  font-size: 24px;
  color: var(--darkblue);
  height: 38px;
  padding: 5px 15px;
}

.searchbar .searchform .search-btn {
  border: 0;
  position: absolute;
  top: 5px;
  right: 10px;
  max-width: 24px;
  background: #fff;
}

.searchbar .searchform input#search::-webkit-input-placeholder {
  color: var(--darkblue);
}

.searchbar .searchform input#search::-moz-placeholder {
  color: var(--darkblue);
}

.searchbar .searchform input#search:-ms-input-placeholder {
  color: var(--darkblue);
}

.searchbar .searchform input#search:-moz-placeholder {
  color: var(--darkblue);
}

.searchbar a.search-link {
  display: none;
  text-align: center;
  text-decoration: underline;
  color: var(--darkblue);
  font-weight: 500;
  max-width: 125px;
  font-size: 16px;
  margin-left: 20px;
}


/*.page-template-front-page .breadcumbs-area{display: non*/

.breadcumbs-area {
  margin-top: -38px;
}

.breadcumbs-area ul li {
  list-style: none;
  display: inline-block;
  padding-right: 5px;
  position: relative;
  font-size: 22px;
  color: var(--darkblue);
}

.breadcumbs-area ul li:not(:last-child):after {
  content: '»';
  color: #fff;
  padding-left: 5px;
}

.breadcumbs-area div {
  font-size: 22px;
  color: #ffffff;
}

.breadcumbs-area a {
  color: #ffffff;
}

.breadcumbs-area span {
  color: #ffffff !important;
}


/*--end--*/


/*--home-banner-slider-css--*/

.banner-sliderbox {
  position: relative;
}

.banner-sliderbox .hero-slider {
  padding: 0 75px;
}

.slider-box img {
  width: 100%;
}

.hero-slider button.slick-arrow {
  background: #C4C4C4;
  font-size: 34px;
  color: #fff;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 3;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.hero-slider button.slick-arrow::before {
  display: none;
}

.hero-slider button.slick-prev {
  left: 0;
}

.hero-slider button.slick-next {
  right: 0;
}

.hero-box {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  margin: 10px;
}

.hero-box .hero-img img {
  width: 100%;
  height: auto;
}

.hero-box .hero-heading {
  padding: 15px 60px 10px;
  background: rgba(255, 255, 255, 0.85);
}

.hero-box .hero-heading h3 {
  color: #183661;
  font-size: 36px;
  margin: 0;
  text-transform: uppercase;
}

.hero-box .hero-content {
  padding: 15px 60px 10px;
  background: rgba(24, 54, 97, 0.85);
  border-radius: 2px;
}

.hero-box .hero-content p {
  font-size: 24px;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.2;
}

.hero-box .hero-content a.hero-btn {
  float: right;
  background: #fff;
  color: var(--lightblue);
  width: 191px;
  padding: 12px 18px 9px;
  font-size: 24px;
  border-radius: 24px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  text-align: center;
}


/*--end--*/

.small-heading {
  font-size: 36px;
  line-height: 54px;
  margin-bottom: 0;
  text-transform: uppercase;
  color: var(--darkblue);
}

.range-sec {
  padding: 40px 0;
}

.range-sec .container {
  max-width: 1360px;
}

.range-sec .sec-heading {
  text-align: center;
  margin-bottom: 60px;
}

.range-sec .sec-heading p {
  text-align: center;
  font-size: 20pt;
  line-height: 30pt;
  color: var(--lightblue);
  /* max-width: 430px; */
  margin: auto;
}

.range-sec .range-btn {
  text-align: center;
  margin-top: 50px;
}

.range-sec .range-btn a {
  display: block;
  padding: 10px 15px;
  font-size: 24px;
  border-radius: 24px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background: var(--darkblue);
  color: var(--white);
  text-decoration: underline;
  max-width: 252px;
  text-align: center;
  margin: auto;
}

.product-box {
  background: #fff;
  margin: 0 20px 25px;
  box-shadow: 0px 8.33255px 8.33255px rgba(0, 0, 0, 0.25);
}

.product-box .product-txt {
  text-align: center;
  padding: 10px;
  background: var(--darkblue);
}

.product-box .product-txt a {
  color: #fff;
  font-size: 24px;
  text-decoration: underline;
}

.product-box .product-img {
  height: 330px;
  padding: 15px;
  background: #fff;
  text-align: center;
}

.product-box .product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*--end--*/

.home-content-sec {
  padding: 30px 0;
}

.home-content-sec .container {
  max-width: 1100px;
}

.home-content-sec .small-heading {
  margin: 0 0 30px;
  text-align: center;
}

.home-content-sec p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: var(--darkblue);
}

.home-content-sec p+.small-heading {
  margin-top: 35px;
}

.home-content-sec .sub-cat-list .row {
  display: flex;
  flex-direction: column;
  align-items: center;
}


/*--end--*/


/*--Newsletter-css--*/

.newesletter-sec {
  padding: 25px 0;
  background: #cbe9f7;
}

.newesletter-sec h3 {
  margin: 0;
  font-size: 32px;
  color: #183761;
  font-weight: 400;
}

.newesletter-sec .col-md-12 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.newesletter-sec .newsform {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.newesletter-sec .newsform .form-btn span.wpcf7-spinner {
  position: absolute;
}

.newesletter-sec .newsform .form-btn p {
  margin-bottom: 0;
}

.newesletter-sec .newsform .form-input {
  padding: 0 5px;
  max-width: 215px;
}

.newesletter-sec .newsform .form-input span {
  display: block;
}

.newesletter-sec .newsform .form-input input {
  height: 47px;
  border: 0;
  width: 100%;
  font-size: 16px;
  padding: 5px 10px;
  border-radius: 8px;
  box-sizing: border-box;
  color: var(--darkblue);
}

/* .woocommerce div.product form.cart {
  display: inline-block !important;
} */

.woocommerce div.product form.cart .variations {
  width: 100%;
  max-width: 100%;
  display: block;
  float: left;
}

.single_variation_wrap {
  display: flex !important;
  align-items: center;
  gap: 20px;
}

.woocommerce div.product form.cart .button {
  vertical-align: middle;
  float: none !important;
}

.single_variation_wrap {
  display: block;
  float: left;
  width: 100%;
  max-width: 100%;
}

.woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled .gmwqp_inquirybtn_loop {
  display: none !important;
}

.newesletter-sec .newsform .form-btn {
  text-align: right;
  padding-left: 5px;
}

.newesletter-sec .newsform .form-btn span {
  display: none;
}

.newesletter-sec .newsform .form-btn input {
  border: 0;
  color: #fff;
  border-radius: 8px;
  background: #183761;
  font-size: 14px;
  padding: 15px 40px 12px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
  text-transform: uppercase;
  font-family: 'FF Meta Pro Bold';
}

.newesletter-sec form .wpcf7-response-output {
  color: #fff;
  font-size: 18px;
}

.bread-crumnb-cont a {
  text-decoration: underline;
}

section.showcase-zigzag {
  padding-bottom: 0px !important;
}


/*--end--*/


/*--footer-css--*/

footer {
  padding: 60px 0 20px;
  background: #F2F4F4;
}

.footer-top .ft-logo a {
  display: block;
  max-width: 280px;
}

.footer-top .footer-menu {
  padding-left: 120px;
}

.footer-top .footer-menu ul {
  list-style: none;
}

.footer-top .footer-menu li {
  margin-bottom: 5px;
  font-size: 24px;
}

.footer-top .footer-menu li a {
  color: var(--darkblue);
}

.footer-top .mobile-view {
  display: none;
}

.footer-top .footer-phone {
  text-align: center;
}

.footer-top .footer-phone p {
  color: var(--lightblue);
  font-size: 24px;
  margin-bottom: 0;
}

.footer-top .footer-phone-in {
  list-style: none;
  padding: 0px 0 10px;
}

.footer-top .footer-phone-in li {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
}

.footer-top .footer-phone-in li a {
  color: var(--darkblue);
  font-size: 30px;
  vertical-align: middle;
  cursor: pointer
}

.footer-top .footer-ph-detail a {
  text-decoration: underline;
  font-size: 18px;
}

.copyright {
  text-align: center;
  padding-top: 20px;
}

.copyright p {
  font-size: 18px;
  color: var(--darkblue);
  margin-bottom: 0;
}


/*--end--*/

.no-results.not-found {
  max-width: 1170px;
  margin: 0 auto 30px;
  padding: 0 15px;
}

.has-default-attributes .gmwqp_inquirybtn_loop {
  margin-top: 0px !important;
}

.has-default-attributes .product_inquiry {
  display: block !important;
}



.has-default-attributes .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-enabled {
  display: flex !important;
}

@media (max-width: 1440px) {
  .top-header p {
    font-size: 17px;
  }

  .desktop-menuboxin ul li a {
    font-size: 20px;
  }

  .product-box .product-txt a {
    font-size: 20px;
  }

  .header-phn-are {
    width: 40% !important;
  }

  .header-icon {
    width: 24% !important;
  }
}

@media (max-width:1305px) {
  .newsform>div {
    width: calc(100% / 4);
  }

  .form-btn [value="Subscribe Now"] {
    width: 100%;
  }
}

@media (max-width:1199px) {
  .top-header p {
    font-size: 14px;
  }

  .desktop-menuboxin ul li a {
    font-size: 17px;
  }

  .newesletter-sec h3 {
    margin-bottom: 15px;
  }

  .newesletter-sec .col-md-12 {
    flex-direction: column;
  }

  .footer-top .footer-menu {
    padding-left: 80px;
  }

  .newsform>div {
    width: unset;
  }

  .form-btn [value="Subscribe Now"] {
    width: unset;
  }
}

@media (max-width: 991px) {

  /*--header-css--*/
  .header-main,
  .desktop-menubox {
    display: none;
  }

  .mobile-menushow {
    display: block;
  }

  .mobile-menubtn {
    display: block;
    text-align: right;
  }

  header.sticky .logo-boxin a {
    max-width: 150px;
  }

  .top-header .top-phone,
  .top-header .top-mail {
    display: none;
  }

  .top-header p {
    font-size: 14px;
    text-align: center;
  }

  .header-middle .header-phone,
  .header-middle .header-delivery {
    display: none;
  }

  .header-middle {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  }

  .small-heading {
    font-size: 27pt;
    line-height: 41.5pt;
  }

  .banner-sliderbox .hero-slider {
    padding: 0 25px;
  }

  .hero-box .hero-heading {
    text-align: center;
    padding: 15px 15px 10px;
  }

  .hero-box .hero-heading h3 {
    font-size: 24px;
  }

  .hero-box .hero-content p {
    font-size: 18px;
  }

  .hero-box .hero-content a.hero-btn {
    display: block;
    float: none;
    max-width: 191px;
    margin: 20px auto 0;
  }

  .hero-slider button.slick-arrow {
    font-size: 15px;
    width: 20px;
    height: 30px;
    min-width: 30px;
  }

  .hero-box .hero-content {
    padding: 15px 15px 10px;
  }

  .searchbar .col-md-12 {
    display: flex;
    justify-content: space-between;
  }

  .searchbar .searchform {
    margin: 0;
  }

  .searchbar .searchform input#search {
    font-size: 18px;
  }

  .searchbar a.search-link {
    display: none;
  }

  .breadcumbs-area {
    margin-top: 5px;
  }

  .breadcumbs-area div {
    font-size: 18px;
  }

  .home-content-sec p {
    /* font-size: 18px; */
  }

  .newesletter-sec h3 {
    text-align: center;
  }

  .newesletter-sec .col-md-12 {
    display: block;
  }

  .newesletter-sec .newsform {
    display: block;
    max-width: 340px;
    margin: 20px auto 0;
  }

  .newesletter-sec .newsform .form-input {
    margin: 10px auto;
  }

  .newesletter-sec .newsform .form-btn {
    text-align: center;
    padding-left: 0;
    padding-top: 10px;
  }

  footer {
    padding: 40px 0 20px;
  }

  .footer-top .ft-logo a {
    margin: 0 auto 20px;
    text-align: center;
  }

  .footer-top .footer-menu {
    padding-left: 15px;
    text-align: center;
    display: table;
    width: 100%;
  }

  .footer-top .footer-menu li {
    display: inline-block;
    padding: 0 10px;
  }

  .footer-top .footer-menu li a {
    text-decoration: underline;
    font-size: 18px;
  }

  .footer-top .footer-phone-in li {
    padding: 0 5px;
  }

  .footer-top .footer-phone-in li a {
    font-size: 18px;
    text-transform: uppercase;
  }

  .footer-top .footer-phone-in li a img {
    display: block;
    text-align: center;
    margin: 0 auto 4px;
    width: 36px;
  }

  .footer-top .footer-phone p {
    font-size: 18px;
  }

  .footer-top .footer-ph-detail,
  .footer-top .desktop-view {
    display: none;
  }

  .footer-top .mobile-view {
    display: block;
  }

  .copyright {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  /* .has-default-attributes .enquiry-btn {
    width: auto !important;
  } */

  /* .has-default-attributes .gmwqp_inquirybtn_loop {
    margin-left: 10px;
  } */

  .single_variation_wrap {
    gap: 10px !important;
    flex-direction: column !important;
  }

  .woocommerce .cart .button,
  .woocommerce .cart input.button {
    width: 100%;
    text-align: center;
  }

  .enquiry-btn {
    width: 100% !important;
  }

  .woocommerce-variation-add-to-cart.variations_button.woocommerce-variation-add-to-cart-disabled {
    width: 100% !important;
  }

  .gmwqp_inquirybtn_loop {
    margin-top: 0px !important;
    display: inline-block !important;
    width: 100% !important;
  }

  .product-box {
    margin: 0 0 25px;
  }

  .product-box .product-img {
    height: 160px;
  }

  .product-box .product-txt {
    padding: 5px 10px;
    min-height: 60px;
  }

  .product-box .product-txt a {
    font-size: 16px;
  }

  .range-sec .range-btn {
    margin-top: 20px;
  }

  .range-sec .range-btn a {
    font-size: 15.43px;
    max-width: 162px;
    padding: 7px 15px;
  }

  ul.footer-phone-in.mobile-view a.desktop_mob {
    display: none;
  }

  a.mobile-header-phn.desk {
    display: none;
  }

  a.mobile-header-phn.phone {
    width: 32px;
    display: inline-block;
  }

  ul.footer-phone-in.mobile-view a.mob_mob {
    display: block;
  }
}

@media (min-width: 767px) {
  ul.footer-phone-in.mobile-view a.desktop_mob {
    display: block;
  }

  ul.footer-phone-in.mobile-view a.mob_mob {
    display: none;
  }

  a.mobile-header-phn.desk {
    display: none;
  }

  a.mobile-header-phn.phone {
    display: block;
  }
}

@media (max-width: 450px) {
  .searchbar .searchform {
    max-width: 200px;
  }

  .product-box .product-img {
    height: 140px;
    padding: 5px;
  }

  .footer-top .footer-menu li {
    padding: 0 4px;
  }
}

@media (max-width: 370px) {
  .searchbar .searchform {
    max-width: 180px;
  }

  .searchbar a.search-link {
    font-size: 14px;
    margin-left: 10px;
  }
}


/* ::::: Inner Pages Css ::::: */

.mob-none {
  display: none;
}

.page-title h2,
.page-title h1 {
  margin-top: 0px;
}

.page-title-mob {
  display: none;
}

.page-title-mob h2 {
  margin-top: 10px;
}

.page-title-mob h5 {
  margin-bottom: 0;
  color: var(--darkblue);
  font-size: 14px;
  font-weight: 400;
}

.about-sec {
  padding: 10px 0 100px;
}

.accordion-tabs .panel-default {
  border: 0 !important;
  box-shadow: none;
}

.accordion-tabs .panel-heading {
  background: #fff;
  border: 0;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.accordion-tabs .panel-title {
  font-size: 24px;
  text-transform: uppercase;
}

.accordion-tabs .panel-title a {
  display: block;
  color: var(--darkblue);
}

.accordion-tabs .panel-title a:after {
  content: "\f0d7";
  float: right;
  font-family: "Fontawesome";
  color: #ECECEC;
  font-size: 49px;
  line-height: 28px;
}

.accordion-tabs .panel-body {
  padding: 30px 0 0;
  border: 0 !important;
  box-shadow: none;
}

.accordion-tabs .panel-body p {
  font-size: 16px;
  line-height: 24px;
  color: var(--darkblue);
  margin-bottom: 25px;
}

.accordion-tabs .panel-body p a {
  color: var(--darkblue);
}


/* :::::: Contact Page:::: */

.contact-sec {
  padding: 50px 0;
}

.contact-sec-head {
  max-width: 700px;
  margin: 0 0 0 auto;
  padding: 30px 100px 0 30px;
}

.contact-sec-head h3 {
  font-size: 32px;
  color: var(--darkblue);
  margin-bottom: 25px;
}

.contact-sec-head p {
  font-size: 20px;
  color: var(--darkblue);
}

.contact-form .form-input,
.contact-form .form-textarea {
  margin-bottom: 15px;
}

.contact-form .form-input span {
  display: block;
}

.contact-form .form-input input {
  height: 38px;
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  padding: 5px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--lightblue);
  border: solid 1px var(--darkblue)
}

.contact-form .form-textarea textarea {
  height: 150px;
  width: 100%;
  font-size: 24px;
  padding: 5px 10px;
  resize: none;
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--lightblue);
  border: solid 1px var(--darkblue)
}

.contact-form .form-btn {
  padding-left: 0px;
}

.contact-form .form-btn span {
  display: none;
}

.contact-form .form-btn input {
  border: 0;
  color: #fff;
  font-size: 22px;
  border-radius: 24px;
  padding: 6px 24px 2px;
  background: var(--lightblue);
}

.contact-form .form-input input::-webkit-input-placeholder,
.contact-form .form-textarea textarea::-webkit-input-placeholder {
  color: var(--lightblue);
  font-weight: 400;
}

.contact-form .form-input input::-moz-placeholder,
.contact-form .form-textarea textarea::-moz-placeholder {
  color: var(--lightblue);
  font-weight: 400;
}

.contact-form .form-input input:-ms-input-placeholder,
.contact-form .form-textarea textarea:-ms-input-placeholder {
  color: var(--lightblue);
  font-weight: 400;
}

.contact-form .form-input input:-moz-placeholder,
.contact-form .form-textarea textarea:-moz-placeholder {
  color: var(--lightblue);
  font-weight: 400;
}

.gallery-sec {
  padding: 10px 10px 60px;
}

.gallery-sec ul li {
  padding-left: 5px;
  padding-right: 5px;
  margin-bottom: 10px;
}


/* :::::::CivMaster Product Page:::: */

.product-sec {
  padding: 10px 0 70px;
}

.product-thumb-box {
  padding: 15px;
  margin-bottom: 20px;
  background: #fff;
  box-shadow: 0px 6.93375px 6.93375px rgba(0, 0, 0, 0.25);
}

.prothumb-slider {
  margin-bottom: 0 !important;
}

.prothumb-slider .prothumb-img {
  background: #fff;
  height: 390px;
}

.prothumb-slider .prothumb-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.catgory-slider .slick-arrow,
.prothumb-slider .slick-arrow {
  top: auto;
  bottom: -60px;
  z-index: 9;
}

.catgory-slider .slick-prev,
.prothumb-slider .slick-prev {
  left: auto;
  right: 60px;
}

.catgory-slider .slick-next,
.prothumb-slider .slick-next {
  right: 5px;
}

.subcat-slider .slick-arrow:before,
.catgory-slider .slick-arrow:before,
.prothumb-slider .slick-arrow:before {
  font-family: fontawesome;
  color: var(--lightblue);
}

.subcat-slider .slick-prev:before,
.catgory-slider .slick-prev:before,
.prothumb-slider .slick-prev:before {
  content: '\f0d9';
}

.subcat-slider .slick-next:before,
.catgory-slider .slick-next:before,
.prothumb-slider .slick-next:before {
  content: '\f0da';
}

.prothumb-nav {
  max-width: 260px;
  margin: 10px 90px 0 auto;
}

.prothumb-nav .item {
  margin: 3px;
}

.prothumb-nav .item img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  border: solid 4px #fff;
  background: #fff;
  filter: drop-shadow(0px 2.29045px 2.29045px rgba(0, 0, 0, 0.25));
}

.prothumb-nav .item.slick-current img {
  border-color: var(--darkblue);
}

.catgory-slider ul.slick-dots,
.prothumb-slider ul.slick-dots {
  right: 29px;
  left: auto;
  text-align: right;
  bottom: -52px;
  width: auto;
}

.catgory-slider ul.slick-dots li,
.catgory-slider ul.slick-dots li button:before,
.subcat-slider ul.slick-dots li,
.subcat-slider ul.slick-dots li button:before,
.prothumb-slider ul.slick-dots li,
.prothumb-slider ul.slick-dots li button:before {
  display: none
}

.prothumb-slider ul.slick-dots li.slick-active,
.prothumb-slider ul.slick-dots li:last-child {
  display: inline-block !important;
  width: auto;
  height: auto;
  line-height: 20px;
  margin: 0;
}

.catgory-slider ul.slick-dots li.slick-active button,
.catgory-slider ul.slick-dots li:last-child button,
.subcat-slider ul.slick-dots li.slick-active button,
.subcat-slider ul.slick-dots li:last-child button,
.prothumb-slider ul.slick-dots li.slick-active button,
.prothumb-slider ul.slick-dots li:last-child button {
  font-size: 19px;
  padding: 0;
  width: auto;
  height: auto;
  display: inline-block;
  color: var(--lightblue);
}

.catgory-slider ul.slick-dots li:last-child button,
.subcat-slider ul.slick-dots li:last-child button,
.prothumb-slider ul.slick-dots li:last-child button {
  font-size: 18px;
  position: relative;
  top: -1px;
}

.catgory-slider ul.slick-dots li.slick-active:after,
.subcat-slider ul.slick-dots li.slick-active:after,
.prothumb-slider ul.slick-dots li.slick-active:after {
  content: '/';
  display: inline-block;
  margin: 0 2px;
  color: var(--lightblue);
}

.catgory-slider ul.slick-dots li.slick-active,
.catgory-slider ul.slick-dots li:last-child,
.subcat-slider ul.slick-dots li.slick-active,
.subcat-slider ul.slick-dots li:last-child {
  display: inline-block !important;
  width: auto;
  height: auto;
  line-height: 20px;
  margin: 0;
}

.specif-sec {
  padding: 10px 0 60px;
}

.specif-box .specif-head {
  padding: 15px 20px;
  background: var(--darkblue);
  color: #fff;
}

.specif-box .specif-head h3 {
  margin: 0;
  text-transform: uppercase;
}

.specif-box .specif-body {
  padding: 20px;
  border: solid 1px #eee;
}

.specif-btns-grp .specif-btns {
  display: block;
  text-align: center;
  font-size: 21px;
  padding: 10px 20px;
  max-width: 210px;
  margin: 0 auto 10px;
  border-radius: 24px;
  color: #fff;
}

.specif-btns-grp .specif-btn-view {
  background: var(--darkblue);
}

.specif-btns-grp .specif-btn-range {
  background: var(--lightblue);
}

.specif-btns-grp p {
  margin-top: 20px;
}

.specif-body table,
.specif-body table tr,
.specif-body table th,
.specif-body table td {
  text-align: center;
}

.specif-body table th,
.specif-body table td {
  font-size: 24px;
  font-weight: 400;
  color: var(--darkblue);
  text-transform: uppercase;
}


/* ::::::: Product Range Page :::: */

.sub-cat-sec {
  padding: 10px 0 60px;
}

.sub-cat-sec .container {
  max-width: 1360px;
}

.sub-cat-sec .sec-heading {
  text-align: center;
  margin-bottom: 60px;
}

.sub-cat-sec .sec-heading p {
  text-align: center;
  font-size: 30px;
  color: var(--lightblue);
  max-width: 740px;
  margin: auto;
}

.sub-cat-box {
  display: flex;
  flex-direction: column-reverse;
  background: var(--darkblue);
  /* margin-bottom: 20px; */
  box-shadow: 0px 6.93375px 6.93375px rgb(0 0 0 / 25%);
}

.sub-cat-box .sub-cat-lft {
  min-width: 100%;
  padding: 18px;
  position: relative;
}

.sub-cat-box .sub-cat-lft .sub-cat-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}

.sub-cat-box .sub-cat-lft .cat-name {
  margin: 0;
  color: #e5e5e5;
  font-size: 12px;
  line-height: 18px;
}

.sub-cat-box .sub-cat-lft .cat-size p {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0;
  display: none;
}

.sub-cat-box .sub-cat-lft .cat-heading {
  margin: 0;
}

.sub-cat-box .sub-cat-lft .cat-heading a {
  color: var(--white);
}

.sub-cat-box .sub-cat-lft .cat-btn {
  background: linear-gradient(45deg, #ffffff, #f1f1f1);
  color: var(--darkblue);
  text-transform: uppercase;
  display: flex;
  font-weight: 600;
  font-family: 'FF Meta Pro Bold';
  align-items: center;
  justify-content: center;
  font-size: 12px;
  text-align: center;
  border-radius: 4px;
  margin: auto;
  width: 126px;
  height: 37px;
  padding-top: 3px;
  transition: background 0.3s ease-in;
}

.sub-cat-box .sub-cat-lft .cat-btn:hover {
  color: var(--white);
  background: linear-gradient(45deg, #2FA9E0, #0189BC);
}

.sub-cat-box .sub-cat-rgt {
  background: var(--white);
  width: 100%;
  min-width: 100%;
}

.sub-cat-box .prothumb-img {
  max-width: 100%;
  height: 100%;
  /* margin: auto; */
}

.sub-cat-box .prothumb-img img {
  height: 225px;
  object-position: center;
  object-fit: cover;
}

.sub-cat-box .sub-cat-rgt .subcat-slider {
  padding-bottom: 0;
}

.sub-cat-box .sub-cat-rgt div {
  height: 100%;
  max-height: 225px;
}

.sub-cat-box .sub-cat-lft .cat-heading {
  color: #fff;
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  margin-bottom: 17px;
}

.subcat-slider {
  padding-bottom: 30px;
}

.subcat-slider .slick-arrow {
  top: auto;
  bottom: 0;
  z-index: 9;
}

.subcat-slider .slick-arrow:before {
  color: #C4C4C4;
}

.subcat-slider .slick-prev {
  left: 33%;
}

.subcat-slider .slick-next {
  right: 33%;
}

.subcat-slider ul.slick-dots {
  text-align: center;
  bottom: 7px;
}

.subcat-slider ul.slick-dots li.slick-active button,
.subcat-slider ul.slick-dots li:last-child button {
  color: #C4C4C4;
}


/* ::::::: Category Page :::: */

.catgory-sec {
  padding: 10px 0 50px;
}

.catgory-sec .container {
  max-width: 1100px;
}

.catgory-sec .sec-heading {
  text-align: center;
  margin-bottom: 60px;
}

.catgory-sec .sec-heading p {
  text-align: center;
  font-size: 30px;
  color: var(--lightblue);
  max-width: 530px;
  margin: auto;
}

.catgory-box {
  /* margin-bottom: 25px; */
  max-width: 400px;
  box-shadow: 0px 6.93375px 6.93375px rgb(0 0 0 / 25%);
}

@media screen and (min-width: 768px) and (max-width: 1310px) {
  .catgory-box {
    max-width: 330px;
  }
}

@media screen and (min-width: 395px) and (max-width: 450px) {
  .card-bt-0 {
    max-width: 330px;
  }
}

.catgory-box .cathumb-img {
  height: 330px;
  background: var(--white);
}

.catgory-box .cathumb-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
}

.catgory-body {
  background: var(--darkblue);
  padding: 15px;
}

.catgory-body .cat-name {
  color: var(--white);
  font-size: 20px;
}

.catgory-body .cat-title {
  margin: 10px 0;
  /* font-size: 39px; */
  min-height: 50px;
  font-size: 24pt;
  font-weight: 700;
  line-height: 36pt;
}

.catgory-body .cat-title a {
  color: var(--white);
}

.catgory-body .catgory-ft {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.catgory-body .catgory-ft .catgory-txt {
  color: #E5E5E5;
  max-width: 212px;
  font-size: 12pt;
  line-height: 18pt;
  margin-bottom: 0;
}

.catgory-body .catgory-ft .cat-btn {
  /* background: var(--white); */
  /* color: var(--lightblue); */
  /* padding: 8px 30px 4px; */
  /* font-size: 24px; */
  /* border-radius: 4px; */
  background: linear-gradient(45deg, #ffffff, #e2e2e2);
  color: var(--darkblue);
  text-transform: uppercase;
  display: flex;
  padding-top: 3px;
  font-family: 'FF Meta Pro Bold';
  font-weight: 600;
  align-items: center;
  justify-content: center;
  font-size: 12pt;
  text-align: center;
  border-radius: 4px;
  /* bottom: 15px; */
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
  /* margin: auto; */
  /* left: 15px; */
  width: 149px;
  height: 40px;
  transition: 0.3s ease-in;
}

.catgory-body .catgory-ft .cat-btn:hover {
  color: var(--white);
  background: linear-gradient(45deg, #2FA9E0, #0189BC);
}

.catgory-slider .slick-arrow {
  bottom: 0;
}

.catgory-slider ul.slick-dots {
  bottom: 8px;
}

.catgory-slider .slick-arrow:before,
.catgory-slider ul.slick-dots li.slick-active button,
.catgory-slider ul.slick-dots li:last-child button {
  color: #c4c4c4;
}

.carts-sec {
  padding: 30px 0 50px;
}

.carts-sec .container {
  max-width: 1100px;
}

.carts-sec .sec-heading {
  text-align: center;
  margin-bottom: 40px;
}

.carts-sec .carts-contnt p {
  font-size: 16px;
  line-height: 24px;
  color: var(--darkblue);
  text-align: center;
}

.carts-slider {
  margin-bottom: 20px;
  box-shadow: 0px 6.93375px 6.93375px rgb(0 0 0 / 25%);
}

.carts-slider-img {
  height: 530px;
  position: relative;
}

.carts-slider-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.carts-slider-img .carts-slider-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  padding: 20px 35px;
  background: rgba(24, 54, 97, 0.85);
}

.carts-slider-img .carts-slider-txt h3 {
  font-size: 24px;
  margin: 0;
}

.carts-slider-img .carts-slider-txt h3 a {
  color: var(--white);
}

.carts-thumb {
  max-width: 400px;
  margin: 0 auto 30px;
}

.carts-thumb .item {
  margin: 5px;
}

.carts-thumb .item img {
  width: 110px;
  height: 90px;
  object-fit: contain;
  border: solid 4px var(--white);
  background: var(--white);
  filter: drop-shadow(0px 2.29045px 2.29045px rgba(0, 0, 0, 0.25));
  margin-bottom: 5px;
}

.carts-slider button.slick-arrow {
  background: #C4C4C4;
  font-size: 34px;
  color: #fff;
  width: 60px;
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  z-index: 9;
  text-align: center;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.carts-slider button.slick-arrow::before {
  display: none;
}

.carts-slider button.slick-prev {
  left: -90px;
}

.carts-slider button.slick-next {
  right: -90px;
}


/* :::::: Enquiry Modal Popup :::: */

.enquirybox {
  padding: 10px 0 20px;
}

.enquirybox a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: var(--lightblue);
  color: var(--white);
  font-size: 22px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  cursor: pointer;
}

#myModal .modal-header {
  text-align: center;
  border: 0;
}

#myModal .modal-header .modal-title {
  font-size: 24px;
  text-transform: uppercase;
  color: var(--darkblue);
}

#myModal .modal-body {
  padding: 10px 50px 30px
}

.enquiryform .form-input {
  margin-bottom: 15px;
}

.enquiryform .form-input label {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  font-size: 18px;
  color: var(--darkblue);
}

.enquiryform .form-input span {
  display: block;
  width: 100%;
}

.enquiryform .form-input input {
  height: 38px;
  border: 1px solid var(--darkblue);
  width: 100%;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--darkblue);
}

.enquiryform .form-input textarea {
  height: 120px;
  border: 1px solid var(--darkblue);
  width: 100%;
  font-size: 18px;
  padding: 5px 10px;
  border-radius: 3px;
  box-sizing: border-box;
  color: var(--darkblue);
  resize: none;
}

.enquiryform .form-btn button {
  border: 0;
  color: #fff;
  font-size: 22px;
  border-radius: 4px;
  padding: 8px 24px 5px;
  background: var(--lightblue);
  display: block;
  margin: auto;
  width: auto;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

#myModal .modal-body .wpcf7-response-output {
  color: var(--darkblue);
  font-size: 18px;
}


/*search page css*/

.search .site-content {
  padding: 0 0 40px;
}

.search .page-header {
  padding: 50px 15px;
  border: 0;
  margin: 0;
  background-color: #173661;
  position: static
}

.search .page-header h1 {
  margin: 0;
  color: #fff;
  font-weight: 500;
  text-align: center;
}

.search article.post,
.search article.page {
  border-bottom: solid 1px #ccc;
  padding: 20px 0;
}

.search article.post header,
.search article.page header {
  position: static;
}

.search article.post .entry-title,
.search article.page .entry-title {
  font-size: 26px;
}

.search article.post .entry-title a,
.search article.page .entry-title a {
  color: #183761;
}

.search article.post .entry-summary,
.search article.page .entry-summary {
  color: #000;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 18px;
}

.search article footer,
.search article.page .entry-meta {
  font-size: 16px;
  padding: 10px 0;
  background: transparent;
  display: none;
}

.search article footer a,
.search article.page .entry-meta a {
  color: #0E8CA7;
}

.search .entry-header img {
  max-width: 100%;
  height: auto;
}

.search .navigation {
  border-top: solid 1px #002e5b;
  margin-top: 50px;
}

.search .navigation h3 {
  font-size: 20px;
  line-height: 24px;
  color: #0E8CA7;
  margin: 0;
  padding: 15px 0 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.search .navigation a {
  color: #0E8CA7;
}

.no-resultss label {
  width: 100%;
}

.search article.post .comments-link,
.search article.page .comments-link,
.no-results label.screen-reader-text {
  display: none;
}

.no-results input {
  color: #173661;
  width: 100%;
  height: 45px;
  padding: 0 15px;
  font-size: 18px;
  border: #173661 2px solid;
  margin-bottom: 15px;
}

.no-results input[type="submit"] {
  background: #173661;
  color: #fff;
  font-size: 16px;
}

.error404 .site-content {
  padding: 0px 0 80px;
}

.error404 .site-content .page-img {
  margin-bottom: 15px;
  text-align: center;
  font-size: 27.5rem;
  font-weight: 700;
  color: #ccc;
}

.error404 .site-content header {
  position: static
}


/*End*/

.show-case-main-bann {
  position: relative;
}

.bottom-text {
  bottom: 0;
  text-transform: uppercase;
  color: #fff;
  position: absolute;
  font-size: 64px;
}

@media (max-width: 1199px) {
  .contact-sec-head {
    padding: 30px 20px 0 15px;
  }

  .bottom-text {
    font-size: 36px;
  }
}

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

  .desk-none {
    display: none;
  }

  .page-title-mob {
    display: block;
    margin-bottom: 15px;
  }

  .page-title-desk {
    display: none;
  }

  .contact-sec {
    padding: 40px 0 0;
  }

  .contact-sec-head {
    max-width: 100%;
    padding: 0 0 40px 0;
  }

  .contact-sec-head>h3,
  .contact-sec-head>p {
    display: none;
  }

  .flip-col {
    display: flex;
    flex-direction: column;
  }

  /*   .flip-col .enquirybox {order: 3; } */
  .flip-row {
    display: flex;
    flex-direction: column-reverse;
  }

  .product-thumb-box {
    margin-bottom: 40px;
  }

  .accordion-tabs .panel-body p {
    font-size: 16px;
    line-height: 24px;
  }

  .specif-body table th,
  .specif-body table td {
    font-size: 1.1rem;
  }

  .specif-box .specif-head {
    background: transparent;
    text-align: center;
    color: var(--darkblue);
    margin-bottom: 20px;
  }

  .specif-box .specif-body {
    padding: 0;
    border: 0;
  }

  .specif-btns-grp .specif-btns {
    font-size: 18px;
  }

  /* ::::::: Category Page :::: */
  .catgory-sec {
    padding: 10px 0 30px;
  }

  .catgory-sec .sec-heading p {
    font-size: 18px;
  }

  .catgory-body .cat-title {
    font-size: 26px;
  }

  .catgory-body .catgory-ft .cat-btn {
    font-size: 16px;
    padding: 8px 15px 4px;
  }

  .carts-sec {
    padding: 10px 0 30px;
  }

  .carts-box {
    padding: 0 60px;
  }

  .catgory-body .cat-name {
    font-size: 15px;
  }

  .carts-slider-img .carts-slider-txt h3 {
    font-size: 18px;
  }

  .carts-slider button.slick-arrow {
    font-size: 22px;
    width: 30px;
    min-width: 30px;
    height: 30px;
  }

  .carts-slider button.slick-prev {
    left: -40px;
  }

  .carts-slider button.slick-next {
    right: -40px;
  }

  .carts-slider-img {
    height: 450px;
  }

  .catgory-body .catgory-ft .catgory-txt {
    font-size: 12px;
  }

  .carts-sec .carts-contnt p {
    font-size: 18px;
  }

  .sub-cat-box .prothumb-img {
    max-width: 100%;
  }

  .sub-cat-box .prothumb-img img {
    width: 100%;
  }

  .error404 .site-content .page-img {
    font-size: 14.0rem
  }
}

@media (max-width: 767px) {
  .sub-cat-sec {
    padding: 10px 0 30px;
  }

  .sub-cat-box .sub-cat-lft .cat-name {
    font-size: 10px;
  }

  .sub-cat-box .sub-cat-lft .cat-size p {
    font-size: 8px;
  }

  .sub-cat-box .sub-cat-lft .cat-heading {
    font-size: 12pt;
  }

  .sub-cat-box .sub-cat-lft .cat-btn {
    font-size: 11px;
  }

  .sub-cat-box .prothumb-img {
    height: 100px;
  }

  .subcat-slider .slick-prev {
    left: 25%;
  }

  .subcat-slider .slick-next {
    right: 25%;
  }

  .carts-slider-img {
    height: 300px;
  }

  .carts-thumb .item img {
    width: 50px;
    height: 50px;
  }

  .carts-slider-img .carts-slider-txt {
    padding: 10px 15px;
    text-align: center;
  }

  .sub-cat-box .prothumb-img img {
    height: 180px;
  }

  .bottom-text {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .gallery-sec ul li {
    width: calc(100%/2) !important;
  }
}

@media (max-width: 480px) {
  .prothumb-slider .prothumb-img {
    height: 240px;
  }

  #myModal .modal-body {
    padding: 10px 20px 20px;
  }

  .gallery-sec ul li {
    width: calc(100%/2) !important;
  }

  .home-content-sec p {
    font-size: 12pt;
    line-height: 18pt;
  }
}

@media (max-width: 420px) {
  .subcat-slider .slick-prev {
    left: 20%;
  }

  .subcat-slider .slick-next {
    right: 20%;
  }

  .gallery-sec ul li img {
    height: 120px !important;
  }

  .variations_form.cart select {
    max-width: 100%;
    width: 100%;
  }
}

.iframe-section iframe {
  aspect-ratio: 16 / 9;
}

.off-canvas {
  position: fixed;
  top: 150px;
  left: 0;
  z-index: 5;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  --path-fill-4: #fff;
  --path-fill-3: #00aeef;
  --path-fill-2: #00aeef;
  --path-fill-1: #00aeef;
}

.off-canvas__inner {
  max-width: 1440px;
  margin: 0 auto;
  padding: 45px 30px;
  position: relative;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  height: calc(100vh - 190px);
}

.off-canvas.active .off-canvas__inner {
  opacity: 1;
  pointer-events: auto;
}

.off-canvas .shape-overlays.is-opened {
  pointer-events: auto;
  -webkit-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}

.off-canvas .shape-overlays {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

#ajaxsearchlite1 .probox {
  background-image: none !important;
  /* border: 2px solid #1e1e1e !important; */
  height: auto !important;
  padding: 4px !important;
  box-sizing: border-box;
}

#ajaxsearchlite1 .probox .proinput input {
  color: #000 !important;
}

.searchbar #ajaxsearchlite1 .probox .proinput input,
div.asl_w .probox .proinput input {
  color: #337ab7 !important;
}

.searchbar #ajaxsearchlite1 .probox .proinput input::placeholder,
div.asl_w .probox .proinput input::placeholder {
  color: #444 !important;
}

div#ajaxsearchlite1 .probox .innericon svg {
  fill: #337ab7 !important;
}

#ajaxsearchlite1 .promagnifier {
  background-color: transparent !important;
  background-image: none !important;
}

div#ajaxsearchlite1 {
  background-image: none !important;
  border: 0;
}

.desktop-menuboxin ul li.menu-item-has-children#menu-item-35 ul {
  right: 0;
}

a:focus {
  outline: 0 !important;
}

a.btn:active {
  color: #183761;
  background: linear-gradient(270deg, #f1f1f1 5.29%, #ffffff 92.35%);
}

@media (min-width: 900px) {
  .off-canvas__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 100px 46px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    left: -100vw;
    margin: 0 !important;
    width: 100vw;
    height: 90vh !important;
    background: #fff;
    transition: 0.6s ease-in-out;
  }

  .navbar-collapse.in {
    left: -1px;
  }

  .bar1 {
    width: 25px;
    height: 2px;
    background-color: #183761;
    margin: 0;
    transition: 0.4s;
  }

  .bar2 {
    width: 25px;
    height: 2px;
    background-color: #183761;
    margin: 5px 0;
    transition: 0.4s;
  }

  .bar3 {
    width: 25px;
    height: 2px;
    background-color: #183761;
    margin: 0;
    transition: 0.4s;
  }

  .change .bar1 {
    transform: rotate(-45deg) translate(-5px, 3px);
  }

  .change .bar2 {
    opacity: 0;
  }

  .change .bar3 {
    transform: rotate(45deg) translate(-6px, -5px);
  }
}

div.asl_r .results .item .asl_content h3,
div.asl_r .results .item .asl_content h3 a {
  color: #183761 !important;
}

.div.asl_m .probox .proclose svg {
  background: #183761 !important;
}

div.asl_r.vertical {
  background: #2fa9e0 !important;
}

@keyframes animate {
  0% {
    transform: scale(1.5);
  }

  100% {
    transform: scale(0.8);
  }
}

@media (max-width:399px) {
  .home-content-sec .col-custom {
    width: 48% !important;
  }
}

@media (max-width:376px) {
  .home-content-sec .col-custom {
    width: 47% !important;
  }
}

.product-type-variable .single-pro-right {
  display: flex;
  flex-direction: column;
}

.product-type-variable .single-pro-right>.summary.entry-summary {
  order: 1;
  position: relative !important;
  margin-bottom: 0;
}

.product-type-variable .single-pro-right>p.first-payment-date {
  order: 2;
  padding-left: 30px;
}

.product-type-variable .single-pro-right>.product_meta {
  order: 3;
  padding-left: 30px;
  margin-bottom: 30px;
}

.product-type-variable .single-pro-right>.extra-list {
  order: 4;
  padding-left: 30px;
}

@media(max-width:991px) {

  .product-type-variable .single-pro-right>.extra-list,
  .product-type-variable .single-pro-right>.product_meta,
  .product-type-variable .single-pro-right>p.first-payment-date {
    padding-left: 0px;
  }
}

.sand_custom td.value {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}

.sand_custom .product_meta {
  display: none !important;
}

.sand_custom .single_variation_wrap a {
  color: #fff !important;
  border-radius: 8px;
  background: #183761;
  font-size: 14px;
  padding: 18px 26px 15px !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
  text-transform: uppercase;
  font-family: 'FF Meta Pro Bold';
  line-height: 1;
  display: block;
  text-align: center !important;
  width: 155px !important;
}

.sand_custom .gmwqp_inquirybtn_loop a {
  color: #fff;
  border-radius: 8px;
  background: #183761;
  font-size: 14px;
  padding: 18px 26px 15px !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
  text-transform: uppercase;
  font-family: 'FF Meta Pro Bold';
  line-height: 1;
  display: block;
  text-align: center !important;
  width: max-content !important;
  margin-bottom: 20px !important;
}

.sand_custom .single_variation_wrap a:hover {
  background: #cbe9f7 !important;
  color: #183761 !important;
  border-color: #183761 !important;
}

.sand_custom .gmwqp_inquirybtn_loop a:hover {
  background: #cbe9f7 !important;
  color: #183761 !important;
  border-color: #183761 !important;
}

@media(max-width:767px) {

  .sand_custom .single_variation_wrap a,
  .sand_custom .gmwqp_inquirybtn_loop a {
    width: 100% !important;
  }

  .woocommerce div.product form.cart {
    width: 100% !important;
  }

  .woocommerce div.product form.cart .variations {
    width: 100%;
    max-width: 100% !important;
  }

  select#pa_frame-type {
    width: 92vw;
  }

  select#pa_baffle-ball-options {
    width: 75vw;
  }
}

.wcgs-carousel .wcgs-slider-image {
  height: auto;
}

#wpgs-gallery img {
  max-width: 100%;
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  aspect-ratio: 1 / 1;
}


/**memebership-popup**/

.modal-dialog-centered .modal-header {
  background-color: #383B43;
  padding: 30px 60px 30px 60px;
  border: none;
  position: relative;
}

.modal-dialog-centered .modal-header h2 {
  color: #FFF;
  font-size: 36px;
  line-height: 36px;
  margin: 0;
}

.modal-dialog-centered .modal-header button.close {
  position: absolute;
  right: 15px;
  top: 10px;
  color: #FFF;
  text-shadow: none;
}

.modal-dialog-centered .modal-body {
  padding: 0;
}

.modal-dialog-centered .modal-body h3,
.modal-dialog-centered .modal-body p {
  color: var(--darkblue);
}

.modal-dialog-centered .modal-body p strong {
  display: block;
}

.modal-dialog-centered .modal-body p {
  font-weight: 500;
  font-family: 'FF Meta Pro Normal';
}

.bottom-modal-body {
  background-color: #D9D9D921;
  padding: 30px 60px;
}

.top-modal-body {
  padding: 30px 60px;
}

.top-modal-body a.gt-strt {
  display: inline-block;
  margin: 10px 0 0;
  text-transform: inherit;
  font-family: 'FF Meta Pro Normal';
}

.modal-dialog-centered .modal-body h3 {
  margin: 0 0 20px;
}

.membership_learnmore_pop .modal-content {
  border-radius: 10px;
  overflow: hidden;
  border: none;
}

@media (max-width: 767px) {
  .modal-dialog-centered .modal-header h2 {
    font-size: 20px;
    line-height: 20px;
  }

  .modal-dialog-centered .modal-body h3 {
    font-size: 16px;
    line-height: 22px;
  }

  .modal-dialog-centered .modal-body p {
    font-size: 12px;
    line-height: 17px;
  }

  .modal-dialog-centered .modal-header {
    padding: 30px 40px 30px 40px;
  }

  .top-modal-body {
    padding: 30px 40px;
  }

  .bottom-modal-body {
    padding: 30px 40px;
  }
}


/**Subscription form css **/

.new-subscription-sec .form-row h2 {
  text-align: center;
  color: #183761;
}

.new-subscription-form {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  margin: 25px auto;
}

.new-subscription-sec {
  padding: 60px 0;
}

.new_subscription_form .form-input {
  padding: 5px;
}

.new_subscription_form .form-input input,
.new_subscription_form .form-input select,
.new_subscription_form .form-input textarea {
  border: hsl(214.52deg 60.33% 23.73% / 48%) 1px solid;
  border-radius: 6px;
  padding: 10px 15px;
  background-color: #f1fbff;
  width: 100%;
}

.new_subscription_form .form-input textarea {
  height: 100px;
}

.new_subscription_form .form-btn input {
  color: #fff;
  border-radius: 8px;
  background: #183761;
  font-size: 14px;
  padding: 15px 40px 12px;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
  text-transform: uppercase;
  font-family: 'FF Meta Pro Bold';
  border: 1px solid transparent;
  transition: ease 0.3s all;
}

.new_subscription_form .form-btn input:hover {
  background: #cbe9f7 !important;
  color: #183761 !important;
  border-color: #183761 !important;
}

.new_subscription_form .form-input input:focus,
.new_subscription_form .form-input textarea:focus {
  border-color: #183761;
  background-color: #FFF;
}

.left-are h2 {
  color: #183761;
  font-size: 24px;
  margin-top: 0;
}

.product_inquiry {
  display: unset;
  height: max-content;
}

.gmwqp_inquirybtn_loop {
  margin-top: 0 !important;
}

.single_variation_wrap {
  gap: 10px;
}


/* singal-prodect-css */
.product-type-simple form.cart {
  width: 100%;
  display: flex !important;
  gap: 10px;
}

.product-type-simple .product_inquiry {
  display: block;
  height: max-content;
}

.product-type-simple .button,
.product-type-simple .gmwqp_inquirybtn_loop {
  margin: 0 !important;
}

@media (max-width:991px) {

  .woocommerce div.product form.cart,
  .product-type-variable .variations_button {
    flex-direction: column;
    width: 100%;
  }

  .woocommerce div.product form.cart {
    margin-bottom: 0em;
    width: 100% !important;
  }

  .button {
    text-align: center;
  }

  .enquiry-btn {
    width: 100% !important;
  }
}


/* product-type-variable-css */
.product-type-variable .single_variation_wrap {
  flex-direction: column;
  align-items: normal;
}

.woocommerce-variation-availability {
  display: none !important;
}

.product-type-variable .woocommerce-variation-availability {
  display: none;
}

.product-type-variable .variations_button {
  display: flex;
  gap: 10px;
}


/* Bundal_product-css */

.product-type-easy_product_bundle .woocommerce div.product p.price,
.product-type-easy_product_bundle .asnp-totalPrice-section {
  display: none;
}

.product-type-easy_product_bundle .single_add_to_cart_button {
  display: none !important;
}

.product-type-easy_product_bundle .afrfqbt_single_page {
  display: block !important;
}

.product-type-easy_product_bundle span.asnp-totalPrice-section {
  display: none !important;
}

.product-type-easy_product_bundle .three-botton,
.product-type-variable .three-botton,
.product-type-variable .three-botton .woocommerce-variation-add-to-cart {
  flex-direction: column;
}

.product-type-easy_product_bundle .three-botton .single_add_to_cart_button,
.product-type-easy_product_bundle .three-botton .enquiry-btn,
.product-type-easy_product_bundle .three-botton .enquiry-btn .button,
.product-type-variable .three-botton .button,
.product-type-variable .button {
  width: 100%;
}

.product-type-easy_product_bundle .three-botton [title="View Quote"],
.product-type-variable .three-botton [title="View Quote"] {
  display: block;
  color: #fff !important;
  border-radius: 8px;
  background: #183761 !important;
  font-size: 14px;
  padding: 18px 26px 15px !important;
  box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
  text-transform: uppercase;
  font-family: 'FF Meta Pro Bold';
  line-height: 1;
  height: fit-content;
  width: 100%;
  margin: 0 !important;
  text-align: center;
  transition: all .3s ease-in-out;
  border: 1px solid transparent;
}

.product-type-easy_product_bundle .three-botton [title="View Quote"]:hover,
.product-type-variable .three-botton [title="View Quote"]:hover {
  background: #cbe9f7 !important;
  color: #183761 !important;
  border-color: #183761 !important;
}

.woocommerce .cart .button,
.woocommerce .cart input.button,
form.checkout_coupon.woocommerce-form-coupon button.button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  text-align: center;
}

.woocommerce div.product.product-type-easy_product_bundle form.cart {
  gap: 12px;
}

.product-type-simple .cart {
  display: flex !important;
}




.postid-7149 .product_inquiry {
  display: none !important;
  margin-top: 10px;
}