@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Noto+Nastaliq+Urdu:wght@400..700&family=Outfit:wght@100..900&display=swap');



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

body {
    background-color: #1f1f1f;
    overflow-x: hidden;

}

.circle {
    width: 800px;
    height: 800px;
    background-image: radial-gradient(closest-side, #bd2e7d2c, #33212b13);
    position: absolute;
    left: -320px;
    top: -220px;
    overflow: hidden;
}

.circle img {
    margin-top: 340px;
    margin-left: 180px;
    width: 300px;
    height: 300px;
    transform: rotate(348deg);
    filter: contrast(0.3);
}

.circle_2 {
    width: 800px;
    height: 1200px;
    background-image: radial-gradient(closest-side, #bd2e7d2c, #33212b13);
    margin-right: -430px;
    position: absolute;
    right: 0;
    overflow: hidden;
}

.circle_2 img {
    margin-top: 740px;
    margin-left: 180px;
    width: 300px;
    height: 300px;
    transform: rotate(162deg);
    filter: contrast(0.3);
}

.circle_3 {
    width: 800px;
    height: 1200px;
    background-image: radial-gradient(closest-side, #bd2e7d2c, #33212b13);
    position: absolute;
    left: -320px;

    overflow: hidden;
}

.circle_3 img {
    margin-top: 740px;
    margin-left: 180px;
    width: 300px;
    height: 300px;
    transform: rotate(347deg);
    filter: contrast(0.3);
}




header {
    padding-bottom: 20px;
    border-bottom: 1px solid #dddddd16;
}


/* #header{

  
  background-image: linear-gradient(173deg , #301e27 , #1f1f1f);
  background-size: contain;
  background-repeat: no-repeat;
  
  
  
} */
/* .innerPart {
  overflow: scroll !important; 
} */
#hero #testimonialCarousel {
    margin-left: -30px;
}

.main_slider {
    padding-left: 50px;

}

.MyCard {
    background-color: #212429 !important;
    padding: 30px !important;
    border-top: 1px solid #e09e43c4;
    border-left: 1px solid #e09e437c;

    border-bottom: 1px solid rgba(255, 255, 255, 0.252);
    border-right: 1px solid rgba(255, 255, 255, 0.325);

    border-radius: 30px !important;



}

.sliderText {
    width: 430px;
    position: relative;
    background: rgba(255, 255, 255, 0.197);
    border-radius: 30px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: -230px;
    margin-bottom: 90px;
    margin-left: -41px;
    padding: 20px 20px;
    transform: skewX(-8deg);


}

.sliderText p {
    text-align: left;
    color: white;
    font-size: 16px;
    font-family: 'ClashDisplay-Regular';

}

.sliderText .bold_1 {
    color: #e53395;
    font-size: 18px;
    font-family: 'ClashDisplay-Semibold';
}

.sliderText.para_1 {
    color: #898989;
    font-size: 15px;
    font-family: 'ClashDisplay-Light';
}



.MyCard img {

    border-radius: 30px !important;

}


.my-btn {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';
    padding: 12px 20px;
    border-radius: 10px;
    cursor: pointer;

}

.paypal {
    margin-top: 30px;
    align-items: center;
}

.paypal form input[type='image'] {
    width: 180px;
    background-color: transparent;
    border: 1px solid #e53395;
    color: #e53395;
    font-family: 'ClashDisplay-Regular';
    padding: 12px 32px;
    border-radius: 10px;
    cursor: pointer;
    margin-top: 4px;
}

.contact_btn {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';
    padding: 11px 40px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
}

.my-btn_2 {
    background-color: transparent;
    border: 1px solid #e53395;
    color: #e53395;
    font-family: 'ClashDisplay-Regular';
    padding: 12px 32px;
    text-decoration: none;
    border-radius: 10px;
    cursor: pointer;

}

.my_btn_3 {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';
    padding: 12px 32px;
    border-radius: 10px;
    cursor: pointer;
}

.contact_btn:hover {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';
    padding: 11px 40px;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
}

.my-btn_2:hover {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';

}

.my-btn:hover {
    background-color: #e53395;
    border: 1px solid #e53395;
    color: white;
    font-family: 'ClashDisplay-Regular';

}


.left-heading {
    padding-top: 80px;

}

.left-heading h5 {

    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Semibold';
}

.left-heading span {
    font-size: 68px;
    font-family: "Alex Brush";
    font-weight: 400;
    font-style: normal;
    background: linear-gradient(45deg, #e7449e, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    /* For Firefox */
    color: transparent;
}


.gradient-banner {
    font-family: 'ClashDisplay-Light';
    display: inline-block;
    padding: 0px 20px;
    background: linear-gradient(to right, rgba(231, 68, 158, 0.2), rgba(231, 68, 158, 0));
    color: #e7449e;
    font-weight: 500;
    font-size: 1.5rem;
    border-radius: 4px;
}

.gradient-banner span {
    color: #ff1ead;
    /* Optional: use a brighter pink for emphasis */
}

.newbtn {
    position: relative;
    margin-top: 40px;

}


#third_section {
    padding-top: 100px;
    padding-bottom: 50px;
}

#third_section h5 {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';
}


#fourth_section {

    margin-top: 120px;

}

