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

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

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

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

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

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




@font-face {
    font-family: 'Andora Modern';
    src: url('../fonts/AndoraModernSerif.otf');
    
    font-weight: normal;
    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;
}
/*all glow circle*/
header:after{
      content: '';
    background: #A9E3FF;
    filter: blur(400px);
    position: absolute;
    right: 0;
    width: 260px;
    height: 260px;
    border-radius: 50%;

    z-index: -1;

}
header{
position: relative;
}
.sec-home-banner{
    position: relative;
}
.sec-home-banner:before{
content: '';
    background: #A9E3FF;
    filter: blur(400px);
    width: 260px;
    height: 260px;
    left: -60px;
    position: absolute;
    bottom: 130px;
    z-index: -1;
    border-radius: 50%;


}
.sec-home-banner:after{
    content: '';
    background: #E9530A;
filter: blur(500px);
position: absolute;
right: -60px;
bottom: 0;
width: 274px;
height: 274px;
    border-radius: 50%;
z-index: -1;
opacity: .15;
}
.about{
    position: relative;
}
.about:before{
    content: '';
    background: #A9E3FF;
    filter: blur(400px);
    width: 294px;
    height: 294px;
    border-radius: 50%;
    position: absolute;
    top: 90px;
    left: -80px;
    z-index: -1;
    opacity: .7;
}
.about:after{
     content: '';
    background: #E9530A;
    filter: blur(500px);
    width: 474px;
    height: 474px;
    border-radius: 50%;
    position: absolute;
    top: -160px;
    left: 150px;
    z-index: -1;
    opacity: .15;

}
.about .about-para:before{
content: '';
    background: #A9E3FF;
    filter: blur(200px);
    width: 294px;
    height: 294px;
    opacity: .5;
    border-radius: 50%;
    position: absolute;
    top: 60px;
    right: 250px;
    z-index: -1;
}
.about .about-para{
    position: relative;
}
.book:before{
    content: '';
    background: #A9E3FF;
    filter: blur(500px);
    width: 518px;
    height: 518px;
    border-radius: 50%;
    position: absolute;
    top: 300px;
    left: 100px;
    opacity: .3;
    z-index: -1;
}
.book:after{
    content: '';
    background: #A9E3FF;
    filter: blur(500px);
    width: 518px;
    height: 518px;
    border-radius: 50%;
    position: absolute;
    opacity: .3;
    z-index: -1;
    top: 130px;
    right: 150px;

}
.about-book:before{
    content: '';
    background: #A9E3FF;
    filter: blur(400px);
    width: 294px;
    height: 294px;
    border-radius: 50%;
    position: absolute;
    bottom: 60px;
    right: 370px;
    opacity: .7;
    z-index: -1;
}
.about-book:after{
    content: '';
    background: #E9530A;
    filter: blur(500px);
    width: 474px;
    height: 474px;
    opacity: .15;
    border-radius: 50%;
    position: absolute;
    bottom: 60px;
    right: 40px;
    z-index: -1;


}
.about-book{
    position: relative;
}
.contact-sec{
    position: relative;
}
.contact-sec:before{
    content: '';
    background: #E9530A;
    filter: blur(500px);
    width: 474px;
    height: 474px;
    opacity: .15;
    border-radius: 50%;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: -1;
}
.contact-sec:after{
    content: '';
    background: #E9530A;
    filter: blur(500px);
    width: 474px;
    height: 474px;
    opacity: .15;
    border-radius: 50%;
    position: absolute;
    bottom: -190px;
    right: 0;
    left: 100px;
    margin: 0 auto;
    z-index: -1;
}
.contact-sec .contact-box{
    position: relative;
}
.contact-sec .contact-box:after{
     content: '';
    bottom: -140px;
    right: 0;
    position: absolute;
    z-index: -1;
    background: #A9E3FF;
    filter: blur(400px);
    width: 294px;
    height: 294px;
    opacity: .7;
    border-radius: 50%;

}
.contact-sec .contact-img{
        height: 640px;
    object-fit: cover;
    border-radius: 40px;
    width: 100%;
}
/*header*/

header nav #navbarSupportedContent{
    justify-content: space-between;
}
header nav #navbarSupportedContent ul{
    margin: 0 auto;
}
header nav #navbarSupportedContent ul li:first-child a{
margin: 0;
}
header nav #navbarSupportedContent ul li a.active{
    color: #1B1B1B;
    font-weight: 500;
}
header nav #navbarSupportedContent ul li a:hover{
        color: #1B1B1B;
    font-weight: 500;
}
header nav #navbarSupportedContent ul li a{
    font-family: General;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #727272;
    padding: 0;
    margin: 0 0 0 30px;
    transition: .3s all ease-in-out;

}
header nav #navbarSupportedContent form a img{
    margin: 0 0 0 10px;
transition: .3s all ease-in-out;

}
header nav #navbarSupportedContent form a{
    background: #E9530A;
box-shadow: 0px 21px 50px 0px #E9530A4D;
height: 55px;
line-height: 55px;
width: 180px;
font-family: General;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
color: #fff;
text-align: center;
border-radius: 84px;
transition: .3s all ease-in-out;
}
header nav #navbarSupportedContent form a:hover img{
transform: rotate(45deg);
}
  .book.inner-banner h2{
   	    font-size: 210px;
    line-height: 210px;
    }
    .book.contact-banner h2{
           font-size: 180px;
    line-height: 180px;
    }
