h4.title-h4 {
    font-size: 40px !important;
    color: #04235f;
    margin-bottom: 20px;
    font-family: 'Eras IT Regular';
    font-weight: 400 !important;
}
.overlay-icon {
    color: white;
    background: #00000082;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    transition: all 900ms ease;
}
.mc-news-slider {
    margin-bottom: 0px;
    background: #2b4671;
    padding: 15px;
    box-shadow: 0 0 2px 1px #2b467191;
    text-align: center;
    margin-inline: 10px !important;
}

.in-news-slider {
    margin-bottom: 20px;
    background: #2b4671;
    padding: 15px;
    box-shadow: 0 0 2px 1px #2b467191;
    text-align: center;
    margin-inline: 10px !important;
}
section.content-text-section .in-news-slider .content-para h5 {
    font-size: 17px;
    font-weight: 300;
    margin-inline: 50px;
    margin-block: 10px;
}

section.content-text-section .mc-news-slider .content-para h5 {
    font-size: 17px;
    font-weight: 300;
    margin-inline: 50px;
    margin-block: 10px;
}
.section-pt-80 {
    padding-top: 80px;
}
.media-kit-bg{ 
    background-image: url('../image/mc-bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.btn.btn-red-1{ 
    background-color: #af2b29;
    padding: 8px 20px;
    font-size: 17px;
    color: white;
    border-radius: 25px;
}

.ch-white-img{ 
    filter: brightness(0) invert(1);
}

.testimonals-wrapper {
    background: #f2f0ca;
    padding-bottom: 30px;
}

.card-section.inner-bg-image.inner-bg--bottom {
    background-position: bottom;
    padding-top: 4rem;
}
.mc-news-slider img {
    height: 380px;
    width: 100%;
    object-fit: cover;
}
.in-news-slider img {
    height: 380px;
    width: 100%;
    object-fit: cover;
}

.testimonals-wrapper .slick-list.draggable{
    padding: 0px !important;
}
.testimonals-wrapper .slick-slide img{ 
    width: 100% !important;
}
.testimonals-wrapper .center-slider .slick-slide { 
    height: 300px;
}

.btn.btn-view-more-sm {
    background: #8a1527;
    padding: 7px 20px;
    font-size: 12px;
    color: white;
    border-radius: 0px;
    transition: 0.5s; 
    display: flex;
    align-items: center;
}
.btn.btn-view-more-sm i {
    margin-left: 15px;
    transition: 0.5s;
    font-size: 10px;
}
.btn.btn-view-more-sm:hover i {
    margin-left: 20px;
}

.testimonals-wrapper a.popup-youtube figcaption img {
    width: 45px !important;
    height: auto !important;
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
}

a.popup-youtube figure {
    margin-bottom: 0px;
    position: relative;
}

.red-circle-arrow .slick-prev:before {
    background-image: url('../image/arrow-red-right.svg');
    background-size: contain;
    opacity: 1;
}

.red-circle-arrow .slick-next:before {
    background-image: url('../image/arrow-red-left.svg');
    background-size: contain;
    opacity: 1;
}

.sm-card.card-image {
    box-shadow: 0 0px 2px 1px #00000033;
}

.font-20-para {
    font-size: 20px !important; 
    margin-bottom: 20px;
    font-family: 'Eras IT Regular'; 
}

.modal-header {
    border-bottom: 1px solid #8a1527;
}
.modal-header i {
    color: #152338;
    font-size: 15px;
}
.modal-header .close { 
    padding: 10px 20px !important;
    opacity: 1;
}

.testimonals-wrapper .slick-slide figure:before {
    background: #00000030;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 99;
}
.ayodhya_pink{
    color: #932a46 !important;
    font-size: 40px !important;
}
.footer_bg_ayodhya{
    background-color: #875d15 !important;
}
.ayodhya_bg_clr{
    background-color: #fdf7ee !important;
}
.ayodhya_btn_payment_btn_txt{
    font-size: 30px !important;
}
.ayodhya_btn_payment{
    background-color: #682720;
    padding-block: 30px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 20px;
}
.btn-secondary{
    color: #682720 !important;
    background-color: #fff;
    border-color: #fff;
    padding: 12px 30px 5px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 600;
    font-family: "ACaslonPro-Regular";
}
.btn-secondary:hover{
    color: #682720b5 !important;
    background-color: #fff;
    border-color: #fff;
    padding: 12px 30px 5px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 600;
    font-family: "ACaslonPro-Regular";
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    color: #682720 !important;
    background-color: #fff;
    border-color: #fff;
    padding: 12px 30px 5px;
    border-radius: 25px;
    font-size: 20px;
    font-weight: 600;
    font-family: "ACaslonPro-Regular";
}

.header_tab {
    background-color: yellow;
    text-align: center;
    padding: 20px;
    font-size: 24px;
    font-weight: bold;
}
.sub-header {
    background-color: lightgreen;
    text-align: center;
    padding: 10px;
    font-size: 18px;
    font-weight: bold;
}
.footer_tab {
    background-color: orange;
    text-align: center;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
}
/* Media Query */
@media (max-width: 575px) { 
    .overlay-icon {
        color: white;
        background: #00000082;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .mob_qr{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .slick-next {
        right: 45px;
    }
    .upcoming-festival ul { 
        margin-right: 10px;
        margin-left: 10px;
    }
    .blog-content-wrap { 
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
    .blog-wrap { 
        flex-direction: column;
    }

    .footer-pad img {
        width: 100%;
        height: 200px;
    }
    .card-image-with-text img.img-fluid.card-img, h4.title-box span{
        width: 100%;
    }
    .card-mandir .card-madir-container .card-image-with-text {
        width: 100%; 
    }
    .card-media-coverage {width: 100%;}
    section.banner-img .banner-img-div img.img-fluid {
        height: 250px;
        object-fit: cover;
    }

    section.banner-img{ 
        padding-inline: 0;
    }
    section.banner-img .container{  
        max-width: 100% !important;
    }

    /*  */
    .grid-wrapper .box1{
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 6;
        z-index: 2;
        background-position: center;
    }

    .grid-wrapper .box2{
        grid-column-start: 1;
        grid-column-end: 10;
        grid-row-start: 6;
        grid-row-end: 10;
        z-index: 2;
    }

    .grid-wrapper .box3{
        grid-column-start: 1;
        grid-column-end: 15;
        grid-row-start: 15;
        grid-row-end: 10;
        z-index: 2;
    }

    .mob_view{
        color: #010727 !important;
    }
    a.dropdown-item {
        background: #010727;
        border-bottom: 1px solid rgb(1 7 39);
        border-left: 1px solid rgb(1 7 39);
        border-right: 1px solid rgb(1 7 39);
        border-top: 1px solid rgb(1 7 39);
        padding: 10px 20px;
        outline: none;
        color: white;
    }

    .dropdown-menu.show {
        margin-left: 50px;
    }
    section.card-section, section.content-text-section{
        padding-block: 40px;
    }

    .banner-con { 
        margin: auto 15%;
    }

    .bottom-right{ 
        justify-content: flex-start;
    }

    .img-gallery-1, .img-gallery-2{
        height: 400px !important;
        object-fit: cover;
    }

    .img-desktop{
        display: none;
    }

    .img-mobile{
        display: block;
        width: 100%;
    }

    .navbar-light .navbar-brand{
        display: block;
    } 
    .about-us-para, .vcr-card .vcr-detail{
        width: 100%;
        text-align: center;
    }

    .primary-header{display: none !important;}
    .about-us .d-flex.align-items-center.justify-content-center{
        flex-direction: column; 
    }

    .about-us-title, .about-us-img, .about-us-para{padding-block: 10px;}

    section.mobile-view-quick{
        position: fixed;
        bottom: 0px;
        background: #980001;
        width: 100%; 
        display: block;
    }
    .text-left.side-content.side-content-left, .text-left.side-content.side-content-right{
        text-align: center !important;
    }
    .side-content h3{
        margin-block: 30px;
    }
}


@media (min-width: 576px) and (max-width: 767px) { 
    .blog-content-wrap { 
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
    .blog-wrap { 
        flex-direction: column;
    }
    .footer-pad img {
        width: 100%;
        height: 200px;
    }
    .card-image-with-text img.img-fluid.card-img, h4.title-box span{
        width: 100%;
    }
    .card-mandir .card-madir-container .card-image-with-text {
        width: 100%; 
    }
    .card-media-coverage {width: 100%;}
    section.banner-img .banner-img-div img.img-fluid {
        height: 250px;
        object-fit: cover;
    }

    section.banner-img{
        padding-inline: 0;
    }

    section.banner-img .container{  
        max-width: 100% !important;
    }

    .side-content h3{
        margin-block: 30px;
    }
    a.dropdown-item {
        background: #010727;
        border-bottom: 1px solid rgb(1 7 39);
        border-left: 1px solid rgb(1 7 39);
        border-right: 1px solid rgb(1 7 39);
        border-top: 1px solid rgb(1 7 39);
        padding: 10px 20px;
        outline: none;
        color: white !important;
    }

    /*  */
    .grid-wrapper .box1{
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 6;
        z-index: 2;
        background-position: center;
    }

    .grid-wrapper .box2{
        grid-column-start: 1;
        grid-column-end: 10;
        grid-row-start: 6;
        grid-row-end: 10;
        z-index: 2;
    }

    .grid-wrapper .box3{
        grid-column-start: 1;
        grid-column-end: 15;
        grid-row-start: 15;
        grid-row-end: 10;
        z-index: 2;
    }

    .dropdown-menu.show {
        margin-left: 50px;
    }

    section.card-section, section.content-text-section{
        padding-block: 40px;
    }

    .banner-con { 
        margin: auto 15%;
    }

    .bottom-right{ 
        justify-content: flex-start;
    }


    section.mobile-view-quick{
        position: fixed;
        bottom: 0px;
        background: #980001;
        width: 100%; 
        display: block;
    }


    .img-desktop{
        display: none;
    }

    .img-gallery-1, .img-gallery-2{
        height: 400px !important;
        object-fit: cover;
    }

    .img-mobile{
        display: block;
        width: 100%;
    }

    .about-us-title, .about-us-img, .about-us-para{padding-block: 10px;}

    .about-us-para, .vcr-card .vcr-detail{
        width: 100%;
        text-align: center;
    }
    .about-us .d-flex.align-items-center.justify-content-center{
        flex-direction: column;
    } 

    .navbar-light .navbar-brand{
        display: block;
    }

    .primary-header{display: none !important;}
    .text-left.side-content.side-content-left, .text-left.side-content.side-content-right{
        text-align: center !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .card-media-coverage, h4.title-box span {width: 100%;}
    .card-mandir .card-madir-container .card-image-with-text {
        width: 45%; 
    }
    .side-content h3{
        margin-block: 30px;
    }

    /*  */
    .grid-wrapper .box1{
        grid-column-start: 1;
        grid-column-end: 5;
        grid-row-start: 1;
        grid-row-end: 6;
        z-index: 2;
        background-position: center;
    }

    .grid-wrapper .box2{
        grid-column-start: 1;
        grid-column-end: 10;
        grid-row-start: 6;
        grid-row-end: 10;
        z-index: 2;
    }

    .grid-wrapper .box3{
        grid-column-start: 1;
        grid-column-end: 15;
        grid-row-start: 15;
        grid-row-end: 10;
        z-index: 2;
    }

    a.dropdown-item {
        background: #010727;
        border-bottom: 1px solid rgb(1 7 39);
        border-left: 1px solid rgb(1 7 39);
        border-right: 1px solid rgb(1 7 39);
        border-top: 1px solid rgb(1 7 39);
        padding: 10px 20px;
        outline: none;
        color: white !important;
    }

    .dropdown-menu.show {
        margin-left: 50px;
    }

    section.mobile-view-quick{
        display: none;
    } 
    .navbar-light .navbar-brand{
        display: block;
    }

    .img-gallery-1, .img-gallery-2{
        height: 400px !important;
        object-fit: cover;
    }

    .primary-header{display: none !important;} 

    .about-us-title, .about-us-img, .about-us-para{padding-inline: 20px;}
    section.card-features .card { 
        max-width: 330px;
        margin: 0 auto 40px;
    }
    .footer-pad.social-icon ul.list-unstyled.d-flex li{ 
        margin-inline: 7px;
    }
    .text-left.side-content.side-content-left, .text-left.side-content.side-content-right{
        text-align: center !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px) { 
    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
        background: #ffc000 !important;
        color: #01325D !important;
    }

    li.nav-item.dropdown.active.show {
        background: #ffc000;
    }

    .navbar-light .navbar-nav .active.show>.nav-link{
        color: #01325D !important;
    }

    section.mobile-view-quick{
        display: none;
    } 

    .about-us-title, .about-us-img, .about-us-para{padding-inline: 20px;}
    section.card-features .card { 
        max-width: 280px;
        margin: 0 auto 40px;
    }

    .side-image.side-image-right {
        display: flex;
        justify-content: flex-end;
    }
    .side-image.side-image-left{
        display: flex;
        justify-content: start;
    }
    .text-left.side-content.side-content-right {
        text-align: right !important;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        top: 48px;
    }
}

@media (min-width: 1200px) { 
    .container-lg.container{ 
        max-width: 1400px;
    }
    .latest-daily-bg .col-lg-4:not(:last-child):after {
        border-right: 1.5px solid #cfcfcf;
        content: '';
        position: absolute;
        left: 12px;
        width: auto;
        height: 100%;
        top: 0;
    }


    .slick-prev{
        left: -55px;
    }
    .slick-next {
        right: -35px;
    }
    .container-sm{
        max-width: 760px !important;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        top: 48px;
    }

    section.card-features .card { 
        max-width: 330px;
        margin: 0 auto 40px;
    }


    section.mobile-view-quick{
        display: none;
    }

    .secondary-header .container{ 
        max-width: 1300px;
    }


    .banner-img .container{
        max-width: 100%;
    }

    .about-us .container{
        max-width: 1000px;
    }

    .about-us-title, .about-us-img, .about-us-para{padding-inline: 20px;}

    .side-image.side-image-right {
        display: flex;
        justify-content: flex-end;
    }
    .side-image.side-image-left{
        display: flex;
        justify-content: start;
    }
    .text-left.side-content.side-content-right {
        text-align: right !important;
    }

    .carousel-control-prev {
        left: 0% !important;
        top: -50px !important;
        width: auto !important;
    }

    .carousel-control-next {
        right: 0% !important;
        top: -50px !important;
        width: auto !important;
    }


    li.nav-item.dropdown.active.show {
        background: #ffc000;
    }

    .navbar-light .navbar-nav .active.show>.nav-link{
        color: #01325D !important;
    }

    .dropdown-item.active, .dropdown-item:active, .dropdown-item:hover, .dropdown-item:focus {
        background: #ffc000 !important;
        color: #01325D !important;
    }
    .red-circle-arrow .slick-prev {
        left: -40px;
    }
    .red-circle-arrow .slick-next {
        right: 0;
    }

}
.center-sliders .slick-slide{
    color: #FFF;
    height: 200px;
    margin: 0 15px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0.8);
    transition: all 0.4s ease-in-out;
}
.center-sliders .slick-slide,
.center-sliders .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
    transform: scale(0.8, 0.8);
    transition: all 0.4s ease-in-out;
}

/* Active center slide (You can change anything here for cenetr slide)*/
.center-sliders .slick-center,
.center-sliders .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
    transform: scale(1.1);
}
.center-sliders .slick-current.slick-active{
    transform: scale(1.1);
}
/*Gallery*/
.single-portfolio-item{
    margin-bottom: 30px;
    display: inline-block;
}

.single-portfolio-item img{
    /*height: 100vh;*/
    max-height: 300px;
    width: 100%;
    object-fit: cover;
}
.single-portfolio-item .partner-gallery-item {
    position: relative;
    margin: 10px;
    border: 3px solid #fff;
    /* padding: 10px;*/
    box-shadow: 0 0 6px 2px rgba(96,125,139,.20);
}
.single-portfolio-item .partner-gallery-item:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.single-portfolio-item figure {
    margin: 0 0 0rem;
    position: relative;
    overflow: hidden;
}
.single-portfolio-item img {
    height: 250px;
    transition: 0.5s;
}

.single-portfolio-item .partner-gallery-item:hover figure figcation {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.single-portfolio-item figure figcation {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 10px;
    width: -webkit-fill-available;
    transition: 0.5s;
    /* background-image: linear-gradient(#0000001f, #0000001f); */
}

.single-portfolio-item figure figcation h4:hover {
    color: #fff;
}
.single-portfolio-item figure figcation h4 {
    color: #fd9448;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
}
.single-portfolio-item figure figcation .inner-gal-title {
    color: white;
    border: 1px solid white;
    padding: 5px 10px;
    /*border-radius: 50px;*/
    font-size: 12px;
}
.single-portfolio-item figure figcation .inner-gal-title:hover{
    color: #cea527;
    border: 1px solid #cea527;
}
.overlay-img{
    position: absolute;
    width: 100%;
    height: -webkit-fill-available;
    top: 0;
    background: #1621158f;
    background: linear-gradient(180deg, rgba(255,255,255,0) 60%, #050431 95%);
}
.sunset-bg {
    background-image: url(../image/sunset-bg.png);
}
.box1 {
    position: relative;
    display: flex;
    height: 100%;
}

.box-img:hover .overlay-icon {
    visibility: visible;
    opacity: 1;
}
/*Gallery*/
@media (max-width: 575px) { 
    .cloud-img {
        top: 15% !important;
    }
}
.sidebar-sticky-quick-wrapper .header {
    left: -162px !important;
    top: 44% !important;
    height: 45px !important;
    width: 129px !important;
    transform: rotate(0deg) !important;
    border-radius: 10px 10px 10px 10px !important;
    background: #3b75d7 !important;
}
.sidebar-sticky-quick-wrapper .header span{
    font-size: 18px !important;
    color: #fff !important;
    font-weight: 600;
}
.close-footer button.btn-close {
    padding: 0px 14px 4px 14px !important;
    font-size: 20px !important;
    border-radius: 50px !important;
}
@media (max-width: 576px) {
    .timeline-wrap {
        margin-left: 10% !important;
    }
    .timeline-wrap .left-image-wrap p.default-title {
        display: block !important;
    }
    .timeline-wrap {
        flex-direction: column !important;
    }
}
.left-side-wrap {
    cursor: pointer !important;
}
.cloud-img {
    bottom: 19% !important;
}
.sidebar-form-wrapper{
    margin-top: 50px !important;
}
.close-footer button.btn-close{
    margin-top: 50px !important;
}
.btn-submit {
    background: #f7941d;
    color: #0a1a45;
    font-weight: 700;
    text-transform: uppercase;
    box-shadow: inset 0 0 3px 1px #00000047;
    border: 3px solid #fabe3a;
    border-radius: 10px;
    padding: 7px 20px;
}
.sidebar-sticky-quick-wrapper .header1 {
    position: absolute;
    left: -75px;
    top: 72%;
    height: 45px;
    width: min-content;
    padding: 0;
    transform: rotate(270deg);
    padding-inline: 15px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-transform: uppercase;
    background: #010727;
    cursor: default;
}
.sidebar-sticky-quick-wrapper .header1 span {
    font-size: 18px !important;
}
.sidebar-sticky-quick-wrapper {
    top: 90% !important;
}
@media (max-width: 576px) {
    .sidebar-sticky-quick-wrapper {
        top: 90% !important;
    }
    .sidebar-sticky-quick-wrapper .header span {
        font-size: 15px !important;
    }
}
/* =====================================
   LOGIN BUTTON
===================================== */

.vcm-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    padding: 11px 24px;

    border: 0;
    border-radius: 6px;

    background: #1f4b94;
    color: #fff;

    font-size: 14px;
    font-weight: 600;

    cursor: pointer;

    transition: all 0.3s ease;
}

.vcm-login-btn i {
    font-size: 15px;
}

.vcm-login-btn:hover {
    background: #010727;
    color: #ffc000;

    transform: translateY(-2px);

    box-shadow: 0 7px 18px rgba(1, 7, 39, 0.25);
}


/* =====================================
   MODAL
===================================== */

.vcm-login-modal .modal-dialog {
    max-width: 430px;
}

.vcm-login-modal .modal-content {

    border: 0;
    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 20px 60px rgba(1, 7, 39, 0.35);
}


/* =====================================
   HEADER
===================================== */

.login-header {

    position: relative;

    padding: 32px 30px 28px;

    text-align: center;

    background:
        linear-gradient(
            135deg,
            #010727 0%,
            #1f4b94 100%
        );

    color: #fff;
}

.login-header:after {

    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #ffc000;
}


/* Close */

.login-close {

    position: absolute;

    top: 12px;
    right: 15px;

    color: #fff !important;

    opacity: 0.8;

    font-size: 28px;

    text-shadow: none;
}

.login-close:hover {
    opacity: 1;
    color: #ffc000 !important;
}


/* Login Icon */

.login-icon {

    width: 64px;
    height: 64px;

    margin: 0 auto 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffc000;

    color: #010727;

    font-size: 25px;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.25);
}

.login-header h4 {

    margin: 0;

    font-size: 24px;
    font-weight: 700;
}

.login-header p {

    margin: 7px 0 0;

    font-size: 13px;

    color: rgba(255,255,255,0.75);
}


/* =====================================
   BODY
===================================== */

.login-body {

    padding: 30px;
    background: #fff;
}


/* =====================================
   FORM LABEL
===================================== */

.login-field label {

    display: block;

    margin-bottom: 7px;

    color: #010727;

    font-size: 13px;
    font-weight: 600;
}


/* =====================================
   INPUT
===================================== */

.input-wrapper {

    position: relative;
}

.input-wrapper > i {

    position: absolute;

    left: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: #2f476f;

    z-index: 2;
}

.input-wrapper .form-control {

    height: 48px;

    padding-left: 43px;
    padding-right: 43px;

    border: 1px solid #d8deea;

    border-radius: 7px;

    color: #010727;

    font-size: 14px;

    transition: all 0.25s ease;
}

.input-wrapper .form-control::placeholder {
    color: #9aa5b5;
}

.input-wrapper .form-control:focus {

    border-color: #1f4b94;

    box-shadow:
        0 0 0 3px rgba(31, 75, 148, 0.10);
}


/* =====================================
   PASSWORD TOGGLE
===================================== */

.password-toggle {

    position: absolute;

    right: 15px;
    top: 50%;

    transform: translateY(-50%);

    color: #2f476f;

    cursor: pointer;

    z-index: 3;
}

.password-toggle:hover {
    color: #1f4b94;
}


/* =====================================
   FORGOT PASSWORD
===================================== */

.login-options {

    text-align: right;

    margin-top: -4px;
    margin-bottom: 20px;
}

.forgot-link {

    color: #c42222;

    font-size: 13px;
    font-weight: 600;

    text-decoration: none;

    transition: 0.2s;
}

.forgot-link:hover {

    color: #010727;

    text-decoration: none;
}


/* =====================================
   LOGIN BUTTON
===================================== */

.login-submit {

    width: 100%;

    height: 50px;

    border: 0;
    border-radius: 7px;

    background: #ffc000;

    color: #010727;

    font-size: 14px;
    font-weight: 800;

    letter-spacing: 0.5px;

    cursor: pointer;

    display: flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    transition: all 0.3s ease;
}

.login-submit:hover {

    background: #010727;

    color: #ffc000;

    box-shadow:
        0 8px 20px rgba(1, 7, 39, 0.25);

    transform: translateY(-1px);
}

.login-submit i {
    transition: transform 0.3s ease;
}

.login-submit:hover i {
    transform: translateX(4px);
}


/* =====================================
   REGISTER
===================================== */

.register-section {

    margin-top: 25px;
    padding-top: 20px;

    border-top: 1px solid #edf0f5;

    text-align: center;

    font-size: 13px;

    color: #2f476f;
}

.register-section a {

    margin-left: 4px;

    color: #1f4b94;

    font-weight: 700;

    text-decoration: none;
}

.register-section a:hover {

    color: #c42222;

    text-decoration: none;
}


/* =====================================
   MOBILE
===================================== */

@media (max-width: 480px) {
    .vcm-login-modal .modal-dialog {
        margin: 15px;
    }
    .login-header {
        padding: 28px 20px 24px;
    }

    .login-body {
        padding: 25px 20px;
    }
}
/* =========================================
   LOGIN BUTTON
========================================= */
.vcm-login-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 11px 23px;
    border: 0;
    border-radius: 6px;
    background: #1f4b94;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.vcm-login-btn:hover {
    background: #010727;
    color: #ffc000;
    box-shadow: 0 6px 16px rgba(1, 7, 39, 0.25);
    transform: translateY(-1px);
}
/* =========================================
   MY ACCOUNT BUTTON
========================================= */
.vcm-account-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 7px 15px 7px 8px;
    border: 1px solid #1f4b94;
    border-radius: 30px;
    background: #fff;
    color: #010727;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.vcm-account-btn:hover,
