.elementor-4433 .elementor-element.elementor-element-82b10da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4433 .elementor-element.elementor-element-82b10da:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-82b10da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-1dea6e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:#293519;--border-color:#293519;--padding-top:0px;--padding-bottom:020px;--padding-left:0px;--padding-right:0px;}.elementor-4433 .elementor-element.elementor-element-1dea6e8:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-1dea6e8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-c2e65f8{background-color:#FFFFFF;padding:40px 0px 10px 0px;text-align:center;}.elementor-4433 .elementor-element.elementor-element-c2e65f8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px;color:#293519;}.elementor-4433 .elementor-element.elementor-element-5e47ec6{background-color:#FFFFFF;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-4433 .elementor-element.elementor-element-5e47ec6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:42px;font-weight:600;letter-spacing:-1px;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-94631cf{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--gap:15px 30px;--row-gap:15px;--column-gap:30px;--grid-auto-flow:row;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4433 .elementor-element.elementor-element-94631cf:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-94631cf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-eb849ae{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-eb849ae:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-eb849ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-eb849ae:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-dddf068{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-8303f42{text-align:start;}.elementor-4433 .elementor-element.elementor-element-8303f42 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-5941f3b{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-5941f3b .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-caee445 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-3eb81eb{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-3eb81eb:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-3eb81eb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-c80e206{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-1d05dc7{text-align:start;}.elementor-4433 .elementor-element.elementor-element-1d05dc7 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-2b4bdca{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-2b4bdca .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-c174c69 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-c23703d{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-c23703d:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-c23703d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-c23703d:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-cfa08c5{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-e3b25ee{text-align:start;}.elementor-4433 .elementor-element.elementor-element-e3b25ee .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-a8e7c4c{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-a8e7c4c .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-35f0f10 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-17b69e3{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-17b69e3:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-17b69e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-17b69e3:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-0c614e0{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-ccd442d{text-align:start;}.elementor-4433 .elementor-element.elementor-element-ccd442d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-c4678d2{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-c4678d2 .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-125fcee .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-dc85aa4{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-dc85aa4:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-dc85aa4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-519c91d{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-565b12b{text-align:start;}.elementor-4433 .elementor-element.elementor-element-565b12b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-a823a33{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-a823a33 .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-b2b0e76 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-6b9f3c8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-6b9f3c8:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-6b9f3c8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-ed5272d{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-3d11e12{text-align:start;}.elementor-4433 .elementor-element.elementor-element-3d11e12 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-6675c74{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-6675c74 .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-b7de505 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-18f6442{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:40px;--padding-left:30px;--padding-right:30px;}.elementor-4433 .elementor-element.elementor-element-18f6442:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-18f6442 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-18f6442:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-30785c6{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-22e0e47{text-align:start;}.elementor-4433 .elementor-element.elementor-element-22e0e47 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-c2c53a8{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-c2c53a8 .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-ddb247b .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4433 .elementor-element.elementor-element-d107b0b{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#E2E8F0;--border-color:#E2E8F0;--border-radius:16px 16px 16px 16px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-d107b0b:not(.elementor-motion-effects-element-type-background), .elementor-4433 .elementor-element.elementor-element-d107b0b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4433 .elementor-element.elementor-element-d107b0b:hover{box-shadow:0px 0px 40px 20px rgba(41.000000000000014, 53, 25.000000000000004, 0.08);}.elementor-4433 .elementor-element.elementor-element-d39bf51{padding:0px 0px 25px 0px;}.elementor-4433 .elementor-element.elementor-element-62c5b17{text-align:start;}.elementor-4433 .elementor-element.elementor-element-62c5b17 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#0F172A;}.elementor-4433 .elementor-element.elementor-element-019736d{padding:0px 0px 0px 0px;}.elementor-4433 .elementor-element.elementor-element-019736d .elementor-heading-title{font-size:11.5px;font-weight:600;text-transform:uppercase;color:#64748B;}.elementor-4433 .elementor-element.elementor-element-e9fde0c .elementor-button-content-wrapper{flex-direction:row-reverse;}@media(max-width:1024px){.elementor-4433 .elementor-element.elementor-element-94631cf{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-4433 .elementor-element.elementor-element-1dea6e8{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4433 .elementor-element.elementor-element-5e47ec6 .elementor-heading-title{font-size:32px;}.elementor-4433 .elementor-element.elementor-element-94631cf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-4433 .elementor-element.elementor-element-eb849ae{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4433 .elementor-element.elementor-element-8303f42 .elementor-heading-title{font-size:28px;}.elementor-4433 .elementor-element.elementor-element-3eb81eb{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for heading, class: .elementor-element-c2e65f8 *//* Creates the automatic gold dividers on either side of the text */
.elementor-4433 .elementor-element.elementor-element-c2e65f8 .elementor-heading-title {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px; /* This controls the space between the text and the lines */
}

