/** Shopify CDN: Minification failed

Line 236:0 Unexpected "@media"

**/
.grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(3,1fr);}
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(4,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(5,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(6,1fr);}
.grid-banner .grid-banner-section{ column-gap: var(--grid-desktop-horizontal-spacing); row-gap: var(--grid-desktop-vertical-spacing);}
@media screen and (max-width: 1199px) and (min-width: 751px) {
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(2,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(3,1fr);}
.grid-banner .grid-banner-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}  
}
 @media screen and (max-width: 750px) {
 .grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.four-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.five-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(1,1fr);}
.grid-banner .grid-banner-section { column-gap: var(--grid-mobile-horizontal-spacing); row-gap: var(--grid-mobile-vertical-spacing);}
 }
.grid-banner .title-wrapper-with-link.content-align--left{align-items: flex-start;}
.grid-banner .title-wrapper-with-link.content-align--center{align-items: center;}
.grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.grid-banner-inner.banner--content-align-center {
    align-items: center !important;
    text-align: center;
}
.grid-banner-inner.banner--content-align-right {
    align-items: flex-end !important;
    text-align: right;
}
.grid-banner-inner.banner--content-align-left {
    align-items: flex-start !important;
    text-align: left;
}

.grid-banner .grid-banner-section:not(.background-none) .grid-banner-wrapper {
  background: rgb(var(--color-background));
}

.grid-banner .dt-sc-grid-banner-section.background-primary .grid-banner-wrapper {
  background: rgb(var(--color-background)) linear-gradient(rgba(var(--color-foreground), 0.04), rgba(var(--color-foreground), 0.04));
}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner h4.main-title a{color:var(--color-foreground);}


.shopify-section.section.grid-banner-style2 .grid-banner a.banner-button{position:relative}
.shopify-section.section.grid-banner-style2 .grid-banner a.banner-button:before{position: absolute;
    right: 0;
    content: "";
    height: 100%;
    width: 0;
    top: 0;
    z-index: -1;
    transition: all .3s ease;}
.shopify-section.section.grid-banner-style2 .grid-banner a.banner-button:hover:before{width:100%;left:0;}


/*Overlay style*/
.section.grid-banner-style4 .overlay .swiper-slide{transition: all .5s ease-in-out;}
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-block-image{overflow:hidden}
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-block-image img{transition: all .5s ease-in-out;width:100%;}
.section.grid-banner-style4 .wdt-custom-grid-banner .overlay .swiper-slide .grid-banner-block-image img,
.section.grid-banner-style4 .wdt-custom-grid-banner .overlay .swiper-slide .grid-banner-block-image{height: 250px;}
.grid-banner-section.overlay .grid-banner-wrapper{ height: 250px; position: relative;}
.overlay .swiper-slide{ position: relative;}
.section.grid-banner-style4 .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-block-image, 
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-block-image {width:100%; height:100%; }
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content, .overlay .swiper-slide .grid-banner-content{ position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; background: rgba(var(--color-background),0.0);}

