.elementor-kit-6{--e-global-color-primary:#00041E;--e-global-color-secondary:#E5760F;--e-global-color-text:#000631;--e-global-color-accent:#FFFFFF;--e-global-color-3f244ae:#000631;--e-global-color-f5d40e8:#939597;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:32px;--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:24px;--e-global-typography-secondary-font-weight:800;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:17px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:17px;--e-global-typography-accent-font-weight:400;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{background-color:#38251ACF;--lightbox-ui-color:#FFFFFF;--lightbox-text-color:#FF0000;--lightbox-header-icons-size:0px;--lightbox-navigation-icons-size:0px;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* The vertical reveal effect  */

.revealvertical {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical {
    max-height: 80px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical {
     max-height: 330px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #ffffff00;
  }
  .container:hover .revealvertical {
     max-height: 300 !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #ffffff00;
  }
  .revealvertical {
     max-height: 300px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #ffffff00;
  }
  .container:hover .revealvertical {
    max-height: 300px !important;
  }
}






/* The vertical reveal effect  */

.revealvertical2 {
    transition: all 0.4s ease-in-out;
    max-height: 0 !important;
}

.container:hover .revealvertical2 {
    max-height: 500px !important;
}

@media only screen and (max-width: 767px) {
  .container:hover {
  transition: none !important;
  }
}

/* Adjust the vertical reveal effect on mobile */
@media only screen and (max-width: 767px) {
  .container:hover .revealvertical2 {
     max-height: 1000px !important;
  }
}

/* Disable the vertical reveal effect on mobile by hiding the class getting revealed */
@media only screen and (max-width: 767px) {
  .container {
  background-color: #FFFFFf00;
  }
  .container:hover .revealvertical2 {
     max-height: 1200px !important;
  }
}

/* Disable the vertical reveal effect on mobile by making it always revealed */
@media only screen and (max-width: 767px) {
  .container:hover {
  background-color: #FFFFFF00;
  }
  .revealvertical2 {
     max-height: 1000px !important;
  }
}

/* Adjust the vertical reveal effect for tablets */
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .container:hover {
  background-color: #FFFFFF00;
  }
  .container:hover .revealvertical2 {
    max-height: 500px !important;
  }
}/* End custom CSS */