.vcm-account-btn:focus {
    background: #1f4b94;
    color: #fff;
    border-color: #1f4b94;
    box-shadow: 0 5px 15px rgba(31, 75, 148, 0.25);
}
/* Remove Bootstrap default arrow spacing */

.vcm-account-btn::after {
    margin-left: 4px;
    border-top-color: currentColor;
}
/* =========================================
   ACCOUNT AVATAR
========================================= */
.account-avatar {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #ffc000;
    color: #010727;
    font-size: 15px;
}
/* =========================================
   DROPDOWN
========================================= */
.vcm-account-dropdown {
    min-width: 220px;
    padding: 8px;
    margin-top: 8px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    box-shadow:
        0 12px 35px rgba(1, 7, 39, 0.20);
    animation: accountDropdown 0.18s ease;
}

@keyframes accountDropdown {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =========================================
   DROPDOWN ITEMS
========================================= */
.vcm-account-dropdown .dropdown-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 11px 12px;
    border-radius: 6px;
    color: #010727;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.2s ease;
}
.vcm-account-dropdown .dropdown-item:hover {
    background: #eef3fb;
    color: #1f4b94;
}
/* =========================================
   MENU ICON
========================================= */

.menu-icon {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    background: #eef3fb;
    color: #1f4b94;
    font-size: 13px;
}
.vcm-account-dropdown .dropdown-item:hover .menu-icon {
    background: #1f4b94;
    color: #fff;
}
/* =========================================
   DIVIDER
========================================= */
.vcm-account-dropdown .dropdown-divider {
    margin: 6px 4px;
    border-top-color: #edf0f5;
}
/* =========================================
   LOGOUT
========================================= */
.vcm-account-dropdown .logout-item {
    color: #c42222;
}