/*book-inner-page*/
.contact-banner{
    padding:50px 0 0;
    position:relative;
    z-index:1;
}
.book-inner , .contact-banner{
    padding:50px 0;
    position:relative;
    z-index:1;
}
.book-inner:before{
    content: '';
    position: absolute;
    width: 260px;
    height: 260px;
    top: 30%;
    left: -5%;
    background: #A9E3FF;
    filter: blur(400px);
    border-radius: 50%;
    z-index: -1;
}
.book-inner:after{
    content: '';
    position: absolute;
    width: 474px;
    height: 474px;
    top: 21%;
    right: -10%;
    background: #E9530A;
    filter: blur(500px);
    opacity: 0.15;
    border-radius: 50%;
    z-index: -1;
}
    .book-inner h2{
        font-family: Andora Modern;
font-weight: 400;
color:#E9530A;
    font-size: 170px;

    line-height: 190px;
text-align: center;
text-transform: uppercase;

    }
    .book-inner .book-inner-box{
            background: linear-gradient(180deg, #F1F2F3 0%, rgba(241, 242, 243, 0) 100%);
    border-radius: 40px;
    padding: 50px 0;
    position:relative;
    z-index:-1;
    }
    .book-inner .book-inner-box:before{
    content: '';
    width: 294px;
    height: 294px;
    bottom: 0;
    right: 15%;
    position: absolute;
    opacity: 0.5;
    z-index: -1;
    filter: blur(400px);
    background: #A9E3FF;
    border-radius: 50%;
    }
     .book-inner .book-inner-box:after{
    content: '';
    width: 294px;
    height: 294px;
    bottom: 0;
    left: -10%;
    position: absolute;
    opacity: 0.7;
    z-index: -1;
    filter: blur(400px);
    background: #A9E3FF;
    border-radius: 50%;
    }
    .book-inner .book-inner-box h3{
        font-family: Andora Modern;
font-weight: 400;

font-size: 56px;

line-height: 60px;
margin:0 0 10px;
color:#1B1B1B;
text-transform: uppercase;

    }
    .book-inner .book-inner-box p{
        font-family: General;
font-weight: 500;
font-size: 18px;
color:#727272;
margin:0 0 15px;


    }
    .new-available-in{
        padding:100px 0;
    }
    .new-available-in .available-in-box{
        background: #F1F2F3;
        border-radius:40px;
    }
    .new-available-in .available-in-box h2{
    font-family: Andora Modern;
    font-weight: 400;
    font-size: 68px;
    line-height: 75px;
    color: #1B1B1B;
    text-align: center;
    text-transform: uppercase;
    padding: 40px 0 0;

    }
    .new-available-in .available-in-box .tabs-here ul{
            background: #FAFBFC;
    padding: 8px;
    border-radius: 50px;
    border-bottom: none;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 0 40px;
    }
    .new-available-in .available-in-box .tabs-here ul li{
        width:24%;
    }
    .new-available-in .available-in-box .tabs-here ul li button img{
        margin:0 8px 0 0;
    }
    .new-available-in .available-in-box .tabs-here ul li button.active img{
        filter:brightness(0) invert(1);
        transition:.3s all ease-in-out;
    }
    .new-available-in .available-in-box .tabs-here ul li button.active{
        background: #1B1B1B;
        color:#fff;
    }
    .new-available-in .available-in-box .tabs-here ul li button:hover img{
        filter:brightness(0) invert(1);
    }
    .new-available-in .available-in-box .tabs-here ul li button:hover{
        background: #1B1B1B;
        color:#fff;
    }
    .new-available-in .available-in-box .tabs-here ul li button{
        padding:0;
        background: transparent;
        border-radius:78px;
        border: 1px solid #E1E1E1;
        font-family: General;
font-weight: 500;
font-size: 18px;
color:#727272;
width:100%;
height:55px;
line-height:55px;
text-align:center;
transition:.3s all ease-in-out;
    }
      .new-available-in .available-in-box .tabs-here #myTabContent {
          padding:0 0 60px;
      }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    
    gap: 15px;
    }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
        border: 1px solid #E1E1E1;
        padding:30px;
        border-radius:20px;
        width:24%;
        transition:.3s all ease-in-out;
    }
    
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box a{
        border: 0.71px solid #E1E1E1;
        border-radius:60px;
        height:40px;
        line-height:40px;
        width:100%;
        display:flex;
        align-items:center;
        font-family: General;
font-weight: 500;
font-size: 12px;
justify-content:center;
align-items:center;
color:#1B1B1B;
text-transform: uppercase;
transition:.3s all ease-in-out;


    }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box a img{
        margin:0 0 0 8px;
        filter:brightness(0);
        transition:.3s all ease-in-out;
    }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box .related-logo{
        margin:0 0 24px;
        

    }

