.elementor-56230 .elementor-element.elementor-element-58022920:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-56230 .elementor-element.elementor-element-58022920 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-afdf2e3 );}.elementor-56230 .elementor-element.elementor-element-58022920 > .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-56230 .elementor-element.elementor-element-58022920 > .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-56230 .elementor-element.elementor-element-3ef43153{width:initial;max-width:initial;top:24px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-3ef43153{left:20px;}body.rtl .elementor-56230 .elementor-element.elementor-element-3ef43153{right:20px;}.ee-tooltip.ee-tooltip-3ef43153.to--top,
							 .ee-tooltip.ee-tooltip-3ef43153.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-3ef43153.to--left,
							 .ee-tooltip.ee-tooltip-3ef43153.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-56230 .elementor-element.elementor-element-6f13de68{width:initial;max-width:initial;top:0px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-6f13de68{right:60px;}body.rtl .elementor-56230 .elementor-element.elementor-element-6f13de68{left:60px;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-weight:600;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#FFFFFF;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .e--pointer-framed .elementor-item:before,
					.elementor-56230 .elementor-element.elementor-element-6f13de68 .e--pointer-framed .elementor-item:after{border-color:#FFFFFF;}.elementor-56230 .elementor-element.elementor-element-28036d2a > .elementor-widget-container{margin:0px 0px -40px 0px;}.ee-tooltip.ee-tooltip-28036d2a.to--top,
							 .ee-tooltip.ee-tooltip-28036d2a.to--bottom{margin-left:0px;}.ee-tooltip.ee-tooltip-28036d2a.to--left,
							 .ee-tooltip.ee-tooltip-28036d2a.to--right{margin-top:0px;}.elementor-56230 .elementor-element.elementor-element-28036d2a 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-56230 .elementor-element.elementor-element-2de426db{width:initial;max-width:initial;top:70px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-2de426db{left:183px;}body.rtl .elementor-56230 .elementor-element.elementor-element-2de426db{right:183px;}.elementor-56230 .elementor-element.elementor-element-2de426db .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-56230 .elementor-element.elementor-element-cd13c31 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-menu-toggle{margin-left:auto;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu .elementor-item{font-family:"proxima-nova", Sans-serif;font-size:19px;font-weight:400;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-43825424 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-15f04079 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .e--pointer-framed .elementor-item:before,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-15f04079 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-43825424 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-15f04079 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-15f04079 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown{background-color:#EFF2F4;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a:hover,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a:focus,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-menu-toggle:hover,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-menu-toggle:focus{color:var( --e-global-color-a19d114 );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a:hover,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a:focus,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-949b50d );}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown .elementor-item, .elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown a{padding-left:100px;padding-right:100px;padding-top:13px;padding-bottom:13px;}.elementor-56230 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#ADADAD;border-bottom-width:1px;}.elementor-56230 .elementor-element.elementor-element-dec2cd4{--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-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-56230 .elementor-element.elementor-element-770509d{text-align:center;font-family:"proxima-nova", Sans-serif;font-weight:400;line-height:1.5em;color:#000000;}.elementor-56230 .elementor-element.elementor-element-b1fd0d3{--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-56230 .elementor-element.elementor-element-4b78855 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-56230 .elementor-element.elementor-element-cd7ca5c{--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-56230 .elementor-element.elementor-element-46f4775{width:var( --container-widget-width, 920px );max-width:920px;--container-widget-width:920px;--container-widget-flex-grow:0;font-family:"proxima-nova", Sans-serif;font-size:18px;font-weight:400;color:#000000;}.elementor-56230 .elementor-element.elementor-element-46f4775.elementor-element{--align-self:center;}.elementor-56230 .elementor-element.elementor-element-476a791 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-56230 .elementor-element.elementor-element-065cf8c > .elementor-widget-container{margin:0px 0px 040px 0px;}.elementor-56230 .elementor-element.elementor-element-065cf8c{text-align:center;color:#000000;}.elementor-56230 .elementor-element.elementor-element-cea3c77{--display:flex;}.elementor-56230 .elementor-element.elementor-element-94e1dba{--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;}:root{--page-title-display:none;}@media(max-width:1366px){body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-2de426db{left:190px;}body.rtl .elementor-56230 .elementor-element.elementor-element-2de426db{right:190px;}.elementor-56230 .elementor-element.elementor-element-2de426db{top:70px;}}@media(max-width:1200px){body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-2de426db{left:189px;}body.rtl .elementor-56230 .elementor-element.elementor-element-2de426db{right:189px;}.elementor-56230 .elementor-element.elementor-element-2de426db{top:65px;}}@media(max-width:993px){body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-3ef43153{left:12px;}body.rtl .elementor-56230 .elementor-element.elementor-element-3ef43153{right:12px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-6f13de68{right:0px;}body.rtl .elementor-56230 .elementor-element.elementor-element-6f13de68{left:0px;}.elementor-56230 .elementor-element.elementor-element-28036d2a > .elementor-widget-container{margin:0px 0px -40px 0px;padding:0px 0px 0px 0px;}.elementor-56230 .elementor-element.elementor-element-28036d2a img{max-width:100%;height:200px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-2de426db{left:174px;}body.rtl .elementor-56230 .elementor-element.elementor-element-2de426db{right:174px;}.elementor-56230 .elementor-element.elementor-element-2de426db{top:73px;text-align:left;}}@media(max-width:767px){.elementor-56230 .elementor-element.elementor-element-3ef43153{--container-widget-width:80px;--container-widget-flex-grow:0;width:var( --container-widget-width, 80px );max-width:80px;top:19px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-3ef43153{left:11.989px;}body.rtl .elementor-56230 .elementor-element.elementor-element-3ef43153{right:11.989px;}.elementor-56230 .elementor-element.elementor-element-6f13de68 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-6f13de68{right:0px;}body.rtl .elementor-56230 .elementor-element.elementor-element-6f13de68{left:0px;}.elementor-56230 .elementor-element.elementor-element-6f13de68{top:0px;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-56230 .elementor-element.elementor-element-6f13de68 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;}.elementor-56230 .elementor-element.elementor-element-28036d2a > .elementor-widget-container{margin:0px 0px -40px 0px;}.elementor-56230 .elementor-element.elementor-element-28036d2a img{height:120px;}body:not(.rtl) .elementor-56230 .elementor-element.elementor-element-2de426db{left:103px;}body.rtl .elementor-56230 .elementor-element.elementor-element-2de426db{right:103px;}.elementor-56230 .elementor-element.elementor-element-2de426db{top:41px;}.elementor-56230 .elementor-element.elementor-element-2de426db .elementor-heading-title{font-size:20px;}}/* Start custom CSS for image, class: .elementor-element-28036d2a */#piBanner{
    max-width: none !important;
}

.elementor-43710 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown .elementor-item, .elementor-43710 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown .elementor-sub-item{
    color:black !important;
}/* End custom CSS */
/* Start custom CSS for nav-menu, class: .elementor-element-cd13c31 */.elementor-53267 .elementor-element.elementor-element-cd13c31 .elementor-menu-toggle {
    margin-left: auto;
    background-color: #f0f2f4 !important;
    position: relative !important;
    top: 5px !important;
}

.elementor-53267 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown .elementor-item, .elementor-53267 .elementor-element.elementor-element-cd13c31 .elementor-nav-menu--dropdown .elementor-sub-item {
    color:black !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-770509d */#overviewEhdi {
        font-size: 36px !important;
        font-weight: 600 !important;
  }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-476a791 *//* 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 html, class: .elementor-element-b252f3e */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: 10px !important;
}
}

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

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

/* iPhone 15 / iPhone 15 Pro (393px width) */
@media only screen and (max-width: 393px) and (-webkit-device-pixel-ratio: 3) {
.mainWrapper1 {
    margin-left: 15px !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: 10px !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: 6px !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: 8px !important;
}
}

/* iPhone 12 Mini / 13 Mini */
@media only screen and (max-width: 360px) and (-webkit-device-pixel-ratio: 3) {
.mainWrapper1 {
    margin-left: 14px !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 */
  overflow-x: 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;
   grid-template-rows: auto auto;
   gap: 0px 0px;
     grid-template-areas: 
       "EHDI contents"; 
       margin-left: auto;
     margin-right: auto;
     height:1500px;
   }
   .EHDI{
       scale:1;
       margin-left:-50px;
   }
   
   
   
   
 .contents{
       width: 600px;
       margin-left:-120px;
     }


.pWrapper {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.mainWrapper1 {
  position: static;
  top: 0px;
  right: 55px;
}

     
  @media only screen and (max-width: 1025px) {
      .grid {
         grid-template-areas: 
           "EHDI contents" !important;
       grid-template-columns: 460px auto;
       }
       
      .EHDI{
          scale:0.9;
          margin-left:0px;
      }
      
      .contents{
  max-width: 480px;
      margin-left: -50px;
          width: auto;
      }
  }



@media only screen and (max-width: 830px) {

      .EHDI{
          scale:0.8;
          margin-left:0px;
      }
      
      .accordion{
          margin-left: 20px;
          max-width: 400px;
      }
      .contents{
          max-width: 500px;
          margin-left:-70px;
          width: auto;
      }
}
@media only screen and (max-width: 750px) {
  .mainWrapper1{
    scale:1;
  }
      .grid {
         grid-template-areas: 
           "EHDI" "contents" !important;
       grid-template-rows: 750px auto;
       justify-content: center;
       grid-template-columns: auto;
       }
      .EHDI {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          scale: 1;
      }
        .contents {
          margin-left: 0px;
          width: auto;
        }
      .mainWrapper1 {
        margin-left: none;
        margin-right: none;
        position: static !important;
        margin-top: 0px;
      }

}

@media only screen and (min-width: 651px) {
  .mobile_Mode{
      display:none;
  }
  .desktop_Mode{
      display:block;
  }
}
    

@media only screen and (max-width: 10000px) {
    
  .mobile_Mode{
      display:block;
  }
  .desktop_Mode{
      display:none;
  }
 
  
  .mainWrapper1{
    scale:0.8;
  }
  
  .button1 {
    left: 116px;
   top: -44px !important;
    padding-right: 558px !important;
padding-bottom: 880px !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 {
    font-size: 24px !important;
  }
  
  .button2 .mobile_Mode img{
position: absolute;
    top: -45px;
    max-width: 520px;
    left: 9px;
  }
  
  #button2_title{
      top:-50px !important;
      width:400px;
      left:110px;
  }
  
  #button2_1{
      top:-6px !important;
      left:34px !important;
  }
  
  #button2_2{
      top:-6px !important;
      left:204px !important;
  }
  
  #button2_3{
      top:-6px !important;
      left:434px !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;
  }
  
  .button3 .mobile_Mode img{
max-width: 470px;
    position: absolute;
    top: -12px;
    left: 23px;
  }
  
  #button3_title{
      top:-10px !important;
      left:200px !important;
      z-index:1;
  }
  

  .button4 {
left: 62px !important;
    top: 148px !important;
    padding-right: 411px !important;
    padding-bottom: 577px !important;
  }
  .button4 p {
    left: 108px !important;
    font-size: 24px !important;
  }
  
   #button4_1{
      top:-6px !important;
      left:28px !important;
      font-size:20px !important;
  }
  
  #button4_2{
      top:58px !important;
      font-size:20px !important;
      left:154px !important;
  }
  
  .button4 img{
      transform: rotate(90deg);
      top:36px !important;
      left:188px !important;
  }

  .button5 {
left: 75px !important;
    top: 239px !important;
    padding-right: 383px !important;
    padding-bottom: 420px !important;
  }
  .button5 p {
    left: 167px !important;
    font-size: 24px !important;
  }
  .button5 img {
    left: 10px !important;
    top: 40px !important;
    max-width: 450px !important;
  }
  
  #button5_1{
      top:6px !important;
      left:28px !important;
      font-size:20px !important;
      line-height:1.2;
  }
  
  #button5_2{
      top:  90px !important;
      left:168px !important;
      font-size:20px !important;
  }
  
  #button5_3{
      top:  210px !important;
      left:20px !important;
      font-size:20px !important;
      width:370px;
     line-height:1.2;
  }
  #button5_4{
      top:  370px !important;
      left:7px !important;
      font-size:20px !important;
      width:370px;
     line-height:1.2;
  }
  #arrow1 img{
      left:190px !important;
      top:130px !important;
      width:20px;
  }
   #arrow2 img{
      left:190px !important;
      top:140px !important;
      width:20px;
  }
}

