:root{

    --theme-red: #7F1D1D;
    --theme-red-2 : #720313;
    --theme-yellow: #F6BF00;
    --theme-yellow-2: #EAB308;
    --theme-font-paragraph : #584140;
    --theme-light-bg : #F6F3F2;
    --theme-white: #FFFFFF;
    --navbar-height: 84px;
    --container-width: 1200px;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Plus Jakarta Sans',sans-serif;
    overflow-x:hidden;
}

a{
    text-decoration:none;
    color:inherit;
}

ul{
    list-style:none;
}

.navbar-main{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
    width:100%;
}
.nav-bar-height{
    height:var(--navbar-height);
}

main{
    margin-top:50px !important;
}

@media(max-width:785px){

    main{
        margin-top:40px !important;
    }
}

.navbar-logo,
.navbar-logo img{
    outline:none !important;
}

.bg-header{
    background:#fff;
    border:none;
}

.header-link{
    position:relative;
    font-size:18px;
    font-weight:500;
    color:#6B7280;
    transition:.3s;
}

.header-link:hover{
    color:var(--theme-red);
}

.header-link.active{
    color:var(--theme-red);
    font-weight:700;
}

.header-link.active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-4px;
    width:100%;
    height:2px;
    border-radius:999px;
    background:var(--theme-yellow);
}

.community-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:var(--theme-red);
    padding:10px 24px;
    border-radius:999px;
    transition:.3s;
}

.community-btn span{
    color:#fff;
    font-size:16px;
    font-weight:500;
}

.menu-toggle{
    display:flex;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
}

.menu-toggle span{
    width:24px;
    height:2px;
    background: #000 !important;
    border-radius:20px;
}

.mobile-menu{
    display:none;
    width:100%;
    background:#fff;
    border-top:1px solid #eee;
}

.mobile-menu.active{
    display:block;
}

.mobile-menu-inner{
    display:flex;
    flex-direction:column;
    gap:20px;
    padding:24px 20px;
}

.mobile-link{
    font-size:18px;
    font-weight:500;
    color:#6B7280;
}  

.footer-title{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #000000;
}

.footer-description{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #000000;
}

.footer-link,
.footer-address{
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #000000;
}

.footer-link:hover{
    opacity:.7;
}

.footer-website{
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    vertical-align: middle;
    color : #000000;
}

.footer-copyright{
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 1.2px;
    vertical-align: middle;
    text-transform: uppercase;
    color : #000000;
}

@media(max-width:480px){

    .footer-copyright-break{
        display:block;
    }
}

/* header & footer end */

/* Home page Slider */


.hero-slider{
    height:80vh;
    min-height:700px;
    max-height:980px;
    width:100%;
}

.slide{
    position:relative;
    overflow:hidden;
}

@media(max-width:767px){

    .hero-slider{
        height:600px;
        min-height:auto;
        max-height:none;
    }
}

@media(min-width:768px) and (max-width:1023px){

    .hero-slider{
        height:700px;
    }

}

.pagination span{
    position:relative;
    overflow:hidden;
    flex:1;
    height:5px;
    border-radius:999px;
    background:rgba(255,255,255,0.25);
    cursor:pointer;
}

.pagination span::after{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0%;
    height:100%;
    background:#fff;
}

.pagination span.active::after{
    animation:progressFill 5s linear forwards;
}

@keyframes progressFill{

    from{
        width:0%;
    }

    to{
        width:100%;
    }

}

@media(max-width:768px){

    .pagination span{
        width:50px;
        flex:none;
        height:6px;
    }

    .pagination-wrapper{
        justify-content: center !important;
    }

}

@media(min-width:768px){

    .pagination span{
        width:100px;
        flex:none;
        height:6px;
    }

}

@media(min-width:1400px){

    .pagination span{
        width:140px;
        height:8px;
    }

}

@media(min-width:1600px){

    .pagination span{
        width:180px;
    }

}

/* Slider end */

.malayalam{
    font-family: 'Inter',sans-serif;
}

.font-jakarta{
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

@media(max-width:480px){

    .malayalam{
        line-height: 40px !important;
        font-size: 20px !important;
    }
}

.girl-image{
    width: 384;
    height: 489;
    angle: -180 deg;
    opacity: 1;
    top: 1797px;
    left: 115px;
}

.why-vega-card{
    gap: 16px;
    opacity: 1;
    border-radius: 10px;
    border-width: 1px;
    padding: 40px;
    background: #FFFFFF;
    border: 1px solid #7F1D1D33;
    box-shadow: 0px 4px 50px 0px #7203131A;
}
.why-vega-card:hover{
    border: 1px solid #7F1D1D;
    box-shadow: 0px 4px 50px 0px #72031340;
}

@keyframes slideFloat{
    from{
        opacity:0;
        transform:translateX(-120px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

.marquee{
    animation:marquee 14s linear infinite;
}

@keyframes marquee{
    from{
        transform:translateX(0);
    }
    to{
        transform:translateX(-100%);
    }
}

.privacy-sub-title{
    font-weight: 600;
}


.contact-form-wrap{
    background: rgba(255,255,255,0.6);
    backdrop-filter: blur(32px);
    -webkit-backdrop-filter: blur(32px);
    width:100%;
}

.vega-form-row{
    display:flex;
    gap:20px;
    margin-bottom:20px;
}

.vega-form-col{
    flex:1;
}

@media (max-width:768px){

    .vega-form-row{
        flex-direction:column;
        gap:16px;
    }

}

.vega-form-col label,
.contact-form-wrap label{
    display:block;
    margin-bottom:8px;
    font-family:Poppins,sans-serif;
    font-size:16px;
    font-weight:400;
    line-height:16px;
    letter-spacing:1.2px;
    color:#3D434B;
}

.vega-form-input,
.vega-form-input input,
.vega-form-input textarea{
    width:100%;
}

input.vega-form-input{
    width:100%;
    height:36px;
    background:#F2F3F4;
    border:none;
    border-radius:8px;
    color : #3D434B;
    padding:0 12px;
    box-sizing:border-box;
    font-family:Poppins,sans-serif;
    font-size:14px;
}

textarea.vega-form-input{
    width:100%;
    height:130px;
    background:#F2F3F4;
    border:none;
    border-radius:8px;
    padding:12px;
    resize:none;
    box-sizing:border-box;
}

.vega-form-submit{
    width:100%;
    height:48px;
    background:#720313;
    color:#fff;
    border:none;
    border-radius:10px;
    font-family:Poppins,sans-serif;
    font-weight:500;
    cursor:pointer;
    margin-top: 10px;
}