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

}

/* Basic styles for the body */
body {
    font-family: Arial, sans-serif;
    color: #333;
    background-color: #ffff;
}

/* navbar start */
.top {
    background-image:
    linear-gradient(90deg, rgba(1, 1, 1, 0.6) 40.03%, rgba(29, 39, 95, 0.6) 54.79%),
    url("{{ eventmie_asset('frontend/images/head.jpg') }}");

    background-position: center center;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
    background-attachment: fixed;
    
}

.bg-body-tertiary {
    --bs-bg-opacity: 1;
    background-color: transparent !important;
}
.navbar-brand{
    padding: 0px;
}
/*.navbar-brand img {*/
/*    width: 300px;*/
/*}*/

/*.navbar-brand img {*/
/*    width: 390px;*/
/*}*/

.navbar {
    padding: 10px 5%;
}

.nav-link {
    color: pink;
    font-weight: 600;
    font-size: 17px;
    padding: 0 20px !important;
    color: #fff !important;
    padding: 10px 20px !important;
    border-radius: 10px !important;
    background: transparent;
    margin: 0 12px !important;
}

.navbar-nav .nav-link.active {
    background: rgba(29, 39, 95, 1);
    color: #fff !important;
    padding: 10px;
    border-radius: 15px;

}

.navbar-expand-lg .navbar-nav {
    flex-direction: row;
    margin-left: 5%;
}

.navbar-btn button {
    background: rgba(29, 39, 95, 1);
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px !important;
    color: #fff;
    margin-right: 20px;
    border: none;
}
.navbar-btn a {
    background: rgba(29, 39, 95, 1);
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px !important;
    color: #fff;
    margin: 0px 8px 0px 8px;
    border: none;
    display: flex;
}

.login {
    color: rgba(29, 39, 95, 1) !important;
    background: #fff !important;
}

.navbar-btn button:hover {
    color: rgba(29, 39, 95, 1);
    background: #fff;
}

.login:hover {
    background: rgba(29, 39, 95, 1) !important;
    background: #fff !important;
}

/* Search container styling */
.search-container {
    display: flex;

    padding: 20px;
    padding-left: 12px;
}

/* Form styling */
.search-form {
    display: flex;
    align-items: center;
    max-width: 600px;
    width: 100%;
}

/* Input field styling */
.search-input {
    flex: 1;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 15px 0 0 15px;
    font-size: 18px;
}

/* Button styling */
.search-button {
    padding: 20px 30px;
    border: 1px solid rgba(29, 39, 95, 1);
    border-radius: 0 15px 15px 0;
    background-color: rgba(29, 39, 95, 1);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.search-button:hover {
    background-color: rgba(29, 39, 95, 1);
}

.head {
    padding: 200px 50px 190px;
}

.head h1 {
    font-weight: 700;
    font-size: 48px;
    color: #fff;
    
}

.head p {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    margin-top: 1%;
}

/* navbar close */

/* events start */

.eve {
    width: 100%;
    height: 250px;
    margin-bottom: 5%;
}

.eve3 {
    width: 96%;
    margin-left: 0%;
}


.eve4 {
    width: 96%;
    margin-left: 0%;
}

.eve img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 15px;
}

.image-zoom {
    transition: transform 0.5s ease; /* Smooth transition */
    width: 100%; /* Ensure image takes full width of the container */
    height: auto;
}

.image-zoom:hover {
    transform: scale(1.1); /* Zoom in */
    /* For zoom out effect, use scale(0.9) */
}

.events h1 {
    color: rgba(29, 39, 95, 1);
    text-align: center;
    font-weight: 600;
    font-size: 45px;
    margin: 10% 0 5%;
}

.eve2 {
    width: 100%;
    height: 350px;
    margin-bottom: 5%;
}

.eve2 img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 30px;
}

.eve9 {
    width: 100% !important;
    height: 240px;
    margin-top: 4%;
}

.view {
    text-align: center !important;
    margin: auto;
    display: inherit;
    color: rgba(29, 39, 95, 1);
    font-weight: 600;
    margin-top: 2%;
    margin-bottom: 5%;
}

.eve6 {
    width: 93.5%;
    padding: 15px;
    margin: 0 3%;
}

.eve5 {
    width: 120%;
}

.eve7 {
    width: 120%;
    margin-left: -23%;
}

.cp {
    position: relative !important;
    left: -29% !important;
    margin-top: 7%;

}

/* hoveeee */


.hover-container {
    position: relative;
    overflow: hidden;
    border-radius: 20px !important;
}

.hover-container img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;

}

.hover-container:hover img {
    transform: scale(1.1);

}

.hover-info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 20px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    width: 90%;
    border-radius: 10px;
}

.hover-container:hover .hover-info {
    opacity: 1;
}

.hover-info h5 {
    margin-bottom: 10px;
    font-size: 20px;
    text-align: justify;
}

.hover-info p {
    margin: 5px 0;
    text-align: justify;

}

.hover-info .btn {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px !important;
    color: rgba(29, 39, 95, 1);
    box-shadow: 0px 4px 15px 0px rgba(255, 255, 255, 0.25);
    border: none;
    float: right;
}

.hover-info .btn:hover {
    background: #fff;
    padding: 10px;
    border-radius: 15px;
    font-weight: 600;
    font-size: 17px;
    padding: 10px 20px !important;
    color: rgba(29, 39, 95, 1);
    box-shadow: 0px 4px 15px 0px rgba(255, 255, 255, 0.25);
    border: none;
}

.hover-info h2 {
    font-weight: 700;
    font-size: 25px;
    text-align: justify;
    padding-top: 1%;
}

.datetime-display p div {

    float: left;
}

.details {
    color: #fff !important;
    float: left;
    font-weight: 700;
    padding-top: 1%;
}



/* events end */

/* plan start */
.plan {
    background: linear-gradient(269.26deg, rgba(116, 109, 186, 0.5) 19.51%, #FFBD73 76.81%);
    border-radius: 20px;
    padding: 0px;
    margin-bottom: 5%;
}

.img2 img {
    width: 96%;
    border-radius: 50%;
    height: 550px;
}

.plan-vi h1 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    margin-bottom: 5%;
}

.plan-vi p {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 5%;
}

.plan-vi {
    margin-top: 7%;
}

.plan-vi ul li {
    color: #000;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 2%;
}

.plan-vi ul {
    margin-bottom: 7%;
}

.plan-vi a {
    background: rgba(29, 39, 95, 1);
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 25px;
    border-radius: 15px;
}

