/** Shopify CDN: Minification failed

Line 444:0 Expected "}" to go with "{"

**/
.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: 990px) { 
.grid-banner .grid-banner-section.three-column{ display: grid;  grid-template-columns: repeat(2,1fr);}
}
 @media screen and (max-width: 750px) {
 .grid-banner .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(2,1fr);}

.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(2,1fr);}
.grid-banner .grid-banner-section.six-column{ display: grid; grid-template-columns: repeat(2,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: 600px) {
.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 .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.custom-image .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image {    object-fit: cover; }

.grid-banner-inner.banner--content-align-center {
    align-items: center !important;
    text-align: center;
}
.demo1-grid-banner .grid-banner-inner .description{ line-height:26px;}
.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));
  height: 100%;
}
.grid-banner-block-image {
    display: flex;
    width:100%;
}
.grid-banner-block-image img{width:100%;}
.grid-banner-inner h4.main-title{margin:0;}
.grid-banner-section .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);}
.grid-banner-section .grid-banner-wrapper .grid-banner-content  .grid-banner-inner {  padding: 20px;}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner > *:not(:last-child){margin-bottom:10px;}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner > *{margin-top:0;margin-bottom: 0;}

/*Overlay style*/
.grid-banner-section.overlay .grid-banner-wrapper{ height: 500px; position: relative; border-radius: 10px; }
.team-section-slider.overlay .swiper-slide{ position: relative;}
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-block-image, .team-section-slider.overlay .swiper-slide .grid-banner-block-image {width:100%; height:100%; }
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content, .team-section-slider.overlay .swiper-slide .grid-banner-content{    position: absolute; top: 0; bottom: 0; margin: auto; left: 0; right: 0; background: rgba(var(--color-background),0.4);}
.team-section-slider.overlay .swiper-slide .grid-banner-content .grid-banner-inner {    width: 100%;  height: 100%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; padding: 2rem;}
.grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner{ width: 100%;  height: 100%;  display: flex;  flex-direction: column;  align-items: center;  justify-content: space-between; padding: 3rem 1rem;}

/*List style*/
.team-section-slider.list .swiper-slide, .grid-banner-section.list .grid-banner-wrapper { display: flex; height: auto;justify-content:space-between;}
.team-section-slider.list .swiper-slide .grid-banner-block-image, .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image { width: 50%;}
.team-section-slider.list .swiper-slide .grid-banner-content, .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {  width: 50%;      display: flex; align-items: center; justify-content: center;}
/* .grid-banner-section .grid-banner-wrapper .sub-main-heading{position:absolute;z-index:1;} */
.grid-banner-section .grid-banner-wrapper{position:relative;overflow:hidden;}
/* custom css*/
.section.reveal .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner.banner--content-align-right { -webkit-animation: fadeInRight 1.5s ease both;
    animation: fadeInRight 1.5s ease both; }
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:calc(47% - var(--grid-desktop-vertical-spacing));z-index:1;}
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:calc(53% - var(--grid-desktop-vertical-spacing));z-index:1;}
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{font-size:60px;font-weight:600;margin-bottom: 40px}
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .description{margin-bottom:50px;}
.custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:0;}
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title{position: absolute;
    top: 100px;
    right: 0;
    writing-mode: vertical-lr;
    margin: 0;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);                                                                                             
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 2.6px;
        }
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{
  left:91%;
  bottom:0;
  width:100%;
  font-size:180px;
  font-weight:600;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  color:var(--gradient-base-background-2);
  margin:0;
  z-index:0;
}

/* pets-custom-grid-banner */