#fourth_section .main_bg_1 {
    background: #292929;
    padding: 80px;
    border-radius: 30px;
    border: 1px solid #e53395;

}

#fourth_section h5 {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';

}

#fifth_section {
    padding-top: 120px;
    padding-bottom: 50px;
}



#fifth_section h5 {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';

}

#fifth_section span {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';

}

.ticketText .para_1 {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

.ticketText .bold_1 {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Semibold';
}

.ticketText img {
    background-color: #1F1F1F;
    padding-top: 30px;
    padding-bottom: 20px;
}

.ticketBG {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.393), rgba(0, 0, 0, 0.49)), url(../Imgs/ActingIMG_2.jpg);

    width: 100%;
    height: 500px;
    background-position: center;
    background-size: cover;
    margin-top: 40px;
    margin-bottom: 60px;
    display: flex;
    justify-content: start;
    align-items: end;
    padding-bottom: 30px;

}

.ActingIMGText {


    text-align: left !important;

    margin-left: 40px;
    font-size: 55px !important;
}

.pinkFee {
    color: #e53395 !important;
}

#six_section {
    padding: 70px 0px;
}

#six_section h5 {
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';
}


#six_section span {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';

}


#six_section .para_1 {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

#six_section .right_col img {
    height: 500px;
    object-fit: cover;
    border-radius: 50px;


}



#seven_section {
    padding: 80px 0px;
}


#seven_section h5 {
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';
}


#seven_section span {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';

}

#seven_section h6 {
    font-size: 22px;
    color: white;
    font-family: 'ClashDisplay-Semibold';
    padding: 15px 0px;
}

#seven_section .para_1 {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
    line-height: 2rem;
}

#seven_section .left_col img {
    height: 500px;
    object-fit: cover;
    border-radius: 50px;
    object-position: top;


}



#eight_section {
    padding: 50px 0px;
}

#eight_section .main_bg_1 {
    background: #292929;
    padding: 80px;
    border-radius: 30px;


}

#eight_section h5 {
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';
    text-align: center;
}

#eight_section .pinkHead {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';
}

#eight_section .para_1 {
    text-align: center;
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
    line-height: 2rem;
}

.my_form {
    margin-top: 30px;
    margin-left: 100px;



}

.my_form input[type="text"],
.my_form input[type="email"] {

    background-color: transparent;
    border: 2px solid #616161;
    padding: 17px 20px;
    border-radius: 15px;
    color: white;
}

.my_form input[type="text"]:focus,
.my_form input[type="email"]:focus {
    border: 2px solid #e53395 !important;
    box-shadow: none !important;

}

.my_form input[type="text"]::placeholder,
.my_form input[type="email"]::placeholder {
    color: #616161;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
    line-height: 2rem;
}


#Testimonials {
    padding: 50px 20px;
}

.TestImg {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.TestImg img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 130px;
    background-color: #e53395;
    border: 2px solid #1F1F1F;
    margin-bottom: 10px;
}


.review_panel {
    background-color: #292929;
    border-radius: 50px;
    padding: 40px 20px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 480px !important;

}

.review {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-regular';
    letter-spacing: 1px;
}

.clientName {
    text-align: center;
    text-transform: capitalize;
    font-size: 22px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';

}

.designation {
    color: #d3d3d3;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

.carousel-indicators {
    position: static;
    margin-top: 40px;
    justify-content: center;
}

.carousel-indicators [data-bs-target] {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #e30d83 !important;
    opacity: 0.5;
    transition: opacity 0.3s ease;
    border: none;
}

.carousel-indicators .active {
    background-color: #e53395;
}



#nine_section {
    padding: 50px 0px;
}

#nine_section .main_bg_1 {
    background: #292929;
    padding: 80px;
    border-radius: 30px;



}

#nine_section h5 {
    font-size: 48px;
    color: white;
    font-family: 'ClashDisplay-Light';
    text-align: center;
}

#nine_section span {
    text-align: center;
    text-transform: capitalize;
    font-size: 48px;
    color: #e53395;
    font-family: 'ClashDisplay-Semibold';

}

.my_form_2 input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"] {

    background-color: transparent;
    border: 1px solid #616161;
    padding: 15px 20px;
    border-radius: 15px;
    color: white;

}

.my_form_2 input[type="email"]:focus,
input[type="date"]:focus {
    color: white !important;
}


 input[type="date"] {
    background-color: #f8f9fa; /* default light background */
    color: #6c757d; /* default muted text */
    transition: all 0.2s ease;
  }

  input[type="date"]:focus {
    background-color: #ffffff;
    color: #000000; /* black text when focused */
  }

  input[type="date"].white-text:not(:focus) {
    color: #ffffff !important; /* white text on blur */
  }