/* plan end */


/* who we are start */
.plan2 {
    background: none;
}

.plan2 p {
    margin-bottom: 2%;
}

.plan2 img {
    box-shadow:
        0px 2px 4px 0 rgba(0, 0, 0, 0.1),
        /* First shadow */
        0px 6px 6px 0 rgba(0, 0, 0, 0.09),
        /* Second shadow */
        0px 14px 9px 0 rgba(0, 0, 0, 0.05),
        /* Third shadow */
        0px 26px 10px 0 rgba(0, 0, 0, 0.01),
        /* Fourth shadow */
        0px 40px 11px 0 rgba(0, 0, 0, 0);
    /* Fifth shadow */
}

.client {
    background: #fff !important;
    color: rgba(29, 39, 95, 1) !important;
    border: 3px solid rgba(29, 39, 95, 1) !important;
    margin-left: 5%;
    padding: 14px 20px !important;
}

.user {
    margin-top: 9%;
}



/*who we are end */

/* production start */
.pro {
    background: linear-gradient(179.43deg, #EAEDFD 18.05%, #505EAB 174.47%) !important;

}

.production h1 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    color: #000;
    margin-bottom: 2%;
}

.production {
    padding: 5% 0;
}

.production p {
    color: #000;
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    margin-bottom: 2%;
}

.production h3 {
    color: #1D275F;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin-bottom: 4%;
}

.cards {
    background: #fff;
    border-radius: 12px;
    padding: 15px;
    box-shadow: -8px 5px 25px 0 rgba(0, 0, 0, 0.05);
    margin-right: 5%;

}

.cards img {
    width: 100%;
    height: 230px !important;
}

.cards h6 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    padding: 20px 0 10px;

}

.cards a {
    text-decoration: none;
}

.cards p {
    text-align: inherit;
    color: #696969;
    font-weight: 500;
    font-size: 17px;

}

.cards img {
    width: 100%;
    height: 315px;
}

/* production end */


.school h1 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;
    /* margin-bottom: 2%; */
}

.school {
    margin-top: 6%;
    margin-bottom: 2%;
}

.school p {
    color: #000;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    padding: 0 5%;
}

.school h6 {
    color: #1D275F;
    font-weight: 700;
    font-size: 32px;
    text-align: center;
    margin-top: 5%;
    margin-bottom: 4%;
}

.take {
    color: #1D275F;
    font-weight: 600;
    font-size: 22px;
    padding-right: 7%;
    float: right;
}

.s-cards {
    background: #F7F2FC !important;
    padding: 15px;
    border-radius: 15px;
}

.s-cards img {
    width: 100%;
    height: 130px;
    border-radius: 10px;
}

.s-cards h6 {
    font-size: 19px;
    font-weight: 700;
    margin: 8% 0;
    text-decoration: none;
}

.no-underline {
    text-decoration: none;
    /* Ensures underline is removed from <h6> inside <a> */
}

.but a {
    background: rgba(29, 39, 95, 1);
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    font-weight: 600;
    font-size: 25px;
    border-radius: 15px;
    color: #fff;
    display: inline-block !important;

}

.but {
    margin: auto;
    text-align: center;
    /* margin: 5% 0 2%; */
}

.common {
    color: #1D275F;
    font-weight: 600;
    font-size: 22px;
    /* padding-right: 7%; */
    text-align: center;
    margin: auto;
    display: block;
}


/* school start */


/* testi start*/
.testi h1 {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin: 9% 0 5%;
}

.testi-inner {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border-radius: 15px;
    padding-bottom: 30px;
}

.testi {
    padding: 0 10% 1%;
}

.testi-inner img {
    width: 150px;
    text-align: center;
    margin: auto;
    display: block;
    border-radius: 50%;
    margin-top: 5%;
}

.testi-inner h5 {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-top: 5%;
}

.testi-inner h6 {
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    margin-top: 2%;
    color: #696969;
}

.testi-inner p {
    color: #696969;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.testi-inner a {
    background: #F5F2F0;
    width: 100% !important;
    display: flex;
    justify-content: center;
    /* Centers content horizontally */
    align-items: center;
    /* Centers content vertically */
    padding: 10px;
    color: #000;
    text-align: center;
    font-weight: 700;
    border-radius: 10px;
    text-decoration: none;
}



/* testi end */

/* footer start */
.footer {
    background-color: #1D275F;
    /*padding: 60px 0;*/
    /* margin-top: 5%; */
}

.footer .col {
    margin-bottom: 20px;
}

.footer .social-icons a {
    margin-right: 10px;
    color: #000;
    text-decoration: none;
}

.footer .social-icons a:hover {
    color: #007bff;
}

.footer .subscribe-btn {
    background: rgba(29, 39, 95, 1);
    color: #fff;
    border: 2px solid #fff;
width: 140px;
}

.footer button {
    padding: 10px;
    border-radius: 10px;
}

.footer p {

    color: #F3F3F3;
    font-size: 14px;
    padding-right: 5%;
    padding-left: 2%;
    padding-top: 5%;
}

.footer span {
    color: #fff;
    font-weight: 700;
}

.footer .social-icons a {
    display: inline-flex;
    /* Allows flex properties on anchor tag */
    align-items: center;
    /* Centers the icon vertically */
    justify-content: center;
    /* Centers the icon horizontally */
    width: 40px;
    /* Set the width of the circular background */
    height: 40px;
    /* Set the height of the circular background */
    margin-right: 10px;
    /* Space between icons */
    color: #ffffff;
    /* Icon color */
    text-decoration: none;
    /* Removes underline from the links */
    background: #4657B2;
    /* Background color of the circular background */
    border-radius: 50%;
    /* Makes the background circular */
    padding: 8px;
    /* Padding around the icon inside the circle */
    font-size: 18px;
    /* Adjust this to fit your icon size */
    transition: background 0.3s ease;
    /* Smooth transition for hover effect */
    margin-top: 4%;
}

.footer .social-icons a:hover {
    background: #fff;
    /* Darker shade for hover effect */
}

.footer h5 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 21px;
}


.footer ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 15px
}

.footer ul li {
    padding-top: 8px;
}

.pa {
    padding-left: 0 !important;
    padding-top: 12px !important;
}

.new-i a {
    background: none !important;
}

.new-i a:hover {
    color: #fff !important;
}

.mobile {
    display: none;
}

.foot-logo img {
    width: 390px;
}

/* footer end */




/* second page  */

