/*CSS Template 1.3 by J - Updated December 2025*/
/*Dev by YH*/
/*Search (CTRL+F) Keywords:
[Fonts] 
[Presets] 
[Floating_CTA] 
[Settings] 
[Gaps] 
[Contact_Form] 
[Map_Presets] 
[Text_Presets] 
[Button_Presets] 
[Slick_Slider_Presets] 
[Image_Presets] 
[Animation_Presets] 
[Formats] 
[Position_Presets] 
[Flex/Grid_Presets] 
[Banner] 
[Custom]*/

/*[Fonts]*/
/*====================================================================================================*/
/* @font-face {
  font-family: generalsans;
  font-weight: 100;
  src: url("./fonts/Inter_18pt-Thin.ttf") format("truetype");
}

@font-face {
  font-family: generalsans;
  font-weight: 200;
  src: url("./fonts/Inter_18pt-ExtraLight.ttf") format("opentype");
} */

@font-face {
  font-family: generalsans;
  font-weight: 300;
  src: url("./fonts/GeneralSans-Light.otf") format("opentype");
}

@font-face {
  font-family: generalsans;
  font-weight: 400;
  src: url("./fonts/GeneralSans-Regular.otf") format("opentype");
}

@font-face {
  font-family: generalsans;
  font-weight: 500;
  src: url("./fonts/GeneralSans-Medium.otf") format("opentype");
}

@font-face {
  font-family: generalsans;
  font-weight: 600;
  src: url("./fonts/GeneralSans-Semibold.otf") format("opentype");
}

@font-face {
  font-family: generalsans;
  font-weight: 700;
  src: url("./fonts/GeneralSans-Bold.otf") format("opentype");
}

/* @font-face {
  font-family: inter;
  font-weight: 800;
  src: url("./fonts/Inter_18pt-ExtraBold.ttf") format("truetype");
}

@font-face {
  font-family: inter;
  font-weight: 900;
  src: url("./fonts/Inter_18pt-Black.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 200;
  src: url("./fonts/TacticSans-Thn.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 300;
  src: url("./fonts/TacticSans-Lgt.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 400;
  src: url("./fonts/TacticSans-Reg.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 500;
  src: url("./fonts/TacticSans-Med.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 700;
  src: url("./fonts/TacticSans-Bld.ttf") format("truetype");
}

@font-face {
  font-family: tactic-sans;
  font-weight: 900;
  src: url("./fonts/TacticSans-Blk.ttf") format("truetype");
} */

/*[Presets]*/
/*====================================================================================================*/
:root {
  --theme-font-family: "generalsans";
  --theme-title-font-family: "tactic-sans";
  --fa-brand: "Font Awesome 7 Brands";
  --fa-icon: "Font Awesome 7 Free";
  --font-size-1: 40px;
  --font-size-2: 30px;
  --font-size-3: 27px;
  --font-size-4: 25px;
  --font-size-5: 23px;
  --font-size-6: 20px;
  --font-size-7: 18px;
  --font-size-t: 16px;
  --font-size-s: 14px;
  --row-gap: 100px;
  --side-gap: 100px;
  --side-gap-2: 20px;
  --inner-row-gap: 35px;
  --inner-side-gap: 35px;
  --inner-large-row-gap: 50px;
  --inner-large-side-gap: 50px;
  --map-height: 400px;
  --white-color: #ffffff;
  --black-color: #000000;
  --theme-color: #be0002;
  --transition-effect: all 0.3s ease-in-out;
  --transition-out-effect: all 0.3s ease-out;
  --transition-in-effect: all 0.3s ease-in;
  --gsap-effect-fast: all 0.5s ease-out;
  --gsap-effect: all 1s ease-out;
  --gsap-effect-slow: all 1.5s ease-out;
  --home-banner-size: auto;
  --banner-size: 4 / 1;
  --banner-mini-title: 1.058vw;
  --banner-title: 5vw;
}

@media only screen and (max-width: 999.98px) {
  :root {
    --home-banner-size: 2 / 1;
    --banner-size: 3 / 1;
    --banner-mini-title: 1.6vw;
    --banner-title: 5vw;
  }
}

@media only screen and (max-width: 767.98px) {
  :root {
    --font-size-1: 30px;
    --font-size-2: 27px;
    --font-size-3: 25px;
    --font-size-4: 23px;
    --font-size-5: 20px;
    --font-size-6: 18px;
    --font-size-7: 18px;
    --row-gap: 70px;
    --side-gap: 15px;
    --side-gap-2: 15px;
    --inner-row-gap: 25px;
    --inner-side-gap: 15px;
    --inner-large-row-gap: 35px;
    --inner-large-side-gap: 15px;
    --map-height: 300px;
    --home-banner-size: 3 / 2;
    --banner-size: 2 / 1;
    --banner-mini-title: 2.083vw;
    --banner-title: 6.51vw;
  }
}

@media only screen and (max-width: 449.98px) {
  :root {
    --home-banner-size: 1 / 1;
    --banner-size: 3 / 2;
    --banner-mini-title: 3.556vw;
    /* --banner-title:11.111vw; */
  }
}

/*[Floating_CTA]*/
/*====================================================================================================*/
.floating-button {
  position: fixed;
  width: 50px;
  height: 50px;
  line-height: 50px;
  bottom: 80px;
  right: 19px;
  font-size: 20px;
  background-color: #4f6aca;
  color: #fff !important;
  border-radius: 50px;
  text-align: center;
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}

.floating-button * {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.floating-button.float-btn-trigger {
  background-color: #4f6aca;
  /* animation: 2.5s wiggle ease infinite; */
  /* animation-delay: 1s; */
  width: auto;
  min-width: 50px;
}

.floating-button:not(.float-btn-trigger) {
  opacity: 0;
}

.floating-button.float-btn-trigger .icon-trigger {
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  animation: 2.5s wiggle ease infinite;
  animation-delay: 1s;
  position: relative;
}

.floating-button.float-btn-trigger .chat-with-us {
  padding-inline: 0 0;
  font-size: 16px;
  text-transform: capitalize;
  overflow: hidden;
  text-indent: -100px;
  transform: scale(0);
  transform-origin: 100% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 0;
}

.floating-button.float-btn-trigger .chat-with-us.pop {
  padding-inline: 15px 0;
  text-indent: 0;
  transform: scale(1);
  width: auto;
}

.floating-button.float-btn-trigger #open-float {
  opacity: 1;
}
.floating-button.float-btn-trigger #close-float {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 0;
}

.floating-button.floating-button_mail {
  background-color: rgba(0, 114, 198, 1);
}
.floating-button.floating-button_phone {
  background-color: rgba(220, 16, 16, 1);
}
.floating-button.floating-button_whatsapp {
  background-color: rgba(37, 211, 102, 1);
}

/*when toogle*/
.floating-button.float-btn-trigger.toogle .icon-trigger {
  animation: none;
}

.floating-button.toogle:not(.float-btn-trigger) {
  opacity: 1;
}

.floating-button.float-btn-trigger.toogle #open-float {
  opacity: 0;
}
.floating-button.float-btn-trigger.toogle #close-float {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(180deg);
}

.floating-button.floating-button_mail.toogle {
  bottom: 140px;
}
.floating-button_phone.toogle {
  bottom: 200px;
}
.floating-button_whatsapp.toogle {
  bottom: 260px;
}

/*animation for trigger*/
@keyframes wiggle {
  0% {
    transform: scale(1), rotate(0);
  }
  9.375% {
    transform: scale(1.1) rotate(0);
  }
  18.75% {
    transform: scale(1.1) rotate(-3deg);
  }
  28.125% {
    transform: scale(1.1) rotate(20deg);
  }
  37.5% {
    transform: scale(1.1) rotate(-15deg);
  }
  46.875% {
    transform: scale(1.1) rotate(5deg);
  }
  56.25% {
    transform: scale(1.1) rotate(-1deg);
  }
  65.625% {
    transform: scale(1.1) rotate(0);
  }
  75% {
    transform: scale(1) rotate(0);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/*when mobile only*/
@media only screen and (max-width: 767.98px) {
  .floating-button {
    bottom: 10px;
    right: 15px;
  }

  .floating-button.floating-button_mail.toogle {
    bottom: 70px;
  }
  .floating-button_phone.toogle {
    bottom: 130px;
  }
  .floating-button_whatsapp.toogle {
    bottom: 190px;
  }

  #side-contact {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 70px;
    bottom: 0;
    right: -100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 999;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*padding-right: 70px;*/
  }

  #side-contact.toogle {
    right: 0;
  }

  #side-contact a.floating-button:not(.float-btn-trigger) {
    position: initial;
    opacity: 1;
  }

  .floating-button.float-btn-trigger .chat-with-us.pop {
    padding-inline: 15px 0;
    text-indent: 0;
    transform: scale(1);
    animation: none;
  }

  .floating-button.float-btn-trigger.toogle .chat-with-us.pop {
    padding-inline: 0 0;
    text-indent: -100px;
    transform: scale(0);
  }
}

/*[Settings]*/
/*====================================================================================================*/
.error404 #main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error404 #main .ct-container {
  padding-block: var(--row-gap) !important;
}

.error404 .ct-no-results .ct-search-form {
  display: none !important;
}

.ct-container,
.ct-container-full {
  margin-inline: 0;
  padding-inline: var(--side-gap);
  width: 100%;
  max-width: none;
}

.blog #main > .ct-container,
.blog #main > .ct-container-full,
.archive #main > .ct-container,
.archive #main > .ct-container-full,
.woocommerce #main > .ct-container,
.woocommerce #main > .ct-container-full {
  padding-block: var(--row-gap);
}

.current-menu-parent > a,
.current-menu-item > a,
.current-page-ancestor > a,
.current_page_parent > a,
.current-product_cat-ancestor > a,
.current-product-ancestor > a,
.current-category-ancestor > a,
.current-post-ancestor > a {
  color: var(
    --theme-link-active-color,
    var(--theme-link-hover-color)
  ) !important;
  font-weight: 700 !important;
}

@media only screen and (max-width: 999.98px) {
  .current-menu-parent > span > a,
  .current-menu-item > span > a,
  .current-page-ancestor > span > a,
  .current_page_parent > span > a,
  .current-product_cat-ancestor > span > a,
  .current-product-ancestor > span > a,
  .current-category-ancestor > span > a,
  .current-post-ancestor > span > a {
    color: var(
      --theme-link-active-color,
      var(--theme-link-hover-color)
    ) !important;
    font-weight: 700 !important;
  }
}

/*remove wpbakery animations for mobile*/
@media only screen and (max-width: 767.98px) {
  body .wpb_animate_when_almost_visible {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
  }
}

.is-width-constrained {
  width: 100% !important;
}

.page .hero-section {
  display: none !important;
}

@media only screen and (max-width: 999.98px) {
  #main [data-sidebar] {
    grid-row-gap: 0;
  }
  .iksm-widget .iksm-container {
    opacity: 0;
    height: 0;
    visibility: hidden;
    /*transition:var(--transition-effect);*/
  }
  .iksm-widget .iksm-container.display {
    opacity: 1;
    height: auto;
    visibility: visible;
  }
  .iksm-widget .widget-title {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    /*border: 1px solid var(--grey-80);*/
    margin-bottom: 0;
    transition: var(--transition-effect);
  }
  .iksm-widget .widget-title.minus {
    margin-bottom: 15px;
  }
  .iksm-widget .widget-title:after {
    content: "\f078" !important;
    font-family: var(--fa-icon);
    font-size: 15px;
    font-weight: 900;
    transition: var(--transition-effect);
  }
  .iksm-widget .widget-title.minus:after {
    font-size: 15px;
    font-weight: 900;
    transform: rotate(-180deg);
  }
}

.ct-sidebar {
  margin-bottom: 35px;
}

.archive.category #main > .ct-container,
.single-post #main > .ct-container {
  padding-bottom: calc(var(--row-gap) - 35px);
}

.wpb_text_column ul,
.wpb_text_column ol {
  padding-left: 20px;
}

.wpb_text_column ol > li {
  margin-bottom: 10px;
}

.woocommerce.single-product .woocommerce-product-gallery {
  margin-bottom: 35px;
}

.woocommerce.single-product
  .woocommerce-product-details__short-description
  p:last-child {
  margin-bottom: 35px;
}

.woocommerce.single-product .woocommerce-tabs.wc-tabs-wrapper {
  padding-top: calc(var(--row-gap) - 35px) !important;
}

.woocommerce.single-product .woocommerce-Tabs-panel {
  padding-top: 0 !important;
}

.woocommerce.single-product .woocommerce-tabs > .tabs.wc-tabs {
  display: none !important;
}

.woocommerce #main > .ct-container,
.woocommerce #main > .ct-container-full {
  padding-block: var(--row-gap);
}

.woocommerce.single-product .woocommerce-Tabs-panel > .wpb-content-wrapper {
  width: 100%;
}

.hero-section {
  width: 100%;
}

.vc_tta-container {
  margin-bottom: 35px !important;
}

/*[Gaps]*/
/*====================================================================================================*/
.row-gap {
  padding-top: var(--row-gap) !important;
  padding-bottom: calc(var(--row-gap) - 35px) !important;
}

.row-gap-equal {
  padding-top: var(--row-gap) !important;
  padding-bottom: var(--row-gap) !important;
}

.row-gap-t {
  padding-top: var(--row-gap) !important;
}

.row-gap-b {
  padding-bottom: calc(var(--row-gap) - 35px) !important;
}

.row-gap-b-equal {
  padding-bottom: var(--row-gap) !important;
}

.no-pad {
  margin-inline: 0;
}

.no-pad > .wpb_column > .vc_column-inner {
  padding-inline: 0;
}

.box-side-gap {
  padding-inline: var(--inner-side-gap) !important;
}

.box-row-gap {
  padding-block: var(--inner-row-gap) !important;
}

.box-side-gap-xl {
  padding-inline: var(--inner-large-side-gap) !important;
}