.vcm-account-dropdown .logout-item .menu-icon {
    background: #fff0f0;
    color: #c42222;
}
.vcm-account-dropdown .logout-item:hover {
    background: #fff0f0;
    color: #c42222;
}
.vcm-account-dropdown .logout-item:hover .menu-icon {
    background: #c42222;
    color: #fff;
}
/* =========================================
   REGISTRATION CARD
========================================= */

.registration-card {

    max-width: 900px;

    margin: 40px auto;

    background: #fff;

    border-radius: 14px;

    overflow: hidden;

    box-shadow:
        0 15px 45px rgba(1, 7, 39, 0.15);
}


/* =========================================
   HEADER
========================================= */

.registration-header {

    position: relative;

    text-align: center;

    padding: 35px 20px 30px;

    background:
        linear-gradient(
            135deg,
            #010727,
            #1f4b94
        );

    color: #fff;
}

.registration-header:after {

    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;
    height: 4px;

    background: #ffc000;
}


.registration-icon {

    width: 65px;
    height: 65px;

    margin: 0 auto 15px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffc000;

    color: #010727;

    font-size: 25px;
}


.registration-header h3 {

    margin: 0;

    font-size: 26px;

    font-weight: 700;
}


.registration-header p {

    margin: 7px 0 0;

    color: rgba(255,255,255,.75);

    font-size: 13px;
}


