@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&family=Inter:wght@100..900&display=swap'); 



 /* Header */

.align-header{

    height: 50px;

    display: flex;

    justify-content: space-between;

    padding: 10px;

    box-shadow: 0px 2px 9px #dbdbdd, 0px 0px 2px #dfdfe0; 

}

.header-left{

    display:flex;

    margin-left: 5px;

}

.header-right{

    display:flex;

    margin-left: 5px;

}

.header-text{

    font-family: "Epilogue", sans-serif;

    font-size: 20px; 

    line-height: 30px; 

    font-weight: 700; 

    color: #171A1FFF; /* neutral-900 */

    padding-left: 5px;

}

.header-icon{

  width:25px;

  height: 25px;

  /* margin-right: 15px; */

  margin: 0px 15px;

}

.div-img{

   width:54%;

}

.img-logo{

    width:100%;

    height: auto;



}



    /* Registration Page */



.regi-outer-box {

    width: 600px;

    height: auto;

    background: #FFFFFFFF;

    border-radius: 24px;

    box-shadow: 0px 4px 9px #c8c8c9, 0px 0px 2px #c8c8c9;

    margin: 50px 30px 30px 30px;

    padding: 30px;

 }

.text-registration{

    font-size: 24px; 

    line-height: 36px; 

    font-weight: 600; 

    color: #171A1FFF; 

}

    /* Registration step-1 */

.texting-seller{

font-family: "Epilogue", sans-serif;

font-size: 18px; 

line-height: 28px; 

font-weight: 600; 

color: #171A1FFF; /* neutral-900 */

 } 

.texting-button{

    align-items: center; 

    justify-content: center; 

    font-family: Inter; 

    font-size: 18px; 

    line-height: 28px; 

    font-weight: 400; 

    color: #FFFFFFFF; /* white */

    background: #FF8000FF; 

    opacity: 1; 

    border: none; 

    border-radius: 4px; 

    width:100%;

    padding: 10px;

}



.texting-button:focus {

    outline: 5px auto #FF8000FF !important;

}

.texting-button:focus-visible {

    outline: #FF8000FF auto 1px !important;

}

 .info-social{

    margin-top:10px;

}

 .texting-or{

font-family: "Inter", sans-serif;

font-size: 14px; 

line-height: 22px; 

font-weight: 400; 

color: #565E6CFF; /* neutral-600 */

text-align:center;

margin-bottom:10px;

position: relative;



}

.texting-or:before {

    content: "";

    display: block;

    width: 45%;

    height: 2px;

    background: #DEE1E6FF;

    left: 3px;

    top: 9px;

    position: absolute;

}

.texting-or:after {

    content: "";

    display: block;

    width: 45%;

    height: 2px;

    background: #DEE1E6FF;

    right: 09x;

    top: 9px;

    position: absolute;

}



.social-media-icons ul {

    list-style: none;

    padding: 0;

    text-align: center;

 }

 .social-media-icons ul li{

  

    border-radius:50%;

    display:inline-flex;

    justify-content:center;

 }

 .form-contorl-text{

    font-size: 14px !important;

    height:42px !important;

}

.social-media{

    width: 70px;

    height: 70px;

    padding-right: 5px;

  }



.text-returning{

    font-family: "Inter", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 400; 

    color: #323842FF; /* neutral-700 */

}

.span-returning{

font-family: "Inter", sans-serif;

font-size: 14px; 

line-height: 22px; 

font-weight: 400; 

color: #00BDD6FF; /* primary-500 */

}

.form-group {

    margin-bottom: 15px;

}



/* Registration step-2 */

.texting-gender{

    font-family: "Epilogue", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 700; 

    color: #323842FF; 

    padding: 10px 0px;

}

.texting-radio-btn{        

    font-family: "Inter", sans-serif;

    font-size: 12px; 

    line-height: 20px; 

    font-weight: 400; 

    color: #171A1FFF; 

}

.texting-business{

    font-family: "Epilogue", sans-serif;

    font-size: 18px; 

    line-height: 28px; 

    font-weight: 700; 

    color: #323842FF;

   margin: 20px 0px;

}

.btn-gender{

    background-color: #0095a9 !important;

    border-color: #0095a9 !important;

}

    .btn-gender .custom-control-input:checked ~ .custom-control-label::before {

    background-color: #0095a9; /* Change this color to your desired color */

    border-color: #0095a9; /* Change this color to your desired color */

  }



  .btn-gender .custom-control-input:focus ~ .custom-control-label::before {

    box-shadow: 0 0 0 1px #fff, 0 0 0 3px rgba(0, 123, 255, .25); /* Adjust focus color */

  }



/* registration step-3 */

.eye-slash{

    position: relative;

    color:  #7c7d7f;

}

.eye-slash .fa-eye-slash{

    position: absolute;

    right: 27px;

    bottom: 12px;

}

.verfication-check{

    width:100px;

    height:100px;

    border-radius:50%;

    background-color:#5cb85c;

    margin:auto;

}

.font-check{

    padding: 35px 20px 35px 20px;

    font-size: 28px !important;

    color:#ffff;

}

.verification-icon{

    width: 100px;

    height: 100px;

}

.text-verification{

    font-size: 32px; 

    line-height: 48px; 

    font-weight: 700; 

    color: #171A1FFF !important;

    text-align: center;

}

.texting-m-verify{

    font-size: 18px; 

    line-height: 28px; 

    font-weight: 400; 

    color: #424955FF !important; 

    padding: 10px 20px 10px 20px;

}



.steeper-hidden {

    display: none;

}

.tab-content > .tab-pane:not(.active) {

    display: block;

    height: 0;

    overflow-y: hidden;

}

#prevBtn{

    display: none;

}

.text-label{

    padding-bottom: 5px;

}

.text-upload{

    color: #34395e !important;

    font-weight: 600 !important;

}

.form-contorl-text:focus{    

    background-color: #fefeff !important;

    border-color: rgb(253, 174, 95) !important;

}

.custom-file-input:focus+.custom-file-label {

    box-shadow: none;

    border-color:rgb(253, 174, 95)  !important;

}

   /* Login Page */



.login-outer-box{

    width: 500px;

    height: auto;

    background: #FFFFFFFF; 

    border-radius: 24px; 

    box-shadow: 0px 4px 9px #c8c8c9, 0px 0px 2px #c8c8c9; 

    margin: 60px 30px 30px 30px; 

    padding: 30px 30px 20px 30px;

}

.text-welcome{

    font-family: "Epilogue", sans-serif;

    font-size: 32px; 

    line-height: 48px; 

    font-weight: 700; 

    color: #171A1FFF;

    padding: 10px 0px;

}

.text-login{

    font-family: "Epilogue", sans-serif;

    font-size: 20px; 

    line-height: 30px; 

    font-weight: 700; 

    color: #9095A0FF; 

    padding: 5px 0px;

}

.inner-login-box{

    padding:30px 10px 10px 0px;

}

.form-contorl-bg{

    background-color: #F3F4F6FF !important;

    font-size: 14px !important;

    height:42px !important;

    padding-left: 33px !important;

}

