body {
    background: url(../images/main-background.svg);
    background-size:cover;
    background-repeat: no-repeat;
    font-family: 'Poppins', sans-serif;
    background-attachment:fixed;
}
.event-registration-frm-sec input[type=checkbox], input[type=radio] { accent-color: #5400F3;  }
.event-registration-frm-sec label.form-check-label {  opacity: 1 !important;}
 .event-registration-frm-sec  .dropdown-toggle::after {display: inline-block;  content: ""; border-top: 7px solid #808080; border-right: 7px solid transparent;border-bottom: 0;border-left: 7px solid transparent; position: absolute; right: 0; top: 15px; margin-right: 7px;}
.event-registration-frm-sec select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: 1px solid #dfdfdf;
    border-radius: 2px;
    margin-right: 2rem;
    padding: 1rem;
    padding-right: 2rem;
  }
  .event-content-outer .event-date-time img { max-width: 20px;}
  .select2-selection--multiple:before {
    content: "";
    position: absolute;
    right: 7px;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='gray' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat; 
    width: 25px;
    height: 25px;
}
 
.how-to-host-event a:hover {text-decoration: underline; color: #fff;}
.login-page { ms-flex-align: center; align-items: center; background-color: #e9ecef; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column;  height: 100vh;  -ms-flex-pack: center; justify-content: center;}
.login-box {  max-width: 500px; text-align: center; margin: auto;padding: 30px;background: transparent linear-gradient(180deg, #FEE6FB 0%, #DBB9F3 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 0px 18px #00000029;border-radius: 10px;}
.login-box img { width: 100px;}
.signin-text { text-align: center; font-size: 26px; padding: 20px 0px; font-weight: 500; letter-spacing: 0px; color: #000000; line-height: 39px;}
.btn-login a {background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: solid 2px #fff; padding: 8px;border-radius: 25px;max-width: 200px; display: block; color: #fff; font-size: 18px; font-weight: 500; text-align: center; text-decoration: none;}
.btn-login a:focus,.btn-login a:active,.btn-login a:hover { background: #fff; border: solid 2px #8700FF; color: #8700FF; box-shadow: none;  outline: none;}
.btn-signup a { background: #fff; border: solid 2px #8700FF; padding: 8px; border-radius: 25px; max-width: 200px; display: block; color: #8700FF; font-size: 18px;font-weight: 500;  text-align: center; text-decoration: none;}

.otp-btn { width: fit-content;  background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: solid 2px #fff;  padding: 10px 20px; border-radius: 25px;display: block; color: #fff; font-size: 18px; font-weight: 500; text-align: center; text-decoration: none; margin: auto; min-width: 120px;}
.otp-btn:focus,.otp-btna:active,.otp-btn:hover { background: #fff; border: solid 2px #8700FF; color: #8700FF; box-shadow: none; outline: none;}
.btn-signup a:focus,.btn-signup a:active,.btn-signup a:hover { background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;  border: solid 2px #fff; color: #fff; box-shadow: none;  outline: none;}
.btn-login { margin-bottom: 15px;}
.btn-area a { color: #ffffff; text-decoration: none;}
.login-box .form-control {outline: none; border-radius: 0; padding: 12px 20px; background: transparent; margin: 8px 0; box-sizing: border-box; border: none; text-align: center;  border-bottom: 1px solid #00000029; max-width: 80%; margin: auto;}
.login-box .form-control:focus {box-shadow: none;}
#resendotp { text-align: center; font: normal normal normal 14px Poppins;  letter-spacing: 0px; color: #5900FF;}
.user-section {text-align: right;padding-right: 10px;}
.user-section a {letter-spacing: 0px; color: #000000; font-size: 20px; line-height: 30px; font-weight: 400; text-decoration: none;}
.row.header-section {  align-items: center;}
.header-part {  margin: 15px 0px 0;}
.host-event-btn a {text-align: center; padding: 15px 30px; font-size: 16px; color: #ffffff; text-decoration: none; background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: 2px solid #FFFFFF; border-radius: 40px;}
.host-event-btn a:focus,.host-event-btn a:active,.host-event-btn a:hover { background: #fff; border: solid 2px #8700FF; color: #8700FF;  box-shadow: none; outline: none;}
.gaanap-logo {  text-align: center;}
.gaanap-logo img { width: 75px;}
.user-section img { width: 32px; border: 1px solid #937FEE; border-radius: 50%;}
span.logo-r-text { margin-top: 26px;font-size: 19px; font-weight: 600;}
.event-slider { margin-top: 37px; color: #000000;background-color: transparent !important; border-color: transparent;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link { color: #0c0c0c; background-color: #ffffff00; font-size: 20px; border-bottom: 4px solid #6355d5; border-radius: 0px;}
.nav-pills .nav-link {background: 0 0;border: 0; border-radius: 0.25rem;color: black;font-size: 20px;}
.btn-sections { max-width: 200px; margin: auto;}
.user-section>a:after { content: ""; width: 12px; height: 8px; background:url(../images/dropdown-arrow.png); opacity: 1; position: absolute; bottom: 0;}
.user-section ul.dropdown-menu.dropdown-menu-default.mr-user-menu a { letter-spacing: 0px; color: #000000; font-size: 16px;line-height: 25px; font-weight: normal;}
.user-section ul.dropdown-menu.dropdown-menu-default.mr-user-menu.show { background: #F8F8F8 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #00000042; border: 1px solid #0000005C;  border-radius: 5px; padding: 0px; margin-top: 10px;}
.event-date-time { display: flex; justify-content: space-between; text-align: left; letter-spacing: 0px; font-size: 15px; line-height: inherit; font-weight: 500;}
.event-date-time span { padding-right: 5px; vertical-align: bottom;}
.event-text a { font-size: 18px;  color: #8A00FF; font-weight: 500;}
.event-text {padding: 10px 0px;display: flex;justify-content: space-between;}
.event-slider ul li { padding: 5px 20px 5px  0px;}
.event-slider ul li a { padding: 5px 0px;}
.event-slider ul#pills-tab { border-bottom: 1px solid #8700FF; margin-bottom: 35px;}
.event-outer { background: #FFFFFF; box-shadow: 0px 0px 5px #00000042;  border-radius: 5px;  height: 100%;}
.eventqual {margin-bottom: 25px;}
.event-slider  .nav-pills .nav-link.active, .event-slider .nav-pills .show>.nav-link { color: #0c0c0c; background-color: #ffffff00; font-size: 20px; border-bottom: 4px solid #6355d5;border-radius: 0px; padding-bottom: 6px; margin-bottom: -6px;}

.event-img img {
    max-width: 100%;
    width: 100%;
    border-radius: 5px 5px 0px 0px;
}
.event-content-outer { padding: 10px;}
.event-status {padding: 10px 0px; }
.event-payment-status {
    border-bottom: 1px solid #ccc;
    display: block;
    padding-bottom: 10px;
}
 .badge {
    padding: 1px 5px;
    border-radius: 3px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
}

.event-content-outer label {
    color: #8A8A8A;
    padding-right: 5px;
    margin: 0;
}
span.eventcount { display: inline-block; width: 30px; height: 30px; background: #00B70C; border-radius: 50%; text-align: center; color: #fff;font-size: 16px; line-height: 32px;}
h5#hosteventModalLabel {text-align: center;letter-spacing: 0px;color: #8700FF;font-size: 28px;font-weight: 500;display: block;width: 100%;}
#hostevent .modal-header {border: none;padding: 20px 30px;width: 100%;display: block;}
#hostevent .modal-dialog {  max-width: 800px;}
.hostcontent-outer h4 { font-size: 20px;}
.hostcontent-outer ul li::marker {  color: #8700FF;}
#hostevent .modal-body { padding: 0 30px;}
#hostevent .modal-footer {border: none;width: 100%;display: block;margin-bottom: 10px;}
#signuppopup .modal-body { padding: 40px 30px 15px;}
#signuppopup .modal-content{ box-shadow: 0px 0px 20px #0000005C; border-radius: 10px; }
#hostevent .modal-content{ box-shadow: 0px 0px 20px #0000005C; border-radius: 10px; border:0px;}
#signuppopup .modal-dialog { max-width: 550px;}
#signuppopup .hostcontent-outer p { margin: 0px;}
#signuppopup .modal-footer {border: none;width: 100%;display: block;margin-bottom: 20px;}
div#signuppopup {  text-align: center; letter-spacing: 0px;  color: #000000;  font-size: 20px; line-height: 28px;  font-weight: 500;}
.event-deca, .event-defficult, .event-content-outer, .event-code, .event-start{font-size: 15px;margin-top: 10px; line-height:21px;}
.event-start { margin-bottom: 10px;}
.event-code {  color: #8700FF;}
.event-deca label, .event-defficult label, .event-content-outer label {  font-size: 16px;}

.okbtn { text-transform:uppercase;  text-align: center;padding: 10px 30px;font-size: 16px;color: #ffffff;text-decoration: none;background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: 2px solid #FFFFFF;border-radius: 40px;font-size: 20px;}
.okbtn:focus,.okbtn:active,.okbtn:hover { background: #fff; border: solid 2px #8700FF; color: #8700FF; box-shadow: none;  outline: none;}
.event-registraion-section{background:#FFFFFF; box-shadow:0px 0px 20px #00000029; border-radius:10px; padding:20px; margin:50px 0px 30px;}
.event-registraion-section h2 {text-align: center;letter-spacing: 0px;color: #000000; font-size: 30px; font-weight: 700; font-family: 'Roboto', sans-serif;}
form#event-registration-frm .form-group input , form#event-registration-frm .form-group select, #event-registration-frm .form-group  .btn-group{ border-bottom: 1px solid #ccc !important; border-radius: 0px !important;}
#event-registration-frm label {display: block;width: 100%;  color:#8f8f8f; font-size:14px}
#event-registration-frm span.input-group-addon { position: absolute; right: 0;  top: 30px; z-index: 999;}
#event-registration-frm label .tool{vertical-align:middle;}
#event-registration-frm .select2-container .select2-search--inline .select2-search__field{margin-left:0px;}

.ui-timepicker-standard a { text-align: left !important;   color: #000 !important; border: none !important; padding: 2px 5px; } 
.ui-timepicker-standard .ui-state-hover { background-color: #ccc; color: #fff !important;}
#event-registration-frm .form-control {border: none !important; padding:0px 0px 5px 0px;}
#event-registration-frm .form-control:focus, #event-registration-frm .form-control:active {outline: none; box-shadow: none;}
#event-registration-frm .form-check-inline .form-check-input {width: 25px; height: 25px;vertical-align: middle; margin-right: 10px;}
.event-registration-frm-sec {padding: 30px;}
.submitbtn {background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: solid 2px #fff; padding: 10px 20px; 
    border-radius: 25px;
    display: block; color: #fff; font-size: 18px; font-weight: 500; text-align: center; text-decoration: none; margin: auto; min-width: 150px;}


.submitbtn:focus,.submitbtn:active,.submitbtn:hover {background: #fff;border: solid 2px #8700FF; color: #8700FF; box-shadow: none; outline: none;}

.backbtn{
    background: #fff; border: solid 2px #8700FF; 
    color: #8700FF;   padding: 10px 20px;  border-radius: 25px; display: block;
    font-size: 18px; font-weight: 500; text-align: center; text-decoration: none; margin: auto;  min-width: 200px;
}
.backbtn:hover{ background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: solid 2px #8700FF; color:#fff  }

.submit-btn-section
{
    text-align: center!important;
    display: flex;
    margin: auto;
    width: 420px;
}

.multiplselect .btn-group {width: 100%; display: block;}
.multiplselect button.multiselect.dropdown-toggle.btn.btn-default {width: 100%;text-align: left;padding: 0.375rem 0;}
.multiplselect ul.multiselect-container.dropdown-menu {width: 100%;background: #F8F8F8 0% 0% no-repeat padding-box;box-shadow: 0px 0px 10px #00000042;border-radius: 0px 0px 5px 5px;}
.multiplselect button.multiselect.dropdown-toggle.btn.btn-default:focus { box-shadow: none; outline: none;}
span.tool { padding-left: 5px; vertical-align: super;}
.multiselect-container>li>a>label {padding: 2px 20px 2px 20px;}
.hostcontent-outer li{font-size:16px;  line-height: 25px;}
.multiplselect ul.multiselect-container.dropdown-menu label {  opacity: 1 !important;}
#event-registration-frm textarea.form-control.custom-game
{
  background: #F8F8F8 0% 0% no-repeat padding-box;box-shadow: 0px 0px 10px #00000042;border: 1px solid #0000005C !important;
  border-radius: 5px;margin-top: 10px;padding: 5px !important;font: 16px/24px; letter-spacing: 0px; color:#000000; 
}
#eventime {background: unset !important;}
.form-group.custom-textarea {  border-bottom: none !important;}
.tooltip-inner {color:#000000; border: 1px solid #707070;}
.about-event .event-date-time {  justify-content: flex-start;}
.about-event .event-date-time .date { padding-right: 20px;}
.about-event h2 { color: #000000; font-size: 30px;line-height: 46px; font-weight: 500;}
.about-event .event-payment-status{ border-bottom:0px; }
.about-event label {
    color: #8A8A8A;
    padding-right: 5px;
    margin: 0;
}

.event-information { margin: 30px 0px;}
.evdetails {background: #F3E9FF 0% 0% no-repeat padding-box;box-shadow: 0px 0px 5px #00000029;border-radius: 10px;padding: 20px;margin-bottom: 20px; height: 100%;}
.evdetails label {display: block;width: 100%;color: #00000080;margin: 0;line-height: 25px;font-size: 16px;}
.event-details {  margin: 20px 0px 10px;}
.summery-details {background: #FFFFFF 0% 0% no-repeat padding-box;border-radius: 10px 10px 0px 0px;padding: 15px;}
.summery-details h4 { letter-spacing: 0px; color: #000000; font-size: 18px; line-height: 27px;}
.summery-list {display: flex;justify-content: space-between;margin-bottom: 12px;}
.evetntotal {background: #F3E9FF 0% 0% no-repeat padding-box;border-radius: 0px 0px 10px 10px;display: flex;padding:10px 20px;justify-content: space-between;}
.summery-details hr {margin: 5px 0px;}
.summery-section { background: #F3E9FF 0% 0% no-repeat padding-box;  border-radius: 10px;  box-shadow: 0px 0px 5px #00000029;}
.event-information {max-width: 975px; width: 100%;}
.exitbtn {  color: #8700FF;text-transform: uppercase; font-size: 20px;line-height: 30px;background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #8700FF;border-radius: 40px; width: 200px; display: inline-block; text-align: center; padding: 10px; text-decoration: none; max-width: 100%; font-weight: 500;}
.exitbtn:hover {background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;border: 2px solid #FFFFFF;border-radius: 40px;color:#fff;text-decoration: none;}
.default-btn { background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;border: 2px solid #FFFFFF;border-radius: 40px;color:#fff;text-decoration: none;text-transform: uppercase; font-size: 20px;line-height: 30px;border-radius: 40px; width: 200px; display: inline-block; text-align: center; padding: 10px; text-decoration: none; max-width: 100%; font-weight: 500;}
.default-btn:hover {  color: #8700FF; background: #FFFFFF 0% 0% no-repeat padding-box; border: 2px solid #8700FF; text-decoration: none;}
.bottom-btn-section .col-md-4:nth-child(1) { text-align: left;}
.bottom-btn-section .col-md-4:nth-child(2) { text-align: center;}
.bottom-btn-section .col-md-4:nth-child(3) {  text-align: right;}
.scheduledpopup#hostevent .modal-dialog {  max-width: 600px;}
.scheduledpopup { text-align: center; letter-spacing: 0px; color: #000000;font-size: 20px; line-height: 28px; font-weight: 500;}

.how-to-host-event {
    background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;
    box-shadow: 3px 3px 8px #00000040;
    border: 2px solid #FFFFFF;
    height: 125px;
    width: 125px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    border-radius: 50%;
    text-align: center;
    padding:15px 10px; }

.how-to-host-event a {color: #fff; font-size: 16px;  line-height: normal; display:block;}
.how-to-host-event i{font-size:28px;}


form#event-registration-frm .form-group label.error {order: 4; color: red;  opacity: 1;}
.event-registration-frm-sec input[type="file"]::file-selector-button {  border: 2px solid #ffffff00;    background-color: #ffffff00;}
input#eventimage {  cursor: pointer;}
.form-group.multiplselect { display: grid;}
.select2-container--default .select2-selection--multiple .select2-selection__clear {right: 20px !important;}  
.select2-results__option {padding-right: 20px;vertical-align: middle;}
.select2-results__option:before {
content: "";
display: inline-block;
position: relative;
height: 20px;
width: 20px;
background-color: #fff;
margin-right: 19px;
vertical-align: middle;
border: 1px solid #707070;
border-radius: 4px;
}
.select2-results__option[aria-selected=true]:before , .select2-results__option--selected:before {
font-family:fontAwesome;
content: "\f00c";
color: #fff;
background-color: #8700ff;
border: 0;
display: inline-block;
padding-left: 4px;
font-size: 11px;
font-weight: normal;
padding-top: 3px;
}
.select2-container--default .select2-results__option[aria-selected=true] {color: #000; }
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background-color: #cccccc !important; color: #000;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb;  color: #000; }
.select2-container--default .select2-selection--multiple {margin-bottom: 10px;}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {border-radius: 4px;}
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #8700ff; border-width: 2px;}
.select2-container--default .select2-selection--multiple {border-width: 2px;}
.select2-container--open .select2-dropdown--below {border-radius: 6px;box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.select2-selection .select2-selection--multiple:after { content: 'hhghgh';}
/* select with icons badges single*/
.select-icon .select2-selection__placeholder .badge { display: none;}
.select-icon .placeholder {display: none;}
.select-icon .select2-results__option:before,
.select-icon .select2-results__option[aria-selected=true]:before {display: none !important;/* content: "" !important; */ }
.select-icon  .select2-search--dropdown {display: none; }
.select2-container--default .select2-selection--multiple {border: none !important;border-radius: 0 !important;  border-bottom: 1px solid #ccc !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple { border: none !important; border-radius: 0 !important;border-bottom: 1px solid #ccc !important;}
.select2-container--default .select2-results__option--selected { background-color: transparent !important;}
.select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: #F8F8F8 0% 0% no-repeat padding-box; box-shadow: 0px 0px 10px #00000042; border-radius: 0px 0px 5px 5px;  border: none;color: #000;}
.datepicker.dropdown-menu {  padding: 10px;}
.confirm-event { margin-bottom: 15px;}
.additionfeature {position: absolute;z-index: 99;right: 30px;top: 15px;background: #F9F9F9;box-shadow: 0px 0px 10px #00000042;border: 1px solid #0000005C;border-radius: 5px;}
.additionfeature ul { margin: 0px;padding: 10px; list-style: none; width: 100px;}
.event-slider .additionfeature ul li { padding: 0;}
.event-slider .additionfeature ul li a {line-height: inherit; font-size: 14px; padding: 5px; color: #000; text-decoration: none;}
.event-slider .additionfeature ul li a:hover { color: #8A00FF;}
.event-content-outer { position: relative;}
.addfeature { cursor: pointer;}
.event-start a { font-size: 16px; color: #ffffff; text-decoration: none; background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box; border: 2px solid #FFFFFF;  border-radius: 40px; padding: 5px 20px;}
.event-start a:focus, .event-start a:active, .event-start a:hover { background: #fff; border: solid 2px #8700FF; color: #8700FF;  box-shadow: none;    outline: none;}

.tooltip-inner{background:#ffffff !important;}

.form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}
.event-information .event-photo{border-radius:10px; border: 1px solid #f3f3f3;}

input[type=file]::file-selector-button {
  margin-right: 20px;
  border: none;
  background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box !important;

  padding: 5px 20px;
  border-radius:5px;
  color: #fff;
  cursor: pointer;  
}

.select-all-btn,.select-all-btn:focus,.select-all-btn:active,.select-all-btn:hover {
    font-size: 13px;
    padding: 0px 5px;
    border: 0;
    background: none;
    text-transform: capitalize;
    color: #6f4be7;
    border: 1px solid #6f4be7;
    border-radius: 5px;
    margin: 0px 10px;
    outline: none;
}
.select-all-btn:hover {opacity:.8;}


#terms-and-condition-modal .modal-header{
    padding: 10px 15px;
    background: transparent linear-gradient(90deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
#terms-and-condition-modal p{margin-bottom:10px;}

#terms-and-condition-modal li {
    margin-bottom: 8px;
    font-size: 13px;
}
#terms-and-condition-modal ol, #terms-and-condition-modal ul {
    padding-left: 25px;
}

.btn-danger {
    color: #fff;
    background: linear-gradient(45deg, #771717, #db0d0d 100px);
    border-color: #dc3545;
    font-size: 18px;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
    padding: 10px 20px;
    min-width: 120px;
    border: 2px solid;
}

.btn-danger:hover {
    color: #d11212;
    background: #fff;
    text-transform: uppercase;
}
.app-download-out {
    list-style: none;
    padding: 0;
    columns: 2;
    width: 340px;
    margin: 0px auto 30px;
}

.form-control:disabled {
    background-color: #c7c4c414;
    opacity: 1;
    cursor: not-allowed;
}

.contact-req-btn-out {
    padding: 15px 20px;
    margin: 30px auto;
    position: static;
    text-align: center;
    width: 500px;
    border-radius: 10px;
    border: 1px solid #fff0dc;
    background: #fff0dc4d;
}
.contact-req-btn-out a {
    color: #5f49fd;
    font-weight: 500;
    border: 1px solid;
    padding: 3px 10px;
    border-radius: 21px;
    text-decoration: none;
}

#contact-frm-modal .modal-header {
    background: transparent linear-gradient(125deg, #8A3BCE 0%, #6D4CE9 100%) 0% 0% no-repeat padding-box;
    color: #fff;
}
#contact-frm-modal .modal-header .close{color:#ffffff; opacity:1; font-weight:400;}
label.error {
    color: red;
    font-size: 14px;
}

label.error {
    color: red;
    font-size: 14px;
}

.apply-promo-code-out{
    padding: 10px; margin:10px 0px 0px;  background:#fbfbfb;
    border-radius: 5px; box-shadow: 0px 0px 5px #e7e5e5; 
}

.apply-promo-code-out ul li { display: inline-block; vertical-align: top;}
.apply-promo-code-out .btn{color:#fff; border-color:#704ae6; background:#704ae6;}
.apply-promo-code-out .btn, .apply-promo-code-out .form-control{ font-size: 14px; padding: 6px 7px; border-radius:0px; min-width:90px;}
.apply-promo-code-out ul { display:flex; margin:0; padding:0; list-style:none;}

.apply-promo-code-out .btn:focus, .apply-promo-code-out .form-control:focus{ box-shadow: unset; }

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

    .event-registraion-section h2 {  font-size: 24px; }
    .gaanap-logo img {width: 60px;}
    .user-section a {font-size: 14px;}    
    .host-event-btn a {font-size: 14px;padding: 10px 20px;}
    span.logo-r-text {font-size: 16px;}
}

@media screen and (max-width: 991px) {
    .container, .container-sm {
        max-width: 100%;
    }

}

@media screen and (max-width: 767px) 
{   
    .signin-text { font-size: 20px; line-height: inherit; }    
    .login-box { max-width: 400px; }    
    .login-box img { max-width: 60px; }    
    .btn-login a { max-width: 125px; margin: auto; font-size: 16px; }    
    .btn-signup a { max-width: 125px; margin: auto;font-size: 16px;}
    .otp-btn { font-size: 16px;    }
    .user-section a {font-size: 14px;}    
    .gaanap-logo img {width: 50px;}
    span.logo-r-text {font-size: 14px;}
    .submitbtn {font-size: 16px;     min-width: 125px;}
    #event-registration-frm .form-check-inline .form-check-input {width: 20px; height: 20px;margin-right: 5px; }
    .host-event-btn a {padding: 10px 14px;font-size: 14px;}
    .event-slider .nav-pills .nav-link.active, .event-slider .nav-pills .show>.nav-link, .nav-pills .nav-link {font-size: 16px;}
    .scheduledpopup {font-size: 16px;line-height: inherit;}
    .about-event h2 { font-size: 24px;  line-height: inherit;    }
    .about-event {  margin: 10px 0px;    }
    .default-btn, .exitbtn {min-width: 100px;font-size: 16px;padding: 5px 10px;margin-bottom: 5px;}
    .bottom-btn-section .col-12.col-md-4 {
        text-align: center;
        margin: 10px 0px;
    }
}