/* =========================================
   BODY
========================================= */

.registration-body {

    padding: 35px;
}


/* =========================================
   SECTION TITLE
========================================= */

.form-section-title {

    position: relative;

    margin: 5px 0 22px;

    padding-bottom: 10px;

    border-bottom: 1px solid #e8ecf3;

    color: #010727;

    font-size: 17px;

    font-weight: 700;
}

.form-section-title:after {

    content: "";

    position: absolute;

    left: 0;
    bottom: -1px;

    width: 55px;
    height: 3px;

    background: #ffc000;
}

.form-section-title i {

    margin-right: 8px;

    color: #1f4b94;
}


/* =========================================
   LABEL
========================================= */

.registration-body label {

    color: #010727;

    font-size: 13px;

    font-weight: 600;
}

.registration-body label span {

    color: #c42222;
}


/* =========================================
   INPUT
========================================= */

.reg-input {

    position: relative;
}

.reg-input > i {

    position: absolute;

    left: 14px;

    top: 50%;

    transform: translateY(-50%);

    color: #2f476f;

    z-index: 2;
}

.reg-input .form-control {

    height: 46px;

    padding-left: 40px;

    border: 1px solid #d9dfeb;

    border-radius: 6px;

    font-size: 14px;

    transition: all .2s ease;
}