.box-side-gap-xl {
  padding-inline: var(--inner-large-row-gap) !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-55 {
  padding-top: 55px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pt-65 {
  padding-top: 65px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pt-75 {
  padding-top: 75px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pt-85 {
  padding-top: 85px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pt-95 {
  padding-top: 95px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-55 {
  padding-bottom: 55px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pb-65 {
  padding-bottom: 65px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pb-75 {
  padding-bottom: 75px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pb-85 {
  padding-bottom: 85px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pb-95 {
  padding-bottom: 95px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-55 {
  padding-left: 55px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pl-65 {
  padding-left: 65px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pl-75 {
  padding-left: 75px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pl-85 {
  padding-left: 85px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pl-95 {
  padding-left: 95px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-55 {
  padding-right: 55px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pr-65 {
  padding-right: 65px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pr-75 {
  padding-right: 75px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pr-85 {
  padding-right: 85px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pr-95 {
  padding-right: 95px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-55 {
  margin-top: 55px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

.mt-65 {
  margin-top: 65px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mt-75 {
  margin-top: 75px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mt-85 {
  margin-top: 85px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mt-95 {
  margin-top: 95px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-55 {
  margin-bottom: 55px !important;
}

.mb-60 {
  margin-bottom: 60px !important;
}

.mb-65 {
  margin-bottom: 65px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mb-75 {
  margin-bottom: 75px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mb-85 {
  margin-bottom: 85px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mb-95 {
  margin-bottom: 95px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-55 {
  margin-left: 55px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.ml-65 {
  margin-left: 65px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.ml-75 {
  margin-left: 75px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.ml-85 {
  margin-left: 85px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.ml-95 {
  margin-left: 95px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-55 {
  margin-right: 55px !important;
}

.mr-60 {
  margin-right: 60px !important;
}

.mr-65 {
  margin-right: 65px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.mr-75 {
  margin-right: 75px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.mr-85 {
  margin-right: 85px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.mr-95 {
  margin-right: 95px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

@media only screen and (max-width: 767.98px) {
  .m-pt-0 {
    padding-top: 0px !important;
  }

  .m-pt-5 {
    padding-top: 5px !important;
  }

  .m-pt-10 {
    padding-top: 10px !important;
  }

  .m-pt-15 {
    padding-top: 15px !important;
  }

  .m-pt-20 {
    padding-top: 20px !important;
  }

  .m-pt-25 {
    padding-top: 25px !important;
  }

  .m-pt-30 {
    padding-top: 30px !important;
  }

  .m-pt-35 {
    padding-top: 35px !important;
  }

  .m-pt-40 {
    padding-top: 40px !important;
  }

  .m-pt-45 {
    padding-top: 45px !important;
  }

  .m-pt-50 {
    padding-top: 50px !important;
  }

  .m-pt-55 {
    padding-top: 55px !important;
  }

  .m-pt-60 {
    padding-top: 60px !important;
  }

  .m-pt-65 {
    padding-top: 65px !important;
  }

  .m-pt-70 {
    padding-top: 70px !important;
  }

  .m-pt-75 {
    padding-top: 75px !important;
  }

  .m-pt-80 {
    padding-top: 80px !important;
  }

  .m-pt-85 {
    padding-top: 85px !important;
  }

  .m-pt-90 {
    padding-top: 90px !important;
  }

  .m-pt-95 {
    padding-top: 95px !important;
  }

  .m-pt-100 {
    padding-top: 100px !important;
  }

  .m-pb-0 {
    padding-bottom: 0px !important;
  }

  .m-pb-5 {
    padding-bottom: 5px !important;
  }

  .m-pb-10 {
    padding-bottom: 10px !important;
  }

  .m-pb-15 {
    padding-bottom: 15px !important;
  }

  .m-pb-20 {
    padding-bottom: 20px !important;
  }

  .m-pb-25 {
    padding-bottom: 25px !important;
  }

  .m-pb-30 {
    padding-bottom: 30px !important;
  }

  .m-pb-35 {
    padding-bottom: 35px !important;
  }

  .m-pb-40 {
    padding-bottom: 40px !important;
  }

  .m-pb-45 {
    padding-bottom: 45px !important;
  }

  .m-pb-50 {
    padding-bottom: 50px !important;
  }

  .m-pb-55 {
    padding-bottom: 55px !important;
  }

  .m-pb-60 {
    padding-bottom: 60px !important;
  }

  .m-pb-65 {
    padding-bottom: 65px !important;
  }

  .m-pb-70 {
    padding-bottom: 70px !important;
  }

  .m-pb-75 {
    padding-bottom: 75px !important;
  }

  .m-pb-80 {
    padding-bottom: 80px !important;
  }

  .m-pb-85 {
    padding-bottom: 85px !important;
  }

  .m-pb-90 {
    padding-bottom: 90px !important;
  }

  .m-pb-95 {
    padding-bottom: 95px !important;
  }

  .m-pb-100 {
    padding-bottom: 100px !important;
  }

  .m-pl-0 {
    padding-left: 0px !important;
  }

  .m-pl-5 {
    padding-left: 5px !important;
  }

  .m-pl-10 {
    padding-left: 10px !important;
  }

  .m-pl-15 {
    padding-left: 15px !important;
  }

  .m-pl-20 {
    padding-left: 20px !important;
  }

  .m-pl-25 {
    padding-left: 25px !important;
  }

  .m-pl-30 {
    padding-left: 30px !important;
  }

  .m-pl-35 {
    padding-left: 35px !important;
  }

  .m-pl-40 {
    padding-left: 40px !important;
  }

  .m-pl-45 {
    padding-left: 45px !important;
  }

  .m-pl-50 {
    padding-left: 50px !important;
  }

  .m-pl-55 {
    padding-left: 55px !important;
  }

  .m-pl-60 {
    padding-left: 60px !important;
  }

  .m-pl-65 {
    padding-left: 65px !important;
  }

  .m-pl-70 {
    padding-left: 70px !important;
  }

  .m-pl-75 {
    padding-left: 75px !important;
  }

  .m-pl-80 {
    padding-left: 80px !important;
  }

  .m-pl-85 {
    padding-left: 85px !important;
  }

  .m-pl-90 {
    padding-left: 90px !important;
  }

  .m-pl-95 {
    padding-left: 95px !important;
  }

  .m-pl-100 {
    padding-left: 100px !important;
  }

  .m-pr-0 {
    padding-right: 0px !important;
  }

  .m-pr-5 {
    padding-right: 5px !important;
  }

  .m-pr-10 {
    padding-right: 10px !important;
  }

  .m-pr-15 {
    padding-right: 15px !important;
  }

  .m-pr-20 {
    padding-right: 20px !important;
  }

  .m-pr-25 {
    padding-right: 25px !important;
  }

  .m-pr-30 {
    padding-right: 30px !important;
  }

  .m-pr-35 {
    padding-right: 35px !important;
  }

  .m-pr-40 {
    padding-right: 40px !important;
  }

  .m-pr-45 {
    padding-right: 45px !important;
  }

  .m-pr-50 {
    padding-right: 50px !important;
  }

  .m-pr-55 {
    padding-right: 55px !important;
  }

  .m-pr-60 {
    padding-right: 60px !important;
  }

  .m-pr-65 {
    padding-right: 65px !important;
  }

  .m-pr-70 {
    padding-right: 70px !important;
  }

  .m-pr-75 {
    padding-right: 75px !important;
  }

  .m-pr-80 {
    padding-right: 80px !important;
  }

  .m-pr-85 {
    padding-right: 85px !important;
  }

  .m-pr-90 {
    padding-right: 90px !important;
  }

  .m-pr-95 {
    padding-right: 95px !important;
  }

  .m-pr-100 {
    padding-right: 100px !important;
  }

  .m-mt-0 {
    margin-top: 0px !important;
  }

  .m-mt-5 {
    margin-top: 5px !important;
  }

  .m-mt-10 {
    margin-top: 10px !important;
  }

  .m-mt-15 {
    margin-top: 15px !important;
  }

  .m-mt-20 {
    margin-top: 20px !important;
  }

  .m-mt-25 {
    margin-top: 25px !important;
  }

  .m-mt-30 {
    margin-top: 30px !important;
  }

  .m-mt-35 {
    margin-top: 35px !important;
  }

  .m-mt-40 {
    margin-top: 40px !important;
  }

  .m-mt-45 {
    margin-top: 45px !important;
  }

  .m-mt-50 {
    margin-top: 50px !important;
  }

  .m-mt-55 {
    margin-top: 55px !important;
  }

  .m-mt-60 {
    margin-top: 60px !important;
  }

  .m-mt-65 {
    margin-top: 65px !important;
  }

  .m-mt-70 {
    margin-top: 70px !important;
  }

  .m-mt-75 {
    margin-top: 75px !important;
  }

  .m-mt-80 {
    margin-top: 80px !important;
  }

  .m-mt-85 {
    margin-top: 85px !important;
  }

  .m-mt-90 {
    margin-top: 90px !important;
  }

  .m-mt-95 {
    margin-top: 95px !important;
  }

  .m-mt-100 {
    margin-top: 100px !important;
  }

  .m-mb-0 {
    margin-bottom: 0px !important;
  }

  .m-mb-5 {
    margin-bottom: 5px !important;
  }

  .m-mb-10 {
    margin-bottom: 10px !important;
  }

  .m-mb-15 {
    margin-bottom: 15px !important;
  }

  .m-mb-20 {
    margin-bottom: 20px !important;
  }

  .m-mb-25 {
    margin-bottom: 25px !important;
  }

  .m-mb-30 {
    margin-bottom: 30px !important;
  }

  .m-mb-35 {
    margin-bottom: 35px !important;
  }

  .m-mb-40 {
    margin-bottom: 40px !important;
  }

  .m-mb-45 {
    margin-bottom: 45px !important;
  }

  .m-mb-50 {
    margin-bottom: 50px !important;
  }

  .m-mb-55 {
    margin-bottom: 55px !important;
  }

  .m-mb-60 {
    margin-bottom: 60px !important;
  }

  .m-mb-65 {
    margin-bottom: 65px !important;
  }

  .m-mb-70 {
    margin-bottom: 70px !important;
  }

  .m-mb-75 {
    margin-bottom: 75px !important;
  }

  .m-mb-80 {
    margin-bottom: 80px !important;
  }

  .m-mb-85 {
    margin-bottom: 85px !important;
  }

  .m-mb-90 {
    margin-bottom: 90px !important;
  }

  .m-mb-95 {
    margin-bottom: 95px !important;
  }

  .m-mb-100 {
    margin-bottom: 100px !important;
  }

  .m-ml-0 {
    margin-left: 0px !important;
  }

  .m-ml-5 {
    margin-left: 5px !important;
  }

  .m-ml-10 {
    margin-left: 10px !important;
  }

  .m-ml-15 {
    margin-left: 15px !important;
  }

  .m-ml-20 {
    margin-left: 20px !important;
  }

  .m-ml-25 {
    margin-left: 25px !important;
  }

  .m-ml-30 {
    margin-left: 30px !important;
  }

  .m-ml-35 {
    margin-left: 35px !important;
  }

  .m-ml-40 {
    margin-left: 40px !important;
  }

  .m-ml-45 {
    margin-left: 45px !important;
  }

  .m-ml-50 {
    margin-left: 50px !important;
  }

  .m-ml-55 {
    margin-left: 55px !important;
  }

  .m-ml-60 {
    margin-left: 60px !important;
  }

  .m-ml-65 {
    margin-left: 65px !important;
  }

  .m-ml-70 {
    margin-left: 70px !important;
  }

  .m-ml-75 {
    margin-left: 75px !important;
  }

  .m-ml-80 {
    margin-left: 80px !important;
  }

  .m-ml-85 {
    margin-left: 85px !important;
  }

  .m-ml-90 {
    margin-left: 90px !important;
  }

  .m-ml-95 {
    margin-left: 95px !important;
  }

  .m-ml-100 {
    margin-left: 100px !important;
  }

  .m-mr-0 {
    margin-right: 0px !important;
  }

  .m-mr-5 {
    margin-right: 5px !important;
  }

  .m-mr-10 {
    margin-right: 10px !important;
  }

  .m-mr-15 {
    margin-right: 15px !important;
  }

  .m-mr-20 {
    margin-right: 20px !important;
  }

  .m-mr-25 {
    margin-right: 25px !important;
  }

  .m-mr-30 {
    margin-right: 30px !important;
  }

  .m-mr-35 {
    margin-right: 35px !important;
  }

  .m-mr-40 {
    margin-right: 40px !important;
  }

  .m-mr-45 {
    margin-right: 45px !important;
  }

  .m-mr-50 {
    margin-right: 50px !important;
  }

  .m-mr-55 {
    margin-right: 55px !important;
  }

  .m-mr-60 {
    margin-right: 60px !important;
  }

  .m-mr-65 {
    margin-right: 65px !important;
  }

  .m-mr-70 {
    margin-right: 70px !important;
  }

  .m-mr-75 {
    margin-right: 75px !important;
  }

  .m-mr-80 {
    margin-right: 80px !important;
  }

  .m-mr-85 {
    margin-right: 85px !important;
  }

  .m-mr-90 {
    margin-right: 90px !important;
  }

  .m-mr-95 {
    margin-right: 95px !important;
  }

  .m-mr-100 {
    margin-right: 100px !important;
  }
}

/*[Contact_Form]*/
/*====================================================================================================*/
.contact-form > .vc_column-inner {
  padding-inline: 50px;
  background: #ffffff;
  margin-inline: auto !important;
  max-width: 1000px;
}

.form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 20px;
  row-gap: 20px;
  margin-bottom: 35px;
}

/* .form label {
  color: #5b5b5b;
  text-transform: uppercase;
  font-size: var(--font-size-6);
} */

.form #msg,
.form #recaptcha,
.form #submit {
  grid-column: 1/3;
}

@media only screen and (max-width: 767.98px) {
  .form {
    grid-template-columns: 1fr !important;
  }
  .form #msg,
  .form #recaptcha,
  .form #submit {
    grid-column: 1;
  }
}

.form input,
.form textarea,
.form select,
.form input:focus,
.form textarea:focus,
.form select:focus {
  border-radius: 10px;
  border: none !important;
  color: #0d0e14;
  background-color: #efefef;
  text-transform: none;
  resize: none;
}

::-webkit-input-placeholder {
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
}

.form .enquiry::placeholder {
  color: #7d7d7d;
  font-size: 16px;
  font-weight: 400;
  opacity: 1;
}

#send {
  position: relative;
  /* width: fit-content; */
  display: flex;
}

#send .wpcf7-spinner {
  position: absolute;
  right: -65px;
  top: 5px;
}

.contact-banner-row {
  margin-inline: auto !important;
  max-width: 1000px;
}

/*[Map_Presets]*/
.map-frame {
  margin-bottom: 20px !important;
  padding: 0 !important;
  position: relative;
}

.map-frame .wpb_gmaps_widget {
  margin-bottom: 0;
}

.map-frame .wpb_gmaps_widget > .wpb_wrapper {
  padding: 0 !important;
}

.map-frame iframe {
  max-height: var(--map-height);
  width: 100%;
  display: flex;
  border-radius: 20px;
}

.map-frame .wpb_gmaps_widget .wpb_wrapper {
  background-color: transparent;
}

/*[Text_Presets]*/
/*====================================================================================================*/

body,
p,
em,
ol,
ul,
li,
tr,
th,
td,
dl,
ins,
sub,
sup,
big,
cite,
form,
small,
label,
table,
figure,
button,
legend,
strike,
address,
caption,
fieldset,
blockquote {
  line-height: 1.5;
  --theme-line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  --theme-line-height: 1.3;
}

.text-graphik {
  font-family: var(--theme-font-family) !important;
}

span.add {
  display: inline-block;
  padding-right: 0.35em;
}

span.add:last-child {
  padding-right: 0;
}

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

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-just {
  text-align: justify !important;
}

.fs-1 {
  font-size: var(--font-size-1);
}

.fs-2 {
  font-size: var(--font-size-2);
}

.fs-3 {
  font-size: var(--font-size-3);
}

.fs-4 {
  font-size: var(--font-size-4);
}

.fs-5 {
  font-size: var(--font-size-5);
}

.fs-6 {
  font-size: var(--font-size-6);
}

.fs-7 {
  font-size: var(--font-size-7);
}

.fs-t {
  font-size: var(--font-size-t);
}

.fs-s {
  font-size: var(--font-size-s);
}

@media only screen and (max-width: 999.98px) {
  .t-text-left {
    text-align: left !important;
  }

  .t-text-right {
    text-align: right !important;
  }

  .t-text-center {
    text-align: center !important;
  }

  .t-text-just {
    text-align: justify !important;
  }
}

@media only screen and (max-width: 767.98px) {
  .m-text-left {
    text-align: left !important;
  }

  .m-text-right {
    text-align: right !important;
  }

  .m-text-center {
    text-align: center !important;
  }
  .m-text-just {
    text-align: justify !important;
  }
}

.text-white {
  color: var(--white-color) !important;
}

.text-black {
  color: var(--black-color) !important;
}

.text-theme {
  color: var(--theme-color) !important;
}

.upper {
  text-transform: uppercase !important;
}

.lower {
  text-transform: lowercase !important;
}

.cap {
  text-transform: capitalize !important;
}

.main-title {
  font-size: var(--font-size-s);
  color: var(--theme-palette-color-4);
  font-weight: 500;
  text-transform: uppercase;
  background-color: #ededed;
  border: none;
  border-radius: 30px;
  padding: 15px 25px 15px 10px;
  width: fit-content;
}

.main-title:before {
  content: "\f061";
  font-family: var(--fa-icon);
  font-weight: 900;
  position: relative;
  left: 0;
  padding: 10px;
  margin-right: 10px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 50%;
  width: 0;
}

.mini-title {
  font-size: var(--font-size-s);
  color: var(--theme-color);
  font-weight: 700;
  text-transform: uppercase;
}

.subtitle {
  font-size: var(--font-size-3);
  color: var(--black-color);
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500,
.fw-500 strong,
.strong-500 strong {
  font-weight: 500 !important;
}

.fw-600,
.fw-600 strong,
.strong-600 strong {
  font-weight: 600 !important;
}

.fw-700,
.fw-700 strong,
.strong-700 strong {
  font-weight: 700 !important;
}

.fw-800,
.fw-800 strong,
.strong-800 strong {
  font-weight: 800 !important;
}

.fw-900,
.fw-900 strong,
.strong-900 strong {
  font-weight: 900 !important;
}

.no-br br {
  display: none !important;
}

@media only screen and (max-width: 767.98px) {
  .m-no-br br {
    display: none !important;
  }
}

/*[Button_Presets]*/
/*====================================================================================================*/
.all-btn {
  margin-bottom: 35px;
}

.all-btn .vc_general.vc_btn3 {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 5px 5px 5px 20px;
  background-image: none;
  background-color: #ededed;
  border: none;
  border-radius: 30px;
  font-weight: 500;
  font-size: var(--font-size-s);
  text-transform: uppercase;
  color: var(--theme-palette-color-5);
  transition: var(--transition-effect);
  z-index: 1;
}

.all-btn .vc_general.vc_btn3::before {
  content: "";
  position: absolute;
  display: block;
  right: 5px;
  top: 5px;
  bottom: 5px;
  width: 35px;
  height: calc(100% - 10px);
  background-color: var(--theme-color);
  transition: var(--transition-effect);
  z-index: -1;
  border: none;
  border-radius: 30px;
}
.all-btn .vc_general.vc_btn3::after {
  content: "\f061";
  font-family: var(--fa-icon);
  font-weight: 900;
  position: relative;
  right: 0;
  top: 0;
  bottom: 0;
  width: 35px;
  padding: 10px;
  margin-left: 10px;
  background-color: var(--theme-color);
  color: var(--white-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.all-btn .vc_general.vc_btn3:hover {
  color: #fff;
}

.all-btn .vc_general.vc_btn3:hover:before {
  width: calc(100% - 10px);
}

/*[Slick_Slider_Presets]*/
/*====================================================================================================*/
.slick-dots {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  color: #d9d9d9;
  padding: 0;
}

.slick-dots button {
  font-size: 0 !important;
}

.slick-dots li {
  list-style-type: none;
  position: relative;
}

.slick-dots li {
  font-size: 0;
  height: 8px;
  width: 8px;
  background-color: #d9d9d9;
  cursor: pointer;
  border-radius: 50%;
}

.slick-dots li:hover,
.slick-dots .slick-active {
  background-color: var(--theme-color);
}

.slick-arrow {
  font-size: 0;
  background-color: transparent !important;
  cursor: pointer;
  position: absolute;
  z-index: 9;
}

.slick-next {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
}

.slick-prev {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.slick-arrow:before {
  border-radius: 50%;
  border: 1px solid var(--theme-color);
  background-color: transparent !important;
  font-size: 20px;
  font-family: var(--fa-icon);
  aspect-ratio: 1 / 1;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--theme-color);
  transition: var(--transition-effect);
  font-weight: 900;
  z-index: 9;
}

.slick-arrow:hover:before {
  background-color: var(--theme-color) !important;
  color: #ffffff;
}

.slick-next:before {
  content: "\f061";
}

.slick-prev:before {
  content: "\f060";
}

@media only screen and (max-width: 767.98px) {
  .slick-arrow:before {
    width: 40px;
    height: 40px;
  }

  .slick-next {
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
  }

  .slick-prev {
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
  }
}

/*[Image_Presets]*/
/*====================================================================================================*/
.full-w-img,
.full-w-img .vc_figure,
.full-w-img .vc_single_image-wrapper,
.full-w-img img {
  width: 100%;
}

.full-h-img,
.full-h-img .vc_figure,
.full-h-img .vc_single_image-wrapper,
.full-h-img img {
  height: 100%;
}

.full-w-img.full-h-img img {
  object-fit: cover;
}

.bg-para {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover !important;
}

@media only screen and (max-width: 767.98px) {
  .bg-para {
    background-attachment: unset;
  }
}

.zoom-effect > .vc_figure {
  overflow: hidden !important;
}

.zoom-effect > .vc_figure img {
  transition: var(--transition-effect);
}

.zoom-effect > .vc_figure:hover img {
  transform: scale(1.1);
}

.border-radius {
  border-radius: var(--border-radius);
  overflow: hidden !important;
}

.border-radius-tl {
  border-top-left-radius: var(--border-radius);
  overflow: hidden !important;
}

.border-radius-tr {
  border-top-right-radius: var(--border-radius);
  overflow: hidden !important;
}

.border-radius-bl {
  border-bottom-left-radius: var(--border-radius);
  overflow: hidden !important;
}

.border-radius-br {
  border-bottom-right-radius: var(--border-radius);
  overflow: hidden !important;
}

/*[Formats]*/
/*====================================================================================================*/
#main {
  counter-reset: counter;
}

.number-counter {
  counter-increment: counter;
  /* margin: 10px 0; */
}

.number-counter::before {
  content: counter(counter, decimal-leading-zero) ". ";
}

/*[Animation_Presets]*/
/*====================================================================================================*/
.delay-1 {
  animation-delay: 0.2s;
}

.delay-2 {
  animation-delay: 0.4s;
}

.delay-3 {
  animation-delay: 0.6s;
}

.delay-4 {
  animation-delay: 0.8s;
}

.delay-5 {
  animation-delay: 1s;
}

.delay-6 {
  animation-delay: 1.2s;
}

.delay-7 {
  animation-delay: 1.4s;
}

.delay-8 {
  animation-delay: 1.6s;
}

.delay-9 {
  animation-delay: 1.85s;
}

.delay-10 {
  animation-delay: 2s;
}

.delay-11 {
  animation-delay: 2.2s;
}

.delay-12 {
  animation-delay: 2.4s;
}

.delay-13 {
  animation-delay: 2.6s;
}

.delay-14 {
  animation-delay: 2.8s;
}

.delay-15 {
  animation-delay: 3s;
}

.delay-16 {
  animation-delay: 3.2s;
}

.delay-17 {
  animation-delay: 3.4s;
}

.delay-18 {
  animation-delay: 3.6s;
}

.delay-19 {
  animation-delay: 3.8s;
}

.delay-20 {
  animation-delay: 4s;
}

.fade-in-75,
.fade-in-66,
.fade-in-50,
.fade-up-66,
.fade-up-50,
.fade-up-75,
.fade-down-66,
.fade-down-50,
.fade-down-75,
.fade-left-75,
.fade-left-66,
.fade-left-50,
.fade-right-66,
.fade-right-50,
.fade-right-75,
#footer [data-column="widget-area-1"],
#footer [data-column="widget-area-2"],
#footer [data-column="widget-area-3"],
#footer [data-column="widget-area-4"],
#footer [data-column="widget-area-5"],
#footer [data-column="widget-area-6"] {
  transition: var(--gsap-effect);
  will-change: transform;
}

.fade-in-66,
.fade-in-50,
.fade-in-75 {
  transition: var(--gsap-effect-fast);
  will-change: opacity;
}

/*[Position_Presets]*/
/*====================================================================================================*/
.mw-100 {
  max-width: 100px;
}

.mw-150 {
  max-width: 150px;
}

.mw-200 {
  max-width: 200px;
}

.mw-250 {
  max-width: 250px;
}

.mw-300 {
  max-width: 300px;
}

.mw-350 {
  max-width: 350px;
}

.mw-400 {
  max-width: 400px;
}

.mw-450 {
  max-width: 450px;
}

.mw-500 {
  max-width: 500px;
}

.mw-550 {
  max-width: 550px;
}

.mw-600 {
  max-width: 600px;
}

.mw-650 {
  max-width: 650px;
}

.mw-700 {
  max-width: 700px;
}

.mw-750 {
  max-width: 750px;
}

.mw-800 {
  max-width: 800px;
}

.mw-850 {
  max-width: 850px;
}

.mw-900 {
  max-width: 900px;
}

.mw-950 {
  max-width: 950px;
}

.mw-1000 {
  max-width: 1000px;
}

.mw-10p {
  max-width: 10%;
}

.mw-15p {
  max-width: 15%;
}

.mw-20p {
  max-width: 20%;
}

.mw-25p {
  max-width: 25%;
}

.mw-30p {
  max-width: 30%;
}

.mw-35p {
  max-width: 35%;
}

.mw-40p {
  max-width: 40%;
}

.mw-45p {
  max-width: 45%;
}

.mw-50p {
  max-width: 50%;
}

.mw-55p {
  max-width: 55%;
}

.mw-60p {
  max-width: 60%;
}

.mw-65p {
  max-width: 65%;
}

.mw-70p {
  max-width: 70%;
}

.mw-75p {
  max-width: 75%;
}

.mw-80p {
  max-width: 80%;
}

.mw-85p {
  max-width: 85%;
}

.mw-90p {
  max-width: 90%;
}

.mw-95p {
  max-width: 95%;
}

.mw-100p {
  max-width: 100%;
}

.position-left {
  margin-right: auto;
}

.position-right {
  margin-left: auto;
}

.position-center {
  margin-inline: auto;
}

@media only screen and (max-width: 767.98px) {
  .m-mw-100 {
    max-width: 100px;
  }

  .m-mw-150 {
    max-width: 150px;
  }

  .m-mw-200 {
    max-width: 200px;
  }

  .m-mw-250 {
    max-width: 250px;
  }

  .m-mw-300 {
    max-width: 300px;
  }

  .m-mw-350 {
    max-width: 350px;
  }

  .m-mw-400 {
    max-width: 400px;
  }

  .m-mw-450 {
    max-width: 450px;
  }

  .m-mw-500 {
    max-width: 500px;
  }

  .m-mw-550 {
    max-width: 550px;
  }

  .m-mw-600 {
    max-width: 600px;
  }

  .m-mw-650 {
    max-width: 650px;
  }

  .m-mw-700 {
    max-width: 700px;
  }

  .m-mw-750 {
    max-width: 750px;
  }

  .m-mw-800 {
    max-width: 800px;
  }

  .m-mw-850 {
    max-width: 850px;
  }

  .m-mw-900 {
    max-width: 900px;
  }

  .m-mw-950 {
    max-width: 950px;
  }

  .m-mw-1000 {
    max-width: 1000px;
  }

  .m-mw-10p {
    max-width: 10%;
  }

  .m-mw-15p {
    max-width: 15%;
  }

  .m-mw-20p {
    max-width: 20%;
  }

  .m-mw-25p {
    max-width: 25%;
  }

  .m-mw-30p {
    max-width: 30%;
  }

  .m-mw-35p {
    max-width: 35%;
  }

  .m-mw-40p {
    max-width: 40%;
  }

  .m-mw-45p {
    max-width: 45%;
  }

  .m-mw-50p {
    max-width: 50%;
  }

  .m-mw-55p {
    max-width: 55%;
  }

  .m-mw-60p {
    max-width: 60%;
  }

  .m-mw-65p {
    max-width: 65%;
  }

  .m-mw-70p {
    max-width: 70%;
  }

  .m-mw-75p {
    max-width: 75%;
  }

  .m-mw-80p {
    max-width: 80%;
  }

  .m-mw-85p {
    max-width: 85%;
  }

  .m-mw-90p {
    max-width: 90%;
  }

  .m-mw-95p {
    max-width: 95%;
  }

  .m-mw-100p {
    max-width: 100%;
  }

  .m-position-left {
    margin-right: auto;
  }

  .m-position-right {
    margin-left: auto;
  }

  .m-position-center {
    margin-inline: auto;
  }
}

/*[Flex/Grid_Presets]*/
/*====================================================================================================*/
.flex-col {
  display: flex !important;
  flex-direction: column !important;
}

.flex-row {
  display: flex !important;
  flex-direction: row !important;
}

.grid-box {
  display: grid !important;
}

.flex-row.full > *,
.flex-col.full > *,
.grid-box > * {
  width: 100%;
}

.btn-flex-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

.btn-flex-row > .wpb_column {
  width: fit-content;
}

.grid-column-2 {
  grid-template-columns: repeat(2, 1fr);
}

.grid-column-3 {
  grid-template-columns: repeat(3, 1fr);
}

.grid-column-4 {
  grid-template-columns: repeat(4, 1fr);
}

.grid-column-5 {
  grid-template-columns: repeat(5, 1fr);
}

.grid-column-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-20 {
  gap: 20px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.gap-40 {
  gap: 40px;
}

.gap-45 {
  gap: 45px;
}

.gap-50 {
  gap: 50px;
}

.x-gap-10 {
  column-gap: 10px;
}

.x-gap-15 {
  column-gap: 15px;
}

.x-gap-20 {
  column-gap: 20px;
}

.x-gap-25 {
  column-gap: 25px;
}

.x-gap-30 {
  column-gap: 30px;
}

.x-gap-35 {
  column-gap: 35px;
}

.x-gap-40 {
  column-gap: 40px;
}

.x-gap-45 {
  column-gap: 45px;
}

.x-gap-50 {
  column-gap: 50px;
}

.y-gap-10 {
  row-gap: 10px;
}

.y-gap-15 {
  row-gap: 15px;
}

.y-gap-20 {
  row-gap: 20px;
}

.y-gap-25 {
  row-gap: 25px;
}

.y-gap-30 {
  row-gap: 30px;
}

.y-gap-35 {
  row-gap: 35px;
}

.y-gap-40 {
  row-gap: 40px;
}

.y-gap-45 {
  row-gap: 45px;
}

.y-gap-50 {
  row-gap: 50px;
}

@media only screen and (min-width: 1000px) {
  .d-flex-col {
    display: flex !important;
    flex-direction: column !important;
  }

  .d-flex-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .d-grid-box {
    display: grid !important;
  }

  .d-flex-row.full > *,
  .d-flex-col.full > *,
  .d-grid-box > * {
    width: 100%;
  }

  .d-grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .d-grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .d-grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .d-grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .d-grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .d-gap-10 {
    gap: 10px;
  }

  .d-gap-15 {
    gap: 15px;
  }

  .d-gap-20 {
    gap: 20px;
  }

  .d-gap-25 {
    gap: 25px;
  }

  .d-gap-30 {
    gap: 30px;
  }

  .d-gap-35 {
    gap: 35px;
  }

  .d-gap-40 {
    gap: 40px;
  }

  .d-gap-45 {
    gap: 45px;
  }

  .d-gap-50 {
    gap: 50px;
  }

  .d-x-gap-10 {
    column-gap: 10px;
  }

  .d-x-gap-15 {
    column-gap: 15px;
  }

  .d-x-gap-20 {
    column-gap: 20px;
  }

  .d-x-gap-25 {
    column-gap: 25px;
  }

  .d-x-gap-30 {
    column-gap: 30px;
  }

  .d-x-gap-35 {
    column-gap: 35px;
  }

  .d-x-gap-40 {
    column-gap: 40px;
  }

  .d-x-gap-45 {
    column-gap: 45px;
  }

  .d-x-gap-50 {
    column-gap: 50px;
  }

  .d-y-gap-10 {
    row-gap: 10px;
  }

  .d-y-gap-15 {
    row-gap: 15px;
  }

  .d-y-gap-20 {
    row-gap: 20px;
  }

  .d-y-gap-25 {
    row-gap: 25px;
  }

  .d-y-gap-30 {
    row-gap: 30px;
  }

  .d-y-gap-35 {
    row-gap: 35px;
  }

  .d-y-gap-40 {
    row-gap: 40px;
  }

  .d-y-gap-45 {
    row-gap: 45px;
  }

  .d-y-gap-50 {
    row-gap: 50px;
  }
}

@media only screen and (max-width: 999.98px) {
  .t-flex-col {
    display: flex !important;
    flex-direction: column !important;
  }

  .t-flex-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .t-grid-box {
    display: grid !important;
  }

  .t-flex-row.full > *,
  .t-flex-col.full > *,
  .t-grid-box > * {
    width: 100%;
  }

  .t-grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .t-grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .t-grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .t-grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .t-grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .t-gap-10 {
    gap: 10px;
  }

  .t-gap-15 {
    gap: 15px;
  }

  .t-gap-20 {
    gap: 20px;
  }

  .t-gap-25 {
    gap: 25px;
  }

  .t-gap-30 {
    gap: 30px;
  }

  .t-gap-35 {
    gap: 35px;
  }

  .t-gap-40 {
    gap: 40px;
  }

  .t-gap-45 {
    gap: 45px;
  }

  .t-gap-50 {
    gap: 50px;
  }

  .t-x-gap-10 {
    column-gap: 10px;
  }

  .t-x-gap-15 {
    column-gap: 15px;
  }

  .t-x-gap-20 {
    column-gap: 20px;
  }

  .t-x-gap-25 {
    column-gap: 25px;
  }

  .t-x-gap-30 {
    column-gap: 30px;
  }

  .t-x-gap-35 {
    column-gap: 35px;
  }

  .t-x-gap-40 {
    column-gap: 40px;
  }

  .t-x-gap-45 {
    column-gap: 45px;
  }

  .t-x-gap-50 {
    column-gap: 50px;
  }

  .t-y-gap-10 {
    row-gap: 10px;
  }

  .t-y-gap-15 {
    row-gap: 15px;
  }

  .t-y-gap-20 {
    row-gap: 20px;
  }

  .t-y-gap-25 {
    row-gap: 25px;
  }

  .t-y-gap-30 {
    row-gap: 30px;
  }

  .t-y-gap-35 {
    row-gap: 35px;
  }

  .t-y-gap-40 {
    row-gap: 40px;
  }

  .t-y-gap-45 {
    row-gap: 45px;
  }

  .t-y-gap-50 {
    row-gap: 50px;
  }
}

@media only screen and (max-width: 767.98px) {
  .m-flex-col {
    display: flex !important;
    flex-direction: column !important;
  }

  .m-flex-row {
    display: flex !important;
    flex-direction: row !important;
  }
  .m-grid-box {
    display: grid !important;
  }

  .m-flex-row.full > *,
  .m-flex-col.full > *,
  .m-grid-box > * {
    width: 100%;
  }

  .m-grid-column-2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .m-grid-column-3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .m-grid-column-4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .m-grid-column-5 {
    grid-template-columns: repeat(5, 1fr);
  }

  .m-grid-column-6 {
    grid-template-columns: repeat(6, 1fr);
  }

  .m-gap-10 {
    gap: 10px;
  }

  .m-gap-15 {
    gap: 15px;
  }

  .m-gap-20 {
    gap: 20px;
  }

  .m-gap-25 {
    gap: 25px;
  }

  .m-gap-30 {
    gap: 30px;
  }

  .m-gap-35 {
    gap: 35px;
  }

  .m-gap-40 {
    gap: 40px;
  }

  .m-gap-45 {
    gap: 45px;
  }

  .m-gap-50 {
    gap: 50px;
  }

  .m-x-gap-10 {
    column-gap: 10px;
  }

  .m-x-gap-15 {
    column-gap: 15px;
  }

  .m-x-gap-20 {
    column-gap: 20px;
  }

  .m-x-gap-25 {
    column-gap: 25px;
  }

  .m-x-gap-30 {
    column-gap: 30px;
  }

  .m-x-gap-35 {
    column-gap: 35px;
  }

  .m-x-gap-40 {
    column-gap: 40px;
  }

  .m-x-gap-45 {
    column-gap: 45px;
  }

  .m-x-gap-50 {
    column-gap: 50px;
  }

  .m-y-gap-10 {
    row-gap: 10px;
  }

  .m-y-gap-15 {
    row-gap: 15px;
  }

  .m-y-gap-20 {
    row-gap: 20px;
  }

  .m-y-gap-25 {
    row-gap: 25px;
  }

  .m-y-gap-30 {
    row-gap: 30px;
  }

  .m-y-gap-35 {
    row-gap: 35px;
  }

  .m-y-gap-40 {
    row-gap: 40px;
  }

  .m-y-gap-45 {
    row-gap: 45px;
  }

  .m-y-gap-50 {
    row-gap: 50px;
  }
}

/* [Banner] */
/*====================================================================================================*/
.home-banner-sec {
  background-color: var(--grey-19-color);
  position: relative !important;
  /* margin-top: var(--row-gap); */
  border-radius: 20px;
  padding-inline: var(--side-gap-2) !important;
}


.home-banner-sec,
.home-banner,
.home-banner > .wpb_column > .vc_column-inner {
  /* aspect-ratio: var(--home-banner-size); */
}

@media only screen and (min-width: 1000px) {
  .home-banner-sec,
  .home-banner,
  .home-banner > .wpb_column > .vc_column-inner {
    height: calc(100vh - 100px) !important;
    width: 100% !important;
  }
}

.home-banner > .wpb_column {
  position: absolute;
}

.home-banner > .wpb_column > .vc_column-inner {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding-top: var(--row-gap) !important;
  padding-bottom: var(--row-gap) !important;
  padding-right: calc(var(--side-gap) / 3 * 2) !important;
  padding-left: calc(var(--side-gap) / 3 * 2) !important;
  background-position: top !important;
  position: relative;
  border-radius: calc(var(--row-gap) / 2);
}

@media only screen and (max-width: 767.98px) {
  .home-banner > .wpb_column > .vc_column-inner {
    background-position: 70% !important;
  }
  .home-banner > .wpb_column > .vc_column-inner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: 0;
    background: var(--white-color);
    background-blend-mode: multiply;
    opacity: 0.2;
    z-index: 0;
    border-radius: calc(var(--row-gap) / 2);
  }
  .home-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
    position: relative;
    z-index: 1;
  }
}

.home-banner > .wpb_column > .vc_column-inner:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;
  background: linear-gradient(
    285deg,
    rgba(145, 179, 191, 0.3) 0.1%,
    rgba(179, 203, 206, 0.3) 99.9%
  );
  background-blend-mode: multiply;
  opacity: 0.3;
}

@media only screen and (min-width: 1000px) {
  .home-banner > .wpb_column:first-child > .vc_column-inner:before {
    display: none;
  }
}

.home-banner > .wpb_column > .vc_column-inner > .wpb_wrapper {
  z-index: 2 !important;
  position: relative !important;
  /*height: 100% !important;*/
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

.home-banner-mini-title {
  font-size: var(--banner-mini-title);
  font-weight: 400;
}

.home-banner-title {
  font-size: var(--banner-title);
  font-weight: 300;
  line-height: 1.3;
  text-transform: capitalize;
}

.home-banner-title b {
  font-weight: 500;
}

.home-banner-title-s {
  font-size: calc(var(--banner-title) / 57 * 30);
  margin-bottom: 0 !important;
  line-height: 1 !important;
}

@media only screen and (min-width: 1000px) {
  /* .home-banner-mini-title, */
  .home-banner-title {
    margin-bottom: 20px;
  }

  .home-banner-mini-title {
    padding-left: 40%;
  }
}

.banner-btn {
  opacity: 0;
}

.active .banner-btn {
  opacity: 1;
  transition: var(--gsap-effect-slow);
  transition-delay: 1.5s;
}

.pass .home-banner-title,
.pass .banner-btn,
.pass .home-banner-text {
  opacity: 1;
  animation: opacityDown 0.3s forwards;
}

@keyframes opacityUp {
  to {
    opacity: 1;
  }
}

@keyframes opacityDown {
  to {
    opacity: 0;
  }
}

.dot-trigger-wrapper {
  display: block;
  position: absolute;
  bottom: var(--inner-side-gap);
  left: calc(var(--side-gap) / 3 * 2);
  bottom: var(--row-gap);
  transform: translate(0, 100%);
  z-index: 49;
}

@media only screen and (max-width: 999.98px) {
  .dot-trigger-wrapper {
    bottom: 35px;
    transform: translate(0, 0);
  }
}

.dot-trigger-wrapper > .wpb_wrapper {
  display: flex;
  gap: 15px;
}

.dot-trigger {
  aspect-ratio: 1/1;
  width: 10px;
  height: 10px;
  background-color: var(--white-color);
  border-radius: 50%;
  transition: var(--transition-effect);
  cursor: pointer;
  opacity: 0.5;
}

.dot-trigger.active,
.dot-trigger:hover {
  background-color: var(--white-color);
  opacity: 1;
}

.home-banner > .wpb_column {
  z-index: 3;
  transform: translate(0) scale(0.5);
  opacity: 0;
  transition: var(--transition-effect) !important;
}

.home-banner > .wpb_column.pass {
  transform: translate(0, 100%) scale(0.7);
  transition: var(--gsap-effect) !important;
  z-index: 8;
}

.home-banner > .wpb_column.active {
  z-index: 5;
  opacity: 1;
  transform: translate(0) scale(1);
  transition: var(--gsap-effect) !important;
}

.home-banner-text {
  font-size: calc(var(--banner-mini-title) * 1.1);
  font-weight: 400;
  max-width: 35vw;
  color: #231f20;
}

@media only screen and (max-width: 999.98px) {
  .home-banner-text {
    max-width: 75vw;
  }
}

@media only screen and (max-width: 767.98px) {
  .home-banner-text {
    max-width: 100%;
  }
}

.active .banner-mini-title {
  animation: 0.5s wakeUp ease-out forwards 0.7s;
  transform: rotate3d(1, 0, 0, 90deg);
  transform-origin: bottom;
}

@keyframes wakeUp {
  0% {
    transform: rotate3d(1, 0, 0, 90deg);
  }
  100% {
    transform: rotate3d(1, 0, 0, 0deg);
  }
}

.active .home-banner-title {
  animation: 0.7s slideTitle ease-out forwards 1s;
  transform: translateX(min(-50vw, calc(-100% - var(--side-gap))));
  opacity: 0;
}

.banner-title {
  animation: 0.7s slideTitle ease-out forwards 1.5s;
  transform: translateX(min(-50vw, calc(-100% - var(--side-gap))));
  font-weight: 500;
  opacity: 0;
}

@keyframes slideTitle {
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

.active .home-banner-text {
  animation: 1s opacityUp ease-out forwards 1.5s;
  opacity: 0;
}

.banner-text {
  animation: 1s opacityUp ease-out forwards 2s;
  opacity: 0;
}

.banner-img {
  animation: 2s opacityUp ease-out forwards 1s;
  opacity: 0;
}

.banner-title {
  font-size: calc(var(--banner-title) * 0.95);
  color: var(--white-color);
  font-weight: 600;
  line-height: 1.3;
}

.banner-sec {
  aspect-ratio: var(--banner-size);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--row-gap) calc(var(--side-gap) - 15px) !important;
  position: relative;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.banner-sec > .vc_row {
  padding-top: 35px;
}

.banner-sec:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.2) 0%,
    rgba(0, 0, 0, 0) 100%
  );
  z-index: 1;
}

.banner-sec:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: calc(var(--side-gap) * -0.5);
  aspect-ratio: 612/768;
  width: auto;
  height: calc(100% + var(--row-gap));
  background-size: cover;
  background-image: url(./images/banner-icon.webp);
  z-index: 0;
  opacity: 0.05;
}

.vc_parallax .vc_parallax-inner {
  background-position: 50% 50%;
}

/* .home-banner-mini-title {
  font-size: var(--banner-mini-title);
  font-weight: 400;
  padding-inline: calc(var(--banner-mini-title) * 2.1);
  padding-block: calc(var(--banner-mini-title) * 0.35);
  color: var(--white-color);
  text-transform: capitalize;
  border-radius: calc(var(--banner-mini-title) * 1.7) 0 0 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(7.5px);
  width: fit-content;
} */

.closer-corner-sec {
  margin-inline: calc(var(--side-gap) / 3 * -2);
  overflow: hidden;
  border-radius: calc(var(--row-gap) / 2);
  width: calc(100% + (var(--side-gap) / 3 * 4)) !important;
}

.home-banner-sec:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(
      -45deg,
      rgba(0, 0, 0, 0.8) 19.41%,
      rgba(0, 0, 0, 0) 53.19%
    )
    no-repeat;
  filter: blur(5px);
  border-radius: 20px important;
}

.home-banner-btn-box > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: max(1vw, 15px);
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 767.98px) {
  .home-banner-btn-box > .wpb_column > .vc_column-inner > .wpb_wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}

/*[Custom]*/
/*====================================================================================================*/

/* Layout */
/* #main-container {
  position: relative;
}

#main-container:before,
#main-container:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  width: 1px;
  height: 100%;
  background-color: red;
  z-index: 999;
}

#main-container:before {
  left: var(--side-gap);
}
#main-container:after {
  right: var(--side-gap);
} */

/* Components */
.sec-title {
  font-weight: 300;
}

.sec-title b {
  font-weight: 500;
}

.all-icon svg {
  width: 40px;
  height: 40px;
  object-fit: contain;
  transition: var(--transition-effect);
}

.cta-sec {
  /*padding-block: var(--row-gap) !important;*/
  padding-inline: var(--side-gap);
  border-radius: 20px;
  position: relative;
  margin-inline: var(--side-gap-2);
  margin-bottom: var(--side-gap-2);
  background-image: url(./images/cta-bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.cta-sec:before {
  content: "";
  position: absolute;
  display: block !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 0%,
    rgba(0, 0, 0, 0.3) 76.71%
  );
  border-radius: 20px;
}

.cta-sec:after {
  content: "";
  position: absolute;
  display: block !important;
  top: 0;
  left: 0;
  width: 40%;
  height: 50%;
  background-image: url(./images/dot.gif);
  aspect-ratio: 800/450;
  object-fit: contain;
  mix-blend-mode: lighten;
  opacity: 0.6;
}

.cta-row b {
  font-weight: 500;
  line-height: 50px;
}

.small-side-gap {
  margin-inline: var(--side-gap-2) !important;
  left: calc(var(--side-gap) * -1) !important;
  width: calc(100% + ((var(--side-gap) - var(--side-gap-2)) * 2)) !important;
}

/* Footer */
#footer #text-3 h2 {
    font-weight: 400;
    font-size: var(--font-size-t);
    color: var(--white-color);
}
#footer #text-3 h2 > small {
    font-weight: 300 !important;
    font-size: var(--font-size-s);
    color: var(--white-color);
}

#footer [data-row="middle"] .ct-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-column-gap: 100px;
}

#footer {
  position: relative;
}

/*#footer .widget-title {*/
/*  color: var(--white-color);*/
/*  font-weight: 600;*/
/*}*/

/*#footer .textwidget,*/
/*#footer .textwidget *,*/
/*#footer [data-column="widget-area-2"] .widget-menu li a {*/
/*  color: #e7e7e7;*/
/*}*/

#footer [data-column="widget-area-2"] .widget-menu li:not(:last-child) {
  margin-bottom: 5px;
}

#footer [data-column="widget-area-3"] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}

#footer [data-column="widget-area-3"] .ct-widget {
  margin: 0 !important;
}

#footer [data-column="copyright"] * {
  color: var(--white-color);
}

@media only screen and (min-width: 1000px) {
  #footer:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: auto;
    width: 40vw;
    aspect-ratio: 745/384;
    background-image: url(./images/Group-57.webp);
    background-size: contain;
    background-repeat: no-repeat;
  }
  #footer [data-row="bottom"] .ct-container {
    padding: 0;
  }

  #footer [data-row="bottom"] .ct-container:before {
    content: "";
    position: absolute;
    display: block;
    top: auto;
    bottom: 0;
    height: 20px;
    width: 100%;
    background-color: var(--white-color);
    z-index: 0;
  }

  #footer [data-column="copyright"] {
    background: var(--white-color);
    width: fit-content;
    padding: 20px 25px;
    border-radius: 0 20px 0 0;
  }

  #footer [data-column="copyright"] * {
    color: var(--theme-palette-color-4);
  }

  #footer [data-column="copyright"]:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 0 0 0 20px;
    box-shadow: -5px 5px 0 4px white;
    transform: translateX(100%);
  }

  #footer [data-column="widget-area-2"]:after {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 1px;
    right: -70%;
    top: 0;
    background-color: #c3c3c3;
  }
}

@media only screen and (max-width: 999.98px) {
  .home-banner-desc > .wpb_column {
    width: calc(100% / 3);
    flex: 1;
  }
}

@media only screen and (max-width: 767.98px) {
  #footer [data-column="widget-area-3"] {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 35px;
  }
}

.business-hour th {
  padding: 0;
}

.business-hour,
.business-hour th,
.business-hour td {
  border: none;
  text-align: left;
  padding-right: 5px;
  width: fit-content;
  font-weight: 400;
  color: #e7e7e7;
}

/* Homepage */
.home-banner-desc {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* display: flex; */
  align-items: flex-end;
  /* flex-wrap: nowrap;
  flex-direction: row; */
  gap: 15px;
  transition: var(--transition-effect);
}

.home-banner-desc:before,
.home-banner-desc:after {
  display: none;
}

.home-banner-desc > .wpb_column {
  width: 100%;
  transition: var(--transition-effect);
}

.home-banner-desc > .wpb_column > .vc_column-inner {
  padding: 15px;
  background: #fff;
  border-radius: 10px;
  min-height: 82px;
  display: flex;
  align-items: center;
  border: 2px solid transparent;
}

.home-banner-desc .wpb_text_column {
  margin-bottom: 0;
}

.home-banner-desc .vc_custom_heading {
  font-size: var(--font-size-6);
  font-weight: 400;
  position: relative;
  display: grid;
  grid-template-columns: 40px 1fr auto;
  align-items: center;
  column-gap: 10px;
}

.home-banner-desc .vc_custom_heading:before {
  content: counter(counter, decimal-leading-zero);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: var(--theme-color);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  counter-increment: counter;
  position: relative;
  color: #fff;
  font-size: var(--font-size-s);
}

.home-banner-desc .vc_custom_heading:after {
  content: "\2b";
  font-family: var(--fa-icon);
  font-weight: 400;
  font-size: var(--font-size-4);
  position: relative;
  display: inline-block;
  margin-left: auto;
  transition: var(--transition-effect);
}

.home-banner-desc > .wpb_column.desc_active .vc_custom_heading:after {
  transform: rotate(45deg);
}

@media only screen and (max-width: 999.98px) {
  .home-banner-title {
    margin-bottom: 35px;
  }

  .home-banner-desc {
    grid-template-columns: repeat(6, 1fr);
  }

  .home-banner-desc > .wpb_column {
    grid-column: span 2;
  }

  .home-banner-desc > .wpb_column:nth-last-child(1),
  .home-banner-desc > .wpb_column:nth-last-child(2) {
    grid-column: span 3;
  }
}

@media only screen and (max-width: 767.98px) {
  .home-banner-desc {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
  }

  .home-banner-desc .vc_custom_heading:after {
    display: none;
  }
}

.home-why-sec {
  border-radius: 20px;
  overflow: hidden;
  padding-inline: calc(var(--side-gap) - 20px) !important;
  padding-block: var(--row-gap) !important;
}

.home-why-sec:before {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.45) 0%,
    rgba(0, 0, 0, 0.45) 100%
  );
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-why-sec:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background-image: url(./images/dot.gif);
  object-fit: contain;
  max-height: 300px;
  width: 30vw;
  height: 30%;
  mix-blend-mode: lighten;
  opacity: 0.6;
}

.home-why-sec b {
  font-weight: 500;
}

.home-why-row > .wpb_column > .vc_column-inner {
  border-radius: 15px;
  overflow: hidden;
  border: 1.5px solid #fff;
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(10px);
  padding: var(--inner-row-gap) var(--inner-side-gap);
}

.home-why-row {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.home-why-row > .wpb_column {
  width: 100% !important;
  float: none !important;
  display: flex;
}

.home-why-row > .wpb_column > .vc_column-inner {
  width: 100%;
  display: flex;
  transition: var(--transition-effect);
}

.home-why-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.home-why-row .wpb_text_column {
  margin-bottom: 0 !important;
  color: var(--white-color);
}

.icon-row > div {
  padding-bottom: 15px;
}

.icon-row > div > div {
  display: flex;
  align-items: center;
  gap: 15px;
}

.icon-row > div > div > * {
  margin-bottom: 0;
}

.icon-row .vc_custom_heading {
  font-size: var(--font-size-6);
  font-weight: 500;
}

.home-why-row > .wpb_column:hover > .vc_column-inner {
  background: #fff;
  border-radius: 15px;
}

.home-why-row > .wpb_column:hover .icon-row .vc_custom_heading {
  color: var(--theme-palette-color-4) !important;
}
.home-why-row > .wpb_column:hover .wpb_text_column {
  color: var(--theme-palette-color-3) !important;
}
.home-why-row > .wpb_column:hover .all-icon svg path {
  fill: var(--theme-color) !important;
}
.home-why-row > .wpb_column:hover .all-icon svg mask path {
  fill: #fff !important;
}

.home-services-sec {
  position: relative;
}

@media only screen and (max-width: 999.98px) {
  .home-why-row {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 767.98px) {
  .home-why-row {
    grid-template-columns: 1fr;
    margin-inline: var(--side-gap-2) !important;
  }
}

.home-brand-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  animation: slide-animation 30s infinite linear;
  align-items: center;
  width: 8708.84px;
}

.home-brand-img {
  padding-inline: 15px;
}

.home-brand-img img {
  max-width: 150px;
  max-height: 75px;
  width: auto !important;
  height: auto !important;
  object-fit: contain;
}

@keyframes slide-animation {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.product-category {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.product-category figure {
  margin-bottom: 0 !important;
}

.product-category .ct-media-container {
  padding-top: 15px;
}

.product-category img {
  aspect-ratio: 400/200 !important;
  object-fit: contain;
  transform: scale(1.1);
  transition: var(--transition-effect);
}

.product-category .woocommerce-loop-category__title {
  text-align: center;
}

.product-category .theme-btn.vc_btn3-inline.vc_do_btn {
    display: flex;
    justify-content: center;
    margin-bottom: 15px !important;
}

.product-category:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #fff;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: -1;
  border-radius: 20px;
  transition: var(--transition-effect);
}
    
.product-category .theme-btn.vc_btn3-inline.vc_do_btn:hover a {
  color: var(--white-color) !important;
}

@media only screen and (min-width: 1000px) {
    .product-category:before {
      content: "";
      position: absolute;
      display: block;
      background-color: #fff;
      width: 100%;
      height: 60%;
      bottom: 0;
      z-index: -1;
      border-radius: 20px;
      transition: var(--transition-effect);
    }
    
    .product-category:hover:before {
      height: 100%;
      background-color: #ededed;
      border: 2px solid var(--theme-color);
    }
    
    .product-category:hover img {
      transform: scale(1);
    }
    
    .product-category .woocommerce-loop-category__title {
      text-align: center;
      font-weight: 500;
      margin-bottom: 25px;
      transform: translateY(50px);
      transition: var(--transition-effect);
    }
    
    .theme-btn.vc_btn3-inline.vc_do_btn {
      height: auto;
      margin: 0 auto;
      opacity: 0;
      visibility: hidden;
      transition: var(--transition-effect);
      margin-bottom: 15px;
    }
    
    .product-category:hover .theme-btn.vc_btn3-inline.vc_do_btn {
      opacity: 1;
      visibility: visible;
    }
    
    
    .product-category:hover .woocommerce-loop-category__title {
      transform: translateY(10px);
    }
}
.all-banner-sec {
  padding-top: var(--row-gap) !important;
  padding-bottom: var(--side-gap-2) !important;
}

.home-banner-sec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.home-banner-desc {
  position: relative;
  overflow: hidden;
}

.home-banner-desc > .wpb_column .wpb_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  transition: var(--transition-effect);
}

.home-banner-desc > .wpb_column .vc_custom_heading {
  margin: 0;
  transform: translateY(0);
  transition: transform var(--transition-effect);
}

.home-banner-desc > .wpb_column .wpb_text_column {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  margin-top: 0;
  transform: translateY(15px);
  transition: var(--transition-effect);
}

.home-banner-desc > .wpb_column.desc_active > .vc_column-inner {
  border: 2px solid var(--theme-color);
  border-radius: 10px;
  overflow: hidden;
  transition: var(--transition-effect);
}

.home-banner-desc > .wpb_column.desc_active .wpb_text_column {
  max-height: 200px;
  opacity: 1;
  margin-top: 15px;
  transform: translateY(0);
}

.home-about-sec {
  position: relative;
}
.home-blog-sec {
  position: relative;
}

.ct-posts-shortcode {
  display: flex !important;
  align-items: center;
  gap: 30px;
}

.category-blogs {
  padding: 0 !important;
}

.category-blogs > .ct-media-container {
  border-radius: 20px !important;
  margin-bottom: 15px !important;
}

.category-blogs > .ct-media-container img {
  aspect-ratio: 568/361;
  width: 100%;
  height: auto;
  object-fit: cover;
  transform: scale(1);
  transition: var(--transition-effect);
}

.category-blogs:hover > .ct-media-container img {
  transform: scale(1.1);
}

.category-blogs .entry-card {
  position: relative;
}

.category-blogs .entry-title {
  padding: 20px;
  background-color: #efefef;
  border-radius: 20px;
  margin: 0;
  display: flex;
  align-items: center;
  font-weight: 500;
  flex: 1;
}

.category-blogs .entry-button {
  background: var(--theme-color);
  border-radius: 50% !important;
  border: 10px solid var(--white-color) !important;
  position: relative !important;
  font-size: 0;
  padding: 10px !important;
  position: absolute !important;
  bottom: -9px;
  right: -9px;
  box-shadow: 5px 5px 0 5px var(--white-color);
}

.category-blogs .entry-button:before {
  content: "";
  display: block;
  position: absolute;
  inset-inline: 0;
  inset-block: 0;
  left: -10px;
  top: 18px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background: transparent !important;
  border-radius: 0 0 20px 0;
  box-shadow: 5px 5px 0 5px var(--white-color);
  transform: translateX(-100%);
  z-index: 1;
  opacity: 1;
  filter: none;
}
.category-blogs .entry-button:after {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: -10px;
  width: 20px;
  height: 20px;
  background: transparent !important;
  border-radius: 0 0 20px 0;
  box-shadow: 5px 5px 0 5px var(--white-color);
  transform: translateY(-100%);
  z-index: 1;
}

.news-navigation > .vc_column-inner > .wpb_wrapper {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  gap: 10px;
}

.news-navigation .news-next button {
  border-radius: 30px;
  background-color: var(--theme-color) !important;
  color: var(--white-color) !important;
  padding: 10px 20px;
  transition: var(--transition-effect);
}
.news-navigation .news-prev button {
  border-radius: 30px;
  background-color: #efefef !important;
  color: var(--theme-palette-color-4) !important;
  padding: 10px 20px;
  transition: var(--transition-effect);
}

.news-navigation .news-next button:after {
  content: "\f061";
  font-family: var(--fa-icon);
  font-weight: 900;
  position: relative;
  display: inline-block;
  right: 0;
  padding-left: 10px;
  transition: var(--transition-effect);
}
.news-navigation .news-prev button:before {
  content: "\f060";
  font-family: var(--fa-icon);
  font-weight: 900;
  position: relative;
  display: inline-block;
  right: 0;
  padding-right: 10px;
  color: var(--theme-color) !important;
  transition: var(--transition-effect);
}

.news-navigation .news-next:hover button {
  background-color: #efefef !important;
  color: var(--theme-palette-color-4) !important;
}
.news-navigation .news-next:hover button:after {
  color: var(--theme-color) !important;
}
.news-navigation .news-prev:hover button {
  background-color: var(--theme-color) !important;
  color: var(--white-color) !important;
}
.news-navigation .news-prev:hover button:before {
  color: var(--white-color) !important;
}

@media only screen and (min-width: 768px) {
  .home-about-sec:before {
    content: "";
    position: absolute;
    display: block;
    width: 30vw;
    height: 45%;
    bottom: 0;
    left: 0;
    transform: translateX(-100px);
    background-image: url(./images/Group-30.webp);
    background-size: cover;
  }

  .home-blog-sec:before {
    content: "";
    position: absolute;
    display: block;
    width: 30vw;
    height: 45%;
    bottom: 0;
    left: 0;
    transform: translateX(-100px);
    background-image: url(./images/Group-49.webp);
    background-size: cover;
  }

  .home-services-sec:after {
    content: "";
    position: absolute;
    display: block;
    width: 35vw;
    height: 35%;
    bottom: 0;
    right: 0;
    transform: translateX(100px);
    background-image: url(./images/Group-31.webp);
    background-size: cover;
    z-index: -1;
  }

  .home-blog-title-row > .wpb_column:nth-child(2) > .vc_column-inner {
    display: flex;
    justify-content: flex-end;
  }

  .news-navigation > .vc_column-inner > .wpb_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .news-navigation .news-next,
  .news-navigation .news-prev {
    margin-bottom: 0;
  }

  /* row */
  .home-blog-row {
    overflow: visible !important;
  }

  /* right column */
  .home-blog-row > .wpb_column:last-child {
    overflow: visible;
  }

  /* hide overflow only around slider */
  .home-blog-row .ct-posts-shortcode {
    overflow: hidden;
    width: calc(100vw - 16.666%);
  }

  /* make blocksy posts horizontal */
  .home-blog-row .entries {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px;
    width: max-content;
    transition: var(--transition-effect);
  }

  /* cards */
  .home-blog-row .entry-card {
    flex: 0 0 35%;
    width: 35%;
  }
}

@media only screen and (max-width: 767.98px) {
  .home-blog-row .ct-posts-shortcode {
    width: 100%;
    overflow: hidden;
  }

  .home-blog-row .entries {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: max-content;
    transition: var(--transition-effect);
  }

  /* show 1 card */
  .home-blog-row .entry-card {
    flex: 0 0 calc(100vw - 30px);
    width: calc(100vw - 30px);
  }
}

/* About */
.about-banner {
  padding: var(--row-gap) var(--side-gap) !important;
  border-radius: 20px;
  background-size: cover;
}

.about-banner:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;

  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.6) 19.41%,
    rgba(0, 0, 0, 0) 64.7%
  );
  filter: blur(5px);
  border-radius: 20px;
}

.about-banner .wpb_column > .vc_column-inner {
  background-color: #fff;
  border-radius: 20px;
  padding: var(--inner-row-gap) var(--inner-side-gap);
}

@media only screen and (min-width: 768px) {
  .about-banner {
    padding: calc(var(--row-gap) * 2) calc(var(--side-gap) - 20px)
      var(--row-gap) !important;
  }
}

.about-vm-row {
  display: flex;
  flex-wrap: nowrap !important;
}

.about-vm-row > .wpb_column {
  background: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(7.5px);
  margin-inline: 15px;
}

.about-vm-row > .wpb_column > .vc_column-inner {
  padding: 0;
}

.about-vm-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  border: 2px solid #fff;
  border-radius: 20px;
  padding: var(--inner-large-row-gap) var(--inner-large-side-gap)
    calc(var(--inner-large-row-gap) - 35px);
  transition: var(--transition-effect);
}

.about-vm-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: grid;
  grid-template-columns: 35px 1fr;
  grid-template-rows: auto 1fr;
  gap: 0 20px;
  align-items: start;
  width: 100%;
}

.about-vm-row > .vc_row {
  display: contents;
}

.about-vm-row .all-icon {
  grid-row: span 2;
  transition: var(--transition-effect);
}

.about-vm-row .wpb_text_column {
  transition: var(--transition-effect);
}

.about-vm-row .vc_custom_heading {
  transition: var(--transition-effect);
  font-weight: 500;
}

.about-vm-row > .wpb_column:hover > .vc_column-inner > .wpb_wrapper {
  background: rgba(239, 239, 239, 0.80);
  border: 2px solid #FFF;
  border-radius: 20px;
}

.about-vm-row > .wpb_column:hover > .vc_column-inner > .wpb_wrapper > *,
.about-vm-row > .wpb_column:hover .vc_custom_heading {
  color: var(--theme-palette-color-4) !important;
}

.about-vm-row > .wpb_column:hover .all-icon,
.about-vm-row > .wpb_column:hover .all-icon * {
  fill: var(--theme-color);
}

.about-vm-row > .wpb_column .all-icon svg {
  width: 100% !important;
  height: auto !important;
}

.about-why-sec {
  overflow: visible;
}

.about-why-row {
  padding-inline: var(--side-gap-2);
  position: relative;
  overflow: visible;
}

.about-why-row > .wpb_column:first-child > .vc_column-inner {
  padding: var(--row-gap) var(--side-gap) calc(var(--row-gap) - 35px);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.about-why-row > .wpb_column:first-child > .vc_column-inner > .wpb_wrapper * {
  position: relative;
  z-index: 1;
}

.about-why-row > .wpb_column:first-child > .vc_column-inner:before {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.45) 0%,
    rgba(0, 0, 0, 0.45) 100%
  );
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.about-why-content {
  counter-increment: counter;
  margin-bottom: 20px;
  position: relative;
  display: flex;
  overflow: visible;
}
.about-why-content:before {
  content: counter(counter, decimal-leading-zero);
  position: absolute;
  top: 1px;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 50px;
  color: #fff;
  background-color: var(--theme-color);
  border-radius: 50px;
  border: solid white;
  border-width: 10px;
  transform: translate(-10px, -10px);
}

.about-why-content::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 50px;
  height: 40px;
  border-radius: 0 0 50px;
  background-color: var(--white-color);
}

.about-why-content > .wpb_column:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at bottom right,
    transparent calc(100% - 9px),
    white calc(100% - 8px)
  );
  transform: translateY(200%);
}
.about-why-content > .wpb_column:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 49px;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at bottom right,
    transparent calc(100% - 9px),
    white calc(100% - 8px)
  );
  /* transform: translateX(100%); */
}

.about-why-content > .wpb_column > .vc_column-inner {
  padding: var(--inner-large-row-gap) var(--inner-large-side-gap)
    calc(var(--inner-large-row-gap) - 35px);
  background-color: #efefef;
  border-radius: 20px;
  transition: var(--transition-effect);
}

.about-why-content:hover > .wpb_column > .vc_column-inner {
  background-color: var(--theme-color);
}

.about-why-content:hover .vc_custom_heading,
.about-why-content:hover .vc_column-inner > * {
  color: var(--white-color);
}

.about-why-title {
  position: absolute !important;
  background: #fff;
  padding: 10px 20px;
  right: -1px;
  bottom: -36px;
  border-radius: 20px 0 0 0;
}

.about-why-title:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at top left,
    transparent calc(100% - 9px),
    white calc(100% - 8px)
  );
  transform: translateX(-100%);
}
.about-why-title:after {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at top left,
    transparent calc(100% - 9px),
    white calc(100% - 8px)
  );
  transform: translateY(-100%);
}

.about-serve-sec {
  position: relative;
}

@media only screen and (min-width: 1000px) {
  .about-serve-sec:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100px;
    width: 30vw;
    height: 50%;
    background-image: url(./images/Group-349.webp);
  }
}