.grid-banner.pets-custom-grid-banner  {  background: #55CDEF;   }
.grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper { overflow: visible;     height: 400px; }
.grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image { height: 500px;
    width: 900px;
    object-fit: contain; transform: translateY(-30px); }
.grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title {     font-size: 4rem; }
.grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title { font-size: 3rem;    margin-bottom: 20px;  }

.grid-banner.custom-image .grid-banner-section .grid-banner-wrapper { border-radius: var(--buttons-radius); }

@media screen and (max-width:480px){
.grid-banner.custom-image .grid-banner-section .grid-banner-wrapper { border-radius: 10px; }
}
/* pets-custom-grid-banner */


@media screen and (max-width: 1540px) {
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title{top:0;}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{bottom:-45px;font-size: calc( 180px * 0.8);}
  
}
@media screen and (max-width: 1199px){
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{width:calc(47% - var(--grid-desktop-vertical-spacing)/2 );}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:calc(53% - var(--grid-desktop-vertical-spacing)/2);}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{bottom:-5px;font-size: calc( 180px * 0.6);}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{margin-bottom:20px;}
   .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper { height: 100%; }
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image { height: 100%;
    width: 100%;
    object-fit: contain;
    transform: translateY(-20px); }
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title { font-size: 3rem; }
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title { font-size: 2.2rem; }
  
}


@media screen and (max-width: 990px){
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper{flex-direction: column;}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image,
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{width:100%;}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{margin-top:50px;}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner .sub-title {top: 15px;right: 15px;}
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{font-size: calc( 180px * 0.7);left:50%;}
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image { transform: translateY(0px); }
}

@media screen and (max-width: 749px){
.grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper { display: flex; flex-direction: column; justify-content: center;
    align-items: center;     padding: 50px 0; }
.grid-banner.pets-custom-grid-banner .grid-banner-inner.banner--content-align-right {     text-align: center; }
.grid-banner.pets-custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {      width: 70%;   margin-top: 30px; }
  
}


@media screen and (max-width: 576px){
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-inner h4.main-title{font-size: calc(var(--font-heading-scale) * 3.6rem);}
.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{font-size: calc( 180px * 0.5);}
  .grid-banner.pets-custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {      width: 90%;   margin-top: 30px; }
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .main-title { font-size: 2.6rem; }
  .grid-banner.pets-custom-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title { font-size: 1.8rem; }
}
@media screen and (max-width: 450px){
  .custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading {font-size: calc( 180px * 0.3);bottom: 35px;}
   .grid-banner.pets-custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {      width: 100%;   margin-top: 15px; }
}

/*demo-3*/
.grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:140px;}
.grid-banner.demo3-grid .grid-banner-content { height: 750px; display: flex; justify-content: center; align-items: center;}
.demo3-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{width:517px;}
.demo3-grid .grid-banner-inner h4.main-title { font-weight: 600; margin-bottom: 20px; margin-top: 0;  line-height: 36px;}
.demo3-grid .grid-banner-inner p.description {  color: var(--gradient-base-accent-2);  line-height: 26px;  margin-bottom: 40px;  letter-spacing: 0;}
.demo3-grid .grid-banner-inner a.banner-button.button{    background: none; color: var(--color-icon); padding: 0;     display: inline}
.demo3-grid  .grid-banner_block-image{    display: flex; margin-bottom:30px;  }
.demo3-grid .grid-banner-inner a.banner-button.button:before{width: 0%; left: 0; bottom: 0px; transition: width ease 0.4s;}   
.demo3-grid .grid-banner-inner a.banner-button.button:after{   width: 100%; left: 0; bottom: 0px; transition: all ease 0.6s;}
.demo3-grid .grid-banner-inner a.banner-button.button:hover{ color:var(--gradient-base-accent-2);}
.demo3-grid .grid-banner-inner a.banner-button.button:hover:after { left: 100%; width: 0%; transition: all ease 0.2s; background-color: rgb(var(--color-base-accent-2));}
.demo3-grid .grid-banner-inner a.banner-button.button:hover:before {width: 100%;background-color: rgb(var(--color-base-accent-2));}
.demo3-grid .grid-banner-inner a.banner-button.button:before, .demo3-grid .grid-banner-inner a.banner-button.button:after { content: ''; position: absolute; background-color: currentcolor; height: 2px; top: unset; z-index: 1;}
.demo3-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{padding:5px;}
.demo3-grid .grid-banner-block-image{z-index:1;}

 @media screen and (max-width: 1540px) and (min-width:1200px) {.grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:100px;}}
 @media screen and (max-width: 1440px) and (min-width:991px) {.grid-banner.demo3-grid .grid-banner-content{ height: 600px;} }  
 @media screen and (max-width: 1199px)  and (min-width:991px) { 
   .grid-banner.demo3-grid .grid-banner-section.two-column{column-gap:70px;}
    .demo3-grid .grid-banner-section:before, .demo3-grid .grid-banner-section:before{display:none;}
    }
 @media screen and (max-width: 990px)  and (min-width:550px){
     .grid-banner.demo3-grid .grid-banner-section.two-column{ display: grid; grid-template-columns: repeat(1,1fr);  width: 75%; margin: 0 auto;}
 }
 @media screen and (max-width: 990px) {
   .grid-banner.demo3-grid .grid-banner-content{ height: 500px;} 
   .grid-banner.demo3-grid .grid-banner-section.grid .grid-banner-wrapper.reverse-columns{flex-direction: column;}
   .demo3-grid .grid-banner-section:before, .demo3-grid .grid-banner-section:before{display:none;}
   
 }


