.description {
    font-weight: 100;
    font-size: 17px;
}


.title {
    font-size: 27px;
    font-weight: bold;

}

#title1 {}


#page4 {
    background-color: #f2f2f2;
    padding-right: 0px;
    padding-left: 0px;
}

#page1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-top: 50px;
}

.page {
    padding-top: 100px;
    padding-bottom: 100px;
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}

#page4 .title {
    padding-left: 50px;
    padding-right: 50px;
}

#page4 .description2 {
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 50px;
}

.bold-text {
    font-weight: 500;
}

#pic1 {
    width: 60%;
    padding-top: 20px;
    padding-bottom: 30px;
}

#pic1-1 {
    width: 40%;

}


#pic-text {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 30px;
}

.description2 {
    font-weight: 200;
    font-size: 15px;
}

.smalltext {
    font-size: 15px;
    font-weight: 500;
}

#page3 {
    display: flex;
    flex-direction: column;
    background-color: #f2f2f2;
    align-items: center;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
}


#pic2 {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
}


#pic3 {
    width: 50vw;
}

#pic6 {
    width: 50vw;
}

#pic7 {
    width: 50vw;
}

.row-div {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;
    position: relative;
}

.scroll-anim {
    left: 50px;
}

.mask {
    width: 100%;
    overflow: hidden;
}

.col-div {
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 35px;
    width: 50vw;
}

#page5 .description2 {
    padding-top: 40px;
    padding-left: 50px;
    padding-right: 50px;
}

#page5 .description3 {
    padding-left: 50px;
    padding-right: 50px;
}

#page5 .smalltext {
    padding-left: 50px;
    padding-right: 50px;
}

#page5 .title {
    padding-left: 50px;
    padding-right: 50px;
}

#page5 {
    padding-right: 0;
    padding-left: 0;
}

.description3 {
    font-size: 12px;
    font-weight: 100;
    color: #717171;
}

#page6 {
    background-color: #f2f2f2;
    text-align: center;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
    align-items: center;
}

#page6 .row-div {
    /* background-color: blue; */
    width: 100%;
    /* background-color: red; */
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
    /* margin-top: 30px; */
    flex-direction: column;
    align-items: center;
}

.card1 {
    background-color: #fff;
    width: 100%;
    /* height: 35vh; */
    border-radius: 16px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);

    text-align: start;
    padding-top: 20px;



}

.card-subtitle {
    font-weight: 300;
    font-size: 14px;
}

.card1 .title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.card1 .description2 {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

#pic8 {
    width: 70vw;
}

#pic9 {
    width: 65vw;
}

.imgbox {
    width: 100%;
    /* background-color: red; */
    display: flex;
    justify-content: center;

}

.card-container {

    /* background-color: red; */
    width: 87vw;
    /* height: 35vh; */
    border-radius: 16px;
    /* box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25); */

    text-align: start;
    padding-top: 20px;
    text-align: center;
}

/* .card-container .price {
    font-size: 14px;
    font-weight: 300;
} */

#alert-div {
    width: 352px;
    height: 335px;
}

.alert-card {
    width: 352px;
    height: 78px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    border-radius: 27px;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    overflow: hidden;
    transition: all 0.5s ease;
    position: relative;
}

#pic10 {
    width: 21px;
    height: 21px;
    margin-left: 14px;
    margin-top: 26px;
}

.alert-title {
    display: flex;
    flex-direction: column;
    margin-top: 21px;
    text-align: start;
    margin-left: 11px;
    width: 210px;
    gap: 0;
    /* background-color: green; */
}

.alert-title1 {
    font-size: 11px;
    color: #45464f;
    font-weight: 400;
    margin-bottom: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    /* background-color: blue; */
}

.alert-title2 {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 16px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    /* background-color: red; */
    /* will-change: padding; */
}

#pic11 {
    margin-top: 16px;
    margin-left: 6px;
    border-radius: 6px;
    width: 41px;
    height: 41px;
}

.alert-arrow {
    width: 22px;
    height: 22px;
    border-radius: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f3f0f4;

    margin-left: 11px;
    margin-top: 26px;
}

.pic12 {
    width: 10px;
    transform: rotateX(180deg);
    transition: all 0.5s ease;
}

.alert-card-open {
    height: 297px;
}

.alert-content1 {
    display: flex;
    flex-direction: row;
    margin-bottom: 0;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.alert-content2 {
    text-align: start;
    width: 290px;
    margin-left: 11px;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}

.alert-description {
    font-size: 12px;
    color: #212121;
    font-weight: 400;
    margin-bottom: 0;
}

.alert-title2-open {
    /* font-size: 15px; */
    transform: scale(1.1) translateX(10px);
    margin-top: 6px;
    margin-bottom: 8px;
}



#pic13 {
    width: 290px;
    border-radius: 14px;
    margin-top: 8px;
}

.alert-buttons {
    display: flex;
    flex-direction: row;
    margin-top: 17px;
    gap: 18px;
}

.alert-button {
    font-size: 12px;
    color: #4f5a99;
    font-weight: 400;
}

.pic12-open {
    transform: rotateX(0deg);
}

.plan-card{
    width: 90vw;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-width: 0;
    color: #000;
}

.plan-card-text .title{
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 4px;
    
}

.plan-card-title{
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    
}

.plan-card-text{
    text-align: start;
}

.plan-card-text .description2{
    font-size: 11px;
    margin-bottom: 0;
}
.plan-card-text .description2 span{
    font-weight: 500;
}

.plan-card .price{
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
    margin-right: 8px;
}

#arrow1{
    width: 13px;
    height: 26px;
}

.arrow-div{
    display:flex;
    align-items: center;
    height: 80px;
}

#pic14{
    width: 50vw;
    margin-bottom: 50px;
    margin-top: 20px;
}

.modal-body{
    font-weight: 400;
}

#pic15{
    margin-top: 20px;
    width: 100%;
    margin-bottom: 20px;
}

#page7 .title{
    margin-bottom: 0;
}

#page7 .description2{
    margin-bottom: 26px;
}

.radioboxlabel{
    font-weight: 200;
    font-size: 14px;
}

.info-element1{
    font-size: 12px;
    font-weight: 200;
    color:#717171;
}

.info1{
    /* display: flex; */
    /* flex-direction: row; */
}

.info-content{
    /* width: 50%; */
}