.form-contorl-bg:focus{    

    background-color: #fefeff !important;

    border-color: rgb(253, 174, 95) !important;

}

.fa-icon{

    position: relative;

    color:  #171A1FFF;

    font-size: 18px;

}

.fa-icon .fa-envelope{

    position: absolute;

    left: 10px;

    bottom: 10px;

    top:13px

}

.fa-icon .fa-lock{

    position: absolute;

    left: 10px;

    bottom: 10px;

    top:13px

}

.fa-icon .fa-eye-align{

    position: absolute;

    right: 10px;

    top: 10px;

    font-size: 18px;

    color:  #171A1FFF !important;

}

.fa-icon .fa-eye-regi {

    position: absolute;

    right: 10px;

    top: 10px;

    font-size: 18px;

    color: #171A1FFF !important;

}

.text-forget{

    font-family: "Inter", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 400; 

    color: #171A1FFF; 

    padding: 15px 0px;

}

.text-account{

    font-family: "Inter", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 400; 

    color: #171A1FFF;

    padding: 80px 0px 0px 0px;

}

.text-acc-spna{

    font-family: "Inter", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 700; 

    color: #00BDD6FF;

}



/* Forget password Page */

.password-header {

    height: 50px;

    display: flex;

    justify-content: space-between;

    padding: 10px;

}

.front-img{

    width: 100px;

    height: 100px;

}

.texting-main-text{

    font-family: "Inter", sans-serif;

    font-size: 40px; 

    line-height: 56px; 

    font-weight: 700; 

    color: #323842FF; 

}

.texting-sub-text{

    font-family: "Inter", sans-serif;

    font-size: 14px; 

    line-height: 22px; 

    font-weight: 400; 

    color: #9095A0FF;

    padding: 0px 20px;

}

.form-contorl-forget{

    background-color: #FFFF !important;

    font-size: 14px !important;

    height:42px !important;

    border-radius: 26px; 

    border-width: 1px; 

    border-color: #9095A0FF;

    width: 100%;

    margin-top: 5px;

    padding-left: 20px !important;

}

.text-back-login{

    font-family: "Inter", sans-serif;

    font-size: 18px; 

    line-height: 28px; 

    font-weight: 400; 

    color: #171A1FFF;

}

.texting-btn-forget{

    align-items: center; 

    justify-content: center; 

    font-family: Inter; 

    font-size: 18px; 

    line-height: 28px; 

    font-weight: 400; 

    color: #FFFFFFFF; /* white */

    background: #FF8000FF; 

    opacity: 1; 

    border: none; 

    border-radius: 4px; 

    width:100%;

    padding: 10px;

    border-radius: 26px;

    margin-top: 15px;

}

.forget-outer-box{

    display: flex;

    justify-content: center;

    margin-top: 50px;

}

.icon-left{

    padding: 7px 15px 5px 10px;

    font-size: 18px;

}



.texting-btn-forget:focus {

    outline: 5px auto #FF8000FF !important;

}

.texting-btn-forget:focus-visible {

    outline: #FF8000FF auto 1px !important;

}



/* Set New password page */

.Set-pass-outerBox{

    margin: 0px auto;

    width:80%;

}

.fa-icon .fa-eye-setpass {

    position: absolute;

    right: 10px;

    top: 51px;

    font-size: 18px;

    color: #171A1FFF !important;

}

.form-contorl-forget:focus{    

    background-color: #fefeff !important;

    border-color: rgb(253, 174, 95) !important;

    box-shadow: 0 0 0 .2rem transparent !important;

}

.form-control.is-valid, .was-validated .form-control:valid {

    background-position: center right calc(2.375em + .1875rem) !important;

}

[multiple]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=email]:focus, [type=month]:focus, [type=number]:focus, [type=password]:focus, [type=search]:focus, [type=tel]:focus, [type=text]:focus, [type=time]:focus, [type=url]:focus, [type=week]:focus, select:focus, textarea:focus {

    --tw-ring-color: rgb(253, 174, 95) !important;

}



/* sidebar page */

.align-logotext{

    display: flex;

    align-content: center;

    justify-content: center;

    margin-top: 24px;

}

.header-text-sidebar{

    font-family: "Epilogue", sans-serif;

    font-size: 22px; 

    line-height: 30px; 

    font-weight: 700; 

    color: #171A1FFF; /* neutral-900 */

    padding-left: 5px;

}

.header-icon-sidebar{

  width:30px;

  height: 30px;

  /* margin-right: 15px; */

  margin: 0px 15px;

}

.side-icons{

    width: 28px;

    height: 28px;

    margin-right: 20px;

    margin-left: 7px;

    text-align: center;

}

.main-sidebar .sidebar-menu li.active a svg{

    /* color: var(--primary_color); */

    fill: #ffffff;



}

.main-sidebar .sidebar-menu li a svg{

    /* color: var(--primary_color); */

    fill: #565e6c;



}

/* header page */

.header-sidebars{

    color: #000 !important;

}

.header-sidebars:hover{

 color:#FF8000FF !important;

}

.admin-name-text{

    color: #000 !important;

    padding: 0px 10px !important;

}

.arrow-logout{

    color: #000 !important;

}

.nav-fixed

{

    position: fixed;

    top: 0px;

    background: white;

}

/* manage participant page */

.text-add-button{

    align-items: center; 

    justify-content: center; 

    font-family: Inter; 

    font-size: 18px; 

    line-height: 20px; 

    font-weight: 400; 

    color: #FFFFFFFF; /* white */

    background: #FF8000FF; 

    opacity: 1; 

      border: 1px solid #FF8000FF ; 

    border-radius: 4px; 

    width:100%;

    padding: 10px;

}

.text-add-button:focus {

    outline: 5px auto #FF8000FF !important;

}

.text-add-button:focus-visible {

    outline: #FF8000FF auto 1px !important;

}

.text-add-button:hover{

    color: #FF8000FF  !important;

    text-decoration: none !important;

    background-color: #ffff;

    border: 1px solid #FF8000FF ;

}

.header-section-new{

    display: flex;

    justify-content: space-between;

}

.font-a-color{

    color:#FF8000FF !important;

    background:#f8f3ee !important;

}

.align-icon{

    display: flex;

    flex-wrap: nowrap;

}

.img-user{

    width:30px;

    height: 30px;

}

.tbl-index{

    border: 1px solid #dee1e6 !important;

}

/* Modal delete */

.font-a-trash{

    color:#171A1FFF;

    font-size:20px ;

    margin:5px; 

}

.text-t-delete{

    font-family: "Inter", sans-serif;

    font-size: 20px; 

    line-height: 30px; 

    font-weight: 700; 

    color: #171A1FFF;

    margin-left: 5px;

}

.text-m-delete{

    font-family: "Inter", sans-serif;

    font-size: 12px; 

    line-height: 20px; 

    font-weight: 400; 

    color: #565E6CFF;

}