.about-serve-row {
  margin: 0;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.about-serve-row:before {
  display: none;
}

.about-serve-row > .wpb_column {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.about-serve-row > .wpb_column > .vc_column-inner {
  padding: 0;
  position: relative;
  border-radius: 20px;
  overflow: hidden !important;
}

.about-serve-row > .wpb_column > .vc_column-inner:before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 1;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  transition: var(--transition-effect);
}

.about-serve-row .wpb_wrapper {
  position: relative;
  z-index: 1;
}

.about-serve-row .wpb_column .vc_custom_heading {
    transform: scale(1);
    transition: var(--transition-effect);
    transform-origin: left center;
}

.about-serve-row .wpb_column:hover .vc_column-inner::before {
  background-color: var(--black-color);
  opacity: 0.6 !important;
}

.about-serve-row .wpb_column:hover .vc_column-inner * {
  color: var(--white-color);
}

.about-serve-row .wpb_column:hover .vc_custom_heading {
    transform: scale(1.1);
}

.about-serve-count {
  position: absolute;
  display: block;
  right: 0;
  top: 0;
  background-color: var(--theme-color);
  color: var(--white-color);
  width: 40px;
  height: 40px;
  border-radius: 50px;
  box-shadow: 0 0 0 10px var(--white-color);
}

.about-serve-count > * {
  display: flex;
  align-items: center;
  justify-content: center;
}

.about-serve-count > .wpb_wrapper:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -9px;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    #d9d9d9 calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
  );
  transform: translateX(-100%);
  box-shadow: 7px -8px 0 3px var(--white-color);
}
.about-serve-count > .wpb_wrapper:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -10px;
  right: 0;
  width: 20px;
  height: 20px;
  background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    #d9d9d9 calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
  );
  transform: translateY(100%);
  box-shadow: 4px -7px 0 3px var(--white-color);
}