.form-select,
.form-select option {
    background-color: transparent;
    border: 1px solid #616161;
    padding: 15px 20px;
    border-radius: 15px;
    color: #616161;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

.radio_buttons {
    color: #616161;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';

}

textarea {
    background-color: transparent !important;
    border: 1px solid #616161 !important;
    padding: 15px 20px !important;
    border-radius: 15px !important;
    color: white !important;
}

.my_form_2 input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
.form-select::placeholder,
textarea::placeholder {
    color: #616161 !important;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
    line-height: 2rem;
    font-size: 18px !important;
}

.my_form_2 input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
.form-select:focus,
textarea:focus {
    background-color: #292929;
    border: 1px solid #e53395 !important;
    outline: none !important;
    box-shadow: none !important;
    color: white !important;
}

input[type="date"].fake-placeholder::before {
    content: attr(data-placeholder);
    color: #616161 !important;
    position: absolute;
    margin-left: 10px;
    margin-top: 0px;
    pointer-events: none;
    font-size: 18px !important;
    font-family: 'ClashDisplay-Light';
}



#nine_section .bold_1 {
    color: #e53395;
    font-size: 18px;
    font-family: 'ClashDisplay-Semibold';
}

#nine_section .para_1 {
    color: white;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

footer {
    padding: 50px 0px;
    background: #141414;
    padding: 30px;

}

footer .bold_1 {
    color: #898989;
    font-size: 18px;
    font-family: 'ClashDisplay-Semibold';
}

footer .para_1 {
    color: #898989;
    font-size: 18px;
    font-family: 'ClashDisplay-Light';
}

.my_link {
    color: #898989;
    text-decoration: none;
}




@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ticketBG {

        height: 270px;
        background-size: cover;
        background-repeat: no-repeat;
        padding-bottom: 20px;
        margin-bottom: 40px;

    }

    .ActingIMGText {


        margin-left: 20px;
        font-size: 35px !important;
    }

}


@media only screen and (max-width: 767px) {


    body,
    html {
        overflow-x: hidden !important;
        width: 100%;
    }

    .ticketBG {
        background-image: linear-gradient(to right, rgba(0, 0, 0, 0.393), rgba(0, 0, 0, 0.571)), url(../Imgs/ActingIMG_2.jpg);
        height: 160px;
        background-size: cover;

        padding-bottom: 10px;
        margin-bottom: 40px;

    }

    .ActingIMGText {


        margin-left: 10px;
        font-size: 20px !important;
    }


    footer div {
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }

    #nine_section .main_bg_1 {

        padding: 40px 20px !important;

    }

    #nine_section .para_1 {
        text-align: center;
    }

    #Testimonials .col-md-4 {
        margin: 10px 0px !important;
    }

    #testimonialCarousel_1 .carousel-indicators {
        margin-top: 30px !important;
    }

    #eight_section .main_bg_1 {
        padding: 40px 20px;
        margin: 0px;
    }

    .my_form {
        margin: 0px;
    }

    .my_form .ms-5 {
        margin: 0px !important;
    }

    .circle img,
    .circle_2 img,
    .circle_3 img {
        display: none;
    }

    .circle,
    .circle_2,
    .circle_3 {
        display: none;
    }

    #seven_section {
        padding: 0px 10px;
        padding-top: 70px;
    }

    #seven_section .ps-5 {
        padding: 0px !important;
    }

    #seven_section .col-md-7 {
        margin-top: 40px;
        padding: 0px 20px !important;
    }

    #six_section {
        padding: 0px 20px !important;
    }

    #six_section .container .row {
        flex-direction: column-reverse !important;
    }


    #six_section .col-md-5 {
        margin-bottom: 50px;
        padding: 0px 10px !important;

    }

    #six_section .pe-5 {
        padding: 0px !important;
    }

    #six_section .para_1 {
        padding-top: 15px !important;
    }


    #fifth_section {
        padding: 90px 20px;
    }

    .ticketText img {
        padding-top: 30px;
        width: 100%;
    }

    #fourth_section {
        padding: 0px 20px;
        margin-top: 60px;
    }

    #fourth_section .main_bg_1 {
        padding: 30px 20px;
    }


    #third_section {
        padding: 20px 20px 0px 20px;
    }

    #third_section img {
        width: 100%;
    }

    .sliderText {
        margin-left: -30px;
        margin-top: -170px;
        width: 300px;
        padding: 15px;

    }

    .sliderText p {
        text-align: left;
        color: white;
        font-size: 12px;
        font-family: 'ClashDisplay-Regular';

    }

    .sliderText .bold_1 {
        color: #e53395;
        font-size: 13px;
        font-family: 'ClashDisplay-Semibold';
    }

    .sliderText.para_1 {
        color: #898989;
        font-size: 12px;
        font-family: 'ClashDisplay-Light';
    }



    #hero {
        padding: 30px 20px;
    }


    .carousel-indicators {
        margin-top: 0px !important;
    }


    #hero #testimonialCarousel {
        margin-top: 40px !important;
        margin-left: 0px;
    }


    #hero .pt-5 {
        padding-top: 20px !important;
    }

    h5 {
        font-size: 40px !important;
    }

    h5 span {
        font-size: 40px !important;
    }

    .contact_btn {
        padding: 12px 30px;


    }
}