.text-r-delete{

    font-family: "Inter", sans-serif;

    font-size: 12px; 

    line-height: 20px; 

    font-weight: 400; 

    color: rgb(253, 4, 4);

}

.align-button{

    justify-content: center !important;

}

.delete-modal{

    width: 400px !important;

}

.border-bottom{

    border-bottom: 1px solid rgb(245, 247, 250);

}

.sub-menu li a{

    background-color: #ffff !important;

    color:#565E6CFF !important;

}

.sub-menu li a.active{

    background-color: #ffff !important;

    color:#FF8000FF !important;

}

.sub-menu-link{

    background-color: #ffff !important;

    color:#565E6CFF !important;

}

/* Responsive Design */



@media screen and (min-width: 320px) and (max-width: 575px) {

    /* Header and image */

    .header-text {

        font-size: 18px;

        margin-top: -2px;

    }

    .header-icon {

        width: 23px;

        height: 23px;

        margin-right: 10px;

    }

    .div-img {

        margin: 20px 0px;

        width: 41%;

      }



    /* Registration Page */



    .regi-outer-box {

        width: auto;

        margin: 10px;

        padding: 20px;

    }

    .text-registration {

        font-size: 18px;

    }

    .texting-seller {

    font-size: 14px;

    }

    .texting-or {

    font-size: 12px;

    }

    .texting-or:before {

        width: 42%;

        left: 0px;

        top: 10px;

    }

    .texting-or:after {

        width: 43%;

        right: 0px;

        top: 10px;

    }

    .text-returning {

    font-size: 12px;

    }

    .span-returning {

    font-size: 12px;

    }

    .display-4 {

    font-size: 2.5rem;

    font-weight: 300;

    line-height: 0.2;

    }

    .eye-slash .fa-eye-slash {

        right: 16px;

    }

    .texting-gender {

    font-size: 12px;

    }

    .texting-business {

    font-size: 14px;

    }

    .display-4 {

        font-size: 1.5rem;

    }

    .social-media {

        width: 50px;

        height: 50px;

    }

    .fa-icon .fa-eye-regi {

        top: 39px;

        font-size: 14px;

    }

    .text-label{

        font-size:14px !important;

    }

    .texting-button{

        font-size:14px !important;

    }

    .texting-radio-btn {

    font-size: 12px;

    }

    .form-contorl-text{

        font-size: 12px !important;

        height: 30px !important;

    }

    .verification-icon {

        width: 80px;

        height: 80px;

    }

    .text-verification {

        font-size: 28px;

    }

    .texting-m-verify {

        font-size: 14px;

    }



    .info-social{

        margin-top:10px;

    }



 /* login page */

     .login-outer-box {

     margin: 5px;

     width:auto;

    }

    .text-welcome {

    font-size: 23px;

    padding: 10px 0px 0px;

    }

    .text-login {

        font-size: 16px;

        padding: 5px 0px;

    }

    .inner-login-box {

        padding: 10px;

    }

    .form-contorl-bg {

        font-size: 12px !important;

        height: 30px !important;

    }

    .fa-icon {

        font-size: 14px;

    }

    .fa-icon .fa-eye-align{

        top: 5px;

        font-size: 14px;

    }

    .fa-icon .fa-envelope {

        top: 9px;

    }

    .fa-icon .fa-lock {

        top: 9px;

    }

    .text-forget {

        font-size: 12px;

    }

    .text-account {

        font-size: 12px;

        padding: 30px 0px 0px 0px;

    }

    .text-acc-spna {

        font-size: 12px;

    }

    

    /* Forget password Page */

    .forget-outer-box{

        padding: 20px;

        margin-top: 0px;

    }

    .front-img {

        width: 100px;

        height: 100px;

    }

    .texting-main-text {

        font-size: 23px;

    }

    .texting-sub-text {

        font-size: 12px;

        padding: 0px;

    }

    .form-contorl-forget{

        font-size: 12px !important;

        height: 35px !important;

    }

    .texting-btn-forget {

        font-size: 12px;

        padding: 5px;

    }

    .text-back-login {

        font-size: 12px;

    }

    .icon-left {

        padding: 9px 20px 9px 10px;

        font-size: 12px;

    }



    /* Set New password page */

    .Set-pass-outerBox{

        margin-top:0px;

        width: 100%;

    }

       .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 46px;

        font-size: 14px;

    }



    /* side bar page */

    .align-logotext {

      margin-right:20px;

    }

    .header-text-sidebar {

        font-size: 14px;

    }

  

    /* Manage participant page */

    .text-add-button {

        width: 100%;

        font-size:14px;

        margin-top: 10px;

        line-height: 18px;

    }

    .add-card{

        padding: 20px 10px !important;

    }



    /* Modal Delete */

    .delete-modal {

        width: auto !important;

    }

      

}



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

    /* Header and Image */

    .header-text {

        font-size: 18px;

        margin-top: -1px;

    }    

    .header-icon {

        width: 24px;

        height: 24px;

        margin-right: 12px;

    }

    .div-img {

        margin: 20px 0px;

        width: 41%;

    }

    .img-logo {

        width: 85%;

    }



    /* Registration page */



    .regi-outer-box {

        width: auto;

        margin: 10px;

        padding: 20px;

    }

    .text-registration {

        font-size: 18px;

    }

    .texting-seller {

    font-size: 14px;

    }

    .texting-or:before {

        width: 46%;

        left: 1px;

        top: 12px;

    }

    .texting-or:after {

        width: 47%;

        right: 1px;

        top: 11px;

    }

    .texting-gender {

    font-size: 12px;

    }

    .texting-business {

        font-size: 14px;

    }

    .text-returning {

        font-size: 12px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 12px;

    }

    .display-4 {

        font-size: 2rem;

    }

    .social-media {

        width: 50px;

        height: 50px;

    }

    .fa-icon .fa-eye-regi {

        top: 41px;

        font-size: 16px;

    }

    .text-label{

        font-size:14px !important;

    }

    .texting-button{

        font-size:14px !important;

    }

    .texting-radio-btn {

    font-size: 12px;

    }

    .form-contorl-text{

        font-size: 12px !important;

        height: 35px !important;

    }

    .verification-icon {

        width: 80px;

        height: 80px;

    }

    .text-verification {

        font-size: 28px;

    }

    .texting-m-verify {

        font-size: 14px;

    }



 /* login page */



     .login-outer-box {

        margin: 10px;

        width:auto;

       }

    .text-welcome {

        font-size: 28px;

        padding: 10px 0px 0px 0px;

    }

    .text-login {

        font-size: 18px;

        padding: 10px 0px 0px 0px;

    }

    .inner-login-box {

        padding: 30px 10px 10px 0px;

    }

    .form-contorl-bg {

        font-size: 12px !important;

        height: 35px !important;

    }

    .text-forget {

        font-size: 12px;

    }

    .text-account {

        font-size: 12px;

        padding: 50px 0px 0px 0px;

    }

    .text-acc-spna {

        font-size: 12px;

    }

    .fa-icon {

        font-size: 16px;

    }

    .fa-icon .fa-eye-align {

        top: 7px;

        font-size: 16px;

    }



    /* Forget password Page */

    .forget-outer-box{

       margin-top: 0px;

    }

    .front-img {

        width: 100px;

        height: 100px;

    }

    .texting-main-text {

        font-size: 26px;

    }

    .texting-sub-text {

        font-size: 12px;

        padding: 0px;

    }

    .form-contorl-forget{

        font-size: 12px !important;

        height: 35px !important;

    }

    .texting-btn-forget {

        font-size: 12px;

        padding: 5px;

    }

    .text-back-login {

        font-size: 12px;

    }

    .icon-left {

        padding: 9px 20px 9px 10px;

        font-size: 12px;

    }



    /* Set New password page */

    .Set-pass-outerBox{

        margin-top:0px;

     

    }

    .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 47px;

        font-size: 16px;

    }



    /* side bar page */

    .align-logotext {

        margin-right:20px;

      }

      .header-text-sidebar {

          font-size: 14px;

      } 

     

      /* Manage participant page */

    .text-add-button {

        width: 100%;

        font-size:14px;

    } 

    /* Modal Delete */

      .delete-modal {

        width: auto !important;

    }

   

}

