/*.e-con{
	padding:0!important;
}*/

.e-con>.e-con-inner {
    gap: var(--row-gap) var(--column-gap);
    height: 100%;
    margin: 0 auto;
    max-width: 1750px !important;
    padding-inline-end: 0;
    padding-inline-start: 0;
    width: 100%;
}
.elementor-4899 .elementor-element.elementor-element-336e820{
	display:none;
}
/* =========================================
   GLOBAL RESET
========================================= */
body {
    margin: 0;
    padding: 0;
/*     font-family: "Inter", sans-serif; */
    overflow-x: hidden;
}

/* =========================================
   HERO SECTION (DESKTOP)
========================================= */
/*.ad360-hero-section {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    min-height: 500px !important;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    flex-direction: row;
}*/

/* Background Image */
.ad360-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.ad360-hero-bg img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center;
}

/* =========================================
   INNER CONTAINER (FIXED FOR LAPTOPS)
========================================= */
.ad360-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1750px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 40px;
}

/* =========================================
   LEFT SIDE: CONTENT
========================================= */
.ad360-hero-content {
    flex: 1; /* Isse ye available space lega */
    min-width: 0; /* Text ko wrap hone ke liye force karega */
}

.ad360-headline {
	display:flex;
    font-size: 54px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: -0.02em;
    margin: 0 0 20px 0;
    color: #16101e;
	max-width:1000px;
}

.ad360-gradient-text {
    background-image: linear-gradient(113deg, #d40000 0%, #0029aa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.ad360-subtext {
    font-size: 17px;
    color: #212121;
    margin: 0 0 30px 0;
    font-weight: 400;
    max-width: 95%;
	letter-spacing: -0.17px;
    line-height: 140%;
}

/* Buttons */
.ad360-btn-wrapper {
    display: flex;
    gap: 16px;
/*     flex-wrap: wrap; */
}

.ad360-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 8px;
    background: linear-gradient(104deg, #d40000 0%, #0029aa 100%);
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    transition: transform 0.2s ease;
    border: none;
    cursor: pointer;
    white-space: nowrap;
	gap: 10px;
}
.ad360-btn-primary:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.ad360-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 24px;
    border-radius: 8px;
    gap: 10px;
    background-color: #f0f0f0;
    border: 1px solid rgba(0,0,0,0.05);
    color: #333333;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease;
    cursor: pointer;
    white-space: nowrap;
}

/*.ad360-btn-primary:hover,
.ad360-btn-secondary:hover {
    transform: translateY(-2px);
}*/

/* =========================================
   RIGHT SIDE: FORM (FIXED)
========================================= */
.ad360-form-card {
    background: #ffffff;
    width: 100%;
    /* Form ki width thodi compact rakhi hai */
    max-width: 450px; 
    padding: 24px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    flex-shrink: 0; /* Form ko sikudne se rokega */
}

.ad360-form-row {
    display: flex;
    gap: 12px;
    margin-bottom: 12px;
}

.ad360-input-full {
    width: 100%;
    margin-bottom: 12px;
}

.ad360-input {
    width: 100%;
    height: 40px;
    padding: 0 16px;
    background: #f9f9f9;
    border: 1px solid #eeeeee;
    border-radius: 8px;
    font-size: 14px;
    color: #333;
    outline: none;
    box-sizing: border-box;
    font-family: inherit;
}

.ad360-input:focus {
    background: #fff;
    border-color: #ccc;
}

.ad360-select {
    appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 14px;
    cursor: pointer;
}

.ad360-checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 5px;
    margin-bottom: 20px;
}

.ad360-checkbox {
    margin-top: 3px;
    accent-color: #d40000;
    cursor: pointer;
}

.ad360-consent-text {
    font-size: 12px;
    color: #666;
    line-height: 1.4;
}