.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box .related-logo img {
    display: block;
    margin:0 auto;
    transition:.3s all ease-in-out;
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box:hover{
    background:#FFFFFF;
    box-shadow: 0px 20px 60px 0px #061B4A14;
    border-color:#fff;

}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box:hover a img{
    transform:rotate(45deg);
    filter:brightness(0) invert(1);
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box:hover a{
    background: #E9530A;
    color:#fff;
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box:hover img{
    opacity:1;
    filter: inherit;
}
/*about*/
.about{
    padding: 100px 0;
}

.about .about-profile-card{
        background: #F1F2F3;
        padding: 16px;
        border-radius: 40px;
        display: flex;
        gap:40px;
        height: 400px;
}
.about .about-profile-card .about-img{
    width: 40%;
}
.about .about-profile-card .about-profile-info{
    width: 45%;
    height: 365px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about .about-profile-card .about-profile-info h2{
    font-family: Andora Modern;
font-size: 48px;
line-height: 56px;
text-transform: uppercase;
color: #1B1B1B;
margin: 0 0 15px;
}
.about .about-profile-card .about-profile-info .author-profile-linked {
    display: flex;
    gap:5px;
}

.about .about-profile-card .about-profile-info h6{
    font-family: General;
font-weight: 400;
font-size: 18px;
text-transform: uppercase;
color: #727272; 
margin: 0 0 10px;
}
.about .about-profile-card .about-profile-info ul li:first-child a{
    margin: 0;
}
.about .about-profile-card .about-profile-info ul li:first-child a img{
filter: brightness(0);
}
.about .about-profile-card .about-profile-info ul li a:hover img{
    filter: brightness(0) invert(1);
}
.about .about-profile-card .about-profile-info ul li a:hover{
background: #E9530A;
box-shadow: 0px 15px 40px 0px #FC080066;
border: 1px solid #E9530A;

}
.about .about-profile-card .about-profile-info ul li a{
     border: 1px solid #E1E1E1;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 58px;
    margin: 0 0 0 10px;
    transition: .3s all ease-in-out;
}
.about .about-profile-card .about-profile-info ul li{
    display: inline-block;
}
.about .about-profile-card .about-profile-info .author-profile-linked img:nth-child(2){
margin: 0 0 0 15px;
}
.about .about-para p:last-child{
    margin: 0;
}
.about .about-para p{
    font-family: General;
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    margin: 0 0 60px;
    color: #727272;
}


/*book*/
.book{
    position: relative;
}
.book h2{
    font-family: Andora Modern;
font-weight: 400;
font-size: 320.67px;
line-height: 320.67px;
text-align: center;
text-transform: uppercase;
color: #E9530A;


}
.book img{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

/*about-book*/
.about-book{
    padding: 100px 0;
}
.about-book .about-book-box h2{
    font-family: Andora Modern;
font-weight: 400;
font-size: 48px;
line-height: 60px;
text-transform: uppercase;
margin: 0 0 10px;
color: #1B1B1B;
}
.about-book .about-book-box p:last-child{
    margin: 0;
}
.about-book .about-book-box a{
background: #E9530A;
    height: 55px;
    line-height: 55px;
    width: 40%;
    border-radius: 84px;
    box-shadow: 0px 21px 50px 0px #E9530A4D;
    font-family: General;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    color: #FFFFFF;
    
}
.about-book .about-book-box p{
    font-family: General;
    font-weight: 500;
    font-size: 18px;
    margin: 0 0 30px;
    color: #727272;

}
.about-book .about-book-box{
    background: #F1F2F3;
    padding: 50px 40px;
    border-radius: 40px;
}
.about-book .about-book-available-box{
    padding: 32px;
    background: #fff;
    border-radius: 24px;
}
.about-book .about-book-available-box h4{
    font-family: Andora Modern;
font-weight: 400;
font-size: 32px;
text-transform: uppercase;
color: #1B1B1B;
margin: 0 0 20px;

}
.about-book .about-book-available-box ul li{
    display: block;
}
.about-book .about-book-available-box ul li a img:last-child{
    filter: brightness(0);
}
.about-book .about-book-available-box ul li a{
    display: flex;
    align-items: center;
  border: 0.79px solid #1B1B1B3D;
    padding: 16px 20px;
    justify-content: space-between;
    align-items: center;
    border-radius: 24px;
    margin: 0 0 16px;
    transition: .3s all ease-in-out;
}
.about-book .about-book-available-box ul li a:hover{
    background: #E9530A;
    border-color: #E9530A;
box-shadow: 0px 9px 53px 0px #E9530A70;

}
.about-book .about-book-available-box ul li a:hover img{
    filter: brightness(0) invert(1);
}
.about-book .about-book-available-box ul li a .available-arrow-img{
    transition: .3s all ease-in-out;
}
.about-book .about-book-available-box ul li a:hover .available-arrow-img{
transform: rotate(45deg);
}
.about-book .about-book-available-box ul li a .banner-format-content img{
    margin: 0 8px 0 0;
}
.about-book .about-book-available-box ul li a:hover .banner-format-content{
color: #fff;
}
.about-book .about-book-available-box ul li a .banner-format-content{
    font-family: General;
font-weight: 500;
font-size: 18px;
color: #1B1B1B;

}
/*contact-sec*/
.contact-sec{
    padding: 100px 0;
}
.contact-sec .contact-box{
    padding: 40px 30px;
    border-radius: 40px;
    background-color: #fff;
}
.contact-sec .contact-box h2{
    font-family: Andora Modern;
    font-weight: 400;
    font-size: 42px;
    line-height: 60px;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.contact-sec .contact-box .custom-input input::placeholder{
    color: #999999;
}
.contact-sec .contact-box .custom-input textarea::placeholder{
    color: #999999;
}
.contact-sec .contact-box .custom-input input{
    border: 1px solid #E1E1E1;
    width: 100%;
    height: 55px;
    line-height: 55px;
    color: #999999;
    font-family: General;
    font-weight: 400;
    font-size: 16px;
    border-radius: 32px;
    padding: 0 20px;
    outline: none;
    margin: 0 0 20px;
}
.contact-sec .contact-box .custom-input textarea{
    border: 1px solid #E1E1E1;
    width: 100%;
    height: 240px;
    line-height: 55px;
    color: #999999;
    font-family: General;
    font-weight: 400;
    font-size: 16px;
    border-radius: 32px;
    padding: 0 20px;
    outline: none;
    margin: 0 0 20px;
    resize: none
}
.contact-sec .contact-box .custom-input{
    position: relative;
}
.contact-sec .contact-box .custom-input label{
    position: absolute;
    font-family: General;
    font-weight: 400;
    font-size: 14px;
    color: rgb(114 114 114 / 50%);
    background: #fff;
    z-index: 1;
    top: -11px;
    left: 30px;
    padding: 0 3px;
}
.contact-sec .contact-box button img{
    margin: 0 0 0 10px;
}
.contact-sec .contact-box button{
    background: #E9530A;
    width: 100%;
    height: 55px;
    line-height: 55px;
    box-shadow: 0px 21px 50px 0px #E9530A4D;
font-family: General;
font-weight: 500;
font-size: 18px;
text-transform: uppercase;
border-radius: 84px;
border: none;
color: #FFFFFF;
}
/*banner*/

.sec-home-banner{
    padding: 30px 0;
}
.sec-home-banner .banner-set-here{
    position: relative;
}
.sec-home-banner .banner-set-here .banner-content p{
    font-family: General;
font-weight: 400;
font-size: 22px;
color: #FFFFFF;
    width: 50%;
}
.sec-home-banner .banner-set-here .banner-content h1{
    font-family: Andora Modern;
font-weight: 400;
font-size: 80px;
line-height: 100px;
text-transform: uppercase;
color: #FFFFFF;

}
.sec-home-banner .banner-set-here .scroll-btn img{
    margin: 0 0 0 10px;
    transition: .3s all ease-in-out;

}
.sec-home-banner .banner-set-here .scroll-btn:hover img{
margin: 0 0px -10px 10px;
}
.sec-home-banner .banner-set-here .scroll-btn{
background: #E9530A;
    height: 55px;
    line-height: 55px;
    width: 215px;
    border-radius: 84px;
    box-shadow: 0px 21px 50px 0px #E9530A4D;
    font-family: General;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #FFFFFF;

}
.sec-home-banner .banner-set-here .banner-content{
position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    bottom: 0;
    padding: 30px 0 30px 30px;
}
.sec-home-banner .banner-set-here .banner-available{
    position: absolute;
    top: 70px;
    right: 30px;
    backdrop-filter: blur(75px);
    box-shadow: 20px 23px 50px 0px #0B2A3D80;
    width: 26%;
    padding: 24px;
    border-radius: 20px;
    border: 1px solid #FFFFFF1A;
    background: #0F334930;
}
.sec-home-banner .banner-set-here .banner-available h6{
    font-family: Andora Modern;
font-weight: 400;
font-size: 25.44px;
text-transform: uppercase;
margin: 0 0 15px;
color: #FFFFFF;
}
.sec-home-banner .banner-set-here .banner-available ul li a:hover{
    background: #FFFFFF1A;

}
.sec-home-banner .banner-set-here .banner-available ul li a .available-arrow-img{
    transition: .3s all ease-in-out;

}
.sec-home-banner .banner-set-here .banner-available ul li a:hover .available-arrow-img{
    transform: rotate(45deg);
}
.sec-home-banner .banner-set-here .banner-available ul li a{
    border: 0.79px solid #FFFFFF3D;
    border-radius: 20px;
    margin: 0 0 13px;
    padding: 16px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s all ease-in-out;
}
.sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content img{
    margin: 0 8px 0 0;
}
.sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
    font-family: General;
font-weight: 500;
font-size: 18px;
line-height: 100%;
color: #FFFFFF;

}
.sec-home-banner .banner-set-here .banner-img{
width: 100%;
}

/*footer*/
.footer-menu{
    padding: 40px 0 0;
}
.footer-menu .footer-menu-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-menu .footer-menu-flex .social-footer ul li:first-child a{
    margin: 0;
}
.footer-menu .footer-menu-flex .social-footer ul li:first-child a img{
filter: brightness(0);
}
.footer-menu .footer-menu-flex .social-footer ul li a:hover img{
    filter: brightness(0) invert(1);
}
.footer-menu .footer-menu-flex .social-footer ul li a:hover{
background: #E9530A;
box-shadow: 0px 15px 40px 0px #FC080066;
border: 1px solid #E9530A;

}
.footer-menu .footer-menu-flex .social-footer ul li a{
     border: 1px solid #E1E1E1;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    display: block;
    text-align: center;
    line-height: 58px;
    margin: 0 0 0 10px;
    transition: .3s all ease-in-out;
}
.footer-menu .footer-menu-flex .social-footer ul li{
    display: inline-block;
}
.footer-menu .footer-menu-flex .menu-footer ul li{
    display: inline-block;
}
.footer-menu .footer-menu-flex .menu-footer ul li a.active{
        color: #1B1B1B;
    font-weight: 500;
}
.footer-menu .footer-menu-flex .menu-footer ul li a:hover{
    color: #1B1B1B;
    font-weight: 500;
}
.footer-menu .footer-menu-flex .menu-footer ul li:first-child a{
    margin: 0;
}
.footer-menu .footer-menu-flex .menu-footer ul li a{
    font-family: General;
    font-weight: 300;
    font-size: 18px;
    text-transform: uppercase;
    color: #727272;
    padding: 0;
    margin: 0 0 0 30px;
    transition: .3s all  ease-in-out;
}
.footer-menu .footer-menu-flex .button-footer a{
        background: #E9530A;
    box-shadow: 0px 21px 50px 0px #E9530A4D;
    height: 55px;
    line-height: 55px;
    width: 180px;
    font-family: General;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    border-radius: 84px;
    display: block;
}
.footer-menu .footer-menu-flex .button-footer a img{
        margin: 0 0 0 10px;
        transition: .3s all ease-in-out;
}
.footer-menu .footer-menu-flex .button-footer a:hover img{
transform: rotate(45deg);
}
footer{
    padding: 40px 0 0;
}
footer img{
    width: 100%;
}
footer hr{
       background-color: #E1E1E1;
    opacity: 1;
        margin: 20px 0;
}
footer p{
    font-family: General;
font-weight: 400;
font-size: 18px;
color: #727272;
text-align: center;
margin: 0 0 20px;

}
footer p a:hover{
    color: #E9530A;

}
footer p a{
    color: #E9530A;
    text-decoration: none;

}
@media only screen and (min-width: 1708px) and (max-width: 1920px) {

    .sec-home-banner .banner-set-here .scroll-btn{
            height: 65px;
    line-height: 65px;
    width: 270px;
   font-size: 18px;
    }
    .sec-home-banner .banner-set-here .banner-content p{
            font-size: 26px;
    }
    .sec-home-banner .banner-set-here .banner-available h6{
        font-size: 34px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
            font-size: 22px;
            
    }
    .sec-home-banner .banner-set-here .banner-available{
        top: 120px;
    }
    .about .about-profile-card .about-img{
            width: 35%;
                    object-fit: contain;
    }
    .about .about-para p{
            font-size: 22px;
    }
    .about-book .about-book-box p{
            font-size: 20px;
    }
    .about-book .about-book-available-box h4{
            font-size: 36px;
    }
    .about-book .about-book-available-box ul li a .banner-format-content{
        font-size: 22px;
    }
    .contact-sec .contact-box h2{
        font-size: 48px;
    }
}

@media only screen and (min-width: 1566px) and (max-width: 1707px) {

    .sec-home-banner .banner-set-here .banner-content p{
            font-size: 26px;
    }
    .sec-home-banner .banner-set-here .banner-available h6{
        font-size: 34px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
            font-size: 22px;
            
    }
    .sec-home-banner .banner-set-here .banner-available{
        top: 120px;
    }
    .about .about-profile-card .about-img{
                    object-fit: contain;
                            width: 35%;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
            height: 60px;
                font-size: 18px;
    line-height: 60px;
    width: 235px;
    }
    .about .about-para p{
            font-size: 22px;
    }
}

@media only screen and (min-width: 1229px) and (max-width: 1397px) {
    .sec-home-banner .banner-set-here .banner-content p{
        width: 45%;
    }

    .about .about-profile-card .about-profile-info{
            width: 50%;
    }
/*    .about .about-profile-card .about-img {*/
/*    width: 45%;*/
/*    object-fit: contain;*/
/*}*/
/*.about .about-para p{*/
/*        font-size: 18px;*/
/*    line-height: 30px;*/
/*}*/
/*.about-book .about-book-box p{*/
/*    font-size: 16px;*/
/*}*/
    
      .sec-home-banner .banner-set-here .banner-content p{
            font-size: 20px;
                  width: 50%;
    }
    .sec-home-banner .banner-set-here .banner-content h1{
            font-size: 50px;
        line-height: 60px;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
             height: 45px;
        line-height: 45px;
        width: 170px;
        font-size: 14px;
    }
    .sec-home-banner .banner-set-here .banner-available{
             top: 10px;
        padding: 15px;
        width: 28%;
            right: 20px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a{
        padding: 10px;
    }
    .about .about-profile-card .about-profile-info h2{
            font-size: 38px;
    line-height: 50px;
    }
    .about .about-profile-card .about-profile-info h6{
        margin: 10px 0;
    }
    .about .about-para p{
             font-size: 14px;
        line-height: 25px;
        margin: 0 0 25px;
    }
    .about-book .about-book-available-box{
            padding: 22px;
    border-radius: 15px;
    }
    .about .about-profile-card .about-img {
    width: 40%;
    object-fit: cover;
    border-radius: 24px;
}
.about .about-profile-card .about-profile-info{
        width: 55%;
        height: 315px;
}
.about .about-profile-card .about-profile-info ul li a img{
    width: 28px;
}
.about .about-profile-card .about-profile-info ul li a{
        width: 45px;
    height: 45px;
    line-height: 41px;
}
.about .about-profile-card{
        gap: 25px;
    height: 350px;
}
.book h2{
               font-size: 21vw;
        }
        .book.inner-banner h2 {
    font-size: 14vw;
    line-height: 16vw;
}
.book.contact-banner h2 {
    font-size: 13vw;
    line-height: 20vw;
}
.book-inner h2{
    font-size: 12vw;
    line-height: 20vw;
}
.book-inner .book-inner-box h3{
        font-size: 40px;
    line-height: 50px;
}
.book-inner .book-inner-box p{
    font-size:16px;
}
.new-available-in{
    padding:50px 0;
}
.new-available-in .available-in-box .tabs-here ul{
    border-radius: 20px;
}
.new-available-in .available-in-box .tabs-here ul li {
    width: 23%;
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
    width: 32%;
}
        .about-book .about-book-box p{
                font-size: 16px;
        }
}

@media only screen and (min-width: 992px) and (max-width: 1229px) {
    .sec-home-banner .banner-set-here .banner-content p{
            font-size: 20px;
                  width: 50%;
    }
    .sec-home-banner .banner-set-here .banner-content h1{
            font-size: 50px;
        line-height: 60px;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
      height: 38px;
        line-height: 39px;
        width: 140px;
        font-size: 12px;
    }
    .sec-home-banner .banner-set-here .banner-available{
             top: 10px;
        padding: 15px;
        width: 28%;
            right: 20px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a{
        padding: 10px;
    }
    .about .about-profile-card .about-profile-info h2{
            font-size: 38px;
    line-height: 50px;
    }
    .about .about-profile-card .about-profile-info h6{
        margin: 10px 0;
    }
    .about .about-para p{
             font-size: 14px;
        line-height: 25px;
        margin: 0 0 25px;
    }
    .about-book .about-book-available-box{
            padding: 22px;
    border-radius: 15px;
    }
    .about .about-profile-card .about-img {
    width: 40%;
    object-fit: cover;
    border-radius: 24px;
}
.about .about-profile-card .about-profile-info{
        width: 55%;
        height: 315px;
}
.about .about-profile-card .about-profile-info ul li a img{
    width: 28px;
}
.about .about-profile-card .about-profile-info ul li a{
        width: 45px;
    height: 45px;
    line-height: 41px;
}
.about .about-profile-card{
        gap: 25px;
    height: 350px;
}
.book h2{
               font-size: 21vw;
        }
        .book.inner-banner h2 {
    font-size: 14vw;
    line-height: 16vw;
}
.book.contact-banner h2 {
    font-size: 13vw;
    line-height: 20vw;
}
.book-inner h2{
    font-size: 12vw;
    line-height: 20vw;
}
.book-inner .book-inner-box h3{
        font-size: 40px;
    line-height: 50px;
}
.book-inner .book-inner-box p{
    font-size:16px;
}
.new-available-in{
    padding:50px 0;
}
.new-available-in .available-in-box .tabs-here ul{
    border-radius: 20px;
}
.new-available-in .available-in-box .tabs-here ul li {
    width: 23%;
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
    width: 32%;
}
        .about-book .about-book-box p{
                font-size: 16px;
        }
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-sec .contact-img {
    height: auto;
    object-fit: cover;
    border-radius: 0;
    width: 100%;
}
    .book.contact-banner h2 {
    font-size: 12vw;
    line-height: 10vw;
}
.book.inner-banner h2 {
    font-size: 12vw;
    line-height: 15vw;
}
.book-inner h2{
        font-size: 12vw;
    line-height: 15vw;
}
.new-available-in .available-in-box .tabs-here{
    padding:10px;
}
.new-available-in .available-in-box .tabs-here ul li{
    width:48%;
}
.new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
    width:31%;
}
.new-available-in .available-in-box .tabs-here ul{
    padding:20px;
}
     header nav .navbar-brand{
    width: 75%;
    margin: 0;
    padding: 0;
    }
    header nav .navbar-toggler:focus{
    box-shadow:inherit;

    }
    header nav .navbar-toggler{
          width: 40px;
        padding: 0;
        height: 40px;
    }
    header nav .navbar-toggler img{

    margin: 0 0 0 auto;
    display: table;
    }
    header nav #navbarSupportedContent{
        padding: 20px 0;
    }
    header nav #navbarSupportedContent ul li{
        text-align: center;
    }
    header nav #navbarSupportedContent ul li a{
        margin: 0 0 20px 0;
    }
    header nav #navbarSupportedContent ul li:first-child a{
        margin: 0 0 20px;
    }
    header nav #navbarSupportedContent form{
        justify-content: center;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
        display: none;
    }
    .sec-home-banner .banner-set-here .banner-available{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        background: #fff;
        box-shadow: inherit;
    }
    .footer-menu .footer-menu-flex{
        flex-direction: column;
        gap:30px;
    }
    .sec-home-banner .banner-set-here .banner-content{
        position: relative;
        padding: 0;

    }
    .sec-home-banner .banner-set-here .banner-available h6{
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content p{
        width: 100%;
        font-size: 14px;
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content h1{
         color: #1B1B1B;
             font-size: 26px;
    line-height: 40px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a{
        border: 0.79px solid #1B1B1B3D;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
        color: #1B1B1B;

    }
    .sec-home-banner .banner-set-here .banner-available ul li a  img{
        filter: brightness(0);
    }
    .about{
        padding: 30px 0;
    }
    .about .about-profile-card{
        flex-direction: column;
        gap:20px;
        height: auto;
        padding: 20px;
        border-radius: 20px;
    }
    .about .about-profile-card .about-profile-info{
        height: auto;
        width: 100%;
    }
    .about .about-profile-card .about-img{
        width: 100%;
    }
    .about .about-profile-card .about-profile-info h2{
            font-size: 40px;
    line-height: 50px;
    }
    
    .book img{
            width: 50vw;
    }
   
    .book h2{
            font-size: 24vw;
    line-height: 26vw;
    }
    .about .about-profile-card .about-profile-info ul li a img , .footer-menu .footer-menu-flex .social-footer ul li:first-child a img{
        width: 25px;
    }
    .about .about-profile-card .about-profile-info ul li a , .footer-menu .footer-menu-flex .social-footer ul li a{
        width: 40px;
        height: 40px;
               line-height: 35px;
    }
    .about .about-profile-card .about-profile-info h6{
            margin: 20px 0 10px;
    }
    .about .about-profile-card .about-profile-info h2{
        margin: 0 0 0 10px;
    }
    .about .about-para p{
        font-size: 16px;
    line-height: 26px;
    margin: 40px 0 0;
    }
    .about .about-para p:last-child{
        margin: 40px 0 0;
    }
    .about-book{
        padding: 50px 0;
    }
    .about-book .about-book-box{
                padding: 20px;
        border-radius: 20px;
    }
    .about-book .about-book-box h2{
            font-size: 22px;
    line-height: 40px;
    }
    .about-book .about-book-box p{
        font-size: 16px;
    }
    .about-book .about-book-box p:last-child{
        margin: 0 0 30px;
    }
    .about-book .about-book-available-box{
            padding: 17px;
    border-radius: 20px;
    }
    .about-book .about-book-available-box h4{
            font-size: 24px;
    margin: 0 0 15px;
    }
    .about-book .about-book-available-box ul li a{
        border-radius: 14px;
        padding: 15px;
    }
    .contact-sec .contact-box{
            padding: 20px;
    border-radius: 20px;
        margin: 30px 0;
    }
    .contact-sec{
        padding: 50px 0;
    }
    .contact-sec .contact-box h2{
        font-size: 28px;
    line-height: 40px;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li{
               width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li a{
        margin: 0;
    }
    .footer-menu .footer-menu-flex .button-footer a{
               height: 45px;
        line-height: 45px;
        width: 80%;
        font-size: 16px;
        margin: 0 auto;
    }
    .footer-menu .footer-menu-flex .button-footer{
        width: 100%;
    }
    footer p{
        font-size: 16px;
            margin: 0;
    }
    .book{
        padding: 50px 0;
    }
}

@media only screen and (min-width: 520px) and (max-width: 767px) {
        .about-book .about-book-box a{
        width:100%;
        margin:0 0 30px;
    }
    .contact-sec .contact-img {
    height: auto;
    object-fit: cover;
    border-radius: 0;
    width: 100%;
}
    .book-inner .book-inner-box{
        padding:20px;
        border-radius:20px;
    }
    .new-available-in .available-in-box{
          padding:20px;
        border-radius:20px;
    }
    .new-available-in{
        padding:30px 0;
    }
    .book-inner .book-inner-box p{
          font-size: 16px;
    line-height: 26px;  
    }
    .book-inner .book-inner-box h3{
                font-size: 28px;
        line-height: 40px;
    }
    .new-available-in .available-in-box .tabs-here ul{
        flex-direction:column;
        border-radius:20px;
    }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
        width:100%;
    }
    .new-available-in .available-in-box .tabs-here ul li{
        width:100%;
    }
    .new-available-in .available-in-box h2{
            font-size: 12vw;
    line-height: 22vw;
    
    }
       .book.inner-banner h2{
    font-size: 19vw;
    line-height: 22vw;
    }
    .book.contact-banner h2{
            font-size: 18vw;
    line-height: 20vw;
    }
           .book.inner-banner h2{
    font-size: 19vw;
    line-height: 22vw;
    }
     header nav .navbar-brand{
    width: 75%;
    margin: 0;
    padding: 0;
    }
    header nav .navbar-toggler:focus{
    box-shadow:inherit;

    }
    header nav .navbar-toggler{
          width: 40px;
        padding: 0;
        height: 40px;
    }
    header nav .navbar-toggler img{

    margin: 0 0 0 auto;
    display: table;
    }
    header nav #navbarSupportedContent{
        padding: 20px 0;
    }
    header nav #navbarSupportedContent ul li{
        text-align: center;
    }
    header nav #navbarSupportedContent ul li a{
        margin: 0 0 20px 0;
    }
    header nav #navbarSupportedContent ul li:first-child a{
        margin: 0 0 20px;
    }
    header nav #navbarSupportedContent form{
        justify-content: center;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
        display: none;
    }
    .sec-home-banner .banner-set-here .banner-available{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        background: #fff;
        box-shadow: inherit;
    }
    .footer-menu .footer-menu-flex{
        flex-direction: column;
        gap:30px;
    }
    .sec-home-banner .banner-set-here .banner-content{
        position: relative;
        padding: 0;

    }
    .sec-home-banner .banner-set-here .banner-available h6{
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content p{
        width: 100%;
        font-size: 14px;
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content h1{
         color: #1B1B1B;
             font-size: 26px;
    line-height: 40px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a{
        border: 0.79px solid #1B1B1B3D;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
        color: #1B1B1B;

    }
    .sec-home-banner .banner-set-here .banner-available ul li a  img{
        filter: brightness(0);
    }
    .about{
        padding: 30px 0;
    }
    .about .about-profile-card{
        flex-direction: column;
        gap:20px;
        height: auto;
        padding: 20px;
        border-radius: 20px;
    }
    .about .about-profile-card .about-profile-info{
        height: auto;
        width: 100%;
    }
    .about .about-profile-card .about-img{
        width: 100%;
    }
    .about .about-profile-card .about-profile-info h2{
            font-size: 40px;
    line-height: 50px;
    }
    
    .book img{
            width: 50vw;
    }
  
    .book h2{
            font-size: 24vw;
    line-height: 26vw;
    }
    .about .about-profile-card .about-profile-info ul li a img , .footer-menu .footer-menu-flex .social-footer ul li:first-child a img{
        width: 25px;
    }
    .about .about-profile-card .about-profile-info ul li a , .footer-menu .footer-menu-flex .social-footer ul li a{
        width: 40px;
        height: 40px;
               line-height: 35px;
    }
    .about .about-profile-card .about-profile-info h6{
            margin: 20px 0 10px;
    }
    .about .about-profile-card .about-profile-info h2{
        margin: 0 0 0 10px;
    }
    .about .about-para p{
        font-size: 16px;
    line-height: 26px;
    margin: 40px 0 0;
    }
    .about .about-para p:last-child{
        margin: 40px 0 0;
    }
    .about-book{
        padding: 50px 0;
    }
    .about-book .about-book-box{
                padding: 20px;
        border-radius: 20px;
    }
    .about-book .about-book-box h2{
            font-size: 22px;
    line-height: 40px;
    }
    .about-book .about-book-box p{
        font-size: 16px;
    }
    .about-book .about-book-box p:last-child{
        margin: 0 0 30px;
    }
    .about-book .about-book-available-box{
            padding: 17px;
    border-radius: 20px;
    }
    .about-book .about-book-available-box h4{
            font-size: 24px;
    margin: 0 0 15px;
    }
    .about-book .about-book-available-box ul li a{
        border-radius: 14px;
        padding: 15px;
    }
    .contact-sec .contact-box{
            padding: 20px;
    border-radius: 20px;
        margin: 30px 0;
    }
    .contact-sec{
        padding: 50px 0;
    }
    .contact-sec .contact-box h2{
        font-size: 28px;
    line-height: 40px;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li{
               width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li a{
        margin: 0;
    }
    .footer-menu .footer-menu-flex .button-footer a{
               height: 45px;
        line-height: 45px;
        width: 80%;
        font-size: 16px;
        margin: 0 auto;
    }
    .footer-menu .footer-menu-flex .button-footer{
        width: 100%;
    }
    footer p{
        font-size: 16px;
            margin: 0;
    }
    .book{
        padding: 50px 0;
    }
}

@media only screen and (min-width: 300px) and (max-width: 519px) {
    .about-book .about-book-box a{
        width:100%;
        margin:0 0 30px;
    }
    .contact-sec .contact-img {
    height: auto;
    object-fit: cover;
    border-radius: 0;
    width: 100%;
}
    .book-inner .book-inner-box{
        padding:20px;
        border-radius:20px;
    }
    .new-available-in .available-in-box{
          padding:20px;
        border-radius:20px;
    }
    .new-available-in{
        padding:30px 0;
    }
    .book-inner .book-inner-box p{
          font-size: 16px;
    line-height: 26px;  
    }
    .book-inner .book-inner-box h3{
                font-size: 28px;
        line-height: 40px;
    }
    .new-available-in .available-in-box .tabs-here ul{
        flex-direction:column;
        border-radius:20px;
    }
    .new-available-in .available-in-box .tabs-here #myTabContent .related-links .related-links-box{
        width:100%;
    }
    .new-available-in .available-in-box .tabs-here ul li{
        width:100%;
    }
    .new-available-in .available-in-box h2{
            font-size: 12vw;
    line-height: 22vw;
    
    }
       .book.inner-banner h2{
    font-size: 19vw;
    line-height: 22vw;
    }
    .book.contact-banner h2{
            font-size: 18vw;
    line-height: 20vw;
    }
           .book.inner-banner h2{
    font-size: 19vw;
    line-height: 22vw;
    }
    header nav .navbar-brand{
    width: 75%;
    margin: 0;
    padding: 0;
    }
    header nav .navbar-toggler:focus{
    box-shadow:inherit;

    }
    header nav .navbar-toggler{
          width: 40px;
        padding: 0;
        height: 40px;
    }
    header nav .navbar-toggler img{

    margin: 0 0 0 auto;
    display: table;
    }
    header nav #navbarSupportedContent{
        padding: 20px 0;
    }
    header nav #navbarSupportedContent ul li{
        text-align: center;
    }
    header nav #navbarSupportedContent ul li a{
        margin: 0 0 20px 0;
    }
    header nav #navbarSupportedContent ul li:first-child a{
        margin: 0 0 20px;
    }
    header nav #navbarSupportedContent form{
        justify-content: center;
    }
    .sec-home-banner .banner-set-here .scroll-btn{
        display: none;
    }
    .sec-home-banner .banner-set-here .banner-available{
        position: relative;
        top: 0;
        right: 0;
        width: 100%;
        background: #fff;
        box-shadow: inherit;
    }
    .footer-menu .footer-menu-flex{
        flex-direction: column;
        gap:30px;
    }
    .sec-home-banner .banner-set-here .banner-content{
        position: relative;
        padding: 0;

    }
    .sec-home-banner .banner-set-here .banner-available h6{
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content p{
        width: 100%;
        font-size: 14px;
        color: #1B1B1B;
    }
    .sec-home-banner .banner-set-here .banner-content h1{
         color: #1B1B1B;
             font-size: 26px;
    line-height: 40px;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a{
        border: 0.79px solid #1B1B1B3D;
    }
    .sec-home-banner .banner-set-here .banner-available ul li a .banner-format-content{
        color: #1B1B1B;

    }
    .sec-home-banner .banner-set-here .banner-available ul li a  img{
        filter: brightness(0);
    }
    .about{
        padding: 30px 0;
    }
    .about .about-profile-card{
        flex-direction: column;
        gap:20px;
        height: auto;
        padding: 20px;
        border-radius: 20px;
    }
    .about .about-profile-card .about-profile-info{
        height: auto;
        width: 100%;
    }
    .about .about-profile-card .about-img{
        width: 100%;
    }
    .about .about-profile-card .about-profile-info h2{
            font-size: 40px;
    line-height: 50px;
    }
    
    .book img{
            width: 50vw;
    }
    .book h2 , .book-inner h2{
            font-size: 24vw;
    line-height: 26vw;
    }
    .about .about-profile-card .about-profile-info ul li a img , .footer-menu .footer-menu-flex .social-footer ul li:first-child a img{
        width: 25px;
    }
    .about .about-profile-card .about-profile-info ul li a , .footer-menu .footer-menu-flex .social-footer ul li a{
        width: 40px;
        height: 40px;
               line-height: 35px;
    }
    .about .about-profile-card .about-profile-info h6{
            margin: 20px 0 10px;
    }
    .about .about-profile-card .about-profile-info h2{
        margin: 0 0 0 10px;
    }
    .about .about-para p{
        font-size: 16px;
    line-height: 26px;
    margin: 40px 0 0;
    }
    .about .about-para p:last-child{
        margin: 40px 0 0;
    }
    .about-book{
        padding: 50px 0;
    }
    .about-book .about-book-box{
                padding: 20px;
        border-radius: 20px;
    }
    .about-book .about-book-box h2{
            font-size: 22px;
    line-height: 40px;
    }
    .about-book .about-book-box p{
        font-size: 16px;
    }
    .about-book .about-book-box p:last-child{
        margin: 0 0 30px;
    }
    .about-book .about-book-available-box{
            padding: 17px;
    border-radius: 20px;
    }
    .about-book .about-book-available-box h4{
            font-size: 24px;
    margin: 0 0 15px;
    }
    .about-book .about-book-available-box ul li a{
        border-radius: 14px;
        padding: 15px;
    }
    .contact-sec .contact-box{
            padding: 20px;
    border-radius: 20px;
        margin: 30px 0;
    }
    .contact-sec{
        padding: 50px 0;
    }
    .contact-sec .contact-box h2{
        font-size: 28px;
    line-height: 40px;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li{
               width: 100%;
        text-align: center;
        margin: 0 0 20px;
    }
    .footer-menu .footer-menu-flex .menu-footer ul li a{
        margin: 0;
    }
    .footer-menu .footer-menu-flex .button-footer a{
               height: 45px;
        line-height: 45px;
        width: 80%;
        font-size: 16px;
        margin: 0 auto;
    }
    .footer-menu .footer-menu-flex .button-footer{
        width: 100%;
    }
    footer p{
        font-size: 16px;
            margin: 0;
    }
    .book{
        padding: 50px 0;
    }
}