/* Modal */
.mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{font-family: Forma DJR Micro, Arial, Helvetica, sans-serif !important;}

.mdl-inr{display: flex;flex-direction: column;width: 100%;align-items: flex-end;background-color: #fff;position: relative;
    z-index: 999999999;}
    .mdl-inr h2, .mdl-inr h3, .mdl-inr h4, .mdl-inr h5, .mdl-inr h6{margin: 0;font-weight: normal;}
  .mdl-inr h2{font-family: "Forma DJR UI", Arial, sans-serif;
    font-size: clamp(2.5rem, 5vw, 7.75rem) !important;
      line-height: 1.1;
    margin:50px 0 0;
    font-weight: 400;
    border-top: 1px solid rgb(0, 0, 0);
    padding: 10px 20px;
    color: rgb(0, 0, 0);
    width: 100%;
    box-sizing: border-box;}
    .m0{
      margin: 0 !important;
    }

  
      .mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5 {
        position: fixed;
        z-index: 10000000000; /* 1 */
        top: 10%;
      bottom: 1%;
        left: 0;
        visibility: hidden;
        width: 100%;
        height:70%;
        border-radius: 0px;
    }
    
    .mdl-wrp.vsblMdl, .mdl-wrp2.vsblMdl, .mdl-wrp3.vsblMdl, .mdl-wrp4.vsblMdl, .mdl-wrp5.vsblMdl {
        visibility: visible;
    }
    
    .mdl-ovrly {
      position: fixed;
      z-index: 10;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: hsla(0, 0%, 0%, 0.5);
      visibility: hidden;
      opacity: 0;
      transition: visibility 0s linear 0.3s, opacity 0.3s;
    }
    
    .mdl-wrp.vsblMdl .mdl-ovrly, .mdl-wrp2.vsblMdl .mdl-ovrly, .mdl-wrp3.vsblMdl .mdl-ovrly, .mdl-wrp4.vsblMdl .mdl-ovrly, .mdl-wrp5.vsblMdl .mdl-ovrly {
      opacity: 1;
      visibility: visible;
      transition-delay: 0s;
    }
    
    .mdl-inr {
      position: absolute;
      z-index: 9999;
      top: 6%;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0px auto;
      width: 72%;
      background-color: #fff;
      box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);
      border-radius:0px;
      min-height:500px;
    }
    
    .mdl-trnstn {
      transition: all 0.3s 0.12s;
      transform: translateY(-10%);
      opacity: 0;
    }
    
    .mdl-wrp.vsblMdl .mdl-trnstn, .mdl-wrp2.vsblMdl .mdl-trnstn, .mdl-wrp3.vsblMdl .mdl-trnstn, .mdl-wrp4.vsblMdl .mdl-trnstn, .mdl-wrp5.vsblMdl .mdl-trnstn {
      transform: translateY(0);
      opacity: 1;
    }
    
    .mdl-hd {
      position: relative;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      width: 100%;
      box-shadow: 0 1px 2px hsla(0, 0%, 0%, 0.06);
      border-bottom: 1px solid #000;
      border-top-left-radius:0px;
      border-top-right-radius:0px;
    }
    .mdl-bdy{
      border-bottom-left-radius:0px;
      border-bottom-right-radius:0px;
      width:100%;
      font-family: Forma DJR Micro, Arial, Helvetica, sans-serif !important;
    }
    .mdl-cntt{
      font-family: Forma DJR Micro, Arial, Helvetica, sans-serif !important;
    }
    .mdl-bdy h3{font-size: clamp(1.4rem, 3vw, 2.625rem)!important;line-height: 1.1;font-family: Forma DJR Micro, Arial, Helvetica, sans-serif !important;}
    .mdl-bdy .hp-howPlan-block.hp-howBlock-1 .image-block{max-width:38px !important;}
    .mdl-bdy .hp-howPlan-block{width:29% !important;}
    .mdl-bdy .hp-howPlan-block .svg-img{min-width: 54px;
      min-height: 54px;
      max-width: 54px;
      max-height: 54px;}
    .mdl-bdy .hp-howPlan-block{gap:20px !important;}
    .mdl-bdy .hp-howPlan-block .hp-howBlock-hd{display: flex;flex-direction: column; gap:20px;}
    .mdl-bdy .hp-howPlan-block p{margin-top: 0;}
    .cls {
      position: absolute;
      top: -49px;
      right: 0px;
      padding: 3px 10px;
      color: rgb(90, 90, 90);
      background: #FFF;
      border: 0;
      font-size: 20px !important;
    }
    
    .cls:hover {
      background:#f8f8f8;
      color: rgb(0, 0, 0);
      border-radius:0px;
    }
    
    .mdl-hd {
      font-size: 1.125em;
      margin: 0;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }
    
    .mdl-cntt > *:first-child {
      margin-top: 0;
    }
    
    .mdl-cntt > *:last-child {
      margin-bottom: 0;
    }

    .mdl-wrp3, .mdl-wrp4{height: 75%;}
    .mdl-wrp2{height: 73%;}
    @media (max-width:1280px){
        .mdl-wrp2,.mdl-wrp3, .mdl-wrp4 {height:70%;}
        .relbl_hp_mdl_icn_wrp .rel_hp_mdl_icn{padding: 0 20px 10px;}
        .relbl_hp_mdl_icn_wrp .rel_hp_mdl_info{padding: 0 20px 10px;}
    }
    @media (max-width:1024px){
        .relbl_hp_mdl_icn_wrp.prtss .rel_hp_mdl_info{padding: 0 0px 10px;flex-basis: 80%;}

        .mdl-wrp2, .mdl-wrp3, .mdl-wrp4 {height: 67%;}
        .mdl-wrp{height: 80%;}
    }
    @media (max-width:853px){
        .mdl-wrp2, .mdl-wrp3, .mdl-wrp4 {height: 55%;}
        .mdl-wrp5{height: 50%;}
        .mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{top:16%;}
    }
    @media (max-width:912px){
        .mdl-wrp{height:56%;}
        .mdl-wrp5{height: 55%;}
    }
    @media (max-width:540px){
        .mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{top:-2%;}
        .mdl-bdy{width:100%;overflow-y: auto;
            max-height:600px;
            min-height: 500px;}
        /* .modal-wrap, .modal-wrap2{height: auto;} */
        .relbl_hp_mdl_icn_wrp.prtss{flex-direction: column;}
        .relbl_hp_mdl_icn_wrp.prtss .rel_hp_mdl_imge{justify-content: center;}
        .cls{top:1px;}
        .mdl-wrp{height: 50%;}
        .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{height:63%;}
        .mdl-inr{width:95%;}
    }