@media only screen and (max-width: 480px) {
  .grid {
    grid-template-rows: 650px auto; 
  }
  .mainWrapper1{
    scale:0.7;
  }
}
@media only screen and (max-width: 390px) {
  .grid {
    grid-template-rows: 550px auto; 
  }
  .mainWrapper1{
    scale:0.6;
  }
}
/* 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;
  position: relative;
  margin-top: 25px;
}

.mainWrapper1 a:hover{
  cursor:pointer;
}
/*
@media only screen and (max-device-width : 1024px) {
    .mainWrapper1{
      margin-left: auto !important;
      margin-right: auto !important;
    }
     @media screen and (orientation:landscape) { 
        .mainWrapper1{
            margin-left: 100px !important;
        }
     }
}*/
/*
@media only screen and (max-device-width : 480px) {
        .mainWrapper1{
          margin-left: -86px !important;
        }
        .button6 p {
          position: absolute;
          left: 40px;
          top: 30px;
          line-height:1.2;
          text-align:center;
        }
        @media screen and (orientation:landscape) { 
            .mainWrapper1{
                margin-left: -20px !important;
            }
         }
}
*/
li{
    font-size:18px;
}


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

.button1 p{
  position: absolute;
  left: 120px !important;
  top: 5px !important;
  z-index: 0;
  text-decoration: none;
  color: white;
  transition: all .2s ease-in-out;
  top: -11px;
  font-size: 30px !important;
}

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

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

