/*
Theme Name: Vedam 
Theme URI: https://wordpress.org/themes/twentytwelve/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 4.7
Tested up to: 6.9
Requires at least: 3.5
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, block-patterns
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */

        :root {
            --primary-color: #0a2540;
            --accent-color: #9E00F3
;
            --bg-light: #f8f9fa;
            --transition: all 0.3s ease-in-out;
        }

     

        .vedam-contact-header {
            padding: 60px 0 40px;
            text-align: center;
        }

        .vedam-contact-header h1 {
            font-weight: 700;
            font-size: 2.5rem;
            margin-bottom: 20px;
        }

        .vedam-contact-header p {
            max-width: 800px;
            margin: 0 auto;
            line-height: 1.8;
            color: #444;
        }

        .highlight-text {
            font-style: italic;
            color: var(--accent-color);
            font-weight: 500;
        }

        /* --- Updated Tab System --- */
        .vedam-tab-container {
            max-width: 950px;
            margin: 0 auto 80px;
        }

        .nav-custom-tabs {
            display: flex;
            justify-content: center;
            gap: 15px;
            margin-bottom: 40px;
            border-bottom: none;
        }

.nav-custom-tabs .nav-link {
    border: 1px solid #9e00f3 !important;
    background-color: transparent;
    color: #9e00f3;
    border-radius: 100px;
    padding: 8px 35px;
    font-weight: 500;
    transition: var(--transition);
    min-width: 160px;
}

        .nav-custom-tabs .nav-link.active {
            background-color: #9e00f3 !important;
            color: #ffffff !important;
            box-shadow: 0 8px 15px rgba(10, 37, 64, 0.2);
        }

        .nav-custom-tabs .nav-link:hover:not(.active) {
            background-color: rgba(10, 37, 64, 0.05);
        }

        /* --- Form Styling --- */
        .vedam-form-card {
            background: #ffffff;
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
            border: 1px solid rgba(0, 0, 0, 0.05);
        }

        .form-label {
            font-weight: 500;
            font-size: 0.9rem;
            margin-bottom: 8px;
            color: var(--primary-color);
            line-height: normal;
        }

        .form-control,
        .form-select,
        .custom-dropdown-btn {
            border-radius: 0px;
            padding: 6px 12px;
            border: 1px solid #e0e0e0;
            font-size: 0.95rem;
            transition: var(--transition);
            background-color: #fff;
            padding-right: 35px;
      
        }

        .form-control:focus,
        .form-select:focus {
            border-color: var(--accent-color);
            box-shadow: 0 0 0 4px #a97ec009
;
            outline: none;
        }

        /* Qualification Checkbox Dropdown */
        .dropdown-check-list {
            position: relative;
            width: 100%;
        }

        .custom-dropdown-btn {
            width: 100%;
            text-align: left;
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            color: #6c757d;
                align-items: start;
    overflow: hidden;
          height: 35px;
        }

        .dropdown-menu-custom {
            width: 100%;
            padding: 10px;
            max-height: 200px;
            overflow-y: auto;
            border-radius: 0px;
            border: 1px solid #e0e0e0;
            box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
        }

        .form-check {
            padding: 8px 10px 8px 30px;
            margin-bottom: 0;
            cursor: pointer;
            border-radius: 5px;
        }

        .form-check:hover {
            background-color: #f8f9fa;
        }

        .btn-vedam-primary {
    width: 200px;
    margin-top: 20px;
    text-align: center;
    display: block;
    padding: 16px;
        }
        .form-check-input{
            margin-top: 7px !important;
        }
.form-check-input:checked {
    background-color: #a916fe;
    border-color: #a916fe;
}

        @media (max-width: 768px) {
            .vedam-form-card{
                padding: 20px;
            }
            .nav-custom-tabs {
                flex-direction: column;
                gap: 10px;
            }

            .nav-custom-tabs .nav-link {
                width: 100%;
            }
        }



        /* why start */

                :root {
            --primary-purple: #9E00F3;
            --soft-purple: rgba(158, 0, 243, 0.05);
            --dark-text: #1a1a1a;
            --light-text: #666;
            --transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

     .why_vedam_Sec12{
        padding: 60px 0px;
     }

        .section-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .section-header h2 {
            font-weight: 700;
            font-size: 2.5rem;
            color: var(--dark-text);
            margin-bottom: 15px;
        }

        .section-header .accent-line {
            width: 80px;
            height: 4px;
            background: var(--primary-purple);
            margin: 0 auto;
            border-radius: 10px;
        }

        /* --- 3D Card Styling --- */
        .edge-card {
            background: #ffffff;
            border: 1px solid rgba(158, 0, 243, 0.1);
            border-radius: 20px;
            padding: 40px 30px;
            height: 100%;
            transition: var(--transition);
            position: relative;
            z-index: 1;
            overflow: hidden;
            /* Suble 3D Shadow */
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03), 0 1px 8px rgba(0, 0, 0, 0.02);
        }

        .edge-card:hover {
            transform: translateY(-12px) scale(1.02);
            box-shadow: 0 20px 40px rgba(158, 0, 243, 0.15);
            border-color: var(--primary-purple);
        }

        /* Icon Styling */
        .icon-box {
            width: 70px;
            height: 70px;
            background: var(--soft-purple);
            border-radius: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 25px;
            transition: var(--transition);
        }

        .icon-box i {
            font-size: 1.8rem;
            color: var(--primary-purple);
            transition: var(--transition);
        }

        .edge-card:hover .icon-box {
            background: var(--primary-purple);
        }

        .edge-card:hover .icon-box i {
            color: #ffffff;
            transform: rotateY(360deg);
        }

        /* Content Styling */
        .edge-card h4 {
            font-weight: 600;
            font-size: 1.25rem;
            margin-bottom: 15px;
            transition: var(--transition);
        }

        .edge-card p {
            font-size: 0.95rem;
            color: var(--light-text);
            line-height: 1.6;
            margin-bottom: 0;
        }

        /* Subtle 3D background element */
        .edge-card::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -50%;
            width: 100px;
            height: 100px;
            background: var(--soft-purple);
            border-radius: 50%;
            z-index: -1;
            transition: var(--transition);
        }

        .edge-card:hover::before {
            width: 300px;
            height: 300px;
        }

        @media (max-width: 768px) {
            .section-header h2 { font-size: 2rem; }
            .edge-card { padding: 30px 20px; }
        }


				/* red border on invalid */
.input-error {
    border: 1px solid #e74c3c !important;
    box-shadow: 0 0 0 3px rgba(231,76,60,0.06);
    outline: none;
}

/* error message */
.input-error-msg small {
    color: #e74c3c;
    display: block;
    margin-top: 6px;
}

/* success / error top notices */
.vedam-alert {
    padding: 12px 16px;
    border-radius: 6px;
    margin-bottom: 12px;
}
.vedam-alert-success { background: #e6f7ec; color: #1b7a3a; border: 1px solid #c8efd4; }
.vedam-alert-error { background: #fff1f0; color: #b11a1a; border: 1px solid #f5c6c6; }

/* small submit loading style */
.vedam-ajax-form button.loading { opacity: .7; pointer-events:none; }