@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face {
    font-family: 'Strong';
    src: url('../fonts/StrongRegular.eot');
    src: url('../fonts/StrongRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/StrongRegular.woff2') format('woff2'),
        url('../fonts/Strong.otf') format('otf'),
        url('../fonts/StrongRegular.woff') format('woff'),
        url('../fonts/StrongRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Roman.eot');
    src: url('../fonts/HelveticaNeue-Roman.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Roman.woff') format('woff'),
        url('../fonts/HelveticaNeue-Roman.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Light.eot');
    src: url('../fonts/HelveticaNeue-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Light.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Light.woff') format('woff'),
        url('../fonts/HelveticaNeue-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Medium.eot');
    src: url('../fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('../fonts/HelveticaNeue-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Thin.eot');
    src: url('../fonts/HelveticaNeue-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Thin.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Thin.woff') format('woff'),
        url('../fonts/HelveticaNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-UltraLight.eot');
    src: url('../fonts/HelveticaNeue-UltraLight.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-UltraLight.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-UltraLight.woff') format('woff'),
        url('../fonts/HelveticaNeue-UltraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Black.eot');
    src: url('../fonts/HelveticaNeue-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Black.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Black.woff') format('woff'),
        url('../fonts/HelveticaNeue-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Bold.eot');
    src: url('../fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('../fonts/HelveticaNeue-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeue-Heavy.eot');
    src: url('../fonts/HelveticaNeue-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeue-Heavy.woff2') format('woff2'),
        url('../fonts/HelveticaNeue-Heavy.woff') format('woff'),
        url('../fonts/HelveticaNeue-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}






* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    overflow-x: hidden;
    background-color: #FDFDFD;
}

main {
    overflow: hidden;
}

a {
    text-decoration: none;
}

.btn:focus {
    outline: none;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

button:focus {
    outline: none;
    box-shadow: none;
}

.btn:focus {
    outline: none;
    box-shadow: none;
}

header nav .navbar-brand{
    padding: 0;
    margin: 0;
    width: 15%;
}

footer .footer-quick .footer-logo{
    width:15%;
}
/*header*/
header{
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    padding: 10px 10px 0;
}
header:before{
    content: '';
    width: 408px;
    height: 408px;
    background: #2C65FF;
    position: absolute;
    top: -330%;
    left: -15%;
    filter: blur(300px);
    opacity: 0.5;
    border-radius: 50%;
    z-index: -1;

}
header:after{
    content: '';
    width: 466px;
    height: 466px;
    position: absolute;
    border-radius: 50%;
    top: 0;
    right: -15%;
    background: #2C65FF;
    filter: blur(400px);
    opacity: 0.4;
    z-index: -1;

}
header nav #navbarSupportedContent ul{
margin:0 auto 0 30%;
}
header nav #navbarSupportedContent ul li:first-child{
    margin: 0;
}
header nav #navbarSupportedContent ul li{
    margin: 0 0 0 32px;
}
header nav #navbarSupportedContent ul li a{
    font-family: Helvetica Neue;
font-weight: 400;
font-size: 18px;
text-align: center;
color: #FDFDFD;
padding: 0;
}
header nav #navbarSupportedContent ul li a:hover{
        color:#F8F2BF;
}
header nav #navbarSupportedContent ul li a.active{
    color:#F8F2BF;
}
header nav #navbarSupportedContent form a img{
    margin: 0 0 0 8px;
}
header nav #navbarSupportedContent form a{
    display: block;
    height: 50px;
    width: 150px;
    line-height: 50px;
    text-align: center;
    border-radius: 63px;
    color:#0B091B;
    background: #F8F2BF;
    font-family: Helvetica Neue;
font-weight: 700;
font-size: 18px;

}

.banner-sec{
    position: relative;
    background-color: #01081B;
    padding: 150px 0 80px;
    z-index: 1;

}
.banner-sec h1 span{
position: absolute;
top: -6%;
    left: 5%;
background: #FDFDFD;
font-family: Helvetica Neue;
font-weight: 700;
font-size: 22px;
line-height: 100%;
text-transform: uppercase;
color: #0B091B;
padding: 6px 15px;
border-radius: 72px;
transform: rotate(-5deg);
text-align: center;
}
.banner-sec h1{
    font-family: Strong;
font-weight: 400;
font-size: 140px;
line-height: 120px;
text-align: center;
text-transform: uppercase;
color: #F8F2BF;
position: relative;
    width: 55%;
    margin: 0 auto;

}
.banner-sec .text-with-video .text-box{
    width: 27%;
}
.banner-sec .text-with-video .text-box p{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 18px;
line-height: 24px;
margin: 0 0 32px;
color: #999999;

}
.banner-sec .text-with-video .text-box .author-platform a:last-child img{
    margin: 0 0 0 12px;
}
.banner-sec .text-with-video{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px;
}
.banner-sec .text-with-video:after{
    content: '';
    background: #2C65FF;
    filter: blur(250px);
    opacity: .4;
    width: 286px;
    height: 286px;
    position: absolute;
    right: 3%;
    z-index: -1;
    bottom: 3%;
    border-radius: 50%;

}
.banner-sec .text-with-video:before{
    content: '';
    background: #2C65FF;
    filter: blur(300px);
    width: 408px;
    height: 408px;
    border-radius: 50%;
    opacity: .5;
    position: absolute;
    z-index: -1;
    left: -20%;
    bottom: -20%;

}
.banner-sec .text-with-video .video-box a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-sec .text-with-video .video-box{
    position: relative;

}
.banner-sec .slider-img{
position: relative;
    padding: 80px 0 210px;
}
.banner-sec .slider-img .curve-slider{
    position: absolute;
    top: 0;
    width: 105%;
    left: -5%;
}
.banner-sec .slider-img .author-img{
    position: absolute;
    top: -35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(5deg) scale(0.75);

}