.registration-body .form-control:focus {

    border-color: #1f4b94;

    box-shadow:
        0 0 0 3px rgba(31,75,148,.10);
}


/* =========================================
   SELECT
========================================= */

select.form-control {

    height: 46px;

    color: #2f476f;

    cursor: pointer;
}


/* =========================================
   DEVOTEE OPTIONS
========================================= */

.devotee-options {

    display: flex;

    gap: 30px;
}

.devotee-option {

    position: relative;

    display: flex;

    align-items: center;

    gap: 8px;

    cursor: pointer;

    font-weight: 500 !important;
}

.devotee-option input {

    position: absolute;

    opacity: 0;
}

.custom-radio {

    width: 19px;
    height: 19px;

    border: 2px solid #2f476f;

    border-radius: 50%;

    position: relative;
}

.devotee-option input:checked + .custom-radio {

    border-color: #1f4b94;
}

.devotee-option input:checked + .custom-radio:after {

    content: "";

    position: absolute;

    width: 9px;
    height: 9px;

    top: 3px;
    left: 3px;

    border-radius: 50%;

    background: #1f4b94;
}


/* =========================================
   CONDITIONAL DETAILS
========================================= */

.devotee-details {

    margin-top: 15px;

    padding: 20px;

    border-left: 4px solid #ffc000;

    border-radius: 6px;

    background: #f7f9fc;
}