.ad360-submit-btn {
    width: 100%;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(104deg, #d40000 0%, #0029aa 100%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.2s;
}

.ad360-submit-btn:hover {
    opacity: 0.95;
}


/* =========================================
   🔥 RESPONSIVE MEDIA QUERIES (UPDATED) 🔥
========================================= */

/* LAPTOP SCREEN FIX (1024px - 1300px) 
   Yahan par content cut raha tha, ab ye scale down hoga.
*/
@media (max-width: 1300px) {
    .ad360-container {
        max-width: 100%;
        gap: 30px;
    }

    .ad360-headline {
        font-size: 42px; /* Font thoda chhota kiya taaki fit aaye */
    }

    .ad360-form-card {
        max-width: 400px; /* Form ko thoda compact kiya */
        padding: 20px;
    }
    
    .ad360-hero-bg img {
        height: 100% !important;
    }
}

/* TABLET MODE (Max-width 1024px) - STACK LAYOUT */
@media (max-width: 1024px) {
    .ad360-hero-section {
        min-height: auto !important;
        height: auto !important;
        padding: 60px 0;
    }

    .ad360-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 10px;
		
    }

    .ad360-hero-content {
        width: 100%;
        margin-bottom: 0;
    }

    .ad360-headline {
        font-size: 35px;
    }

    /*.ad360-subtext {
        margin: 0 auto 30px auto;
    }*/

    .ad360-btn-wrapper {
        justify-content: center;
    }

    .ad360-form-card {
        width: 100%;
        max-width: 400px;
    }
    
    /* Slider Tablet Fix */
    .ad360-slide {
        width: 400px;
    }
}

/* MOBILE MODE (Max-width 600px) */
@media (max-width: 600px) {
    .ad360-hero-section {
        padding: 40px 0;
    }

    .ad360-headline {
        font-size: 30px;
        line-height: 1.2;
    }

    /*.ad360-btn-wrapper {
        flex-direction: column;
        width: 100%;
    }*/

    .ad360-btn-primary, 
    .ad360-btn-secondary {
/*         width: 100%; */
    }

    .ad360-form-row {
        flex-direction: column;
        gap: 12px;
    }
    
    .ad360-slide {
        width: 280px;
    }
}
/* end card */



/* static card */
/* static card start */

/* =========================================
   🔥 GLOBAL FIXES
========================================= */
html, body {
    overflow-x: clip !important;
}

.ad360-stack-section {
    overflow: visible !important;
}

/* =========================================
   1. MAIN LAYOUT
========================================= */
.ad360-stack-section {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 24px 80px 24px 64px;
    box-sizing: border-box;
    position: relative;
}

/* =========================================
   2. LEFT SIDE (Sticky Text)
========================================= */
.ad360-stack-left {
    flex: 1;
    max-width: 700px;
    position: -webkit-sticky;
    position: sticky;
    top: 50%;
    height: fit-content;
}