/*about-page*/

.grid-banner.about-page-grid { max-width: calc(1280px + 8rem); margin: auto;}
.grid-banner.about-page-grid .grid-banner-block-image {margin-bottom: 20px;}
.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title { font-size: 44px; font-weight: 600; line-height: 60px;  margin-bottom: 30px;}
.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{display: flex; flex-direction: column;}
.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content h5.sub-title{order: 4; margin: 0; font-size: 16px; letter-spacing: 3px; line-height: 22px;}
.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper .grid-banner-content p.description{margin:0;}
.grid-banner.about-page-grid .grid-banner-section .grid-banner-wrapper img.grid-banner_block-image{margin-top:60px; margin-bottom:40px;}

@media screen and (max-width: 990px) {
.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title{  font-size: 42px; line-height:normal;}
.grid-banner.about-page-grid .grid-banner-block-image{margin-bottom:60px;}  
}

@media screen and (max-width: 576px) {
.grid-banner.about-page-grid .grid-banner-content .grid-banner-inner h4.main-title{  font-size: 32px; line-height:normal;}
.grid-banner.about-page-grid .grid-banner-block-image{margin-bottom:30px;}  
}

/*demo-4-meha*/
.grid-banner.custom_demo5grid .grid-banner-section.two-column{gap:0;}
.grid-banner.custom_demo5grid .grid-banner-content  .grid-banner-banner-image{max-width:350px; height:350px;  margin-top: 3rem;}
.grid-banner.custom_demo5grid .grid-banner-content{padding:0 5px;}
.grid-banner.custom_demo5grid .grid-banner-inner h4.main-title { margin: 0; font-size: 22px; text-transform: uppercase;  color: var(--gradient-base-background-1); }
.grid-banner.custom_demo5grid .grid-banner-inner p.description{    margin-top: 3rem; font-family: var(--font-heading-family); max-width: 600px; line-height: 2.6rem;}
.grid-banner.custom_demo5grid .grid-banner-inner .sub-main-heading{margin-top: 1rem; font-size:2.2rem;}
.grid-banner.custom_demo5grid .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content{ background: linear-gradient(180deg,rgba(0,0,0,0.6) 0,rgba(0,0,0,0) 58.1%); }
.grid-banner.custom_demo5grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner svg{ display:none;}
.grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title { font-size: 2rem;  color: var(--gradient-base-background-1); font-family: var(--font-body-family); }
.custom_demo5grid .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner { max-width: 30rem;  }