.button2 {
    background-color:;
    position: absolute;
    left: 10px;
    top: -15px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    transition: all .2s ease-in-out;
    max-width: 750px;
}

.button2 p{
  position: absolute;
  left: 249px;
  z-index: 1;
  text-decoration: none;
  color: black;
  transition: all .2s ease-in-out;
    font-size: 30px !important;
}

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

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

.button3 {
background-color: #FFF0;
  position: absolute;
  left: 60px;
  top: 46px;
  z-index: 2;
  font-size: 18px;
  border-radius: 8px;
  padding-bottom: 508px;
  transition: all .2s ease-in-out;
  max-width: 649px;
    padding: 0px !important;
}

.button3 p{
  position: absolute;
  left: 275px;
  top: -7px;
  z-index: 0;
  text-decoration: none;
  color: black;
  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-color: #d64c92;*/
background: repeating-linear-gradient( 45deg, transparent, transparent 10px, #d64c92 10px, #d64c92 20px ), linear-gradient( to bottom, #a82f77, #a82f77 );
  position: absolute;
  left: 100px;
  top: 95px;
  z-index: 2;
  font-size: 18px;
  border-radius: 8px;
  padding-right: 566px;
  padding-bottom: 454px;
  transition: all .2s ease-in-out;
}

.button4 img{
    position: absolute;
    max-width:50px;
    left:366px;
    top:8px;
}

.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: #6c63ac;
    position: absolute;
    left: 120px;
    top: 130px;
    z-index: 2;
    font-size: 18px;
    border-radius: 8px;
    padding-right: 525px;
    padding-bottom: 398px;
    transition: all .2s ease-in-out;
}

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