/* =========================================
   TEXTAREA
========================================= */

textarea.form-control {

    resize: vertical;

    min-height: 100px;

    font-size: 14px;
}


/* =========================================
   RESUME UPLOAD
========================================= */

.resume-upload {

    display: flex;

    align-items: center;

    gap: 15px;

    padding: 18px;

    border: 1px dashed #b8c3d5;

    border-radius: 8px;

    background: #f8faff;
}

.resume-upload > i {

    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 8px;

    background: #eef3fb;

    color: #1f4b94;

    font-size: 21px;
}

.resume-text {

    flex: 1;
}

.resume-text strong {

    display: block;

    color: #010727;

    font-size: 14px;
}

.resume-text small {
    display: block;
    margin-top: 3px;
    color: #6d7890;
    font-size: 11px;
}
/* =========================================
   CHOOSE FILE
========================================= */
.choose-file {
    position: relative;
    padding: 10px 17px;
    margin: 0;
    border-radius: 6px;
    background: #1f4b94;
    color: #fff !important;
    cursor: pointer;
    transition: .2s;
}
.choose-file:hover {
    background: #010727;
}
.choose-file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
}
/* =========================================
   FILE NAME
========================================= */
.resume-name {
    margin-top: 8px;
    color: #2f476f;
    font-size: 12px;
}
/* =========================================
   REGISTER BUTTON
========================================= */
.registration-submit {

    margin-top: 30px;
}

