/* Modal */
.mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{font-family: Forma DJR Micro, Arial, Helvetica, sans-serif !important;}
.hp_omn_bk_x_wrp_mn{max-width: 1280px;width:100%;margin: 0px auto;padding: 0 20px;box-sizing: border-box;}
.mdl_bd_hd_wrp .mge_b img{width:100%;object-fit: cover;}
.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;} */
    .hp_omn_bk_x_hd{font-size: clamp(2rem, 5vw, 3.125rem);line-height: 1;text-wrap: pretty;}
    .hp_omn_bk_x_hd_sb{font-size: clamp(1rem, 2.5vw, 1.75rem);line-height: 1.2;text-wrap: pretty;}
    .mdl_bd_hd_wrp{display: flex; flex-direction: column; padding-top:48px;}
    .mdl_bd_hd_wrp .mge_b{max-width: 900px;}
    .mdl-wrp3 .mdl_bd_hd_wrp, .mdl-wrp4 .mdl_bd_hd_wrp, .mdl-wrp5 .mdl_bd_hd_wrp{gap:66px;}
    .mdl_bd_hd_wrp ol{display: inline-flex;flex-wrap: wrap;width: 100%;padding-left: 42px;}
    .mdl_bd_hd_wrp ol li{font-size: clamp(1rem, 2vw, 1.375rem);line-height: 1.5;text-wrap: pretty;flex-basis:45%;padding-right: 50px;}
    .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-wrp3, .mdl-wrp4, .mdl-wrp5{
        top: 3%;
    }
    .mdl-wrp, .mdl-wrp2{
        height:30%;
    }
    .mdl-wrp .mdl-inr, .mdl-wrp2 .mdl-inr{min-height: 240px;}
    .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:82%;
      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;
      border: 1px solid #000;
    }
    
    .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,.mdl-wrp5{height:96%;}
    @media (max-width:1600px){
        .mdl_bd_hd_wrp{padding-top:20px;}
        .mdl_bd_hd_wrp p{margin-top: 20px;}
        .mdl-wrp .mdl-inr, .mdl-wrp2 .mdl-inr {
            min-height:250px;
        }
        .mdl-wrp3 .mdl-inr, .mdl-wrp4 .mdl-inr, .mdl-wrp5 .mdl-inr{width:90%;}
    }
    @media (max-width:1280px){
        .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;}

        .mdl_bd_hd_wrp ol li{flex-basis: 40%;}

        .mdl-wrp3, .mdl-wrp4,.mdl-wrp5{height: 88%;}
        .mdl-wrp3 .mdl_bd_hd_wrp, .mdl-wrp4 .mdl_bd_hd_wrp, .mdl-wrp5 .mdl_bd_hd_wrp {
            gap: 20px;
        }
    }
    @media (max-width:1024px){
        .relbl_hp_mdl_icn_wrp.prtss .rel_hp_mdl_info{padding: 0 0px 10px;flex-basis: 80%;}

        
        .mdl-wrp, .mdl-wrp2{height:30%;}
        .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{height:95%;}
    }
    @media (max-width:853px){
        
        
        .mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{top:16%;}
        .mdl-wrp3, .mdl-wrp4,.mdl-wrp5{height: 75%;}
    }
    @media (max-width:912px){
        .mdl-wrp, .mdl-wrp2{height:30%;}
       
    }
    @media (max-width:540px){
        .mdl-wrp, .mdl-wrp2, .mdl-wrp3, .mdl-wrp4, .mdl-wrp5{top:-2%;}
        .mdl-bdy{width:100%;overflow-y: auto;overflow-x: hidden;
            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;border: 0;}
        .mdl-wrp, .mdl-wrp2{height:40%;}
        
        .mdl-inr{width:95%;}
        .mdl-wrp3, .mdl-wrp4,.mdl-wrp5{height: 83%;}
        .mdl_bd_hd_wrp ol{padding: 0 20px;}
        .mdl_bd_hd_wrp ol li {
            flex-basis:100%;
        }
    }