.wp-singular.product-template-default.single-product .site-content{
    display:unset;
}

.single-product p{
    margin-bottom:20px;
}

.product-template-default .entry-title.elementor-heading-title{
     margin-bottom:1.5rem; 
}

.product-template-default.woocommerce div.product .woocommerce-product-rating{
    margin:0 ;
}

.product-section{
    padding-bottom:100px;
    background-image: url('/wp-content/uploads/2025/10/product-sec-bg.webp');
     background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto; /* Full width, proportional height */
    overflow: hidden;
}

.product-section.course-product-section{
    background-image: 
        linear-gradient(to bottom, transparent 0%, transparent 50%,#deebf5 51%, #deebf5 100%),
        url('/wp-content/uploads/2025/11/pace-course-bg-2.webp');
    background-position: center;
}

.product-top-section .product_title{
    margin-bottom:64px;
     margin-top:120px !important;
}

.details-of-product {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  align-items: flex-start;
}

@media(max-width:1200px) and (min-width:901px){

.details-of-product .product-rate-desc {
    grid-column: 1 / 3;
    grid-row: 2;
}
}

@media(max-width:900px) and (min-width:768px){
    .details-of-product .product-image-section{
    grid-column: 1 / -1;
}
    .details-of-product .product-rate-desc {
        grid-column: 1 / 2;
        grid-row: 2;
    }

    .details-of-product .add-to-cart-section{
    grid-column: 2 / 3;
    grid-row: 2;
    }
}

/* @media(max-width:768px){

} */

@media(max-width:1200px){
.details-of-product{
    grid-template-columns: repeat(2, 1fr);
}
}

@media(max-width:768px){
.details-of-product{
    grid-template-columns: repeat(1, 1fr);
}
}

.details-of-product .flex-viewport {
    height: auto !important;
    overflow: hidden !important; /* Add this to hide overflowing slides */
}

.details-of-product .woocommerce-product-gallery__image {
    width: 100% !important;
    display: none !important; /* Hide all slides by default */
}

.details-of-product .woocommerce-product-gallery__image.flex-active-slide {
    display: block !important; /* Only show the active slide */
    /* max-height: 400px; */
    object-fit: cover;
}

.details-of-product .woocommerce-product-gallery__image.flex-active-slide{
    border-radius:10px;
}

.details-of-product .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    transform: none !important;
    display: block !important; /* Change from flex to block */
}

/* Make sure images are responsive */
.details-of-product .woocommerce-product-gallery__image img {
    width: 100% !important;
    height: auto !important;
    max-width: 100%;
    border-radius: 10px;
    aspect-ratio: 8.5 / 11;
    object-fit: cover;
}

/* .details-of-product .product-image-section,
.details-of-product .product-rate-desc
{
    width:30.33%;
} */

.details-of-product .product-image-section ol{
    display:flex;
    column-gap:12px
}

.details-of-product .product-image-section ol li{
    padding-top:12px !important;
    padding-right:0 !important;
}

.details-of-product .product-image-section ol li img{
    border-radius:10px;
    aspect-ratio: 8.5 / 11;
    object-fit: cover;
    margin-bottom: 10px;
    display: block;
}

.details-of-product .also-product-option .woocommerce-Price-amount {
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
}
.details-of-product .also-product-option {
    display:flex;
    flex-direction: column;
    padding: 12px 12px;
    border: 2px solid #247dbf;
    border-radius: 5px;
    /* max-width: 164px; */
    margin-top: 18px;
    cursor:pointer;
    width:50%;
}

.details-of-product .also-available-box .also-products{
display:flex;
column-gap:20px;
}

.details-of-product .also-product-option:hover{
    color:white;
    background-color:#247dbf;
}

.details-of-product .also-product-format{
    flex-grow:1;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 8px;
}
.details-of-product .books-list__price .woocommerce-Price-amount{
    font-weight: bold;
    font-size: 24px;
    line-height: 1;
}

.details-of-product .woocommerce-product-gallery{
    margin-bottom:0 !important;
}