.register-btn {
    width: 100%;
    height: 50px;
    border: 0;
    border-radius: 7px;
    background: #ffc000;
    color: #010727;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transition: all .3s ease;
}

.register-btn:hover {
    background: #010727;
    color: #ffc000;
    box-shadow:
        0 7px 20px rgba(1,7,39,.25);
}

.register-btn i {
    transition: transform .2s;
}

.register-btn:hover i {
    transform: translateX(4px);
}
/* =========================================
   LOGIN LINK
========================================= */
.already-account {
    margin-top: 20px;
    text-align: center;
    color: #2f476f;
    font-size: 13px;
}

.already-account a {
    margin-left: 4px;
    color: #1f4b94;
    font-weight: 700;
    text-decoration: none;
}

.already-account a:hover {
    color: #c42222;
}
/* =========================================
   MOBILE
========================================= */
@media (max-width: 767px) {
    .registration-body {
        padding: 25px 18px;
    }
    .resume-upload {
        flex-wrap: wrap;
    }
    .resume-text {
        min-width: calc(100% - 70px);
    }
    .choose-file {
        width: 100%;
        text-align: center;
    }
}
.reg-input {
    position: relative;
}
.register-password-toggle {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #2f476f;
    cursor: pointer;
    z-index: 3;
}
.register-password-toggle:hover {
    color: #1f4b94;
}
.reg-input input[type="password"],
.reg-input input[type="text"] {
    padding-right: 45px;
}
.password-match-message {
    font-size: 13px;
    margin-top: 6px;
    display: none;
    opacity: 0;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}

