*{
    margin: 0;
    padding: 0;
    cursor: default;
   
}
.bg{
    background-size: 100%;
}
.content{
    border:0;
    
    
}
.head{
   position: absolute;
   top:0;
   width: 1920rem;
}

.icon{
    display: inline-block;
    width: 88rem;
    margin-top: 20rem;
    height: 88rem;
    margin-left: 203rem;
    background-image: url('./img/image.png');
}
.iconText{
    color: black;
    font-family:'misans';
    font-size: 40rem;
    font-style: normal;
    font-weight: 700;
    line-height: 48rem; /* 120% */
    letter-spacing: -0.24rem;
    text-transform: capitalize;
    display: inline-block;
    vertical-align: top;
    margin-top: 40rem;
    margin-left: 31rem;
}
.btnBox{
    background: rgba(255, 255, 255, 0.20);
    width: 739rem;
    height: 70rem;
    margin-top: 40rem;
    margin-right: 163rem;
    float: right;
    display: flex;
    align-items: center;
    color: black;
    border-radius: 47.5rem;
    border: 1.5rem solid #FFF;
    box-shadow: 0px 5px 9.4px 0px rgba(0, 0, 0, 0.05);
}
.btn{
    height: 48rem;
    
    margin-right: 90rem;
    float: right;
    
}
.btn{
    font-family: "October Devanagari";
    font-size: 32rem;
    font-style: normal;
    font-weight: 500;
    line-height: 48rem; /* 150% */
    position: relative;
    cursor: pointer;
}

.active::after{
    top:53rem;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 129rem;
    height: 6rem;
    border-radius: 3px;
    background-color: #362036;
}


.act:hover:after{
    top:53rem;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    display: block;
    position: absolute;
    width: 129rem;
    height: 6rem;
    border-radius: 3px;
    
    background-color: #362036;
    animation: long .5s forwards;
}
@keyframes long {
    0%{
        width: 0rem;
    }
    100%{
        width:129rem;
    }
}
.btnH{
    
    margin-left: 83rem;
}


.page{
    display: none;
    background-color: white;
    
}

.pageH{
    width: 1920rem;
    
    
}

.bannerH1{
    width: 1920rem;
    height: 1020.469rem;
    
    background-image: url('./img/p1p1.png');
}
.bannerH2{
    width: 1920rem;
    height: 1231.875rem;
    
    background-image: url('./img/p1p2.png');
}
.bannerH3{
    width: 1920rem;
    height: 1033.125rem;
    
    background-image: url('./img/p1p3.png');
  
}
.bannerH4{
    position: relative;
    display: flex;
    justify-content: center;
    width: 1920rem;
    height: 2126.066rem;
    background-image: url('./img/p1p4.png');
}
.bannerH5{
    width: 1920rem;
    height: 486.094rem;
    background-image: url('./img/bottom.png');

}

.Htext{
    color: black;
    text-align: center;
    font-family: "LINE Seed Sans App";
    font-size: 33rem;
    font-style: normal;
    font-weight: 700;
    line-height: 60rem; /* 73.333% */
    display: inline-block;
    margin-left: 30rem;
    cursor: pointer;
}

.HlsBox{
    width: 88rem;
    height: 50rem;
    background-color: #000;
    margin-left: 30rem;
    cursor: pointer;
    
    margin-top: 5rem;
    border-radius: 12rem;
    float: right;
    margin-right: 5rem;
    
}
.Hls{
    
   
    width: 13rem;
    height: 23rem;
    margin-top: 13rem;
    margin-left: 41rem;
    background-image: url('./img/Vector.png');
}

.buttonl,.buttonf{
    cursor: pointer;
    width: 430rem;
    height: 60rem;
    border-radius: 15rem;
    border: 2rem solid #000;
    margin-top: 1312rem;
    margin-left: 90rem;
    margin-right: 90rem;
}

.bottomBox{
    width: 100%;
    display: flex;
    justify-content: space-between;
    font-size: 36rem;
    margin-top: 60rem;
    text-decoration: underline;
}

.bannerP1{
    width: 1920rem;
    height: 1020.469rem;
    
    background-image: url('./img/p2p1.png');
}
.bannerP2{
    width: 1920rem;
    height: 582.188rem;
    
    background-image: url('./img/p2p2.png');
}
.bannerP3{
    width: 1920rem;
    height: 900.469rem;
    background-image: url('./img/p2p3.png');
}
.bannerP4{
    width: 1920rem;
    height: 900.938rem;
    background-image: url('./img/p2p4.png');
}
.bannerP5{
    width: 1920rem;
    height: 900.938rem;
    background-image: url('./img/p2p5.png');
}
.bannerP6{
    width: 1920rem;
    height: 900.938rem;
    background-image: url('./img/p2p6.png');
}
.bannerP7{
    width: 1920rem;
    height: 1231.875rem;
    background-image: url('./img/p2p7.png');
}

.bannerJ1{
    width: 1920rem;
    height: 1020.469rem;
    background-image: url('./img/p3p1.png');
    
}
.bannerJ2{
    width: 1920rem;
    height: 855.938rem;
    background-image: url('./img/p3p2.png');
}
.bannerJ3{
    width: 1920rem;
    height: 619.688rem;
    background-image: url('./img/p3p3.png');
}
.bannerJ4{
    width: 1920rem;
    height: 619.688rem;
    background-image: url('./img/p3p4.png');
}
.bannerJ5{
    width: 1920rem;
    height: 1533.156rem;
    background-image: url('./img/p3p5.png');
}
.bannerJ6{
    width: 1920rem;
    height: 486.094rem;
    background-image: url('./img/bottom.png');
}