.product-rate-desc {
    /* display: flex;
    flex-direction: column;
    gap: 21px; */
}

.product-type-course .product-description.p-20 p{
    font-size: inherit;
}

.product-image-section .woocommerce-product-gallery, 
.product-image-section img {
    width:100% !important;
}

.add-to-cart-section {
    border: 1px solid #DEEBF5;
    padding:24px;
    border-radius:10px;
    display:flex;
    flex-direction:column;
    row-gap:24px;
    box-shadow: 12px 21px 17px 0px rgba(87, 93, 122, 0.05);
    background:#fff;
    
}
.add-to-cart-section .discount-text {
    font-size: 16px;
}

.add-to-cart-section .discount-text p{
    margin-bottom: 1.5rem;
}

.add-to-cart-section .discount-text p:last-child {
    margin-bottom: 0;
}



.add-to-cart-section .pricing-options {
    display:flex;
    column-gap:24px;
    justify-content: space-between;
}

.add-to-cart-section  .price-card{
    border:1px solid black;
     border: 1px solid #DEEBF5;
    padding:12px;
    border-radius:10px;
    flex-grow:1;
    
}

.add-to-cart-section  .purchase-buttons{
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.add-to-cart-section  .purchase-buttons button,
.add-to-cart-section  .purchase-buttons a{
    background-color: transparent !important;
    color: var(--dark-blue) !important;
    border: 2px solid var(--sky-blue);
    padding: 17px 15px !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    /* transition: all 0.3s ease; */
    cursor: pointer;
    width:100%;
    line-height: 1 !important;
    text-align:center;
    font-size:18px;
}

.add-to-cart-section  .purchase-buttons button:hover,
.add-to-cart-section  .purchase-buttons a:hover{
    background-color: var(--sky-blue) !important;
    color: var(--dark-blue) !important; /* keep your dark-blue */
    color: #fff !important; 
    border-color: var(--sky-blue);
    outline: none; /* optional: removes default browser focus outline */
    text-decoration: none;
}


.product-rating-section .star-rating {
    position: relative;
    height: 1.5em;
    width: 5.3em;
    font-family: star; /* Ensure this font exists */
    font-size: 1.2em;
    line-height: 1;
    margin-top: 7px !important;
    margin-right: 12px !important;
}

.product-rating-section .star-rating::before {
    content: "\53\53\53\53\53"; /* Star characters */
    color: #47B0AB !important;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
}

.product-rating-section .star-rating span {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
}

.product-rating-section .star-rating span::before {
    content: "\53\53\53\53\53"; /* Star characters */
    color: #47B0AB !important;
    position: absolute;
    top: 0;
    left: 0;
}
.product-rating-section .woocommerce-review-summary{
    font-size:16px;
}
.product-rating-section  .woocommerce-review-link{
    color:var(--wc-blue);
    /* text-decoration: underline;
    text-underline-offset: 5px !important; */
    font-weight: bold;
    font-size:14px;
}

.add-to-cart-section .books-list__actions .quantity:not(.buttons-added):not(.hidden):before,
.add-to-cart-section .books-list__actions .quantity:not(.buttons-added):not(.hidden):after{
    display:none;
}

.add-to-cart-section .books-list__actions {
        display: flex;
    justify-content: space-between;
}

.add-to-cart-section.books-list__item .books-list__quantity-wrapper .books-list__quantity-btn--minus {
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 300;
    width: 27px;
    height: 27px;
    padding: 0px;
    line-height: 1px;
}

.add-to-cart-section.books-list__item .books-list__quantity-wrapper .books-list__quantity-btn--plus {
    padding: 5px 10px;
    cursor: pointer;
    font-weight: 300;
    width: 27px;
    height: 27px;
    padding: 0px;
    line-height: 1px;
}

.add-to-cart-section.books-list__item .books-list__quantity-wrapper .qty {
    width: 23px !important;
    text-align: center;
    margin: 0 5px;
    height:auto;
}

.add-to-cart-section .discount-text:not(:has(p)) {
    display: none;
}


/* ------------------------------------ */

.blue-banner {
    background-color:#247DBF;
    color:white;
    border-radius: 10px;
    margin-top: 64px;
}

.blue-banner .additional-details {
    display:flex;
    padding:40px 0px;
}

.blue-banner .additional-details .img-title img{
        width:15px;
       /* padding-top:5px; */
       margin-bottom:12px;
}

.blue-banner .additional-details .img-title{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    font-size: 16px;
}

.blue-banner .additional-details .img-title p{
       font-size: 16px;
       font-weight: normal;
}

.blue-banner .additional-details > div{ 
    flex-grow:1;
    border-right:1px solid #D4D4D8;
    padding-right:40px;
    padding-left: 40px;
    text-align:center;
}
.blue-banner .additional-details .published{
    padding-bottom: 24px;
}

.blue-banner .additional-details > div.publisher{
     border-right:unset;
}

@media (max-width: 1024px) and (min-width: 810px) {
.blue-banner .additional-details > div.format{
     border-right:unset;
}
}


.blue-banner .additional-details p{
font-size:20px;    
font-weight: bold;
margin-bottom: 0;
}

@media(max-width:1024px){
.blue-banner .additional-details {
    flex-wrap:wrap;
   row-gap: 50px;
}
}

@media(max-width:600px){
.blue-banner .additional-details {
    flex-direction: column;
   row-gap: 20px;
}
.blue-banner .additional-details > div{
    padding-bottom:20px;
     border-right: unset;
     border-bottom:1px solid white;
}

.blue-banner .additional-details > div.publisher{
border-bottom:unset;
}
.blue-banner .additional-details{
    padding:40px;
}
}

/* -------------------------------- */

.tab-section{
       background-image: url('/wp-content/uploads/2025/10/single-page-tab-bg.webp');
     background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto; /* Full width, proportional height */
    padding-bottom: 100px;
    background-color: #dfebf5
    
}

.woocommerce-tabs.wc-tabs-wrapper {
    border: 1px solid #DEEBF5;
    border-radius:10px;
     
     background-color: white;
}

.woocommerce-tabs.wc-tabs-wrapper h1,
.woocommerce-tabs.wc-tabs-wrapper h2,
.woocommerce-tabs.wc-tabs-wrapper h3,
.woocommerce-tabs.wc-tabs-wrapper h4,
.woocommerce-tabs.wc-tabs-wrapper h5,
.woocommerce-tabs.wc-tabs-wrapper h6{
    margin-bottom: 12px;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabs{
    padding:16px !important;
    border-bottom:1px solid #DEEBF5; 
    border-bottom-left-radius:10px;
    gap:16px;
    margin-bottom:0 !important;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabs a{
    font-size:18px;
    padding:16px !important;
}


.woocommerce-tabs.wc-tabs-wrapper ul{
     padding:0px 0 20px 0px;
     margin-bottom:0px;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabs li{
    flex-grow:1;
    text-align:center;
    border: 1px solid #DEEBF5 !important;
    border-radius:10px !important;
    text-transform:uppercase;
    padding:0px;
}
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li a{
    width:100%;
}

.woocommerce-tabs.wc-tabs-wrapper ul.tabss li:hover,
.woocommerce-tabs.wc-tabs-wrapper ul.tabs li:active{
    background-color:#DEEBF5 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
     background-color:#DEEBF5 !important;
}

.woocommerce-Tabs-panel{
    padding:40px !important;
}

.product-template-default .onsale{
    display: none !important;
}

.product-template-default .woocommerce-tabs li ul{
    padding-bottom:0 !important;
}

.product-template-default .woocommerce-tabs ul > li:has(ul):not(:last-child) {
    padding-bottom: 20px;
}


.woocommerce div.product div.summary{
    margin-bottom: 0 !important;
}

.woocommerce-breadcrumb{
display:none;
}

.woocommerce-tabs.wc-tabs-wrapper .custom-tab-content ul >li>ul{
    padding-top:0 !important;
}



.woocommerce-tabs.wc-tabs-wrapper .product-description-content {
    display: flex;
    gap: 32px;
}

.woocommerce-tabs.wc-tabs-wrapper .product-description-content.no-additional-card {
    display: block;
}

.woocommerce-tabs.wc-tabs-wrapper .product-description-content .product-main-content {
    flex: 1 1 0%;
}

.woocommerce-tabs.wc-tabs-wrapper .product-description-content.no-additional-card .product-main-content {
    width: 100%;
}

.woocommerce-tabs.wc-tabs-wrapper .product-description-content .overview-additional-card {
    flex: 0 0 30%;
    max-width: 30%;
    min-width: 260px;
    background: #DEEBF5;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    margin: 0;
    height: fit-content;
}

.woocommerce div.product .woocommerce-tabs .panel{
    margin-bottom:0px;
}

.woocommerce-tabs.wc-tabs-wrapper .product-description-content.no-additional-card .overview-additional-card {
    display: none;
}

.woocommerce-Tabs-panel #commentform .form-submit input#submit{ 
    background-color: transparent !important;
    color: var(--dark-blue) !important;
    border: 2px solid var(--sky-blue);
    padding: 17px 15px !important;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    /* transition: all 0.3s 
ease; */
    cursor: pointer;
    line-height: 1 !important;
    text-align: center;
    font-size: 18px;
}
.woocommerce-Tabs-panel #commentform .form-submit input#submit:hover{ 
    background-color: var(--sky-blue) !important;
    color: var(--dark-blue) !important;
    color: #fff !important;
    border-color: var(--sky-blue);
    outline: none;
    text-decoration: none;
}
.woocommerce-Tabs-panel #commentform textarea{
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #D4D4D8 !important;
    border-radius: 8px;
    margin-bottom: 0px !important;
    font-size: 16px;
    line-height: 1.3;
    outline:0 !important;

}
.woocommerce-Tabs-panel #commentform .comment-form-rating,
.woocommerce-Tabs-panel #commentform .comment-form-comment{
    margin-bottom:16px;
}
.woocommerce-Tabs-panel #commentform .comment-form-rating .stars{
    width:fit-content;
}

