.elementor-12 .elementor-element.elementor-element-233c762{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-12 .elementor-element.elementor-element-f963af5{--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-12 .elementor-element.elementor-element-f963af5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12 .elementor-element.elementor-element-4231514{--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-12 .elementor-element.elementor-element-e52faca{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-12 .elementor-element.elementor-element-f963af5{--width:50.934%;}.elementor-12 .elementor-element.elementor-element-4231514{--width:50%;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-233c762{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-52a1fb6 *//* --- BHADAAS CTA SECTION STYLE --- */

.bhadaas-trigger-box {
    background-color: #FFD700; /* Bright Yellow */
    border: 3px solid #000000;
    box-shadow: 8px 8px 0px #000000; /* Solid 3D Shadow */
    padding: 30px 20px;
    margin: 40px auto 20px auto; /* Upar niche gap */
    max-width: 800px;
    text-align: center;
    position: relative;
    border-radius: 10px;
    transform: rotate(-1deg); /* Thoda tedha masti ke liye */
    transition: transform 0.3s ease;
}

/* Hover karne par seedha ho jaye */
.bhadaas-trigger-box:hover {
    transform: rotate(0deg) scale(1.02);
}

/* Heading Style */
.bhadaas-title {
    background-color: #FF4136; /* Red Background */
    color: #ffffff;
    display: inline-block;
    padding: 10px 20px;
    font-family: 'Verdana', sans-serif;
    font-weight: 900;
    font-size: 1.8rem;
    text-transform: uppercase;
    border: 3px solid #000;
    box-shadow: 4px 4px 0px #000;
    margin-bottom: 20px;
    transform: rotate(2deg); /* Heading ulti tedhi */
}

/* Paragraph Text */
.bhadaas-text {
    font-family: 'Courier New', monospace;
    font-size: 1.1rem;
    font-weight: bold;
    color: #000;
    line-height: 1.6;
    margin-bottom: 25px;
}

/* "100% Secure" Badge */
.floating-badge {
    position: absolute;
    top: -15px;
    right: -10px;
    background: #00E1FF; /* Cyan */
    border: 2px solid #000;
    padding: 5px 10px;
    font-weight: bold;
    font-size: 0.8rem;
    box-shadow: 3px 3px 0px #000;
    transform: rotate(5deg);
    z-index: 10;
}

/* Bouncing Arrow Animation */
.bouncing-arrow {
    font-size: 3rem;
    animation: bounce 1s infinite; /* Lagatar uchelega */
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px); /* Niche jayega */
    }
}

/* --- MOBILE RESPONSIVE --- */
@media only screen and (max-width: 600px) {
    .bhadaas-title {
        font-size: 1.4rem; /* Mobile pe font chhota */
        width: 100%; /* Full width */
        box-sizing: border-box;
        transform: rotate(0deg); /* Mobile pe seedha */
    }
    
    .bhadaas-trigger-box {
        transform: rotate(0deg); /* Box bhi seedha */
        margin: 20px 10px; /* Side me jagah */
        width: auto;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4b81740 *//* --- MINI CREATOR CARD CSS --- */

.creator-mini-box {
    background-color: #00FF9D; /* Bright Neon Green (Alag dikhne ke liye) */
    border: 3px solid #000000;
    box-shadow: 6px 6px 0px #000000; /* 3D Shadow */
    padding: 20px;
    margin: 30px auto 0 auto; /* Upar se gap */
    max-width: 350px; /* Chhota rahega */
    text-align: center;
    position: relative;
    transform: rotate(2deg); /* Thoda right tedha */
    transition: all 0.3s ease;
}

/* Hover karne pe seedha ho jaye */
.creator-mini-box:hover {
    transform: rotate(0deg) scale(1.05);
    background-color: #00E1FF; /* Hover pe Cyan color */
    box-shadow: 4px 4px 0px #000;
}

/* Tape Strip (Upar chipkane wala look) */
.tape-strip {
    width: 100px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.6);
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) rotate(-3deg);
    border: 1px solid #ccc;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
}

/* Content Styling */
.creator-content h3 {
    background: #000;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    font-family: 'Verdana', sans-serif;
    font-weight: 900;
    margin: 10px 0;
    text-transform: uppercase;
    font-size: 1.2rem;
    border: 2px solid #fff;
}

.creator-content p {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    color: #000;
    font-size: 1rem;
    line-height: 1.4;
    margin-bottom: 5px;
}

.profile-emoji {
    font-size: 3rem;
    margin-top: -10px;
    text-shadow: 3px 3px 0px #000; /* Emoji ka shadow */
}

/* Mobile Friendly Adjustments */
@media only screen and (max-width: 768px) {
    .creator-mini-box {
        margin: 20px auto; /* Mobile pe gap kam */
        width: 90%; /* Full width */
        transform: rotate(0deg); /* Seedha rakho mobile pe */
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7c3d2f3 *//* --- COMPACT 3D WPFORMS STYLE --- */

/* 1. Field Styling (Size Normal + 3D Look) */
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    border: 2px solid #000000 !important;     /* Border patla kiya */
    box-shadow: 3px 3px 0px #000000 !important; /* Shadow chhoti ki */
    border-radius: 5px !important;
    background-color: #ffffff !important;
    padding: 8px 12px !important;             /* Padding kam ki taaki field bada na lage */
    font-size: 14px !important;               /* Font size normal */
    color: #000 !important;
    height: auto !important;                  /* Height fix */
    width: 100% !important;                   /* Container ke hisaab se fit hoga */
    box-sizing: border-box !important;
}

/* 2. Focus Effect (Click karne par) */
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form select:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
    background-color: #fffae6 !important;     /* Light Yellow */
    transform: translate(1px, 1px) !important;
    box-shadow: 2px 2px 0px #000000 !important;
    outline: none !important;
}

/* 3. Labels (Naam, Branch, etc.) */
div.wpforms-container-full .wpforms-field-label {
    font-weight: 700 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
}

/* 4. Checkbox & Radio Buttons (Job/Salary wale) */
div.wpforms-container-full .wpforms-field-radio li, 
div.wpforms-container-full .wpforms-field-checkbox li {
    margin-bottom: 6px !important;            /* Gap kam kiya */
    font-size: 14px !important;
}

/* Checkbox ka 3D box */
div.wpforms-container-full .wpforms-field-radio input, 
div.wpforms-container-full .wpforms-field-checkbox input {
    width: 16px !important;                   /* Size chhota kiya */
    height: 16px !important;
    border: 2px solid #000 !important;
    box-shadow: 2px 2px 0px #000 !important;
    margin-right: 8px !important;
    position: relative !important;
    top: 2px !important;
}

/* 5. SUBMIT BUTTON (Compact & Punchy) */
div.wpforms-container-full .wpforms-form button[type=submit] {
    background-color: #FF4136 !important;     /* Red Color */
    color: #ffffff !important;
    border: 2px solid #000000 !important;
    box-shadow: 4px 4px 0px #000000 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    padding: 10px 25px !important;            /* Button ka size control me */
    cursor: pointer !important;
    width: auto !important;                   /* Full width nahi hoga ab */
}

/* Button Hover */
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: #000000 !important;
    color: #ffffff !important;
    transform: translate(2px, 2px) !important;
    box-shadow: 2px 2px 0px #000000 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-81fed92 *//* --- COLLEGE MASALA THEME (3D & FUNNY) --- */

.college-masala-wrapper {
    max-width: 1000px;
    margin: 40px auto;
    padding: 10px;
    font-family: 'Verdana', sans-serif;
}

/* Common Grid Setup */
.row-grid {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.row-grid > div {
    flex: 1;
    min-width: 280px; /* Mobile Friendly */
}

/* 3D Card Base Style */
.fun-card {
    border: 3px solid #000;
    box-shadow: 6px 6px 0px #000;
    padding: 20px;
    border-radius: 10px;
    transition: all 0.2s ease;
    position: relative;
    overflow: hidden;
}

.fun-card:hover {
    transform: translate(3px, 3px);
    box-shadow: 3px 3px 0px #000;
}

/* Card Colors */
.card-yellow { background-color: #FFD700; color: black; }
.card-pink { background-color: #FF90B3; color: black; }
.card-cyan { background-color: #00E1FF; color: black; }
.card-green { background-color: #00FF9D; color: black; }
.card-white { background-color: #ffffff; color: black; }
.card-black { background-color: #1a1a1a; color: white; }

/* Typography inside cards */
.fun-card h3, .fun-card h4 {
    text-transform: uppercase;
    font-weight: 900;
    border-bottom: 3px solid #000;
    padding-bottom: 5px;
    display: inline-block;
    margin-top: 0;
}

.card-black h2 {
    border-bottom: 3px solid #fff;
}

/* Full Width Cards */
.full-width-card {
    border: 3px solid #000;
    box-shadow: 6px 6px 0px #000;
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    border-radius: 12px;
}

.strategy-steps span {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 5px 10px;
    margin: 5px;
    font-weight: bold;
    transform: rotate(-2deg);
}

/* Fake Button */
.fake-btn {
    background: #FF4136;
    color: white;
    border: 2px solid white;
    padding: 10px 20px;
    font-weight: bold;
    cursor: not-allowed; /* Funny cursor */
    text-transform: uppercase;
    box-shadow: 4px 4px 0px #fff;
    margin-top: 10px;
}

/* DONATION SECTION (Funny) */
.donation-section {
    text-align: center;
    background: #f0f0f0;
    padding: 40px 20px;
    border: 3px dashed #000;
    margin-bottom: 30px;
}

.payment-card {
    background: white;
    border: 3px solid #000;
    box-shadow: 5px 5px 0px #000;
    padding: 20px;
    text-align: center;
    border-radius: 15px;
    transition: transform 0.2s;
}

.payment-card:hover {
    transform: scale(1.05);
}

.payment-card h1 { font-size: 3rem; margin: 0; }
.payment-card button {
    background: #000;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
}

.payment-card button:hover {
    background: #FFD700;
    color: #000;
}

.highlight-pay {
    background: #FFD700;
    transform: scale(1.1); /* Beech wala bada dikhega */
}

/* FOOTER STYLE */
.parody-footer {
    background: #000;
    color: #FFD700;
    padding: 40px;
    text-align: center;
    border-top: 5px solid #FF4136;
    margin-top: 50px;
}

.parody-footer h3 {
    font-size: 1.5rem;
    animation: blink 1s infinite;
}

@keyframes blink {
    50% { opacity: 0.5; }
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .highlight-pay { transform: scale(1); }
    .strategy-steps span { display: block; margin: 10px auto; width: 80%; }
}/* End custom CSS */