.grid-banner.custom_demo5grid .page-width {  max-width: 80%; }


@media screen and (max-width: 1540px) {
.grid-banner.custom_demo5grid .page-width {  max-width: 90%; }
}

@media screen and (max-width: 1200px) {
  .grid-banner.custom_demo5grid .grid-banner-content{padding:10px;}

  .grid-banner.custom_demo5grid .page-width {  max-width: 100%; }
}
@media screen and (max-width: 990px) {
  .grid-banner.custom_demo5grid .grid-banner-section.two-column{    display: grid;  grid-template-columns: repeat(1,1fr);}
 
}
@media screen and (max-width: 575px) {

  .grid-banner.custom_demo5grid .grid-banner-content  .grid-banner-banner-image{max-width:200px; height:200px; }
  
}


@media screen and (min-width: 1200px) {
.grid-banner.custom_demo5grid .grid-banner-inner h4.main-title{ max-width:85rem;} }

@media screen and (min-width: 1024px) and (max-width:1439px) {

.custom-grid-banner .grid-banner-section.list .grid-banner-wrapper .sub-main-heading{ background: linear-gradient(120deg, #f8f8f8, #f8f8f8, #eaeaea);
   
    padding-right: 5px;
    background-size: 78%;
    animation: animate 20s linear infinite;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content .placeholder_svg{ display:none;}

.demo1-grid-banner .grid-banner-inner h4.main-title{    
    font-weight: 600;
  
    text-transform: uppercase;}
@media screen and (min-width: 768px)  {

.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{ width:46%;}
}
@media screen and (min-width: 1200px)  {
 /* .demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content {     justify-content: flex-start;} */
.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{ /* max-width:65rem; */    padding:30px 20px 40px 65px; } }
@media screen and (min-width:768px) and (max-width: 1199px)  {
.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{     padding: 20px; } }

@media screen and (min-width: 991px) and (max-width:1199px) {
.demo1-grid-banner .grid-banner-inner h4.main-title{  font-size: 3rem;  line-height: 40px; }
}
@media screen and (max-width:767px) {
  .demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner{     padding: 20px; } 
  
 .demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper{ flex-direction:column;}
 .demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{ width:100%;}
.demo1-grid-banner .grid-banner-content, .demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{ width:100%;} }
@media screen and (min-width:577px) and (max-width:990px) {
 
.demo1-grid-banner .grid-banner-inner h4.main-title{  font-size: 2.8rem;  line-height: 40px; }
}

@media screen and (max-width:576px) {
    .demo1-grid-banner .grid-banner-inner  .banner-button.button{ margin-top:1rem;}
.demo1-grid-banner .grid-banner-inner .description{ margin-top:1rem;}
.demo1-grid-banner .grid-banner-inner h4.main-title{  font-size: 2.2rem;  line-height: 30px; }
}
@media screen and (min-width: 1200px) {
  
.demo1-grid-banner .grid-banner-inner h4.main-title{  font-size: 4rem;   line-height: 50px; }
}
@media screen and (min-width:1024px){

  .demo1-grid-banner .grid-banner-inner .banner-button.button{ margin-top:4rem; padding:0 5rem;}
}
@media screen and (max-width:1023px){
.demo1-grid-banner .grid-banner-inner .banner-button.button{  margin-top:2rem; } }
@keyframes move{0%{left:100%;right:0;opacity:1;}100%{left:-100%;right:auto;opacity:1;}}

@keyframes move{0%{left:100%;right:0;opacity:0.3;}100%{left:-100%;right:auto;opacity:0;}}

.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{
  
    order:1; margin-bottoM:1rem;
    font-weight: 600;
}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child  .grid-banner-content .grid-banner-inner{ padding:5rem 0 5rem 5rem;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .banner-button.button{ order:4;  font-weight:400;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content img{ order:3; }
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .description{ order:2; max-width:29.6rem; line-height:26px;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .sub-title{ order:5;  font-size:1.2rem;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content, .demo7-custom-banner .team-section-slider.overlay .swiper-slide .grid-banner-content{ background:transparent;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .grid-banner-inner{     display: flex;
    margin-left: auto;
    width: fit-content;
    justify-content: space-between;     align-content: flex-end; }
 .demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content{ width:auto;
    height: 100%;
    margin-right: 6rem;
    margin-left: auto;
} 

.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner{ padding:5rem;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .banner-button.button{     padding: 0 5rem; }
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .banner-button.button{margin-top:9%; }
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .description{ margin-bottom:10%;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .sub-title{  margin-top:8%;} 
@media screen and (min-width:577px){
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{
    font-size: 3.4rem;    line-height: 55px;  } }
@media screen and (max-width:576px){
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .main-title{
    font-size: 3rem;     line-height: 45px; } }
@media screen and (min-width:1400px){
  .demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .description{margin-top:-5rem;}
}
@media screen and (max-width:1439px){
.demo7-custom-banner   .grid-banner-section:not(.background-none) .grid-banner-wrapper{ min-height:50rem; }
} 
  

  
.grid-banner.demo7-custom-banner .grid-banner-section .grid-banner-wrapper .grid-banner-block-image img.grid-banner-image{     transform-origin: right;
    transition: .6s ease-in-out;
    transform: scale(1.01); }

.grid-banner.demo7-custom-banner .grid-banner-section .grid-banner-wrapper:hover .grid-banner-block-image img.grid-banner-image{  transform-origin: left; }
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .banner-button.button{margin-top:7%; } 
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .description{ margin-bottom:10%;}
.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:last-child .grid-banner-content .sub-title{  margin-top:8%;} 

.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-block-image{ z-index:2;}
.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper{ 
    justify-content: space-evenly;}
.demo1-grid-banner .grid-banner-section.list .grid-banner-wrapper .grid-banner-content{ position:relative; z-index:1; }
.demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner img{ position:absolute; top:28%; z-index:-1; left:-6rem;}
 .shopify-section.reveal .demo1-grid-banner .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner :where(img){ -webkit-animation: opacity 4s linear alternate;
          animation: opacity 4s linear alternate; } 

.grid-banner.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-block-image:before{  content:''; background: var(--gradient-base-background-1);
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    content: "";
    opacity: 0;
    transition: all 0.3s linear; }

.grid-banner.demo7-custom-banner .grid-banner-section.overlay .grid-banner-wrapper:hover .grid-banner-block-image:before{ opacity:0.2; }





  @-webkit-keyframes opacity {
  0%  { opacity:0; transform:scale(1) }
  30% { opacity:0.4;  transform:scale(0.9) }
  50% { opacity:0.6;  transform:scale(0.95) }
   80% { opacity:0.8;  transform:scale(1) }
  100%{ opacity: 1; transform:scale(1)}
 }

.custom_demo5grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner img.grid-banner_block-image{     border-radius: var(--card-corner-radius); }
.custom_demo5grid .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner img.grid-banner_block-image{    max-width: 350px;
    height: 350px;
    margin-top: 3rem;}

.grid-banner.custom_demo5grid .grid-banner-inner .sub-main-heading a{ color:var(--gradient-base-accent-1);  transition:all 0.3s linear;}
.grid-banner.custom_demo5grid .grid-banner-inner .sub-main-heading a:hover{ color:var(--gradient-base-accent-2); }

@media screen and (max-width:480px){
  .grid-banner.custom_demo5grid .grid-banner-inner h4.main-title{font-size:16px;}
  .grid-banner-section .grid-banner-wrapper .grid-banner-content .grid-banner-inner .sub-title{ font-size:16px;}
  .grid-banner-section.overlay .grid-banner-wrapper .grid-banner-content .grid-banner-inner{justify-content:unset;}
}