.woocommerce .star-rating:before{
    color:#47B0AB !important;
    opacity: 20%;
}
.woocommerce .star-rating span:before, .woocommerce p.stars:hover a::before,
.woocommerce p.stars a::before{
    color:#47B0AB !important;
}

.woocommerce p.stars.selected a:before{
    color:#47B0AB !important;
    opacity: 100%;
}

@media(max-width:768px) {
    .woocommerce-tabs.wc-tabs-wrapper .product-description-content {
        display: block;
    }
    .woocommerce-tabs.wc-tabs-wrapper .product-description-content .overview-additional-card {  
        max-width: 100%;
    }
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, 
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #004B8D !important;
}


/* -----------------------Related books section ----------*/
.related-books-section
{
    background: linear-gradient(180deg, #247DBF 0%, #247DBF 35%, #DEE8F5 81%);
    position:relative;
    margin-top:-1%
}

.related-books-section h2{
color:white;
margin-bottom: 40px;
}

.related-books-section .quantity::before,
.related-books-section .quantity::after{
    display: none !important;
}

.do-quantity-buttons .quantity:not(.buttons-added) .qty {
    width: 25px !important;
}

.woocommerce .quantity .qty{
    height: 25px !important;
}

.related-books-section .books-list__container {
position:relative; 
z-index:1;
}

.related-books-section .tree-img{
    position: absolute;
    top: 0%;
    right: 0%;
    width:35%;
    transform: scaleX(-1);
}

@media(max-width:1200px){
    .related-books-section .tree-img{
         top: 0%;  
         width: 55%;      
    }
}


@media(max-width:1024px){
    .related-books-section .tree-img{
         top: -1%;        
    }

    .product-top-section .product_title{
    margin-top:64px !important;
    margin-bottom:64px;
}
}

@media(max-width:500px){
     .related-books-section .tree-img{
         top: 0;        
    }
}


.related-books-section .view-book-button{
    margin-top: 40px;
    text-align: center;
}
/* ------------------------------------------------------------------- */

@media(max-width:768px){

.product-image-section .woocommerce-product-gallery
{
margin-bottom:0 !important;
}

.product-rating-section .woocommerce-product-rating{
    margin:0 !important;
}

.product-section{
    padding-bottom:21px;
}

.tab-section{
     padding-bottom:84px;
}
.tab-section .woocommerce-Tabs-panel{
    margin-top:0 !important;
}
.tab-section .woocommerce-Tabs-panel{
    padding:20px !important;
}
}


/* ---------------- */

.course-list__actions{
    display: flex;
    flex-direction: column;
    padding: 12px 0;
    /* border: 2px solid #247dbf; */
    /* border-radius: 5px; */
    width: 50%;
    /* margin:auto;
    align-items: center; */
}

.course-list__actions p{
    text-transform: uppercase;
    margin-bottom:8;
    line-height: 1;
}

.course-list__price{
  
    font-size: 20px;
    line-height: 1;
}

.course-list__price span{
  font-weight: bold !important;
}

.course-info-section{
    display:flex;
    column-gap:100px;
}


.what-you-will-learn,
.course-details,
.who-is-this-course-for{
    width:50%
}

.what-you-will-learn li,
.course-details li,
.who-is-this-course-for li{
   margin-bottom: 20px;
}

@media(max-width:1200px){
.course-info-section{
    flex-direction: column;
    row-gap: 40px;
}

.what-you-will-learn,
.course-details,
.who-is-this-course-for{
    width:100%
}

.who-is-this-course-for.section-padding{
    padding-top:40px;
    padding-bottom:40px;
}
}



.course-info-section p,
.who-is-this-course-for p,
.course-info-section ul li,
.course-info-section ol li,
.who-is-this-course-for ul li{
    font-size:24px;
}

@media(max-width:768px){
.course-info-section p,
.who-is-this-course-for p,
.course-info-section ul li,
.course-info-section ol li,
.who-is-this-course-for ul li{
    font-size:16px;
}
}

.who-is-this-course-for p:last-child,
.what-you-will-learn p:last-child,
.course-details p:last-child {
    margin-bottom: 0 !important;
}

.product_cat-course .flex-control-nav{
    display:none !important;
}


.course-detail-page .gb-element-01b796b6:not(.called-footer-hook .gb-element-01b796b6) {
    display: none !important;
}

.view-all-course{
    margin-top:40px;
    text-align: center;
}


/* */
.books-list__actions-is-variable .quantity {
    display:none !important;
}

.books-list__actions-is-variable select{
    border: 2px solid #247dbf;
    border-radius:5px;
}

.books-list__actions-is-variable form.cart{
    margin-bottom: 0 !important;
}

.books-list__actions-is-variable table th{
    padding-left:0;
}

.books-list__actions-is-variable .woocommerce-variation-price .woocommerce-Price-amount{
    font-weight:bold !important;
}

.books-list__actions-is-variable .woocommerce-variation-price{
    margin-bottom:10px;
}

.books-list__actions-is-variable .woocommerce-variation-add-to-cart button{
    font-weight:bold !important;
    border-radius:5px !important;
}

.books-list__actions-is-variable .purchase-buttons {
    margin-top:12px;
}

.books-list__actions-is-variable select:focus{
    border: 2px solid #247dbf;
}


/* Make variation row take full width */
.add-to-cart-section .variations tr {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    width: 100%;
}

.add-to-cart-section .variations td.value {
    width: 100%;
    flex-grow: 1;
}

.add-to-cart-section .variations td.value select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.add-to-cart-section p.free-text {
    margin-bottom:0;
    font-weight:bold;
    font-size:18px;
}

.woocommerce div.product form.cart .variations th{
    line-height: 1 !important;
}
