@charset "utf-8";

/* ___________________ Header Starts _______________________*/
.navbar-default{ padding:0; margin:0; background:none; border:none; display: block; }
/* .navbar-default .container{ position:relative; }
.navbar-default .menu-block{ position:absolute; top:30px; right:0; z-index:999; } */
.stellarnav{ transition:all 0.3s ease-in-out; }

/*-- Moblie Menu 1 --*/
.stellarnav .menu-toggle span.bars span { width: 35px; height: 2px; background-color: #fff; display: block; margin: 8px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.stellarnav.active .bars span:nth-child(2){ opacity:0; }
.stellarnav.active .bars span:nth-child(1){
  -webkit-transform: translateY(9px) rotate(45deg);
  -ms-transform: translateY(9px) rotate(45deg);
  -o-transform: translateY(9px) rotate(45deg);
  transform: translateY(9px) rotate(45deg); }
.stellarnav.active .bars span:nth-child(3){
  -webkit-transform: translateY(-10px) rotate(-45deg);
  -ms-transform: translateY(-10px) rotate(-45deg);
  -o-transform: translateY(-10px) rotate(-45deg);
  transform: translateY(-10px) rotate(-45deg); }
.navbar-default .stellarnav a:hover{ color: var(--secondary-color) !important; }


.header-and-banner-wrapper{ position:relative; z-index:1; background:var(--primary-gradient); overflow:hidden;}
.header-and-banner-wrapper::before{ content:""; position:absolute; inset:0; background:url("../images/hero-light.png") top center / cover no-repeat; z-index:1;}
.header-and-banner-wrapper::after{ content:''; position:absolute; background:#012779; background:linear-gradient( to top, #012779 0%, rgba(1,39,121,.95) 15%, rgba(1,39,121,.80) 35%, rgba(1,39,121,.55) 55%, rgba(1,39,121,.25) 75%, rgba(1,39,121,.08) 90%, transparent 100% ); z-index:3; left:0; bottom:0; width:100%; height:60.63%; z-index:4;}


.navbar-default {padding-block: clamp(21px, 1.563vw, 30px) clamp(11px, 0.781vw, 15px); position: relative; z-index: 999;}
.navbar-default .logo-block a img{ width: clamp(138px, 15.990vw, 307px);}
.navbar-default .stellarnav.dark, .stellarnav.dark ul ul{ background: transparent !important;}
.navbar-default .stellarnav > ul > li > a{ padding: 0 clamp(13px, 0.990vw, 19px) 0 clamp(13px, 0.990vw, 19px); letter-spacing: 0.16em; text-transform: uppercase;}


.hero-section{ position: relative; overflow: hidden;}
.hero-section .curve-element{ position: absolute; bottom: 0; left: -1px; width: 101%; z-index: 5;}
.hero-section .img-wrapper{ display: flex; justify-content: center; }
.hero-section .img-wrapper img{ max-width: clamp(420px, 47.917vw, 920px);}

.hero-section .main-block .text-wrapper{ position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin-bottom: clamp(60px, 13.542vw, 180px); text-align: center; z-index: 5;}
.hero-section .main-block .text-wrapper h1{ font-size: var(--usg-font-size-100); font-family: var(--secondary-font); font-weight: 700; color: var(--light-color); position: relative; margin-bottom: clamp(14px, 1.042vw, 20px); padding-bottom: clamp(14px, 1.042vw, 20px);}
.hero-section .main-block .text-wrapper h1::after{ content: ''; background: var(--light-color); height: 2px; width: 100%; position: absolute; left: 0 ; bottom: 0; }
.hero-section .main-block .text-wrapper h1 span{ color: var(--secondary-color); }
.hero-section .main-block .text-wrapper h3{ color: var(--light-color); font-size: var(--usg-font-size-30) ; font-family: var(--secondary-font); font-weight: 700;}
.hero-section .main-block .text-wrapper .primary-btn.mobile{ display:none; }


.about-section{ padding-block: clamp(20px, 5.208vw, 100px) clamp(54px, 6.250vw, 120px); position: relative;}
.about-section [class^="book-element-"]{ position: absolute; z-index: 1; }
.about-section [class^="book-element-"] img{max-width: clamp(300px, 44.219vw, 849px);}
.about-section .book-element-1{ left: 0; bottom: 0; }
.about-section .book-element-2{ right: 0; bottom: 0; transform: scaleX(-1);}
.about-section .container{ position: relative; z-index: 2;}
.about-section .box-1 p{font-size: var(--usg-font-size-18); line-height: 1.4444; }
.about-section .box-1 p + p{ margin-top: clamp(13px, 1.302vw, 25px);}
.about-section .box-1 a{ margin-top: clamp(20px, 2.083vw, 40px);}
.about-section .box-2{ overflow: hidden; border-radius: 20px; height: 100%; height: auto; }
.about-section .box-3{ background: var(--primary-color); min-height:511px; border-radius: 20px; overflow: hidden; position: relative; z-index: 1; padding: clamp(18px, 1.823vw, 35px); display: flex; justify-content: center; align-items: center;}
.about-section .box-3::after{content: ''; background: url('../images/quote-texture.png'); position: absolute; z-index: 2; left: 0; top: 0; height: 100%; width: 100%; mix-blend-mode: multiply;}
.about-section .box-3 .content{ position: relative; z-index: 3;}
.about-section .box-3 .content h5{ font-size: var(--usg-font-size-40); line-height: 1.375; letter-spacing: 0.025em; font-family: var(--secondary-font); text-align: center; font-style: italic; color: var(--secondary-color); margin-bottom: clamp(20px, 2.083vw, 40px);}
.about-section .box-3 .img-wrapper{ display: flex; justify-content: center;}
.about-section .box-3 img{ max-width: clamp(100px, 9.271vw, 178px); }
.about-section .bottom-block{ margin-top: clamp(29px, 3.385vw, 65px); background: var(--primary-color); border-radius: 300px; padding: clamp(24px, 1.563vw, 30px) clamp(39px, 4.531vw, 87px);}
.about-section .bottom-block .box{ display: flex; gap: clamp(11px, 0.781vw, 15px); align-items: center;}
.about-section .bottom-block .box .icon{ width: clamp(60px, 4.167vw, 80px); aspect-ratio: 1/1; border-radius: 50%; background: var(--secondary-color); display: flex; justify-content: center; align-items: center;}
.about-section .bottom-block .box .icon img{ width: clamp(35px, 2.604vw, 50px); height: auto;}
.about-section .bottom-block .box .content h5{font-family: var(--usg-font-size-26); font-weight: 600; font-family: var(--secondary-font); color: var(--secondary-color); margin-bottom: 10px;}
.about-section .bottom-block .box .content h6{font-size: var(--usg-font-size-18); color: var(--light-color);}
.about-section.mobile{ display:none; }





.featured-books-section{ background: var(--primary-gradient); position: relative; z-index: 1; padding-block: clamp(32px, 3.646vw, 70px); }
.featured-books-section::after{ content: ''; background: url('../images/line-texture.png') no-repeat; height: 100%; width: 100%; position: absolute; left: 0; top: 0; background-size: cover;}
.featured-books-section .container{ position: relative; z-index: 3;}
.featured-books-section .heading{  display: flex; gap: clamp(14px, 1.042vw, 20px); justify-content: space-between; margin-bottom: clamp(14px, 1.042vw, 20px);}
.featured-books-section .sub-title{color: var(--secondary-color);}
.featured-books-section .title{ color: var(--light-color); }
.featured-books-section .single-slide .cover-img{width: 100%; aspect-ratio: 1 / 1.405; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}
.featured-books-section .single-slide .product-title{ font-size: var(--usg-font-size-24); min-height:57.6px; color: var(--light-color); font-family: var(--secondary-font); font-weight: 700; margin-block: clamp(15px, 1.563vw, 30px) clamp(10px, 0.625vw, 12px);}
.featured-books-section .single-slide .product-price{ font-size: var(--usg-font-size-18); color: var(--secondary-color); font-weight: 700; margin-bottom: clamp(13px, 1.302vw, 25px);}
.featured-books-section .single-slide label{ font-size: var(--usg-font-size-18); color: var(--secondary-color); font-weight: 700; margin-bottom: clamp(5px, 1.302vw, 10px); }
.featured-books-section .single-slide select{ padding:2px 8px; }
.featured-books-section .single-slide .product-price span{ font-weight: 400; }
.featured-books-section .single-slide .bottom-two-button{ display:flex; gap:4px; }
.featured-books-section .single-slide .buy-btn{ background:var(--secondary-color); color:var(--dark-color); display:flex; justify-content:center; align-items:center; gap:clamp(7px, 1.042vw, 12px); padding:clamp(12px, 0.781vw, 15px);
border-radius:200px; font-size:var(--usg-font-size-18); font-weight:500; text-decoration:none; transition:all .35s ease; font-size: 14px; padding: clamp(8px, 0.781vw, 11px); }
.featured-books-section .single-slide .buy-btn i{ transition:transform .35s ease;}
.featured-books-section .single-slide .buy-btn:hover{ background:var(--primary-color); color:var(--secondary-color); transform:translateY(-3px); box-shadow:0 12px 25px rgba(1, 39, 121, .25);}
.featured-books-section .single-slide .buy-btn:hover i{ transform:translateX(4px) scale(1.1);}
.featured-books-section .single-slide .buy-btn:active{ transform:translateY(0);}
.featured-books-section .swiper-pagination { margin-top: clamp(30px, 3.125vw, 60px); position: relative;}
.featured-books-section .swiper-pagination-bullet{background: #828DA5;}
.featured-books-section .swiper-pagination-bullet-active{background: var(--secondary-color);}
.featured-books-section .slider-wrapper-x{ position: relative;}
.featured-books-section .slider-wrapper-x [class^="swiper-button-"]{ background: var(--primary-color); border-radius: 50%; height: clamp(45px, 3.385vw, 65px); width: clamp(45px, 3.385vw, 65px); padding: 10px; position: absolute; top: 40% !important; transform: translateY(-50%) !important;}
.featured-books-section .slider-wrapper-x [class^="swiper-button-"] svg{ fill: var(--light-color); }
.featured-books-section .slider-wrapper-x .swiper-button-prev svg{transform: rotate(180deg);}
.featured-books-section .slider-wrapper-x .swiper-button-prev{left: clamp(-70px, -4.948vw, -95px) !important;}
.featured-books-section .slider-wrapper-x .swiper-button-next{right: clamp(-70px, -4.948vw, -95px) !important;}




.testimonials-section { padding-block: clamp(85px, 6.771vw, 130px) clamp(31px, 2.344vw, 45px); position: relative; overflow: hidden;}
.testimonials-section [class^="book-element-"]{ position: absolute; z-index: 1;}
.testimonials-section [class^="book-element-"] img{max-width: clamp(263px, 30.469vw, 585px);}
.testimonials-section .book-element-1{ left: 0; bottom: 0; }
.testimonials-section .book-element-2{ right: 0; bottom: 0; transform: scaleX(-1);}
.testimonials-section .slider-wrapper-x{ max-width: 850px; margin: 0 auto;}
.testimonials-section .single-slide{ text-align: center; margin: 0 auto; max-width: 600px;}
.testimonials-section .single-slide p{ font-size: var(--usg-font-size-26); font-family: var(--secondary-font);  font-weight: 700;  margin-bottom: clamp(28px, 2.865vw, 55px);}
.testimonials-section .single-slide h4{ font-size: var(--usg-font-size-24); font-weight: 700; margin-bottom: 12px;}
.testimonials-section .single-slide h5{ font-size: var(--usg-font-size-24); font-weight: 400;}
.testimonials-section .swiper-pagination { margin-top: clamp(30px, 3.125vw, 60px); position: relative; margin-inline: auto; display: flex; justify-content: center;}
.testimonials-section .swiper-pagination-bullet{background: #828DA5;}
.testimonials-section .swiper-pagination-bullet-active{background: var(--secondary-color);}
.testimonials-section .slider-wrapper-x{ position: relative;}
.testimonials-section .slider-wrapper-x [class^="swiper-button-"]{ background: var(--primary-color); border-radius: 50%; height: clamp(45px, 3.385vw, 65px); width: clamp(45px, 3.385vw, 65px); padding: 10px; position: absolute; top: 40% !important; transform: translateY(-50%) !important; display: flex; justify-content: center; align-items: center;}
.testimonials-section .slider-wrapper-x [class^="swiper-button-"] svg{ fill: var(--light-color); }
.testimonials-section .slider-wrapper-x .swiper-button-prev svg{transform: rotate(180deg);}
.testimonials-section .slider-wrapper-x .swiper-button-prev{left: 0 !important;}
.testimonials-section .slider-wrapper-x .swiper-button-next{right: 0 !important;}




.contact-section{ padding-block: clamp(50px, 5.208vw, 100px);}
.contact-section .title{ margin-bottom: clamp(28px, 2.083vw, 40px);}
.contact-section .form-wrapper .form-control{ padding: clamp(15px, 1.042vw, 20px); border: 1px solid #012779; margin-bottom: clamp(17px, 1.250vw, 24px);}
.contact-section .form-wrapper .submit-btn{ background:var(--dark-color); color:var(--light-color); padding:clamp(14px, 1.042vw, 20px) clamp(40px, 4.167vw, 80px); border:2px solid var(--dark-color); border-radius:10px; text-transform:uppercase; font-size:var(--usg-font-size-20); font-weight:500; cursor:pointer; transition:all .35s ease;}
.contact-section .form-wrapper .submit-btn:hover{ background:var(--secondary-color); color:var(--primary-color); border-color:var(--secondary-color); transform:translateY(-3px); box-shadow:0 12px 30px rgba(255, 215, 0, .35);}
.contact-section .form-wrapper .submit-btn:active{ transform:translateY(0); box-shadow:0 6px 15px rgba(255, 215, 0, .25);}
.contact-section .form-wrapper .submit-btn:focus-visible{ outline:3px solid rgba(255, 215, 0, .4); outline-offset:3px;}
.contact-section .form-wrapper textarea{ max-height: 130px;}
.contact-section .form-wrapper br{ display: none;}


footer{ padding-block: clamp(70px, 9.115vw, 175px) 0; color: var(--light-color); position: relative;}
footer .shape{ position: absolute; top: -1px; left: 0; width: 100%;}
footer .ink{ position: absolute; left: 10px; bottom: 70%;}
footer .ink img{filter: drop-shadow(0 15px 20px rgba(0,0,0,.20))  drop-shadow(0 35px 45px rgba(0,0,0,.30)); max-width: clamp(200px, 34.948vw, 671px);}
footer a{ color: var(--light-color);}
footer{ background: var(--primary-color);}
footer .box .logo-wrapper{width: clamp(180px, 15.885vw, 305px); position: relative; z-index: 999;}
footer .box .logo-wrapper img{ margin-bottom: clamp(15px, 1.563vw, 30px); width: 100%;}
footer .box.one p{font-size: var(--usg-font-size-20);line-height: 1.75;}
footer .row [class^="col-"]{ display: flex; justify-content: center;}
footer .box h3{ font-family: var(--secondary-font); font-size: var(--usg-font-size-24); font-weight: 700; margin-bottom: clamp(15px, 1.563vw, 30px);}
footer .box ul li + li{ margin-top: clamp(8px, 0.625vw, 12px);}
footer .box ul li a i{ margin-right: clamp(8px, 0.625vw, 12px);}
footer .box ol{ padding-left: 0; list-style: none; display: flex; gap: clamp(10px, 0.729vw, 14px); margin-top: clamp(11px, 0.781vw, 15px);}
footer .box ol li a{ font-size: var(--usg-font-size-30);}
footer .copyright{ text-align: center; margin-top: clamp(34px, 3.906vw, 75px); padding: clamp(11px, 0.781vw, 15px); background: #001C58; }
footer a{transition: 0.3s ease-in-out;}
footer a:hover{color: var(--secondary-color); transition: 0.3s ease-in-out;}