.elementor-51799 .elementor-element.elementor-element-95a5985:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-51799 .elementor-element.elementor-element-95a5985 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afdf2e3 );}.elementor-51799 .elementor-element.elementor-element-95a5985 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-51799 .elementor-element.elementor-element-95a5985 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-51799 .elementor-element.elementor-element-71dd512b{width:initial;max-width:initial;top:24px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-71dd512b{left:20px;}body.rtl .elementor-51799 .elementor-element.elementor-element-71dd512b{right:20px;}.ee-tooltip.ee-tooltip-71dd512b.to--top,
							 .ee-tooltip.ee-tooltip-71dd512b.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-71dd512b.to--left,
							 .ee-tooltip.ee-tooltip-71dd512b.to--right{margin-top:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-51799 .elementor-element.elementor-element-be162cd{width:initial;max-width:initial;top:0px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-be162cd{right:60px;}body.rtl .elementor-51799 .elementor-element.elementor-element-be162cd{left:60px;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-weight:600;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-51799 .elementor-element.elementor-element-be162cd .e--pointer-framed .elementor-item:before,
					.elementor-51799 .elementor-element.elementor-element-be162cd .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d > .elementor-widget-container{margin:0px 0px -40px 0px;}.ee-tooltip.ee-tooltip-1f5c1d2d.to--top,
							 .ee-tooltip.ee-tooltip-1f5c1d2d.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-1f5c1d2d.to--left,
							 .ee-tooltip.ee-tooltip-1f5c1d2d.to--right{margin-top:0px;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d img{width:100%;height:200px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-51799 .elementor-element.elementor-element-2f315c66{width:initial;max-width:initial;top:70px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-2f315c66{left:183px;}body.rtl .elementor-51799 .elementor-element.elementor-element-2f315c66{right:183px;}.elementor-51799 .elementor-element.elementor-element-2f315c66 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-51799 .elementor-element.elementor-element-70d1c821 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-menu-toggle{margin-left:auto;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-size:19px;font-weight:400;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-43825424 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-15f04079 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .e--pointer-framed .elementor-item:before,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-15f04079 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-43825424 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-15f04079 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-15f04079 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown{background-color:#EFF2F4;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a:hover,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a:focus,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-menu-toggle:hover,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-menu-toggle:focus{color:var( --e-global-color-a19d114 );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a:hover,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a:focus,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-949b50d );}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown .elementor-item, .elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown a{padding-left:100px;padding-right:100px;padding-top:13px;padding-bottom:13px;}.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#ADADAD;border-bottom-width:1px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-51799 .elementor-element.elementor-element-7ceab62{text-align:center;font-family:"proxima-nova", Sans-serif;font-weight:400;line-height:1.5em;color:#000000;}.elementor-51799 .elementor-element.elementor-element-387bd92 > .elementor-widget-container{margin:-10px 0px -10px 0px;padding:0px 0px 0px 0px;}.elementor-51799 .elementor-element.elementor-element-1b053cc > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-51799 .elementor-element.elementor-element-1b053cc .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-51799 .elementor-element.elementor-element-53a008a{font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#000000;}.elementor-51799 .elementor-element.elementor-element-0697e3a > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-51799 .elementor-element.elementor-element-914ec27{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;color:#000000;}.elementor-51799 .elementor-element.elementor-element-914ec27.elementor-element{--align-self:center;}:root{--page-title-display:none;}@media(max-width:1366px){body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-2f315c66{left:190px;}body.rtl .elementor-51799 .elementor-element.elementor-element-2f315c66{right:190px;}.elementor-51799 .elementor-element.elementor-element-2f315c66{top:70px;}.elementor-51799 .elementor-element.elementor-element-387bd92 > .elementor-widget-container{margin:0px 0px -10px 0px;}}@media(max-width:1200px){body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-2f315c66{left:189px;}body.rtl .elementor-51799 .elementor-element.elementor-element-2f315c66{right:189px;}.elementor-51799 .elementor-element.elementor-element-2f315c66{top:64px;}}@media(max-width:993px){body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-71dd512b{left:12px;}body.rtl .elementor-51799 .elementor-element.elementor-element-71dd512b{right:12px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-be162cd{right:0px;}body.rtl .elementor-51799 .elementor-element.elementor-element-be162cd{left:0px;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d > .elementor-widget-container{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d img{max-width:100%;height:200px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-2f315c66{left:174px;}body.rtl .elementor-51799 .elementor-element.elementor-element-2f315c66{right:174px;}.elementor-51799 .elementor-element.elementor-element-2f315c66{top:73px;text-align:left;}}@media(max-width:767px){.elementor-51799 .elementor-element.elementor-element-71dd512b{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;top:20px;}.elementor-51799 .elementor-element.elementor-element-be162cd > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-be162cd{right:0px;}body.rtl .elementor-51799 .elementor-element.elementor-element-be162cd{left:0px;}.elementor-51799 .elementor-element.elementor-element-be162cd{top:0px;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-51799 .elementor-element.elementor-element-be162cd .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-51799 .elementor-element.elementor-element-1f5c1d2d img{height:120px;}body:not(.rtl) .elementor-51799 .elementor-element.elementor-element-2f315c66{left:103px;}body.rtl .elementor-51799 .elementor-element.elementor-element-2f315c66{right:103px;}.elementor-51799 .elementor-element.elementor-element-2f315c66{top:41px;}.elementor-51799 .elementor-element.elementor-element-2f315c66 .elementor-heading-title{font-size:20px;}.elementor-51799 .elementor-element.elementor-element-7f506b0 > .elementor-widget-container{margin:-50px -10px 0px -10px;}}/* Start custom CSS for nav-menu, class: .elementor-element-70d1c821 */.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-menu-toggle {
        margin-left: auto;
    background-color: #f0f2f4 !important;
    position: relative !important;
    top: 5px !important;
}

.elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown .elementor-item, .elementor-51799 .elementor-element.elementor-element-70d1c821 .elementor-nav-menu--dropdown .elementor-sub-item{
    color:black !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-7ceab62 */#overviewEhdi {
        font-size: 36px !important;
        font-weight: 600 !important;
  }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-1b053cc */#ehdiOverviewVideo{
         max-width: 960px;
         margin:auto;
              transition: max-height 0.4s ease-in, opacity 0.4s ease-in;
 }/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-53a008a */#overviewWidget{

    max-width: 960px;
    margin: auto;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0697e3a *//* CSS for the button */
.download-button {
    padding: 10px 20px;
    background-color: #007BFF !important;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
}

/* Center the button */
.centered-button-container {
    text-align: center;
}

.download-button:hover {
    background-color: #4CA2FF !important;
    scale:1.05;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-914ec27 */#clickBelow{
    margin-right:auto;
    margin-left:auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7f506b0 */html, body{
  width: 100%;
  margin: auto;
  scroll-behavior: smooth;
    max-width: 100%;
    overflow-x: hidden;
}

.grid {
  display: grid; 
  grid-template-columns: 800px auto; 
  grid-template-rows: 600px; 
  gap: 0px 10px; 
  grid-template-areas: 
    "EHDI contents"; 
}

.EHDI { grid-area: EHDI; position: absolute; position: relative; justify-self: center; }
.contents { grid-area: contents; }

/* Responsive Design */
@media only screen and (max-width: 10000px) {
    .grid {
      margin-top: 50px;
      display: grid; 
      grid-template-columns: auto; 
      grid-template-rows: 600px auto; 
      gap: 10px 10px; 
      grid-template-areas: 
        "EHDI"
        "contents"; 
    }
    .EHDI{
      position: absolute;
    }
    .pWrapper {
      padding-left:20px !important;
      padding-right:20px !important;
    }
  }

@media only screen and (max-width: 800px) {
  .mainWrapper{
    scale:0.9;
  }
  .pWrapper{
    padding-left:5px;
    padding-right:5px;
  }
  .grid {
    grid-template-rows: 550px auto; 
  }
  .page{
    padding: 0px !important;
    max-width: 850px;
  }
  
}
@media only screen and (max-width: 710px) {
  .mainWrapper{
    scale:0.8;
  }
  .grid {
    grid-template-rows: 475px auto; 
  }
}

@media only screen and (max-width: 650px) {
  .grid {
    grid-template-rows: 550px auto; 
  }
  .mainWrapper{
    scale:0.8;
  }
  
  .button1 {
    left: 116px;
    top: -11px !important;
    padding-right: 558px !important;
    padding-bottom: 651px !important;
  }

  .button1 p {
    left: 101px !important;
    font-size: 24px !important;
  }

  .button2 {
    left: 0px !important;
    top: 56px !important;
    padding-right: 535px !important;
    padding-bottom: 600px !important;
  }
  .button2 p {
left: 18px !important;
    font-size: 24px !important;
  }

  .button3 {
    left: 10px !important;
    top: 111px !important;
    padding-right: 514px !important;
    padding-bottom: 534px !important;
  }
  .button3 p {
    left: 66px !important;
    font-size: 24px !important;
  }

  .button4 {
    left: 20px !important;
    top: 168px !important;
    padding-right: 492px !important;
    padding-bottom: 467px !important;
  }
  .button4 p {
    left: 108px !important;
    font-size: 24px !important;
  }

  .button5 {
    left: 30px !important;
    top: 224px !important;
    padding-right: 470px !important;
    padding-bottom: 400px !important;
  }
  .button5 p {
    left: 167px !important;
    font-size: 24px !important;
  }
  .button5 img {
    left: 10px !important;
    top: 40px !important;
    max-width: 450px !important;
  }
  .button6 {
    left: 40px !important;
    top: 534px !important;
    border-radius: 4px !important;
    padding-right: 451px !important;
    padding-bottom: 79px !important;
  }
  
   .button6 p {
      position: absolute;
      left: 20px !important;
      top: 10px !important;
      line-height:1.2 !important;
      text-align:center !important;
          font-size: 22px !important;
    }

  .button7 {
    left: 293px !important;
    top: 264px !important;
    padding-right: 197px !important;
    padding-bottom: 53px !important;
  }

  .button8 {
    left: 293px !important;
    top: 348px !important;
    padding-right: 197px !important;
    padding-bottom: 54px !important;
  }

  .button9 {
    left: 293px !important;
    top: 432px !important;
    padding-right: 197px !important;
    padding-bottom: 54px !important;
  }
  .button10 {
    left: 39px !important;
    top: 330px !important;
    padding-right: 198px !important;
    padding-bottom: 88px !important;
  }
}

@media only screen and (max-width: 450px) {
  .grid {
    grid-template-rows: 480px auto; 
  }
  .mainWrapper{
    scale:0.7;
  }
}
@media only screen and (max-width: 390px) {
  .grid {
    grid-template-rows: 450px auto; 
  }
  .mainWrapper{
    scale:0.65;
  }
}
/* flowcharts */
.main_div{
  text-align:center;
  background: #00C492;
  padding:20px; width: 400px;
}
.inner_div{
  background: #fff;
  margin-top:20px;
  height: 100px;
}
.mainWrapper{
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-top: 25px;
}

.mainWrapper a:hover{
  cursor:pointer;
}

@media only screen and (max-device-width : 1024px) {
    .mainWrapper{
      margin-left: auto !important;
      margin-right: auto !important;
    }
     @media screen and (orientation:landscape) { 
        .mainWrapper{
            margin-left: 100px !important;
        }
     }
}


@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
  
    @media only screen and (max-device-width : 480px) {
            .mainWrapper{
    margin-left: 15px !important;
            }
            .button6 p {
              position: absolute;
              left: 40px;
              top: 30px;
              line-height:1.2;
              text-align:center;
            }
            @media screen and (orientation:landscape) { 
                .mainWrapper{
                    margin-left: -20px !important;
                }
             }
    }
    
    @media only screen and (max-width: 770px) {
      .grid {
        grid-template-rows: 500px auto;
      }
      .mainWrapper{
            margin-left: -20px !important;
      }
    }

    @media only screen and (max-width: 430px) {
      .grid {
        grid-template-rows: 450px auto;
      }
      .mainWrapper{
        scale:0.63;
        margin-left: -65px !important;
      }
    }
    
    @media only screen and (max-width: 420px) {
      .mainWrapper{
        scale:0.63;
        margin-left: -80px !important;
      }
    }
    
    @media only screen and (max-width: 380px) {
      .mainWrapper{
        scale:0.63;
        margin-left: -95px !important;
      }
    }
}

@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
  @media only screen and (max-device-width : 480px) {
        .mainWrapper{
margin-left: 15px !important;
        }
        .button6 p {
          position: absolute;
          left: 40px;
          top: 30px;
          line-height:1.2;
          text-align:center;
        }
        @media screen and (orientation:landscape) { 
            .mainWrapper{
                margin-left: -20px !important;
            }
         }
}

@media only screen and (max-width: 770px) {
  .grid {
    grid-template-rows: 450px auto;
  }
  .mainWrapper{
        margin-left: 0px !important;
  }
}

@media only screen and (max-width: 430px) {
  .grid {
    grid-template-rows: 450px auto;
  }
  .mainWrapper{
    scale:0.63;
        margin-left: 0px !important;
  }
}

@media only screen and (max-width: 420px) {
  .mainWrapper{
    scale:0.63;
    margin-left: 0px !important;
  }
}

@media only screen and (max-width: 380px) {
  .mainWrapper{
    scale:0.63;
    margin-left: 0px !important;
  }
}
}




.button1 {
    background-color: #648FFF;
    position: relative;
    left: -10px;
    top: -68px;
    z-index: 1;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 790px;
    padding-bottom: 600px;
    transition: all .2s ease-in-out;
}

.button1 p{
  position: absolute;
  left: 262px;
  top: -7px;
  z-index: 0;
  text-decoration: none;
  color: white;
  transition: all .2s ease-in-out;
  top: -11px;
}

.button1:hover {
  filter: brightness(85%);
}

/* .button1:hover p {
  font-size:24px;
  left: 200px;
}  */

.button2 {
    background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #785EF0 10px, #785EF0 20px ), linear-gradient( to bottom, #5943bb, #5943bb );
    position: absolute;
    left: 10px;
    top: -15px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 750px;
    padding-bottom: 563px;
    transition: all .2s ease-in-out;
}

.button2 p{
  position: absolute;
  left: 195px;
  top: -8px;
  z-index: 0;
  text-decoration: none;
  color: white;
  transition: all .2s ease-in-out;
  top: -11px;
}

.button2:hover {
  filter: brightness(85%);
}

/* .button2:hover p {
  font-size:24px;
  left: 120px;
  top: -12px;
} */

.button3 {
    background-color: #DC267F;
    position: absolute;
    left: 30px;
    top: 30px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 710px;
    padding-bottom: 508px;
    transition: all .2s ease-in-out;
}

.button3 p{
  position: absolute;
  left: 215px;
  top: -7px;
  z-index: 0;
  text-decoration: none;
  color: white;
  transition: all .2s ease-in-out;
  top: -11px;
}

.button3:hover {
  filter: brightness(85%);
}

/* .button3:hover p {
  font-size:24px;
  left: 145px;
  top: -12px;
} */

.button4 {
      background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #FE6100 10px, #FE6100 20px ), linear-gradient( to bottom, #d35507, #d35507 );
    position: absolute;
    left: 50px;
    top: 75px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 670px;
    padding-bottom: 453px;
    transition: all .2s ease-in-out;
}

.button4 p{
  position: absolute;
  left: 219px;
  top: -8px;
  z-index: 0;
  text-decoration: none;
  color: white;
  transition: all .2s ease-in-out;
  top: -11px;
}

.button4:hover {
  filter: brightness(85%);
}

/* .button4:hover p {
  font-size:24px;
  left: 190px;
  top: -12px;
} */

.button5 {
    background-color: #FFB000;
    position: absolute;
    left: 70px;
    top: 120px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 630px;
    padding-bottom: 398px;
    transition: all .2s ease-in-out;
}

.button5 p{
  position: absolute;
  left: 263px;
  top: -12px;
  z-index: 0;
  text-decoration: none;
  transition: all .2s ease-in-out;
  color:black;
}

.button5:hover {
  filter: brightness(85%);
}

/* .button5:hover p {
  font-size:24px;
  left: 235px;
  top: -12px;
} */

/* .button5:hover img{
  top:60px;
} */

.button5 img{
  position: absolute;
  left: 89px;
  top: 30px;
  max-width: 450px;
  transition: all .2s ease-in-out;
}

.button6 {
  background-color: #e8d8b4;
  position: absolute;
  left: 90px;
  top: 420px;
  z-index: 2;
  font-size: 18px;
  border-radius: 4px;
  padding-right: 590px;
  padding-bottom: 85px;
  transition: all .2s ease-in-out;
}

.button6 p{
  position: absolute;
  left: 120px;
  top: 26px;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
}

.button6:hover {
  filter: brightness(85%);
}

.button7 {
  background-color: #e8d8b4;
  position: absolute;
  left: 412px;
  top: 150px;
  z-index: 2;
  font-size: 18px;
  border-radius: 4px;
  padding-right: 197px;
  padding-bottom: 53px;
  transition: all .2s ease-in-out;
}

.button7 p{
  position: absolute;
  left: 2px;
  top: 6px;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 18px;
  text-align: center;
  line-height: 1.2;
}

.button7:hover {
  filter: brightness(85%);
}

.button8 {
  background-color: #e8d8b4;
  position: absolute;
  left: 412px;
  top: 234px;
  z-index: 2;
  font-size: 18px;
  border-radius: 4px;
  padding-right: 197px;
  padding-bottom: 54px;
  transition: all .2s ease-in-out;
}

.button8 p{
  position: absolute;
  left: 24px;
  top: 12px;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 18px;
}

.button8:hover {
  filter: brightness(85%);
}

.button9 {
  background-color: #e8d8b4;
  position: absolute;
  left: 412px;
  top: 318px;
  z-index: 2;
  font-size: 18px;
  border-radius: 4px;
  padding-right: 197px;
  padding-bottom: 54px;
  transition: all .2s ease-in-out;
}

.button9 p{
  position: absolute;
  left: 31px;
  top: 12px;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 18px;
}

.button9:hover {
  filter: brightness(85%);
}

.button10 {
  background-color: #e8d8b4;
  position: absolute;
  left: 159px;
  top: 217px;
  z-index: 2;
  font-size: 18px;
  border-radius: 4px;
  padding-right: 197px;
  padding-bottom: 88px;
  transition: all .2s ease-in-out;
}

.button10 p{
  position: absolute;
  top: 24px;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 17px;
  text-align: center;
  line-height: 1.2;
}

.button10:hover {
  filter: brightness(85%);
}

#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8, #Menu9, #Menu10{
  padding:10px;
  max-width: 960px;
  margin: auto;
} 

.contents h2 {
  text-align: center;
  margin-top: 5px;
  font-size:1.2em;
}

.pWrapper {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  padding-left:0px;
  padding-right:0px;
  font-size: 18px;
}

ul {
  font-size: 18px;
}

/*Tabs*/
.page {
	position: relative;
	margin: 0 auto;
	padding: 0 00px 40px;
	font-size: 18px !important;
}


.accordion {
  background-color: #eee;
  color: #333;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1em;
  transition: 0.4s;
  font-weight: 600;
}


.active, .accordion:hover {
  background-color: #ccc;
}

.accordion:after {
  content: '\002B';
  color: #fff;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.panel {
  padding: 0px 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  max-width: 980px;
  margin-right: auto;
  margin-left: auto;
}

#plfVideo, #lberVideo, #lbVideo, #olbeVideo, #erVideo, #apsVideo, #fpVideo, #fVideo, #ofpVideo, #pVideo, #esVideo, #hliVideo, #furVideo, #eiVideo, #elaleVideo, #dhhcdVideo {
    display:none;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio */
    margin-top: 20px;
    margin-bottom: 20px;
}

.toggleVideo {
    display:block !important;
}

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

.togglePanel {
    /*max-height:1000px !important;*/
    
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}

.aslButton {
    background-color: #ACB9C3 !important;
    border: none;
    color: black;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 8px;
    transition-duration: 0.4s;
    font-style: italic;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
    margin-bottom:20px;
}

.aslButton:hover, .aslButton:active {
  background-color: #808a91 !important;
  color: black !important;
}


@supports not (-webkit-touch-callout: none) {
  @media only screen and (max-width: 770px) {
    .grid {
      grid-template-rows: 600px auto;
    }
  }
}

@supports not (-webkit-touch-callout: none) {
  @media only screen and (max-width: 450px) {
    .grid {
      grid-template-rows: 500px auto;
    }
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55eb9f4 *//* Style for the container holding the buttons */
.button-container {
    text-align: center;
    margin-top: 20px;
}

/* Style for all buttons */
.button {
    background-color: white !important;
    color: black; 
    padding: 10px 20px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: transform 0.2s;
}

/* Style for the "Previous" arrow button */
.prev-button {
    transition: transform 0.2s;
    background-color: white !important;
    color: black !important; 
    font-size: 20px;
    font-weight: 600;
    border: none;
    position: absolute;
    left: 20px; /* Position at the left edge */
        visibility: hidden;
}

/* Style for the "Next" arrow button */
.next-button {
    transition: transform 0.2s;
    color: black !important; 
    background-color: white !important;
    font-size: 20px;
    font-weight: 600;
    border: none;
    position: absolute;
    right: 20px; /* Position at the right edge */

}

/* Style for the center button */
.menu-button {
    color: black !important; 
    background-color: white !important;
    border: none;
    font-size: 20px;
    font-weight: 600;
    transition: transform 0.2s;
      position: relative;
  top: 0;
}

/* Hover effect for the arrow buttons */
.prev-button:hover {
    transform: translateX(-10px); 
}

.next-button:hover {
    transform: translateX(10px); 
}

.menu-button:hover {
  top: -5px;
}


@media only screen and (max-width: 500px) {
    .prev-button {
        font-size:15px !important;
        left:5px;
        bottom:0px !important;
    }
    .next-button {
        font-size:15px !important;
        right:5px;
        bottom:0px !important;
    }
    .menu-button{
        font-size:15px !important;
    }
}/* End custom CSS */