@media screen and (min-width: 768px) and (max-width:1023px){

    /* Header  and Image */

    .header-text {

        font-size: 18px;

        margin-top: -1px;

    }    

    .header-icon {

        width: 24px;

        height: 24px;

        margin-right: 12px;

    }

      .img-logo {

        width: 75%;

    }

    .div-img {

        width: 44%;

        margin: 30px 0px 0px 0px;

   }



    /* Registration page */

    .regi-outer-box {

        width: auto;

        margin: 10px;

        padding: 20px;

    }

    .text-registration {

        font-size: 20px;

    }

    .texting-seller {

    font-size: 14px;

    }

    .texting-or {

    margin: 24px 0px;

    }

    .texting-or:before {

        width: 47%;

        left: 0px;

        top: 11px;

    }

    .texting-or:after {

        width: 47%;

        right: 0px;

        top: 11px;

    }

    .text-returning {

    font-size: 12px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 12px;

    }

    .texting-gender {

    font-size: 12px;

    }

    .texting-business {

    font-size: 14px;

    }

    .display-4 {

        font-size: 2rem;

    }

    .social-media {

        width: 65px;

        height: 65px;

    }

    .fa-icon .fa-eye-regi {

        top: 45px;

        font-size: 18px;

    }

    .text-label{

        font-size:14px !important;

    }

    .texting-button{

        font-size:14px !important;

    }

    .texting-radio-btn {

    font-size: 12px;

    }

    .form-contorl-text{

        font-size: 12px !important;

        height: 40px !important;

    }

    .verification-icon {

        width: 80px;

        height: 80px;

    }

    .text-verification {

        font-size: 28px;

    }

    .texting-m-verify {

        font-size: 14px;

    }



  /* login page */

    .login-outer-box {

        width: auto;

        margin: 30px 30px 30px 30px;

    }

    .text-welcome {

        font-size: 30px;

        padding: 10px 0px 0px 0px;

    }

    .text-login {

        font-size: 20px;

        padding: 5px 0px 0px 0px;

    }

    .inner-login-box {

        padding: 30px 10px 10px 0px;

    }

    .fa-icon {

        font-size: 18px;

    }

    .fa-icon .fa-eye-align {

        top: 7px;

        font-size: 18px;

    }

    .form-contorl-bg {

        font-size: 12px !important;

        height: 40px !important;

    }

    .text-forget {

        font-size: 14px;

    }

    .text-account {

        font-size: 14px;

        padding: 70px 0px 0px 0px;



    }

    .text-acc-spna {

        font-size: 14px;

    }



    /* Forget password Page */

    .forget-outer-box{

        margin-top: 0px;

     }

     .front-img {

        width: 100px;

        height: 100px;

    }

    .texting-main-text {

        font-size: 28px;

    }

    .texting-sub-text {

        font-size: 14px;

        padding: 0px 10px;

    }

    .form-contorl-forget{

        font-size: 12px !important;

        height: 40px !important;

    }

    .texting-btn-forget {

        font-size: 14px;

        padding: 10px;

    }

    .text-back-login {

        font-size: 16px;

    }

    .icon-left {

        padding: 7px 20px 7px 10px;

        font-size: 14px;

    }



    /* Set New password page */

    .Set-pass-outerBox{

        margin-top: 0px;

    }

      .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 51px;

        font-size: 18px;

    }

    /* side bar page */

    .align-logotext {

        margin-right:20px;

      }

      .header-text-sidebar {

          font-size: 14px;

      } 

      

   /* Manage participant page */

    .text-add-button {

        width: 100%;

        font-size:14px;

    }

}

/* @media screen and (min-width: 992px) and (max-width:1024px){

    .text-add-button {

        width: 100%;

        font-size: 14px;

    }

} */



@media screen and (min-width: 1024px) and (max-width:1199px){





    /* Registration Page */

    .regi-outer-box {

        width: 400px;

    }

    .text-registration {

        font-size: 22px;

    }

    .texting-seller {

    font-size: 14px;

    }

    .texting-or {

    font-size: 14px;

    margin:20px 0px;

    }

    .text-returning {

        font-size: 12px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 12px;

    }

    .texting-or:before {

        width: 44%;

        left: 0px;

        top: 10px;

    }

    .texting-or:after {

        width: 42%;

        right: 0px;

        top: 10px;

    }

    .texting-gender {

    font-size: 12px;

    }

    .texting-business {

    font-size: 14px;

    }

    .display-4 {

        font-size: 2rem;

    }

    .social-media {

        width: 65px;

        height: 65px;

    }

    .fa-icon .fa-eye-regi {

        top: 46px;

        font-size: 18px;

    }

    .text-label{

        font-size:14px !important;

    }

    .texting-button{

        font-size:14px !important;

    }

    .texting-radio-btn {

        font-size: 12px;

    }

    .form-contorl-text{

        font-size: 12px !important;

        height: 40px !important;

    }

    .verification-icon {

        width: 80px;

        height: 80px;

    }

    .text-verification {

        font-size: 28px;

    }

    .texting-m-verify {

        font-size: 14px;

    }



    /* login page */

    .text-welcome {

        font-size: 30px;

    }

    .text-login {

        font-size: 20px;

    }

    .text-forget {

        font-size: 14px;

    }

    .form-contorl-bg {

        font-size: 12px !important;

        height: 40px !important;

    }

    .text-account {

        font-size: 14px;

    }

    .text-acc-spna {

        font-size: 14px;

    }

    .fa-icon {

        font-size: 18px;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 18px;

    }



        /* Forget password Page */

        .front-img {

            width: 100px;

            height: 100px;

        }

        .texting-main-text {

            font-size: 34px;

        }

        .texting-sub-text {

            font-size: 14px;

        }

        .form-contorl-forget{

            font-size: 12px !important;

            height: 40px !important;

        }

        .texting-btn-forget {

            font-size: 14px;

            padding: 10px;

        }

        .text-back-login {

            font-size: 16px;

        }

        .icon-left {

            padding: 7px 20px 7px 10px;

            font-size: 14px;

        }

    

    /* Set New password page */

    .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 51px;

        font-size: 18px;

    }

     /* sidebar page */

     .header-text-sidebar {

        font-size: 16px;

    }



    /* Manage participant page */

      .text-add-button {

        width: 100%;

        font-size:14px;

    } 





}