/* Overlay Alignment */
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners .main-title{font-weight:600;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners .sub-title,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners .main-title,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners .description{margin-bottom:12px;margin-top:0;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title a{color: var(--color-foreground);transition: var(--duration-long);}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title a:hover{color: var(--gradient-base-accent-3);}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.banner-button{display: flex;width: fit-content;margin:auto}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners a.banner-button{display: flex;width: fit-content;padding-top: 8px;padding-bottom: 8px;background: var(--gradient-base-accent-3); font-size: 14px; font-weight: 700;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button{display: flex;
    width: fit-content;
    padding: 0;
    background: transparent;position:relative;
    color: var(--gradient-base-accent-1);display: flex;width: fit-content;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners .sub-title{ font-family: var(--font-body-family); font-size: 2rem; margin: 0 0 15px; line-height: 1.5; text-transform: capitalize;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button span:before,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button span:after{bottom: 8px;
    content: "";
    width: 100%;
    height: 1px;background:var(--gradient-base-accent-1);
    left: 0;
    position: absolute;
    transform-origin: right;
    transform: scaleX(1) translateZ(0);
    transition: transform .6s cubic-bezier(.165,.84,.44,1) .3s;
}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button span:after{
transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s cubic-bezier(.165,.84,.44,1);}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button:hover span:before{transform: scaleX(0);transition: transform .6s cubic-bezier(.165,.84,.44,1);}
  .section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button:hover span:after{
transform: scaleX(1);
    transition: transform .6s cubic-bezier(.165,.84,.44,1) .3s;}
.section.grid-banner-style4 .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content{padding:30px;overflow: hidden; z-index: 1;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right a.banner-button span svg{display:none}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title{position:relative;font-size:2.0rem}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title a:hover:before{width:100%;left:0;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-top-left,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-top-right,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-top-center,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-left,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-center,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center-left,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center-right{position: absolute;display: flex;flex-direction: column;padding: 20px;z-index:1;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right{padding: 0px 45px 34px }
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right .button{font-size:1.4rem}
/*Top-Alignmnet */

.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-top-left{left:0;top:0;text-align:left;}
.section.grid-banner-style4 .grid-banner .overlay  .grid-banner-inners.banner--content-align-top-center{text-align:center;top:0;left:0;right:0;margin:auto;    align-items: center;}
.section.grid-banner-style4 .grid-banner .overlay  .grid-banner-inners.banner--content-align-top-right{top:0;right:0;text-align:right}

/*Bottom-Alignmnet */

.section.grid-banner-style4 .grid-banner .overlay  .grid-banner-inners.banner--content-align-bottom-right{left:0;bottom:0;text-align:left;}
.section.grid-banner-style4 .grid-banner .overlay  .grid-banner-inners.banner--content-align-bottom-center{text-align:center;bottom:0;left:0;right:0;margin:auto;align-items: center;}
.section.grid-banner-style4 .grid-banner .overlay  .grid-banner-inners.banner--content-align-bottom-left{bottom:0;right:0;text-align:right}

/*center-Alignmnet */
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center-right{right:0;justify-content: center;top:0;bottom:0;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center-left{top: 0;left: 0; bottom: 0;width: fit-content;height: fit-content; margin: auto; text-align: left;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center{top: 0;left: 0;right: 0;bottom: 0;width: fit-content;height: fit-content;margin: auto;text-align:center}

/* center-button */
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.banner-button{position:relative;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.banner-button span:after{content:'';position:absolute;}
.section.grid-banner-style4 .grid-banner .overlay  span{display:flex;align-items:center;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button span svg{width:24px;height:30px;width:24px;
    position: absolute;
    opacity: 0;
    right: 0;
    transform: translateX(30px);
    transition: all .3s linear;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button{overflow:hidden}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button:hover span,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button span,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button{transition: all .3s linear;}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button:hover span{transform:translateX(-9px)}

.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button:hover span svg{opacity:1;transform:translateX(24px)}
/*Hover Style  */
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-content{overflow:hidden}
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-center a.button{border-radius:25px;margin-top:10px;}
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-content .grid-banner-inners.banner--content-align-bottom-right a.banner-button{opacity:0;transition: var(--duration-long);}
.section.grid-banner-style4 .overlay .swiper-slide:hover .grid-banner-content .grid-banner-inners.banner--content-align-bottom-right a.banner-button{opacity:1;}
.section.grid-banner-style4 .overlay .swiper-slide .grid-banner-content .grid-banner-inners.banner--content-align-bottom-right{transform:translateY(20%); transition: var(--duration-long);}
.section.grid-banner-style4 .overlay .swiper-slide:hover .grid-banner-content .grid-banner-inners.banner--content-align-bottom-right{transform:translateY(0%)}
@media(max-width:1540px){
.section.grid-banner-style4 .styli4.page-width{padding:0 3rem}
}
@media(min-width:1540px){
.section.grid-banner-style4 .styli4.page-width{padding:0rem}
}
@media(max-width:991px){
  .section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners.banner--content-align-bottom-right{padding: 0 30px 30px;}
  .section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title{font-size:2.2rem}
.section.grid-banner-style4 .styli4.page-width{padding:0 2rem}
}
@media(max-width:767px){
  .section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners h2.main-title{font-size:2.5rem}
}

/*custom css file*/
.section.grid-banner-style4 .grid-banner-section .grid-banner-content .grid-banner-inners .main-title{
    font-weight: 700;
    font-size: 2.0rem;
    text-transform: capitalize;
    margin: 0;
} 
.section.grid-banner-style4 .grid-banner-section .grid-banner-content .grid-banner-inners .sub-title{
    font-family: var(--font-body-family);
    font-size: 2.0rem;
    margin: 0 0 15px;
    line-height: 1.5;
    text-transform: capitalize;
}
.section.grid-banner-style4 .grid-banner-section .grid-banner-content .grid-banner-inners .description{margin: 0;}
.section.grid-banner-style4 .grid-banner-section .grid-banner-content .grid-banner-inners .banner-button.button.button--primary{
    background: var(--gradient-base-accent-3);
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.25;
    padding-top: 6px;
    padding-bottom: 8px;
}
.section.grid-banner-style4 .grid-banner-content .grid-banner-inners .banner-button.button.button--primary:hover,
.section.grid-banner-style4 .grid-banner .overlay .grid-banner-inners a.banner-button:hover{
  background: var(--color-icon);
  color: var(--gradient-base-accent-1);
}
.section.grid-banner-style4 .grid-banner-content .grid-banner-inners{max-width: 200px; width: 100%;}
/*custom css file*/
.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .page-full-width.page-full-width_spacing .row{margin: 0 calc(var(--page-full-width-spacing) + 80px);}
.section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .overlay .grid-banner-inners{margin: 30px;}
.section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .overlay .grid-banner-inners::before{
  content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200%;
    height: 200%;
    transform: translate(-35%, -50%); 
    -webkit-transform: translate(-35%, -50%);
    z-index: -1;
    border-radius: 50%;
    transition: all 400ms linear;
}
.section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .grid-changeds--1 .grid-banner-content .grid-banner-inners::before{background: #f9b1af;}
.section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .grid-changeds--2 .grid-banner-content .grid-banner-inners::before{background: #ffdb4f;}
.wdt-custom-grid-banner .grid-changeds--1:hover .grid-banner-content .grid-banner-inners:before,
.wdt-custom-grid-banner .grid-changeds--2:hover .grid-banner-content .grid-banner-inners:before{margin-left: -10px;}

hack to crt code
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
.wdt-custom-grid-banner .grid-changeds--2:hover .grid-banner-content .grid-banner-inners:before{margin-left: -10px;}
     }
          }
/*about page*/


.wdt-custom-about-section .grid-banner-section .grid__item{width: 100%; max-width: 100%;}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper{max-height: 390px; height: 100%;position: relative; overflow: hidden;}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper:after{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(var(--color-foreground), .8);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper:hover::after{opacity: 1; visibility: visible;}
.section.grid-banner-style4 .grid-banner.wdt-custom-about-section .overlay .grid-banner-inners h2.main-title a{position: relative; color: var(--gradient-base-accent-1); transition: var(--duration-long); font-size: 20px; letter-spacing: normal; font-weight: 400;margin-bottom: 20px; padding-bottom: 20px;}
.section.grid-banner-style4 .grid-banner.wdt-custom-about-section .overlay .grid-banner-inners h2.main-title a:hover{color: var(--color-icon);}
.section.grid-banner-style4 .grid-banner.wdt-custom-about-section .overlay .grid-banner-inners h2.main-title a:after{
    position: absolute;
    height: 2px;
    width: 0px;
    background: var(--color-icon);
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    transition: all 0.3s linear;
}
.grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img{transition: all 0.3s linear;}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper:hover .grid-banner-block-image img{
   transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
}
.section.grid-banner-style4 .grid-banner.wdt-custom-about-section .overlay .grid-banner-inners h2.main-title a{opacity: 0; visibility: hidden;}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper:hover .grid-banner-inners h2.main-title a{opacity: 1; visibility: visible;}
.wdt-custom-about-section .grid-banner-section.overlay .grid-banner-wrapper:hover .grid-banner-inners h2.main-title a:after{width: 40px;}
.wdt-custom-grid-banner .grid-banner-section .grid-banner-wrapper.grid__item{width: 100%; max-width: 100%;}

/*Responsive*/
@media screen and (min-width: 1541px){
  .wdt-custom-about-section .page-full-width.page-full-width_spacing .row{margin: 0 calc(var(--page-full-width-spacing) - (-70px));}
}
@media screen and (max-width: 1540px){
  .wdt-custom-about-section .page-full-width.page-full-width_spacing .row{margin: 0 calc(var(--page-full-width-spacing) - (-10px));}
}
@media screen and (min-width: 2300px){
  .section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .overlay .grid-banner-inners:before{transform: translate(-40%, -50%); -webkit-transform: translate(-40%, -50%);}
}
@media screen and (max-width: 1540px){
.grid-banner-style4 .grid-banner.wdt-custom-grid-banner  .page-full-width.page-full-width_spacing .row{margin: 0 calc(var(--page-full-width-spacing) / 1);}
}
@media screen and (min-width: 768px) and (max-width: 1023px){
  .section.grid-banner-style4 .grid-banner-content .grid-banner-inners{max-width: 160px;}
}
@media screen and (max-width: 750px){
   .grid-banner.wdt-custom-about-section .grid-banner-section{display: grid; grid-template-columns: repeat(2,1fr);}
}
@media screen and (max-width: 480px){
  .section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .overlay .grid-banner-inners{margin: 30px; padding: 0;}
  .section.grid-banner-style4 .grid-banner.wdt-custom-grid-banner .overlay .grid-banner-inners:before{width: 250%;}
  .section.grid-banner-style4 .grid-banner.wdt-custom-about-section .grid-banner-section{grid-template-columns: repeat(1,1fr);
}
}