/* event page start */
.top-event {
    background-image: linear-gradient(90deg, rgba(1, 1, 1, 0.6) 40.03%, rgba(29, 39, 95, 0.6) 54.79%), url(../images/confeti.jpg);
}

.ads img {
    width: 100%;
}

.ads {
    margin: 5% 0;
}

.events h1 {
    margin: 5% 0 5%;
}

.high h1 {
    color: rgba(29, 39, 95, 1);
    text-align: center;
    font-weight: 600;
    font-size: 45px;
    margin-bottom: 5%;
    margin-top: 8%;
}

.rated {
    position: relative;
    text-align: center;
    margin-bottom: 4%;
    padding: 8px;
}

.rated img {
    width: 100%;
    /* Make the image responsive */
    height: auto;
    /* Maintain aspect ratio */
}

.rated h1 {
    position: absolute;
    left: 8%;
    color: #fff;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

.rated p {
    position: absolute;
    right: 8%;
    color: #fff;
    margin: 0;
    padding: 0;
}


.rated h1 {
    top: 14%;
    /* Center vertically, adjust if needed */
    font-size: 2rem;
    /* Adjust font size as needed */
    font-weight: bold;
    z-index: 1;
    /* Ensure text is above the image */
}

.rated p {
    top: 75%;
    font-size: 1.25rem;
    z-index: 1;
    font-weight: 800;
}

.rated span {
    font-weight: bold;
    font-weight: 800;
}


.img-h {
    height: 225px;
    width: 100%;

}

.img-h img {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

/* events end */


/* trending start */
.poster {
    width: 100%;
    height: 550px;
}

.poster img {
    width: 100%;
    height: 100%;
}

.trendings {
    margin-bottom: 7%;
}

.search-form-new {
    background: linear-gradient(179.43deg, #EAEDFD 18.05%, #505EAB 174.47%);
    box-shadow: 0px 10px 50px 0px #3D37F140;
    border-radius: 25px;
    padding: 5%;
    margin: 1% 8%;
    position: relative;
    top: 81px;
    margin-bottom: 12%;
    margin-top: -10%;
}

.search-form-new label {
    display: inline-block;
    font-size: 19px;
    font-weight: 600;
    color: #1D275F;
}

.search-form-new input {
    border: none;
    border-bottom: 2px solid #1D275F;
    width: 90%;
    background: transparent;
    margin-top: 4%;
    font-size: 20px;
    font-weight: 600;
    color: #1D275F;
}

::placeholder {
    color: #1D275F;
    opacity: 1;
    /* Firefox */
}

/* trending end */



/* career page start */
.career {
    margin: 7% 5%;
    display: flex;
}

.career h6 {
    font-weight: 700;
    font-size: 25px;
}

.career-start {
    display: inline-block;
    background: linear-gradient(179.43deg, #EAEDFD 18.05%, #505EAB 174.47%);

    border-radius: 15px;
    padding: 5%;
    margin-left: 2%;
}

.career-start h5 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 3%;
}

.career-start p {
    font-weight: 600;
    font-size: 18px;
    margin-top: 2%;
}

.career-start li {
    font-weight: 600;
    font-size: 18px;
    margin-left: 1%;
}

.career-start a {
    padding: 15px 40px;
    border: 1px solid rgba(29, 39, 95, 1);
    border-radius: 15px;
    background-color: rgba(29, 39, 95, 1);
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    text-decoration: none;
    float: right;
    margin-top: -7%;
}

/* career page end */

/* production start */
.production-new p {
    font-size: 21px;
    text-align: center;
    font-weight: 600;
    margin: 2% 6%;
}

.production-new {
    margin-bottom: 5%;
}

.slider {
    width: 100%;
    height: 300px;
    padding: 6%;
}

.slider img {
    width: 100%;
    height: 100%;
    border-radius: 10px;

}

.image-gallery h1 {
    color: rgba(29, 39, 95, 1);
    text-align: center;
    font-weight: 600;
    font-size: 45px;
    /* margin: 5% 0 5%; */
}

.slider2 {
    padding: 0;
}

.Audio {
    border-radius: 10px;
    background: rgba(29, 39, 95, 1);
    padding: 7%;
}

.Audio h2 {
    color: #fff;
    margin-bottom: 25px;
    text-align: center;
    font-weight: 600;
    font-size: 28px;

}

.Audio audio {
    width: 100%;
}

.pr {
    width: 100%;
    margin-top: 20%;
    height: 350px;
    margin-bottom: 20%;
}

.pr img {
    width: 100%;
    height: 100%;
    border-radius: 12px;

}

.production-new h1 {
    text-align: justify;

    margin: 11% 0 5%;

}

.production-new p {
    font-size: 21px;
    text-align: inherit;
    margin: 2% 5% 2% 0;
}

.new-cards {
    height: 300px;
    width: 100%;
}

.new-cards img {
    height: 100%;
    width: 100%;
}

.s-cards {
    margin-bottom: 6%;
}

.pro-back {
    background-image: linear-gradient(90deg, rgba(1, 1, 1, 0.7) 40.03%, rgba(29, 39, 95, 0.6) 84.79%), url(../images/image-asset.jpeg);
}

/* production end */


/* school start */
.about-start h1 {
    font-size: 48px;
    font-weight: 700;
    text-align: center;


    margin: 5% 0;
}

.swar p {
    font-size: 20px;
    font-weight: 500;
    padding-right: 4%;
}

.swar-img {
    height: 280px;
    width: 100%;
}

.swar-img img {
    height: 100%;
    width: 100%;
    border-radius: 35px;

}

/* school end */




/* -------------------------------------------------------------------------------------------------------*/

/* mobile view responsive  css start*/
@media (max-width:678px) {
    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    .foot-logo img {
        width: 190px;
    }

    .search-button {
        padding: 10px 12px;
        font-size: 17px;
    }

    .search-input {
        padding: 11px;
        font-size: 15px;
    }

    .eve4 {
        width: 100%;
        margin-left: 0;
    }

    /*.navbar-brand img {*/
    /*    width: 100px;*/
    /*}*/

    .eve5 {
        width: 100%;
    }

    .eve3 {
        width: 100%;
        margin-left: 0;
    }

    .eve7 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0%;
        margin-top: 5%;
    }

    .eve6 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .eve {
        width: 100%;
        height: 240px;
        margin-bottom: 5%;
    }

    .navbar-toggler {
        border: none !important;
        color: #fff !important;
    }

    .navbar-toggler:focus {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;

    }

    .navbar-toggler {
        background-color: #fff;
        /* White background for the toggler button */
        border: none;
        /* Remove default border */
    }

    .navbar-brand img {
        width: 243px !important;
        height: 59px;
        margin-top:0% !important;
        padding:0 !important;
    }
    .testimonial h6{
        padding:0px 0px 0px 57px !important;
    }
    .navbar-brand{
        padding: 0% !important;
        height: 0% !important;
        margin-top: 9% !important;
        
    }
    .navbar-toggler {
        padding: 2px 8px;
    }

    .offcanvas.show:not(.hiding),
    .offcanvas.showing {
        transform: none;
        background: rgba(29, 39, 95, 1);
    }

    .btn-close {
        --bs-btn-close-color: #fff;
        /* White color for the close icon */
        --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
        background-color: transparent;
        /* Ensure background color is transparent */
        border: none;
        /* Remove default border */
        box-shadow: none;
        /* Remove default shadow */
    }

    /* Optional: Change appearance on hover/focus */
    .btn-close:hover,
    .btn-close:focus {
        --bs-btn-close-color: #fff;
        /* Keep the icon color white on hover/focus */
    }

    .mob-body .nav-link {
        padding: 0 20px !important;
        padding: 10px 10px 13px 6px !important;
        margin: 0 0 !important;
    }

    .mob-body .navbar-btn {
        margin-top: 5%;
    }

    .head {
        padding: 100px 5% 19%;
        margin-bottom: 10%;
    }

    .fixed-top {
        position: inherit;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .cards {
        margin-right: 0;
        margin-bottom: 5%;
    }

    .cards img {
        width: 100%;
        height: auto;
    }

    .events h1 {
        margin: 12% 0 12%;
        font-size: 40px;
    }

    .eve7 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1%;
        margin-top: 5%;
    }

    .eve {
        margin-bottom: 5%;
    }

    .plan {
        border-radius: 20px;
        padding: 15px 20px 50px;
    }

    .img2 img {
        width: 100%;
        border-radius: 50%;
        height: 300px;
    }

    .plan-vi h1 {
        font-size: 39px;

    }

    .plan-vi a {
        padding: 13px 20px;
        font-size: 19px;
    }

    .plan-vi ul {
        margin-bottom: 11%;
    }

    .eve9 {
        margin-bottom: 1%;
    }

    .plan-vi a {
        display: inline-block;
    }

    .client {

        border: 3px solid rgba(29, 39, 95, 1) !important;
        margin-left: 0;
        padding: 12px 39px !important;
        margin-top: 10px;
        margin-bottom: 16%;
    }

    /* .school {
        margin-top: 16%;
        margin-bottom: 20%;
    } */

    .take {

        padding-right: 0;
        float: none;
        text-align: center;
        margin: auto;
        display: block;
        margin-bottom: 10%;
    }

    .production h3 {
        margin-bottom: 10%;
    }

    .production {
        padding: 12% 0;
    }

    .school h6 {
        margin-bottom: 10%;
    }

    .s-cards img {
        height: auto;
    }

    .s-cards h6 {
        font-size: 22px;
    }

    .but a {
        padding: 10px 20px;
        margin-bottom: 4%;

    }

    .testi h1 {
        margin: 9% 0 15%;
    }

    .testi {
        padding: 0 0% 1%;
    }

    .testi-inner {

        margin-bottom: 5%;
    }

    .view {
        margin-top: 5%;
        margin-bottom: 11%;
    }

    .search-form-new {

        padding: 5%;
        margin: 1% 0;

        top: -44px;
        margin-bottom: 12%;
        margin-top: -10%;
    }

    .search-form-new input {
        margin-top: 0;
        margin-bottom: 9%;
    }

    .high h1 {
        margin-bottom: 8%;
        margin-top: 15%;
        font-size: 35px;
    }

    .poster {
        width: 100%;
        height: auto;
        margin-bottom: 5%;
    }
    .plan {
               margin-bottom: 12%;
    }

    .rated p {
        font-size: 18px;

    }

    .rated h1 {
        top: 0%;
        font-size: 26px;
    }
    .pr {
        width: 100%;
        margin-top: 3%;
        height: auto;
        margin-bottom: 20%;
    }
    .slider {
        width: 100%;
        height: auto;
        padding: 0;
        margin-bottom: 13px;
    }
    .image-gallery h1 {
            font-size: 38px;
        margin: 10% 0 10%;
    }
    .youth{
        margin-bottom: 10px;
    }
    .Audio {
   
        margin-bottom: 15px;
    }
    .career {
        margin: 7% 0;
        display: block;
    }
    .career h6 {
        font-weight: 700;
        font-size: 25px;
        margin-left: 3%;
    }
    .career-start a {
        float: inherit;
        position: relative;
        top: 12px;
    }
    .career-start {
        
        padding-bottom: 46px;
    }
    
  
    
}

/* mobile view responsive  css end*/
/*login css*/
/* General form styles */


/* Input fields */
form input[type="email"],
form input[type="password"] {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

/* Invalid feedback */
.invalid-feedback {
    color: #e74c3c;
    font-size: 12px;
    margin-top: -8px;
    margin-bottom: 10px;
}

/* Remember me checkbox */
.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.form-check-input {
    margin-right: 10px;
}

.form-check-label {
    font-size: 14px;
}

/* Submit button */
form button[type="submit"] {
    /*background-color: rgba(29, 39, 95, 1);*/
    color: #fff;
    padding: 12px;
    border: none;
    /* border-radius: 15px !important; */
    font-size: 16px;
    cursor: pointer;
    /*width: 20%;*/
    /*margin-bottom: 20px;*/
    transition: background-color 0.3s ease;
}

form button[type="submit"]:hover {
    background-color: #2980b9;
}

/* Links (Forgot Password, Register) */
.lgx-links a {
    font-size: 14px;
    text-decoration: none;
    color: #3498db;
    transition: color 0.3s ease;
}

.lgx-links a:hover {
    color: #2980b9;
}

/* Social login buttons */
.lgx-btn-sm {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
}

.lgx-btn-sm i {
    margin-right: 5px;
}

.lgx-btn-facebook {
    background-color: #3b5998;
}

.lgx-btn-google {
    background-color: #db4437;
}

/* Divider */
hr {
    margin: 20px 0;
    border-top: 1px solid #eee;
}

/*register*/
/* General form styles */


/* Input fields */
form input[type="text"],
form input[type="email"],
form input[type="password"] {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 14px;
}

/* Invalid feedback */
.invalid-feedback {
    color: #e74c3c;
    font-size: 12px;
    margin-top: -8px;
    margin-bottom: 10px;
}

/* Checkbox (Accept Terms) */
.form-check {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.form-check-input {
    margin-right: 10px;
}

.form-check-label {
    font-size: 14px;
    color: #555;
}

/* Submit button */
form button[type="submit"] {
    background: rgba(29, 39, 95, 1);
    color: #fff;
    padding: 12px;
    border: none;
    /* border-radius: 4px; */
    font-size: 16px;
    cursor: pointer;
    /*width: 20%;*/
    /*margin-bottom: 20px;*/
    transition: background-color 0.3s ease;
}

form button[type="submit"]:hover {
    background: rgba(29, 39, 95, 1);
}

/* Links (Forgot Password, Login) */
.lgx-links a {
    font-size: 14px;
    text-decoration: none;
    color: #3498db;
    transition: color 0.3s ease;
}

.lgx-links a:hover {
    color: #2980b9;
}

/* Social login buttons */
.lgx-btn-sm {
    font-size: 14px;
    padding: 8px 12px;
    border-radius: 4px;
    color: #fff;
    margin-left: 5px;
}

.lgx-btn-sm i {
    margin-right: 5px;
}

.lgx-btn-facebook {
    background-color: #3b5998;
}

.lgx-btn-google {
    background-color: #db4437;
}

/* Divider */
hr {
    margin: 20px 0;
    border-top: 1px solid #eee;
}
/*events details css*//* Global Styles */

.col-lg-6 {
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

/* Event Header Section */
.event-header {
    background-color: #ffffff;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.event-title h1 {
    font-size: 24px;
    color: #2a4ba0;
    margin-bottom: 10px;
}

.event-title p {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 20px;
}

.event-tags {
    margin-bottom: 15px;
}

.tag {
    display: inline-block;
    background-color: #2a4ba0;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.event-share {
    border-top: 1px solid #ddd;
    padding-top: 15px;
    margin-top: 15px;
}

.event-share span {
    color: #333333;
    font-weight: bold;
}

.event-share a {
    color: #2a4ba0;
    margin-left: 10px;
    font-size: 16px;
}

.event-share a:hover {
    color: #1d3e83;
}

/*get now tickets*/
.get-tickets-container {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #ffffff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border: 2px solid #e0e0e0; /* Light gray outline for the container */
    margin-bottom: 20px; /* Space between button and event details */
}

.get-tickets-button {
    background-color: #2a4ba0;
    color: #ffffff;
    padding: 15px 30px;
    border: 2px solid #1d3e83; /* Darker blue outline for the button */
    border-radius: 25px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.get-tickets-button i {
    margin-right: 10px;
}

.get-tickets-button:hover {
    background-color: #1d3e83;
}

.event-details-container {
    display: flex;
    justify-content: space-around;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border: 2px solid #e0e0e0; /* Light gray outline for the container */
}

.event-info-box {
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #dddddd;
    width: 45%;
}

.event-info-box h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.event-info-box p {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/*seasonal cases*/
/* Seasonal Tickets Section */
/* Seasonal Tickets Section */
/* Example CSS */
.event-section {
    border: 1px solid #c5c5c5; /* Border similar to the screenshot */
    border-radius: 8px; /* Rounded corners */
    padding: 15px;
    background-color: #f7f7f7; /* Light grey background */
    font-family: Arial, sans-serif; /* Font similar to the screenshot */
    font-size: 16px; /* Adjust font size */
    color: #333; /* Text color */
    margin-bottom: 20px;
}

.event-time {
    font-size: 18px; /* Time font size */
    color: #333; /* Time color */
    font-weight: bold; /* Make time bold */
}

.event-date {
    font-size: 14px; /* Date font size */
    color: #666; /* Date color */
    margin-left: 10px; /* Spacing for date */
}

.event-ended {
    background-color: #e74c3c; /* Red background for 'Ended' */
    color: #fff; /* White text color */
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
}

.event-box {
    background-color: #dcdcdc; /* Light grey for event box */
    border: 2px solid #007bff; /* Blue border */
    border-radius: 10px; /* Rounded border */
    padding: 10px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.event-box:hover {
    border-color: #0056b3; /* Darker blue on hover */
}

.tabs-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.tabs-section a {
    padding: 10px 15px;
    background-color: #007bff; /* Blue background */
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    font-size: 16px; /* Font size similar to tabs */
}

.tabs-section a.active {
    background-color: #0056b3; /* Darker blue for active tab */
}

.tabs-section a:hover {
    background-color: #0069d9; /* Slightly darker blue on hover */
}

.seasonal-tickets-section p {
    margin-top: 20px;
    font-size: 16px;
    color: #555;
}

.months-tabs {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.months-tabs li {
    padding: 10px 20px;
    background-color: #f0f0f0;
    border-radius: 5px;
    cursor: pointer;
}

.months-tabs li.active {
    background-color: #007bff;
    color: white;
}

.dates .time-range {
    font-size: 16px;
    margin-bottom: 10px;
}

.dates .days {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dates .day {
    background-color: #007bff;
    color: white;
    padding: 10px 15px;
    border-radius: 5px;
    cursor: pointer;
}

.dates .day.ended {
    background-color: #ccc;
    color: #666;
}


/* Ticket Information Section */
.event-details {
    padding: 20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ticket-info h2 {
    font-size: 1.8em;
    color: #333;
    text-align: center;
}

.ticket-info .ticket-type {
    background-color: #3498db;
    color: white;
    padding: 10px;
    border-radius: 20px;
    display: inline-block;
    margin-top: 10px;
    font-weight: bold;
    text-align: center;
}

.ticket-info p {
    text-align: center;
    font-size: 1.1em;
    margin-top: 15px;
}

.months-tabs {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    margin-top: 20px;
    border-bottom: 2px solid #e0e0e0;
}

.months-tabs li {
    padding: 10px 15px;
    cursor: pointer;
    background-color: #f4f4f4;
    margin-right: 5px;
    border-radius: 10px 10px 0 0;
    font-size: 0.9em;
}

.months-tabs li.active {
    background-color: #3498db;
    color: white;
    font-weight: bold;
}

.dates .time-range {
    text-align: center;
    margin-top: 20px;
    font-size: 1.1em;
    font-weight: bold;
    color: #333;
}

.dates .days {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.dates .day {
    background-color: #ecf0f1;
    padding: 10px 15px;
    margin: 5px;
    border-radius: 5px;
    font-size: 0.9em;
}

.dates .day.ended {
    background-color: #e74c3c;
    color: white;
}

/* Event Location and Date Information */
.event-info {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.event-info .where,
.event-info .when {
    width: 48%;
}

.event-info h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
    color: #333;
}

.event-info p {
    font-size: 1em;
    color: #555;
    line-height: 1.5;
}

/*pj*/

.swar{
    text-align: right;
}

/*raj*/
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1320px !important;
    }
    
    .lgx-banner.event-poster {
    background-color: #00192f;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}



.navbar-brand img {
   margin-top: -36px !important;
    /*width: 100% !important;*/

}
.navbar-expand-lg .navbar-nav {
    flex-direction: row;
        margin-left: -4% !important;
}

.search{
        display: contents !important;
}
.navbar {
    padding: 10px 1% !important;
}


.navbar-btn a {
   
    padding: 10px !important;
    border-radius: 15px !important;
 
    padding: 7px 8px !important;
   
    border-radius: 11px !important;
} 
.nav-link{
        padding: 10px 10px !important;
}

.search   input{
    height:42px;
}
.navbar-nav {
    padding-top: 16px !important;
}
.navbar-btn button{
    margin-right:0 !important;
}

.mar{
    margin-left:30% !important;
}


/* new css start */
.cke_notifications_area{
    display: none !important;
}
.caret{
display: none !important;
}
.search_input{
    height: 40px !important; 
}
.search_btn{
    height: 40px;
    
    margin-left: 0%;
}
.search_text{
    display: flex;
    align-items: center;
    max-width: 618px;
    width: 120%;
    margin-left: -12%;
}

.navbar{
    margin-bottom: 0% !important;
}
.login_btn{
    background: rgba(29, 39, 95, 1);
    color: #fff !important;
    padding: 10px 10px;
    border-radius: 5px;
}
.login_btn a{
    color: #fff;
}
.search-form input{
    margin-left: 33px;
}
/* .board{
    height: 400px;
} */

.board .board-img {
   
    border-radius: 8px 8px 0 0; 
}

.board-body {
    padding: 10px;
    background-color: #fff;
    
}

.board-title {
    font-size: 1.2em;
    font-weight: 700;
    margin-bottom: 10px;
    color: #333;
    line-height:25px;
}

.board-text {
    font-size: 1em;
    color: #555;
    margin-bottom: 5px;
    /* padding-left: 10px; */
    font-weight: 300;
}

.board-date {
    font-size: 0.9em;
    color: #777;
    margin-bottom: 5px;
    font-weight: 500;
}

.board-price {
    font-size: 1em;
    color: #28a745; 
    font-weight: 600;
    margin-bottom: 5px;
    border: 1px solid #28a745;
    border-radius: 5px;
    padding: 5px 10px;
    text-align: center;
}

.board-interested {
    font-size: 0.9em;
    color: #007bff; 
    font-weight: 500;
}
.board-content{
    align-items: center;
    display: flex;
    justify-content: space-evenly;
}
.lgx-banner.event-poster {

   
    background-repeat: no-repeat !important;
    background-size: cover !important;

}

.right{
    float: inline-end !important;
}


.lgx-about-service .lgx-single-service-color {
    background: #fff !important;
    border-radius: 18px;
    box-shadow: none !important;
    flex: 1;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 2rem 3rem;
}
.lgx-about-service .lgx-single-service-color .icon {
    color: #e2e2e2;
    font-size: 3.8rem;
    color: #1D275F !important;
}
.lgx-about-service .lgx-single-service-color .text-area p ,.lgx-about-service .lgx-single-service-color .text-area .title{
  color: #000 !important;
}
.right {
    float: inline-end !important;
    /* margin-right: 15%; */
    width: 91%;
    margin-right: 5%;
}
.lgx-about-service .lgx-single-service-color .icon {
    color: #e2e2e2;
    font-size: 2.5rem;
    color: #000 !important;
}

/* .test{
      border: 1px solid rgba(0, 0, 0, .175);
    border-radius: 15px;
    padding: 13px 25px;
} */
.lgx-about-service .lgx-single-service-color {
    background: #fff !important;
    border-radius: 18px;
    box-shadow: none !important;
    flex: 1;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 2rem 3rem;
    border: 1px solid rgba(0, 0, 0, .175);
    border-radius: 15px;
    padding: 13px 25px;
}

.subscribe-btn{
    width: 44%;
    margin-top: 3%;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
    .navbar {
        border-radius: 4px;
        margin-bottom: 0 !important;
    }

.navbar-btn {

    margin-top: 18px;
    margin-bottom: 12px;
}
.carousel-item img{
    width: 150px;
    text-align: center;
    margin: auto;
    display: block;
    border-radius: 50%;
    margin-top: 5%;
}
.take{
    background: rgba(29, 39, 95, 1);
    color: #fff !important;
    padding: 10px;
    margin: 0% 44% 0% 44% !important;
}
.school p {
    color: #000;
    font-weight: 400;
    text-align: center;
    font-size: 20px;
    /* padding: 0 5%; */
    padding: 20px;
}
.testimonial img {
    width: 170px; 
    height: 170px !important;
    border-radius: 50% !important; 
    object-fit: cover; 
 margin: auto !important;
}
.card {
    margin: 10px !important;
}
.card-title {
   
    font-size: 20px !important;
}
.foot-logo{
    width: 100%;
    margin-top: 30%;
}
.banner_top{
    /*height:40% !important;*/
}
.lgx-event{
    width: 90%;
    height: 80%;
}
.lgx-about-service {
    margin-top: 0% !important;
}
.test {
    /* border: 1px solid rgba(0, 0, 0, .175);
    border-radius: 15px;
    padding: 13px 25px;
    background-color: #ffff; */
    padding: 0px !important;
}
.lgx-inner{
    padding: 20px;
    /* margin-top: 2%; */
}
.view_all{
    background-color: rgba(29, 39, 95, 1) !important;
    padding: 20px !important;
    border-radius: 10px !important;
}
.testimonial h6{
    padding: 20px 40px 10px !important;
    text-align: center !important;
}
.testimonial p{
    text-align: center !important;
    padding-bottom: 20px !important;
}
.school_top{
    height: 40% !important;
}
.career_top{
    height: 40% !important;
}
.croppa-container.croppa-thumbnail input{
    width:200px !important;
    height:100px !important;
    margin-left:0px !important;
}
.croppa-container.croppa-thumbnail{
    width:200px !important;
    height:100px !important;
}

.croppa-container.croppa-cover{
    width:200px !important;
    height:100px !important;
}
.croppa-container.croppa-cover input{
  width:200px !important;
    height:100px !important;
    margin-left:0px !important;;
}

.foot-logo img {
    width: 100% !important;
}
.footer {
  
    padding: 30px 0 !important;
 
}
.mar {
    margin-left: 20% !important;
}
.foot-logo {

    margin-top: 0% !important;
}
.footer .social-icons a {
    margin-top: 0;
}
.social-icons {    margin-left: 3%;}
.audition_tab-new {
    width: 75%;
  }
  
  /*footer*/
.new-gp .form-control {
   
    width: 61% !important;
     height: 43px !important;
         margin-top: 11px!important;
}  
.foot-logo img {
    width: 100% !important;
    margin-top: -2% !important;
}
.footer p {

    font-size: 15px;
   
    padding-top: 5%;
    font-weight: 600;
    margin-top: -5px;
}  
.footer ul li a {
    text-decoration: none;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.btn_rest{
    background-color: rgba(29, 39, 95, 1) !important;
}
.event-poster {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 400px; /* Adjust as needed */
}

.thumbnail-container {
    /* position: absolute; */
    /* bottom: 20px;  */
    
    /* transform: translateX(-50%); */
    z-index: 1;  
    margin-left: 6%;
    margin-bottom: 5%;
} 

.thumbnail-image {
    width: 250px; /* Adjust the size as needed */
    height: auto;
    /* border: 2px solid #fff; */
    /* border-radius: 10px;  */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}

/*new css enf  */


/* raj start here*/

.block div{
    display: inline-block !important;
}

.block {
    background: linear-gradient(179.43deg, #EAEDFD 18.05%, #505EAB 174.47%);
    box-shadow: 0px 0px 0px 0px #3D37F140;
    border-radius: 25px;
    padding: 4.6%;
    margin: -2% 8%;
    margin-bottom: -3%;
    padding-bottom: 2%;
    padding-top: 2%;
    padding-bottom: 1;
}

.eve-img{
    height: 220px;
    width:100%;
}

.eve-img img{
    height: 100% !important;
    width:100% !important;
}

.new-price {
   
    display: inline;
    text-align: center;
    float: right;
    margin-top: -38px !important;
}

.lgx-inner-breadcrumb {
    padding: 0rem 0rem 0rem 0rem !important;
}

.breadcrumb-area .breadcrumb {
    display: none !important;

}
.breadcrumb-area .breadcrumb-heading-area .breadcrumb-heading{
    margin-top: 7px !important;}

    .lgx-tab .nav-pills {
        background: #00192f;
        border-radius: 16px 0 0px 16px !important;}

        .lgx-contactform .form-control {
         
            height: 40px  !important;}

            #cke_1_contents{
                height: 150px !important;
            }

        .lgx-contactform .form-control{
            margin-bottom: 0 !important;
        }

        .lgx-tab .nav-pills li a {
            padding: 1rem 2rem !important;
        }

        .lgx-tab-content-event .form-control {
            border: 1px solid #dcdcdc;
            height: 40px !important;
        }
        .tik{
            padding: 0;
        }

        .multiselect__tags {
            padding: 8px 10px 0 !important;         
        }

        .pprice{
            margin-left: 13% !important;
        }
        .vds{  
                padding: 10px !important;         
        }

        /* .popular-events{
            margin-top: -5% !important;
        } */

        .new-eve{
            margin-top: 0% !important;
        }

        .youtube {
            height: 410px;
            width: 100%;
        }

        .youtube iframe {
            height: 100%;
            width: 100%;
        }

        .heading-new {
            font-size: 27px;
            font-weight: 700;
            color: #fff;
        }

        .lgx-tab-content {
            border: none !important;
        }

        


        .thumbnail-container img{
width: 100%;
border-radius: 15px;
        }

        .thumbnail-container {
            /* border: 1px solid rgba(0, 0, 0, .175); */
            padding: 35px !important;
            margin-left: 1rem;
            margin-right: 1rem;
            padding: 2rem 3rem;
            border-radius: 18px;
            padding-bottom: 10px !important;
            padding-top: 15px !important;
        }
        .conntent_inner{
            padding: 25px !important;
        }
        .terms {
            /* background-color: #f1f1f1; */
            padding: 15px;
            border-radius: 4px;
            font-size: 14px;
            line-height: 1.5;
            color: #555;
            margin-top: 15px;
            width: 100%;
        }
        
        .terms h4 {
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }
        
        .terms-checkbox {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
        }
        
        .terms-checkbox input[type="checkbox"] {
            margin-right: 8px;
            transform: scale(1.2); /* Adjusts the size of the checkbox */
        }
        
        .terms-checkbox label {
            font-size: 14px;
            color: #333;
        }
        
        
        .summary {
            margin-top: 20px;
            text-align: right;
        }
        .order-summary-container {
            max-width: 100%;

            background: white;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            text-align: center;
        }
        
        h2 {
            font-size: 1.5em;
            color: #333;
            margin-bottom: 20px;
        }
        
        .ticket-card {
            position: relative;
            background-color: #f9f9f9;
            padding: 15px;
            border-radius: 8px;
            text-align: left;
            margin-bottom: 20px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .ticket-info h3 {
            font-size: 1.1em;
            color: #333;
            margin: 0 0 5px;
        }
        
        .ticket-info p {
            margin: 5px 0;
            color: #666;
        }
        
        .price-badge {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: #00aaff;
            color: white;
            padding: 5px 10px;
            border-radius: 4px;
            font-weight: bold;
        }
        
        .summary-details {
            border-top: 1px solid #ddd;
            padding-top: 15px;
            margin-top: 10px;
            text-align: left;
        }
        
        .summary-item, .summary-total {
            display: flex;
            justify-content: space-between;
            margin: 8px 0;
            color: #333;
        }
        
        .summary-item a {
            color: #00aaff;
            text-decoration: none;
        }
        
        .summary-total {
            font-weight: bold;
            font-size: 1.1em;
            color: #333;
        }
        
        .ticket-card {
            background-color: #ffffff; /* White background for the card */
            border: 1px solid #ddd; /* Light gray border */
            border-radius: 8px; /* Rounded corners */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
            padding: 20px; /* Inner padding */
            max-width: 100%; /* Maximum width of the card */
            margin: 20px auto; /* Center the card */
        }
        
        .ticket-info {
            margin-bottom: 20px; /* Space between info and price */
        }
        
        h3 {
            font-size: 1.5em; /* Larger title for the card */
            margin-bottom: 10px; /* Space below the title */
            color: #333; /* Darker text color */
        }
        
        .guest-details {
    margin-bottom: 10px;
    width: 50%;
    display: inline-grid;
    width: 96%;
    display: inline-block;
    box-sizing: content-box;
    -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
    position: relative;
    height: auto;
    padding: 15px;
    color: #000;
    font-size: 13px;
    background-size: 60% 100%;
    background-repeat: no-repeat;
    background-image: -webkit-radial-gradient(circle at 0 50%, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em), -webkit-radial-gradient(circle at 100% 50%, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em);
    background-image: -webkit-radial-gradient(0 50%, circle, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em), -webkit-radial-gradient(100% 50%, circle, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em);
    background-image: radial-gradient(circle at 0 50%, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em), radial-gradient(circle at 100% 50%, rgba(255, 255, 255, 0) 0.4em, #fff 0.5em);
    background-position: top left, top right;
    margin-right: 10px;
    margin-bottom: 10px;
}
.modal-header .close{
    margin-top: -2px;
    margin-left: auto;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 50px;
}
        
        .guest-details h4 {
            font-size: 1.2em; /* Slightly larger font for guest names */
            margin: 0; /* Remove default margin */
            color: #555; /* Medium gray for guest name */
        }
        
        .guest-details p {
            margin: 5px 0; /* Space between paragraphs */
            color: #777; /* Light gray for other details */
            text-align: left;
        }
        
        hr {
            border: none; /* Remove default border */
            border-top: 1px solid #eee; /* Light gray line */
            margin: 10px 0; /* Space around the line */
        }
        
        .price-badge {
            text-align: center; /* Center the price text */
            font-size: 1.2em; /* Font size for the price */
            color: #333; /* Darker text color */
        }
        
        .ticket-selected-text {
            color: #007bff; /* Color for selected tickets */
            font-weight: bold; /* Bold text for emphasis */
        }
      
        
        
        @media (max-width: 480px) {
            .lgx-panel .panel-heading {
                /* padding: 0; */
            }
        }
        @media(max-width:767px){
            .watch {
                margin-left: 0% !important;
            }
        }
         @media(max-width:786px){
            
            .panel-group .panel.lgx_panle{
                margin-bottom: 0 !important;
            }
            .event_poster{
                height: 216px !important;


            }
            
            
            .lgx-tab .lgx-tab-content {
               
                padding-bottom: 22px;
            }
            .mar {
                margin-left: 2% !important;
                margin-top: 6%;
                margin-bottom: 7%;
            }
            .navbar {
                padding: 0px 1% !important;
            }
            .audition_tab-new {
                margin-left: 8%;
                width: 87%;
            }
            .new-modal {
                /* width: 65% !important; */
                margin: 0px auto !important;
            }
            /* .modal-mask .mask_content{
                padding: 24px !important;
            } */
            .form1 .close-modal-btn {
                font-size: 2.5em;
            }
            .form_line_text{
                margin: inherit;
            }
            

         }
         .new-modal{
            width: 65% ;
            margin: 0px auto !important;
        }

         @media (max-width: 678px) {
            .watch {
                margin-left: 0% !important;
            }
            .navbar-brand img {
                width: 282px !important;
                height: 42px;
                margin-top: 0% !important;
                padding: 0 !important;
                position: relative;
                left: -10px;
                top: -15px;
            }
            .login_btn a {
                color: rgba(29, 39, 95, 1) !important;
                font-weight: 900;
                font-size: 18px;
            }
            .offcanvas-body {
  
                height: 401px;
            }
            .login_btn {
                background: #fff;
                color: #fff !important;
                padding: 10px 25px;
                border-radius: 5px;
                display: inline;
                position: relative;
                top: 16px;
                left: 8px;
            }


        }


        .tital{
            padding: 0 !important;
        }
          .titsl_test{
            padding: 0 !important;
          }
          .date_wise{
            margin-left: -17%;
          }

          .share-btns {
            margin-top: 0 !important;
          
        }

        .lgx-about-service .lgx-single-service-color .text-area .title {
            font-size: 26px;
          
            font-size: 2.6rem;
            line-height: 0 !important;
            font-weight: 700;
            margin-left: 0 !important;
            margin-bottom: -10rem !important;
            color: #ddd;
            display: inline-block;
        }

        .vue-map-container{
            height: 250px !important;
        }
        
        .share-btns {
            margin-top: 0 !important;
        }
        .g-map-wrapper {
            min-height: 258px !important;
        }

        .lgxmapcanvas {
            height: 260px !important;
        }

        .share-btns {
            margin-top: 0 !important;
            font-size: 2rem;
        }

        .text-area{
            margin-bottom: 13px !important;
        }
        .select_text{
            margin-left:-4% !important;
        }

        @media only screen and (max-width:1400) {
            .navbar-brand{
                height: auto;
            }
            .navbar-brand{
                float: left;
                height: 95px !important;
                padding: 15px 15px;
                font-size: 18px;
                line-height: 20px;

            }
            .navbar-brand img{
                margin-top: -36px !important;
            }
        }
        /* Style the form group */
.form-group {
    margin-bottom: 20px;
  }
  
  .panel-group .panel.lgx_panle{
    margin-bottom: -16px !important;
  }
  
  .lgx-btn.checkout_btn:hover{
    background: #00192f !important;  
    color:#fff !important;
    
  }
  
    .watch {
        margin-left: -7% !important;
    }

    @media(max-width:678px){
        .new-frm{
            padding: 10% !important;
            padding-top: 0 !important;
        }
    
        .checkout_btn{
            margin-top: 30px !important;
            margin-bottom: 30px !important;
        }
        .pkj{
          position: relative !important;
          left: 0 !important;
          text-align: end;
          padding-right: 13px !important;
          font-size: 35px !important;
          padding-top: 10px;
        }
        .new-frm2{
            padding: 20px;
            padding-top: 0;
            padding-bottom: 0;
        }
        .form1 .modal-header h3 {
      
            padding-left: 11px;
        }
        .block div {
            display: block !important;
        }
        .block{
            border-radius: 13px !important;
        }
        .panel-group .panel.lgx_panle {
            margin-bottom: 0 !important;
        }
    }