@media screen and (min-width:1200px) and (max-width:1440px){

    



    /* Registration page */

    .regi-outer-box {

        width: 500px;

    }

    .text-registration {

        font-size: 22px;

    }

    .texting-seller {

    font-size: 14px;

    }

    .texting-or {

    font-size: 14px;

    margin:20px 0px;

    }

    .texting-or:before {

        width: 45%;

        left: 0px;

        top: 10px;

    }

    .texting-or:after {

        width: 45%;

        right: 0px;

        top: 10px;

    }

    .text-returning {

    font-size: 12px;

    }

    .span-returning {

    font-size: 12px;

    }

    .texting-gender {

    font-size: 12px;

    }

    .texting-business {

    font-size: 14px;

    }

    .display-4 {

        font-size: 2.5rem;

    }

    .social-media {

        width: 65px;

        height: 65px;

    }

    .fa-icon .fa-eye-regi {

        top: 47px;

        font-size: 18px;

    }

    .text-label{

        font-size:14px !important;

    }

    .texting-button{

        font-size:14px !important;

    }

    .texting-radio-btn {

    font-size: 12px;

    }

    .form-contorl-text{

        font-size: 12px !important;

        height: 42px !important;

    }

    .verification-icon {

        width: 90px;

        height: 90px;

    }

    .text-verification {

        font-size: 28px;

    }

    .texting-m-verify {

        font-size: 14px;

    }



    /* login page */

    .text-welcome {

        font-size: 30px;

    }

    .text-login {

        font-size: 20px;

    }

    .text-forget {

        font-size: 14px;

    }

    .form-contorl-bg {

        font-size: 12px !important;

        height: 42px !important;

    }

    .text-account {

        font-size: 14px;

    }

    .text-acc-spna {

        font-size: 14px;

    }

    .fa-icon {

        font-size: 18px;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 18px;

    }



    /* Forget password Page */

        .front-img {

            width: 100px;

            height: 100px;

        }

        .texting-main-text {

            font-size: 36px;

        }

        .texting-sub-text {

            font-size: 14px;

        }

        .form-contorl-forget{

            font-size: 12px !important;

            height: 42px !important;

        }

        .texting-btn-forget {

            font-size: 16px;

            padding: 10px;

        }

        .text-back-login {

            font-size: 16px;

        }

        .icon-left {

            padding: 7px 20px 7px 10px;

            font-size: 16px;

        }



    /* Set New password page */

        .fa-icon .fa-eye-setpass {

            right: 12px;

            top: 51px;

            font-size: 18px;

        }



    /* sidebar page */

      .header-text-sidebar {

        font-size: 16px;

    }

    

    /* Manage participant page */

      .text-add-button {

        width: 100%;

        font-size:14px;

    } 





    



}

@media screen and (min-width:1441px) and (max-width:1600px){





    /* Registration page */

    .regi-outer-box {

        width: 600px;

    }

    .text-registration {

        font-size: 24px;

    }

    .texting-seller {

    font-size: 16px;

    }

    .texting-or {

    font-size: 16px;

    margin:20px 0px;

    }

    .texting-or:before {

        width: 45%;

        left: 3px;

        top: 9px;

        position: absolute;

    }

    .texting-or:after {

        width: 44%;

        right: 0px;

        top: 9px;

    }

    .text-returning {

    font-size: 14px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 14px;

    }

    .texting-gender {

    font-size: 14px;

    }

    .texting-business {

    font-size: 16px;

    }

    .display-4 {

        font-size: 2.5rem;

    }

    .social-media {

        width: 70px;

        height: 70px;

    }

    .fa-icon .fa-eye-regi {

        top: 47px;

        font-size: 18px;

    }

    .text-label{

        font-size:16px !important;

    }

    .texting-button{

        font-size:16px !important;

    }

    .texting-radio-btn {

    font-size: 14px;

    }

    .form-contorl-text {

        font-size: 14px !important;

        height: 42px !important;

    }

    .verification-icon {

        width: 100px;

        height: 100px;

    }

    .text-verification {

        font-size: 30px;

    }

    .texting-m-verify {

        font-size: 16px;

    }



    /* login page */

    .text-welcome {

        font-size: 30px;

    }

    .text-login {

        font-size: 20px;

    }

    .text-forget {

        font-size: 14px;

    }

    .form-contorl-bg {

        font-size: 14px !important;

        height: 42px !important;

    }

    .text-account {

        font-size: 14px;

    }

    .text-acc-spna {

        font-size: 14px;

    }

    .fa-icon {

        font-size: 18px;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 18px;

    }

       /* Forget password Page */

    .front-img {

        width: 100px;

        height: 100px;

    }

    .texting-main-text {

        font-size: 40px;

    }

    .texting-sub-text {

        font-size: 14px;

    }

    .form-contorl-forget{

        font-size: 14px !important;

        height: 42px !important;

    }

    .texting-btn-forget {

        font-size: 16px;

        padding: 10px;

    }

    .text-back-login {

        font-size: 16px;

    }

    .icon-left {

        padding: 7px 20px 7px 10px;

        font-size: 16px;

    }



    /* Set New password page */

    .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 52px;

        font-size: 18px;

    }

      /* sidebar page */

      .header-text-sidebar {

        font-size: 22px;

    }



     /* Manage participant page */

     .text-add-button {

        width: 100%;

        font-size:16px;

    } 





}