.about-serve-count:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 18px);
  height: calc(100% + 18px);
  border-radius: 50%;
  bottom: -10px;
  left: -10px;
  border: 1px solid #d9d9d9;
}

.about-serve-row .vc_custom_heading {
  font-weight: 500;
}

.about-serve-row > .wpb_column > .vc_column-inner > .wpb_wrapper {
  padding: var(--inner-row-gap) var(--inner-side-gap)
    calc(var(--inner-row-gap) - 35px);
  border: 1px solid #c3c3c3;
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  row-gap: var(--row-gap);
}

.about-brand-grid:before {
  display: none;
}

@media only screen and (min-width: 1000px) {
    .about-brand-grid:before {
        content: "";
        display: block;
        position: absolute;
        right: -100px;
        bottom: -100px;
        width: 25vw;
        height: 100%;
        background-image: url('./images/Group-327.webp');
        background-size: cover;
        z-index: 0;
    }
}

.about-brand-grid > .wpb_column {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.about-brand-grid > .wpb_column > .vc_column-inner {
  padding: 0;
}

.about-brand-img {
  margin-bottom: 0;
  padding: 20px;
}

.about-brand-img img {
  width: 120px !important;
  height: 60px !important;
  object-fit: contain;
}

/* Service */
.service-banner {
  border-bottom: 1px solid #c3c3c3;
  margin-inline: var(--side-gap) !important;
  padding: var(--row-gap) 0 calc(var(--row-gap) - 35px) !important;
}

/*.ct-breadcrumbs a,*/
/*.ct-breadcrumbs span {*/
/*  text-transform: capitalize !important;*/
/*  font-size: var(--font-size-s);*/
/*  font-weight: 500;*/
/*  color: var(--theme-palette-color-3);*/
/*}*/

.ct-breadcrumbs .last-item > span[itemprop="name"] {
  color: var(--theme-color);
}

@media only screen and (min-width: 768px) {
  .service-banner
    > .vc_row
    > .wpb_column:last-child
    > .vc_column-inner
    > .wpb_wrapper {
    display: flex;
    justify-content: end;
    align-items: end;
  }

  .service-banner {
    padding: calc(var(--row-gap) + 60px) 0 var(--row-gap) !important;
  }
}

.archive.post-type-archive-services .entries:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 25vw;
  height: 50%;
  background-image: url(./images/Group-30.webp);
}

