h3,h2,h1,h4,h5,h6,p,span,a{
        font-family: 'bebas_neuebold' !important;
    }
    h1{
       border-bottom: 3px solid #a63937; 
         padding-bottom: 15px;
    display: inline-block;
    }
    
    .main-heading{
        font-size: 2.5rem;
        margin-top: 2rem;
    }
    @media only screen and (max-width: 600px) {
  .main-heading {
   font-size: 2rem;
      margin-top: 0rem;
  }
}
    
    .navbar-toggler {
     padding: .20rem .40rem; 
     font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
    .navbar-light .navbar-toggler {
    color: #a63937;
    }
    
   /* .bg-book
    {
        background-image: url(images/undraw_Bibliophile_hwqc.svg);
        background-repeat: no-repeat;
        background-size:contain;
        height: 70vh;
    }
    .bg-author
    {
        background-image: url(images/undraw_Bibliophile_hwqc.svg);
        background-repeat: no-repeat;
        background-size:contain;
        height: 50vh;

    }*/
    .bg-light-theme{
        background-color:  #f4c1c1;
    }
    .para-align{
        text-align: justify;
        
    }
    .pd-section{
        padding-top: 3rem;
        padding-bottom: 30px;
        
    }
     @media only screen and (max-width: 600px) {
  .pd-section{
   padding-top: 2rem;
  }
}
    .row-pd{
        padding-top: 3rem;
    }
     @media only screen and (max-width: 600px) {
  .row-pd{
   padding-top: 2rem;
  }
}
    
    .bg-theme{
        background-color: #a63937 !important;
    } 
    .text-theme{
        color: #a63937 !important;
    }
    .navbar{
        border-bottom: 1px solid #dadbf2;
    }
    .nav-link{
        font-weight: 600;
        font-size: 19px;
        color: #a63937 !important;
    }
     .nav-link:hover{
        color: #592424 !important;
    }
    
    .navbar-brand{
        color: #a63937 !important;
        font-weight: bold;
        /*ffc0bf*/
    }
    
        .client-img {
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 4px solid #000;
    margin: 0px auto 20px;
    border-radius: 100%;
}
.carousel-content {
    padding: 0px 0px;
}
    
    .carousel-indicators li{
        background-color: transparent !important;
    }
    
.carousel-content h3 span {
    font-size: 17px;
    font-weight: normal;
    color: #000;
    text-transform: uppercase;
}
.client-img img {
    width: 100%;
}
#testimonial {
    text-align: center;
    padding: 40px 0px;
    color: #000;
}
#testimonial .carousel-control-prev,
#testimonial .carousel-control-next {
    font-size: 36px;
    color: #000 !important;
}
   
#testimonial h1 {
  /*  font-size: 40px;*/
   /* font-style: italic;*/
    border-bottom: 3px solid #a63937;
    padding-bottom: 15px;
    display: inline-block;
}
    
 /*Icons*/   
    .social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
 }
 .social {
     -webkit-transform: scale(0.8);
     /* Browser Variations: */
     
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
 }

/*
    Multicoloured Hover Variations
*/
 #social-fb {
     color: #a63937;
 }
 #social-tw {
     color: #a63937 ;
 }
 #social-gp {
     color: #a63937 ;
 }
 #social-em {
     color: #a63937 ;
 }
    
    
 #social-fb:hover {
     color: #3B5998;
 }
 #social-tw:hover {
     color: #4099FF;
 }
 #social-gp:hover {
     color: #d34836;
 }
 #social-em:hover {
     color: #f39c12;
 }
    
    .purchase-btn{
      position: absolute;
    bottom: 2%;
    left: 55%;
    }

@media only screen and (max-width: 600px) {
  .btn-group, .btn-group-vertical {
    display: none !important;
  }
}

    .banner_btn a{
        position: absolute;
        top: -47px;
        left: 35%;
    }
    .purchase-btn-sm{
        position: relative;
        top: 15px;
        left: 27%;
    }
    @media(min-width:320px) and (max-width:480px){
        .banner_btn a{
            display: none;
        }
        .purchase-btn{
            display:none;
        }
    }
    @media(max-width:768px){
        .banner_btn a{
            position: absolute;
            top: -50px;
            left: 35%;
        }
    }
    @media(min-width:768px) and (max-width:2580px){
        .purchase-btn-sm{
            display: none;
        }
    }
    
   @media only screen and (max-width: 600px) {
  .mt-head {
    margin-top: 1rem;
  }
}
    .nav-link{
        margin-left: 1.5rem !important;
    }
    
     @media only screen and (max-width: 768px) {
  .nav-link {
    margin-left: 0rem !important;
  }
}
    .content-center{
       display: block;
        margin-top: auto;
        margin-bottom: auto;
    }
    
    html{
        scroll-behavior: smooth;
    }