@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    --ast-global-color-0: #e95930;
    --ast-global-color-1: #946659;
    --ast-global-color-2: #171921;
    --ast-global-color-3: #30333a;
    --ast-global-color-4: #e3b7a4;
    --ast-global-color-5: #FFFFFF;
    --ast-global-color-6: #F2F5F7;
    --ast-global-color-7: #e95930;
    --ast-global-color-8: #000000;
    --ast-global-color-9:  #f8e4db;
}


header {
    position: sticky;
    top: 0;
    z-index: 999;
}

.navbar-expand-lg{
    background-color: var(--ast-global-color-5);
}

.navbar-nav .nav-link {
    transition: color 0.3s ease;
}

.navbar-nav .nav-link:hover {
    color: var(--ast-global-color-0);
}

.nav-icon i {
    transition: color 0.3s ease;
    margin-left: 15px;
}
.nav-icon i:hover {
    color: var(--ast-global-color-0);
}

.container-fliud{
    background-color: var(--ast-global-color-4);
}

/* home section banner */
.baner-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 83px 14px;
}

.banner-text h1 {
    font-size: 81px;  
}

.banner-text span{
    color:var(--ast-global-color-1)
}

.banner-text h1{
   font-family: "Playfair display",sans-serif;
}


/* .logo_text section */
.logo_text h5{
    font-family: "Playfair display",sans-serif;
    font-weight: 600;
 }

 .btn1 a{
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-2);
    border-radius: 0;
    padding: 10px;
    font-weight: 500px;
    text-decoration: none;
 }

 .btn2 a {
    background-color: var(--ast-global-color-6);
    color: var(--ast-global-color-2);
    border-radius: 0;
    padding: 10px;
    font-weight: 500;
    margin: 10px;
    text-decoration: none;

 }

 .btn2 a:hover{
    background-color: var(--ast-global-color-0);
    color: var(--ast-global-color-6);
    transition: ease .3s;
 }
 .btn1 a:hover{
    background-color: var(--ast-global-color-0);
    color: var(--ast-global-color-6);
    transition: ease .3s;
 }

 /* 'A Word From The Author' section */

 #second_section{
    padding: 50px;
 }
 
 .about-image_text {
    width: 50%;
    margin: 0 auto;
    padding-top: 80px;
    font-size: 18px;
    font-weight: 400;
}

.about-image {
    padding: 15px;
    margin-right: 80px ;
}

.about-image_text h2{
    font-family: "Playfair display",sans-serif;
    font-weight: 600;
    padding-bottom: 20px ;
}

.about-image_text .read_more a{
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-6);
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 500;
    text-decoration: none;

}

.about-image_text p{
    padding-bottom: 20px ;
}

.about-image_text .read_more  a:hover{
    background-color: var(--ast-global-color-0);
    transition: ease .3s;
}

.elementor-divider-separator::before {
    content: "";
    display: inline-block;
    width: 10px;
    background-color:var(--ast-global-color-0);
    margin: 5px; 
}

/* Additional styles to better visualize the separator */
.elementor-divider {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
}

.elementor-divider-separator {
    display: inline-block;
    height: 2px;
    width: 100%;
    background-color: var(--ast-global-color-1);
}

.Kathryn{
    font-family: "Playfair display",sans-serif;
    font-weight: 600;
    padding-bottom: 5px ;
}

.Entrepreneur{
    font-weight: 200;
}

.social_media{
    font-size: 20px;
    padding-top: 20px;
}

.social_media a {
    text-decoration: none;
}
.social_media i{
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-6);
    padding: 8px 10px;
    border-radius: 50%;
    transition: box-shadow 0.3s ease-in-out;
}
.social_media i:hover{
    box-shadow: 0 0 20px rgba(108, 173, 243, 0.8);
}

/* .smoke_conatiner book and book_image CSS */
/* container backgroung-color CSS */
#smoke_conatiner_color{
    background-color: var(--ast-global-color-4);
}
#smoke_conatiner-main{
    padding: 78px;
}

.smoke_conatiner .Complete{
   padding-bottom: 20px;
}
.smoke_conatiner .Complete span{
    color: var(--ast-global-color-1);
    font-size: 20px;
}

.smoke_conatiner {
    width: 60%;
    margin: 0 auto;
    line-height: 30px;
}

.smoke_conatiner .sec3_heading{
    padding: 10px 0px;
}

.smoke_conatiner .sec3_heading h2{
    font-family: "Playfair display",sans-serif;
    font-weight: 600;
    font-size: 40px;
}

/* .sec3_heading css */
.sec3_para p{
    font-size: 18px;
    font-weight: 400;
}

.buy_complete-series_btn{
    padding-top: 20px;
}

.buy_complete-series_btn a{
    background-color: var(--ast-global-color-1);
    color: var(--ast-global-color-5);
    text-decoration: none;
    font-weight: 500;
    padding: 10px 20px;
    transition: ease-in 0.3s;
}

.buy_complete-series_btn a:hover{
    background-color: var(--ast-global-color-0);
}


/* .book_image css */
.bokk_series-image .book_img_1 img, .bokk_series-image .book_img_2 img {
    width: 163px;
    margin-top: 10px;
}
 .book_image{
    padding: 20px 10px;
}


/* testimonial start */


#testimonial__container{
    background-color: var(--ast-global-color-9)
}

.card_main_heading h2{
    font-family: "Playfair display",sans-serif;
    text-transform: capitalize;
    text-align: center;
    padding-top: 20px ;

}

.card_section_text .card_heading h2{
    font-family: "Playfair display",sans-serif;
    font-weight: 700;
}
.card_section_text .card_paragraph p{
    font-weight: 200;
    font-size: 20;
}

.card_section_text .card_btn a{
    text-decoration: none;
    background-color: var(--ast-global-color-1);
    color: white;
    font-weight: 400;
    padding: 10px 20px;

}
.card_section_text{
    padding-left: 130px;
    padding-top: 160px;
    margin-right: 30px;
}

#main_card{
    padding-top: 120px;
    padding-bottom: 120px;

}


.underline_::before {
    content: "";
    display: inline-block;
    width: 10px;
    background-color:var(--ast-global-color-0);
    margin: 5px; 
}

/* Additional styles to better visualize the separator */
.underline_ {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 37%;
    height: 4px;
    width: 25%;
    background-color: var(--ast-global-color-1);
}


#sixth_section{
    background-color: var(--ast-global-color-4);
    padding-bottom: 10px;
}


.Subscribe{
    width: 50%;
    margin: 0 auto;
    padding: 120px 29px;
    font-size: 18px;
    font-weight: 400;
}

.Subscribe .Aurthor h2{
    font-family: "Playfair display",sans-serif;
    font-weight: 700;
    font-size: 50px;
}


/* footer css */
.footer {
    background-color: #343a40;
    color: white;
    padding: 40px 0;
}
.footer a {
    color: #ffc107;
    text-decoration: none;
}
.footer a:hover {
    text-decoration: underline;
}

#footer_logo img{
   width: 200px;
}

.footer_underline::before {
    content: "";
    display: inline-block;
    width: 10px;
    background-color:var(--ast-global-color-0);
    margin: 5px; 
}

/* Additional styles to better visualize the separator */
.footer_underliner {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto 37%;
    height: 4px;
    width: 100%;
    background-color: var(--ast-global-color-1);
}

.footer_underline{
    display: inline-block;
    height: 2px;
    width: 100%;
    background-color: var(--ast-global-color-1);
}

@media (max-width: 990px) {

    header {
        margin: auto;
    }
    
}