[data-prefix="services_archive"] .entries,
.archive.post-type-archive-services .entries {
  display: grid;
  grid-template-columns: repeat(2, 1fr) !important;
}

[data-prefix="services_archive"] .entries .entry-card,
.archive.post-type-archive-services .entries .entry-card,
.related-services.entries .entry-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(200px, 42%) 1fr;
  grid-template-rows: 100px 1fr;
  align-content: center;
  gap: 10px 40px;
  background-color: #efefef;
  border-radius: 20px;
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid transparent;
  /*transition: var(--transition-effect);*/
}

[data-prefix="services_archive"] .entries .entry-card:hover,
.archive.post-type-archive-services .entries .entry-card:hover,
.related-services.entries .entry-card:hover {
    border: 1px solid var(--theme-color);
}

[data-prefix="services_archive"] .entries .entry-card .ct-media-container,
.archive.post-type-archive-services .entries .entry-card .ct-media-container,
.related-services.entries .entry-card .ct-media-container {
  grid-column: 1;
  grid-row: 1 / 3;
  border-radius: 16px;
  overflow: hidden;
  display: block;
  transition: var(--transition-effect);
  width: 100%;
  height: 100%;
}

[data-prefix="services_archive"] .entries .entry-card .ct-media-container img,
.archive.post-type-archive-services
  .entries
  .entry-card
  .ct-media-container
  img,
