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*/