@import url('https://fonts.googleapis.com/css2?family=Metrophobic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Atma:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inknut+Antiqua:wght@300;400;500;600;700;800;900&display=swap');

/*  font-family: "Inknut Antiqua", serif;*/

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

p {
    margin: 0
}

a {
    text-decoration: none;
     font-family: "Metrophobic", sans-serif;
    color: #000;
}
a:hover{opacity: 0.8;}
button:hover{opacity: 0.8;}
p,
a,
ul {
    font-size: 18px;
}

.mobile {
    display: none !important;
}

body {
     font-family: "Metrophobic", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Atma", system-ui;
}

header,
footer,
section {
    float: left;
    width: 100%;
}
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  position: relative;
  top: 5%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;    z-index: 9;
}
.header{    position: absolute;
    padding: 20px 0;
    z-index: 9;}
.header_div{        display: flex;
    margin: auto;
    gap: 40px;
    justify-content: center;
    position: relative;}
.logo{margin: auto;
    display: table;}
.header_div .header_link{   font-size: 24px; margin-top: 40px;color: #fff;}
.banner_sec{position: relative;}    
.banner_sec img{    width: 100%;}
.banner_div{    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;}
.banner_div .container{    height: 100%;
    display: flex;}
.banner_content{margin: auto;}
.banner_content h2{     font-size: 96px;
    text-align: center;
    color: #fff;
    font-weight: 600;}
.banner_content h3{      font-size: 64px;
    text-align: center;
    color: #fff;
    font-weight: 600;}
.banner_content p{   color: #fff;
    max-width: 1050px;
    text-align: center;
    font-size: 24px;}
.banner_content ul{display: flex;
    gap: 20px;
    justify-content: center;flex-wrap: wrap;}
.banner_content a{background: #FFFFFFB2;
    color: #6610B7;
    width: 100%;
    display: table;
    text-align: center;
    line-height: 60px;
    font-size: 18px;
    padding: 0 30px;
    margin-top: 20px;
    font-family: "Inknut Antiqua", serif;
    font-weight: 600;}
.event_schedule{    position: relative;}
.event_schedule img{    width: 100%;}
.event_schedule_div{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;}
.event_schedule_div h2{     text-align: center;
    margin-top: 70px;
    font-size: 64px;
    color: #6610B7;
    font-weight: 600;}
.event_title{    background: #F1185CCC;
    padding: 30px 0;
    max-width: 80%;
    margin: auto;}
.event_title h3   {     font-size: 32px;
    text-align: center;
    color: #fff;
    margin: 0;
    font-family: "Inknut Antiqua", serif;}
.event_content{    background: #FFAA01CC;}
.event_content h4{ color: #6610B7;
    font-size: 32px;
    padding-top: 20px;
    text-align: center;
    font-family: "Inknut Antiqua", serif;}
.event_content p{      color: #6610B7;
    text-align: center;
    margin: auto;
    font-size: 24px;
    padding: 0 30px;}
.event_content ul{     color: #6610B7;
    margin: 40px auto;
    display: table;
    font-size: 30px;}
.event_content a{      background: #6610B7;
    width: 100%;
    color: #fff;
    display: table;
    text-align: center;
    line-height: 45px;
    font-size: 24px;}
.festival_highlight{    margin-top: 70px;}
.festival_highlight_div h2{ color: #6610B7;
    text-align: center;
    font-size: 64px;
    font-weight: 600;
    border-bottom: 8px solid #6610B7;
    width: auto;
    display: table;
    margin: auto;
    margin-bottom: 50px;}
.festival_box{margin-bottom: 70px;}
.festival_box h3{        color: #6610B7;
    text-align: center;
    font-size: 64px;
    font-weight: 600;}
.festival_box .row{    background: linear-gradient(180deg, rgba(255, 170, 1, 0.8) 0%, rgba(241, 24, 92, 0.8) 100%);
    align-items: center;}    
.festival_box img{width: 100%;}
.festival_content h4{     color: #fff;
    text-align: center;
    font-size: 32px;
    font-family: "Inknut Antiqua", serif;line-height: 82.53px;
    font-weight: 600;}
.festival_content p{       color: #fff;
    max-width: 378px;
    text-align: justify;
    margin: auto;
    font-size: 24px;} 
.festival_content2{padding: 50px;}
.festival_content2 h4{text-align: left;}
.festival_content2 p{     margin-left: 0;
    margin-bottom: 20px;
    max-width: 416px;}
.vendor_register{ position: relative;   background-image: url(../img/register_bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 100px 0;    margin: 100px 0;}
.vendor_right_img{position: absolute;
    right: 0;
    top: -70px;}
.vendor_register_div h2{       font-size: 64px;
    color: #fff;
    font-weight: 600;}
.vendor_register_div p{color: #fff;
    max-width: 760px;
    font-size: 24px;}
.vendor_register_div a{      background: #FFFFFFB2;
    color: #6610B7;
    width: 100%;
    display: table;
    max-width: 570px;
    text-align: center;
    line-height: 74px;
    font-size: 32px;
    margin-top: 20px;
    font-family: "Inknut Antiqua", serif;
    font-weight: 600;}
.volunteer_register{    position: relative;}
.volunteer_bg{position: absolute;
    top: 0;
    left: 0;
    z-index: -1;}
.volunteer_register .row{    margin: 0;
    align-items: center;}
.volunteer_img{position: relative;}
.volunteer_img img{    width: calc(100% - 45px);
    float: right;
    padding-top: 45px;}
.volunteer_content{      margin: auto;
    display: table;}
.volunteer_content h2{color: #6610B7;
    font-size: 64px;
    margin-bottom: 30px;
    font-weight: 600;}
.volunteer_content p{   color: #6610B7;
    max-width: 557px;
    text-align: justify;
    font-size: 24px;}
.volunteer_content a{   background: #F1185C;
    line-height: 70px;
    font-size: 32px;
    display: table;
    color: #fff;
    margin-top: 70px;
    width: 100%;
    max-width: 306px;
    text-align: center;
    font-family: "Inknut Antiqua", serif;
    font-weight: 600;}
.line_up_sec{    margin: 70px 0 0;}
.line_up_sec h2{color: #6610B7;
    font-size: 64px;
    font-weight: 600;}
.line_up_sec img{    width: 100%;}
.footer{    background: #031D28;
    padding: 20px 0;
    margin-top: 70px;}
.copy_right{display: flex;
    justify-content: space-between;}
.copy_right p{    color: #fff;font-size: 24px;    font-family: "Inknut Antiqua", serif;}
.copy_right ul{    display: flex;gap: 30px}
.copy_right a{color: #fff;font-size: 24px;    font-family: "Inknut Antiqua", serif;}







/*==========================
    latesh css
==========================*/
.signup_info_sec {
    padding: 50px 0;
    max-width: 1010px;
    margin: auto;
    display: table;
}

.page_title h1 {
    font-family: Atma;
    font-size: 64px;
    font-weight: 600;
    line-height: 103.62px;
    text-align: left;
    color: #6610B7;
    text-align: center;
}
.section_title h2 {        
    font-family: Atma;
    font-size: 64px;
    font-weight: 600;
    line-height: 103.62px;
    text-align: justified;
    color: #6610B7;
}

.signup_info_sec p {
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
    text-align: center;
    margin-bottom: 1rem;


}

.signupForm {
    margin: 50px auto;
    /* max-width: 720px; */
}
.signupForm table .label {
    text-align: end;
    padding-right: 10px;
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
}

.signupForm  .label label{
    margin-bottom: 25px;
    padding: 5px 20px;
    font-size: 24px;
    width: 100%
}
.signupForm  .field input,
.signupForm  .field select {
    width: 100%;
    max-width: 374px;
    margin-bottom: 25px;
    padding: 5px 20px;
    font-size: 24px;
}

.product_full_data textarea {
    width: 100%;
}

.product_full_data .fileInput {
    display: flex;
    gap: 30px;
    justify-content: center;
    padding: 40px
}

.signup_info_sec h2 {
    font-family: Inknut Antiqua;
    font-size: 32px;
    font-weight: 600;
    line-height: 82.53px;
    text-align: left;
    text-transform: uppercase;

}



.vendor_business_signup p {
        margin-bottom: 1rem;
}

.vendor_business_signup .condition {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.vendor_business_signup .condition label {
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
    text-align: left;
    margin: 0;
}

.vendor_business_signup .condition input {
    width: 26px;
    height: 28px;
    top: 2297px;
    left: 491px;
    gap: 0px;
    border: 1px 0px 0px 0px;
    opacity: 0px;

}
.faq #accordion .card-header{
    padding: 0;
}
.faq #accordion .card-header .btn-link {
    width: 100%;
    text-align: start;
    background: linear-gradient(90deg, #F1185C 0%, #FFAA01 100%);
    font-family: Inknut Antiqua;
    font-size: 32px;
    font-weight: 600;
    line-height: 52px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
    border: none;
}
.faq #accordion  .card{
    box-shadow: 3px 1px 4px 0px #00000040;
    margin-bottom: 20px;
    background: #F5F5F5;
}
.faq #accordion .card-body{            
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
    text-align: justified;
}
.get_in_touch{
    margin-top: 30px;
}
.get_in_touch form button{
    background: #F1185C;
    font-family: Inknut Antiqua;
    font-size: 32px;
    font-weight: 600;
    line-height: 52px;    
    margin-top: 13px;

}
.get_in_touch form input,.get_in_touch form textarea{
    background: #D9D9D9;
    font-family: Inknut Antiqua;
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    padding: 15px 20px;
}
.address{
    display: flex;
    gap: 20px;    margin-bottom: 20px;
}
.address .image img{
    max-width: 60px;
    max-height: 60px;
}
.address .text{
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
    text-align: justified;

}
.app_btn{    background: #FDB34A;
    border: 1px solid;
    width: 100%;
    max-width: 262px;
    margin: auto;
    display: table;
    margin-top: 30px;
    line-height: 47px;
    padding: 0;
    font-size: 24px;}
.form_bottom_img{    width: 100%;
    margin-top: -230px;
    z-index: -1;
    position: relative;}
.faq{margin-top: 70px}

/*volunteer form*/
.volunteer_form .signupForm .label{
    text-align: center
}

.volunteer_form .signupForm input[type='checkbox']  {
    width: 26px;
    height: 28px;
    margin: 0;

}
.volunteer_form .signupForm .whichDay .field{
    text-align: center;
}
.volunteer_form .signupForm .whichDay.label{
    text-align: start;
}
.volunteer_form .signupForm .whichDay.label label{
    max-width: unset;
}
.volunteer_form .signupForm textarea{
    width: 100%;
}
.volunteer_form .signupForm select{
    padding: 10px;
}
.volunteer_form .signupForm .dateRangeBoxesTo{
    text-align: end;
    padding: 0 10px;
    font-family: Metrophobic;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.59px;
}


.vendor_signup .signupForm .label label{
    text-align: end;
}

.error{border:3px solid red;}
.js-errors{    font-size: 24px;
    margin-bottom: 20px;}
.js-success{    font-size: 24px;
    margin-bottom: 20px;}
.openNav{    font-size: 50px;
    cursor: pointer;
    position: absolute;
    top: 10%;
    right: 0;}
.overlay-content .logo{margin-bottom: 50px;}
#event_slider .owl-nav svg{        background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 5px!important;
    width: 40px;
    height: 40px;}
#event_slider .owl-nav button{    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;}
#event_slider .owl-nav button.owl-next{right:0;}