.related-services.entries .entry-card .ct-media-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition-effect);
}

@media only screen and (min-width: 768px) {
  [data-prefix="services_archive"] .entries .entry-card .ct-media-container img,
  .archive.post-type-archive-services
    .entries
    .entry-card
    .ct-media-container
    img,
  .related-services.entries .entry-card .ct-media-container img {
    position: absolute;
    top: 0;
    left: 0;
  }

  [data-prefix="services_archive"]
    .entries
    .entry-card:hover
    .ct-media-container
    img,
  .archive.post-type-archive-services
    .entries
    .entry-card:hover
    .ct-media-container
    img,
  .related-services.entries .entry-card:hover .ct-media-container img {
    transform: scale(1.1);
  }
}

[data-prefix="services_archive"] .entries .entry-title,
.archive.post-type-archive-services .entries .entry-title,
.related-services.entries .entry-title {
  grid-column: 2;
  grid-row: 1;
  align-self: end;
  margin: 0;
  font-weight: 500;
  font-size: var(--font-size-6);
}

.related-services.entries .entry-title a {
  color: var(--theme-palette-color-4) !important;
}

[data-prefix="services_archive"] .entries .entry-excerpt,
.archive.post-type-archive-services .entries .entry-excerpt,
.related-services.entries .entry-excerpt {
  grid-column: 2;
  grid-row: 2;
  align-self: flex-end;
  margin: 0;
}

[data-prefix="services_archive"] .entries .entry-card .entry-button,
.archive.post-type-archive-services .entries .entry-card .entry-button,
.related-services.entries .entry-card .entry-button {
  position: absolute;
  top: -10px;
  right: -10px;
  background-color: transparent;
  font-size: 0;
  z-index: 1;
  box-shadow: 5px -5px 0 5px var(--white-color);
  transition: var(--transition-effect);
  padding: 0;
}

[data-prefix="services_archive"] .entries .entry-card:hover .entry-button,
.archive.post-type-archive-services .entries .entry-card:hover .entry-button,
.related-services.entries .entry-card:hover .entry-button {
  justify-content: flex-start;
  font-size: var(--font-size-s);
  border-radius: 50px !important;
}

[data-prefix="services_archive"] .entries .entry-card:hover .entry-button svg,
.archive.post-type-archive-services .entries .entry-card:hover .entry-button svg,
.related-services.entries .entry-card:hover .entry-button svg {
    margin-left: 10px;
}

[data-prefix="services_archive"] .entries .entry-card .entry-button .wpb_wrapper,
.archive.post-type-archive-services .entries .entry-card .entry-button .wpb_wrapper,
.related-services.entries .entry-card .entry-button .wpb_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    color: var(--white-color);
    background-color: var(--theme-color);
    padding: 10px;
    border: 10px solid var(--white-color);
    z-index: 1;
    box-shadow: 5px -5px 0 5px var(--white-color);
}

[data-prefix="services_archive"] .entries .entry-card .entry-button:before,
.archive.post-type-archive-services .entries .entry-card .entry-button:before,
.related-services.entries .entry-card .entry-button:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    border-radius: 50px;
    top: -1px !important;
    left: -1px !important;
    border: 1px solid #EFEFEF;
    background: transparent !important;
    opacity: 1;
    transition: var(--transition-effect);
    filter: none;
    inset-inline: 0;
    inset-block: 0;
    z-index: 0;
}

[data-prefix="services_archive"] .entries .entry-card:hover .entry-button:before,
.archive.post-type-archive-services .entries .entry-card:hover .entry-button:before,
.related-services.entries .entry-card:hover .entry-button:before {
   border: 1px solid var(--theme-color); 
}

[data-prefix="services_archive"] .entries .entry-card .entry-button svg,
.archive.post-type-archive-services .entries .entry-card .entry-button svg,
.related-services.entries .entry-card .entry-button svg {
  width: 22px !important;
  height: 22px !important;
}

[data-prefix="services_archive"] .entries .entry-card .entry-button .wpb_wrapper:before,
.archive.post-type-archive-services .entries .entry-card .entry-button .wpb_wrapper:before,
.related-services.entries .entry-card .entry-button .wpb_wrapper:before {
    content: "" !important;
    position: absolute !important;
    display: block !important;
    top: 9px !important;
    left: 0px !important;
    width: 20px;
    height: 20px;
    transform: translateX(-100%);
    z-index: 0;
    opacity: 1;
    border: none;
    transition: var(--transition-effect);
    filter: none;
    background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    transparent calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
    );
    box-shadow: 6px -5px 0 4px white;
    z-index: -1;
}

[data-prefix="services_archive"] .entries .entry-card:hover .entry-button .wpb_wrapper:before,
.archive.post-type-archive-services .entries .entry-card:hover .entry-button .wpb_wrapper:before,
.related-services.entries .entry-card .entry-button:hover .wpb_wrapper:before {
    background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    var(--theme-color) calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
  );
}

[data-prefix="services_archive"] .entries .entry-card .entry-button .wpb_wrapper:after,
.archive.post-type-archive-services .entries .entry-card .entry-button .wpb_wrapper:after,
.related-services.entries .entry-card .entry-button .wpb_wrapper:after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  bottom: 0 !important;
  right: 9px !important;
  width: 20px;
  height: 20px;
  transform: translateY(100%);
  z-index: 0;
  opacity: 1;
  border: none;
  transition: var(--transition-effect);
  filter: none;
  background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    transparent calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
    );
    box-shadow: 6px -5px 0 4px white;
}

[data-prefix="services_archive"] .entries .entry-card:hover .entry-button .wpb_wrapper:after,
.archive.post-type-archive-services .entries .entry-card:hover .entry-button .wpb_wrapper:after,
.related-services.entries .entry-card .entry-button:hover .wpb_wrapper:after {
    background: radial-gradient(
    circle at bottom left,
    transparent calc(100% - 9px),
    var(--theme-color) calc(100% - 8px),
    var(--white-color) calc(100% - 7px)
  );
}

.single-services .entry-header {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: end;
}

/* left column */
.single-services .entry-header .page-description {
  margin-top: 35px;
  grid-column: 1;
}

/* right column */
.single-services .entry-header .ct-breadcrumbs {
  grid-column: 2;
  display: flex;
  justify-content: flex-end;
}

.single-services .hero-section {
  padding-block: var(--row-gap);
  border-bottom: 1px solid #c3c3c3;
}

.services .wpb-content-wrapper {
  border-bottom: 1px solid #c3c3c3;
}

.single-services .service-detail-sec > .vc_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}

.single-services .service-detail-sec > .vc_row:before {
  display: none !important;
}

.single-services .service-detail-sec .gallery-column,
.single-services .service-detail-sec .desc-column {
  width: 100%;
}

.single-services .service-detail-sec .desc-column strong {
  color: var(--theme-palette-color-4) !important;
}

@media only screen and (min-width: 768px) {
  .single-services .hero-section {
    padding-block: calc(var(--row-gap) + 60px) var(--row-gap);
  }

  [data-prefix="services_archive"] .entries .entry-card .ct-media-container,
  .archive.post-type-archive-services .entries .entry-card .ct-media-container,
  .related-services.entries .entry-card .ct-media-container {
    width: calc(100% - 20px);
  }

  [data-prefix="services_archive"]
    .entries
    .entry-card:hover
    .ct-media-container,
  .archive.post-type-archive-services
    .entries
    .entry-card:hover
    .ct-media-container,
  .related-services.entries .entry-card:hover .ct-media-container {
    width: 100%;
  }
}
@media only screen and (max-width: 999.98px) {
  .single-services .service-detail-sec > .vc_row {
    grid-template-columns: repeat(1, 1fr);
  }

  .single-services .gallery-column {
    overflow: hidden;
  }

  .single-services .entry-header {
    grid-template-columns: 1fr;
  }

  .single-services .entry-header .page-title,
  .single-services .entry-header .page-description,
  .single-services .entry-header .ct-breadcrumbs {
    grid-column: 1;
  }

  .single-services .entry-header .ct-breadcrumbs {
    justify-content: flex-start;
  }

  .single-services .entry-header .page-description {
    margin-block: 35px;
  }
  .single-services .entry-header .ct-breadcrumbs {
    margin-top: 0 !important;
  }
}