.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: 250px;
  top: 110px;
  max-width: 20px;
  transition: all .2s ease-in-out;
}

#arrow2 {
  position: absolute;
  left: 0px;
  top: 150px;
  max-width: 20px;
  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: #ffa000;
  position: absolute;
  left: 35px;
  top: 545px;
  z-index: 2;
  font-size: 18px;
  border-radius: 12px;
  padding-right: 470px;
  padding-bottom: 120px;
  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;
  visibility: hidden;
}

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

.arrows{
position: absolute;
  z-index: 99;
  left: -5px;
  top: 60px;
  scale: .9;
  max-width: 550px
}

.lower_arrow{
    position: absolute;
  z-index: 999;
  left: 258px;
  top: 669px;
  scale: 1.2;
}

.doubleArrows{
    width: 160px;
}

.button9 {
  background-color: #e6d9b3;
  position: absolute;
  left: 40px;
  top: 580px;
  z-index: 2;
  font-size: 18px;
  border-radius: 12px;
  padding-right: 150px;
  padding-bottom: 54px;
  transition: all .2s ease-in-out;
}

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

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

.button10 {
  position: absolute;
  left: 190px;
  top: 570px;
  z-index: 999;
  font-size: 18px;
  border-radius: 12px;
  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 {
  scale: 1.1;
}

#button10_title{
    color:white;
    position: absolute;
    font-size: 20px;
    margin-top:23px;
    margin-left:15px;
}