.ad360-stack-section .ad360-heading {

    line-height: 1em;
    margin: 0 0 20px 0;
    color: #111;
    background-image: linear-gradient(154deg, rgb(212, 0, 0) 0%, rgb(0, 41, 170) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
	letter-spacing: -0.01em;
	display: inline-block;
}

.ad360-desc {
    font-size: 17px;
    line-height: 1.6;
    color: rgb(33, 33, 33);
/*     font-family: "Inter", sans-serif; */
}

/* =========================================
   3. RIGHT SIDE (Stacking Cards Wrapper)
========================================= */
.ad360-stack-right {
    flex: 1.3;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 550px;
    position: relative;
}

/* =========================================
   4. CARD DESIGN (Base Styling)
========================================= */
.ad360-stack-card {
    /* Sticky Logic applied via nth-child below */
    position: -webkit-sticky;
    position: sticky;
    
    display: flex;
    align-items: flex-start;
    gap: 24px;
    
    /* Styling */
    background-color: #ffffff;
    border: 1px solid #eeeeee;
    border-radius: 24px;
    padding: 40px;
    
    /* Gap between cards */
    margin-bottom: 20px; 
    
    /* Shadow */
    box-shadow: 0px 10px 40px rgba(0,0,0,0.08);
    
    /* Z-index */
    z-index: 1;
}

/* =========================================
   🔥 DESKTOP STEPPED EFFECT 🔥
   (Cards ek ke baad ek thoda niche rukenge)
========================================= */
@media (min-width: 901px) {
    .ad360-stack-card:nth-child(1) { top: 100px; }
    .ad360-stack-card:nth-child(2) { top: 180px; } /* +40px */
    .ad360-stack-card:nth-child(3) { top: 260px; } /* +40px */
    .ad360-stack-card:nth-child(4) { top: 340px; } /* +40px */
    .ad360-stack-card:nth-child(5) { top: 420px; } /* +40px */
    
    /* Red Card (Last one) */
    .ad360-stack-card.ad360-red-card { top: 350px !important; }
}

/* Card Number Styling */
.ad360-num {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 100%;
    flex-shrink: 0;
    background-image: linear-gradient(124deg, #d40000 0%, #0029aa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Text Content */
.ad360-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ad360-card-head {
    font-size: 24px;
    font-weight: 500;
    margin: 0;
	letter-spacing: -0.03em;
    line-height: 1em;
}


.ad360-card-p {
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

/* =========================================
   🔴 RED CARD STYLING (Specific)
========================================= */
.ad360-stack-card.ad360-red-card {
    background: rgb(212, 0, 0) !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0px 20px 50px rgba(212, 0, 0, 0.3) !important;
    align-items: center !important;
    text-align: left !important;
    justify-content: center !important;
}

/* Hide Number for Red Card */
.ad360-stack-card.ad360-red-card .ad360-num { display: none !important; }

/* Force White Text Colors */
.ad360-stack-card.ad360-red-card .ad360-card-head { color: #ffffff !important; margin-bottom: 10px; }
.ad360-stack-card.ad360-red-card .ad360-card-p { color: rgba(255, 255, 255, 0.9) !important; }
.ad360-stack-card.ad360-red-card .ad360-content {
    align-items: flex-start;
    width: 100%;
}


/* =========================================
   🔥 RESPONSIVE MEDIA QUERIES 🔥
========================================= */

/* 1. Tablet (Max 1200px) */
@media (max-width: 1200px) {
   .ad360-stack-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 0;
    align-items: center;
	
}
   .ad360-stack-left {
    width: 100%;
    max-width: 890px;
    text-align: left;
}
	.ad360-stack-card{	
    position: -webkit-sticky;
    position: sticky;
    display: flex;
    align-items: flex-start;
    gap: 24px;
/*     background-color: #ffffff; */
    border: 1px solid #eeeeee;
    border-radius: 24px;
    padding: 40px;
    margin-bottom: 40px;
    box-shadow: 0px 10px 40px rgba(0,0,0,0.08);
    z-index: 1;
    flex-wrap: wrap;
}
	
		.ad360-card-head {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
	text-align: left;
}
	
	
	
}

@media(max-width:900px){
	  .ad360-stack-card:nth-child(1) { top: 100px; }
    .ad360-stack-card:nth-child(2) { top: 180px; } /* +40px */
    .ad360-stack-card:nth-child(3) { top: 260px; } /* +40px */
    .ad360-stack-card:nth-child(4) { top: 340px; } /* +40px */
    .ad360-stack-card:nth-child(5) { top: 420px; } /* +40px */
	
}
@media (max-width: 768px) {
    
    .ad360-stack-section {
        flex-direction: column;
        align-items: center;
        padding-top: 20px;
		gap: 0;
    }

    /* Sticky Text Header */
    .ad360-stack-left {
        width: 100%;
        max-width: 100%;
        text-align: center;
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 0 !important;
        z-index: 1;
        background-color: #ffffff;
        padding: 20px 0;
        margin-bottom: 20px;
    }

	
    /*.ad360-stack-section .ad360-heading {
        font-size: 27px !important;
        margin-bottom: 10px;
    }*/

    .ad360-desc {
        font-size: 16px;
    }

    /* Right Side Wrapper */
    .ad360-stack-right {
        width: 100%;
        max-width: 100%;
        align-items: center;
    }

    /* Cards */
    .ad360-stack-card {
        width: 100%;
        padding: 30px 20px;
        margin-bottom: 20px !important;
    }

    /* 🔥 Mobile Stepped Effect (Small Steps) 🔥 */
    .ad360-stack-card:nth-child(1) { top: 100px !important; }
    .ad360-stack-card:nth-child(2) { top: 150px !important; }
    .ad360-stack-card:nth-child(3) { top: 200px !important; }
    .ad360-stack-card:nth-child(4) { top: 250px !important; }
    .ad360-stack-card:nth-child(5) { top: 300px !important; }
    .ad360-stack-card.ad360-red-card { top: 350px !important; }

    /* Mobile Text Sizes */
    .ad360-card-head { font-size: 17px; }
    .ad360-num { font-size: 28px; }
}
/* card-end */

/*static card end  */



.red-banner1{
	position: absolute;
    width: 100%;
    height: 100%;
    /*clip-path: polygon(0 0, 100% 0%, 100% 64%, 0% 100%);*/
    background: #ee3636;
}

.ad360-form-card{
	position: relative;
}
@media screen and (max-width: 809px) {
	/*.ad360-container{
		padding: 60px 16px;
		margin-top:41px;
	}*/
	.ad360-hero-content{
		width: 100%;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
}

@media screen and (max-width: 767px) {
	body{
		overflow-x: hidden;
	}
	.ad360-stack-left-text{
		top: 0;
	}
	.ad360-subtext {
        font-size: 16px;
		max-width: 100%;
    }
}

.ad360-stack-left-text{
	z-index: 1;
    position: sticky;
    overflow: hidden;
}
@media screen and (min-width: 768px) {
	.ad360-stack-left-text{
		top: 50%;
	}
}

.svg-arrow-bg-icon {
    height: 24px;
    flex: none;
    width: 24px;
    position: relative;
    --18mrqx2: rgb(255, 255, 255);
}
svg.telephone-icon {
    height: var(--framer-aspect-ratio-supported, 24px);
    flex: none;
    width: 24px;
    position: relative;
}
.ad360-btn-secondary:hover{
	color: #0f0f0f;
}
.ad360-btn-primary:hover{
	color: #ffffff;
}

/* grid cards section starts here */


.services-card-container {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

.services-card-heading {
    text-align: center;
    margin-bottom: 10px;
}

.services-card-grid {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto 80px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    justify-content: center;
}


.main-card {
    padding: 25px;
    background: #e1e1e180;
    height: 250px;
    position: relative;
    overflow: hidden;
}

.ad360-num-01 {
	position: absolute;
    top: -20px;
    left: -20px;
    padding: 0px;
    font-size: 110px;
    font-weight: 900;
    color: #E4E4E4;
    -webkit-text-stroke: 1px rgba(255,255,255,0.08);
    transform: rotate(90deg);
    z-index: 0;
}
.ad360-num-all {
    position: absolute;
    top: -10px;
    left: -30px;
    padding: 0px;
    font-size: 110px;
    font-weight: 900;
    color: #E4E4E4;
    -webkit-text-stroke: 1px rgba(255,255,255,0.08);
    transform: rotate(90deg);
    z-index: 0;
}

.services-card-box {
    position: relative;
    top: 60%;
    z-index: 2;
}

.services-card-box h3 {
    margin-top: 0;
    font-size: 1.5rem;
}

@media (max-width: 480px) {
    .services-card-grid {
        grid-template-columns: 1fr; 
		margin: 0;
    }
	
	.services-card-box {
		top: 60%;
	}
    
    .main-card {
        height: auto;
        min-height: 200px;
    }
}

/* grid cards section ends here */