.elementor-53402 .elementor-element.elementor-element-6e6bf55:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-53402 .elementor-element.elementor-element-6e6bf55 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-6e6bf55 > .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-53402 .elementor-element.elementor-element-6e6bf55 > .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-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-53402 .elementor-element.elementor-element-4310cca0{width:initial;max-width:initial;top:0px;}.elementor-53402 .elementor-element.elementor-element-4310cca0 > .elementor-widget-container{padding:10px 0px 0px 0px;}body:not(.rtl) .elementor-53402 .elementor-element.elementor-element-4310cca0{right:60px;}body.rtl .elementor-53402 .elementor-element.elementor-element-4310cca0{left:60px;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-weight:600;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item:focus{color:#1167B1;fill:#1167B1;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#1167B1;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .e--pointer-framed .elementor-item:before,
					.elementor-53402 .elementor-element.elementor-element-4310cca0 .e--pointer-framed .elementor-item:after{border-color:#1167B1;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#1167B1;}.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-53402 .elementor-element.elementor-element-3df4ba27 > .elementor-widget-container{margin:0px 0px -40px 0px;}.ee-tooltip.ee-tooltip-3df4ba27.to--top,
							 .ee-tooltip.ee-tooltip-3df4ba27.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-3df4ba27.to--left,
							 .ee-tooltip.ee-tooltip-3df4ba27.to--right{margin-top:0px;}.elementor-53402 .elementor-element.elementor-element-3df4ba27 img{width:100%;height:1px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-53402 .elementor-element.elementor-element-5d15f0c5 > .elementor-widget-container{margin:0px 0px -33px 0px;padding:10px 0px 0px 0px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 .elementor-icon-box-wrapper{align-items:start;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5{--icon-box-icon-margin:15px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 .elementor-icon-box-title{margin-block-end:0px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-stacked .elementor-icon{background-color:#1167B1;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-framed .elementor-icon, .elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-default .elementor-icon{fill:#1167B1;color:#1167B1;border-color:#1167B1;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#002A47;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-53402 .elementor-element.elementor-element-5d15f0c5.elementor-view-default:has(:focus) .elementor-icon{fill:#002A47;color:#002A47;border-color:#002A47;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 .elementor-icon{font-size:35px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle{margin-left:auto;background-color:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:19px;font-weight:400;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-43825424 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-15f04079 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--pointer-framed .elementor-item:before,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-15f04079 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-43825424 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-15f04079 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-15f04079 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7{--e-nav-menu-horizontal-menu-item-margin:calc( 5px / 2 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:5px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-item:before{border-radius:8px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--animation-shutter-in-horizontal .elementor-item:before{border-radius:8px 8px 0 0;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--animation-shutter-in-horizontal .elementor-item:after{border-radius:0 0 8px 8px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--animation-shutter-in-vertical .elementor-item:before{border-radius:0 8px 8px 0;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .e--animation-shutter-in-vertical .elementor-item:after{border-radius:8px 0 0 8px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a, .elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown{background-color:#EFF2F4;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a:hover,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a:focus,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle:hover,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle:focus{color:var( --e-global-color-a19d114 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a:hover,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a:focus,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-949b50d );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown .elementor-item, .elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a{padding-left:100px;padding-right:100px;padding-top:13px;padding-bottom:13px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#ADADAD;border-bottom-width:1px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle{color:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle svg{fill:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle:hover, .elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle:focus{color:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle:hover svg, .elementor-53402 .elementor-element.elementor-element-7913a4e7 div.elementor-menu-toggle:focus svg{fill:var( --e-global-color-afdf2e3 );}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle:hover, .elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-menu-toggle:focus{background-color:var( --e-global-color-afdf2e3 );}.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-53402 .elementor-element.elementor-element-107a2f0d{text-align:center;font-family:"proxima-nova", Sans-serif;font-weight:400;line-height:1.5em;color:#000000;}.elementor-53402 .elementor-element.elementor-element-741151d7 > .elementor-widget-container{padding:20px 0px 20px 0px;}.elementor-53402 .elementor-element.elementor-element-741151d7 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-53402 .elementor-element.elementor-element-3b706d96{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;line-height:1.5em;color:#000000;}.elementor-53402 .elementor-element.elementor-element-1af33ebe{width:initial;max-width:initial;text-align:center;color:#000000;}.elementor-53402 .elementor-element.elementor-element-1af33ebe.elementor-element{--align-self:center;}.elementor-53402 .elementor-element.elementor-element-1f40030b{--spacer-size:0px;}.elementor-53402 .elementor-element.elementor-element-46a27855{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-53402 .elementor-element.elementor-element-50c6846{--spacer-size:100px;}body.elementor-page-53402:not(.elementor-motion-effects-element-type-background), body.elementor-page-53402 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afdf2e3 );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-53402 .elementor-element.elementor-element-4310cca0 > .elementor-widget-container{padding:-9px 0px 0px 0px;}body:not(.rtl) .elementor-53402 .elementor-element.elementor-element-4310cca0{right:60px;}body.rtl .elementor-53402 .elementor-element.elementor-element-4310cca0{left:60px;}.elementor-53402 .elementor-element.elementor-element-4310cca0{top:6px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 > .elementor-widget-container{margin:9px 0px -33px 0px;padding:-10px 0px 0px 0px;}}@media(max-width:1200px){body:not(.rtl) .elementor-53402 .elementor-element.elementor-element-4310cca0{right:60px;}body.rtl .elementor-53402 .elementor-element.elementor-element-4310cca0{left:60px;}.elementor-53402 .elementor-element.elementor-element-4310cca0{top:6px;}}@media(max-width:993px){body:not(.rtl) .elementor-53402 .elementor-element.elementor-element-4310cca0{right:0px;}body.rtl .elementor-53402 .elementor-element.elementor-element-4310cca0{left:0px;}.elementor-53402 .elementor-element.elementor-element-4310cca0{top:2px;}.elementor-53402 .elementor-element.elementor-element-3df4ba27 > .elementor-widget-container{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-53402 .elementor-element.elementor-element-3df4ba27 img{max-width:100%;height:1px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 > .elementor-widget-container{margin:4px 0px -33px 0px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a{padding-left:20px;padding-right:20px;padding-top:13px;padding-bottom:13px;}}@media(max-width:767px){.elementor-53402 .elementor-element.elementor-element-4310cca0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-53402 .elementor-element.elementor-element-4310cca0{right:0px;}body.rtl .elementor-53402 .elementor-element.elementor-element-4310cca0{left:0px;}.elementor-53402 .elementor-element.elementor-element-4310cca0{top:20px;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-53402 .elementor-element.elementor-element-4310cca0 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-53402 .elementor-element.elementor-element-3df4ba27 > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-53402 .elementor-element.elementor-element-3df4ba27 img{height:1px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5{--icon-box-icon-margin:0px;}.elementor-53402 .elementor-element.elementor-element-5d15f0c5 .elementor-icon{font-size:30px;}.elementor-53402 .elementor-element.elementor-element-7913a4e7 .elementor-nav-menu--dropdown a{padding-left:15px;padding-right:15px;}.elementor-53402 .elementor-element.elementor-element-1b85030e > .elementor-widget-container{margin:-50px -10px 0px -10px;}}/* Start custom CSS for image, class: .elementor-element-3df4ba27 */a:focus, a:hover {
  color: black !important;
  text-decoration: none  !important;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5d15f0c5 */#homeicon{
    margin-left:15px;
    margin-top:-33px;
    scale:0.8;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-7913a4e7 */.elementor-menu-toggle {
  align-items: center;
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 solid;
  border-radius: 3px;
  color: #33373d;
  cursor: pointer;
  display: flex;
  font-size: var(--nav-menu-icon-size,22px);
  justify-content: center;
  padding: .25em;
    position: relative !important;
    top: 5px !important;
}

.elementor-45186 .elementor-element.elementor-element-7cd80dcb .elementor-nav-menu--main .elementor-item:hover{
    font-weight: 500;
}


#pinavmenu{
    background-color: #1167B1 !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-107a2f0d */#overviewEhdi {
        font-size: 36px !important;
        font-weight: 600 !important;
  }/* End custom CSS */
/* Start custom CSS for video, class: .elementor-element-741151d7 */#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-3b706d96 */#overviewWidget{

    max-width: 960px;
    margin: auto;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c276243 *//* CSS for the button */
.download-button {
    padding: 10px 20px;
    background-color: #FF5501 !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: #FF5501 !important;
    scale:1.05;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1af33ebe */#clickOn{
    margin-left:auto;
    margin-right:auto;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1b85030e */html, body {
  width: 100%;
  margin: auto;
  scroll-behavior: smooth;
  max-width: 100%;
  overflow-x: hidden;
  height: 100vh; /* Ensures full height for scrolling */
}


/* iPhone 16 Pro Max */
@media only screen and (max-width: 440px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
    margin-left: -53px !important;
  }
}

/* iPhone 14/15 Pro Max & 15 Plus */
@media only screen and (max-width: 430px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
   margin-left: -58px !important;
  }
}

/* iPhone 14 Plus */
@media only screen and (max-width: 428px) and (-webkit-device-pixel-ratio: 2) {
  .mainWrapper1 {
    margin-left: -58px !important;
  }
}

/* Older Plus models & XR/11 */
@media only screen and (max-width: 414px) and (-webkit-device-pixel-ratio: 2) {
  .mainWrapper1 {
      margin-left: -65px !important;
  }
}

/* iPhone 15 / iPhone 15 Pro (393px width) */
@media only screen and (max-width: 393px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
      margin-left: -80px !important;
  }
}

/* iPhone 15 Plus / iPhone 15 Pro Max (428px width) */
@media only screen and (max-width: 428px) and (min-width: 428px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
    margin-left: -58px !important;
  }
}
/* iPhone 12 / 12 Pro / 13 / 13 Pro / 14 */
@media only screen and (max-width: 390px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
      margin-left: -86px !important;
  }
}

/* iPhone SE (2nd/3rd Gen) / X / 11 Pro → FIXED pixel ratio */
@media only screen and (max-width: 375px) and (-webkit-device-pixel-ratio: 2) {
  .mainWrapper1 {
      margin-left: -90px !important;
  }
}

/* iPhone 12 Mini / 13 Mini */
@media only screen and (max-width: 360px) and (-webkit-device-pixel-ratio: 3) {
  .mainWrapper1 {
      margin-left: -94px !important;
  }
}

.grid {
  display: grid;
  grid-template-rows: 100vh; /* Full height */
  gap: 0px 0px;
  grid-template-areas: "EHDI contents";
  height: auto; /* Ensures the grid takes the full viewport height */
  
}

.contents { 
  grid-area: contents;
  overflow-y: hidden; /* Enables scrolling */
  height: auto; /* Ensures scrolling works */
  padding-right: 10px;
}

.EHDI { 
  grid-area: EHDI;
  position: sticky;
  height: 100vh; /* Ensures the sidebar stays full height */
  top: 50px;
}

li{
    font-size:18px;
}


/* Responsive Design */

   .grid {
       max-width:900px;
     margin-top: -70px;
   grid-template-rows: auto auto;
   gap: 0px 0px;
     grid-template-areas: 
       "EHDI contents"; 
       margin-left: auto;
     margin-right: auto;
   }
   .EHDI{
       scale:0.9;
       margin-left:-50px;
   }
   
   
 .contents{
       top: -30px;
       width: 450px;
       margin-left:-30px;
     }
       
       
     .mainWrapper1 {
       position: static;
       top: -105px;
       right:55px;
     }

 .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: 960px) {
      .grid {
         grid-template-areas: 
           "EHDI contents" !important;
       }
       
      .EHDI{
          scale:0.8;
          margin-left:-50px;
      }
      
      .contents{
          max-width: 400px;
          margin-left:-70px;
      }
  }

 @media only screen and (max-width: 830px) {
  .grid {
      margin-top: 0px;
      display: grid;
      grid-template-columns: auto;
      grid-template-rows: 700px auto;
      gap: 10px 10px;
      grid-template-areas:
  "EHDI      " 
  "contents  " 
  !important;
    }
 
 .EHDI { grid-area: EHDI; position: absolute;  justify-self: center;
      scale:1;
      margin-top:0px;
      margin-left:0px;
          margin-top:0px;
 }
 
 #Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8, #Menu9, #Menu10{
     max-width:none !important;
 }
 
  .contents {
      max-width: none;
      margin-left: 0px;
      width: auto;
  }

   .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%);
   }
   
 
}

 @media only screen and (max-width: 650px) {
 .grid {
   grid-template-rows: 550px auto; 
 }
 .mainWrapper1{
   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: 540px) {
 .grid {
   grid-template-rows: 480px auto; 
 }
 .mainWrapper1{
   scale:0.7;
 }
 .contents{
      width: 400px;
      margin-left: auto;
      margin-right: auto;
 }
}

@media only screen and (max-width: 410px) {
 .grid {
   grid-template-rows: 480px auto; 
 }
 .EHDI{
   scale:0.9;
   margin-top:0px;
 }
 .contents{
     max-width:360px !important;
 }
}
/* flowcharts */
.main_div{
 text-align:center;
 background: #00C492;
 padding:20px; width: 400px;
}
.inner_div{
 background: #fff;
 margin-top:20px;
 height: 100px;
}
.mainWrapper1 {
margin-left: auto;
margin-right: auto;
}

.mainWrapper1 a:hover{
 cursor:pointer;
}


.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: 450px;
 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;
}


.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: 0 18px;
 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;
   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;
}



.aslButton {
   background-color: #FF5501 !important;
      color: white !important;
}
.aslButton:hover, .aslButton:active {
 background-color: #2E9BE5 !important;
 color: black !important;
}

  border-radius: 16px 16px 50px;

 #ehdiOverviewVideo{
         max-width: 960px;
         margin:auto;
              transition: max-height 0.4s ease-in, opacity 0.4s ease-in;

 }
 
 #ehdiOverviewVideo iframe{
       border-radius: 16px 16px 50px;
 }
  
  
  .aslButton {
  position: relative;
  z-index: 9999;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7276b8a2 *//* Style for the container holding the buttons */
.button-container {
    text-align: center;
    margin-top: 20px;
}

/* Style for all buttons */
.button {
    background-color: #EFF2F4 !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: #EFF2F4 !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: #EFF2F4 !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: #EFF2F4 !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;
}/* End custom CSS */