/*About*/
.about{
    padding: 150px 0;
}


.about h3{
    font-family: Strong;
font-weight: 400;
font-size: 56px;
line-height: 100%;
text-transform: uppercase;
color: #00113A;
margin: 0 0 20px;
position: relative;
}
.about h3 span{
    background: #F8F2BF;
    border: 1px solid #C8C188;
    border-radius: 72px;
    padding: 9px 16px;
    transform: rotate(-5deg);
    position: absolute;
    font-family: Helvetica Neue;
font-weight: 700;
font-size: 18px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
top: 0%;
    top: -25%;
    left: 2%;

}
.about p{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 24px;
line-height: 32px;

color: #727272;
margin: 0;

}

.about .target-about-img img{
    margin: 0 auto;
    display: table;
    position: relative;
  top: 0;
  left: 0;
  transform:translate(0, -790px) scale(0.75) rotate(5deg);
  transform-origin: center;
  will-change: transform;
  z-index: 999;
}
.about .author-platform-btn a:first-child img{
    margin: 0;
}
.about .author-platform-btn a img{
    margin:0 0 0 20px; 
}
.about .author-platform-btn{
    background-color: #F1F1F1;
    border-radius: 56px;
    padding: 14px 24px;
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}
.about .read-btn a img{
    margin: 0 0 0 8px;
}
.about .read-btn a{
display: block;
margin: 30px 0 0;
border: 1px solid #00113A;
width: 170px;
height: 55px;
line-height: 55px;
text-align: center;
border-radius: 63px;
font-family: Helvetica Neue;
font-weight: 700;
font-size: 18px;
color: #00113A;

}
/*book section*/
.book-home-sec{
    position: relative;
    z-index: 9;
}
.book-home-sec:before{
    content: '';
    background: #639BE4;
    filter: blur(400px);
    width: 304px;
    height: 304px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: -10%;
    left: -5%;
    border-radius: 50%;
}
.book-comingsoon-left-box:after{
content: '';
    background: #F8F2BF;
    filter: blur(300px);
    width: 408px;
    height: 408px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: -17%;
    left: 85%;
    border-radius: 50%;
}
.book-comingsoon-left-box:before{
content: '';
    background: #639BE4;
    filter: blur(400px);
    width: 456px;
    height: 456px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: 15%;
    left: 15%;
    border-radius: 50%;
}
.book-home-sec:after{
    content: '';
    background: #F8F2BF;
    filter: blur(300px);
    width: 408px;
    height: 408px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: 10%;
    left: -15%;
    border-radius: 50%;
}
.book-comingsoon-right-box:after{
content: '';
    background: #F8F2BF;
    filter: blur(300px);
    width: 408px;
    height: 408px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: -20%;
    right: 30%;
    border-radius: 50%;
}
.book-comingsoon-right-box:before{
    content: '';
    background: #639BE4;
    filter: blur(400px);
    width: 456px;
    height: 456px;
    opacity: .3;
    position: absolute;
    z-index: -1;
    top: 20%;
    left: 15%;
    border-radius: 50%;
}
.book-home-sec h3{
    font-family: Strong;
font-weight: 400;
font-size: 56px;
line-height: 100%;
text-align: center;
text-transform: uppercase;
color: #00113A;
margin: 0 0 16px;

}
.book-home-sec p{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 18px;
line-height: 24px;
width: 48%;
margin: 0 auto 70px;
text-align: center;
color: #727272;

}
.book-home-sec .books-box:before{
    content: '';
    background: #639BE4;
    filter: blur(400px);
    opacity: .3;
    position: absolute;
    bottom: 0;
    width: 456px;
    height: 456px;
    border-radius: 50%;
    z-index: -1;
    right: 0;
}
.book-home-sec .books-box{
    border-radius: 24px;
    background-color: #fff;
    border: 1px solid #F1F1F1;
    padding: 16px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.book-home-sec .books-box h6{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 14px;
line-height: 24px;
color: #727272;
margin: 0 0 8px;

}
.book-home-sec .books-box h5{
font-family: Helvetica Neue;
font-weight: 500;
font-size: 24px;
line-height: 24px;
color: #727272;
margin: 0 0 16px;

}
.book-home-sec .books-box h4{
    font-family: Strong;
font-weight: 400;
font-size: 44px;
text-transform: uppercase;
color: #00113A;
margin: 0;

}
.book-home-sec .books-box .platform-link a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F1F1F1;
    border-radius: 12px;
    padding: 0 24px;
    height: 55px;
    line-height: 55px;
    margin: 0 0 8px;
}
.book-home-sec .books-box .book-img-left{
        width: 34%;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn{
    position: absolute;
    top: -30px;
    right:0;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn a{
border: 1px solid #00113A;
width: 55px;
height: 55px;
border-radius: 50%;
display:block;
text-align: center;
line-height: 50px;
}
.book-home-sec .books-box .book-content-right .book-content-up{
    position: relative;
}
.book-home-sec .books-box .book-content-right{
    width: 60%;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.book-home-sec .book-comingsoon-left-box{
        position: absolute;
    left: -8.5%;
    top: 0;
}
.book-home-sec .book-comingsoon-right-box{
        position: absolute;
    right: -8.5%;
    top: 0;
}
.book-home-sec .books-slides{
    position: relative;
}
/*ticker*/
.ticker-sec{
    padding: 140px 0;
    position: relative;
    cursor: none;
    z-index: 1;
}
.ticker-sec:before{
    content: '';
    background: #97C4FF;
    filter: blur(400px);
    height: 304px;
    width: 304px;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 10%;
    left: 40%;
}
.ticker-sec .single-marquee{
    opacity: .15;
      overflow: hidden;
  width: 100%;
}
.ticker-sec .single-marquee ul{
      display: flex;
  width: max-content;
  gap: 20px;
}
.marquee-track {
  display: flex;
  width: max-content;
    gap: 20px;
}
.ticker-sec .buy-now img{
    margin: 0 0 8px;
    display: table;
}
.ticker-sec .buy-now{
      position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  transform: translate(-50%, -50%);
  opacity: 0;
  z-index: 9999;
    width: 200px;
    height: 200px;
    backdrop-filter: blur(32px);
    border: 0.67px solid #FFFFFFD6;
    background: #FFFFFF40;
    box-shadow: 0px 0px 72px 0px #0C369C12;
    font-family: Helvetica Neue;
    font-weight: 700;
    font-size: 24px;
    line-height: 32px;
    color: #00113A;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.ticker-sec .single-marquee ul li{
    font-family: Strong;
font-weight: 400;
font-size: 91.9px;
line-height: 91.9px;
text-transform: uppercase;
color: #00113A;
  display: flex;
  align-items: center;
  gap: 20px;
  white-space: nowrap;


}
.watch{
    padding:0 0 70px 0;
    position: relative;
    z-index: 1;
}
.watch .watch-box{
    background-color: #fff;
    border-radius: 32px;
    padding:16px;
}
.watch .watch-box .watch-top-text p{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #727272;
    margin: 0;
    width: 40%;

}
.watch .watch-box .watch-top-text h3{
    font-family: Strong;
font-weight: 400;
font-size: 56px;
line-height: 100%;
color: #00113A;
margin: 0;
text-transform: uppercase;

}
.watch .watch-box .video-thumbnail .video-thumbnail-btn a img{
    width: 40px;
    height: 40px;
}
.watch .watch-box .video-thumbnail .video-thumbnail-btn a{
    background: #6680D740;
border: 2.18px solid #FFFFFF33;
backdrop-filter: blur(52px);
height: 88px;
width: 88px;
border-radius: 50%;
display: block;
text-align: center;
line-height: 80px;

}
.watch .watch-box .video-thumbnail .video-thumbnail-btn{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;

}
.watch .watch-box .video-thumbnail{
    position: relative;
}
.watch .watch-box:before{
    background: #F8F2BF;
    content: '';
    width: 408px;
    height: 408px;
    opacity: .3;
    border-radius: 50%;
    filter: blur(300px);
    position: absolute;
    top: 20%;
    left: 0;
    z-index: -1;
}
.watch .watch-box:after{
    background: #97C4FF;
    content: '';
    width: 444px;
    height: 444px;
    border-radius: 50%;
    filter: blur(400px);
    position: absolute;
    bottom: 0;
    left: 5%;
    z-index: -1;
}
.watch:after{
    background: #97C4FF;
    content: '';
    width: 444px;
    height: 444px;
    border-radius: 50%;
    filter: blur(400px);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.watch:before{
    background: #97C4FF;
    content: '';
    width: 413px;
    height: 413px;
    border-radius: 50%;
    filter: blur(400px);
    position: absolute;
    bottom: -5%;
    right: 8%;
    z-index: -1;
}
.watch .watch-box .watch-top-text:before{
    content: '';
    position: absolute;
    background: #97C4FF;
    width: 304px;
    height: 304px;
    filter: blur(400px);
    border-radius: 50%;
    left: 10%;
    top: 10%;
    z-index: -1;
}
.watch .watch-box .watch-top-text:after{
    content: '';
    position: absolute;
    background: #97C4FF;
    width: 304px;
    height: 304px;
    filter: blur(400px);
    border-radius: 50%;
    right: 10%;
    top: 15%;
    z-index: -1;
}
.watch .watch-box .watch-top-text{
    display: flex;
    justify-content: space-between;
    padding: 32px;
}
/*contact*/
.contact{
    padding: 0 0 100px;
    position: relative;
    z-index: 1;
}
.contact .contact-box .contact-img{
    width: 50%;
}
.contact .contact-box .contact-form{
width: 45%;
margin: 0 auto;
}
.contact .contact-box .contact-form h3{
    font-family: Strong;
font-weight: 400;
font-size: 56px;
text-transform: uppercase;
color: #0D0D0D;
margin: 0 0 16px;
}
.contact .contact-box .contact-form p{
    font-family: Helvetica Neue;
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #727272;
margin: 0 0 24px;
}
.contact .contact-box .contact-form .custom-input input::placeholder{
color: #9F9F9F;
}
.contact .contact-box .contact-form .custom-input input{
    border: 1px solid #E1E1E1;
    width: 100%;
    height: 55px;
    line-height: 55px;
    border-radius: 32px;
    padding: 0 20px 0;
    color: #00113A;
    margin: 0 0 16px;
    font-family: Helvetica Neue;
font-weight: 400;
font-size: 16px;
line-height: 28px;
background-color: transparent;
outline: none;

}
.contact .contact-box .contact-form .custom-input textarea::placeholder{
color: #9F9F9F;
}
.contact .contact-box .contact-form .custom-input textarea{
    border: 1px solid #E1E1E1;
    width: 100%;
    height: 145px;
    border-radius: 32px;
    padding: 10px 20px;
    color: #00113A;
    margin: 0 0 24px;
    font-family: Helvetica Neue;
font-weight: 400;
font-size: 16px;
line-height: 28px;
background-color: transparent;
outline: none;
resize: none;
}
.contact .contact-box .contact-form button img{
    margin: 0 0 0 8px;
}
.contact .contact-box .contact-form button{
    width: 100%;
    background: #00113A;
    border:none;
    border-radius: 63px;
    height: 50px;
    line-height: 50px;
    font-family: Helvetica Neue;
font-weight: 700;
font-size: 18px;
line-height: 24px;
text-align: center;
color: #F8F2BF;


}
.contact .contact-box{
    background: #FFFFFF;
    border-radius: 32px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/*footer*/
footer{
    background-color: #01081B;
    padding: 50px 0 0;
    position: relative;
    overflow:hidden;
}
footer:after{
    content: '';
    filter: blur(400px);
    background: #2C65FF;
    opacity: .4;
    width: 1100px;
    height: 630px;
    position: absolute;
    bottom: -35%;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
}
footer .footer-quick:before{
    content: '';
    background: #2C65FF;
    filter: blur(200px);
    opacity: .4;
    width: 342px;
    height: 342px;
    border-radius: 50%;
    position: absolute;
    left: -9%;
    top: -17%;
}
footer .footer-quick:after{
    content: '';
    background: #2C65FF;
    filter: blur(200px);
    opacity: .4;
    width: 342px;
    height: 342px;
    border-radius: 50%;
    position: absolute;
    right: -9%;
    top: -17%;
}
footer .footer-quick{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
footer .footer-quick ul.links li a.active , footer .footer-quick ul.links li a:hover{
    color: #F8F2BF;

}
footer .footer-quick ul.links li{
    display: inline-block;
}
footer .footer-quick ul.links li a{
    font-family: Helvetica Neue;
font-weight: 400;
font-size: 18px;
text-align: center;
color: #FDFDFD;

}
footer .footer-quick ul.social li:first-child{
    margin: 0;
}
footer .footer-quick ul.links li:first-child{
    margin: 0;
}
footer .footer-quick ul.social li{
    display: inline-block;
    margin: 0 0 0 8px;
}
footer .footer-quick ul.social li a{
    height: 48px;
    line-height: 43px;
    width: 48px;
    text-align: center;
    border: 1px solid #FDFDFD;
    display: block;
    border-radius: 50%;
    transition: .2s all ease-in-out;
}
footer .footer-quick ul.social li a:hover img{
   filter: brightness(0);
}
footer .footer-quick ul.social li a:hover{
    background: #F8F2BF;
      border: 1px solid #F8F2BF;

}
footer .footer-quick ul.links li{
display: inline-block;
margin: 0 0 0 32px;
}
footer  hr{
    margin: 35px 0 20px;
    background-color: #192B55;
    opacity: 1;
}
footer p a{
        color: #F8F2BF;
}
footer p{
    font-family: Helvetica Neue;
font-weight: 400;
font-size: 18px;
text-align: center;
color: #FDFDFD;
margin: 0;
}
footer .bottom-name-footer{
    width: 100%;
    opacity: .2
}
footer .glass-img{
        position: absolute;
    mix-blend-mode: lighten;
    transform: rotate(4.96deg);
    bottom: 5%;
}
footer .water-drops{
        margin: 0 0 0 auto;
    display: table;
    mix-blend-mode: lighten;
}
footer .video-glass video{
    mix-blend-mode: lighten;
    position: absolute;
    top: 0;
    width: 100%;
}
footer .video-glass{
     padding: 300px 0;
    position: relative;
}
@media only screen and (min-width: 1707px) and (max-width: 1920px) {

.book-home-sec .books-box .book-img-left img{
    width: 100%;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1397px) {
    .banner-sec h1{
        font-size: 120px;
    }
    .banner-sec .text-with-video .text-box {
    width: 34%;
}

}

@media only screen and (min-width: 1366px) and (max-width: 1444px) {}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
      footer .video-glass {
    padding: 250px 0;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    footer .video-glass {
    padding: 250px 0;
    }
header nav #navbarSupportedContent ul{
    margin: 0 auto 0;
}
.banner-sec h1{
        font-weight: 400;
    font-size: 100px;
}
.banner-sec .text-with-video .text-box {
    width: 35%;
}
.banner-sec .text-with-video .text-box p{
        font-size: 16px;
    line-height: 20px;
}
.banner-sec .text-with-video .text-box .author-platform{
    display: flex;
    gap:10px;
}
.about h3{
    font-size: 44px;
}
.about p{
        font-size: 16px;
    line-height: 25px;
}
.about .author-platform-btn{
    gap:10px;
}
.about .author-platform-btn a:first-child img{
    margin: 0;
}
.book-home-sec p{
    width: 65%;
}
.about{
    padding: 100px 0;
}
.book-home-sec .books-box .book-content-right{
    padding: 0;
}
.book-home-sec .books-box h6{
    font-size: 14px;
    line-height: 24px;
    padding: 0 30px 0 0;
}
.book-home-sec .books-box h5{
    font-size: 18px;
}
.book-home-sec .books-box h4{
        font-size: 18px;
        margin: 10px 0 5px;
}
.ticker-sec{
    padding: 70px 0;
}
.watch .watch-box .watch-top-text h3{
        font-size: 44px;
}
.watch .watch-box .watch-top-text p{
    width: 50%;
}
.contact .contact-box .contact-form h3{
        font-size: 34px;
            margin: 0 0 5px;
}
.contact .contact-box .contact-form p{
    font-size: 16px;
    line-height: 20px;
        margin: 0 0 15px;
}
}

@media only screen and (min-width: 767px) and (max-width: 991px) {
        .book-home-sec .books-box .book-img-left img{
    width: 100%;
}
    footer .water-drops{
          width: 20%;  
    }
    footer .bottom-name-footer {
    width: 100%;
    opacity: 1;
    }
    footer .glass-img{
        bottom: 20%;
        width: 60%;
    }
    footer p{
        font-size: 14px;
    }
    footer .footer-quick{
        flex-direction: column;
        gap: 15px;
    }
    footer .footer-quick ul.links li{
        margin: 0 0 0 15px;
    }
    footer .footer-quick ul.links li a{
        font-size: 16px;
    }
        footer:after{
        bottom:0;
        width: 100%;
        height: 100%;
    }
    footer .footer-quick:before , header:after , header:before , .banner-sec .text-with-video:before , footer .footer-quick:after{
        content: inherit;
    }
    .about h3{
            font-size: 44px;
            text-align: center;
    }
    .about h3 span{
            top: -25%;
            left: 0;
            right: 0;
            width: 95px;
            margin: 0 auto;
            font-size: 14px;2px;
            padding: 3px 7px;
    }
    .about .read-btn a{
        margin: 20px auto 0;
            height: 40px;
    line-height: 40px;
        font-size: 16px;
    }
    .about p{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 30px;
    text-align: center;
    }
    .contact .contact-box{
        flex-direction: column;
    }
    .contact .contact-box .contact-img{
        width: 100%;
    }
    .contact .contact-box , .watch .watch-box{
    border-radius: 10px;
    padding: 10px;
    }
    .contact .contact-box .contact-form{
        width: 100%;
    }
    .contact .contact-box .contact-form{
        margin: 20px auto 0;
    }
    .contact .contact-box .contact-form h3{
        font-size: 44px;
        margin: 0px 0 10px;
        text-align: center;
    }
    .contact .contact-box .contact-form p{
        font-size: 16px;
        text-align: center;
    }
   .watch .watch-box .watch-top-text{
        flex-direction: column;
        padding: 10px;
        gap:15px;
    }
    .watch .watch-box .watch-top-text h3{
        font-size: 34px;
        text-align: center;
    }
    .watch .watch-box .watch-top-text p{
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .watch .watch-box .video-thumbnail .video-thumbnail-btn a img {
    width: 15px;
    height: 15px;
}
.watch .watch-box .video-thumbnail .video-thumbnail-btn a{
        line-height: 36px;
        height: 44px;
    width: 44px;
}
.contact , .watch{
    padding: 0 0 40px;
}
.ticker-sec {
    padding: 40px 0;
}
 .about{
    padding: 60px 0;
 }
.ticker-sec .single-marquee ul li{
    font-size: 44px;
    line-height: 44px;
        gap: 15px;
}
.ticker-sec .single-marquee ul{
    gap: 15px;
}
.book-home-sec .books-box{
    padding: 15px;
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
}
.book-home-sec .books-box h6{
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px;
        text-align: center;
}
.book-home-sec .books-box .book-content-right{
    padding: 20px 0 0;
    width: 100%;
}
.book-home-sec .books-box h4{
    font-size: 44px;
    margin: 0 0 15px 0;
}
.book-home-sec .books-box h5{
    font-size: 20px;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn{
        position: relative;
    top: 0;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn a{
    margin: 0 0 15px;
}
.book-home-sec .books-box .book-img-left{
    width: 100%;
}
.book-home-sec p{
    font-size: 16px;
    line-height: 24px;
    width: 95%;
    margin: 0 auto 30px;
}
.book-home-sec h3{
    width: 95%;
    margin: 0 auto 20px;
    font-size: 44px;
    text-align: center;
}
.about .author-platform-btn{
        padding: 5px 15px;
        margin: 20px 0;
        justify-content: space-around;
}
.about .author-platform-btn a img{
        margin: 0 0 0 8px;
}
.banner-sec .text-with-video{
    flex-direction: column;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.banner-sec .text-with-video .text-box{
    width: 70%;
}
.banner-sec .text-with-video .text-box p{
      font-size: 16px;
      line-height: 24px;
      margin: 0 0 20px;
      text-align: center;
}
.about .target-about-img img{
    transform: inherit;
    width: 100%;
}
.banner-sec h1{
        width: 100%;
        font-size: 56px;
        line-height: 56px;
}
.banner-sec h1 span {
        position: absolute;
        top: -20%;
        left: 0%;
        font-size: 14px;
        padding: 5px 0px;
        right: 0;
        margin: 0 auto;
        width: 130px;
}
.banner-sec .slider-img{
    padding: 100px 0;
}
.banner-sec .slider-img .curve-slider {
    top: 10px;
    width: 120%;
    left: -50px;
}
.book-home-sec , .ticker-sec{
    overflow-x: hidden;
}
.banner-sec{
    padding: 130px 0px 50px;
    overflow: hidden;
}
.banner-sec .text-with-video .text-box .author-platform a:last-child img{margin: 0 0 0 10px;}
.banner-sec .text-with-video .text-box .author-platform a img{margin: 0 0 0 10px;display: inline;}
.watch:after , .watch .watch-box .watch-top-text:before , .watch .watch-box .watch-top-text:after , .watch:before , .watch .watch-box:before , .watch .watch-box:after , .ticker-sec:before , .book-home-sec:before , .book-home-sec:after , .book-home-sec .books-box:before{
content: inherit;
}
header nav .navbar-brand{
        margin: 0;
    padding: 0;
    width: 65%;
}
.navbar-toggler{
        padding: 0;
    border: none;
    box-shadow: inherit;
    width: 10%;
}
header nav #navbarSupportedContent{
        background: #000;
    padding: 20px 0px;
    border-radius: 10px;
}
header nav #navbarSupportedContent ul{
    margin: 0 auto;
}
header nav #navbarSupportedContent ul li{
    margin: 10px 0 0;
}
header nav #navbarSupportedContent form a{
    height: 40px;
    width: 150px;
    line-height: 40px;
    margin: 15px auto; 
}
 .banner-sec .text-with-video .text-box .author-platform{
        display: flex;
        justify-content: center;
    }
    header nav .navbar-brand{
        margin: 0;
    padding: 0;
    width: 35%;
}
footer .footer-quick .footer-logo{
    width:35%;
}
footer .video-glass {
    padding: 165px 0;
}
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
    .banner-sec .text-with-video .text-box .author-platform{
        display: flex;
        justify-content: center;
    }

        .book-home-sec .books-box .book-img-left img{
    width: 100%;
}
    footer .water-drops{
          width: 30%;  
    }
    footer .bottom-name-footer {
    width: 100%;
    opacity: 1;
    }
    footer .glass-img{
    bottom: 10%;
    width: 70%;
    }
    footer p{
        font-size: 14px;
    }
    footer .footer-quick{
        flex-direction: column;
        gap: 15px;
    }
    footer .footer-quick ul.links li{
        margin: 0 0 0 15px;
    }
    footer .footer-quick ul.links li a{
        font-size: 16px;
    }
        footer:after{
        bottom:0;
        width: 100%;
        height: 100%;
    }
    footer .footer-quick:before , header:after , header:before , .banner-sec .text-with-video:before , footer .footer-quick:after{
        content: inherit;
    }
    .about h3{
            font-size: 44px;
            text-align: center;
    }
    .about h3 span{
            top: -25%;
            left: 0;
            right: 0;
            width: 95px;
            margin: 0 auto;
            font-size: 14px;2px;
            padding: 3px 7px;
    }
    .about .read-btn a{
        margin: 20px auto 0;
            height: 40px;
    line-height: 40px;
        font-size: 16px;
    }
    .about p{
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 30px;
    text-align: center;
    }
    .contact .contact-box{
        flex-direction: column;
    }
    .contact .contact-box .contact-img{
        width: 100%;
    }
    .contact .contact-box , .watch .watch-box{
    border-radius: 10px;
    padding: 10px;
    }
    .contact .contact-box .contact-form{
        width: 100%;
    }
    .contact .contact-box .contact-form{
        margin: 20px auto 0;
    }
    .contact .contact-box .contact-form h3{
        font-size: 44px;
        margin: 0px 0 10px;
        text-align: center;
    }
    .contact .contact-box .contact-form p{
        font-size: 16px;
        text-align: center;
    }
   .watch .watch-box .watch-top-text{
        flex-direction: column;
        padding: 10px;
        gap:15px;
    }
    .watch .watch-box .watch-top-text h3{
        font-size: 34px;
        text-align: center;
    }
    .watch .watch-box .watch-top-text p{
        width: 100%;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
    }
    .watch .watch-box .video-thumbnail .video-thumbnail-btn a img {
    width: 15px;
    height: 15px;
}
.watch .watch-box .video-thumbnail .video-thumbnail-btn a{
        line-height: 36px;
        height: 44px;
    width: 44px;
}
.contact , .watch{
    padding: 0 0 40px;
}
.ticker-sec {
    padding: 40px 0;
}
 .about{
    padding: 60px 0;
 }
.ticker-sec .single-marquee ul li{
    font-size: 44px;
    line-height: 44px;
        gap: 15px;
}
.ticker-sec .single-marquee ul{
    gap: 15px;
}
.book-home-sec .books-box{
    padding: 15px;
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
}
.book-home-sec .books-box h6{
        font-size: 16px;
        line-height: 24px;
        margin: 0 0 15px;
        text-align: center;
}
.book-home-sec .books-box .book-content-right{
    padding: 20px 0 0;
    width: 100%;
}
.book-home-sec .books-box h4{
    font-size: 44px;
    margin: 0 0 15px 0;
}
.book-home-sec .books-box h5{
    font-size: 20px;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn{
        position: relative;
    top: 0;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn a{
    margin: 0 0 15px;
}
.book-home-sec .books-box .book-img-left{
    width: 100%;
}
.book-home-sec p{
    font-size: 16px;
    line-height: 24px;
    width: 95%;
    margin: 0 auto 30px;
}
.book-home-sec h3{
    width: 95%;
    margin: 0 auto 20px;
    font-size: 44px;
    text-align: center;
}
.about .author-platform-btn{
        padding: 5px 15px;
        margin: 20px 0;
        justify-content: space-around;
}
.about .author-platform-btn a img{
        margin: 0 0 0 8px;
}
.banner-sec .text-with-video{
    flex-direction: column;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.banner-sec .text-with-video .text-box{
    width: 70%;
}
.banner-sec .text-with-video .text-box p{
      font-size: 16px;
      line-height: 24px;
      margin: 0 0 20px;
      text-align: center;
}
.about .target-about-img img{
    transform: inherit;
    width: 100%;
}
.banner-sec h1{
        width: 100%;
        font-size: 56px;
        line-height: 56px;
}
.banner-sec h1 span {
        position: absolute;
        top: -20%;
        left: 0%;
        font-size: 14px;
        padding: 5px 0px;
        right: 0;
        margin: 0 auto;
        width: 130px;
}
.banner-sec .slider-img{
    padding: 100px 0;
}
.banner-sec .slider-img .curve-slider {
    top: 30px;
    width: 120%;
    left: -50px;
}
.book-home-sec , .ticker-sec{
    overflow-x: hidden;
}
.banner-sec{
    padding: 130px 0px 50px;
    overflow: hidden;
}
.banner-sec .text-with-video .text-box .author-platform a:last-child img{margin: 0 0 0 10px;}
.banner-sec .text-with-video .text-box .author-platform a img{margin: 0 0 0 10px;display: inline;}
.watch:after , .watch .watch-box .watch-top-text:before , .watch .watch-box .watch-top-text:after , .watch:before , .watch .watch-box:before , .watch .watch-box:after , .ticker-sec:before , .book-home-sec:before , .book-home-sec:after , .book-home-sec .books-box:before{
content: inherit;
}
header nav .navbar-brand{
        margin: 0;
    padding: 0;
    width: 40%;
}
.navbar-toggler{
        padding: 0;
    border: none;
    box-shadow: inherit;
    width: 10%;
}
header nav #navbarSupportedContent{
        background: #000;
    padding: 20px 0px;
    border-radius: 10px;
}
header nav #navbarSupportedContent ul{
    margin: 0 auto;
}
header nav #navbarSupportedContent ul li{
    margin: 10px 0 0;
}
header nav #navbarSupportedContent form a{
    height: 40px;
    width: 150px;
    line-height: 40px;
    margin: 15px auto; 
}
footer .footer-quick .footer-logo{
    width:40%;
}
 footer .video-glass{
        padding:100px 0;
    }
}

@media only screen and (min-width: 300px) and (max-width: 520px) {
    footer .video-glass{
        padding:100px 0;
    }
    footer .footer-quick .footer-logo{
        width:60%;
    }
    .book-home-sec .books-box .book-img-left img{
    width: 100%;
}
    footer .water-drops{
          width: 50%;  
    }
    footer .bottom-name-footer {
    width: 100%;
    opacity: 1;
    }
    footer .glass-img{
    bottom: 10%;
    width: 100%;
    }
    footer p{
        font-size: 14px;
    }
    footer .footer-quick{
        flex-direction: column;
        gap: 15px;
    }
    footer .footer-quick ul.links li{
        margin: 0 0 0 15px;
    }
    footer .footer-quick ul.links li a{
        font-size: 16px;
    }
    footer:after{
        bottom:0;
        width: 100%;
        height: 100%;
    }
    footer .footer-quick:before , header:after , header:before , .banner-sec .text-with-video:before , footer .footer-quick:after{
        content: inherit;
    }
    .about h3{
            font-size: 24px;
            text-align: center;
    }
    .about h3 span{
            top: -65%;
    left: 0;
            right: 0;
        width: 65px;
        margin: 0 auto;
        font-size: 12px;
            padding: 3px 7px;
    }
    .about .read-btn a{
        margin: 20px auto 0;
            height: 40px;
    line-height: 40px;
        font-size: 16px;
    }
    .about p{
    font-size: 14px;
        line-height: 18px;
        margin: 0 0 30px;
        text-align: center;
    }
    .contact .contact-box{
        flex-direction: column;
    }
    .contact .contact-box .contact-img{
        width: 100%;
    }
    .contact .contact-box , .watch .watch-box{
    border-radius: 10px;
    padding: 10px;
    }
    .contact .contact-box .contact-form{
        width: 100%;
    }
    .contact .contact-box .contact-form{
        margin: 20px auto 0;
    }
    .contact .contact-box .contact-form h3{
        font-size: 24px;
    margin: 0px 0 10px;
    text-align: center;
    }
    .contact .contact-box .contact-form p{
        font-size: 14px;
    text-align: center; 
    }
   .watch .watch-box .watch-top-text{
        flex-direction: column;
        padding: 10px;
        gap:15px;
    }
    .watch .watch-box .watch-top-text h3{
        font-size: 24px;
        text-align: center;
    }
    .watch .watch-box .watch-top-text p{
        width: 100%;
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
    .watch .watch-box .video-thumbnail .video-thumbnail-btn a img {
    width: 15px;
    height: 15px;
}
.watch .watch-box .video-thumbnail .video-thumbnail-btn a{
        line-height: 36px;
        height: 44px;
    width: 44px;
}
.contact , .watch{
    padding: 0 0 40px;
}
.ticker-sec {
    padding: 40px 0;
}
 .about{
    padding: 60px 0;
 }
.ticker-sec .single-marquee ul li{
    font-size: 44px;
    line-height: 44px;
        gap: 15px;
}
.ticker-sec .single-marquee ul{
    gap: 15px;
}
.book-home-sec .books-box{
    padding: 15px;
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    flex-direction: column;
}
.book-home-sec .books-box h6{
        font-size: 14px;
    line-height: 18px;
    margin: 0 0 15px;
     text-align: center;
}
.book-home-sec .books-box .book-content-right{
    padding: 20px 0 0;
    width: 100%;
}
.book-home-sec .books-box h4{
    font-size: 24px;
    text-align: center;
    margin: 0 0 15px 0;
}
.book-home-sec .books-box h5{
    font-size: 18px;
    text-align: center;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn{
        position: relative;
    top: 0;
}
.book-home-sec .books-box .book-content-right .book-content-up .readmore-btn a{
    margin: 0 auto 15px;
}
.book-home-sec .books-box .book-img-left{
    width: 100%;
}
.book-home-sec p{
    font-size: 14px;
    line-height: 18px;
    width: 95%;
    margin: 0 auto 30px;
}
.book-home-sec h3{
    width: 95%;
    margin: 0 auto 20px;
    font-size: 24px;
    text-align: center;
}
.about .author-platform-btn{
        padding: 5px 15px;
    margin: 20px 0;
    justify-content: center;
}
.about .author-platform-btn a img{
        margin: 0 0 0 8px;
}
.banner-sec .text-with-video{
    flex-direction: column;
    padding: 0;
    width: 100%;
    margin: 0 auto;
}
.banner-sec .text-with-video .text-box{
    width: 100%;
}
.banner-sec .text-with-video .text-box p{
      font-size: 14px;
    line-height: 18px;
    margin: 0 0 20px;
    text-align: center;  
}
.about .target-about-img img{
    transform: inherit;
    width: 100%;
}
.banner-sec h1{
        width: 100%;
        font-size: 44px;
    line-height: 44px;
}
.banner-sec h1 span {
        position: absolute;
        top: -20%;
        left: 0%;
        font-size: 14px;
        padding: 5px 0px;
        right: 0;
        margin: 0 auto;
        width: 130px;
}
.banner-sec .slider-img{
    padding: 70px 0;
}
.banner-sec .slider-img .curve-slider {
    top: 30px;
    width: 120%;
    left: -40px;
}
.book-home-sec , .ticker-sec{
    overflow-x: hidden;
}
.banner-sec{
    padding: 130px 0px 50px;
    overflow: hidden;
}
.banner-sec .text-with-video .text-box .author-platform a:last-child img{
margin: 0 auto 10px;
}
.banner-sec .text-with-video .text-box .author-platform a img{
margin: 0 auto 10px;
display: table;
}
.watch:after , .watch .watch-box .watch-top-text:before , .watch .watch-box .watch-top-text:after , .watch:before , .watch .watch-box:before , .watch .watch-box:after , .ticker-sec:before , .book-home-sec:before , .book-home-sec:after , .book-home-sec .books-box:before{
content: inherit;
}
header nav .navbar-brand{
        margin: 0;
    padding: 0;
    width: 50%;
}
.navbar-toggler{
        padding: 0;
    border: none;
    box-shadow: inherit;
    width: 20%;
}
header nav #navbarSupportedContent{
        background: #000;
    padding: 20px 0px;
    border-radius: 10px;
}
header nav #navbarSupportedContent ul{
    margin: 0 auto;
}
header nav #navbarSupportedContent ul li{
    margin: 10px 0 0;
}
header nav #navbarSupportedContent form a{
    height: 40px;
    width: 150px;
    line-height: 40px;
    margin: 15px auto; 
}
}