@media screen and (min-width:1601px) and (max-width:1919px){

  /* Header and Logo Img*/

  .header-icon {

        width: 40px;

        height: 40px;

    }

    .align-header {

        height: 55px;

    }

    .header-text {

        font-size: 25px;

        margin: 10px 0px 0px 5px;

    }

    .div-img {

        width: 47%;

    }



/* Registration Page */

    .regi-outer-box {

       width: 650px;

    }

    .text-registration {

        font-size: 24px;

    }

    .texting-seller {

    font-size: 16px;

    }

    .texting-or {

    font-size: 16px;

    margin:20px 0px;

    }

    .texting-or:before {

        width: 45%;

        left: 0px;

        top: 10px;

    }

    .texting-or:after {

        width: 45%;

        right: 0px;

        top: 10px;

    }

    .texting-gender {

    font-size: 14px;

    }

    .texting-business {

    font-size: 16px;

    }

    .social-media-icons a {

    margin: 0px 10px;

    }

    .text-returning {

    font-size: 14px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 14px;

    }

    .display-4 {

        font-size: 3rem;

    }

    .social-media {

        width: 70px;

        height: 70px;

    }

    .fa-icon .fa-eye-regi {

        top: 47px;

        font-size: 18px;

    }

    .text-label{

        font-size:16px !important;

    }

    .texting-button{

        font-size:16px !important;

    }

    .texting-radio-btn {

    font-size: 14px;

    }

    .form-contorl-text{

        font-size: 14px !important;

        height: 44px !important;

    }

    .verification-icon {

        width: 100px;

        height: 100px;

    }

    .text-verification {

        font-size: 30px;

    }

    .texting-m-verify {

        font-size: 16px;

    }



    /* login page */

    .text-welcome {

        font-size: 32px;

    }

    .text-login {

        font-size: 20px;

    }

    .text-forget {

        font-size: 16px;

    }

    .form-contorl-bg {

        font-size: 14px !important;

        height: 44px !important;

    }

      .text-account {

        font-size: 16px;

    }

    .text-acc-spna {

        font-size: 16px;

    }

    .fa-icon {

        font-size: 18px;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 18px;

    }



    /* Forget password Page */

    .front-img {

        width: 130px;

        height: 130px;

    }

    .texting-main-text {

        font-size: 42px;

    }

    .texting-sub-text {

        font-size: 16px;

    }

    .form-contorl-forget{

        font-size: 16px !important;

        height: 48px !important;

    }

    .texting-btn-forget {

        font-size: 18px;

        padding: 15px;

    }

    .text-back-login {

        font-size: 20px;

    }

    .icon-left {

        padding: 6px 20px 6px 10px;

        font-size: 20px;

    }

        /* Set New password page */

    .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 53px;

        font-size: 18px;

    }



    /* sidebar page */

    .header-text-sidebar {

        font-size: 16px;

    }



    /* Manage participant page */

    .text-add-button {

        width: 100%;

        font-size:16px;

    } 

    



}

@media screen and (min-width:1920px) and (max-width:2300px){

 /* Header and Logo Img*/

    .header-icon {

        width: 40px;

        height: 40px;

    }

    .align-header {

        height: 60px;

    }

    .header-text {

        font-size: 25px;

        margin: 10px 0px 0px 5px;

    }

    .div-img {

        width: 47%;

    }



    /* Registration Page */

    .regi-outer-box {

        width: 700px;

    }

    .text-registration {

        font-size: 26px;

    }

    .texting-seller {

    font-size: 18px;

    }

    .texting-or {

    font-size: 18px;

    margin:20px 0px;

    }

    .texting-or:before {

    width: 46%;

    left: 0px;

    top: 9px;

    }

    .texting-or:after {

    width: 46%;

    right: 0px;

    top: 9px;

    }

    .texting-gender {

    font-size: 16px;

    }

    .texting-business {

    font-size: 18px;

    }

    .social-media-icons a {

    margin: 0px 10px;

    }

    .text-returning {

    font-size: 16px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 16px;

    }

   .social-media {

        width: 80px;

        height: 80px;

    }

    .fa-icon .fa-eye-regi {

        top: 51px;

        font-size: 18px;

    }

    .text-label{

        font-size:18px !important;

    }

    .texting-button{

        font-size:18px !important;

    }

    .texting-radio-btn {

    font-size: 16px;

    }

    .form-contorl-text {

        font-size: 16px !important;

        height: 46px !important;

    }

    .verification-icon {

        width: 110px;

        height: 110px;

    }

    .text-verification {

        font-size: 32px;

    }

    .texting-m-verify {

        font-size: 18px;

    }



    /* login page */



    .login-outer-box {

        width: 600px;

        margin: 60px 30px 30px 30px;

    }

    .text-welcome {

        font-size: 32px;

    }

    .text-login {

        font-size: 20px;

    }

    .text-forget {

        font-size: 16px;

    }

    .form-contorl-bg {

        font-size: 16px !important;

        height: 46px !important;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 18px;

    }

    .text-account {

        font-size: 16px;

    }

    .text-acc-spna {

        font-size: 16px;

    }

    .fa-icon {

        font-size: 18px;

    }

    

    /* Forget password Page */

    .front-img {

        width: 130px;

        height: 130px;

    }

    .texting-main-text {

        font-size: 42px;

    }

    .texting-sub-text {

        font-size: 16px;

    }

    .form-contorl-forget{

        font-size: 16px !important;

        height: 46px !important;

    }

    .texting-btn-forget {

        font-size: 18px;

        padding: 15px;

    }

    .text-back-login {

        font-size: 20px;

    }

    .icon-left {

        padding: 5px 20px 5px 10px;

        font-size: 20px;

    }



    /* Set New password page */

    .fa-icon .fa-eye-setpass {

        right: 12px;

        top: 55px;

        font-size: 18px;

    }



    /* sidebar page */

    .header-icon-sidebar {

        width: 30px;

        height: 30px;

    }

    .header-text-sidebar {

        font-size: 16px;

        margin-top: 3px;

    }



      /* Manage participant page */

      .text-add-button {

        width: 100%;

        font-size:16px;

    } 

    





}

@media screen and (min-width:2301px) and (max-width:2560px){

    /* Header and Image */

    .align-header {

        height: 70px;

    }

    .header-icon {

        width: 40px;

        height: 40px;

        margin: 10px 15px 10px 0px;

    }

    .header-text {

        margin-top: 19px;

        font-size: 22px;

    }

    .div-img {

        width: 46%;

    }



    /* Registration Page */

    .regi-outer-box {

        width: 750px;

    }

    .text-registration {

        font-size: 26px;

    }

    .texting-seller {

    font-size: 20px;

    }

    .info-social{

        margin-top:20px;

    } 

    .texting-or {

    font-size: 20px;

    margin:20px 0px;

    }

    .texting-or:before {

    width: 47%;

    left: 0px;

    top: 9px;

    }

    .texting-or:after {

        width: 47%;

        right: 0px;

        top: 9px;

    }

    .social-media {

        width: 80px;

        height: 80px;

    }

    .fa-icon .fa-eye-regi {

        top: 55px;

        font-size: 20px;

    }

    .fa-icon .fa-eye-align {

        right: 10px;

        top: 10px;

        font-size: 20px;

    }

    .form-contorl-text {

        font-size: 16px !important;

        height: 48px !important;

    }

    .text-returning {

    font-size: 18px;

    }

    .span-returning {

        font-family: "Inter", sans-serif;

        font-size: 18px;

    }

    .texting-gender {

    font-size: 18px;

    }

    .texting-business {

    font-size: 20px;

    }

    .text-label{

        font-size:20px !important;

    }

    .texting-button{

        font-size:20px !important;

        padding: 10px;

    }

    .texting-radio-btn {

    font-size: 18px;

    }

    .form-contorl-text{

        font-size: 18px !important;

        height: 50px !important;

    }

    .text-verification {

        font-size: 34px;

    }

    .texting-m-verify {

        font-size: 20px;

    }



    /* login page */



    .login-outer-box {

        width: 700px;

        box-shadow: 0px 4px 9px #c8c8c9, 0px 0px 2px #c8c8c9;

    }

    .text-welcome {

        font-size: 34px;

    }

    .text-login {

        font-size: 22px;

    }

     .fa-icon {

        font-size: 20px;

    }

    .form-contorl-bg{

        font-size: 16px !important;

        height: 48px !important;

    }

    .fa-icon .fa-eye-align {

        top: 10px;

        font-size: 20px;

    }

    .text-forget {

        font-size: 18px;

    }

    .text-account {

        font-size: 18px;

    }

    .text-acc-spna {

        font-size: 18px;

    }



    /* Forget password Page */

    .front-img {

        width: 150px;

        height: 150px;

    }

    .texting-main-text {

        font-size: 44px;

    }

    .texting-sub-text {

        font-size: 16px;

    }

    .form-contorl-forget{

        font-size: 16px !important;

        height: 48px !important;

    }

    .texting-btn-forget {

        font-size: 20px;

        padding: 15px;

    }

    .text-back-login {

        font-size: 20px;

    }

    .icon-left {

        padding: 5px 20px 5px 10px;

        font-size: 20px;

    }

   

    /* Set New password page */

.fa-icon .fa-eye-setpass {

    right: 12px;

    top: 57px;

    font-size: 20px;

}

  /* side bar page */

  .align-logotext {

    margin-top: 21px;

}

.header-text-sidebar {

    font-size: 18px;

}



  /* Manage participant page */

  .text-add-button {

    width: 100%;

    font-size:16px;

} 



}