.button11 {
  background-color: #e6d9b3;
  position: absolute;
  left: 350px;
  top: 580px;
  z-index: 2;
  font-size: 18px;
  border-radius: 12px;
  padding-right: 150px;
  padding-bottom: 54px;
  transition: all .2s ease-in-out;
}

.button11 p{
  position: absolute;
  left: 11px;
  top: 2px !important;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 20px;
  text-align: center;
  line-height: 1.2
}

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

.button12 {
  background-color: #ffa000;
  position: absolute;
  left: 35px;
  top: 710px;
  z-index: 2;
  font-size: 18px;
  border-radius: 12px;
  padding-right: 470px;
  padding-bottom: 80px;
  transition: all .2s ease-in-out;
}

.button12 p{
  position: absolute;
  text-align: center;
  left: 11px;
  top: 2px !important;
  z-index: 0;
  text-decoration: none;
  color: rgb(0, 0, 0);
  font-size: 24px;
}

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

#Menu1, #Menu2, #Menu3, #Menu4, #Menu5, #Menu6, #Menu7, #Menu8, #Menu9, #Menu10{
  padding:10px;
  font-size:18px;
} 

.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;
  background-color: white;
  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;
      color: black !important;
}

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




/* -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

.button-grid-wrapper {
  margin-left: 70px;
  margin-top:25px;
  display: flex;
  justify-content: center;
  z-index: 999;
  position: absolute;
}

.is-chrome .button-grid-wrapper {
  margin-top: 63px;
}


.button-grid {
  display: grid;
  grid-template-columns: repeat(2, 200px);
  grid-template-rows: repeat(3, 140px);
  position: relative;
}

/* Individual Button Styles */
.grid-button {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: white !important;
  text-decoration: none;
  font-family: sans-serif;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  text-align:center;
  line-height:1.2;
    font-size:26px;
}

/* Button Colors */
.ehdi {
  background-color: #5a5090;
  grid-column: span 1;
  grid-row: 1;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
}

.ehdi:hover{
      background-color: #464172;
}

.invisibleButton {
  background-color: white;
  grid-column: span 1;
  grid-row: 1;
  width:0px;
  height:0px;
}

.all3 {
  background: repeating-linear-gradient(
    45deg,
    #5c4a8d,
    #5c4a8d 20px,
    #ff545a 20px,
    #ff545a 40px,
    #ca4792 40px,
    #ca4792 60px
  );
  grid-column: 1;
  grid-row: 2;
}

.all3:hover, .lc-hat:hover  {
    filter: brightness(90%);
}

.hat {
  background-color: #ca4792;
  grid-column: 2;
  grid-row: 2;
  border-top-right-radius: 12px;
  
}

.hat:hover{
   background-color: #b5438a;
}

.lc {
  background-color: #ff545a;
  grid-column: 1;
  grid-row: 3;
  border-bottom-left-radius: 12px;
}

.lc:hover{
   background-color: #ea535e;
}

.lc-hat {
  background: repeating-linear-gradient(
    45deg,
    #ff545a,
    #ff545a 20px,
    #ca4792 20px,
    #ca4792 40px
  );
  grid-column: 2;
  grid-row: 3;
    border-bottom-right-radius: 12px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8cfa3cb *//* Style for the container holding the buttons */
.button-container {
    text-align: center;
    margin-top: 20px;
    max-width: 900px;
    margin-right:auto;
    margin-left:auto;
}

/* 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 */
}

/* 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 */