::selection{background:#a4b355;color:#fff;}
h1,h2,h3,h4,h5{font-family:"DM Serif Display",serif;}
body{font-family:"Sora",sans-serif;}
img{max-width:100%;}
h1,h2{font-size:48px;}
a,a:hover{text-decoration:none;}
.styled-link{position:relative;padding-bottom:3px;flex-shrink:0;}
.styled-link:after{content:"";position:absolute;bottom:0px;left:auto;right:0px;width:0%;height:1px;transition:0.5s all;}
.styled-link:hover:after{content:"";position:absolute;bottom:0px;left:0px;right:auto;width:100%;height:1px;background-color:#fff;}

/* navbar Above */
#navbarAbove{font-size:15px;color:#ffffff;padding:10px 0px;background-color:#100c0b;font-family:"Lato",sans-serif;}
.navbar-brand{font-size:30px;font-weight:bold;}
#navbarAbove a{color:#ffffff;letter-spacing:1px;}
#navbarAbove .styled-link:hover:after{background-color:#000!important;}

/* navbar Below */
#navbarBelow .navbar-toggler i{color:#000;}
#navbarBelow{z-index:999;color:#ffffff;background-color: #58595b;}
#navbarBelow .nav-link{color:#ffffff;font-size:15px;font-weight:500;padding-left:15px!important;padding-right:15px!important;}
#navbarBelow .nav-link:hover{color:#777d54;}
#navbarBelow .navbar-toggler{color:#fff;border:none;box-shadow:none;}
#navbarBelow.fixed-top{background-color:#000;animation:navbarBelow 500ms linear;}
@keyframes navbarBelow{
  0%{opacity:0%;transform:translateY(-50%);}
  100%{opacity:100%;transform:translateY(0);}
}
#navbarNavDropdown{font-size:1.1rem;font-weight:600;}
.navbar-brand img{max-height:120px;}
.dropdown-menu{background-color:transparent;}
.dropdown-item{color:#000;font-weight:400;}
.dropdown-item.active,.dropdown-item:active,.dropdown-item.active,.dropdown-item:hover{background-color:#121c3df4;color:#fff!important;}
.navbar-right-button{background-color:#25d366;border:none;box-shadow:1px 1px 5px #000;color:#fff!important;font-weight:400;padding:9px 14px;border-radius:10px;transition:transform 200ms;}
.navbar-right-button:hover{transform:scale(1.05);}
#navbarBelow .navbar-collapse.show,#navbarBelow .navbar-collapse.collapsing{margin-top:10px;}

/* FOOTER  */
footer{width:100%;background:#58595b;overflow:hidden;}
.foot_top{width:100%;overflow:hidden;padding:60px 0 20px;}
.foot_box{width:100%;color:#fff;}
.foot_box h3{margin:0 0 20px;color:#fff;font-weight:400;padding-bottom:15px;position:relative;font-size:22px;}
.foot_box ul{padding:0;list-style:none;}
.foot_box ul li{position:relative;}
.foot_box ul li a{color:#fff;transition:linear 0.2s;}
.foot_box ul li a:hover{color:#e95930;}
.social-icons a{font-size:22px;width:40px;height:40px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;color:#000!important;transition:.5s;}
.social-icons a:hover{background-color:transparent;color:#fff!important;}
.foot_box2 h3{margin:0 0 20px;color:#fff;font-weight:400;padding-bottom:15px;position:relative;font-size:22px;}
.foot_box2 h3::before{content:"";bottom:-2px;right:50%;left:0;position:absolute;z-index:1;height:2px;width:20%;background:#fff;}
.foot_box2 ul li{color:#fff;padding:0 0 10px;}
.foot_box img{margin-top:10px;}
.foot_box2 ul li a{color:#fff;font-size:12px;}
.foot_box2 ul li{list-style:none;}
.foot_bot{padding-bottom:30px;}
.foot_bot p{text-align:center;color:#fff;}

/* HOME CSS START */
.sec{padding:70px 0;}
h5{font-size:18px;}
.h_banner{background-color:#530100;}
.color1{color:#00839e;}
.amazon_btn{background-color:#fff!important;color:#171921!important;}
.sec_1{padding:120px 0 40px;}
.s1_img img{margin-left:60px;}
.sec_4{background-color:#530100;}
.s4_box{border-radius:5px;padding:40px;background-color:#fff;  /* margin: 15px; */height:100%;display:flex;flex-direction:column;justify-content:space-between;}
.s4_box p:nth-child(1){margin-bottom:20px;}
@media (max-width:991px){
  .s4_left{text-align:center;margin-bottom:20px;}
  .s1_img img{margin:0;}
}
@media (max-width:768px){
  .ban_left{text-align:center;padding-top:40px;}
  .s2_right,.s3_left,.s5_right{text-align:center;margin:15px 0;}
  .sec{padding:40px 0;}
  .btn_container{justify-content:center;}
}

/* HOME CSS END */

/* BOOKS CSS START */
.book_banner{background-color:#530100;padding:120px 0;}
.book_s1_right{width:80%;}

/* BOOKS CSS END */

/* BIO CSS START */
.heading1{color:#171921;}
.para1{color:#30333a;}
.bio_banner,.book_banner{background-color:#530100;padding:120px 0;}
.bios1_icon i{color:#fff;border-radius:50%;font-size:20px;padding:10px;background-color:#00839e;}
.bio_padding{padding:80px 0;}
.font_css{font-size:22px;}
.bio_sec4{background-color:#777d54;}
.bio_s5icon i{font-size:50px;color:#00839e;}
.theme_btn{background-color:#00839e;padding:11px 30px;border-radius:5px;color:#fff;transition:all .3s;}
.theme_btn, .bios1_icon i {
  animation: blink 1s infinite alternate linear;
}
@keyframes blink {
  0% {
    box-shadow: 0 0 3px #0d4c67;
  }
  50% {
      box-shadow: 0 0 15px #0d4c67;
      transform: scale(1.05);
  }
  100% {
      box-shadow: 0 0 3px #0d4c67;
  }
}
.theme_btn:hover{background-color:#0d4c67;color:#fff;}
.theme_btn.amazon_btn {
  animation: none;
}
.bio_sec7{background-color:#530100;}
.form_main .right-btn{border:none;}
@media (max-width:991px){
  #navbarBelow .navbar-collapse{order:3;padding:0px 10px;}
  #navbarBelow .navbar-toggler{order:1;}
}
@media (max-width:768px){
  .bio_s1_left,.bio_s2_right,.bio_s6_right,.form_main{margin:20px 0;text-align:center;}
  .bio_banner{padding:60px 0;}
  h1,h2{font-size:28px;}
  .form_main .right-btn{margin-top:15px;}
}
@media (max-width:575px){
  .navbar-brand img{max-height:30px;}
  #navbarAbove{padding:5px 0px;font-size:12px;text-align:center;}
}

/* BIO CSS  END*/

/* checkout css*/
.checoutWrapper{padding:80px 100px;background-color:#eaecdb;}

/* checkout css*/

/* shahzaib css*/

.head-text{font-weight:300;font-size:70px;}
.highlight-text{font-family:"Sora",sans-serif;font-size:18px;color:#777d54;}
.hero-text{font-size:70px;line-height:1.4em;}
.hero-para{font-family:"Sora",sans-serif;font-size:15px;line-height:1.4em;}
.btn{font-size:15px;font-family:"Sora",sans-serif;font-weight:600;border:none;border-radius:5px;padding:14px 28px;transition:all 0.3s;}
.cta-btn{font-size:15px;font-family:"Sora",sans-serif;font-weight:600;border:none;border-radius:5px;padding:10px 55px;transition:all 0.3s;}
.btn:hover{background-color:#a4b355;color:#fff;}
.cta-btn:hover{background-color:#a4b355;color:#fff;}
.primary-btn{color:#fff;background-color:#00839e;}
.secondary-btn{color:#242424;background-color:#fff;text-transform:uppercase;}

/* widget section */
.big-heading{font-size:48px;text-transform:capitalize;}
.widget-para{font-size:15px;font-family:"Sora",sans-serif;}
p{margin:0;}
.book-cover-text{font-size:22px;vertical-align:middle;text-align:center;}

/* Subscription */
.custom-input{width:402px;height:50px;border:none;border-radius:3px;}
.custom-input::placeholder{padding-left:20px;font-weight:100;text-transform:capitalize;}

/* Dummy */
.sub-container{width:100%;height:600px;background-color:#e9583015;}
.cta-section{margin-top:30px;}
.sub-container input{width:70%;height:50px;border-radius:3px;border:1px solid #fafafa;text-transform:capitalize;outline:none;}
.sub-container input{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;padding-left:10px;font-weight:100;}
.bundle-sec,.hero-sec{padding:100px 0;}
.book-cover-sec,.upcoming-sec{padding:100px 0;}
.bundle-sec{background-color: #530100;}

/* shahzaib css*/
.totalQuantity{color:#e95930!important;}
.cart-icon{border:2px solid #e95930;height:27px;width:27px;padding:1px 5px;font-size:15px;border-radius:3px;display:inline-block;text-align:center;position:relative;cursor:pointer;}
.cart-icon span{width:10px;height:10px;border-radius:5px 5px 0 0;border:2px solid #dd181a;border-bottom:0;display:inline-block;position:absolute;top:-7px;left:50%;transform:translateX(-50%);}
.terms_section_form{padding:50px 60px;background-color:#fff;transform:translateY(-90px);box-shadow:0 0 49px 0 rgba(0,0,0,.08);}
p.fs-5.mt-3{border-bottom:1px solid #777d54;padding-bottom:10px;margin-bottom:20px;}
.terms_section_form h4{color:#00839e;}
.terms_section_form .form-control{background-color:#fafafa;border-radius:0;height:45px;}
.article-box{background-color:#FFFFFF;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.3);border-radius:16px;font-size:14px;max-width:95%;margin:auto;}
.article-box a{padding:30px;color:#000;display:block;}
.art{background-color:#777d54;padding:5px 8px;color:#fff;display:inline-block;}
.article-box span span{font-size:10px;color:#aba8a8;}
.blogwrapper {
  height: calc(60vh);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #9ddedb;
    padding: 120px 0;
}
@media screen and (max-width:1400px){
  .hero-text{font-size:50px;}
  .book-cover-text{font-size:20px;}
  .bundle-sec,.hero-sec{padding:70px 0;}
  .custom-container{height:340px;}
  .head-text{font-size:50px;}
  .s1_img img{margin-left:0;}
}
@media screen and (max-width:1200px){
  h1,h2,.big-heading{font-size:35px;}
  .book-cover-text{font-size:17px;}
  .bio_sec3{padding-top:0;}
}
@media screen and (max-width:991px){
  .hero-text{font-size:36px;}
  h1,h2,.big-heading{font-size:27px;}
  .sec{padding:30px 0;}
  .head-text{font-size:40px;}
  .book-cover-sec,.upcoming-sec,.bundle-sec,.hero-sec{padding:40px 0;}
  .bio_padding{padding:40px 0;}
  .navbar-toggler{background-color:#e95930;padding:8px 10px;border-radius:0;}
}
@media screen and (max-width:767px){
  .hero-text{font-size:27px;}
  .s1_img img{max-width:32%;}
  .foot_box h3{text-align:center;}
  .custom-container{height:240px;}
  .heading-text{width:100%;}
  .book-cover-text{font-size:22px;}
  .bio_padding{padding:40px 0 0;}
  .bio_sec4,.bio_sec7{padding-bottom:40px;}
  .terms_section_form{transform:translateY(-50px);padding:50px 30px;}
}

.mailbox {
  padding: 43px 28px 50px 28px;
  background-color: #FFFFFF;
  border-radius: 15px 15px 15px 15px;
}
.mailbox i {
  font-size: 45px;
  margin-bottom: 30px;
}
#captcha {
  background: #fff;
  color: #00252d;
  margin: 8px 9px;
  padding: 2px 30px;
  font-weight: 700;
  text-transform: uppercase;
  border: 1px solid #c2c2c2;
  font-family: initial;
}
.refresh {
  background: #00839e;
  border: 0;
  border-radius: 50%;
  padding: 0px 14px;
  font-size: 16px;
  margin: 0 9px;
  display: flex;
  align-items: center;
  color: #fff;
}
.s4_img img{
  border-radius: 50px;
}

.img_animation{
  animation: 2s linear infinite bounce;
}
@keyframes bounce {
  0%, 100%, 20%, 50%, 80% {
    transform: translateY(0);
}

40% {
    transform: translateY(-25px);
}
60% {
    transform: translateY(-15px);
}
}

.s4_box p{
  font-size: 14px;
}
.s4_box i{
  font-size: 14px;
  color: #f6cb39;
}