/* CSS Template (do not edit below) */
  
  
  /* Section/Container Padding - Fluid Variants */
  .section-xxl {
    padding-top: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xl {
    padding-top: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
.section-l {
  padding-top: clamp(3.125rem, 1.9663rem + 3.3708vw, 5rem); /* 50px -> 80px*/
  padding-bottom: clamp(3.125rem, 1.9663rem + 3.3708vw, 5rem); /* 50px -> 80px*/
  padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); /* 20px -> 100px*/
  padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); /* 20px -> 100px*/
}
 .section-l-left {
     padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); /* 20px -> 100px*/
 }
 .section-l-bottom {
     padding-bottom: clamp(3.125rem, 1.9663rem + 3.3708vw, 5rem); /* 50px -> 80px*/
 }
 
 .section-l-left-right {
     padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); /* 20px -> 100px*/
     padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); /* 20px -> 100px*/
 }    
     .section-xxxl-left-right {
     padding-left: clamp(1.25rem, -7.6334rem + 25.8427vw, 15.625rem); /* 20px -> 250px*/
     padding-right: clamp(1.25rem, -7.6334rem + 25.8427vw, 15.625rem); /* 20px -> 250px*/
    
 }
 .section-l-mv {
     padding-left: clamp(1.25rem, 0.4775rem + 2.2472vw, 2.5rem);/* 20px -> 40px*/
     padding-right: clamp(1.25rem, 0.4775rem + 2.2472vw, 2.5rem);/* 20px -> 40px*/
     padding-top: clamp(1.25rem, 0.4775rem + 2.2472vw, 2.5rem); /* 20px -> 40px*/
     padding-bottom: clamp(1.25rem, 0.4775rem + 2.2472vw, 2.5rem); /* 20px -> 40px*/
 }
 
 .section-xl-mv {
     padding-top: clamp(5rem, 4.2275rem + 2.2472vw, 6.25rem); /* 80px -> 100px*/
     padding-bottom: clamp(5rem, 4.2275rem + 2.2472vw, 6.25rem); /* 80px -> 100px*/
     padding-left: clamp(5rem, 4.2275rem + 2.2472vw, 6.25rem);/* 80px -> 100px*/
     padding-right: clamp(5rem, 4.2275rem + 2.2472vw, 6.25rem);/* 80px -> 100px*/
 }
  .section-s-top-bottom {
     padding-top: clamp(0.9375rem, -0.0281rem + 2.809vw, 2.5rem); /* 15px -> 40px*/
     padding-bottom: clamp(0.9375rem, -0.0281rem + 2.809vw, 2.5rem); /* 15px -> 40px*/
  }    
     .section-xxs-top-bottom {
     padding-top: clamp(0.3125rem, -0.0737rem + 1.1236vw, 0.9375rem); /* 5px -> 15px*/
     padding-bottom: clamp(0.3125rem, -0.0737rem + 1.1236vw, 0.9375rem); /* 5px -> 15px*/
 }
 .section-l-top-bottom {
     padding-top: clamp(2.1875rem, 1.2219rem + 2.809vw, 3.75rem); /* 35px -> 60px*/
     padding-bottom: clamp(2.1875rem, 1.2219rem + 2.809vw, 3.75rem); /* 35px -> 60px*/
 }
 
  .section-xl-top-bottom {
     padding-top:  clamp(1.875rem, -0.0562rem + 5.618vw, 5rem); /* 30px -> 80px*/
     padding-bottom:  clamp(1.875rem, -0.0562rem + 5.618vw, 5rem); /* 30px -> 80px*/
 }
 .section-xxl-top-bottom {
     padding-top:    clamp(2.5rem, -1.3624rem + 11.236vw, 8.75rem); /* 40px -> 140px*/
     padding-bottom: clamp(2.5rem, -1.3624rem + 11.236vw, 8.75rem); /* 40px -> 140px*/
 }
 
 .section-xxxl-top-bottom {
     padding-top:   clamp(2.5rem, -2.1348rem + 13.4831vw, 10rem); /* 40px -> 160px*/
     padding-bottom: clamp(2.5rem, -2.1348rem + 13.4831vw, 10rem); /* 40px -> 160px*/
 }
 
 
 .section-hero-mv {
     padding-top: clamp(3.125rem, 0.6145rem + 7.3034vw, 7.1875rem); /* 50px -> 115px*/
     padding-bottom: clamp(3.125rem, 0.6145rem + 7.3034vw, 7.1875rem); /* 50px -> 115px*/
 }
 
  .section-m {
    padding-top: clamp(3.125rem, 2.7388rem + 1.1236vw, 3.75rem);
    padding-bottom: clamp(3.125rem, 2.7388rem + 1.1236vw, 3.75rem);
    padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); 
    padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); 
  }
  
  .section-s {
    padding-top: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xs {
    padding-top: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-xxs {
    padding-top: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  .section-header {
    padding-top: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-bottom: clamp(var(--section-header-padding-min), 0vw + 1.25rem, var(--section-header-padding-max));
    padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
    padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  }
  
  /* Hero Container/Sections Height */
  .section-hero {
    min-height: var(--section-hero-height)!important;
  }

  .section-hero .e-con-inner {
    justify-content: center!important;
}
  
  /* Full Width Sections - No Side Padding */

  .section-full div {
    max-width: 100%!important;
  }
  

  /* Narrow Sections */
  .section-narrow .e-con-inner {
    max-width: var(--section-narrow)!important;
  }

  .section-narrow-xs .e-con-inner {
    max-width: var(--section-narrow-xs)!important;
  }


  /* Offset Padding for Overlay Headers */
  .section-offset {
    padding-top: calc(var(--section-offset-header) + var(--section-xxl-padding-min));
  }


  /* Left and right padding and left,right bottom padding */
  
  /* Horizontal Only Padding - Left & Right */
.section-horizontal {
  padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem);
  padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem); 
}

/* Horizontal + Bottom Padding - Left, Right & Bottom */
.section-horizontal-bottom-xxl {
  padding-bottom: clamp(var(--section-xxl-padding-min), 1.087vw + 9.13rem, var(--section-xxl-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-horizontal-bottom-xl {
  padding-bottom: clamp(var(--section-xl-padding-min), 1.087vw + 6.63rem, var(--section-xl-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-horizontal-bottom-l {
  padding-bottom: clamp(3.125rem, 1.9663rem + 3.3708vw, 5rem);
  padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem) !important;
  padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem) !important;
}

.section-horizontal-bottom-m {
  padding-bottom: clamp(var(--section-m-padding-min), 0vw + 5rem, var(--section-m-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-horizontal-bottom-s {
  padding-bottom: clamp(var(--section-s-padding-min), 0vw + 3.75rem, var(--section-s-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-horizontal-bottom-xs {
  padding-bottom: clamp(var(--section-xs-padding-min), 0vw + 2.5rem, var(--section-xs-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}

.section-horizontal-bottom-xxs {
  padding-bottom: clamp(var(--section-xxs-padding-min), 0vw + 1.5rem, var(--section-xxs-padding-max));
  padding-left: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
  padding-right: clamp(var(--fluid-side-padding-min), 6.522vw + -0.217rem, var(--fluid-side-padding-max))!important;
}


.section-horizontal-top-m {
  padding-top: clamp(3.125rem, 2.7388rem + 1.1236vw, 3.75rem);
  padding-left: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem);
  padding-right: clamp(1.25rem, -1.8399rem + 8.9888vw, 6.25rem);
}


/*-------------------------------------*/

/* gap classes */
.gap-xxs {
    gap: var(--gap-xxs);
}

.gap-xxs .e-con-inner {
    gap: var(--gap-xxs);
}

.gap-xs {
    gap: var(--gap-xs);
}

.gap-xs .e-con-inner {
    gap: var(--gap-xs);
}

.gap-xs-mv {
    gap: clamp(0.625rem, 0.2388rem + 1.1236vw, 1.25rem); /*10px -> 20px */
}
.gap-s {
    gap: clamp(1.25rem, 1.0569rem + 0.5618vw, 1.5625rem); /*20px -> 25px */
}

.gap-s .e-con-inner {
    gap: clamp(1.25rem, 1.0569rem + 0.5618vw, 1.5625rem);/*20px -> 25px */
}

.gap-m {
    gap: clamp(0.9375rem, 0.5513rem + 1.1236vw, 1.5625rem); /* 15px -> 25px */
}

.gap-m .e-con-inner {
    gap: clamp(0.9375rem, 0.5513rem + 1.1236vw, 1.5625rem); /* 15px -> 25px */
}

.gap-l {
    gap: clamp(0.9375rem, 0.3581rem + 1.6854vw, 1.875rem); /* 15px -> 30px */
}

.gap-l .e-con-inner {
    gap: clamp(0.9375rem, 0.3581rem + 1.6854vw, 1.875rem); /* 15px -> 30px */
}
.row-gap-l {
    row-gap: clamp(0.9375rem, 0.3581rem + 1.6854vw, 1.875rem); /* 15px -> 30px */
}

.row-gap-l .e-con-inner {
    row-gap: clamp(0.9375rem, 0.3581rem + 1.6854vw, 1.875rem); /* 15px -> 30px */
}

.gap-xl {
    gap: clamp(0.9375rem, -0.0281rem + 2.809vw, 2.5rem); /* 15px -> 40px*/
}

.gap-xxl-mv {
    gap: clamp(1.875rem, 0.7163rem + 3.3708vw, 3.75rem); /* 30px -> 60px*/
}

.gap-xl .e-con-inner {
    gap: clamp(0.9375rem, -0.0281rem + 2.809vw, 2.5rem); /* 15px -> 40px*/
}


.gap-xxl {
    gap: var(--gap-xxl);
}

.gap-xxl .e-con-inner {
    gap: var(--gap-xxl);
}