.elementor-4433 .elementor-element.elementor-element-c2e65f8 .elementor-heading-title::before,
.elementor-4433 .elementor-element.elementor-element-c2e65f8 .elementor-heading-title::after {
    content: '';
    display: block;
    width: 24px; /* Length of the gold line */
    height: 2px; /* Thickness of the gold line */
    background-color: #eab308; /* IIMC Gold */
    border-radius: 2px; /* Slightly rounds the edges of the line */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb849ae *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-eb849ae {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-eb849ae:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-eb849ae::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-eb849ae:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-eb849ae::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-eb849ae:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-eb849ae:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-eb849ae {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-eb849ae .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-eb849ae:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3eb81eb *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-3eb81eb {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-3eb81eb::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-3eb81eb::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-3eb81eb:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-3eb81eb {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-3eb81eb .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-3eb81eb:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c23703d *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-c23703d {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-c23703d:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-c23703d::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-c23703d:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-c23703d::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-c23703d:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-c23703d:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-c23703d {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-c23703d .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-c23703d:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-17b69e3 *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-17b69e3 {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-17b69e3:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-17b69e3::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-17b69e3:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-17b69e3::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-17b69e3:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-17b69e3:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-17b69e3 {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-17b69e3 .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-17b69e3:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc85aa4 *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-dc85aa4 {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-dc85aa4::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-dc85aa4::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-dc85aa4:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-dc85aa4 {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-dc85aa4 .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-dc85aa4:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b9f3c8 *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8 {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-6b9f3c8::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-6b9f3c8 {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-6b9f3c8 .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-6b9f3c8:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-18f6442 *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-18f6442 {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-18f6442:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-18f6442::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-18f6442:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-18f6442::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-18f6442:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-18f6442:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-18f6442 {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-18f6442 .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-18f6442:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d107b0b *//* =========================================================
   E-NEWSPAPERS - HIGH-CONTRAST COMPACT PREMIUM CARD
   COLORS: Pure White, Deep Black, IIMC Dark Green, Gold
   ========================================================= */

/* 1. Base Card Resting State (Sleek & Refined) */
.elementor-4433 .elementor-element.elementor-element-d107b0b {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    border: 1px solid rgba(15, 23, 42, 0.15);
    border-top: 5px solid #293519;
    box-shadow: 0 8px 16px rgba(15, 23, 42, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    overflow: hidden;
    z-index: 1;
}

/* 2. Main Card Hover State */
.elementor-4433 .elementor-element.elementor-element-d107b0b:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -10px rgba(41, 53, 25, 0.25);
    border-top-color: transparent; 
    border-color: transparent; 
}

/* 3. Flowing Gradient Border Layer */
@keyframes newsBorderFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.elementor-4433 .elementor-element.elementor-element-d107b0b::before {
    content: ''; position: absolute; inset: 0; border-radius: 12px;
    padding: 3px; 
    background: linear-gradient(270deg, #293519, #0f172a, #eab308, #293519);
    background-size: 300% 300%;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor; mask-composite: exclude;
    opacity: 0; z-index: 2; pointer-events: none; transition: opacity 0.4s ease;
}

.elementor-4433 .elementor-element.elementor-element-d107b0b:hover::before {
    opacity: 1; animation: newsBorderFlow 3s ease infinite; 
}

/* 4. Metallic Glass Sweep Effect */
.elementor-4433 .elementor-element.elementor-element-d107b0b::after {
    content: ''; position: absolute; top: 0; left: -150%; width: 50%; height: 100%;
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0) 100%);
    transform: skewX(-25deg); z-index: 10; pointer-events: none; transition: none;
}

.elementor-4433 .elementor-element.elementor-element-d107b0b:hover::after { left: 200%; transition: left 0.7s ease-in-out; }

/* 5. Image/Logo Reveal Effect */
.elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-image img {
    max-height: 40px !important; 
    width: auto !important;
    object-fit: contain; object-position: left center;
    filter: none !important; 
    opacity: 1 !important; 
    transform: scale(0.95);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    margin-bottom: 5px; 
}

.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-image img {
    transform: scale(1.02); 
}

/* 6. Title Hover Effect */
.elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-heading .elementor-heading-title { 
    color: #0f172a !important; 
    font-weight: 800 !important; 
    transition: color 0.3s ease; 
}
.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-heading .elementor-heading-title { 
    color: #293519 !important; 
}

/* 7. Elementor Button Override (Slimmed Down) */
.elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-button .elementor-button {
    background-color: #293519 !important; 
    color: #ffffff !important;
    font-size: 12px !important; 
    font-weight: 800 !important; text-transform: uppercase;
    letter-spacing: 0.5px !important; border-radius: 6px !important;
    padding: 10px 20px !important; 
    transition: all 0.4s ease;
}
.elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-button .elementor-button-icon { 
    transition: transform 0.4s ease; margin-left: 8px; 
}

.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-button .elementor-button {
    background-color: #b91c1c !important; 
    color: #ffffff !important; 
    box-shadow: 0 8px 20px rgba(41, 53, 25, 0.3);
}
.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-button .elementor-button-icon { 
    transform: translateX(4px); 
}
.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-button .elementor-button-icon i,
.elementor-4433 .elementor-element.elementor-element-d107b0b:hover .elementor-widget-button .elementor-button-icon svg { 
    color: #eab308 !important; fill: #eab308 !important; 
}

/* =========================================================
   8. MOBILE OPTIMIZATION (THE COMPACT FIX)
   ========================================================= */
@media (max-width: 768px) {
    .elementor-4433 .elementor-element.elementor-element-d107b0b {
        border-top: 3px solid #293519; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-image img {
        max-height: 28px !important; 
        margin-bottom: 2px !important;
    }

    .elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-heading .elementor-heading-title {
        font-size: 15px !important; 
    }

    /* THE BUTTON FIX */
    .elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-button {
        text-align: center !important; /* Ensures the wrapper centers the button */
    }

    .elementor-4433 .elementor-element.elementor-element-d107b0b .elementor-widget-button .elementor-button {
        padding: 10px 24px !important; /* Perfect pill shape */
        font-size: 12px !important;
        width: auto !important; /* Removes the massive stretch */
        display: inline-flex !important;
        justify-content: center !important;
        margin: 0 auto !important; 
    }
    
    .elementor-4433 .elementor-element.elementor-element-d107b0b:hover {
        transform: translateY(-3px); 
    }
}/* End custom CSS */