.single-services .page-title {
  font-weight: 400;
}

.single-services
  .service-detail-sec
  > .vc_row
  .vc_custom_heading:not(:first-child) {
  font-size: var(--font-size-6);
  font-weight: 600 !important;
}

.dash-side {
  position: relative;
  display: flex;
  width: auto;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}

.dash-side:after {
  content: "";
  display: block;
  position: relative;
  height: 1px;
  width: 100%;
  background-color: #c3c3c3;
}

/* Gallery */
.gallery-column .wpb_wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}

.gallery-main {
  width: 100%;
  margin-bottom: 15px;
}

.gallery-main img {
  width: 100%;
  display: block;
  border-radius: 12px;
  object-fit: cover;
  aspect-ratio: 16/9;
}

/* Hide original images */
.gallery-column .wpb_single_image {
  display: none;
}

/* Thumbnail row */
.gallery-thumbs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
}

.gallery-thumb {
  width: 120px;
  height: 80px;
  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;
  opacity: 1;
  border: 1px solid transparent;
  transition: 0.3s;
  flex-shrink: 0;
}

.gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-thumb:hover,
.gallery-thumb.active {
  /* opacity: 1; */
  border-color: #242424;
}

.current-gallery-row:not(:last-child) {
  padding-bottom: calc(var(--row-gap) - 35px);
}

.current-gallery-row {
  margin-inline: -35px !important;
}

.current-gallery-row > .wpb_column > .vc_column-inner {
  padding-inline: 50px;
}

.whatsapp-btn .vc_general.vc_btn3 {
  background-color: #18cf00 !important;
  color: var(--white-color) !important;
  text-transform: capitalize !important;
  border: 1px solid transparent;
  transition: var(--transition-effect);
}

.whatsapp-btn .vc_general.vc_btn3:before {
  content: "" !important;
  display: none !important;
}
.whatsapp-btn .vc_general.vc_btn3:after {
  content: "\f232" !important;
  font-family: var(--fa-brand) !important;
  font-weight: 400 !important;
  background-color: #18cf00 !important;
  border: none !important;
  font-size: 18px;
  margin-left: 5px !important;
  transition: var(--transition-effect);
}

.whatsapp-btn:hover .vc_general.vc_btn3 {
  color: #18cf00 !important;
  background-color: var(--white-color) !important;
  border: 1px solid #18cf00;
}
.whatsapp-btn:hover .vc_general.vc_btn3:after {
  background-color: var(--white-color) !important;
  color: #18cf00 !important;
}

@media only screen and (max-width: 767.98px) {
  .current-gallery-row.reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.related-services-section {
  padding: var(--row-gap) var(--side-gap);
  position: relative;
}

.related-services-section .related-services.entries {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
}

.related-services-section > div {
  display: flex;
  justify-content: center;
}

@media only screen and (min-width: 768px) {
  .related-services-section:before {
    content: "";
    display: block;
    position: absolute;
    top: -100px;
    left: 0;
    background-image: url(./images/Group\ 49.png);
    background-size: cover;
    width: 20vw;
    height: 50%;
    z-index: -1;
  }
}

@media only screen and (max-width: 999.98px) {
  .related-services-section .related-services.entries {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 30px;
  }

  .related-services-section
    .related-services.entries
    .entry-card
    .ct-media-container {
    grid-column: 1;
    grid-row: 1;
    height: 250px;
  }

  .related-services-section .related-services.entries .entry-card .entry-title {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }

  .related-services-section
    .related-services.entries
    .entry-card
    .entry-excerpt {
    grid-column: 1;
    grid-row: 3;
  }
}

/* Product */
.archive.tax-product_cat .banner-title-fs,
.single-product .banner-title-fs{
    font-weight: 400;
}

.archive.tax-product_cat .woocommerce-loop-product__title {
    text-align: center;
}

.archive.tax-product_cat
  .ct-sidebar
  .widget_product_search
  .woocommerce-product-search
  button,
.single-product
  .ct-sidebar
  .widget_product_search
  .woocommerce-product-search
  button {
  display: none !important;
}

.archive.tax-product_cat
  .ct-sidebar
  .widget_product_search
  .woocommerce-product-search
  input,
.single-product
  .ct-sidebar
  .widget_product_search
  .woocommerce-product-search
  input {
  border: 1px solid #c3c3c3;
  border-radius: 8px;
}

.archive.tax-product_cat .ct-sidebar .widget-title,
.single-product .ct-sidebar .widget-title {
  background-color: var(--theme-color);
  padding: 10px 20px;
  color: var(--white-color);
  border-radius: 8px;
  font-weight: 600 !important;
}

.archive.tax-product_cat .iksm-term,
.single-product .iksm-term {
  position: relative;
  border-bottom: 1px solid #9a9a9a;
  transition: var(--transition-effect);
}

.archive.tax-product_cat .iksm-term .iksm-term__text,
.single-product .iksm-term .iksm-term__text {
  color: #414141;
}

.archive.tax-product_cat .iksm-term:after,
.single-product .iksm-term:after {
  content: "\f105";
  font-family: var(--fa-icon);
  font-weight: 600;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #414141;
}

.archive.tax-product_cat .iksm-term a,
.single-product .iksm-term a {
  padding: 20px 0;
}

.archive.tax-product_cat .iksm-term.iksm-term--current *,
.archive.tax-product_cat .iksm-term .iksm-term__inner:hover *,
.single-product .iksm-term.iksm-term--current *,
.single-product .iksm-term .iksm-term__inner:hover * {
  color: #000;
  font-weight: 500;
}

.archive.tax-product_cat .iksm-term.iksm-term--current > .iksm-term__inner,
.archive.tax-product_cat .iksm-term:hover > .iksm-term__inner,
.single-product .iksm-term.iksm-term--current > .iksm-term__inner,
.single-product .iksm-term:hover > .iksm-term__inner {
  background: none !important;
}

.single-product .dash-side {
  font-size: var(--font-size-6);
  font-weight: 600 !important;
}

.archive.tax-product_cat .product figure {
  border: 2px solid #c3c3c3;
  border-radius: 15px;
  overflow: hidden;
}

.archive.tax-product_cat .product h2 {
  text-align: center;
  font-weight: 500;
}

.loop-product-type {
  text-align: center;
  color: var(--theme-palette-color-3);
}

.single-product .product img {
    object-fit: contain !important;
}

.archive.tax-product_cat .product img {
  transition: var(--transition-effect);
  object-fit: contain !important;
}
.archive.tax-product_cat .product:hover img {
  transform: scale(1.1);
}

.single-product #main .ct-container,
.archive.tax-product_cat #main .ct-container,
.archive.category-blogs #main .ct-container,
.single-post #main .ct-container {
    position: relative;
}

@media only screen and (min-width: 1000px) {
    .archive.tax-product_cat #main .ct-container:before,
    .single-product #main .ct-container:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -50px;
        left: 0;
        width: 30vw;
        height: 40%;
        background-image: url(./images/Group-49.webp);
    }
    
    .archive.category-blogs #main .ct-container:before,
    .single-post #main .ct-container:before{
        content: "";
        display: block;
        position: absolute;
        bottom: -100px;
        right: 0;
        width: 30vw;
        height: 40%;
        background-image: url(./images/Group-49.webp);
    }
}

.single-product .product-table {
  margin-bottom: 35px !important;
}

.single-product .product-table,
.single-product .product-table th,
.single-product .product-table td {
  border: none !important;
}
.single-product .product-table td {
  padding: 5px 10px 5px 0;
}

.single-product .product-table td:first-child {
  width: 150px;
}
.single-product .product-table td:nth-child(2) {
  width: 50px;
}

.single-product .ct-product-add-to-cart button {
  border-radius: 41px;
  position: relative;
  padding: 10px 0;
  transition: var(--transition-effect);
}
.single-product .ct-product-add-to-cart button:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M12.9653 14.0279C14.347 14.0279 15.4711 15.1434 15.4711 16.5145C15.4711 17.885 14.347 19 12.9653 19C11.5836 19 10.4595 17.885 10.4595 16.5145C10.4595 15.1434 11.5836 14.0279 12.9653 14.0279ZM12.9653 17.7242C13.6378 17.7242 14.1848 17.1815 14.1848 16.5145C14.1848 15.8469 13.6378 15.3037 12.9653 15.3037C12.2928 15.3037 11.7458 15.8469 11.7458 16.5145C11.7458 17.1815 12.2928 17.7242 12.9653 17.7242ZM5.30053 14.0279C6.68219 14.0279 7.8063 15.1434 7.8063 16.5145C7.8063 17.885 6.68219 19 5.30053 19C3.91887 19 2.79477 17.885 2.79477 16.5145C2.79477 15.1434 3.91887 14.0279 5.30053 14.0279ZM5.30053 17.7242C5.97299 17.7242 6.52007 17.1815 6.52007 16.5145C6.52007 15.8469 5.97299 15.3037 5.30053 15.3037C4.62807 15.3037 4.08099 15.8469 4.08099 16.5145C4.08099 17.1815 4.62807 17.7242 5.30053 17.7242ZM0.0609226 4.94243L1.68437 11.7226C1.91606 12.6913 2.77908 13.368 3.78305 13.368H13.8847C14.8844 13.368 15.7467 12.6948 15.9816 11.7308L17.456 5.65987L18.5219 1.27581H21.3569C21.7121 1.27581 22 0.990251 22 0.637905C22 0.285559 21.712 0 21.3569 0H18.0155C17.7185 0 17.46 0.201852 17.3904 0.488349L16.2055 5.36093L14.7313 11.4315C14.635 11.8265 14.2948 12.0922 13.8847 12.0922H3.78305C3.37132 12.0922 3.03079 11.8253 2.93575 11.428L1.3123 4.6478C1.24677 4.3737 1.30061 4.13285 1.47696 3.91173C1.65322 3.6907 1.87691 3.58326 2.16076 3.58326H14.1353C14.4905 3.58326 14.7784 3.29761 14.7784 2.94535C14.7784 2.59309 14.4905 2.30745 14.1353 2.30745H2.1608C1.48723 2.30745 0.886137 2.59616 0.46818 3.12035C0.0500088 3.64476-0.0946255 4.29191 0.0609226 4.94243Z' fill='white'/%3E%3C/svg%3E");
}
.single-product .ct-product-add-to-cart:hover button {
  background-color: var(--theme-color) !important;
}

.single-product .ct-cart-actions .single_add_to_cart_button.added {
  display: none !important;
}
.single-product .ct-cart-actions .added_to_cart {
  padding: 10px 0;
  border-radius: 41px;
  background: var(--theme-color);
  color: var(--white-color);
}
.single-product .ct-cart-actions .added_to_cart:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 10px;
  background: no-repeat center/contain
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='19' viewBox='0 0 22 19' fill='none'%3E%3Cpath d='M12.9653 14.0279C14.347 14.0279 15.4711 15.1434 15.4711 16.5145C15.4711 17.885 14.347 19 12.9653 19C11.5836 19 10.4595 17.885 10.4595 16.5145C10.4595 15.1434 11.5836 14.0279 12.9653 14.0279ZM12.9653 17.7242C13.6378 17.7242 14.1848 17.1815 14.1848 16.5145C14.1848 15.8469 13.6378 15.3037 12.9653 15.3037C12.2928 15.3037 11.7458 15.8469 11.7458 16.5145C11.7458 17.1815 12.2928 17.7242 12.9653 17.7242ZM5.30053 14.0279C6.68219 14.0279 7.8063 15.1434 7.8063 16.5145C7.8063 17.885 6.68219 19 5.30053 19C3.91887 19 2.79477 17.885 2.79477 16.5145C2.79477 15.1434 3.91887 14.0279 5.30053 14.0279ZM5.30053 17.7242C5.97299 17.7242 6.52007 17.1815 6.52007 16.5145C6.52007 15.8469 5.97299 15.3037 5.30053 15.3037C4.62807 15.3037 4.08099 15.8469 4.08099 16.5145C4.08099 17.1815 4.62807 17.7242 5.30053 17.7242ZM0.0609226 4.94243L1.68437 11.7226C1.91606 12.6913 2.77908 13.368 3.78305 13.368H13.8847C14.8844 13.368 15.7467 12.6948 15.9816 11.7308L17.456 5.65987L18.5219 1.27581H21.3569C21.7121 1.27581 22 0.990251 22 0.637905C22 0.285559 21.712 0 21.3569 0H18.0155C17.7185 0 17.46 0.201852 17.3904 0.488349L16.2055 5.36093L14.7313 11.4315C14.635 11.8265 14.2948 12.0922 13.8847 12.0922H3.78305C3.37132 12.0922 3.03079 11.8253 2.93575 11.428L1.3123 4.6478C1.24677 4.3737 1.30061 4.13285 1.47696 3.91173C1.65322 3.6907 1.87691 3.58326 2.16076 3.58326H14.1353C14.4905 3.58326 14.7784 3.29761 14.7784 2.94535C14.7784 2.59309 14.4905 2.30745 14.1353 2.30745H2.1608C1.48723 2.30745 0.886137 2.59616 0.46818 3.12035C0.0500088 3.64476-0.0946255 4.29191 0.0609226 4.94243Z' fill='white'/%3E%3C/svg%3E");
}

.single-product .product-contact-btn {
  background-color: #18cf00;
  padding: 10px 25px 10px 5px;
  border-radius: 41px;
}
.single-product .product-contact-btn p {
  margin-bottom: 0;
  color: var(--white-color);
  position: relative;
  font-size: var(--font-size-s);
  display: flex;
  align-items: center;
}

.single-product .product-wa-btn {
  display: flex;
  justify-content: center;
}
.single-product .product-wa-btn p:after {
  content: "\f232";
  font-family: var(--fa-brand);
  font-weight: 400;
  display: inline-block;
  position: absolute;
  top: 0;
  right: -25px;
  color: var(--white-color);
  font-size: 16px;
}

.ct-product-add-to-cart,
.product-contact-btn {
  float: left;
  box-sizing: border-box;
  width: calc(50% - 7.5px);
}

.ct-product-add-to-cart {
  margin-right: 15px;
}

.ct-product-add-to-cart form {
  width: 100%;
}

.ct-cart-actions,
.product-contact-btn {
  display: flex;
}

.ct-cart-actions .single_add_to_cart_button,
.product-contact-btn .product-wa-btn {
  width: 100%;
  text-align: center;
}

.archive.post-type-archive-product main .ct-container {
  display: grid;
  grid-template-columns: 1fr !important;
  column-gap: 0;
}
.archive.post-type-archive-product main .ct-sidebar {
  display: none !important;
}