.password-match-message.show {
    display: block;
    opacity: 1;
    transform: translateY(0);
}

.password-match-message.success {
    color: #28a745;
    font-weight: 700;
    font-size: 14px;
}

.password-match-message.error {
    color: #dc3545;
}

/* Green tick */
.password-match-message .check-icon {
    display: inline-block;
    margin-right: 5px;
    font-size: 14px;
    animation: checkPop 0.35s ease;
}

@keyframes checkPop {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    70% {
        transform: scale(1.25);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Green border when password matches */
#confirmPassword.password-match-success {
    border-color: #28a745;
    box-shadow: 0 0 0 0.1rem rgba(40, 167, 69, 0.15);
}

/* Red border when password doesn't match */
#confirmPassword.password-match-error {
    border-color: #dc3545;
}
.job-card{
    background: #fff;
    border: 1px solid #edf0f5;
    border-radius: 12px;
    padding: 25px;
    margin-bottom: 20px;
    box-shadow: 0 5px 20px rgba(1,7,39,.08);
    transition: all .3s ease;
}

.job-card:hover{
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(1,7,39,.12);
}

.job-title{
    color: #010727;
    font-weight: 700;
    margin-bottom: 15px;
}

.status-badge{
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
}

.status-shortlisted{
    background: #e8f7ec;
    color: #28a745;
}

.status-hold{
    background: #fff4d6;
    color: #d18b00;
}

.status-rejected{
    background: #ffe6e6;
    color: #dc3545;
}