html {scroll-behavior: smooth;font-family: "Inter", sans-serif;}
body{margin:0px;padding:0px; overflow-x: hidden; position: relative;}
html, body, .section , .newspost, .whoreads{block-size: 100%;}
html {scroll-snap-type: y mandatory;}
.section {
scroll-snap-align: start;
scroll-snap-stop: always;
display: flex;
flex-direction: column;
}
.container{max-width:1140px;padding:0 20px;margin: 0 auto;width: 100%;}
img{max-width:100%;}
* {box-sizing: border-box;-moz-box-sizing: border-box;}
ul, ol{margin:0px;padding:0px;}
h2{margin: 0;padding: 0px;font-size: 52px;line-height:64px;font-weight: 700;color:#212121;margin-bottom: 24px;}
p{margin: 0;padding: 0px;font-size: 28px;line-height: 40px;font-weight: 400;color:#757575}

.pagewrap{width:100%;float:left;}
.flex-content{
display: flex;
align-items: center;
justify-content: space-between;
padding:10px 0 0 0;
}
.flex-content .flex-left{
width: 65%;

}

.flex-content .flex-left img{margin-bottom:12px;}
.flex-content .flex-left img.mint-logo{margin-bottom:42px;}
.flex-content .flex-left h1{margin: 0;padding: 0px;font-size: 52px;line-height:64px;font-weight: 700;color:#212121;margin-bottom: 12px;}
.flex-content .flex-left p{margin: 0;padding: 0px;font-size: 28px;line-height: 40px;font-weight: 400;color:#757575;margin-bottom: 30px;}

.qrCode {
    width: 40%;
    display: block;
}
.qrCode .dwnld-mint-app{
color: #02b1cd;
font-size: 18px;
line-height: 24px;
font-style: italic;
}
.qrCode img {
    margin-bottom: 12px;
}

.flex-content .flex-right{
width: 30%;
}

.flex-content2{
display: flex;
align-items: center;
justify-content: space-between;
padding:50px 0;
}
.flex-content2 .flex-right2{
width: 50%

}
.spacer{width:100%;float:left;}
.flex-content2 .flex-right2 h2{margin: 0;padding: 0px;font-size: 52px;line-height:64px;font-weight: 700;color:#212121;margin-bottom: 24px;}
.flex-content2 .flex-right2 p{margin: 0;padding: 0px;font-size: 28px;line-height: 40px;font-weight: 400;color:#757575;margin-bottom: 30px;}

.flex-content2 .flex-left2 img{max-width:200px;transition:all .2s ease}
.flex-content2 .flex-left2 img.image2{position:absolute;left:0px;z-index:1}
.section.second-section.digit.visible .flex-left2 img.image2{left:200px;z-index:2}
.flex-content2 .flex-left2{
width: 50%;
display:flex;flex-direction:row;position:relative;
}

.third-section{
width:100%;
background-image:url(../images/grad2.png);
position:relative;

background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 100px 0 180px;
}
.book1{transition: all 1000ms ease 0s;transform: rotate(0deg);}
.book2{transition: all 1000ms ease 0s;transform: rotate(0deg);}
.book3{transition: all 1000ms ease 0s;transform: rotate(0deg);}
.dosb .book1{transition: all 1000ms ease 0s; transform: rotate(0deg);}
.dosb .book2{transition: all 1000ms ease 0s; transform: rotate(35deg);}
.dosb .book3{transition: all 1000ms ease 0s; transform: rotate(65deg);}
.flex-content3{display: flex;align-items: center;justify-content: space-between;}
.flex-content3 .flex-left3{width: 46%;}
.flex-content3 .flex-right3{width: 53%;}
.flex-content3 .flex-left3 p {margin-bottom: 30px;}
.mint-specials .flex-left2 img{max-width:227px;}
.daily-capsuls .flex-content2{flex-direction: row-reverse;}
.daily-capsuls .vwrap{width: 240px;float:right;margin-left: 30%;border: 6px solid #3d3d3d;border-radius: 30px;overflow: hidden;}
.daily-capsuls .vwrap video{width: 240px;height: 509px;margin-bottom: -10px;border-radius: 30px;}

.mymint .vwrap{width:307px;float:right;margin-left:0;overflow: hidden;}
.mymint .vwrap video{width: 307px;height: 509px;margin-bottom: -10px;border-radius: 30px;}
.personalisation .flex-content2{flex-direction: row-reverse;}
.personalisation .flex-content2 .flex-left2{
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.personalisation .flex-content2 .flex-left2 .image-hidden{width:402px;height: 670px;overflow:hidden}
.personalisation .flex-content2 .flex-left2 .image-hidden img{max-width:100%;}

.section03 .flex-left2 {
    position: relative;
    left: 2000px;
    transition: all 1000ms ease 0s;
}
.section03.picOfDay .flex-left2 {
    position: relative;
    left: 0;
    transition: all 1000ms ease 0s;
}
.section03 .flex-right2 {
    position: relative;
    left: -2000px;
    transition: all 1000ms ease 0s;
}
.section03.picOfDay .flex-right2 {
    position: relative;
    left: 0;
    transition: all 1000ms ease 0s;
}
.section04 .flex-right2 {
    position: relative;
    top: -20000px;
    transition: all 1000ms ease 0s;
}
.section04.number_theory .flex-right2 {
    position: relative;
    top: 0;
    transition: all 1000ms ease 0s;
}
.section04 .flex-left2 {
    position: relative;
    bottom: -2000px;
    transition: all 1000ms ease 0s;
}
.section04.number_theory .flex-left2 {
    position: relative;
    bottom: 0;
    transition: all 1000ms ease 0s;
}
.section05 .flex-left2 {
    position: relative;
    left: -1500px;
    transition: all 1000ms ease 0s;
}
.section05.htWknd .flex-left2 {
    position: relative;
    left: 0;
    transition: all 1000ms ease 0s;
}
.section05 .flex-right2 {
    position: relative;
    right: -1500px;
    transition: all 1000ms ease 0s;
}
.section05.htWknd .flex-right2 {
    position: relative;
    right: 0;
    transition: all 1000ms ease 0s;
}

.downloadAppBtn {
    display: none;
}


@media (max-width: 768px) {
    .container {
        max-width: 100%;
        padding: 0 20px;
        margin: 0 auto;
        width: 100%;
    }
    .qrCode {
        display: none;
    }
    .downloadAppBtn {
        display: flex;
        width: 226px;
        height: 51px;
        border-radius: 25.5px;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.28);
        background-color: #02b1cd;
        font-size: 20px;
        font-weight: 700;
        color: #fff;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        margin-bottom: 60px;
    }
    .flex-content,
    .flex-content2,
    .flex-content3,
    .daily-capsuls .flex-content2 {
        flex-direction: column;
    }
    .flex-content .flex-left,
    .flex-content .flex-right,
    .flex-content3 .flex-left3,
    .flex-content3 .flex-right3
     {
        width: 100%;
    }
    .flex-content .flex-left h1,
    .flex-content2 .flex-right2 h2, h2 {
        font-size: 33px;
        line-height: normal;
    }
    .flex-content .flex-left p {
        font-size: 18px;
        line-height: normal;
        font-weight: 700;
    }
    .flex-content2 .flex-right2 p,
    .flex-content3 .flex-left3 p {
        font-size: 18px;
        line-height: normal;
        font-weight: normal;
    }
    .flex-content .flex-left img.mint-logo {
        margin-top: 80px;
    }
    .flex-content2 .flex-left2 {order: 2; width: 100%;}
    .flex-content2 .flex-right2 {order: 1; width: 100%;}
    .flex-content2 .flex-left2 img.image2 {left: -27px;}
    .flex-content2 .flex-left2 img.image1 {margin-left: -27px;}
    
    .sb-container {width: 100%;}
    .sb-container div.book1, .sb-container div.book2, .sb-container div.book3 {width: 156px; height:278px}
    .section03 .flex-left2, .section05 .flex-left2 {left: 0;}
    .section05 .flex-right2 {right:0} 
    .section.second-section.digit.visible .flex-left2 img.image2 {left: 140px; z-index: 2;}

    .appBtn {position: fixed;bottom: 20px;left: 0;right: 0;margin: 0 auto;z-index: 99;}

    .number_theory .flex-content2 .flex-left2 {right: -20px;}
}