.archive.post-type-archive-product main .products {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media only screen and (max-width: 999.98px) {
  .archive.post-type-archive-product main .products {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767.98px) {
  .archive.post-type-archive-product main .products {
    grid-template-columns: repeat(1, 1fr);
  }
}

.archive.post-type-archive-product .product-category:before {
  content: "";
  position: absolute;
  display: block;
  background-color: #ededed;
  width: 100%;
  height: 100%;
  bottom: 0;
  z-index: -1;
  border-radius: 20px;
  transition: var(--transition-effect);
}

@media only screen and (min-width: 1000px) {
    .archive.post-type-archive-product .product-category:before {
      content: "";
      position: absolute;
      display: block;
      background-color: #ededed;
      width: 100%;
      height: 60%;
      bottom: 0;
      z-index: -1;
      border-radius: 20px;
      transition: var(--transition-effect);
    }
    .archive.post-type-archive-product .product-category:hover:before {
      height: 100%;
      border: 2px solid var(--theme-color);
    }
}

@media only screen and (max-width: 999.98px) {
    .archive.post-type-archive-product .product-category img {
        margin-bottom: 15px;
    }
    
    .product-category .all-btn a {
        color: var(--white-color) !important;
    }
    
    .product-category .all-btn a:before {
        width: calc(100% - 10px) !important;
    }
}

.single-product .flexy-container .flexy {
  border: 2px solid #c3c3c3;
  border-radius: 15px;
  overflow: hidden;
}

.single-product .flexy-container .flexy-pills ol li span {
  border-radius: 10px;
  border: 1.5px solid #c3c3c3;
  padding: 5px;
}

.single-product .flexy-container .flexy-pills ol li span:after {
  display: none;
}

/* Blog */
.single-post-featured-banner {
  padding: var(--row-gap) var(--side-gap);
}

.single-post-featured-banner img {
  width: 100%;
  max-height: 500px;
  border-radius: 20px;
  overflow: hidden;
  object-fit: cover;
}

.single-post .page-title {
  font-weight: 500;
}

@media only screen and (min-width: 1000px) {
  .single-post [data-sidebar] {
      display: grid;
      grid-template-columns: minmax(100px, 1fr) minmax(450px, 25%);
      grid-column-gap: var(--sidebar-gap, 4%);
      grid-row-gap: 50px;
  }  
}

@media only screen and (max-width: 999.98px) {
    .single-post [data-sidebar]>aside {
        order: 1; 
        margin-top: calc(var(--row-gap) - 35px);
    }
}

.single-post .recent-posts-widget-with-thumbnails {
  background-color: #efefef;
  padding: var(--inner-large-row-gap) var(--inner-side-gap) var(--inner-row-gap);
  border-radius: 20px;
  position: relative;
}

.single-post .recent-posts-widget-with-thumbnails .widget-title {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500 !important;
  font-size: var(--font-size-t);
  color: var(--white-color);
  background-color: var(--theme-color);
  padding: 10px;
  border-radius: 20px;
  box-shadow: 0 0 0 10px var(--white-color);
}

.single-post .recent-posts-widget-with-thumbnails .widget-title:before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: -10px;
  width: 20px;
  height: 20px;
  background: transparent;
  transform: translateX(-100%);
  z-index: 0;
  opacity: 1;
  border-radius: 0 20px 0 0;
  box-shadow: 5px -5px 0px 5px var(--white-color);
  border: none;
  transition: var(--transition-effect);
}
.single-post .recent-posts-widget-with-thumbnails .widget-title:after {
  content: "";
  position: absolute;
  display: block;
  bottom: -10px;
  right: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  transform: translateY(100%);
  z-index: 0;
  opacity: 1;
  border-radius: 0 20px 0 0;
  box-shadow: 5px -5px 0px 5px var(--white-color);
  border: none;
  transition: var(--transition-effect);
}

.single-post .recent-posts-widget-with-thumbnails li:hover .rpwwt-post-title {
  color: var(--theme-color);
}

.single-post .recent-posts-widget-with-thumbnails .rpwwt-post-title {
  color: var(--theme-palette-color-4);
  font-weight: 500;
}

.single-post .recent-posts-widget-with-thumbnails img {
  border-radius: 10px;
  overflow: hidden;
  margin-block: 0;
}

.single-post .recent-posts-widget-with-thumbnails li a {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: end;
  position: relative;
}

.single-post .recent-posts-widget-with-thumbnails li:not(:last-child) a {
  padding-bottom: 24px;
}

.single-post .recent-posts-widget-with-thumbnails li:not(:last-child) a:after {
  content: "";
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background-color: #c3c3c3;
}

/* Contact */
.contact-banner-sec {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
}

.contact-banner-sec:before {
  content: "";
  display: block;
  position: absolute;
  top: 15%;
  left: 0;
  width: 50%;
  height: auto;
  background-image: url(./images/dot.gif);
  mix-blend-mode: lighten;
  opacity: 0.6;
  object-fit: contain;
  max-height: 400px;
  aspect-ratio: 800/450;
}

.contact-banner-row {
  background-color: #fff;
  border-radius: 20px;
  z-index: 1;
}

.contact-banner-row > .wpb_column > .vc_column-inner {
  padding: var(--inner-large-row-gap) var(--inner-large-side-gap) calc(var(--inner-large-row-gap) - 35px);
}

.contact-btn {
  background-color: var(--theme-color);
  border-radius: 20px;
  margin-bottom: 35px;
}

.contact-btn button {
  width: 100%;
  color: var(--white-color) !important;
  padding: 10px 20px !important;
  text-transform: capitalize !important;
}

.contact-banner-row .business-hour th,
.contact-banner-row .business-hour td {
  color: #595959 !important;
}

.contact-banner-row .business-hour a {
    color: var(--theme-palette-color-3);
}

.contact-banner-row .business-hour a:hover {
    color: var(--theme-color);
}


.contact-map-sec .wpb_column {
  display: flex;
}

.contact-map-sec .wpb_column > .vc_column-inner {
  padding: 0;
  overflow: hidden;
}

.page-id-327 #footer [data-row="middle"] {
  display: none !important;
}

.page-id-327 #footer {
  background-color: transparent !important;
}

.page-id-327 #footer:before {
  display: none !important;
}

.page-id-327 #footer [data-column="copyright"] {
  border-radius: 20px 20px 0 0 !important;
}

.page-id-327 #footer [data-column="copyright"] * {
  color: var(--theme-palette-color-4);
  text-align: center;
}

@media only screen and (min-width: 1000px) {
  .page-id-327 #footer [data-column="copyright"] {
    /* margin-inline: auto !important; */
    /* margin-top: -60px; */
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .page-id-327 #footer [data-column="copyright"]:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 20px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 0 0 20px 0;
    box-shadow: 5px 5px 0 4px white;
    transform: translateX(-100%);
  }
}

@media only screen and (max-width: 999.98px) {
  .about-serve-row {
    grid-template-columns: repeat(2, 1fr);
  }

  [data-prefix="services_archive"] .entries .entry-card,
  .archive.post-type-archive-services .entries .entry-card,
  .related-services.entries .entry-card {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
    padding: 25px;
    gap: 20px;
  }

  [data-prefix="services_archive"] .entries .entry-card .ct-media-container {
    grid-column: 1;
    grid-row: 1;
    height: 250px;
  }

  [data-prefix="services_archive"] .entries .entry-card .entry-title {
    grid-column: 1;
    grid-row: 2;
    align-self: start;
  }

  [data-prefix="services_archive"] .entries .entry-card .entry-excerpt {
    grid-column: 1;
    grid-row: 3;
  }

  #footer [data-row="middle"] .ct-container {
    grid-template-columns: 1fr !important;
  }

  #footer .widget-menu {
    display: flex;
    flex-wrap: wrap;
  }

  #footer .widget-menu li:not(:last-child) {
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid var(--white-color);
  }
}

@media only screen and (min-width: 768px) {
  .about-vm-row {
    display: flex;
    flex-wrap: nowrap;
  }

  .about-why-row > .wpb_column:last-child {
    padding-left: 30px;
  }

  .position-sticky {
    position: sticky !important;
    top: 100px;
  }

  *:has(.position-sticky) {
    overflow: visible !important;
  }

  .contact-form-title-row > .wpb_column:last-child > .vc_column-inner {
    display: flex;
    justify-content: end;
  }
}

@media only screen and (max-width: 767.98px) {
  .about-vm-row {
    display: flex;
    flex-wrap: wrap !important;
  }

  .about-vm-row > .wpb_column:not(:last-child) {
    margin-bottom: 35px;
  }

  .about-serve-row {
    grid-template-columns: repeat(1, 1fr);
  }

  [data-prefix="services_archive"] .entries,
  .archive.post-type-archive-services .entries {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.contact-banner-row .main-title {
  text-transform: capitalize !important;
}

/*@media screen and (min-width: 992px) {*/
/*  .about-brand-grid > div:not(:nth-child(5n)) {*/
/*    border-right: 1px solid #c6c6c6;*/
/*  }*/

/*  .about-brand-grid*/
/*    > div:not(*/
/*      :last-child,*/
/*      :nth-last-child(2),*/
/*      :nth-last-child(3),*/
/*      :nth-last-child(4),*/
/*      :nth-last-child(5)*/
/*    ) {*/
/*    border-bottom: 1px solid #c6c6c6;*/
/*  }*/
/*}*/
.about-brand-grid {
  margin-inline: 15px !important;
  position: relative;
  z-index: 1;
}

.about-brand-grid .slick-slide > div:first-child > .wpb_column,
.about-brand-grid .slick-slide > div:nth-child(2) > .wpb_column {
  border-right: 1px solid #c6c6c6;
  border-bottom: 1px solid #c6c6c6;
}

.about-brand-grid .slick-slide > div:first-child > .wpb_column:last-child,
.about-brand-grid .slick-slide > div:nth-child(2) > .wpb_column:last-child {
  border-right: none !important;
  border-bottom: 1px solid #c6c6c6;
}

.about-brand-grid .slick-slide > div:last-child > .wpb_column {
  border-right: 1px solid #c6c6c6;
}
.about-brand-grid .slick-slide > div:last-child > .wpb_column:nth-child(5n) {
  border-right: none !important;
}

.about-brand-grid .wpb_column > .vc_column-inner {
  padding-inline: 0;
}

.about-brand-grid .slick-dots {
  margin-top: 35px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.about-brand-grid .slick-dots li {
  width: auto;
  height: auto;
  margin: 0;
}

.about-brand-grid .slick-dots li button {
  width: 8px;
  height: 8px;
  padding: 0;
  border: 0 !important;
  border-radius: 50%;
  background: #d1d1d1;
  font-size: 0;
  line-height: 0;
  transition: var(--transition-effect);
  cursor: pointer;
}

.about-brand-grid .slick-dots li button:before {
  display: none !important;
}

.about-brand-grid .slick-dots li.slick-active button {
  width: 52px;
  height: 8px;
  border-radius: 20px;
  background: var(--theme-color);
}

@media only screen and (min-width: 768px) {
  .about-us-sec {
    position: relative;
  }
  .about-us-sec:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: -100px;
    width: 30vw;
    height: 50%;
    background-image: url(./images/Group-30.webp);
  }
}

#header [data-device="desktop"] .menu {
  background-color: var(--white-color);
  position: relative;
  border-radius: 0 0 20px 20px;
  padding-inline: 35px;
}

#header [data-device="desktop"] [data-row="top"] [data-items="primary"] > * {
  background-color: var(--white-color);
  position: absolute;
  padding: 10px 25px;
  border-radius: 20px;
  display: flex;
  height: 60px;
}

#header [data-device="desktop"] [data-row="top"] {
  --height: 0;
  position: relative;
  z-index: 1;
}

#header [data-device="desktop"] .ct-sticky-container {
  position: relative;
  z-index: 0;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="start"]
  [data-items="primary"]
  > * {
  left: 0;
  top: 0;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="start"]
  [data-items="primary"]
  > *::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  transform: translateX(100%);
  width: 20px;
  height: 20px;
  border-radius: 20px 0 0 0;
  box-shadow: -20px -20px 0 20px var(--white-color);
  z-index: -1;
  background-color: transparent !important;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="start"]
  [data-items="primary"]
  > *::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: var(--side-gap-2);
  transform: translateY(100%);
  width: 20px;
  height: 20px;
  border-radius: 20px 0 0 0;
  box-shadow: -20px -20px 0 20px var(--white-color);
  z-index: -1;
  background-color: transparent !important;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="end"]
  [data-items="primary"]
  > * {
  left: auto;
  right: 0;
  top: 0;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="end"]
  [data-items="primary"]
  > *::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  transform: translateX(-100%);
  width: 20px;
  height: 20px;
  border-radius: 0 20px 0 0;
  box-shadow: 20px -20px 0 20px var(--white-color);
  z-index: -1;
  background-color: transparent !important;
}

#header
  [data-device="desktop"]
  [data-row="top"]
  [data-column="end"]
  [data-items="primary"]
  > *::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: var(--side-gap-2);
  transform: translateY(100%);
  width: 20px;
  height: 20px;
  border-radius: 0 20px 0 0;
  box-shadow: 20px -20px 0 20px var(--white-color);
  z-index: -1;
  background-color: transparent !important;
}

#header [data-device="desktop"] [data-row="middle"]:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 20px;
  background-color: var(--white-color);
  transform: translateX(-50%);
  z-index: -1;
}

#header [data-device="desktop"] [data-row="middle"] {
  background-color: transparent !important;
}

#header [data-device="desktop"] .menu::before {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 0 20px 0 0;
  z-index: -1;
  transform: translateX(-100%);
  box-shadow: 20px -20px 0 20px var(--white-color);
  background-color: transparent !important;
}

#header [data-device="desktop"] .menu::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  right: 0;
  width: 20px;
  height: 20px;
  border-radius: 20px 0 0 0;
  z-index: -1;
  transform: translateX(100%);
  box-shadow: -20px -20px 0 20px var(--white-color);
  background-color: transparent !important;
}

.ct-icon-container {
  background-color: var(--theme-color);
  border-radius: 50%;
  padding: 8px;
}

.home-banner-sec:after {
  content: "";
  display: block;
  position: absolute;
  top: 35%;
  right: 0;
  aspect-ratio: 800/450;
  background-image: url(./images/dot.gif);
  object-fit: contain;
  max-height: 300px;
  width: 50%;
  height: auto;
  mix-blend-mode: lighten;
  opacity: 0.6;
  /*transform: translateY(-50%);*/
}

.woocommerce-cart #main .ct-container {
  padding-top: var(--row-gap);
  padding-bottom: calc(var(--row-gap) - 35px);
}

/*.about-vm-sec {*/
/*    padding-inline: 0 !important;*/
/*}*/

@media only screen and (min-width: 1000px) {
    .about-banner .home-banner-title {
        font-size: calc(var(--banner-title) / 2);
    }
    
    .banner-title-fs {
        font-size: calc(var(--banner-title) / 1.7) !important;
    }
}

/* Menu Item */
#menu-main-menu > li {
    position: relative;
}

#menu-main-menu > li > a.ct-menu-link,
#menu-main-menu > li > div > a.ct-menu-link{
    padding: 0 calc(25px / 2); !important;
    color: var(--theme-palette-color-4);
}

/* Wrapper */
#menu-main-menu > li > .menu-link-wrapper {
    position: relative;
    overflow: hidden;
}

/* Original & Clone */
#menu-main-menu > li > .menu-link-wrapper > .ct-menu-link,
#menu-main-menu > li > .menu-link-wrapper > .menu-link-clone {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-effect);
}

/* Original */
#menu-main-menu > li > .menu-link-wrapper > .ct-menu-link {
    transform: translateY(0);
}

/* Clone */
#menu-main-menu > li > .menu-link-wrapper > .menu-link-clone {
    position: absolute;
    inset: 0;
    transform: translateY(100%);
}

/* Hover */
#menu-main-menu > li:not(.current-menu-item):hover > .menu-link-wrapper > .ct-menu-link {
    transform: translateY(-100%);
}

#menu-main-menu > li:not(.current-menu-item):hover > .menu-link-wrapper > .menu-link-clone {
    transform: translateY(0);
    font-weight: 600 !important;
    color: var(--theme-color);
}

#menu-main-menu > li.current-menu-item > .ct-menu-link {
    font-weight: 600 !important;
}

.contact-hover {
    transition: var(--transition-effect);
}
.contact-hover:hover {
    color: var(--theme-color) !important;
}

.archive.tax-product_cat .product .loop-product-type {
    margin-top: auto;
}

/* Single featured image only */
.single-product-image .ct-media-container {
    border: 2px solid #c3c3c3;
    border-radius: 15px;
    overflow: hidden;
}

.price .woocommerce-Price-amount.amount {
    color: var(--theme-color);
    font-weight: 600;
    font-size: var(--font-size-2);
}

.page-id-104 #main .ct-container-full {
    padding-block: var(--row-gap);
}

.payment_box.payment_method_bacs {
    position: relative;
}
.payment_box.payment_method_bacs:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 425/674;
    background-image: url(./images/payment.webp);
    background-size: contain;
    background-repeat: no-repeat;
}

#alg_checkout_files_upload_form_1 {
    margin-top: 35px;
}

.ct-cart-content {
    right: 0 !important;
}

.ct-product-add-to-cart  .stock {
    display: none !important;
}


.sale-price {
    column-gap: 10px;
    align-items: flex-end;
}
.sale-price del {
    order: 0;
    font-size: var(--font-size-5);
    opacity: .7;
}
.sale-price del .woocommerce-Price-amount.amount {
    font-size: var(--font-size-5);
    color: #595959;
    font-weight: 500;
}