/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 29 2025 | 06:44:14 */
        .main-container {
           margin-top:15px
        }

        .main-title {
            font-size: 1.5rem; /* text-2xl */
            font-weight: 600; /* font-semibold */
            color: #374151; /* text-gray-800 */
            margin-bottom: 24px; /* mb-6 */
        }

.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    text-align: left;
    justify-content: start;
}

        .card {
            padding: 24px; /* p-6 */
            border-radius: 12px; /* rounded-xl */
            border: 1px solid #e5e7eb; /* border border-gray-200 */
        }

        .card-primary {
            background-color: #FCF7ED;
            border-color: #EADDC2;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .card-additional-notes {
            background-color: #fff;
        }

        .card-supporting-factors {
            background-color: #fff;
        }

        .card-important-considerations {
            background-color: #FEF6F6;
            border-color: #F8DCDC;
        }

        .card-header {
            display: flex;
            align-items: center;
            margin-bottom: 16px; /* mb-4 */
        }

.card-icon-wrapper {
    background-color: #D9B782;
    padding: 8px;
    border-radius: 9999px;
    margin-right: 12px;
    width: 40px;
    height: 40px;
    line-height: 26px;
}

        .card-title {
            font-size: 1.125rem; /* text-lg */
            font-weight: 500; /* font-medium */
            color: #374151; /* text-gray-800 */
        }

        .card-text {
            color: #4b5563; /* text-gray-700 */
            margin-bottom: 16px; /* mb-4 */
        }

        .card-subtext {
            font-size: 0.875rem; /* text-sm */
            color: #4b5563; /* text-gray-600 */
        }

        .card-subtext strong {
            font-weight: 600; /* font-semibold */
            color: #374151; /* text-gray-800 */
        }

        .list-item {
            list-style: none;
            padding: 0;
            margin: 0;
            line-height: 1.5; /* space-y-2 (approx) */
        }

        .list-item li {
            display: flex;
            align-items: flex-start;
            margin-bottom: 8px; /* space-y-2 (approx) */
        }

        .list-item li:last-child {
            margin-bottom: 0;
        }

        .list-bullet {
            font-size: 1.25rem; /* text-xl */
/*             line-height: 1; leading-none */
            margin-right: 8px; /* mr-2 */
        }

        .bullet-primary {
            color: #D9B782;
        }

        .bullet-dark {
            color: #374151; /* text-gray-800 */
        }


#html-6 .grid-container {
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    justify-content: center;
}


#html-6 .card.card-primary {
    justify-content: center;
    text-align: center;
    align-items: center;
}
div#forminator-custom-form-55--page-4 .forminator-pagination--content {
    display: flex;
    align-items: center;
    height: 55vh;
    justify-content: center;
}

        /* Responsive adjustments */
        @media (min-width: 768px) { /* md breakpoint */
         

            .main-title {
                font-size: 1.875rem; /* md:text-3xl */
                margin-bottom: 40px; /* md:mb-10 */
            }

            .grid-container {
                grid-template-columns: repeat(2, 1fr); /* md:grid-cols-2 */
            }
        }

.elementor-17 .elementor-element.elementor-element-5b86ef78 .elementskit-menu-hamburger {
    float: right;
    border-style: solid;
    border-color: #cda663 !important;
}
.elementor-17 .elementor-element.elementor-element-5b86ef78 .elementskit-menu-hamburger .elementskit-menu-hamburger-icon {
    background-color: #cda663 !important;
}
@media(max-width:767px){
		.elementor-element-7cfcfaa{
order:2;
		padding: 30px 0  !im;
	}
	.elementor-element.elementor-element-c78e0a2.e-con-full.e-flex.e-con.e-child {
    padding: 20px !important;
}
	.forminator-ui.forminator-custom-form[data-design=default] .forminator-pagination-steps {
    display: ruby !important;
		    margin: 0 0 20px;
}

	.new-class .forminator-pagination {
    height: 100% !important;
}
	.my-new-class {
    width: 100% !important;
    height: 100% !important;
}
	.forminator-radio-image span {
    height: 100% !important;
}
	.forminator-radio {
    width: 42% !important;
}
	.elementor-element.elementor-element-465d023c.e-con-full.e-flex.e-con.e-parent.e-lazyloaded {
    padding: 10px !important;
}
}



/* model-popup */



/* 1. Modal Container (Full Overlay) - No changes needed here */
.custom-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Thoda kam DENSE overlay, taaki background mein Gold-tone ka effect ho */
    background-color: rgba(0, 0, 0, 0.85); 
    z-index: 99999; 
    display: flex;
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
}

.custom-popup.hidden {
    display: none; 
    opacity: 0; 
}

/* 2. Modal Content Box Styling - Premium Look */
.modal-content {
    background: #ffffff;
    color: #333333;
    /* Main Gold color ke liye light gradient background */
    background: linear-gradient(135deg, #ffffff 95%, #fff9f0 100%); 
    
    padding: 40px;
    border-radius: 20px; /* More rounded */
    max-width: 800px; 
    width: 90%; 
    
    /* Elegant Shadow - Gold tone ke saath */
    box-shadow: 0 15px 40px rgba(204, 164, 96, 0.4), 0 0 0 2px #CCA460;
    border: 1px solid #e0e0e0;
    
    animation: popIn 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

/* 3. Two-Column Layout */
.submission-details-container {
    display: grid;
    grid-template-columns: 1fr 4fr; 
    gap: 40px; 
    align-items: center; 
}

.logo-side {
    text-align: center;
    padding-right: 25px;
    /* Gold separator line */
    border-right: 2px solid #CCA460; 
}

.submission-logo {
    width: 100%; 
    max-width: 120px; 
    height: auto;
    display: block;
    border-radius: 50%; /* Logo ko gol (circular) bana sakte hain */
    border: 3px solid #CCA460;
    padding: 5px;
}

/* 4. Content Styling */
.content-side h2 {
    /* Main Gold Color for Success Header */
    color: #CCA460; 
    font-size: 2.3em; /* Thoda Bada aur Bold */
    margin-top: 0; 
    margin-bottom: 15px;
    font-weight: 800;
    letter-spacing: -0.5px;
}

.content-side p {
    font-size: 1.15em; /* Font size badhaya */
    line-height: 1.8;
    color: #555555;
    margin-bottom: 15px;
}

/* 5. Responsiveness (Mobile screens ke liye) */
@media (max-width: 768px) {
    .modal-content {
        padding: 25px;
    }
    .submission-details-container {
        grid-template-columns: 1fr; 
        gap: 25px;
    }
    
    .logo-side {
        border-right: none;
        padding-right: 0;
        padding-bottom: 20px;
        /* Mobile separator line */
        border-bottom: 2px solid #CCA460; 
    }
    
    .submission-logo {
        max-width: 90px; 
    }
    .content-side h2 {
        font-size: 1.8em;
    }
}

/* Keyframe for Pop-in Animation */
@keyframes popIn {
    0% { transform: scale(0.95); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}