.elementor-4242 .elementor-element.elementor-element-d109ff2 > .elementor-container{max-width:1450px;}.elementor-4242 .elementor-element.elementor-element-d109ff2{margin-top:27px;margin-bottom:61px;}.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-style:solid;border-width:1px 1px 1px 1px;border-radius:8px;padding:7px 7px 7px 7px;box-shadow:0px 0px 10px -2px rgba(0,0,0,0.5);border-color:#F0F5FA;}.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products  ul.products{grid-column-gap:27px;grid-row-gap:66px;}.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products ul.products li.product .button:hover{background-color:var( --e-global-color-astglobalcolor2 );}.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products ul.products li.product .button{border-radius:11px 11px 11px 11px;}.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products ul.products li.product:hover{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);background-color:var( --e-global-color-astglobalcolor4 );border-color:#2A74ED;}@media(max-width:1024px){.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-4242 .elementor-element.elementor-element-7dde067.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-7dde067 *//* =================================================
   ASTRA PRODUCTS – ADVANCED WIDGET CUSTOM CSS
   (Elementor Advanced → Custom CSS)
================================================= */

/* Product card layout */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding: 14px 12px 18px;
}

/* ================================
   IMAGE SIZE FIX (ONLY)
   Do NOT affect title / price
================================ */

/* Remove flex issue */
.elementor-4242 .elementor-element.elementor-element-7dde067 .astra-shop-thumbnail-wrap {
    display: block;        /* flex hata diya */
    min-height: auto;      /* height lock hata diya */
}

/* Image proper size */
.elementor-4242 .elementor-element.elementor-element-7dde067 .astra-shop-thumbnail-wrap img {
    width: 100%;
    height: auto;
    max-height: none;
    object-fit: cover;
}


/* =================================================
   FIX ELEMENTOR PRODUCT PADDING – IMAGE ONLY
================================================= */

/* Keep product card padding as-is */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product {
    position: relative;
}

/* Pull image outside Elementor padding */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .astra-shop-thumbnail-wrap {
    margin: -3px -3px 0 -3px !important; /* 👈 KEY FIX */
    padding: 0 !important;
    overflow: hidden;
    border-radius: 12px 12px 0 0;
}

/* Image full stretch */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .astra-shop-thumbnail-wrap img {
    width: 100% !important;
    height: auto !important;
    display: block;
}














/* Category (All Courses) */
.elementor-4242 .elementor-element.elementor-element-7dde067 .ast-woo-product-category {
    font-size: 13px;
    opacity: 0.6;
    margin: 6px 0 4px;
}

/* Product title */
.elementor-4242 .elementor-element.elementor-element-7dde067 .woocommerce-loop-product__title {
    text-align: center;
    line-height: 1.45;
    margin-bottom: 6px;
    min-height: 44px;
}



/* ===============================
   TITLE – Size & Weight
================================ */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .woocommerce-loop-product__title {
    font-size: 19px;        /* 👈 title size */
    font-weight: 600;       /* 👈 semi-bold */
    line-height: 1.4;
    margin-bottom: 10px;
}



/* Price */
.elementor-4242 .elementor-element.elementor-element-7dde067 .price {
    text-align: center;
    display: block;
    margin-bottom: 4px;
}

/* Regular price */
.elementor-4242 .elementor-element.elementor-element-7dde067 .price del {
    opacity: 0.45;
    margin-right: 6px;
}

/* Sale price */
.elementor-4242 .elementor-element.elementor-element-7dde067 .price ins {
    font-weight: 700;
    text-decoration: none;
}



/* ===============================
   SALE PRICE (New Price)
================================ */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .price ins bdi {
    font-size: 20px;        /* 👈 sale price size */
    font-weight: 700;       /* 👈 bold */
    color: #000;
}


/* ===============================
   REGULAR PRICE (Cut Price)
================================ */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .price del bdi {
    font-size: 16px;        /* 👈 regular price size */
    font-weight: 500;
    opacity: 1;
    color: #046BD2;
}






/* ===============================
   LIVE / RECORDED COURSE LABEL
   (Astra + Woo Products)
================================ */

/* Common base */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product .price::after {
    display: block;
    margin-top: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
}

/* LIVE COURSE */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product.product_tag-live-course .price::after {
    content: "🟢 Live Course";
    color: #395E5E;
}

/* RECORDED COURSE */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product.product_tag-recorded-course .price::after {
    content: "🎥 Recorded Course";
    color: #395E5E;
}


/* View Details button */
.elementor-4242 .elementor-element.elementor-element-7dde067 .button {
    margin: 14px auto 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}





/* =====================================
   VIEW DETAILS – TEXT SIZE & WEIGHT
===================================== */

/* Button base */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product a.button.view-details-btn,
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product a.button {
    font-size: 19px !important;   /* 👈 text size (15–18 try kar sakte ho) */
    font-weight: 700 !important;  /* 👈 bold text */
    letter-spacing: 0.3px;
}

/* Button height thodi comfortable */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product a.button {
    padding: 9px 18px !important;
    line-height: 1.2;
}







/* =====================================
   PRODUCT CARD – LIGHT BLUE HOVER BG
   (Infra Design Hub style)
===================================== */

/* Base product card */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product {
    background: #ffffff;
    transition: 
        background-color 0.35s ease,
        box-shadow 0.35s ease,
        transform 0.35s ease;
}

/* Hover effect – full card */
.elementor-4242 .elementor-element.elementor-element-7dde067 ul.products li.product:hover {
    background-color: #f2f7ff; /* 👈 light blue */
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}/* End custom CSS */