/* Add event Page */

.event {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: space-evenly;

    background: #F8F9FAFF;

    border-radius: 8px;

    padding: 15px;

}



.information {

    font-family: 'Inter';

    font-size: 16px;

    line-height: 30px;

    font-weight: 700;

    color: #424955FF;

}



.details {

    width: 100%;

    border-bottom: 1px solid #DEE1E6FF;

}



.details a {

    display: flex;

    flex-direction: column;

    font-family: 'Inter';

    font-size: 13px !important;

    padding: 7px 0 !important;

    line-height: 30px !important;

    font-weight: 400 !important;

    align-items: flex-start;

    text-decoration: none !important;

    color: #565E6CFF ;

}



/* .details a:hover:active {

    color: #3abaf4 !important;

    text-decoration: none !important;

    font-weight: 700 !important;

} */



.text-info-1:hover {

    color: #08b5d1 !important;

}

.text-info-1{

    color: #08b5d1 !important;

}



.event_status p {

    margin-top: 5px;

    font-family: 'Inter';

    font-size: 14px;

    line-height: 25px;

    font-weight: 700 !important;

    color: #424955FF;

}



.event_active p {

    font-family: 'Inter';

    font-size: 12px;

    line-height: 20px;

    font-weight: 200;

    color: #565E6CFF;

}



.event-heading h2 {

    margin-left: 10px;

    margin-bottom: 0;

    font-family: 'Inter';

    font-size: 15px;

    line-height: 36px;

    font-weight: 700;

    color: #34395e;

}



.event-icons {

    object-fit: cover;

    width: 24px;

    height: 24px;

    fill: #FF8000FF;

}



.file-input-wrapper {

    position: relative;

    width: 100%;

}



.file-input-button {

    width: 100%;

    height: 32px;

    color: #495057;

    border-radius: 4px;

    border: 1px solid #e4e6fc;

    cursor: pointer;

    display: block;

    text-align: left;

    background-color: #fdfdff;

    font-size: 14px;

    padding: 7px 15px;

    height: 42px;

}



.file-input {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    opacity: 0;

    cursor: pointer;

}



