.add_event-wrap{padding:80px;background:rgb(3 20 42 / 60%);border-radius:15px;box-shadow:0 0 40px rgb(64 243 247 / 8%);border:1px solid rgb(64 243 247 / 23%);margin:0 auto 40px;}
.add_event-wrap .input-wrap{margin-bottom:15px;position:relative}
.add_event-wrap .row{display:flex;gap:20px;flex-wrap:wrap}
.add_event-wrap .row .col-6{flex:1;min-width:200px}
.add_event-wrap label{color:#fff;line-height:1.25;font-size:16px;margin-bottom:10px;display:inline-block}
.add_event-wrap input,.add_event-wrap select,.add_event-wrap textarea{width:100%;appearance:none;border:1px solid #40f3f7;border-radius:15px;font-size:14px;background:rgb(0 0 0 / 5%);color:#fff;padding:15px 25px}
.add_event-wrap input::placeholder,.add_event-wrap textarea::placeholder{color:rgba(255,255,255,.5)}
.add_event-wrap .msg-error{color:#ff6900;font-size:14px;margin-top:6px}
.add_event-wrap input.error,.add_event-wrap textarea.error,.add_event-wrap select.error{border-color:#ff6900}
.add_event-wrap p.form-info{border-left:2px solid #40f3f7;padding:10px;background:rgb(255 255 255 / 7%);color:#e2e8f0;font-size:14px}
.add_event-wrap input[type=submit]{padding:15px 30px;border-radius:15px;background:#40f3f7;color:#0f1b32;font-weight:700;cursor:pointer;border:none;margin-top:24px;width:auto}
.add_event-wrap input[type=submit]:disabled{opacity:.5;cursor:not-allowed}
.add_event-wrap .promotion{padding:20px;background:#213258;border-radius:20px;display:none}
.add_event-wrap .promotion.active{display:block}
.another_type_wrapper,.event_city_wrapper,.event_country_wrapper,.event_place_wrapper{display:none}
.another_type_wrapper.active,.event_city_wrapper.active,.event_country_wrapper.active,.event_place_wrapper.active{display:block}
.form-success{text-align:center;display:none}.form-success h3{color:#40f3f7}.add_event-wrap.success .form-success{display:block}.add_event-wrap.success form{display:none}
.custom-checkbox{display:flex;align-items:flex-start;gap:8px;color:#fff;cursor:pointer}
@media(max-width:767px){.add_event-wrap{padding:20px}.add_event-wrap .row{flex-direction:column}}

.blog_bg {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

@media (max-width: 768px) {
    .blog_bg {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .blog_bg {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    .blog_bg {
        flex-direction: column;
    }
}

.blog_left {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.blog_left .item {
	width: 33.33333%;
	margin-bottom: 30px;

    @media (min-width: 768px) and (max-width: 991px) {
        width: 50%;
    }
}

textarea {
    resize: none;
    height: 100px;

    &:focus-visible {
        outline: none;
        border-color: #40f3f7;
    }
}

input {
    &:focus-visible {
        outline: none;
        border-color: #40f3f7;
    }
}

label.custom-checkbox {
    margin-bottom: 0;
}

.add_event-wrap .input-wrap * {
    box-sizing: border-box;
}

.custom-checkbox > span {
    align-items: flex-start;
}

.custom-checkbox > input:checked + span::before,
.custom-checkbox > span::before {
    margin-top: 1px;
}

#promotion_block .custom-checkbox > input:checked + span::before,
#promotion_block .custom-checkbox > span::before {
    margin-top: 2px;
}

/* contacts-like checkbox error state */
.add_event-wrap .input-wrap.checkbox.error .custom-checkbox > span::before,
.add_event-wrap .input-wrap.checkbox.error .custom-checkbox > input:not(:disabled):not(:checked) + span:hover::before {
    border-color: #ff6900 !important;
}

.add_event-wrap .input-wrap.checkbox .msg-error {
    display: none;
}

.add_event-wrap .input-wrap.checkbox.error .msg-error {
    display: block;
}

#event_type option {
    background: #223358;

    &:hover {
        color: #40f3f7;
        background: #223358;
        cursor: pointer;
    }
}

#event_type:hover option{
    color: #40f3f7;
    background: #223358;
    cursor: pointer;
}

.new-select {
    ul {
        border: 1px solid #40f3f7;
        padding: 5px 10px 20px 10px;
        border-radius: 15px;
        margin-top: -50px;
    }

    .new-select-default-field {
        border-radius: 15px !important;
        color: #fff;
        border: 1px solid #40f3f7 !important;
        background: rgb(0 0 0 / 5%) url('../img/arrow_bottom.png') no-repeat 95% 50% !important;
        margin: 0;
        width: 100%;
        height: auto;
        padding-left: 25px;
        font-size: 14px;
    }
}

.title {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    color: #40f3f7;
    line-height: 1;
    letter-spacing: .5px;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    margin-bottom: 40px;
}

input[type="text"],
input[type="tel"] {
    height: 51px;
}

@media (max-width: 767px) {
    .add_event-wrap .row {
        flex-direction: column;
        gap: 10px;
    }
}

#promotion_block .title {
    text-align: left;

    @media (min-width: 768px) {
        text-align: center;
    }
}

#submit_btn {
    width: 100%;
    border: 1px solid #40f3f7;
    font-size: 18px;
}

@media (min-width: 768px) and (max-width: 991px) {
    .blog_right {
        flex-shrink: 1;
        width: 256px;
    }
}

@media (min-width: 992px) {
    .blog_right {
        width: 256px;
    }
}

@media (max-width: 992px) {
    .add_event-wrap {
        padding: 2rem;
    }
}

.add_event-wrap .row {
    @media (min-width: 768px) {
        flex-wrap: nowrap;
    }
}

.air-datepicker-nav--title {
    @media (max-width: 767px){ 
        font-size: 0.875rem;
    }

    &:hover {
        color: #4a4a4a;

        i {
            color: #4a4a4a;
        }
    }
}

#event_date_datepicker {
    @media (max-width: 767px){ 
        font-size: 0.875rem !important;
    }
}

.air-datepicker-button {
    @media (max-width: 767px){ 
        font-size: 0.875rem;
    }
}

.air-datepicker {
	background: #0f1b32 !important;
	border: none !important;
	border-radius: 5px !important;
	color: #fff !important;
	transition-duration: 0.1s !important;

    @media (max-height: 499px) {
        overflow-y: scroll;
        max-height: 22rem;
    }
}
.air-datepicker-nav {
	border-bottom: 1px solid #425581 !important;
	margin-bottom: 0 !important;
}
.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
	color: #4a4a4a !important;
}
.air-datepicker-cell.-focus- {
	color: #4a4a4a !important;
}
.air-datepicker--pointer:after {
	background: #0f1b32 !important;
	border: none !important;
}
.air-datepicker-cell.-day-.is_event:before {
	content: '';
	display: block;
	height: 5px;
	width: 5px;
	border-radius: 50%;
	background: #40f3f7;
	position: absolute;
	top: 0;
	right: 0;
}
.air-datepicker--buttons {
	border-top: none !important;
}
.air-datepicker-buttons {
	display: flex !important;
	flex-direction: column;
}
.air-datepicker--with-presets .air-datepicker-buttons .air-datepicker-button {
	width: 100%;
	justify-content: flex-start;
	text-align: left;
}
.air-datepicker-buttons .air-datepicker-button.active {
	background: #fff;
	color: #0f1b32;
}

.add_event-wrap .iti{
    width: 100%;
}
.add_event-wrap .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 15px;
}
.add_event-wrap .iti__selected-country-primary {
    padding-left: 1rem;
}
.add_event-wrap .iti--inline-dropdown .iti__dropdown-content{
    box-shadow: none;
    border: 1px solid #40f3f7;
    background: #223358;
    border-radius: 15px;
}
.add_event-wrap .iti__country {
    display: flex;
    align-items: center;
    padding: 8px 15px;
    outline: none;
}

.phone-wrapper .iti__country-container {
    height: 51px;
}

.add_event-wrap.success {
    height: fit-content;
}