.event-description textarea {

    padding: 10px 15px;

    height: 100px;

    display: block;

    width: 100%;

    font-family: 'Inter';

    font-size: 12px;

    line-height: 22px;

    font-weight: 400;

    border-radius: 4px;

    border-width: 1px;

    background-color: #fdfdff;

    border-color: #e4e6fc;

    outline: none;

    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.eve-image {

    display: flex;

    padding-bottom: 20px;

    border-bottom: 1px solid #DEE1E6FF;

}



.ticket-details {

    padding-bottom: 20px;

    border-bottom: 1px solid #DEE1E6FF;

}



.event-image {

    margin-right: 10px;

    width: 90px;

    height: 90px;

    border-radius: 4px;

    border: 1px dashed #BCC1CAFF;

}



.event-image img {

    width: 90px;

    height: 90px;

    border-radius: 4px;

}



.event-heading {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.logo-heading {

    display: flex;

    align-items: center;

}



.location-heading h2 {

    font-family: 'Inter';

    font-size: 20px;

    line-height: 30px;

    font-weight: 700;

    color: #171A1FFF;

}



.map-image iframe {

    width: 100%;

    height: 95%;

    border-radius:4px;

}



.address-details {

    display: flex;

    width: 100%;

}



.radio-events {

    display: flex;

    align-content: center;

}



.radio-events input[type="radio"] {

    margin: 0;

    margin-right: 5px;

}



.radio-events label {

    font-family: 'Inter';

    font-size: 12px !important;

    line-height: 24px !important;

    font-weight: 300 !important;

    margin-bottom: 0;

    margin-right: 10px;

}



.btn-cancel {

    width: 90px;

    height: 36px;

    padding: 0 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: 'Inter';

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    color: #FFFFFFFF;

    background: #DE3B40FF;

    opacity: 1;

    border: none;

    border-radius: 4px;

    margin-right: 10px;

}



.btn-save {

    width: 131px;

    height: 36px;

    padding: 0 12px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family: Inter;

    font-size: 14px;

    line-height: 22px;

    font-weight: 400;

    color: #FFFFFFFF;

    background: #1DD75BFF;

    opacity: 1;

    border: none;

    border-radius: 4px;

}



.buttons-form {

    margin-top: 10px;

    display: flex;

}



.available-grp {

    display: flex;

    align-items: center;

}



.available-icons {

    width: 30px;

    height: 30px;

    fill: #FFFFFFFF;

    margin: 0 3px;

    object-fit: cover;

    cursor: pointer;

}



.down-arrow {

    width: 18px;

    height: 15px;

    fill: #FF8000FF;

}



.image-preview-container {

    display: flex;

    flex-wrap: wrap;

    gap: 10px;

}



.flex-image {

    display: flex;

    gap: 10px;

    flex-wrap: nowrap

}



.row {

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-right: 0 !important;

    margin-left: 0 !important;

}



/* .content-collapse {

    transition: height 0.5s ease-out;

    padding 0.5s ease-out;

    margin 0.5s ease-out;

    overflow: hidden;

} */



.image-preview {

    width: 90px !important;

    border-radius: 4px;

    height: 90px;

    flex: 0 0 auto;

    height: 90px !important;

    border: 1px dotted #ccc;

    padding: 5px;

    object-fit: cover;

}



.image-preview img {

    width: 90px;

    height: 90px;

    object-fit: cover;

}







.form-contorl-text {

    font-size: 12px !important;

    height: 40px !important;

}



.form-contorl-text1 {

    font-size: 12px !important;

    height: 32px !important;

    width: 80% !important;

}



.text-label {

    font-size: 12px !important;

}



.delete-button {

    position: absolute;

    top: 5px;

    right: 5px;

    background-color: rgba(255, 0, 0, 0.7);

    color: white;

    border: none;

    border-radius: 50%;

    width: 20px;

    height: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}



.accordion-icon {

  font-size: 1.2rem !important; /* Adjust this value as needed */

}



.form-group {

    margin-bottom: 15px !important;

}









/* Responsive design add event */



@media screen and (min-width:320px) and (max-width:768px) {



    .information {

        font-size: 16px;

    }



    .accordion-icon {

  font-size: 1.0rem !important; /* Adjust this value as needed */

}







    .main-content {

        padding-left: 0px !important;

        padding-right: 0px !important;

    }



    .details a {

        font-size: 12px !important;

    }



    .col-lg-3, .col-lg-6, .col-lg-9 {

        padding-right: 0px !important;

        padding-left: 0px !important;

    }



    .event {

        padding: 15px !important;

    }



    .event_status p {

        font-size: 14px;

        line-height: 25px;

    }



    .event_active p {

        font-size: 12px;

        line-height: 25px;

    }



    .event-icons {

        object-fit: cover;

        width: 19px;

        height: 19px;

    }



    .event-heading h2 {

        margin-left: 4px;

        font-size: 14px !important;

        line-height: 22px;

    }



    .text-label {

        font-size: 12px !important;

    }



    .form-control-text {

        font-size: 11px !important;

        padding: 5px 10px !important;

        height: 27px !important;

    }



    .radio-events {

        display: flex;

        flex-direction: row;

    }



    .radio-events label {

        font-size: 11px !important;

        line-height: 21px !important;

        margin-right: 7px;

    }



    .preview-item {

        width: 150px;

        flex: 0 0 auto;

        height: auto;

        border: 1px dotted #ccc;

        padding: 5px;

        object-fit: cover;

    }

}



@media screen and (min-width:768px) and (max-width:1023px) {



    .details a {

        font-size: 14px;

    }



    .available-icons {

        width: 24px;

        height: 24px;

    }



    .event-heading h2 {

        font-size: 16px;

    }

}



@media screen and (min-width:1024px) and (max-width:1200px) {

    .details a {

        font-size: 13px;

    }



    .event-ticket-align{

        display:flex;

        flex-direction: column;

    }

}



@media screen and (min-width:1200px) and (max-width:1440px) {



    .event {

        padding: 10px;

    }



    .information {

        font-size: 17px;

        line-height: 35px;

    }



    .details a {

        font-size: 13px;

        padding: 2px 0;

        line-height: 25px;

    }

}



@media screen and (min-width:1441px) and (max-width:1600px) {



    .form-group label {

        font-size: 15px !important;

    }



    .event-description textarea {

        font-size: 14px;

    }



    .form-contorl-text {

        font-size: 14px !important;

        height: 37px !important;

    }



    .file-input-button {

        height: 38px !important;

        font-size: 14px;

    }



    .event-heading h2 {

        font-size: 22px;

    }



    .col-lg-6 {

        padding-left: 0px;

    }



    .details a {

        font-size: 15px !important;

        padding: 7px 0 !important;

    }



    .event_status p {

        font-size: 17px;

        line-height: 40px;

    }



    .event_active p {

        font-size: 14px;

    }

}



@media screen and (min-width:1601px) and (max-width:1920px) {

    .custom-file-label {

    line-height: 1.9 !important;

}

    .form-group label {

        font-size: 16px !important;

    }



    .event-description textarea {

        font-size: 15px;

    }



    .form-contorl-text {

        font-size: 15px !important;

        height: 40px !important;

    }



    .file-input-button {

        height: 40px !important;

        font-size: 15px;

    }



    .event-heading h2 {

        font-size: 20px;

    }



    .col-lg-6 {

        padding-left: 0px;

    }



    .details a {

        font-size: 16px !important;

        padding: 7px 0 !important;

    }



    .event_status p {

        font-size: 18px;

        line-height: 40px;

    }



    .event_active p {

        font-size: 15px;

    }

}



@media screen and (min-width:1921px) and (max-width:2300px) {



    .form-group label {

        font-size: 18px !important;

    }



    .event-description textarea {

        font-size: 17px;

        height: 200px;

    }



    .form-contorl-text {

        font-size: 17px !important;

        height: 42px !important;

    }



    .file-input-button {

        height: 42px !important;

        font-size: 17px;

    }



    .event-heading h2 {

        font-size: 25px;

    }



    .event-icons {

        width: 33px;

        height: 33px;

    }



    .col-lg-6 {

        padding-left: 0px;

    }



    .information {

        font-size: 23px !important;

        line-height: 55px !important;

    }



    .details a {

        font-size: 20px !important;

        padding: 7px 0 !important;

        line-height: 42px !important;

    }



    .event_status p {

        font-size: 22px;

        line-height: 45px;

    }



    .event_active p {

        font-size: 18px;

        line-height: 35px;

    }



    .available-icons {

        width: 40px;

        height: 40px;

    }

}



@media screen and (min-width:2301px) and (max-width:2560px) {



    .event {

        padding: 20px;

    }



    .radio-events label {

        margin-right: 25px;

    }



    .form-group label {

        font-size: 23px !important;

    }



    .event-description textarea {

        font-size: 20px !important;

        height: 250px;

    }



    .form-contorl-text {

        font-size: 22px !important;

        height: 62px !important;

    }



    .file-input-button {

        height: 62px !important;

        font-size: 22px;

    }



    .event-heading h2 {

        font-size: 30px !important;

    }



    .col-lg-6 {

        padding-left: 0px;

    }



    .information {

        font-size: 30px !important;

        line-height: 55px !important;

    }



    .details a {

        font-size: 24px !important;

        padding: 7px 0 !important;

        line-height: 55px !important;

    }



    .event_status p {

        font-size: 28px;

        line-height: 65px;

    }



    .event_active p {

        font-size: 24px;

        line-height: 55px;

    }



    .available-icons {

        width: 40px;

        height: 40px;

    }

}

.text-info-1{

    color: #12cbe9 ;

}



.delete-btn{

    border: none !important;

    background: none !important;

}

.btn-theme:hover,

.btn-theme:focus,

.btn-theme:active,

.btn-theme.disabled:hover,

.btn-theme.disabled:focus,

.btn-theme.disabled:active {

    background-color: #ff8000 !important;

    color: #fff !important;

}

.info-icon-wrapper {
    position: relative;
    display: inline-block;
    margin-top: 10px; /* Adjust spacing as needed */
}

.info-icon {
    font-size: 16px; /* Adjust icon size */
    cursor: pointer;
    color: #FF8000; /* Adjust icon color */
}

.tooltip-content {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 9px;
    position: absolute;
    z-index: 1;
    bottom: 156%;
    left: -15px !important;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-content::after {
    content: '';
    position: absolute;
    top: 100%; /* Arrow pointing down */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.info-icon-wrapper:hover .tooltip-content {
    visibility: visible;
    opacity: 1;
}

.tooltip-content > ul{
    text-align: left;
}