html {
    scroll-behavior: smooth !important;
}

a:hover {
    text-decoration: none;
}

body {
    font-family: 'Montserrat', sans-serif !important;
    color: #000000;
    overflow-x: hidden;
}

/* body {font-family: 'Roboto', sans-serif !important;color: #5A5A5A;overflow-x: hidden;} */
.mr-15 {
    margin-right: 15px;
}

.dashboard-sec {
    padding-bottom: 24px !important;
    background-color: #ffffff !important;
}

.br-five {
    border-radius: 5px;
}

.br-three {
    border-radius: 3px !important;
}

.form-control::placeholder {
    font-size: 16px !important;
    color: #2b4e61 !important;
    font-weight: 400 !important;
}

.btn-small-primary {
    background-color: #0d3c55 !important;
    color: #fff !important;
    border: none !important;
    font-weight: 500 !important;
    font-size: 16px;
    line-height: 20px;
}

.btn-view-event {
    background-color: #0d3c55 !important;
    margin: 98px 0px 0px !important;
    padding: 4px 15px !important;
}

.dollar-sign {
    font-size: 16px !important;
}

.list-inline li {
    list-style: none !important;
}

.p-15 {
    padding: 15px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.mb-15 {
    margin-bottom: 15px !important;
}

.border-signin {
    width: 20px !important;
    height: 1px !important;
    background-color: #0d3c55 !important;
}

.font-fifteen {
    font-size: 15px;
}

.mt-minus-sixteen {
    margin-top: -16px !important;
}

.btn-event-contribute {
    height: 30px !important;
    width: 160px !important;
    border-radius: 3px !important;
    background-color: #5ca792 !important;
    color: #ffffff !important;
    margin-right: 15px;
    text-align: center !important;
    justify-content: center;
}

.btn-event-contribute:hover {
    background-color: #ffffff !important;
    color: #0d3c55 !important;
    opacity: 80%;
}

.alert-success {
    color: #ffffff !important;
    background-color: #0d3c55 !important;
    margin: 0px !important;
    padding: 15px !important;
}

.modal .alert-success {
    color: #0d3c55 !important;
}

.this-month-head {
    padding-left: 15px;
    padding-right: 15px;
}

.card-status {
    padding: 5px 0px 15px 0px;
    display: flex;
    align-items: center;
}

.past-event-details {
    background-color: #ffffff;
    border-radius: 3px;
    margin: 0px -15px 0px 15px !important;
}

.btn-white {
    background-color: white !important;
}

.btn-draftEvent {
    background-color: #117899 !important;
    height: 42px !important;
}

.service-form-submit .btn-publishEvent {
    margin-left: 0 !important;
}

.btn-publishEvent {
    margin-left: 30px !important;
    height: 42px !important;
    background-color: #0d3c55 !important;
    color: #fff !important;
}

.btn-transparent-primary {
    background-color: transparent !important;
    border: none !important;
    color: #0D3C55 !important;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.border-white {
    border: 1px solid white !important;
}

.bg-dark {
    background-color: #000 !important;
}

#topnav {
    padding: 15px 0;
    color: #0d3c55;
}

.btn-primary:focus {
    box-shadow: none;
}

input:focus {
    box-shadow: none;
}

.btn-darkblue {
    background-color: #0d3c55 !important;
}

.btn-danger:focus {
    box-shadow: none;
}

.or-seprator {
    margin-top: 5px;
}

.item-contribution-nav {
    border-radius: 3px 0px 0px 3px !important;
}

.cash-contribution-nav {
    border-radius: 0px 3px 3px 0px !important;
}

::-webkit-input-placeholder {
    color: #2b4e61;
}

.event-details-bg {
    position: absolute;
    bottom: 0px;
    background-color: black !important;
    opacity: 60%;
    width: 100%;
    height: 100%;
    border-radius: 0px 0px 3px 3px;
    z-index: -1;
}

.group-details-bg {
    position: absolute;
    bottom: 0px;
    background-color: black !important;
    opacity: 60%;
    width: 100%;
    height: 80px;
    border-radius: 0px 0px 3px 3px;
}

.group-profile-detail {
    position: absolute;
    bottom: 0px;
    width: calc(100% - 30px);
}

.dd.ddcommon.borderRadius {
    border: none !important;
}

.conttribution-inner-section {
    border-radius: 3px !important;
}

.cash-contribute-tab .single-inner-section {
    border-radius: 3px 3px 0px 0px !important;
}

.br-three-bottom {
    border-radius: 0px 0px 3px 3px !important;
}

.form-control.inputitemquan1 {
    border: none !important;
}

.contribution-tab .nav-link {
    padding: 5px 20px !important;
}

.terms-condition {
    font-size: 12px;
}

.btn-forgot-password {
    font-size: 15px !important;
    width: 170px !important;
}

.isMobileView {
    display: none !important;
}

.input-border {
    border-radius: 3px !important;
    border: 1px solid #0d3c55 !important;
}

.btn-upload-event-image {
    background-color: #0d3c55 !important;
    height: 31px;
    width: 140px !important;
    color: #ffffff !important;
    display: flex;
    align-items: center !important;
    text-align: center;
    justify-content: center;
}

#change_banner_pic,
.camera_input_hide {
    display: none !important;
}

.form-group .input-group input {
    font-size: 16px !important;
    font-weight: 700;
}

.form-group .input-group input::placeholder {
    font-size: 16px !important;
    color: #2b4e61 !important;
}

.roundedcorners::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    background-color: #ccc;
}

.roundedcorners::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #0d3c55 !important;
    -webkit-box-shadow: inset 0 0 6px rgba(20, 91, 129, 0.5) !important;
}

.roundedcorners-second::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
    background-color: #eeeeee;
}

::-webkit-scrollbar-thumb:hover {
    background: #586D39;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #0d3c55 !important;
    -webkit-box-shadow: inset 0 0 6px rgba(20, 91, 129, 0.5) !important;
}

.event-rsvp {
    display: flex;
    justify-content: center;
    padding: 0px;
}

.roundedcorners-second::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(20, 91, 129, 0.3) !important;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
}

.roundedcorners-second::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #0d3c55 !important;
    -webkit-box-shadow: inset 0 0 6px rgba(20, 91, 129, 0.5) !important;
}

.roundedcorners {
    width: 100% !important;
    min-width: 100% !important;
}

.roundedcorners {
    min-width: 70px;
    width: 700px;
    overflow: auto;
    max-height: 200px;
    border-radius: 3px;
}

.roundedcorners-second {
    width: 100% !important;
    min-width: 100% !important;
    max-height: 300px !important;
    overflow: auto;
}

.roundedcorners-second tbody td {
    padding-left: 8px;
}

.roundedcorners thead {
    background-color: #f27025;
}

.roundedcorners th {
    background-color: #f27025;
    color: #ffffff;
    border: 1px solid #efb08b;
    border-top: none !important;
    border-left: 0px !important;
    border-right: 0px !important;
    font-weight: 600;
}

.roundedcorners td {
    border-top: none !important;
    border: 1px solid #efb08b;
    color: #616161;
    font-size: 13px;
}

.roundedcorners th:first-child {
    border-radius: 3px 0px 0px 0px;
}

.roundedcorners th:last-child {
    border-radius: 0px 3px 0px 0px;
}

.roundedcorners tbody tr:last-child td:first-child {
    border-radius: 0px 0px 0px 3px !important;
}

.roundedcorners tbody tr:last-child td:last-child {
    border-radius: 0px 0px 3px 0px;
}

.roundedcorners .table {
    max-height: 284px !important;
}

.roundedcorners-second thead {
    background-color: #f27025;
}

.roundedcorners-second th {
    background-color: #f27025;
    color: white;
    border: 1px solid #efb08b;
}

.roundedcorners-second td {
    border-top: none !important;
    border: 1px solid #efb08b;
    color: #616161;
    font-size: 13px;
}

.roundedcorners .addevent-table-body .table-data {
    text-align: center !important;
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
}

.roundedcorners .addevent-table-body .table-data button {
    cursor: pointer;
}

.roundedcorners thead .numbers {
    position: relative;
}

.roundedcorners thead span {
    position: absolute;
    left: 35px;
    top: 12px;
    font-size: 16px;
    font-weight: 700;
}

.item-contribution-table table {
    border-collapse: unset;
    border-spacing: unset;
}

.item-contribution-numbers {
    height: 30px;
    width: 30px;
    text-align: center;
    border-radius: 50px !important;
    background-color: #fff;
    color: #0d3c55 !important;
    font-size: 16px;
    font-weight: 700;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto;
}

.social-login {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) !important;
    width: 345px !important;
    padding: 10px 0;
    border-radius: 8px !important;
    margin-bottom: 15px;
    background-color: #fff;
}

.border-left {
    border-left: none !important;
}

.item-contribution-table {
    max-height: unset !important;
}

.roundedcorners tbody td {
    padding-left: 8px !important;
    font-weight: 600;
    color: #0d3c55 !important;
    font-size: 16px;
    vertical-align: middle;
    background-color: transparent !important;
}

.roundedcorners tbody td ul {
    margin-bottom: 0px !important;
}

.roundedcorners tbody td ul li:first-child {
    font-weight: 500 !important;
    margin-top: 0px !important;
}

.roundedcorners tbody td ul li {
    font-weight: 500 !important;
    margin-top: 10px;
}

.im_in {
    background-color: #f27025;
    padding: 8px;
    color: white;
    font-size: 16px;
    border-radius: 8px 0px 0px 0px;
    border: 1px solid #f27025;
}

.cant_go {
    background-color: #f27025;
    padding: 8px;
    color: white;
    font-size: 16px;
    border-radius: 0px;
    border: 1px solid #f27025;
    padding-left: 4px;
}

.pending {
    background-color: #f27025 !important;
    padding: 8px;
    color: white;
    font-size: 16px;
    border-radius: 0px 3px 0px 0px;
    border: 1px solid #f27025;
}

.custom-ul-group {
    border-radius: 3px;
    width: 100%;
}

.invited-data {
    height: 198px;
    overflow-y: auto;
}

.comment-textarea {
    height: 38px !important;
    border-radius: 3px;
    line-height: 24px;
}

.chat-form {
    position: relative;
}

.btn-chat {
    right: 16px;
    position: absolute;
    top: 16px;
    border: none;
    padding: 8px 20px !important;
    border-radius: 0 3px 3px 0 !important;
    height: auto !important;
    text-transform: capitalize !important;
    width: auto !important;
}

.chat-form .btn-chat.btn-primary {
    border-radius: 0 3px 3px 0 !important;
}

.data-contribution {
    text-align: center;
    color: #0d3c55 !important;
    font-weight: 700;
}

.data-contribution-counted {
    border-right: 1px solid #f27025 !important;
    border-radius: 0px 0px 3px 0px !important;
}

.data-contribution-counted li {
    border-left: 1px solid #f27025 !important;
    border-bottom: 1px solid #f27025 !important;
    padding: 6px !important;
    text-align: center;
}

.btn-counted-blue {
    border: none !important;
    background-color: transparent !important;
    padding: 1px !important;
    background-color: 0D3C55 !important;
    border-radius: 8px;
}

.btn-counted-red {
    border: none !important;
    background-color: transparent !important;
    padding: 0px !important;
    background-color: #C02E1D !important;
    border-radius: 8px;
}

.data-contribution-counted li:last-child {
    border-radius: 0px 0px 3px 0px;
}

.data-contribution li {
    border-left: 1px solid #f27025 !important;
    border-bottom: 1px solid #f27025 !important;
    padding: 10px !important;
}

.requested-items li:last-child {
    border-radius: 0px 0px 0px 3px;
}

.custom-ul-group ul:first-child li:last-child {
    border-bottom-left-radius: 3px;
}

.custom-ul-group ul:last-child li:last-child {
    border-bottom-right-radius: 3px;
}

.margin-fifteen {
    margin: 0px -15px 0px 15px;
}

.upcoming-pagination {
    margin-top: 24px !important;
    margin-bottom: 0px !important;
}

.upcoming-week-devider {
    border-top: none;
    border-radius: 0px 0px 3px 3px;
}

.this-month-devider {
    background-color: #ffffff;
    border-radius: 3px;
    margin: 15px 0px 0px;
}

.add-event-label {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 16px !important;
    color: #474747 !important;
    margin-bottom: 10px !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.going-to {
    margin-top: 4px;
}

.going-to h3 {
    font-size: 14px;
    margin-top: 2px;
}

.btn-contribute-now {
    background-color: #5ca792 !important;
    border-radius: 3px 0px 3px 0px !important;
    height: 41px !important;
    color: #ffffff !important;
}

.btn-top-contribute {
    background-color: #5ca792 !important;
    border-radius: 3px 0px 3px 0px !important;
    height: 41px !important;
    color: #ffffff !important;
}

.btn-approved {
    background-color: #5ca792 !important;
    color: #fff;
    border-radius: 3px 0px 3px 0px !important;
    height: 45px !important;
}

.btn-approved:hover {
    background-color: #efefef !important;
    color: #000 !important
}

.btn-recreate-now {
    position: absolute !important;
    border-radius: 0px 0px 3px 0px !important;
    height: 45px !important;
    top: 0;
    font-size: 16px;
    font-weight: 400;
}

.btn-rate-review {
    margin-top: 21px;
}

.group-header {
    width: 100% !important;
}

.btn-write-review {
    background-color: #5CA792 !important;
    color: #fff !important;
    border-radius: 3px;
}

.btn-contibutes {
    height: 45px !important;
}

.rating-now {
    color: #FFCE31;
    height: 24px;
    width: 26px;
    margin-left: 0px;
}

.rating-now-deselect {
    color: transparent;
    height: 24px;
    width: 26px;
    margin-left: 12px;
}

.ratings {
    margin-top: 120px !important;
}

.calendar-icon {
    position: absolute;
    top: 14px;
    right: 26px;
    font-size: 16px;
}

.events-going-to {
    padding: 15px 15px !important;
    background-color: #ffffff;
    margin-bottom: 15px;
    margin-top: 15px;
    border-radius: 3px;
}

.search-form {
    background-color: #ffffff;
    border: none !important;
    border-radius: 3px;
}

.events-sections {
    background-color: #ffffff;
    margin: 15px 15px 0px 15px !important;
    border-radius: 3px !important
}

ul.social-media-icons li {
    margin: 0 15px;
    border: 2px solid #0d3c55;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 1.8;
    border-radius: 50px;
}

.mail {
    margin-left: 20px;
}

.phone {
    margin-left: 20px;
}

.slider-item {
    height: calc(100vh) !important;
}

.suggested-contributions input {
    width: 90px !important;
}

.slider-btn {
    background-color: transparent !important;
    border: none !important;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}

.slider-click {
    border: none !important;
    background-color: transparent !important;
}

.custom-slider.owl-carousel.home-slider {
    height: 100vh !important;
}

.item-name {
    overflow-y: auto;
}

.item-name::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.item-name::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    background: #0d3c55 !important;
    -webkit-box-shadow: inset 0 0 6px rgba(20, 91, 129, 0.5) !important;
}

.item-name::-webkit-scrollbar {
    width: 4px !important;
    height: 4px !important;
}

.event-information {
    margin-top: 0px !important;
    padding: 10px !important;
    font-size: 17px !important;
    font-weight: normal;
    color: #fff !important;
    margin-bottom: 0;
}

.dollar-text {
    font-size: 22px;
    margin-bottom: 0px;
    margin: 0px 4px 0px 0px;
}

.home-slider .slider-item .slider-text {
    height: 100% !important;
}

.home-slider .slider-item .slider-text h2 {
    margin-top: 100px;
}

.login_new_row:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    right: 40px;
    bottom: 30px;
    background: #0e3c54;
    opacity: 0.1;
    border-radius: 15px;
    transform: rotate(30deg);
}

.login_new_row:before {
    content: "";
    width: 120px;
    height: 20px;
    position: absolute;
    right: 100px;
    bottom: 45px;
    background: transparent;
    border-top: 3px solid #0e3c54;
    border-bottom: 3px solid #0e3c54;
}

.home-slider:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    left: 40px;
    bottom: 30px;
    background: #f27025;
    opacity: 0.1;
    border-radius: 15px;
    transform: rotate(30deg);
}

.home-slider:before {
    content: "";
    width: 120px;
    height: 20px;
    position: absolute;
    left: 80px;
    bottom: 45px;
    background: transparent;
    border-top: 3px solid #f27025;
    border-bottom: 3px solid #f27025;
}

.custom-suggested-group {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.custom-suggested-group h4 {
    font-size: 26px !important;
}

.card-header {
    border-top: 0px !important;
    border-bottom: 0px !important;
}

.custom-suggested-group h3 {
    font-size: 20px;
}

.height-thirtysix {
    height: 36px !important;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 18px;
}

ul.social-media-icons {
    float: right;
}

.vendor-btn {
    background: #ffffff;
    color: #0d3c55;
    font-weight: 600;
    height: 36px !important;
    margin-top: 0px;
    border-radius: 3px !important;
    padding: 5px 15px;
    font-size: 16px;
}

.vendor-btn:hover {
    background: #0d3c55;
    color: #ffffff;
}

.carousel-caption h3 {
    font-size: calc(30px + 6 * ((100vw - 320px) / 680));
    margin: 15px 5px 30px;
    margin: 10px 0;
}

.carousel-caption h4 {
    font-size: calc(22px + 6 * ((100vw - 320px) / 680));
    margin: 15px 5px 15px;
}

.ii a[href] {
    color: #fff !important;
}

.email-verification-area hr {
    float: left;
    width: 100%;
    border-color: rgba(255, 255, 255, 0.2);
    border-style: dashed;
    margin-bottom: 27px;
}

/* Shared */
.invited-guests li:first-child {
    border-radius: 3px 0px 0px 0px !important;
}

.invited-guests li:last-child {
    border-radius: 0px 3px 0px 0px !important;
}

.coming .add-style-event-tab:first-child {
    border-radius: 3px 0px 0px 0px !important;
}

.loginBtn {
    box-sizing: border-box;
    position: relative;
    /* width: 13em; - apply for fixed size */
    margin: 0.2em;
    padding: 0 15px 0 38px;
    border: none;
    text-align: left;
    line-height: 34px;
    white-space: nowrap;
    border-radius: 0.2em;
    font-size: 16px;
    color: #FFF;
    width: 200px;
}

.loginBtn:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 34px;
    height: 100%;
}

.loginBtn:focus {
    outline: none;
}

.loginBtn:active {
    box-shadow: inset 0 0 0 32px rgba(0, 0, 0, 0.1);
}

.playstore-appsore {
    border: 1px solid #f27025 !important;
    border-radius: 5px !important;
    width: 120px;
}

.host-group-carousel {
    position: relative !important;
}

.host-group-carousel .owl-theme .owl-nav .disabled+.owl-next {
    display: none !important;
}

.host-group-carousel.owl-theme .owl-nav.disabled+.owl-dots {
    display: none !important;
}

.custom-owl-carousel .owl-next {
    display: none !important;
}

.custom-owl-carousel .owl-dots {
    display: none !important;
}

.home-slider h2 {
    margin-right: 20px !important;
    font-size: 40px;
    line-height: 54px;
    text-align: left !important;
    text-transform: capitalize !important;
    color: #0e3c54 !important;
}

#custom-owl.owl-theme .owl-nav.disabled+.owl-dots {
    display: none !important;
}

.img-tranding-event {
    border-radius: 3px 3px 0px 0px !important;
}

/* Facebook */
.loginBtn--facebook {
    background-color: #4C69BA;
    background-image: linear-gradient(#4C69BA, #3B55A0);
    text-shadow: 0 -1px 0 #354C8C;
}

.loginBtn--facebook:before {
    border-right: #364e92 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_facebook.png') 6px 6px no-repeat;
}

.loginBtn--facebook:hover,
.loginBtn--facebook:focus {
    background-color: #5B7BD5;
    background-image: linear-gradient(#5B7BD5, #4864B1);
}

/* Google */
.loginBtn--google {
    background: #DD4B39;
}

.loginBtn--google:before {
    border-right: #BB3F30 1px solid;
    background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/14082/icon_google.png') 6px 6px no-repeat;
}

.loginBtn--google:hover,
.loginBtn--google:focus {
    background: #E74B37;
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 30%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.input-reply {
    border: 1px solid #0d3c55 !important;
    width: 100% !important;
    border-radius: 3px !important;
}

.button-area {
    text-align: right;
}

#show {
    display: none;
}

.guest-invite {
    padding: 10px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    height: 40px !important;
}

.reply-close {
    position: absolute;
    right: 40px !important;
    bottom: 5px;
}

.reply-popup {
    margin-top: 22px;
}

.btn-paynow {
    margin-right: 1rem !important;
    background-color: #5CA793 !important;
    height: 34px !important;
    border: none !important;
}

.comment-reply {
    position: relative;
    margin-top: 15px;
    margin-left: 0;
}

.reply-close {
    width: auto !important;
    height: auto !important;
    top: 0;
    padding: 19px 18px !important;
    right: 36px !important;
    border-radius: 0 3px 3px 0 !important;
    line-height: 0;
}

.comment-reply .input-reply {
    padding-right: 70px !important;
}

.transaction-none-comments .list-group-item {
    background: transparent;
    margin: 0;
}

.reply-title {
    position: absolute;
    top: -16px;
    color: #0d3c55 !important;
    font-size: 12px;
    left: 100px !important;
    background-color: #ffffff;
    margin-bottom: 0px !important;
    padding: 6px 8px 3px 8px;
}

.select-country {
    border-radius: 5px !important;
    border: 1px solid #0d3c55 !important;
}

.button-area .btn.btn-danger {
    padding: 10px 30px;
    font-size: 14px;
    background-color: #f00404;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    border: 0px;
}

.test-drive {
    padding: 10px 30px;
    font-size: 14px;
    background-color: #f00404;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    border: 0px;
    margin: 10px;
}

.button-area .btn.btn-DEFAULT {
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 14px;
    background-color: #0d3c55;
    font-weight: bold;
    color: #ffffff;
}

.button-area button {
    margin: 0px;
}

.invite {
    position: relative;
    background-color: #ebebeb;
}

.invite-box-inner {
    border-radius: 18px;
    padding: 35px;
    margin: 0 25px;
}

.main-feature-item {
    position: relative;
    z-index: 0;
}

#main-feature {
    padding: 50px 0;
}

.main-feature-item:after {
    content: "";
    position: absolute;
    width: calc(100% - 80px);
    height: calc(100% - 160px);
    background: #E9E9E9;
    left: 35px;
    top: -35px;
    border-radius: 18px;
    transform: rotate(0deg);
    z-index: -1;
}

#item-4::after {
    transform: rotate(-2deg);
    left: 20px;
    top: -10px;
    height: 100%;
}

#item-5::after {
    transform: rotate(0deg);
    left: 25px;
    top: -15px;
}

.boxes-bottom {
    text-align: center;
    margin-top: 75px;
}

.image-bottom img {
    margin: 0 auto;
}

.affix {
    width: 100%;
    top: 0;
    z-index: 999;
}

.banner-box21 {
    position: absolute;
    z-index: 999;
    width: 100%;
}

.invite-box-inner img {
    margin: 0 auto;
    padding: 0px 0px 15px 0;
}

.invited {
    position: absolute;
    width: 100%;
    bottom: -150px;
}

.invite-box-inner p {
    max-width: 100%;
    margin: 0 auto;
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}

.invite-boxes {
    text-align: center;
}

.invite-box-inner h4 {
    font-size: 20px;
    color: #fff !important;
    font-weight: 700;
    padding: 0px 0;
    margin-bottom: 15px !important;
}

.invite-box-inner:hover {
    cursor: pointer;
    color: #fff !important;
    transition: 0.2s;
}

.button-area .btn.btn-danger:hover,
.button-area .btn.btn-DEFAULT:hover {
    background-color: #000;
    color: #fff;
    border: 0px;
    padding: 14px 59px;
    transition: 0.6s;
}

.body-content {
    position: relative;
}

.boxes-bottom h2 {
    font-style: italic;
    font-size: calc(30px + 6 * ((100vw - 320px) / 680));
    margin: 15px 5px 15px;
}

.boxes-bottom h3 {
    font-size: calc(18px + 6 * ((100vw - 320px) / 680));
    margin: 15px 5px 15px;
}

.looking {
    background-image: url(../../images/Front/ont/looking.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.left-look h1 {
    padding: 40px 0;
    font-size: 44px;
    font-weight: 400;
    color: #fff;
}

.left-look h1 span {
    color: #ffaf04;
}

.btn.btn-primary.btn-md {
    float: right;
    padding: 13px 60px;
    margin: 60px 0;
    font-size: 16px;
    border-radius: 5px;
    background-color: #0c3366;
    border: 2px solid #0c3366;
    text-transform: uppercase;
}

.create-conti input.form-input {
    width: 100%;
}

.event-descr .single-inner-section {
    padding: 15px 0px 0px;
}

.table thead th {
    font-size: 16px;
    font-weight: 500;
}

.looking h2 {
    font-size: calc(36px + 6 * ((100vw - 320px) / 680));
    margin: 15px 5px 30px;
    color: #fff;
    font-style: italic;
}

.looking h2 span {
    color: #ffaf04;
    font-style: normal;
}

.download {
    background-color: #0d3d54 !important;
    background: url(../../img/Mask_group.png) 10% 0px;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 40px;
}

.download h2 {
    color: #fff;
    font-size: 45px;
    font-weight: 400;
    padding: 36px 0 20px 0;
}

.download p {
    color: #fff;
    font-size: px;
    font-weight: 400;
    padding-top: 8px;
    margin-bottom: 0px;
}

.button-block .btn-danger {
    padding: 12px 30px;
    background-color: #0d3c55;
    color: #ffffff;
    border: 0;
    border-radius: 3px !important;
    font-size: 16px;
    font-weight: bold;
}

.button-block .btn.btn-DEFAULT {
    padding: 12px 30px;
    background-color: #0d3c55;
    color: #ffffff;
    border-radius: 3px !important;
    font-size: 16px;
    font-weight: bold;
}

.button-block .btn-danger:hover {
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    outline: 0;
    transition: 0.6s;
}

.button-block .btn.btn-DEFAULT:hover {
    padding: 12px 30px;
    background-color: #000;
    color: #fff;
    outline: 0;
    transition: 0.6s;
}

.right-look .btn.btn-primary.btn-md:hover {
    padding: 13px 60px;
    font-size: 18px;
    border-radius: 22px;
    outline: 0;
    background-color: #fff;
    color: #000;
    border: 2px solid #000;
    transition: 0.6s;
}

.btn-downloadapp {
    display: flex;
}

.card-img-top {
    border-radius: 3px 3px 0px 0px !important
}

.services-img {
    border-radius: 3px 3px 0px 0px;
    width: 100%;
}

.btn-fees {
    border-radius: 3px 0px 3px 0px !important;
    background-color: #CCE6F1 !important;
    position: absolute;
    top: 10px;
    border: none !important;
    height: 30px !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
    border: none !important;
    left: 5px;
}

.services-list {
    width: 100%;
}

.service-list-body {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border-radius: 0px 0px 3px 3px !important;
}

.Services .owl-theme .owl-nav {
    transform: translate(2px, -230px) !important;
}

.Services .owl-theme .owl-nav .owl-prev {
    font-size: 50px !important;
    margin-left: 10px !important;
}

.Services .owl-theme .owl-nav .owl-next {
    font-size: 50px !important;
    margin-right: 10px !important;
}

.Services .trending-body {
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.trending-body {
    border-radius: 0px 0px 3px 3px !important;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 2px;
    min-height: 150px;
}

.trending-body .vendor-img-status {
    top: 15px;
    font-weight: 500 !important;
    line-height: normal;
}

.owl-carousel .owl-stage .services .trending-body .venue-des {
    border-bottom: 0;
    padding-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.trending-body h5 {
    font-size: 16px;
    font-weight: 700;
}

.trending-body h5 a {
    color: #0d3c55
}

.trending-body p {
    font-size: 14px;
    font-weight: 400;
}

.trending-body h6 {
    font-size: 14px;
    font-weight: 400;
}

.services-list h4 {
    font-size: 12px !important;
}

.img-dot {
    height: 20px;
    width: 20px;
    border-radius: 10px;
    background-color: #45F628 !important;
}

.venue-title label {
    width: 60px;
    font-size: 14px;
}

.venue-title p {
    font-size: 14px !important;
    font-weight: 400;
}

.venue-des {
    font-size: 14px !important;
    font-weight: 400;
    border-bottom: 1px solid #0d3c55;
    margin: 10px 15px 0px 0px;
    padding-bottom: 15px;
}

.venue-title span {
    width: auto;
    font-size: 14px !important;
    font-weight: 400;
}

.venue-title p {
    width: auto !important;
}

.img-dot {
    height: 5px;
    width: 5px;
}

.eventshome .trending-body h6 {
    width: 70px;
    margin-right: 15px;
}

.eventshome .trending-body h6 .event_date {
    color: #f27025;
    text-transform: uppercase;
}

.event_more_info_btn {
    padding: 7px 15px;
    background: #f27025;
    color: #fff !important;
    border-radius: 5px;
    font-size: 13px;
    box-shadow: 0 3px 6px 1px #f27025;
}

.event_like_btn.item_added svg path {
    fill: #f27025 !important;
}

.owl-carousel.owl-loaded.owl-drag,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item {
    height: 100%;
}

.dashboard-sec .owl-carousel.owl-loaded.owl-drag,
.dashboard-sec .owl-carousel .owl-stage-outer,
.dashboard-sec .owl-carousel .owl-stage,
.dashboard-sec .owl-carousel .owl-item {
    height: auto !important;
}

.eventshome .owl-theme .owl-nav {
    transform: translate(2px, -180px) !important;
}

.eventshome .owl-carousel .owl-nav button.owl-prev,
.eventshome .owl-carousel .owl-nav button.owl-next {
    color: #000 !important;
    font-size: 35px !important;
    height: 40px;
    width: 40px;
    border: 1px solid;
    border-radius: 20px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: auto;
    border: 1px solid #000 !important;
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.eventshome .owl-carousel .owl-nav button.owl-next.owl-next span {
    margin-right: -4px;
    margin-top: -4px;
}

.eventshome .owl-carousel .owl-nav button.owl-prev {
    margin-left: 0;
    left: -40px;
}

.eventshome .owl-carousel .owl-nav button.owl-prev span {
    margin-top: -5px;
    margin-left: 0 !important;
}

.owl-carousel.home-slider .owl-dots .owl-dot.active {
    background-color: blue !important;
    display: block !important;
    background: url()
}

.owl-carousel.home-slider .owl-dots .owl-dot {
    display: none;
}

.eventshome .owl-carousel .owl-nav button.owl-next {
    margin-right: 0;
    right: -35px;
    margin-top: 0 !important;
}

.button-block button i {
    margin-right: 8px;
    font-size: 20px;
}

/* .download-inner {padding: 50px 0px 50px 15px;} */
.download-image {
    position: relative;
}

.download-image img {
    height: auto;
}

.eventshome {
    padding: 50px 0px 50px 0;
    background-color: #fff !important;
    color: #0d3c55 !important;
}

.eventshome h2 {
    margin-top: 0px !important;
    margin-bottom: 16px !important;
}

.invite-box-inner img.featured-img {
    max-width: 100px !important;
    height: auto !important;
    padding: 15px;
    background: radial-gradient(transparent, #ffffff99, #ffffffdb);
    border-radius: 15px;
    width: 100px !important;
    margin-bottom: 30px;
    box-shadow: 0 4px 4px -1px;
    border-top: 3px solid #FFF;
    border-left: 3px solid #fff;
    border-right: 2px solid #fff;
}

.invite-boxx {
    position: relative;
}

.invite-boxx:before {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    left: 10%;
    bottom: 50px;
    background-color: #e5e5e5;
    border-radius: 20px;
    transform: rotate(35deg);
}

.eventshome h2 {
    color: #0d3c55 !important;
}

.event-sections .row {
    padding-top: 15px !important;
}

.event-detail {
    border-radius: 0px 0px 3px 3px;
}

.inner-login .form-group .form-control,
.login-head .form-group .form-control {
    margin-bottom: 0;
    background-color: #ffffff;
    border: 1px solid #3c3c3c;
}

.profile-info .dropdown-menu.show {
    left: inherit !important;
    right: 0;
    transform: translate(0) !important;
    top: inherit !important;
    background-color: rgba(0, 0, 0, 0.7)
}

.login-head span.input-group-addon {
    height: 38px;
    border-radius: 3px 0px 0px 3px;
}

.input-group-text {
    background-color: #0d3c55 !important;
}

.rc-anchor-dark {
    background-color: #ffffff !important;
}

.login-head .input-group-addon svg {
    color: #000;
}

.login-head {
    background-repeat: no-repeat;
    min-height: 100vh;
    background-size: cover;
    background-attachment: fixed;
}

.login-head:after {
    position: fixed;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
}

.login-head>.container-fluid {
    position: relative;
    z-index: 9;
    padding: 0px;
}

.logo-sec {
    display: block;
    width: 100%;
    text-align: center;
    padding: 30px 0 10px;
}

.collapse .create-account .logo-sec {
    padding: 0;
}

.inner-login,
.inner-signup {
    padding: 5vh 3vw 4vh 3vw;
    /** Change 208-Aug-07background-color: #fff;**/
    background-color: #dbeaf2 !important;
    text-align: center;
}

.inner-signup h1 {
    padding-bottom: 5px;
    font-size: 24px;
}

.input-group-prepend {
    margin-right: -1px;
    height: 38px;
}

#profile-tabs .input-group-prepend {
    height: 38px
}

#profile-tabs.verification-popup .input-group-prepend {
    height: 30px;
    /* border: 1px solid #0d3c55; */
}

.myimg-block img {
    width: 20px;
    filter: invert(70%);
}

.myimg-block {
    height: 59px;
    border-right: 1px solid #ccc !important;
    /* border: 0 !important; */
    width: 15%;
    padding: 16px 0 0 0;
}

.gendo {
    width: 86%;
    float: left;
    height: 48px;
    text-align: left;
    padding-left: 5px;
    margin-top: 0px;
}

.form-check-label {
    margin-bottom: 0;
    font-size: 15px;
}

.tag-new {
    height: 60px;
}

.trending {
    margin: 20px 15px;
    box-shadow: 0 0 10px 1px #00000055;
    border-radius: 3px;
    transition-duration: 0.3s;
    cursor: pointer;
    position: relative;
}

.trending:hover {
    transform: scale(1.05);
}

.event_like_btn {
    color: #f27025;
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    width: 40px !important;
    height: 40px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#item-3:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    right: -100px;
    top: -50px;
    border-top: 4px solid #0d3c55;
    border-radius: 50%;
    border-right: 4px solid #0d3c55;
    z-index: -1;
    transform: rotate(-45deg);
}

#item-4:before {
    content: "";
    position: absolute;
    width: 200px;
    height: 200px;
    right: -100px;
    top: -50px;
    border-bottom: 4px solid #0d3c55;
    border-radius: 50%;
    border-right: 4px solid #0d3c55;
    z-index: -1;
    transform: rotate(45deg);
}

#item-3 .invite-box-inner {
    background-color: #f78159;
    transform: rotate(5deg);
}

#item-4 .invite-box-inner {
    background-color: #6fcfdb;
    transform: rotate(-5deg);
}

#item-5 .invite-box-inner {
    background-color: #fac44a;
    transform: rotate(5deg);
}

.trending-event-card {
    border: none !important;
    border-radius: 0px 0px 3px 3px !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.trending-img {
    border-radius: 3px 3px 0px 0px !important;
}

.trending-card {
    border-radius: 0px 0px 3px 3px !important;
    background-color: #ffffff !important;
}

.trending-card p {
    font-size: 14px !important;
    font-weight: 400;
}

.trending-card h5 {
    font-weight: 700;
    font-size: 16px !important;
    padding-bottom: 0px !important;
}

.icon-color {
    color: #ffffff !important;
}

.border-none {
    border: none !important;
}

.border-darkblue {
    border: 1px solid #0d3c55 !important;
}

.input-group4do .input-group-prepend.group-pretend {
    border: 1px solid #ccc;
}

.input-group-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    ;
    align-items: center;
    padding: .375rem .75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #c3c3c3;
    text-align: center;
    white-space: nowrap;
    background-color: #0d3c55;
    border: 1px solid #ced4da;
    border-radius: 3px;
}

.input-group i {
    padding: 0px 2px !important;
}

.top-search .input-group i,
.top-search .input-group svg path {
    color: #0d3c55
}

.top-search .input-group svg {
    margin-bottom: 10px;
}

.inner-signup .or {
    font-size: 25px;
    color: #000;
    margin-top: 5px;
}

.inner-signup h6 {
    font-size: 18px;
    color: #ccc;
}

/* .inner-login h1 {font-size: 24px;} */
.inner-login i.fa.fa-key {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(190deg);
}

.event-other-listing {
    position: relative;
    max-width: 92px;
    width: 100%;
}

.event-other-listing a {
    width: 100%;
}

.remember,
.forget {
    text-align: left;
}

.col-md-6 .button-log {
    float: right;
}

.forget p {
    margin: 0;
    padding: 10px 0;
}

.button-log {
    width: 100%;
    padding: 12px 0;
    background-color: #4786ff;
}

.inner-login h6 {
    border-bottom: 1px dashed #0d3c55;
    height: 23px;
    font-size: 18px;
    color: #a3a3a3;
    padding: 5px 0;
    float: left;
    width: 100%
}

.login-head .inner-login .or {
    color: rgba(255, 255, 255, 0.5);
    font-size: 18px;
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 0;
    line-height: 43px;
}

.facebook,
.facebook:hover {
    width: 100%;
    text-align: left;
    padding: 0;
    background-color: #3b5999;
}

.facebook:hover {
    transition: 0.4s;
    background-color: #3b5677;
}

.have-an {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0;
}

.have-an1 {
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    /** Change 208-Aug-07**/
    padding-top: 20px;
}

.google:hover {
    transition: 0.4s;
    background-color: #d44830;
}

.google,
.google:hover {
    width: 100%;
    text-align: left;
    padding: 0;
    background-color: #d44837;
}

.facebook .fa-facebook-f path,
.google .fa-google-plus-g path {
    padding-right: 25px;
    line-height: 44px;
    padding-left: 25px;
    margin-right: 5px;
    background-color: #38528d;
}

.google .fa-google-plus-g path {
    background-color: #c74535;
}

.facebook path {
    margin-right: 5px;
}

.buttons-socialize-login .btn {
    padding: 5px 15px;
    margin: 0 auto;
    text-align: center;
    display: table;
    border-radius: 6px !important
}

.buttons-socialize-login {
    margin: 0 auto !important;
}

.tag-new [type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
    font-size: 15px;
    margin-bottom: 5px;
}

.google path {
    margin-right: 5px;
}

.btn .svg-inline--fa {
    margin-right: 10px;
}

.CleanBox .btn .svg-inline--fa {
    margin-right: 0px;
}

/*********** Custom checkbox **************/
.remember .checkbox {
    display: block;
    position: relative;
    /*padding-left: 25px;*/
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.remember .checkbox label {
    margin: 0;
    font-weight: normal;
}

/* Hide the browser's default checkbox */
.remember input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.remember .checkmark {
    position: absolute;
    top: 2px;
    left: -23px;
    height: 18px;
    width: 18px;
    background-color: #eee;
}

.inner-login .form-group.remember {
    margin-left: 25px;
}

/* On mouse-over, add a grey background color */
.remember:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.remember input:checked~.checkmark {
    background-color: #002290;
}

/* Create the checkmark/indicator (hidden when not checked) */
.remember .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.remember input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.remember .checkmark:after {
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*::::::::::::::::LOGIN SIGNUP PAGE END :::::::::::::::::::::::::*/
input:-internal-autofill-selected {
    background-color: #1f1f1f !important;
    color: #a4a4a4 !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #3c3c3c;
    filter: none !important;
    /* -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0px 1000px #1f1f1f inset; */
    background-color: #ffffff !important;
    transition: background-color 5000s ease-in-out 0s;
    color: #000 !important;
}

input:autofill {
    background: #ffffff !important;
    /* or any other */
}

input {
    filter: none;
}

.quantity-input input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    width: 8px;
    color: #333;
    text-align: center;
    position: relative;
}

.quantity-input input[type=number]:hover::-webkit-inner-spin-button {
    background: #ffffff url('../../img/Number-down-arror.svg') no-repeat 50% 50% !important;
    width: 14px;
    height: 14px;
    padding: 4px;
    position: relative;
    right: 0px;
    border-radius: 28px;
}

.otp-input-orange {
    background-color: transparent !important;
    font-size: 13px;
    ;
    font-weight: 600;
    border-bottom: 2px solid #0d3c55 !important;
    color: #0d3c55 !important;
    border-radius: 0 !important;
}

.modal-status a {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
    border-radius: 3px !important;
    text-decoration: none !important;
    height: 42px !important;
    width: 150px;
    display: flex;
    text-align: center !important;
    justify-content: center !important;
    align-items: center !important;
}

.modal-status a:hover {
    background-color: #ffffff !important;
    color: #0d3c55 !important;
    border: 1px solid #0d3c55 !important;
    font-weight: 600;
}

.form-group .dd .ddChild li .ddlabel {
    color: #a4a4a4
}

.text-green {
    color: #068f14 !important;
}

.otp-inputs {
    border-radius: 3px !important;
}

.bottom-border-radius {
    border-radius: 0px 0px 3px 3px !important
}

.form-group .ddChild.ddchild_.border {
    width: calc(100% + 2px)
}

.form-group .dd .ddTitle {
    background: none;
}

.w-180 {
    width: 180px !important;
    max-width: 180px !important;
}

.dropdown-menu-guests {
    background-color: rgb(221, 239, 249) !important;
    top: 15px !important;
    border: none !important;
    min-width: 20px !important;
    overflow: unset !important;
}

.dropdown-menu-guests .dropdown-item {
    padding: 15px 0px 0px !important;
}

.dropdown-menu-guests .dropdown-item:last-child {
    padding: 15px 0px 15px !important;
}

.dropdown-menu-guests .dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent !important;
}

.guests-dropdown {
    display: flex;
    width: 65px !important;
    position: absolute;
    right: -2px;
    background-color: rgb(221, 239, 249);
    flex-direction: column;
    justify-content: center !important;
    margin: auto;
    text-align: center !important;
    border-radius: 3px !important;
    margin-right: 10px;
}

.dropdown-menu-guests::before {
    content: "";
    border-bottom: 16px solid #ddeef9;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    top: -11px;
    position: absolute;
    right: 6px;
}

.form-group .borderRadiusTp .border,
.form-group .borderRadius .border,
.ddcommon,
.form-group .dd.borderRadiusTp {
    border-radius: 0;
}

.form-group .dd .ddChild li,
.form-group .dd .ddChild li.selected {
    background-color: #ffffff;
    color: #0d3c55 !important;
}

.event-inner img {
    min-height: 180px;
    width: 100%;
    max-height: 180px;
    border-radius: 3px 3px 0px 0px !important;
}

.eventshome h2 {
    font-size: calc(36px + 6 * ((100vw - 320px) / 680));
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 30px !important;
    position: relative;
}

.eventshome h2:after {
    content: "";
    width: 100px;
    height: 5px;
    background-color: #f27025;
    position: absolute;
    left: 0;
    bottom: 0;
}

.eventshome .content h1 {
    color: #0d4694;
}

.event-inner {
    position: relative;
}

.event-inner span {
    position: absolute;
    padding: 5px 20px 5px 10px;
    top: 53%;
    background-color: rgba(0, 0, 0, 0.8);
    font-size: 18px;
    color: #fff;
    left: 0;
    right: 0;
    width: 65%;
}

.event-item:hover img {
    transform: scale(1);
    transition: 0.2s;
}

.event-item h3 {
    height: unset !important;
}

.newsletter h2 {
    color: #fff !important;
    font-size: 45px;
    padding: 0 10px;
}

.invite-boxx {
    padding: 50px 0px;
    background-color: #fff !important;
}

.sticker {
    padding: 6px 0;
    background-color: #0d3c55;
    color: #fff;
}

.sticker h3 {
    margin: 0 0 0 10px;
    padding: 0;
    font-size: 20px;
}

.sticker h6 {
    font-size: 16px;
    margin-left: 12px;
    margin-top: 6px;
}

.footer-banner {
    z-index: 0;
    position: relative;
    background-attachment: fixed;
    background: url(../../images/Front/background-party-img.jpg);
    padding: 60px 0px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.create-grp h4 {
    float: left;
    margin-right: 30px;
    font-size: 22px;
}

div#logout a {
    width: 100px;
    padding: 10px;
}

div#settings .badge-success {
    width: 100px;
    padding: 10px;
}

#change-password input#submit {
    width: 100px;
    padding: 20px 10px;
    line-height: 2;
}

.subscribe-box {
    text-align: center;
    border-radius: 3px;
    display: flex;
    justify-content: center !important;
    width: 100% !important;
    align-items: center !important;
}

.btn-subscribe {
    color: #fff !important;
    font-weight: 600;
    width: 100%;
    height: 36px;
    border-radius: 28px !important;
    position: absolute;
    right: 0;
    max-width: 150px !important;
    top: 0;
    height: 52px;
    background: #f27025 !important;
}

.subscribe-box .btn.btn-primary.btn-md {
    background-color: #f27025 !important;
    color: #fff !important;
    font-weight: 600;
    padding: 19px;
    max-width: 160px !important;
    margin: 0px 0px 8px !important;
    border: none !important;
    border-radius: 3px !important;
    width: 100px !important;
    height: 36px;
    font-size: 14px;
    text-transform: capitalize;
    display: flex;
    align-items: center !important;
}

#navbarSupportedContent .google,
#navbarSupportedContent .facebook {
    background: transparent !important;
    border: 1px solid #f27025 !important;
    border-radius: 50px !important;
    color: transparent !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 36px !important;
    height: 36px !important;
}

#navbarSupportedContent .google {
    background-image: url(https://dev.rapidparty.com/img/mob-g.png) !important;
}

#navbarSupportedContent .facebook {
    background-image: url(https://dev.rapidparty.com/img/mob-f.png) !important;
}

.subscribe-box .btn.btn-primary.btn-md:hover {
    background-color: #e7e7e7;
    color: #000;
}

.affix-top ul li:hover,
.affix ul li:hover {
    border-bottom: 5px solid #fff;
    padding: 0px 0 22px 0;
}

.header-top-right ul li a:hover img {
    opacity: 0.6;
}

.subscribe-box input::placeholder {
    color: #2B4E61 !important;
}

.subscribe-box input {
    box-shadow: 0 0 10px 1px #00000073;
    padding-left: 20px !important;
    height: 52px;
    width: 600px !important;
    background-color: #fff;
    color: #000 !important;
    border-radius: 38px !important;
    outline: none;
    font-size: 16px !important;
}

.newsletter h1 {
    font-size: 52px !important;
    font-weight: 400;
}

.newsletter p {
    color: #fff;
    font-size: 20px;
    padding: 10px 0;
    font-weight: 400 !important;
    margin: 0 auto;
    text-align: center;
}

.copyright {
    background-color: #f27025;
    padding: 50px 0 15px;
    position: relative;
}

.footer_subscribe {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top: -27px;
}

.copyright ul {
    list-style-type: none;
    margin: 5px 0;
    padding: 0;
}

.copyright ul li {
    display: inline-block;
}

.copyright ul li:last-child a {
    border-right: 0;
}

.copyright ul li a {
    padding: 0 7px 0 3px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #fff;
}

.subscribe-box input::placeholder {
    color: #fff;
    opacity: 1;
}

.custom-prev-next {
    top: 25% !important
}

/*form css*/
.close:focus,
.close:hover {
    background-color: #0d3c55 !important;
    color: #fff;
}

.close {
    color: #fff !important;
    height: 32px;
    width: 40px;
    padding: 0 0 !important;
    opacity: 1;
}

.omb_login .omb_authTitle {
    text-align: center;
    line-height: 180%;
    font-size: 48px;
    font-weight: bold;
}

div.toggle {
    margin-right: 10px;
}

.toggle-group {
    position: absolute;
    width: 200%;
    top: 0;
    bottom: 0;
    left: 0;
    transition: left 0.35s;
    -webkit-transition: left 0.35s;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.toggle-on.btn {
    padding-right: 24px;
}

.toggle-on {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 50%;
    margin: 0;
    border: 0;
    border-radius: 0;
}

.toggle-off.btn {
    padding-left: 24px;
}

.toggle-handle {
    position: relative;
    margin: 0 auto;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100%;
    width: 0px;
    border-width: 0 1px;
}

.input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    padding: 6px 0;
}

.input-group .btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    margin-left: 20px;
}

span.input-group-addon {
    padding: 10px;
    border: 1px solid #3c3c3c;
    border-right: 0;
}

input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
}

.omb_login .omb_socialButtons a {
    color: white;
    /*In yourUse @body-bg*/
    opacity: 0.9;
}

.omb_login .omb_socialButtons a:hover {
    color: white;
    opacity: 1;
}

.omb_login .omb_socialButtons .omb_btn-facebook {
    background: #3b5998;
}

.omb_login .omb_socialButtons .omb_btn-twitter {
    background: #00aced;
}

.omb_login .omb_socialButtons .omb_btn-google {
    background: #c32f10;
}

.omb_login .omb_loginOr {
    display: inline-block;
    width: 100%;
    position: relative;
    font-size: 1.5em;
    color: #aaa;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.omb_login .omb_loginOr .omb_hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.omb_login .omb_loginOr .omb_spanOr {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.6em;
    margin-left: -1.5em;
    background-color: white;
    width: 3em;
    text-align: center;
}

.omb_login .omb_loginForm .input-group.i {
    width: 2em;
}

.omb_login .omb_loginForm .help-block {
    color: red;
}

.clearHeader {
    position: fixed !important;
    width: 100%;
    background: none;
    z-index: 999;
    background-color: #f27025;
}

.subsignup-host-btn {
    margin-top: 15px;
}

.omb_login .omb_forgotPwd {
    text-align: left !important;
    margin-top: 10px;
}

#signupUserForm input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    margin-top: 0;
}

#signupUserForm .modal-content {
    background-color: #fff !important;
}

button.btn.transparent-btn {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    margin-left: 10px;
}

.front-homepage button.btn.transparent-btn {
    border-radius: 3px !important;
    background: none;
    border: 1px solid #0e3c54 !important;
    color: #0e3c54;
    height: 36px !important;
    font-size: 16px;
}

.front-homepage button.btn.transparent-btn:hover {
    border-color: #f27025 !important;
    background: #f27025 !important;
    color: #fff !important;
}

.banner-box .navbar {
    background-color: white !important;
    top: 50px;
    border-radius: 15px !important;
    box-shadow: 0 3px 10px 4px #0000004d;
    margin-bottom: 0;
    transition: all 0.3s ease-in-out;
}

.clearHeader.darkHeader .navbar {
    padding: 8px 0;
}

.banner-box .navbar:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -20px;
    background: #0e3c54;
    width: 70px;
    height: 50px;
    opacity: 0.1;
    border-radius: 10px;
    transform: rotate(25deg);
    z-index: -1;
}

.banner-box .navbar:after {
    content: "";
    position: absolute;
    right: 410px;
    bottom: -30px;
    background: #f27025;
    width: 100px;
    height: 70px;
    opacity: 0.1;
    border-radius: 10px;
    transform: rotate(25deg);
    z-index: -1;
}

.banner-box .clearHeader.darkHeader .navbar:after {
    display: none;
}

.banner-box21 .navbar {
    background-color: transparent !important;
    position: fixed;
    top: 0;
    z-index: 999;
}

.darkHeader {
    z-index: 999;
    transition: 0.2s;
    box-shadow: 0 0 10px 0 #00000050;
}

.btn-viewall {
    color: #ffffff !important;
    background-color: #0d3c55 !important;
    padding: 10px 30px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}

.container-custom {
    position: relative;
    display: inline-block;
    border-radius: .5rem;
}

.spinner {
    right: 24px;
    top: 2px;
    width: 4px;
    position: absolute;
    background: none;
    border-radius: .5rem;
    display: none;
    height: 2rem;
}

.js .spinner {
    display: block;
}

.button-new {
    position: relative;
    color: #0D3C55;
    background: transparent;
    border: none;
    font-size: 2rem;
    padding: 0;
    display: block;
}

.up {
    transform: rotate(-90deg);
    top: -6px;
}

.down {
    transform: rotate(-90deg);
    top: -34px;
}

.up-quantity {
    transform: rotate(-90deg);
    top: -10px;
}

.down-quantity {
    transform: rotate(-90deg);
    bottom: 50px;
}

.spinner-new {
    right: 40px;
    top: 2px;
    width: 4px;
    position: absolute;
    background: none;
    border-radius: .5rem;
    display: none;
    height: 2rem;
}

.js .spinner-new {
    display: block;
}

.spinner1 {
    right: 27px;
    top: 2px;
    width: 4px;
    position: absolute;
    background: none;
    border-radius: .5rem;
    display: none;
    height: 2rem;
}

.js .spinner1 {
    display: block;
}

.input-width {
    width: 94px !important;
}

/*::::::::::::::Profile Page Edit:::::::::::::::::*/
.search-top {
    background-color: #fff;
    width: 100%;
    padding: 6px 0px;
    z-index: 9999;
}

section#searchtopbar.darkHeader .search-top {
    box-shadow: none;
}

.top-search input {
    background: none;
}

section#searchtopbar.darkHeader {
    top: 0;
    background-color: #fff;
}

section#searchtopbar {
    position: fixed;
    z-index: 999;
    width: 100%;
    box-shadow: 0 0 10px 0 #00000050;
    top: 0;
    transition: all 0.2s ease-in-out;
    background-color: #fff;
}

form.top-search .form-control {
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
    color: #0d3c55;
}

form.top-search .input-group-addon {
    border-bottom: 0;
    background: none !important;
    border-top: none;
    border-right: none;
    border-left: none;
    color: #fff;
}

.badge-notify {
    background: red;
    position: absolute;
    top: -4px;
    right: -13px;
    color: white;
    border-radius: 50px;
    padding: 5px 8px;
}

.custom-carousel .owl-carousel .owl-dots {
    margin-top: 8px;
}

ul.profile-info li {
    display: inline-block;
    list-style: none;
}

li.dropdown img {
    border: 2px;
    width: 36px;
    height: 36px;
    border-radius: 0;
    padding: 2px;
    background-size: cover;
    object-fit: cover;
    border-radius: 18px;
}

.dropdown-toggle::after {
    display: none;
}

.profile-info button.btn {
    padding: 0;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 30px;
}

.profile-info button.btn i,
.profile-info button.btn svg {
    font-size: 18px;
    color: #fff;
}

ul.profile-info.float-right {
    margin: 0;
    padding-left: 0;
}

ul.profile-info li.drop-sec {
    background-color: #0d3c55 !important;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: block;
    margin-right: 30px;
    position: relative;
}

ul.profile-info li:last-child {
    margin-right: 0;
}

.profile-info .dropdown .dropdown-menu {
    padding: 0;
}

.profile-info .dropdown .dropdown-menu li {
    width: 100%;
    margin: 0;
    height: auto;
    border-radius: 0;
    float: left;
    background-color: #ffffff;
}

.profile-info .dropdown .dropdown-menu li a {
    padding: 5px;
    float: left;
    width: 100%;
}

.profile-info .dropdown .dropdown-menu li:hover a {
    background-color: #eee;
    text-decoration: none;
}

.contribute-section {
    padding: 15px;
}

ul.profile-info li p {
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.5)
}

.user-info h3 {
    font-size: 36px;
    color: #000000;
    line-height: 1.333;
    text-align: left;
    font-weight: normal;
    margin-bottom: 0;
    font-weight: 600;
}

.user-email {
    margin-top: -8px;
    float: left;
}

.img-logout-profile {
    height: 100%;
    width: 100% !important;
    border-radius: 50%;
}

.stats {
    text-align: center;
    margin-top: 35px;
    float: right;
    padding-left: 0;
}

ul.inline>li,
ol.inline>li {
    display: inline-block;
    padding-left: 5px;
    padding-right: 5px;
}

.stats li {
    border-right: 1px solid #000;
    display: block;
    font-size: 36px;
    font-weight: 500;
    line-height: 0.5;
    margin-top: 0px;
    min-width: 150px;
    color: #fff;
}

.stats li span {
    float: left;
    width: 100%;
    line-height: normal;
    color: #000;
}

.stats small {
    font-size: 16px;
    display: inline-block;
    color: #000;
    line-height: normal;
    float: left;
    width: 100%;
}

.profile-information {
    background-color: #f8f8f8 !important;
}

#profile-information {
    padding-top: 100px !important;
    padding: 24px 0px 24px 0px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2) !important;
    background-color: #f8f8f8;
    z-index: 9;
    position: relative;
}

#profile-information .container {
    position: relative;
}

.user-profile img {
    border-radius: 0;
    border: 2px solid #000;
    padding: 0;
    object-fit: cover;
    background-color: transparent;
}

.user-info {
    margin-top: 32px;
}

.user-email a {
    color: #000;
}

#profile-information .profile-tabs .nav-link {
    display: block;
    padding: .5rem 5px 10px;
    color: #000;
    font-size: 16px;
    font-weight: normal;
    margin: 0 11px;
    border-bottom: 3px solid transparent;
}

.stats li:last-child {
    border: none;
    margin-left: 6px;
}

#profile_pic_modal {
    overflow-y: hidden;
}

#profile-information .profile-tabs .nav-link.active {
    color: #000;
    font-weight: bold;
    border-bottom-color: #000;
}

#profile-information .profile-tabs .nav-link:hover {
    color: #000;
    font-weight: bold;
    border-bottom-color: #000;
}

.profile-tabs {
    background-color: transparent !important;
    padding-left: 0;
    margin: 0 !important;
    padding-bottom: 0px;
    padding-top: 16px;
    padding-right: 0;
}

.createbutton {
    position: absolute !important;
    right: 0 !important;
    bottom: -45px;
    cursor: pointer;
    background-color: #0d3c55;
    height: 55px;
    width: auto;
    /*line-height: 4.2;*/
    text-align: center;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgba(255, 255, 255, 0.4);
    color: #ffffff;
    padding-top: 15px;
    line-height: normal;
}

.createbutton a {
    font-size: inherit !important;
}

.btn.btn-primary {
    background-color: #0d3c55 !important;
    border-radius: 3px !important;
    font-size: 15px;
    height: 34px;
    border: none !important;
    width: 144px;
    align-items: center;
}

.btn.btn-submit {
    background-color: #0d3c55;
    color: #FFF !important;
    padding-left: 8px;
    font-size: 15px;
    height: 34px;
    border: none !important;
    width: 144px;
    align-items: center;
    display: flex !important;
    justify-content: center;
}

.btn-secondary,
.btn-default {
    font-size: 15px;
    padding: 4px 20px;
    height: 34px;
    border-radius: 3px;
}

.inner-login .btn {
    padding: 7px 8px;
    font-size: 14px;
    text-transform: uppercase;
}

a.event-create {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

.profile-sec-heading * {
    vertical-align: middle;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 16px;
}

.profile-sec-heading img {
    height: 19px;
    width: 18px;
    filter: invert(92%) sepia(200%) saturate(505%) hue-rotate(75deg) brightness(600%) contrast(300%) !important;
}

.profile-header {
    background-color: #0d3c55;
    padding: 10px 12px 6px 12px;
    border-radius: 5px 5px 0px 0px;
}

.profile-heading {
    vertical-align: middle;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px;
    display: inline-block;
    background-color: #0d3c55;
    padding: 6px;
    margin-bottom: -10px;
    border-radius: 5px 5px 0px 0px;
}

.profile-heading img {
    height: 21px;
}

.profile-heading.nav-link img {
    vertical-align: middle;
    color: #0d3c55 !important;
    font-weight: 600 !important;
    font-size: 1px;
    display: inline-block;
}

.profile-sec-heading .nav-link {
    text-align: center;
}

.profile-sec-heading .nav-link h3 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0px;
    color: #ffffff !important;
}

.profile-heading h3 {
    font-size: 15px !important;
    font-weight: 600;
    text-align: center;
}

.profile-sec-heading .nav-link img {
    filter: grayscale(0.9) brightness(80%);
    -webkit-filter: grayscale(0.9) brightness(80%);
}

.profile-heading .nav-link img {
    filter: grayscale(0.9) brightness(80%);
    -webkit-filter: grayscale(0.9) brightness(80%);
}

.profile-sec-heading .nav-link.active h3 {
    color: #ffffff !important;
    margin-bottom: 0px;
}

.profile-sec-heading li:last-child {
    vertical-align: top;
    /*float: right !IMPORTANT;text-align: left;*/
}

.profile-sec-heading .nav-link {
    padding: 0px !important;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.profile-sec-heading .nav-tabs {
    border-bottom: none;
    width: 100%;
}

.profile-sec-heading a.nav-link.active {
    width: 100%;
}

.profile-sec-heading.friends-grouup-tab .nav-item .active {
    background-color: transparent;
    border: transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: #0d3c55;
}

.profile-sec-heading .nav-link.active {
    color: #0d3c55;
    background-color: transparent;
    border-color: transparent;
}

.profile-sec-heading {
    padding: 10px;
    background-color: #0d3c55 !important;
    border-radius: 3px 3px 0px 0px;
    min-height: 44px;
}

.events-list.full-height-area {
    float: left;
    width: 100%;
}

#profile-tabs {
    padding: 32px 0px 16px !important;
}

.connection-page .friendslist-profile li a img {
    width: 60px !important;
    height: 60px !important;
    border-radius: 50% !important;
    border: 1px solid #000 !important;
    object-fit: cover;
}

.tab-content .connection-tab .friendslist-profile li .group-members-listing {
    float: right;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.connection-page .stepwizard {
    border: 0 !important;
}

.tab-content .connection-tab .friendslist-profile li .group-members-listing .other-event-single {
    right: 0 !important;
}

.tab-content .connection-tab .friendslist-profile li .group-members-listing .disconnect-btn {
    width: auto !important;
}

.page-add-friend .stepwizard-row .stepwizard-step:first-child a {
    border-radius: 3px 0 0 3px !important;
}

.page-add-friend .stepwizard-row .stepwizard-step:last-child a {
    border-radius: 0 3px 3px 0 !important;
}

.setup-content .card {
    background-color: transparent;
}

.setup-content .card-header {
    border-radius: 3px;
    padding: 10px 16px !important;
}

.connection-page .search-head .search_friend_box {
    border: 1px solid #0D3C55;
    background-color: transparent !important;
    border-radius: 3px !important;
}

.search-head .top-search {
    border: none;
}

.connection-page .card-body .btn {
    height: 40px;
}

label#phone-error {
    position: absolute;
    bottom: -30px;
}

.tab-content .connection-tab .friendslist-profile li a {
    font-size: 16px;
}

.tab-content .connection-tab .friendslist-profile li .other-event-single a {
    font-size: 14px;
    padding: 5px;
}

.sub-profile-menu.navbar-collapse {
    position: fixed;
    top: 80px;
    left: 0;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
}

.sub-profile-menu.navbar-collapse.collapsing {
    right: -75%;
    transition: height 0s ease;
}

.sub-profile-menu.navbar-collapse.show {
    right: 0;
    transition: right 300ms ease-in-out;
}

.sub-profile-menu.navbar-toggler.collapsed~.navbar-collapse {
    transition: right 500ms ease-in-out;
}

.btn-join {
    top: 15px;
    background-color: #DDEFF9 !important;
    width: 144px;
    height: 42px;
    border-radius: 3px 0px 3px 0px !important;
}

.btn-join:hover {
    background-color: #737373;
    color: #ffffff !important;
    height: 42px;
    opacity: 80%;
    border-radius: 3px 0px 3px 0px !important;
    cursor: pointer;
}

.btn-join-primary {
    width: 144px;
}

.btn-join-primary:hover {
    background-color: #737373;
    color: #ffffff !important;
    height: 42px;
    opacity: 60%;
    border-radius: 3px 0px 3px 0px !important;
    cursor: pointer;
}

.icon-user {
    border: 1px solid #8d8d8d !important;
    border-right: none !important;
    border-radius: 3px 0px 0px 3px !important;
    display: flex;
    align-items: center !important;
    padding-left: 5px !important;
}

.icon-map {
    color: #0d3c55 !important;
    border: 1px solid #8d8d8d !important;
    border-right: none !important;
    border-radius: 3px 0px 0px 3px !important;
    display: flex;
    align-items: center !important;
    padding: 5px 11px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.hidden {
    display: block;
}

.readmore {
    margin: 0 5px;
}

.input-group-prepend input::placeholder {
    color: #2b4e61 !important;
}

.events-list.full-height-area {
    float: left;
    width: 100%
}

.about-me {
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem;
    position: relative;
}

#profile-tabs .form-control:disabled,
#profile-tabs.form-control[readonly]::placeholder {
    color: #2b4e61 !important;
    border: 1px solid #8d8d8d;
    border-radius: 0px 3px 3px 0px;
}

.business_images img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
    /* border: 1px solid #000 !important; */
    margin: auto;
}

.editHostProfileTab {
    float: unset !important;
}

.about-me .form-control {
    font-weight: bold !important;
    border: 1px solid #8d8d8d !important;
    border-radius: 3px !important;
}

.edit-field-icon span {
    position: absolute;
    left: 5px;
}

.edit-field-icon span#exampleInputphone-error {
    font-size: 13px;
    bottom: -12px;
}

.edit-field-icon .form-control {
    padding-left: 30px !important;
}

.edit-field-icon .edit-profile-number {
    padding-left: 10px !important;
}

.about-me .form-control:disabled,
.about-me .form-control[readonly]::placeholder {
    border: none !important;
    margin-bottom: 0;
}

.about-me .form-control.edit-profile-number,
.about-me .form-control.edit-profile-number::placeholder {
    margin-bottom: 10px;
}

.about-me .form-control.edit-profile-number:disabled,
.about-me .form-control.edit-profile-number[readonly]::placeholder {
    margin-bottom: 0;
}

.profil_top_info p {
    font-weight: bold;
}

.profile_left_bar {
    margin-bottom: 60px;
}

.profile_left_bar select {
    padding: 0 !important;
    border: 0 !important;
    max-width: 90px;
}

.mutual_text {
    font-size: 14px;
    font-weight: 500;
}

.host-profile-page .profile-sec-heading small {
    display: block;
}

.editbutton.profile_top_edit {
    top: 0 !important;
    right: 20px !important;
    background-color: transparent !important;
}

.host_change_profile_image .modal-body {
    float: unset;
    box-shadow: none;
}

.host_change_profile_image .rotation i {
    color: #0d3c55 !important;
}

.host_change_profile_image .modal-content {
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.host_change_profile_image .modal-footer .btn-primary {
    float: unset !important;
}

section#banner {
    position: relative;
}

.user-name-area {
    border-bottom: 1px solid #000;
    padding-bottom: 0.36rem;
}

#profile-tabs .form-group {
    margin-bottom: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.search-top .navbar-brand {
    margin: 0 auto;
    text-align: center;
    float: left !important;
    margin-left: 0;
}

.editbutton {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: #646464 !important;
    color: white;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 2.2;
    text-align: center;
    font-size: 18px;
}

.editbutton svg,
.editbutton i {
    line-height: 40px;
    height: 35px;
}

.events-list li {
    list-style: none;
}

.events-list {
    background: rgba(255, 255, 255, 0.9);
}

ul.friends-joined li {
    display: inline;
}

.events-list ul {
    padding: 0;
}

.new-event-label {
    position: absolute;
    right: 5px;
    top: 5px;
}

.event-type {
    color: #fff;
    padding: 3px 12px;
    border-radius: 0;
    margin-bottom: 10px;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    float: right;
}

.green {
    background-color: #0a8c53;
}

.lightgreen {
    background: #3ae291;
}

.blue {
    background: #002290;
}

.friends-joined li span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 2;
    color: #fff;
}

.friends-joined li {
    margin-right: 10px;
}

.red {
    background: #ff4b4f;
}

.gray {
    background: #788798;
}

.services-listing {
    height: 260px;
}

.application-box .services-listing {
    height: auto !important;
}

.friend-info {
    width: 30px;
    height: 30px;
    /*border-radius: 50%;*/
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
    vertical-align: middle;
    text-transform: uppercase;
}

.friendslist-profile {
    padding: 15px;
    list-style: none;
    /*background:rgba(255,255,255,0.9);background-color:rgba(0,0,0,0.4);*/
    overflow-y: auto !important;
    height: 650px !important;
    margin-bottom: 0;
}

.input-group.invite-friend span.input-group-addon {
    height: 40px;
}

.friendslist-profile li {
    margin-bottom: 10px;
    width: 100%;
    text-align: left;
    font-size: 15px
}

.mobile-content {
    display: none;
}

.event-main-header {
    margin-top: 16px;
}

.event-side {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.event-item-listing {
    border-bottom: 1px solid #8d8d8d;
    padding: 1rem;
    position: relative;
}

.event-item-listing,
.event-item-listing ul {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.event-listing .event-item-listing {
    border-radius: 3px;
    padding: 0;
    border: none;
    margin-bottom: 15px;
}

.event-sidebar {
    border-right: 0px solid #0d3c55;
    float: left;
    width: 100%;
}

.event-listing {
    border-left: 0px solid #0d3c55;
}

.event-listing .event-item-listing img {
    width: 100%;
    border-radius: 3px;
    object-fit: cover;
    height: 300px;
}

/* height: 447px; */
.event-listing .event-item-listing h3 {
    color: #0d3c55 !important;
    font-size: 18px;
    color: #fff;
    padding: 12px;
    margin-bottom: 0;
}

.event-invite {
    background-color: #cdeffb;
    text-align: center;
    padding-left: 0;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.event-invite li {
    list-style: none;
    display: inline-block;
    padding: 6px 10px;
    border-left: 1px solid #fff;
    text-transform: uppercase;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
}

.event-invite li:first-child {
    border-left: 0;
}

.event-item-listing .event-invite li img {
    width: auto;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
}

.event-item-listing .event-invite li span {
    display: inline-block;
    vertical-align: middle;
}

.event-money-area {
    padding: 25px 20px 32px;
    background-color: rgba(255, 255, 255, 0.9);
}

.event-money-area li {
    list-style: none;
    float: left;
    text-align: center;
    background-color: #000;
    margin-top: 45px;
}

.event-money-area li span {
    margin-top: -50%;
    border-radius: 50%;
    height: 85px;
    width: 85px;
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: #000;
    line-height: 85px;
    border: 1px solid;
}

.event-money-area li.money-blue {
    background-color: #03adea;
}

.event-money-area li.money-green {
    background-color: #1f1f1f;
}

.event-money-area li.money-blue span {
    color: #03adea;
}

.event-money-area li.money-green span {
    color: #34bf48;
}

.event-money-area li h4 {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 21px;
    margin-top: 8px;
}

/* .event-listing > div, .date-map-area > div {float: left;} */
.event-listing>div.sec-pagination.joined-pagination {
    width: 100%;
    margin-bottom: 30px;
}

.event-listing>div.suggested-group-sec {
    float: none;
    margin-top: 20px;
    clear: both
}

.event-listing>div.suggested-group-sec .Eventhost-head {
    margin: 0
}

.event-listing .tab-content {
    width: 100%;
}

.date-map-area {
    float: left;
    width: 100%;
    border-top: 1px solid #c7d1d6;
    border-radius: 0 0 10px 10px;
}

.date-sec {
    border-right: 1px solid #90a4ae;
    text-align: center;
}

.date-sec .event-month {
    background-color: #ff4b4f;
    color: #fff;
    font-size: 10px;
    float: left;
    width: 100%;
    padding: 8px 5px;
}

.date-sec .event-date {
    float: left;
    width: 100%;
}

.time-address-sec {
    padding-left: 5px;
    vertical-align: middle;
    display: inline-block;
    float: none !important;
}

.time-address-sec>span {
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.date-map-area a {
    text-align: right;
    color: #002290;
    font-size: 15px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 5px;
}

footer.inner-footer {
    padding: 30px 0;
    margin-top: 0;
}

.event-item-listing h4 {
    color: #000;
    font-size: 18px;
}

.top-search {
    position: relative;
    border: 1px solid #d3d3d3;
    border-radius: 3px;
}

.top-search #panel {
    top: 52px;
    display: block;
    position: absolute;
    width: 100%;
    z-index: 99;
    max-height: 342px;
    overflow-y: auto;
}

.full-height-area {
    min-height: 650px;
    float: left;
    border-radius: 0px 0px 5px 5px;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #0d3c55;
}

.dropdown-menu.friendslist {
    right: 0;
    min-width: 460px;
    left: inherit !important;
}

.profile-info .dropdown-menu.friendslist {
    padding: 0;
    max-height: 258px;
    overflow: auto;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.9);
}

.profile-info .dropdown-menu.friendslist li {
    border-bottom: 1px solid #a3a3a3;
    padding: 10px;
    margin: 0;
    width: 100%;
}

.profile-info .dropdown-menu.friendslist li:hover {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
}

.profile-info .dropdown-menu.friendslist li:hover a {
    color: #ffffff !important;
}

.profile-info .dropdown-menu.friendslist li:last-child {
    margin-bottom: 0;
    background-color: #fff;
}

.profile-info .dropdown-menu.friendslist a {
    width: 100%;
    display: block;
    color: #0d3c55 !important;
    font-size: 15px;
}

.profile-info .dropdown-menu.friendslist a:hover {
    color: #ffffff !important;
    background-color: #0d3c55 !important;
    text-decoration: none;
}

.profile-info .dropdown-menu.friendslist button.btn {
    height: auto;
    width: auto;
    line-height: 24px;
    padding: 0 10px 3px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
}

.profile-info .dropdown-menu.friendslist button.btn svg {
    font-size: 14px;
}

.profile-info .dropdown-menu.friendslist .float-right {
    margin-top: 7px;
}

.dropdown-menu.log-out {
    right: 0;
    min-width: 46px;
    left: inherit !important;
}

.logOut {
    border-radius: 50% !important;
}

.profile-info .dropdown-menu.log-out {
    padding: 0;
    max-height: 258px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
    background-color: rgba(0, 0, 0, 0.9);
    border-radius: 5px;
    top: 45px;
}

.btn-friend {
    background-color: #002290;
    color: #fff;
    border: 1px solid #002290;
}

.request-button .btn {
    font-size: 13px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.request-button .btn.btn-friend {
    background-color: #0d3c55;
}

.request-button .btn.btn-send {
    background-color: #3ae2e0;
    color: #fff;
}

.request-button {
    margin-top: -5px;
}

#profile-tabs .form-horizontal {
    background-color: rgba(255, 255, 255, 0.9);
    float: left;
    padding: 20px 10px;
}

#profile-tabs .form-horizontal .form-group {
    margin-bottom: 10px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.form-horizontal .form-group div,
.form-horizontal .form-group label {
    color: #474747 !important;
    font-weight: 500;
    font-size: 14px;
}

#AddedfrndList.member-area li.moveFrnd {
    margin-top: 6px;
    margin-bottom: 0;
    width: calc(100% - 5px);
}

#profile-tabs .form-horizontal hr {
    margin: 10px 0;
}

.background-event-invites {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/EventInvites.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-myevents {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/MyEvents.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-group-invites {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/GroupInvites.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-connection-request {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/ConnectionRequests.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-public-group {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/PGJR.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-suggested-event {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/SuggestedEvents.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-mygroups {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/MyGroups.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-suggested-group {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/SuggestedGroups.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.background-suggested-rating {
    background: linear-gradient(rgb(0 0 0 / 50%), rgb(0 0 0 / 50%)), url(../../img/RateReview.png) 10% 0px !important;
    object-fit: cover !important;
    background-size: cover !important;
    background-position: center !important;
    border-radius: 3px !important;
}

.member-modal {
    display: none !important;
}

.event-add .profile-sec-heading {
    margin-bottom: 5px;
}

::-webkit-scrollbar-thumb {
    background: #586D39;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #586D39;
}

.range-slider .range-slider__range::-webkit-slider-thumb {
    background-color: #0d3c55;
    height: 20px;
    width: 20px;
    border-radius: unset !important;
}

.event-add form {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

.form-horizontal .btn {
    float: right;
    margin-right: 15px;
}

.profile-info #friendslistRequest {
    background-color: rgba(0, 0, 0, 0.9);
    text-align: left;
}

.profile-info #friendslistRequest img {
    width: 40px;
    height: 40px;
    margin-right: 6px;
}

.profile-info #friendslistRequest .btn {
    font-size: 14px;
}

.no-padding {
    padding: 0;
}

.member-area {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
}

.member-area li {
    list-style: none;
    margin-bottom: 6px;
    display: inline-block;
    margin-right: 5px;
}

.member-area li a {
    color: rgba(255, 255, 255, 0.5);
    border: 1px solid #efefef;
    border-radius: 50px;
    height: 32px;
    line-height: 29px;
    display: inline-block;
    padding: 0 0 0 0;
    font-size: 12px;
    width: 100%;
    color: #0d3c55 !important;
    background-color: transparent;
    font-size: 12px;
    font-weight: 700;
}

.member-area li a .friend-info {
    width: 26px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px;
}

.member-area li a svg {
    color: #007E33;
    font-size: 14px;
    visibility: hidden;
}

.member-area li a img:first-child {
    width: 26px;
}

.member-area li a img:last-child {
    width: auto;
    float: right;
    margin-top: 8px;
}

.member-area li:hover a {
    text-decoration: none;
}

.member-area li:hover a svg {
    visibility: visible;
}

.member-area li a .fa-times {
    color: #CC0000;
}

.invite-members hr {
    float: left;
    width: 100%;
}

.invite-members h3 {
    font-size: 20px;
    display: inline-block;
}

.invite-members h3>a,
.invite-members .more-options {
    font-size: 14px;
    float: right;
}

.form-horizontal .member-search {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    position: relative;
    margin-bottom: 10px;
    float: left !important;
}

.form-horizontal .member-search input {
    border-width: 0 0 1px;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    padding: 0;
}

.form-horizontal .member-search input:focus {
    box-shadow: 0 0 0;
}

.form-horizontal .member-search button svg {
    color: #788798;
}

.form-horizontal .member-search button {
    position: absolute;
    right: 0;
    top: 5px;
    background-color: transparent;
    border: none;
}

.invited-to-events {
    background-color: #ffffff !important;
    border-radius: 3px !important;
    margin: 15px 15px 0px 15px;
    padding: 15px;
}

/** Group- Single Event CSS **/
.group-list .date-sec .event-month {
    font-size: 20px;
    text-transform: uppercase;
}

.group-list .date-sec .event-date {
    font-size: 20px;
    padding: 5px 0;
}

.group-list .time-address-sec {
    padding: 10px 10px 0;
}

.group-list .time-address-sec>span {
    font-size: 20px;
    padding: 10px;
}

.group-list .time-address-sec>span>svg {
    margin-right: 10px;
    width: 20px;
}

.event-listing .group-list .event-item-listing h3 {
    font-size: 24px;
    color: #fff;
}

.single-event-invitation .group-list .event-item-listing h3 {
    background-color: transparent !important;
    margin: 0;
    font-size: 25px;
}

.group-list .date-map-area {
    border-radius: 0px 0px 3px 3px;
    border-top: 0;
    padding: 0 15px;
}

.group-contact {
    float: left;
    width: 100%;
    background-color: #eaf2fc;
    padding: 10px 10px 5px;
}

.group-contact li,
.group-members li {
    padding: 0 10px;
}

.group-contact li a,
.group-members li a {
    text-transform: uppercase;
    color: #333333;
    font-size: 16px;
    padding: 0 5px 5px;
}

.group-contact li a:hover,
.group-members li a:hover {
    text-decoration: none;
}

.group-contact li.active a,
.group-members li.active a {
    color: #0d3c55;
    border-bottom: 2px solid;
}

.group-contact li a span {
    width: 20px;
    height: 20px;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    margin-left: 10px;
}

.group-contact li.active a span {
    background-color: #0d3c55;
}

.group-contact-detail {
    float: left;
    width: 100%;
    margin: 0;
    padding: 15px;
}

.group-contact-detail .member-area li {
    margin-bottom: 10px;
}

.event-listing .tab-content {
    margin: 10px 0 0;
}

.group-members {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 10px 10px 4px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.group-members li a {
    padding: 0 10px 5px;
    font-size: 17px;
}

.group-members .nav-tabs {
    border: none;
    float: left;
}

.group-members .member-search {
    float: right;
    margin-top: -4px;
    position: relative;
}

.group-members .member-search input {
    margin-top: -1px;
    border-color: #f2f2f2;
    background-color: #f2f2f2;
    height: 30px;
    line-height: 30px;
    border-radius: 0;
    font-size: 14px;
    padding-left: 30px;
}

.group-members .member-search:before {
    content: '⌕';
    text-decoration: inherit;
    color: #000;
    padding-right: 0.5em;
    position: absolute;
    top: -5px;
    left: 6px;
    font-size: 24px;
}

.group-listing {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
    float: left;
    width: 100%;
    position: relative;
}

.group-listing img {
    width: 100%;
    max-width: 230px;
    float: left;
}

.group-list-detail {
    float: left;
    padding: 15px 0 0 19px;
    width: 100%;
    max-width: 470px;
}

.group-listing .event-action-area {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.group-listing h3 {
    color: #1755a2;
    font-size: 24px;
    margin: 0;
}

.group-listing span {
    color: #202020;
    font-size: 16px;
}

.group-listing p {
    font-size: 15px;
    color: #4b4b4b;
    margin: 10px 0;
    font-weight: normal;
}

.member-list {
    padding: 0;
    float: left;
    width: 100%;
}

.member-list li {
    list-style: none;
    float: left;
    width: 32%;
    margin: 0 1% 15px;
}

.member-list li a {
    font-size: 18px;
    color: #282828;
    background-color: rgba(255, 255, 255, 0.9);
    padding: 15px;
    border-radius: 5px;
    float: left;
    width: 100%;
    transition: all ease 0.3s 0s;
}

.member-list li a:hover {
    text-decoration: none;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.member-list li a svg {
    visibility: hidden;
    color: #CC0000;
}

.member-list li a:hover svg {
    visibility: visible;
    float: right;
    margin-top: 10px;
}

.member-list li:nth-child(3n+1) {
    margin-left: 0;
    clear: left;
}

.member-list li:nth-child(3n) {
    margin-right: 0;
    clear: right;
}

.profile-sec {
    margin-bottom: 20px;
}

.mt-10 {
    margin-top: 10px !important;
}

.forgot-area .content {
    position: relative;
    top: 90px;
}

.forgot-area .content section {
    padding: 40px 0 80px;
}

.forgot-area .content section .omb_login {
    background-color: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 20px 40px;
    margin: 0 auto;
}

.forgot-area .content section .omb_login .btn {
    margin-top: 10px;
}

.forgot-area .content section .omb_login .omb_forgotPwd {
    text-align: left;
    margin-left: -15px;
}

.vendor-profile.profile-sec-heading li {
    width: 33%;
}

.vendor-shop {
    margin-top: -10px;
}

.vendor-shop .stats li svg {
    color: #2660a7;
    display: inline-block;
}

.vendor-shop .stats li {
    text-align: right;
    font-size: 16px;
    font-weight: normal;
    width: 100%;
    margin: 5px 0;
}

.vendor-shop .stats li span {
    float: none;
    width: auto;
    display: inline-block;
}

.group-list .event-item-listing h3 {
    padding: 10px;
    margin: 0;
    font-size: 22px;
}

.group-list .event-item-listing h2 {
    padding: 0 10px 10px 15px;
    margin: 0;
    font-size: 18px;
    color: #1755a2;
    font-weight: 600;
}

.group-list .event-item-listing h2 small {
    color: #777;
}

.group-list .event-item-listing .time-address-sec>span {
    font-size: 20px;
    padding: 4px 5px;
}

.group-list .event-item-listing .date-sec .event-month,
.group-list .event-item-listing .date-sec .event-date {
    font-size: 24px;
    padding: 4px 7px;
}

.group-list .event-item-listing .event-action-area {
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.user-address {
    float: left;
    width: 100%;
    margin-top: -2px;
}

.user-address svg {
    color: #0d3c55;
}

.form-group textarea {
    min-height: 155px;
    overflow-y: auto;
    width: 100%;
}

.event-action-area.single-event-action {
    top: inherit;
    bottom: 0;
}

.time-address-sec .event-address {
    margin-top: 2px;
}

.group-list .event-item-listing .event-action-area.single-event-action {
    border-left: none;
    border-bottom: none;
}

.event-action-area.single-event-action ul li {
    padding: 17px 8px;
}

.event-action-area.single-event-action ul li svg {
    font-size: 16PX;
    /*MARGIN-TOP: 10PX;*/
}

.single-event-details {
    padding: 20px;
    float: left;
    width: 100%;
}

.members-count {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.members-count.coming-members .btn {
    background-color: #068fef;
}

.members-count.maybe-members .btn {
    background-color: #d9b303;
}

.members-count.interested-members .btn {
    background-color: #002290;
}

.members-count.cant-members .btn {
    background-color: #2a2a2a;
}

.members-count.report-members .btn {
    background-color: #ff4b4f;
}

.members-count .btn {
    float: left;
    padding: 6px 10px;
    background-color: #919191;
    width: 100%;
    max-width: 170px;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: 300;
}

.members-count span {
    float: left;
}

.members-count .btn .badge {
    float: right;
    font-size: 16px;
    font-weight: 300;
    background-color: #fff;
    border-radius: 50px;
    height: 25px;
    width: 25px;
    color: #000;
    margin-top: 3px;
}

.event-member-area {
    float: left;
    margin: 8px 0 0 10px;
    padding: 0;
}

.event-member-area .friend-info {
    line-height: 30px;
    height: 30px;
    width: 30px;
    font-size: 12px;
    margin-right: 5px;
}

.event-member-area li {
    list-style: none;
    display: inline-block;
}

.members-count img {
    height: 30px;
    margin-right: 6px;
    width: 30px;
    float: left;
}

.light-green {
    background: #3ae291;
}

.yellow {
    background: #e2c03a;
}

.single-event-details .tab-pane>div,
.single-event-details .tab-pane {
    float: left;
    padding: 0;
}

.map-area iframe {
    width: 100%;
}

.detail-text p {
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
}

.detail-text ul {
    padding: 0;
}

.card-services {
    border: none !important;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
    border-radius: 3px;
}

.card-services .card-body .card-text li a {
    color: #0d3c55 !important;
    font-weight: 400;
    font-size: 12px;
}

.card-services .card-body .card-text li:nth-child(3) {
    border-bottom: 1px solid #000;
    padding-bottom: 20px !important;
    margin-right: 15px !important;
}

.card-services .card-img-top {
    border-radius: 3px 3px 0px 0px;
    height: 150px;
}

.btn-add-services {
    height: 30px;
    border: none;
    border-radius: 3px;
    background-color: #ffffff;
    padding: 0px 16px;
    margin-right: 8px;
    font-weight: 500;
}

.btn-setting {
    background-color: transparent !important;
    border: none !important;
}

/*=======Event Image Button Css============*/
.editHostProfileTab .input-group-text,
.editHostProfileTab .input-group-addon {
    background-color: transparent;
}

.event-action-area {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

.event-action-area ul {
    padding: 0;
    text-align: center;
}

.event-action-area ul li {
    float: left;
    list-style: none;
    padding: 1px 4px;
    margin-right: -1px;
}

.event-action-area ul li:hover {
    background-color: #737373;
    color: #000 !important;
}

.event-action-area ul li a {
    font-size: 12px;
    color: #fff !important;
    display: table;
    padding: 0;
    text-decoration: none !important;
}

.event-action-area ul li a svg {
    font-size: 12px;
    color: #7f7f7f;
}

.event-action-area ul li:first-child a svg {
    color: #ffffff;
}

.single-event-action .event-action-area ul li a {
    font-size: 12px;
    color: #000000;
    display: table;
    padding: 0;
}

.event-action-area li i {
    height: 18px;
    float: left;
    width: 100%;
    line-height: 18px;
    color: #fff;
}

.event-action-area ul li .fa-trash-alt,
.event-action-area ul li .delbutton .fa-trash-alt,
.event-action-area ul li .edtbutton .fa-pencil-alt,
.event-action-area ul li .delbutton .fa-eye {
    color: #fff;
    font-size: 12px
}

.vendor-service-banner-img .under-review.green {
    padding: 6px 16px !important;
    border-radius: 6px 0 !important;
}

.vendor-detail-area .badge {
    font-weight: 200;
    font-size: 14px;
}

.vendor-img-status {
    position: absolute;
    font-weight: 200;
    left: 10px;
    top: 10px;
    z-index: 99;
}

.service_gallry_img img {
    border: none;
    object-fit: cover;
    width: 100%;
}

.service_cat_info .fa-chevron-right {
    font-size: 14px;
}

.img-event-contribute {
    width: 200px;
    border-radius: 3px;
    height: 91px !important;
}

/*=======Sidebar Common css============*/
.event-sidebar a {
    float: left;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid #d3d3d3;
}

.event-sidebar a:hover {
    text-decoration: none;
    border-color: #0d3c55;
}

.event-sidebar a.active {
    border-color: #0d3c55;
    font-size: 16px;
    font-weight: 600;
    color: #0d3c55;
}

.event-sidebar a i,
.event-sidebar a svg {
    float: right;
    margin-top: 2px;
    font-size: 25px;
    height: 17px;
}

.event_service_back a i {
    float: unset;
}

.event-sidebar a.btn {
    text-align: left;
    padding: 10px;
    width: 100%;
    border-radius: 0;
}

.event-sidebar a:first-child {
    border-radius: 3px 3px 0px 0px;
}

.event-sidebar a:last-child {
    border-radius: 0px 0px 3px 3px;
}

.single-event-sidebar a {
    border-radius: 3px !important;
    font-weight: 400;
    float: left;
    width: 100%;
    padding: 10px;
    color: #0d3c55;
    background-color: #ffffff;
    font-size: 16px;
}

.single-event-sidebar a:hover {
    text-decoration: none;
}

.single-event-sidebar a.active {
    background-color: #0d3c55;
    color: #ffffff;
    font-size: 16px;
}

/*=======Event-Sidebar tab css============*/
.event-sidebar {
    width: 100%;
}

.event-sidebar .nav-pills .nav-link {
    color: #90a4ae;
    border-radius: 0;
    padding: 10px;
}

.event-sidebar .nav-pills .nav-link.active,
.event-sidebar .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d3c55;
}

.event-sidebar .nav-pills .nav-link:last-child {
    background-color: #2a2a2a;
}

/** Design Vendor01 CSS **/
.vendor-join-btn .btn {
    text-transform: uppercase;
    font-size: 24px;
    color: #0d3c55;
    border-radius: 0;
    padding: 2px 40px;
    margin: 3px 0 0 0;
    background: #fff;
}

form.top-search.top-search-new .form-control {
    border-bottom: 1px solid #7aabe7;
    padding: 0px;
}

form.top-search.top-search-new .input-group-addon {
    border-bottom: 1px solid #7aabe7;
    padding: 0px;
}

.vendor1-title {
    font-size: 30px;
    color: #0d3c55;
    text-transform: uppercase;
    font-weight: 300;
    padding: 20px 0 30px 0;
}

.vendor1-create {
    text-align: center;
}

.vendor1-top-title {
    background: #fff;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
    font-size: 22px;
    color: #0d3c55;
    text-transform: uppercase;
    padding: 5px 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.vendor1-top-img {
    background: #0d3c55;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 20px 0;
}

.vendor1-subTitle {
    color: #2e2e2e;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 20px 0;
}

.vendor1-bottom .dropdown .btn {
    width: 100%;
    border-radius: 0;
    border-color: #e4e4e4;
    background: #f2f2f2;
    color: #777;
    margin: 0;
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #777;
    background-color: #e4e4e4;
    border-color: #f2f2f2;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: none;
}

.dropdown-menu.show {
    display: block;
    width: 100%;
    padding: 5px 10px;
    overflow-y: auto;
}

.vendor1-bottom .btn {
    background: #0d3c55;
    color: #fff;
    border-radius: 0;
    margin: 20px 0px 0px 1px;
    width: 100px;
}

.dropdown .caret {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #777;
    display: inline-block;
}

.vendor1-mid-content {
    margin: 40px 0 20px 0;
    color: #434343;
}

.vendor1-mid-content h3 {
    font-weight: bold;
    font-size: 16px;
}

.userAccordion {
    width: 100%;
}

.userAccordion .card {
    float: left;
    border-radius: 0;
    border: 0;
    margin: 0 10px;
    width: 23%;
    height: 163px;
    -webkit-box-shadow: 0 8px 6px -6px #ccc;
    overflow: hidden;
    -moz-box-shadow: 0 8px 6px -6px #ccc;
    box-shadow: 0 8px 6px -6px #ccc;
}

.userAccordion .card-header {
    padding: 0;
    margin-bottom: 0;
    background-color: transparent;
    border-bottom: 0;
}

.userAccordion .card-header .btn {
    padding: 0;
    width: 100%;
    text-decoration: none !important;
}

.userAccordion .card-body {
    padding: 1rem;
}

.userAccordion .card .collapse {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

/** Design Vendor02 CSS **/
.vendor2-title {
    padding: 20px 0 30px 0;
    color: #0d3c55;
    font-size: 24px;
}

.vendor2-titleR {
    padding: 20px 0 30px 0;
    font-size: 18px;
}

.vendor2-titleR span {
    color: #0d3c55;
}

.profile2-tab {
    padding: 30px 0;
    min-height: 72vh;
}

.profile2-tab .nav-tabs .nav-item {
    margin: 0 auto;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #90a4ae;
    font-size: 22px;
}

.transaction-tabs .nav-tabs .nav-item .nav-link {
    color: #000000;
    font-weight: 400;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid transparent;
}

.transaction-tabs .nav-tabs .nav-item .nav-link:hover {
    border-color: #0d3c55;
}

.transaction-tabs .nav-tabs .nav-item:first-child a {
    border-radius: 3px 0 0 3px;
}

.transaction-tabs .nav-tabs .nav-item:last-child a {
    border-radius: 0 3px 3px 0;
}

.transaction-tabs .nav-tabs .nav-item .nav-link.active {
    color: #0d3c55;
    font-weight: 600;
    background: #ffffff;
    border-color: #0d3c55 !important;
}

.transaction-table .setup-content .accordion label {
    width: 100%;
    float: left;
    font-size: 16px;
}

.transaction-table .setup-content .accordion .form-control,
.transaction-table .setup-content .accordion select#countries {
    height: 40px !important;
    max-width: 247px;
    float: left !important;
    margin-top: 0;
}

.transaction-table .setup-content .accordion #sendInviteFriend input {
    max-width: 100%;
}

.transaction-table .setup-content .accordion #sendInviteFriend .btn,
form#inviteFriendEventViaPhone .btn {
    height: 40px !important
}

.transaction-table .setup-content .accordion select#countries {
    margin: 0 10px;
}

#profile-tabs table.dataTable tbody tr {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.8);
    border-color: red !important;
}

#profile-tabs .table tr td.dataTables_empty {
    height: 190px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
}

.profile2-tab .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #0d3c55;
    border-radius: 0;
}

.profile2-tab h3 {
    font-size: 18px;
    padding: 30px 0 0 0;
}

.profile2-tab .profilr2-tabContent {
    background: #222;
    padding: 20px;
}

.profilr2-tabContent h4 {
    color: #90a4ae;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.profilr2-tabContent .form-control {
    background-color: #e8e9e9;
    border: none;
    border-radius: 1px;
}

.profilr2-tabContent .form-group span {
    color: #c80909;
    line-height: 2;
}

.profilr2-tabContent .form-group .ddTitleText span {
    color: rgba(255, 255, 255, 0.5);
}

.profilr2-tabContent .banner-photo-circle {
    background: #0d3c55;
    text-align: center;
    padding: 22px 0;
    height: 75px;
    width: 75px;
    border-radius: 50%;
}

.profilr2-tabContent .socialLink .form-control {
    width: 85%;
    display: inline-block;
    float: right;
}

.profilr2-tabContent .socialLink .form-group span svg {
    color: rgba(255, 255, 255, 0.4);
    font-size: 20px;
    display: inline-block;
    width: 30px;
    margin-top: 6px;
}

.profilr2-tabContent .form-group textarea {
    min-height: 100px;
    text-align: left;
}

.profilr2-tabContent label {
    display: table;
    margin-bottom: .5rem;
    width: 100%;
    float: none;
}

.btn-nxt-vendor2 .btn {
    color: #0d3c55;
    border-radius: 3px;
    width: 152px;
}

.profilr2-tabContent .formRepeat .row+.row {
    border-top: 4px solid #d3d3d3;
    padding-top: 30px;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: #0d3c55 !important
}

.card-body div.dataTables_wrapper div.dataTables_info {
    padding-top: 0;
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: end;
}

/** Design Vendor03 CSS **/
.btn-nxt-vendor2 .btn.btn-bk {
    background-color: #0d3c55 !important;
    border-radius: 3px;
    color: #ffffff;
}

.vendorSerDes h4 {
    color: #000000;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 1rem;
}

.vendorSerDes p {
    color: #313131;
}

.vendorSerDes a {
    color: #0d3c55;
    text-decoration: underline;
}

.profilr2-tabContent .form-check-label {
    color: #0d3c55;
    font-size: 15px;
    display: table;
}

.rangeSlide .btn {
    width: 100%;
    border-radius: 1px;
    background: #0d3c55;
    color: #fff;
    margin: 20px 0;
    font-size: 13px;
}

.btn.focus,
.btn:focus {
    outline: 0;
    box-shadow: none;
}

.btn-addNewRow {
    background: #0d3c55;
    margin: 0 -20px;
}

.btn-addNewRow .btn {
    background: #0d3c55;
    color: #fff;
}

.row.member-body-sec+hr {
    display: none;
}

.row.member-body-sec {
    margin-bottom: 24px;
}

/*For range slider*/
.range-slider {
    width: 100%;
}

.range-slider__range {
    -webkit-appearance: none;
    width: calc(95% - (73px));
    height: 10px;
    border-radius: 5px;
    background: #d7dcdf;
    outline: none;
    padding: 0;
    margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #0d3c55;
    cursor: pointer;
    transition: background .15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
    background: #0d3c55;
}

.range-slider__range:active::-webkit-slider-thumb {
    background: #0d3c55;
}

.range-slider__range::-moz-range-thumb {
    width: 20px;
    height: 20px;
    border: 0;
    border-radius: 50%;
    background: #0d3c55;
    cursor: pointer;
    transition: background .15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
    background: #0d3c55;
}

.range-slider__range:active::-moz-range-thumb {
    background: #0d3c55;
}

.range-slider__range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 3px #fff, 0 0 0 6px #0d3c55;
}

.profilr2-tabContent .form-group span.range-slider__value {
    color: #fff;
}

.range-slider__value {
    display: inline-block;
    position: relative;
    width: 60px;
    color: #fff;
    line-height: 20px;
    text-align: center;
    border-radius: 3px;
    background: #0d3c55;
    padding: 5px 10px;
    margin-left: 8px;
}

.range-slider__value:after {
    position: absolute;
    top: 8px;
    left: -7px;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-right: 7px solid #0d3c55;
    border-bottom: 7px solid transparent;
    content: '';
}

::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
    border: 0;
}

/** Design Vendor04 CSS **/
.profilr2-tabContent .form-group .flipButton p {
    color: #000;
    display: inline-block;
    margin: 0px 10px;
    vertical-align: middle;
    position: relative;
    top: -10px;
}

/*for mobile flip toggle*/
.switch {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 45px;
    margin: 0;
}

.switch input {
    display: none;
}

.slider {
    width: 55px;
    height: 25px !important;
    float: left;
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d1d1d1;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-profile {
    width: 55px;
    border-radius: 34px;
    height: 25px !important;
    float: left;
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d1d1d1;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    right: 8px;
    left: 60px;
    bottom: 8px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider-profile:before {
    position: absolute;
    border-radius: 50%;
    content: "";
    height: 14px;
    width: 14px;
    right: 8px;
    left: 70px;
    bottom: 6px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderNew {
    width: 55px;
    height: 25px !important;
    border-radius: 12px;
    float: left;
    position: relative;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8d8d8d;
    -webkit-transition: .4s;
    transition: .4s;
}

.sliderNew:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    border-radius: 3px;
    right: 4px;
    left: 6px;
    bottom: 5px;
    background-color: #ffffff;
    -webkit-transition: .4s;
    transition: .4s;
}

input+.slider {
    width: 60px;
    height: 35px !important;
    border-radius: 90px;
    transition: 0.3s;
}

.switch-button-sec {
    float: none !important;
}

input+.slider:before {
    transform: translateX(-32.5px) !important;
    top: 2.5px !important;
    width: 30px !important;
    height: 30px !important;
}

input:checked+.slider {
    background-color: #4bae4f;
    border-radius: 90px;
    transition: 0.3s;
}

input:checked+.slider:before {
    transform: translateX(-57.5px) !important;
    top: 2.5px !important;
    width: 30px !important;
    height: 30px !important;
}

input:checked+.slider-profile {
    background-color: #1395BA;
}

input:focus+.slider {
    box-shadow: 0 0 1px #002290;
}

input:checked+.slider:before {
    -webkit-transform: translateX(-34px);
    -ms-transform: translateX(-34px);
    transform: translateX(-34px);
}

input:checked+.slider-profile:before {
    -webkit-transform: translateX(-34px);
    -ms-transform: translateX(-34px);
    transform: translateX(-34px);
}

#eventAddform .slider.round::before {
    bottom: 5px;
    left: 38px;
    transform: translateX(-11.5px) !important;
}

#eventAddform input:checked+.slider:before {
    transform: translateX(-34.5px) !important;
}

.input-itemname {
    background-color: #ffffff !important;
    color: #0d3c55 !important
}

.input-itemquanity {
    background-color: #ffffff !important;
    color: #0d3c55 !important
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    transform: rotate(180deg);
}

.slider.round:before {
    border-radius: 50%;
}

.membar-modal {
    display: none;
}

/** Event add new Page Css **/
.event-add h2 {
    border-radius: 3px !important;
    color: #0d3c55;
    font-size: 16px;
    padding: 10px 0;
    margin-bottom: 0px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-transform: capitalize;
}

.add-event-title h2 {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    color: #0d3c55 !important;
    height: 44px;
    position: relative;
}

.add-event-title h2:after {
    content: "";
    position: absolute;
    width: 100px;
    height: 3px;
    background: #0d3c55;
    left: 0;
    bottom: 0;
}

.switch-button-sec {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.addevent-section .eventAddline4 {
    padding: 0;
}

.addevent-section {
    margin-bottom: 0;
    display: block;
}

.eventAddP .show>.btn-secondary.dropdown-toggle:focus,
.eventAddP .btn-secondary:focus {
    box-shadow: none;
}

.eventAddP .fa-caret-down {
    margin: 0 10px;
}

.eventAddline2>p {
    font-style: italic;
}

.eventAddline2 {
    width: 100%;
    padding: 15px;
    float: left;
    background-color: #ffffff;
    border-top: none;
    margin: 15px 0px;
    border-radius: 3px;
}

.add-event-address {
    width: 100%;
    padding: 15px;
    float: left;
    background-color: #ffffff;
    border-top: none;
    border-radius: 3px;
}

#profile-tabs.eventAdd .form-group {
    border-bottom: none;
}

.eventAddline3 {
    width: 100%;
    background: #ffffff;
    padding: 15px;
    float: left;
    border-radius: 3px;
    margin-bottom: 15px;
}

.eventAddline4 .choose-admin-event-text {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 16px !important;
    color: #474747 !important;
    margin-bottom: 15px !important;
}

.switch2 {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 26px !important;
    margin: 0;
    vertical-align: middle;
    margin: 0 10px;
    font-size: 14px;
}

.switch2 input:checked+.slider {
    background-color: #8d8d8d;
    display: flex;
    align-items: center !important;
}

.switch2 input:focus+.slider {
    box-shadow: 0 0 1px #ccc;
}

.switch2 input:checked+.slider:before {
    -webkit-transform: translateX(-56px);
    -ms-transform: translateX(-56px);
    transform: translateX(-56px);
    background: #0d3c55;
}

/** Event add new Page Css **/
.eventAdd .event-side {
    padding-right: 15px;
}

.eventAdd .event-add {
    padding-right: 15px;
    padding-left: 15px
}

.profileView .profileViewLine1 .text-left {
    margin-bottom: 20px;
    font-size: 30px;
    color: #1c1b1f;
}

.profileViewLine1 a {
    color: #0d3c55;
    text-decoration: underline;
    margin-left: 10px;
}

.text-right .fa-star {
    color: #ea686c;
}

.services-listing button.btn.btn-info.btn-lg {
    margin-top: -2px;
    padding-right: 0px;
}

.profileViewLine3 ul {
    margin: 0;
    padding: 0 0 0 15px;
}

.profileViewLine3 .text-right a {
    background: #ff1015;
    color: #fff;
    display: block;
    padding: 14px 144px;
    text-decoration: none;
}

.Servis01 {
    background: #fff;
    margin: 20px 0 0 0;
    padding: 15px;
    width: 100%;
    float: left;
}

.Servis01 .row {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.SerVice1txt {
    width: 70%;
}

.SerVice1Media img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    border: 4px solid rgba(55, 144, 555, .3);
}

.SerVice1Media {
    margin-right: 20px;
}

.SerVice1txt h3 {
    font-size: 18px;
    margin: 0;
}

.SerVice1txt p {
    margin: 0;
}

.SerVice1 {
    width: 100%;
    float: left;
    border-radius: 0;
    padding: 10px;
    background: #fff;
    margin-top: 30px;
}

.SerVice1:hover {
    background: #f3f7ff;
    box-shadow: 0px 3px 4px #ccc;
}

.SerVice1:hover h3 {
    color: #0d3c55;
}

/** Event add new Page Css **/
.eventAdd .event-sidebar {
    border-right: none;
}

.eventAddP {
    background: #f2f2f2;
    padding: 5px 10px;
    margin: 5px 0 0 0;
}

.eventAddP span {
    background: #007bff;
    color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    padding: 5px 0 0 0;
    margin: 0 5px 0 0;
    font-size: 14px;
}

.eventAddP .btn-secondary,
.eventAddP .show>.btn-secondary.dropdown-toggle,
.eventAddP .btn-secondary:hover,
.eventAddP .btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: inherit;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none !important;
}

.eventAdd .event-add form {
    box-shadow: none;
    padding: 5px 0;
}

#profile-tabs.eventAdd .form-horizontal {
    float: none;
    padding: 30px 0 0 0;
    box-shadow: none;
    float: left;
    width: 100%;
    background-color: transparent;
}

.eventAddFormPhoto {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    ;
    width: 100%;
    text-align: center;
    border-radius: 3px;
    padding: 50px 0;
}

.eventAddFormPhoto .fa-camera {
    font-size: 25px;
    margin-right: 10px;
}

.timeSet {
    border: 0;
    width: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin: 0 0 0 0px;
}

.timeSet input {
    padding-left: 30px !important;
}

input.bootstrap-timepicker-meridian {
    padding: 2px !important;
    width: 25px !important;
    height: 25px !important;
}

.eventAdd .form-group .control-label span {
    color: red;
}

.eventAdd .form-group textarea {
    min-height: 80px;
    background-color: #ffffff;
    border: 1px solid #8d8d8d;
}

.eventAdd50 {
    width: 60%;
    float: left;
    padding: 0 15px 0 0;
}

.eventAdd502 {
    width: 38%;
    float: left;
}

.eventAddline3.addevent-section h5,
.eventAddline3.addevent-section div {
    color: rgba(255, 255, 255, 0.5);
}

.eventAddline3.addevent-section div {
    font-size: 16px;
}

.eventAddline3.addevent-section div.crowd-text {
    color: #0d3c55;
}

.eventAddline3 p.FontItlaic {
    font-style: italic;
}

.eventAddline3Left1 ul {
    padding: 0;
}

.eventAddline3Left1 ul li {
    list-style-type: none;
    margin: 10px 0;
}

.eventAddline3Left1 h3 {
    font-size: 20px;
}

.font13 {
    font-size: 13px;
}

.font18 {
    font-size: 16px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}

.switch2 input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    visibility: hidden;
}

.form-control {
    background-color: transparent !important;
    border: 1px solid #d3d3d3 !important;
    border-radius: 3px;
}

/*Flip form css*/
.flpForm label {
    font-size: 14px;
}

.flpForm p {
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
}

.form-control,
.form-input {
    display: block;
    width: 100%;
    padding: 5px 12px !important;
}

.form-control:focus,
.form-input:focus {
    color: #495057;
    background-color: #ffffff;
    border-color: #0d3c55;
    outline: 0;
    box-shadow: none !important;
}

.profile2-tab h3 {
    font-size: 18px;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    margin: 15px auto 15px auto;
}

.profile-headings {
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}

.flpForm .switch {
    margin: 5px 5px -10px 5px;
}

.seprator {
    background: #555;
    height: 1px;
    width: 100%;
    margin-bottom: 10px;
}

#profile-tabs .eventAddline3Bottom1 .form-group {
    padding-right: 15px !important;
    margin-right: 10px;
}

#profile-tabs .eventAddline3Bottom1 form {
    background: #f7f7f7;
    width: 100%;
    float: left;
    padding: 5px;
    margin: 10px 0;
}

.btn-deleTE {
    position: absolute;
    background: #e21125;
    color: #fff;
    padding: 2px 7px !important;
    right: 34px;
    height: 25px;
    width: 25px;
    border-radius: 50%;
}

/*<!--CleanBox css-->*/
.CleanBox {
    width: 100%;
    float: left;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    background-color: #fff;
}

.CleanBox .CleanBoxLine1 {
    width: 100%;
    float: left;
    background-color: #0d3c55;
    padding: 10px;
    border-radius: 8px 8px 0px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.CleanBox p {
    margin: 0;
    display: inline-block;
    color: #fff
}

.CleanBox .CleanBoxLine1 span {
    background-color: #ffffff;
    color: #0d3c55;
    height: 30px;
    width: 30px;
    display: block;
    border-radius: 50%;
    text-align: center;
    padding: 3px 0 0 0;
    font-weight: 700;
}

.CleanBox .CleanBoxLine2 {
    width: 100%;
    float: left;
    padding: 10px;
}

.CleanBoxContent {
    height: 207px;
    overflow-y: auto;
    width: 100%;
}

.btn-seTTing {
    background: #0d3c55;
    color: #fff;
    padding: 1px 8px;
}

.CleanBox .btn-deleTE {
    position: static;
    margin: 0 0 0 5px;
}

/*<!--CleanBox css end-->*/
.eventAddline4 {
    width: 100%;
    padding: 15px;
    float: left;
    margin-bottom: 15px;
    border-radius: 3px;
}

.email-input {
    max-width: calc(100% - 10px) !important;
    color: #000 !important;
}

.plus-icon {
    filter: invert(25%) sepia(79%) saturate(692%) hue-rotate(162deg) brightness(97%) contrast(90%);
}

.email-input::placeholder,
.phone-input::placeholder,
.name-input::placeholder,
.country-select {
    color: #2b4e61 !important;
}

.name-input {
    max-width: 100% !important;
}

.modal .modal-header {
    padding: 10px 15px;
}

.modal .modal-header button {
    margin: 0
}

.modal-body .eventAddline4 {
    padding: 0;
    background-color: #fff;
}

.eventAddline4 h2 {
    font-size: 24px;
}

.eventAddline4 p.FontItlaic {
    font-style: italic;
}

/* .eventAddline4 label{color: rgba(255,255,255,0.5);} */
.eventAddline4 .multipleInput-container label {
    color: #000;
}

.AdminSearch .form-control {
    padding: .20rem .75rem;
}

.AdminSearch {
    border-bottom: 1px solid #777;
}

.profileIcon {
    float: left;
}

.profileIcon img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    margin: 0 10px 0 0;
}

.eventAddline4 .CleanBox .CleanBoxContent p {
    margin: 6px 0 0 0;
}

.eventAddline4 .CleanBox .CleanBoxContent input[type="checkbox"] {
    margin-top: 10px;
}

.eventAddline5 {
    width: 100%;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 15px;
    float: left;
}

.eventAddline5 h2 {
    font-size: 24px;
}

.eventAddline5 p.FontItlaic {
    font-style: italic;
}

.inviteSearch input[type="search"] {
    border: none;
    background: #efefef;
    padding: 10px;
    width: 85%;
}

.inviteSearch button {
    border: none;
    background: #efefef;
    padding: 10px;
}

.selectall {
    height: 30px;
    display: inline-block;
}

.eventAddline5 .profileIcon img {
    width: 50px;
    height: 50px;
}

.eventAddline5 .CleanBox .CleanBoxContent p {
    margin: 15px 0 0 0;
}

.eventAddline5 .CleanBox .CleanBoxContent input[type="checkbox"] {
    margin-top: 20px;
}

.eventAddline5 .CleanBoxContent {
    height: 270px;
}

.eventAddline5 .CleanBox .btn-deleTE {
    margin: 15px 0 0 5px;
}

/*For tabing*/
.inviteTabs .nav-link {
    color: #212529;
}

.inviteTabs .nav-pills .nav-link.active {
    color: #0d3c55;
    background: #fff;
}

.inviteTabs {
    margin-top: 30px;
}

.title-part {
    padding-left: 15px;
}

.address-part {
    padding-left: 30px;
}

.Eventhost-img {
    position: relative;
}

.under-review {
    color: #fff;
    cursor: default;
    border-radius: 3px !important;
    padding: 3px 7px !important;
    font-size: 16px;
    display: inline-block !important;
    font-weight: 400;
    height: auto !important;
}

.host-profile-page .transaction-tabs .tab-content .tab-pane .under-review {
    position: absolute;
    left: 0;
}

.under-review.green {
    background-color: #5ca792;
    border-radius: 3px 0px 3px 0px;
    height: 41px;
    display: flex;
    align-items: center;
    padding: 0px 16px;
}

.under-review.yellow {
    background-color: #f9ca66;
    border-radius: 3px 0px 3px 0px;
    height: 45px;
    display: flex;
    align-items: center;
}

.under-review.red {
    background-color: #ff4b4f;
    border-radius: 3px 0px 3px 0px;
    height: 45px;
    display: flex;
    align-items: center;
}

.Eventhost-img img {
    width: 100%;
    border: none !important;
    border-radius: 3px !important;
    order: none !important;
    border-color: transparent !important;
}

.events-inner-right {
    background: #fff;
    height: 100%;
    padding: 10px 0;
}

.Eventhost-head {
    margin: 0px;
    margin-bottom: 20px;
}

.Eventhost-head p {
    padding: 10px 15px;
    border-top: none;
    text-transform: uppercase
}

.Eventhost-txt h2 {
    color: #0d3c55;
    font-size: 18px;
    font-weight: normal;
}

.Eventhost-txt h3 {
    font-size: 16px;
    font-weight: normal;
}

.invited-to-txt h2 {
    color: #0d3c55 !important;
    font-size: 18px !important;
    font-weight: normal;
    font-size: 17px;
    display: inline-block;
}

.invited-to-txt h3 {
    font-size: 14px !important;
    font-weight: normal;
    margin-top: 0px !important;
}

.invited-to-txt p a {
    word-break: break-word;
}

.Eventhost-txt p {
    font-size: 16px;
    margin-bottom: 10px;
    margin-top: 5px;
}

.Eventhost-txtlist1 {
    width: 100%;
    display: inline-block;
}

.Eventhost-txtlist1 p {
    color: #000000 !important;
}

.Eventhost-txtlist1 ul {
    border-radius: 3px !important;
    padding: 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 0px;
}

.Eventhost-txtlist1 ul li {
    cursor: pointer;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.18);
    background-color: #ffffff;
    list-style: none;
    float: left;
    width: 23.30% !important;
    text-align: center;
    /* border-left: 1px solid #000; */
    padding: 9px;
    margin: 0 3px;
    border-radius: 3px !important;
    margin-bottom: 15px;
    font-weight: 700;
}

.Eventhost-txtlist1 ul li:last-child {
    margin-right: 0px !important;
}

.Eventhost-txtlist1 ul li a:hover {
    text-decoration: none !important;
}

.Eventinvited-txtlist1 li a:hover {
    text-decoration: none !important;
}

.rsvp-badge {
    background-color: #1395ba !important;
}

.Eventhost-txtlist1 ul li:first-child span {
    background: #39b239;
}

.Eventhost-txtlist1 ul li:nth-child(2) span {
    background: #ebc844;
}

.Eventhost-txtlist1 ul li:nth-child(3) span {
    background-color: #1395ba;
}

.Eventhost-txtlist1 ul li:first-child {
    border-left: 0px solid #0d3c55;
}

.Eventhost-txtlist1 ul li p {
    display: inline-block;
    font-size: 10px;
    margin: 0;
    font-weight: 600;
}

.Eventhost .Eventhost-txtlist1 ul li p {
    width: auto;
    float: none;
    font-size: 10px;
}

.Eventhost-txtlist1 ul li .svg-inline--fa {
    font-size: 12px;
}

.Eventhost-txtlist1 ul li a {
    color: #000;
}

.Eventhost-txtlist1 ul li span {
    border-radius: 3px !important;
    width: 96%;
    background: #818181;
    color: #fff;
    font-size: 12px;
    display: block;
    margin: 0 auto;
    display: inline-block
}

.Eventhost-txtlist2 {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.events-inner-right .col-xs-12.col-md-12 {
    border-bottom: 10px solid #efefef;
    margin-bottom: 10px;
    margin-top: 10px;
}

.Eventhost-txt {
    margin: 0;
}

.invited-to-txt {
    margin: 0;
}

.Eventhost-txtlist2 ul {
    padding: 0;
    display: flex;
    width: 100%;
    margin-bottom: 5px;
}

.Eventhost-txtlist2 ul li {
    list-style: none;
    width: 129px;
    cursor: pointer;
}

.Eventhost-txtlist2 ul li:first-child span {
    background: #5ca792;
}

.Eventhost-txtlist2 ul li:nth-child(2) span {
    background: #0d3c55;
    border-radius: 3px !important;
}

.Eventhost-txtlist2 ul li span {
    background-color: #49b1e9;
    border-radius: 3px !important;
    ;
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 3px 5px;
    float: left;
    font-size: 13px;
    width: 100%;
}

.Eventhost-txtlist2 ul li p {
    margin: 10px 0 0 0px;
    font-size: 12px;
    width: 100%;
    float: left;
    line-height: 14px;
}

.Eventhost-address {
    border-bottom: none;
}

.Eventhost-address p {
    margin: 0;
    padding: 5px;
    font-size: 14px;
}

.mt-top {
    margin-top: 10px;
}

/*==============Eventhost Invited tab Css=================*/
.EventhostInvite li img {
    height: 40px;
    width: 40px;
    border-radius: 50%;
}

.Eventhost-txtlist2.EventhostInvite ul li span {
    background: #73b1ff;
    color: #000;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 10px 0 0 0;
}

.Eventhost-txtlist2.EventhostInvite ul li {
    width: auto;
    margin-right: 10px;
}

/*==============Events-I-am-going tab Css=================*/
.Eventgoingbtn {
    width: 100%;
    display: block;
    margin: 0 0 20px 0;
}

.Eventgoingbtn button {
    border: 1px solid #0d3c55;
    border-radius: 0;
    padding: 7px 10px;
    font-size: 13px;
    cursor: pointer;
}

.Eventgoingbtn .btnt {
    background: none;
}

.Eventgoingbtn .btntt {
    background: #0d3c55;
    color: #fff;
    padding: 7px 50px;
}

/*For More profile popup Css*/
#MoreProfile .modal-header {
    padding: 5px 10px;
}

#MoreProfile .modal-header .close {
    margin: -5px -10px;
}

#MoreProfile .modal-body {
    height: 370px;
    overflow-y: auto;
}

#MoreProfile .modal-body ul {
    margin: 0;
    padding: 0;
}

#MoreProfile .modal-body ul li {
    margin-bottom: 10px;
    list-style: none;
}

#MoreProfile .modal-body ul li img {
    border-radius: 50%;
    width: 50px;
    height: 50px;
}

#MoreProfile .modal-body ul li a {
    color: #212529;
    margin-left: 20px;
}

#MoreProfile .modal-body ul li a:hover {
    color: #0d3c55;
    text-decoration: none;
}

/*:::::::::::::::::Sandeep CSS::::::::::::::::::::*/

input[type=submit] {
    color: white;
    border: none;
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #495057;
    font-size: 16px;
}

.page-add-friend .card-body.transaction-tabs {
    float: left;
}

.date-sec1 {
    padding: 0 10px;
}

.beach_volleyball {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    position: absolute;
    bottom: 0;
    z-index: 3;
}

.single-inner-section {
    background-color: #ffffff;
    padding: 15px;
    display: table;
    width: 100%;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.single-inner-section p {
    word-break: break-word !important;
    font-weight: 400;
}

.services .single-inner-section p {
    font-weight: 500;
}

.single-event-details h2 {
    margin: 0px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.single-event-details .nav-tabs {
    border-bottom: 0px solid #dee2e6;
    background: rgba(0, 0, 0, 0.4);
    padding-top: 10px;
}

.ivited-guests .coming:first-child {
    border-radius: 3px 0px 0px 0px !important;
}

.money-blk li {
    border: 1px solid rgba(255, 255, 255, 0.3);
    margin: 0px 5px !important;
    width: 30.65% !important;
    text-align: center !important;
}

.services-listing .card-body {
    padding: 10px;
    min-height: 150px;
}

.services-listing .h5 {
    font-size: 18px;
}

ul.card-text {
    padding-left: 15px;
    list-style: none;
}

ul.card-text .lab {
    font-weight: 400;
    display: inline-block;
    min-width: 80px;
}

ul.card-text .val {
    font-weight: 400;
    text-align: right;
}

.btn-booking-amount {
    position: absolute !important;
    left: 0;
    border: none;
    border-radius: 3px 0px 3px 0px;
    padding: 7px !important;
    background-color: #CCE6F1 !important;
    font-size: 12px;
    color: #000 !important;
}

.btn-booking-amount:hover {
    cursor: pointer !important;
    background-color: #efefef !important;
}

span.green-dot {
    background: green;
    border-radius: 50%;
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-left: 5px;
}

.services-listing button {
    float: right;
    padding: 3px 7px;
    line-height: 18px;
    margin-bottom: 5px;
    background: #0d3c55;
    color: #fff;
}

.services-listing .card .card-body.disabled-card {
    position: relative;
    cursor: not-allowed;
    opacity: 0.3;
}

.services-listing .card {
    background-color: transparent;
}

.card-title {
    margin-bottom: .75rem;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 1.4;
}

.disabled-card {
    background: #e0dddd;
}

.add-new {
    width: 100%;
    text-align: center;
    padding: 25px 0px;
    margin: 15px 0;
}

.add-new .svg-inline--fa {
    display: block;
    text-align: center;
    margin: 0 auto;
    font-size: 26px;
    font-weight: 200;
    height: 36px;
}

.add-new h3 {
    margin: 10px 0;
    color: #fff;
    font-size: 18px;
}

.add-btn-bg {
    background: #fff;
    border-radius: 50%;
    padding: 10px 15px;
    display: table;
    margin: 0 auto;
}

.serviceadd {
    background: #00ba39;
}

.serviceadd .svg-inline--fa {
    color: #00ba39;
}

.applicationadd {
    background: #4999fd;
}

.applicationadd .svg-inline--fa {
    color: #4999fd;
}

.modal-header {
    background-color: #0d3c55 !important;
    font-size: 24px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 3px 3px 0px 0px;
}

.invited-connection {
    color: #0d3c55 !important;
}

.invited-connection.active {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
}

.custom-header {
    background-color: #0d3c55;
    border-radius: 3px 3px 0px 0px;
    border: 1px solid #0d3c55 !important;
}

.custom-header h4 {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.custom-modal-body {
    background-color: #ffffff !important;
    padding: 8px 8px 0px 8px !important;
    border-top: none !important;
    border-bottom: none !important;
}

.custom-modal-body .modal-paragraph {
    color: #0d3c55 !important;
    font-size: 14px !important;
    font-weight: 400;
}

.custom-modal-footer {
    background-color: #ffffff !important;
    padding: 0px 0px 8px 0px !important;
    border-radius: 0px 0px 3px 3px !important;
    border-top: none !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.text-maybelater {
    font-size: 18px;
    font-weight: 600;
    color: #0d3c55 !important;
    padding: 0px 0px 8px 0px;
}

.text-vendorapp {
    font-size: 18px;
    font-weight: 600;
    padding: 8px 0px 0px 0px !important;
}

.text-vendorapp a {
    font-size: 18px;
    font-weight: 600;
    color: #0d3c55 !important;
    padding: 8px !important;
}

.custom-modal-content {
    background-color: transparent !important;
    border: none !important;
}

.social-btns {
    max-width: 120px !important;
}

.common-zindex {
    z-index: 9 !important;
}

.common-zindex-two {
    z-index: 999 !important;
}
.btn-blue-primary{
    background-color: #0D3C55 !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    font-weight: 400;
    font-size: 16px;
    border-radius: 8px !important;
}
.btn-blue {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
    padding: 0px !important;
    font-weight: 600;
    font-size: 13px;
    width: 120px !important;
    border-radius: 8px !important;
}

.custom-captcha iframe .rc-anchor-dark.rc-anchor-normal {
    background: #0d3c55 !important;
}

.modal-body {
    font-size: 18px;
    padding-left: 15px;
    float: left;
    width: 100%;
    border-top: none !important;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 8px 8px;
    padding: 15px !important;
}

.modal-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    text-align: center;
}

.btn-pay {
    float: right;
    margin: -66px 0 0 0px;
    background: #4999fd;
    padding: 6px 24px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0px;
}

.status {
    width: 100%;
}

.booking {
    display: inline-flex;
    width: 100%;
    list-style: none;
    padding: 20px 0px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

.booking li {
    padding-right: 10px;
}

.btn-status {
    background: #eaa30a;
    font-size: 18px;
    font-weight: 600;
    border: 1px solid #eaa30a;
    border-radius: 0px;
}

.btn-status:hover {
    background: #eaa30a;
    border: 1px solid #eaa30a;
}

.btn-public {
    background: transparent;
    border: 1px solid #000;
    border-radius: 0px;
    font-size: 14px;
    font-weight: 600;
    min-width: 130px;
    text-align: left !important;
}

.box {
    background: #e5e5e5;
    padding: 9px 20px;
    margin: 0 20px;
}

.box p {
    font-size: 18px;
}

.btn-update {
    float: left;
    margin-left: 6px;
    font-size: 18px;
    padding: 6px 20px;
    background: #4999fd;
    border-radius: 0px;
}

.service-type {
    border: none;
    padding: 15px 0px;
}

.modal-content .status {
    padding-top: 0px;
    padding-bottom: 0px;
}

.modal-content {
    display: block;
    max-width: 100%;
    width: 100%;
    border: 0;
    border-radius: 3px;
}

.d-icon1 span {
    position: relative;
    float: right;
    top: 8px;
}

.d-icon span {
    position: relative;
    left: 18px;
}

#myModal .modal-content {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0 auto 0;
}

#myModal .modal-header {
    display: block;
}

#myModal .modal-title {
    text-align: left;
}

input[type=text],
input[type=submit],
input[type=button],
input[type=email] {
    width: 100%;
    padding: 6px 12px;
    display: inline-block;
    border: 1px solid #0d3c55;
    box-sizing: border-box;
}

input[type=submit] {
    color: black;
    border: none;
}

.rangeSlide.row input {
    width: 170px;
    margin-left: 10px;
    border: 1px solid #0d3c55 !important;
}

/** Services **/
.page-services-selection {
    float: left;
    width: 100%;
    background-color: #ffffff;
    border-radius: 3px;
}

.page-title {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background-color: #0d3c55;
    color: #fff;
    font-size: 20px;
    border-radius: 3px;
    margin-bottom: 16px;
}

.select-service {
    float: left;
    width: 100%;
    padding: 0;
    text-align: center
}

.select-service ul {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.select-service ul li {
    list-style: none;
    width: 20%;
    text-align: center;
    min-height: 135px;
}

.select-service ul li span,
.select-service ul li label {
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.select-service ul li label {
    padding: 10px;
}

.select-service ul li label:hover {
    background-color: #e9e9e9
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.btn-view-result {
    background-color: #4999fd;
    border-radius: 0;
    padding: 6px 25px;
    border: none;
    margin-top: 15px;
}

.event-sidebar span {
    font-size: 15px;
    margin-bottom: 4px;
    margin-top: 2px;
}

.top-noti-profile-sec.float-right {
    display: block;
    margin-top: 15px;
}

.top-noti-profile-sec.float-right .btn {
    border-color: rgba(255, 255, 255, 0.8);
}

.modal-header>button.close {
    font-size: 22px;
    font-weight: normal;
    padding: 0 !important;
    width: auto;
    height: auto;
}

.modal-header>button.close:hover {
    background-color: transparent !important;
}

.text-blue {
    color: #0d3c55 !important;
}

.font-weight-semibold {
    font-weight: 600;
}

.bg-blue {
    background-color: #0d3c55 !important;
}

.text-lightblue {
    color: #ffffff !important;
}

.text-darkblue {
    color: #0d3c55 !important
}

.text-darkgray {
    color: #bab9b9;
}

.mt-15 {
    margin-top: 15px !important;
}

.invited-hostedby {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    border-radius: 3px !important;
}

.bg-darkblue {
    background-color: #0d3c55 !important
}

.contribution-tab {
    overflow: hidden;
    height: 44px;
}

.contribution-tab li {
    width: 50%;
    margin: 0px;
}

.bg-lightblue {
    background-color: #fff !important;
    box-shadow: 0 0 9px 0px #00000026;
    border-radius: 3px !important;
}

.card-property {
    background-color: #fff !important;
    box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
    border-radius: 6px !important;
    padding: 20px;
}

/* .bg-lightblue{background-color: #ffffff !important;} */
.bg-orange {
    background-color: #f27025 !important;
}

.border-orange {
    border: 1px solid #f27025 !important;
}

.email-input {
    border-radius: 0px 3px 3px 0px;
}

.password-input {
    border-radius: 0px 3px 3px 0px;
}

/***** Email-Phone Verification CSS *****/
.email-phone-verification-page .stats,
.email-phone-verification-page .user-info {
    margin-top: 10px;
}

.email-phone-verification-page .user-profile {
    margin-bottom: 0;
}

.email-verification-area {
    margin: 0 auto;
    width: 100%;
    max-width: 390px;
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    border: 1px solid #8d8d8d;
    pad: 15px;
}

.verification-title {
    background-color: #0d3c55;
    color: #fff;
    margin: 0;
    font-weight: 800 !important;
    border-radius: 3px 3px 0px 0px;
    padding: 13px 0;
    font-size: 16px !important;
    font-weight: normal;
    text-align: center
}

.email-profile-sec h5 {
    color: #20407e;
    font-weight: normal;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 15px;
}

.email-profile-sec {
    background-color: #ffffff;
    color: #0d3c55 !important;
    padding: 14px;
    float: left;
    width: 100%;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid #8d8d8d;
}

.phone-sec strong {
    color: #0d3c55;
    font-size: 14px;
    font-weight: 600;
    width: 100%;
    display: inline-block;
    max-width: 140px;
}

.phone-sec span {
    font-size: 14px;
    display: inline-block;
}

.phone-sec {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

.value-verification {
    float: left;
    width: 100%;
    color: white !important
}

.value-verification h6 {
    margin-bottom: 16px;
    font-weight: 600;
    color: #0d3c55 !important;
}

.value-verification>div {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.value-verification+.value-verification {
    margin-bottom: 15px;
}

.value-verification>div a {
    font-size: 16px;
    padding: 3px 15px;
    border-radius: 0;
    font-weight: 500;
}

.value-verification>div input {
    display: inline-block;
    width: 48%;
    padding: 5px 8px;
    vertical-align: middle;
    background-color: #efefef;
    border: none;
    margin: 0 3px;
    font-size: 14px;
    border-radius: 0;
}

.value-verification span {
    display: inline-block;
}

.input-border-radius {
    border-radius: 0px 5px 5px 0px !important;
}

.value-verification>div select {
    margin: 0;
    text-align: left;
    padding: 4px 5px;
    border: none;
    background-color: #efefef;
    font-size: 14px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #8d8d8d;
    width: 100%
}

.value-verification>div select option {
    padding: 0;
}

.privacy-sec a {
    clear: both;
    margin-top: 10px;
    font-size: 14px;
}

.privacy-sec a.privacy-link {
    color: #0069d9;
    font-size: 16px;
    border-bottom: 1px dashed;
    display: inline-block;
    margin-bottom: 6px;
}

.privacy-sec {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.privacy-sec a.btn {
    padding: 3px 16px;
}

.value-verification>div input[type="number"] {
    -moz-appearance: none;
}

.flag-dropdown .dd .child .li {
    background-color: red !important;
}

.phone-sec span>span {
    display: inline-block;
    width: auto;
    margin-left: 0px;
    padding: 1px 3px;
    border: none;
    text-transform: uppercase;
    font-size: 12px;
    vertical-align: top;
}

.value-verification a.btn.btn-primary {
    background-color: #002290;
    line-height: 23px;
}

.value-verification>div.d-inline a.btn.btn-primary,
.value-verification .change-phone-code {
    width: 100%;
    max-width: 108px;
    padding: 3px 8px;
}

.value-verification>div.d-inline a.btn.btn-primary:last-child {
    width: auto;
    max-width: inherit;
    margin-left: 3px;
}

.value-verification .change-phone-code {
    display: inline-block;
    position: relative;
    padding: 0;
}

.value-verification .change-phone-code::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 12px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #8d8d8d;
}

.value-verification .change-phone-code select {
    max-width: 100%;
}

.value-verification.email-verify-button .btn-primary {
    max-width: min-content
}

.email-phone-verification-page .user-profile {
    width: 100px;
    height: 100px;
}

.email-phone-verification-page .user-profile img {
    width: 100%;
    height: 100%;
}

.email-phone-verification-page #profile-information>.container>.row>div:last-child>.row:last-child {
    position: relative;
    width: auto;
}

.email-phone-verification-page #profile-tabs {
    min-height: 78vh
}

.email-phone-verification-page .btn.btn-dark-gray {
    background-color: #737373;
    border-color: #737373;
}

.phone-country-id {
    padding-right: 9px;
}

.verified-phone-num {
    float: left;
    width: 100%;
    margin-right: 5px;
}

/*max-width: 169px;*/
.verified-contiue {
    width: auto;
    margin-top: 5px;
    float: left;
}

.invited-member-sec h4 {
    font-size: 18px;
    margin: 0;
}

.invited-member-sec .row strong {
    font-size: 14px;
    color: #0d3c55 !important;
    font-weight: 800;
}

.invited-member-sec .row img {
    width: 30px;
    height: 30px;
    border: 1px solid #0d3c55;
    border-radius: 50px !important;
}

.invited-member-sec p {
    margin: 0;
}

.invited-member-sec .member-head {
    margin-bottom: 10px
}

.invited-member-sec .modal-footer .btn {
    font-size: 12px;
}

.mobile-contribute-now-section {
    /* background-color: #ffffff !important; */
    width: 100%;
    border-radius: 0px 0px 3px 3px !important;
    padding: 15px;
}

.mobile-contribute-now-section h6 {
    font-size: 14px !important;
    width: auto;
    margin: 0px !important;
    font-weight: normal;
    margin-right: 15px;
    color: #0d3c55;
    font-weight: 400 !important;
}

.mobile-contribute-now-section-inner-btn-group {
    padding: 0px 0px;
    display: flex;
    align-items: center;
    margin: 0px;
    flex: 0 0 100%;
    width: 100%;
    position: relative;
}

.mobile-contribute-now-section-inner-btn-group a.active {
    color: #ffffff !important;
    margin-right: 8px !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    background-color: #0d3c55 !important;
}

.mobile-contribute-now-section-inner-btn-group a {
    padding: 0px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 10px;
    flex: 0 0 23.3%;
    width: 23.3%;
    height: 36px;
    background-color: #ffffff !important;
    font-weight: 700;
    font-size: 12px;
    color: #0d3c55 !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 25%);
    border-radius: 3px !important;
}

.mobile-contribute-now-section-inner-btn-group a.other-status-check {
    margin-right: 0px !important;
}

.mobile-contribute-now-section-inner-btn-group a i {
    font-size: 12px;
    line-height: 17px;
}

section.looking h2 {
    margin-top: 30px;
}

/*services-css*/
.f1 {
    border-radius: 3px;
    padding: 25px;
}

.f1 h4 {
    font-size: 18px;
    color: #25406a;
    font-weight: 700;
}

.f1 h3 {
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}

.f1-step p {
    color: #d9d9d9;
    display: block;
    float: left;
    clear: both;
}

.f1 fieldset {
    display: none;
    text-align: left;
    background-color: #fff;
}

.f1-buttons {
    text-align: right;
}

.f1 .input-error {
    border-color: #f35b3f;
}

.f1 .checkbox {
    height: 34px;
    padding-top: 5px;
    margin-top: 50px;
}

.f1 textarea.form-control {
    height: 83px;
}

.f1 button.btn-proceed {
    background-color: #25406a;
    color: #fff;
}

.representative-camera-img {
    background: #0d3c55;
    border-radius: 50% !important;
    padding: 0;
    width: 50px;
    height: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
}

.f1-steps {
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.f1-progress {
    background: #d9d9d9 none repeat scroll 0 0;
    height: 4px;
    position: absolute;
    width: 80%;
    left: 50%;
    top: 42px;
    transform: translate(-50%);
    margin-right: 0;
}

.f1-progress-line {
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
}

.f1-step {
    float: left;
    padding: 0 5px;
    position: relative;
    width: 16.5%;
}

.f1-step.active .f1-step-icon {
    background: #0d3c55 none repeat scroll 0 0;
}

.f1-step-icon {
    background: #d9d9d9 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-size: 36px;
    height: 80px;
    line-height: 80px;
    margin-top: 0px;
    width: 80px;
    float: left;
    margin-left: -5px;
    text-align: center;
}

.f1-step:last-child {
    width: auto;
    margin-right: 0px;
}

.u-name,
.u-description {
    font-size: 14px;
}

.oder-info p,
.refund-policy p {
    padding: 10px;
    background-color: #1f1f1f;
    font-size: 15px;
    color: #5e5d5d;
}

.oder-info h4 {
    font-size: 18px !important;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400 !important;
}

.defining {
    font-size: 18px;
    font-weight: 400;
}

.dummy-text-area {
    font-size: 16px;
    font-weight: 400;
    color: #5e5d5d;
}

.service-name-block label {
    display: block;
}

.service-name-block input {
    width: 100%;
    padding: 5px 12px;
    background-color: #e8e9e9;
    border: 1px solid #ccc;
    border-radius: 4%;
    color: #000;
}

.service-name-block input::placeholder {
    color: #2b4e61;
}

.form-check-label {
    line-height: 25px;
}

.form-control.S-descrip {
    min-height: 70px !important;
}

.form-control.l-descrip {
    min-height: 120px !important;
}

.upload-browse {
    background-color: #0d3c55;
}

.browse-inner {
    max-width: 50%;
    margin: 0 auto;
}

.icon-camera {
    color: #fff !important;
    text-align: center;
    padding-top: 25px;
    margin-bottom: 0;
}

.text-content-drop {
    margin-bottom: 0;
    color: #fff !important;
    max-width: 75%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 30px;
}

.icon-camera i {
    font-size: 22px;
}

.text-content-drop a {
    color: #fff;
}

.icon-camera .svg-inline--fa.fa-camera.fa-w-16 {
    font-size: 30px;
}

#profile {
    padding-top: 0px;
}

.defining-dummy {
    margin-bottom: 0px;
    color: #5e5d5d;
    font-size: 14px;
}

.italic-info {
    line-height: 30px;
    color: #828282;
}

.text-area #f1-about-yourself {
    min-height: 95px;
}

.text-area1 #f1-about-yourself {
    min-height: 125px;
}

.cyan-back {
    border: 1px solid #8d8d8d;
    padding: 80px 12px;
    text-align: center;
}

.cyan-back h6 {
    color: #fff;
    font-size: 30px;
}

.cyan-back p {
    color: #fff;
    max-width: 50%;
    margin: 0 auto;
    padding-bottom: 10px;
}

.cyan-back p a {
    color: #fff;
    text-decoration: underline;
}

.save {
    background-color: #0d3c55 !important;
}

.form-check {
    margin-bottom: 0;
}

/*services-css*/

.top-header {
    background: #25406a none repeat scroll 0 0;
    height: 53px;
}

.navbar .navbar-nav .nav-link {
    color: #000000 !important;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    border-color: #0d3c55 !important;
    color: #0d3c55 !important
}

.navbar-default {
    background-color: transparent !important;
    border-color: transparent !important;
}

.top-header .navbar-default .navbar-nav>li>a {
    color: #fff;
}

.top-header .navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    background-color: transparent;
    color: #f10f0f;
}

.top-header .navbar-nav>li {
    border-right: 1px solid #192028;
    float: left;
}

.pad-top {
    color: #fff;
    padding: 15px 8px 15px 0;
}

.main-header .navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px 14px;
}

.nav.navbar-nav.navbar-right a:hover {
    color: #f10f0f;
}

.main-header {
    padding: 20px 0;
    height: 90px;
}

.search-icon {
    background: #25406a none repeat scroll 0 0;
}

.search-icon a:hover {
    background: #25406a !important;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}

#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}

#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
}

.content {
    background-size: cover;
}

.content h1 {
    font-weight: bold;
}

.btn.sign-up-btn {
    background: #f10f0f none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    padding: 10px 60px;
}

.left-content {
    margin-top: 40%;
}

.controls {
    margin-top: 30px;
}

.application-form {
    background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
    display: table;
    margin: 50px 0;
    padding: 10px 20px 35px;
    box-shadow: 4px 4px 2px rgba(0, 0, 0, .5);
}

.application-form-title {
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    font-size: 26px;
}

.application-form h4 {
    color: #fff;
    text-align: center;
}

.application-form .checkbox {
    color: #fff;
    font-size: 14px;
}

.application-form .btn1 {
    background: #f10f0f none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    padding: 10px 40px;
}

.btn2 {
    background: #25406a none repeat scroll 0 0;
    border: medium none;
    color: #fff !important;
    font-size: 17px;
    font-weight: bold;
    margin-left: 13px;
    padding: 10px 45px;
    border-radius: 0 !important;
}

.application-form .form-group {
    margin-bottom: 10px;
}

.application-form .form-control {
    border-radius: 0;
}

footer {
    background: #25406a;
    position: relative;
}

.footer-banner::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #000;
    opacity: 0.7;
    transform: translate(-50%, -50%);
}

.footer-content p {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    text-transform: uppercase;
    margin: 20px 0;
}

.footer-content {
    padding: 16px 0;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/* Grow */
.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*--------------- undergraduate page ----------------*/
#undergraduate {
    text-align: center;
    background-color: #f1f1f1;
}

#undergraduate h2 {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

#undergraduate h3 {
    color: #4c4c4c;
    text-transform: uppercase;
    font-weight: bold;
}

#undergraduate .content {
    padding: 50px 0;
}

.application {
    background: rgba(225, 225, 225, 0.4) none repeat scroll 0 0;
    display: table;
    padding: 40px;
    position: relative;
}

.application button {
    margin-top: 25px;
}

.background-left.row>h3 {
    margin-bottom: 30px;
}

.background-left.row>img {
    margin: 16px 0;
}

.application p {
    font-size: 17px;
    text-transform: uppercase;
}

.background-left,
.background-right {
    background: rgba(225, 225, 225, 0.4) url("../images/Front/bckgrnd-left.png") no-repeat scroll 100% 0;
    display: inline-block;
    float: left;
    margin-right: 0;
    padding: 0;
    position: relative;
    width: 50%;
}

.background-right {
    background: rgba(225, 225, 225, 0.4) url("../images/Front/bckgrnd-right.png") no-repeat scroll 0 0;
}

.background-left1 {
    width: 100%;
    display: table;
    overflow: hidden;
    padding: 40px 25px;
    position: relative;
}

.background-right.row>h3 {
    margin-bottom: 30px;
}

.background-right.row>img {
    margin: 16px 0;
}

/*-- login form with modal box --*/
.modal-content .event-description_text h2 {
    font-size: 18px;
}

.modal-content .modal-title {
    font-size: 16px;
    line-height: 1.42857;
    margin: 0;
    text-align: center;
    font-weight: 700;
    color: #ffffff;
}

.modal-content .social-buttons {
    display: block;
    float: none;
    position: relative;
    width: auto;
    text-align: center;
}

.modal-content .form {
    margin: 0 auto;
    max-width: 385px;
    position: relative;
    text-align: center;
    width: 100%;
}

.modal-content .btn.btn-fb {
    background-color: #0d6ab2;
    color: #fff;
}

.modal-content .btn.btn-fb .hvr-buzz {
    border-right: 1px solid #fff;
    display: inline-block;
    height: 100%;
    padding-right: 10px;
    vertical-align: middle;
    width: 20px;
    margin-right: 20px;
}

.modal-content .btn.btn-tw {
    background-color: #18afe2;
    color: #fff;
}

.modal-content .btn.btn-tw .hvr-buzz {
    border-right: 1px solid #fff;
    display: inline-block;
    height: 16px;
    margin-right: 20px;
    padding-right: 10px;
    vertical-align: middle;
    width: 28px;
}

.modal-content .divide-or {
    border-top: 1px solid #252424;
    display: block;
    float: none;
    margin: 20px auto 40px;
    max-width: 150px;
    position: relative;
    text-align: center;
    top: 10px;
    width: 100%;
}

.modal-content .divide-or-bor {
    background-color: #252424;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    height: 30px;
    line-height: 14px;
    margin-left: -11%;
    padding: 8px 9px 7px 6px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: -16px;
    vertical-align: middle;
    width: 30px;
}

.modal-content .input-group {
    margin-bottom: 20px;
}

.modal-content .checkbox.col-md-6.check-box-icon {
    bottom: 15px;
    display: table-cell;
    float: none;
    padding: 0;
    position: relative;
    top: -4px;
    vertical-align: top;
    width: 29%;
}

.modal-content .bottom.text-center {
    display: table;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

/*-- Profile page form with modal box --*/

.top-content {
    padding: 40px 0 170px;
}

.top-content .text {
    color: #fff;
}

.top-content .text h1 {
    color: #fff;
}

.top-content .description {
    margin: 20px 0 10px;
}

.top-content .description p {
    opacity: 0.8;
}

.top-content .description a {
    color: #fff;
}

.top-content .description a:hover,
.top-content .description a:focus {
    border-bottom: 1px dotted #fff;
}

.otp-popup .modal-dialog {
    background: #efefef;
    border-radius: 5px;
    padding: 15px;
}

.otp-popup p.head {
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
}

.otp-popup a.otppopclose {
    float: right;
}

.otp-popup button#verify_submit {
    padding: 8px 24px;
    font-size: 14px;
}

/*-------------------- Home Page ---------------------*/

/********************************/
/* Main CSS */
/********************************/

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-control .fa-angle-right,
.carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.carousel-control .fa-angle-left {
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}

.carousel-control .fa-angle-right {
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}

.carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}

/* University Options */
.bg-blue {
    background-color: #0d3c55 !important;
}

.university-options {
    padding: 40px;
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 100%;
    padding: 40px 0 30px;
}

.blue p {
    color: #fff;
    font-size: 17px;
    font-weight: bold;
    margin-top: 18px;
}

.university-news h1 {
    text-align: center;
    color: #fff;
}

.university-news {
    background: #25406a;
    padding: 60px 0;
}

.university-news p {
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
}

.university-news .news-section {
    padding: 40px 0 0 0;
}

.news4.news-section>h3 {
    color: #fff;
    font-weight: bold;
    margin: 0;
}

.news-section span {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.university-facility .facility-bckgrnd {
    background: #ededed none repeat scroll 0 0;
    border-top: 5px solid #fff;
}

.facility-bckgrnd .btn-default {
    background-color: #ededed;
    border-color: transparent;
    color: #25406a;
}

.university-facility {
    min-height: 380px;
}

.well {
    background-color: transparent;
    border: medium none;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    margin-bottom: 0;
    min-height: 317px;
    padding: 50px 0 30px;
}

.btn-group-justified>.btn-group .btn {
    height: 100px;
    width: 100%;
}

.facility-bckgrnd .btn-primary {
    background-color: #a2a2a2;
    border-radius: 0;
    color: #fff;
    height: 85px;
    position: relative;
}

.facility-bckgrnd .btn {
    border-radius: 0px;
    font-size: 25px;
    font-weight: bold;
    border: none;
}

.spotlight>p {
    color: #25406a;
    font-size: 18px;
    font-weight: bold;
    padding-top: 20px;
    text-align: center;
}

.spotlight a {
    color: #25406a;
}

.spotlight figure img {
    opacity: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 50%;
    text-align: center;
}

.spotlight figure:hover img {
    opacity: .5;
}

.tab-content {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}

.tab-content>.active {
    display: block;
    float: none;
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.tab-pane1 {
    display: inline-block;
    float: none;
    max-width: 185px !important;
    position: relative;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.facility-bckgrnd .btn-primary:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(138, 138, 138, 0);
    border-top-color: #a2a2a2;
    border-width: 10px;
    margin-left: -10px;
}

/*------- text background -------*/
.events {
    display: table;
    padding: 40px 0 0;
}

.event-section>h1 {
    color: #25406a;
    text-align: center;
}

.event-section {
    text-align: center;
    padding: 60px 0;
}

.date {
    border: 4px solid #d6d6ce;
    border-radius: 50px;
    color: #25406a;
    font-weight: bold;
    height: 100px;
    margin: 0 auto;
    padding: 22px 0;
    width: 100px;
}

.event h4 {
    color: #25406a;
    font-weight: bold;
    padding: 15px 0 0 0;
}

.time {
    color: #979797 !important;
    font-size: 20px !important;
    font-weight: bold;
}

.event>p {
    color: #838383;
    font-size: 16px;
}

.f1 fieldset.active {
    display: block;
}

#myTabContent .f1-step.active .f1-step-icon {
    background: #0d3c55 none repeat scroll 0 0;
    font-size: 15px;
    height: 50px;
    line-height: 1;
    margin-top: 0;
    width: 50px;
    /* float: left;margin-left: -5px;vertical-align: middle;*/
    padding: 17px;
}

.f1-buttons .btn.btn-next {
    background-color: #0d3c55;
}

.anonimous {
    color: #c80909;
}

.min {
    /* float: left; */
    padding-right: 8px;
}

#number {
    width: 50%;
}

.watch-area {
    position: relative;
}

#watch {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #fff;
    padding: 5px;
}

.watch-area input:after {
    background-image: url(../images/Front/clock.jpg);
    background-repeat: no-repeat;
}

.watch-area .svg-inline--fa.fa-clock-o.fa-w-16 {
    position: absolute;
    right: 5px;
    top: 6px;
}

.service-area {
    padding: 10px 0;
}

.service-area h5 {
    font-size: 18px;
    font-weight: 400;
}

.service-area p {
    padding: 10px;
    background-color: #1f1f1f;
    font-size: 14px;
}

.btn-vendor {
    background-color: #0d3c55;
    color: #fff;
}

.btn-existing-serv {
    background-color: #1f1f1f;
    color: #fff;
}

.add-button {
    padding: 26px 0 0 0;
}

.watch-area svg.svg-inline--fa.fa-clock.fa-w-16 {
    position: absolute;
    right: 5px;
    top: 10px;
    color: #767676;
}

input.zip {
    width: 100%;
}

.add-button .btn.btn-add-serv {
    width: 100%;
    padding: 2px 12px;
    margin-top: 5px;
    background-color: #0d3c55;
    color: #fff;
    border-radius: 0px;
}

.add-button span svg {
    color: #ffffff;
    margin-left: 5px;
}

.zip-area-btn,
.zip-area {
    margin-top: 10px;
}

.zip-sec-whole {
    margin-top: 10px;
}

#zip-low,
#zip-heigh {
    display: inline-block;
    width: 100%;
}

.zip-area-btn .add-button .range {
    margin-top: 38px;
}

.right-size-zip {
    padding: 12px 0;
}

.add-button .range svg {
    margin: 0;
}

.right-size-zip h6 span {
    float: right;
}

a.wash-clear {
    background-color: #be3e2f;
    color: #fff;
    padding: 6px 20px;
    font-size: 13px;
    text-transform: uppercase;
}

.area-border {
    border: 1px solid #b2b2b2;
    height: 200px;
    overflow-y: scroll;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
}

.area-border span {
    float: right;
    margin-right: 10px;
}

.btn-nxt-box a {
    padding: 0 25px;
    background-color: #b2b2b2;
    color: #fff;
}

.area-border grey-back a {
    background-color: #b2b2b2;
    color: #fff;
}

.grey-back a {
    background-color: #be3e2f;
    color: #fff;
    padding: 0 12px;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #1f1f1f;
    color: #f1f1f1;
}

.sixth-inner-content .refund-policy h3 {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;
}

.vendor-policy-terms .refund-policy label {
    margin-bottom: 0;
    margin-top: 0;
    line-height: 26px;
}

.area-border p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.three-buttons button {
    padding: 6px 30px;
}

.three-buttons .btn.btn-previous {
    background-color: #0d3c55;
    color: #fff;
}

.three-buttons .btn.btn-save {
    background-color: #0d3c55;
    color: #fff;
}

.three-buttons .btn.btn-next {
    background-color: #0d3c55;
    color: #fff;
}

.right-size-zip h6 {
    margin-bottom: 20px;
}

.third-inner p {
    background-color: #1f1f1f;
    padding: 5px 10px;
}

.third-inner .input-group-addon {
    background-color: #ccc;
}

.charge-loc {
    padding-top: 0;
    font-size: 14px;
    padding-right: 8px;
    min-width: 180px;
    float: left;
}

.court {
    padding-top: 10px;
    padding-left: 15PX;
}

.form-check {
    margin-top: 0px;
}

.tax {
    padding-left: 0;
    display: block;
    width: 100%;
}

.texct-dummy {
    margin: 0 20px;
}

.asset-image img {
    display: block;
    width: 100%;
}

.img-side-text h5 {
    font-size: 13px;
    margin-top: 85px;
}

.asset-image {
    margin-top: 35px;
}

.text-area-add {
    padding: 0 0;
}

.multi {
    margin-top: 20px;
}

.three-buttons .btn {
    border-radius: 0px;
}

.ad-p-text {
    margin: 0;
}

.begin-list {
    margin-left: 25px;
    font-size: 14px;
    color: #595959;
}

.checkLabel:checked+.labelToCheck {
    color: #f00;
    background-color: aqua;
}

.sixth-col-content {
    background-color: #1f1f1f;
    padding: 20px;
    color: #5e5d5d;
}

#number1 {
    width: 20%;
    margin-left: 5px;
    margin-right: 5px;
}

.checkybox {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

.refund-policy {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px 0;
}

.refund_option_add td .form-control {
    background-color: transparent;
    border: none;
}

.refund_option_add td {
    padding: 0 10px !important;
}

.booked-time {
    margin-bottom: 20px;
}

.booked-time h6 {
    margin-bottom: 0;
}

.period {
    padding: 20px 0;
}

.text-area2 {
    padding: 20px 0 0;
}

.radio input {
    margin-right: 15px;
}

.get-togther {
    max-width: 200px !important;
    width: 100%;
    margin-right: 0px;
}

.end-content {
    font-size: 14px;
    line-height: 45px;
    margin-left: 15px;
}

.percen {
    border: 1px solid #ced4da !important;
    background-color: #ced3da !important;
    margin-right: 10px;
}

.down-pay {
    padding-top: 27px;
}

.houre-tot {
    width: 150px;
    float: left;
    margin-top: 5px;
}

.input-group-addon.percen1 {
    float: left;
    padding: 6px;
    border: 1px solid#ced4da;
    background-color: #ced3da;
    border-radius: 0px !important;
}

span.input-group-addon.percen1 {
    float: left;
}

.get-together1 {
    width: 100px;
}

.text-area4 {
    width: auto;
    float: left;
}

.get-together2 {
    width: 100px;
    float: left;
}

.houre-tot .get-together2 {
    border-radius: 0;
}

.total-cost-box {
    margin-top: 22px;
    float: left;
}

.days-box label {
    margin-bottom: 0;
}

.refund-periods {
    padding: 20px 0 0;
}

.day-box-bottom label,
.hour-box-bottom label {
    display: block;
}

#refund-box {
    width: 83%;
}

.day-box-bottom {
    max-width: 100px;
    float: left;
}

#hourly {
    max-width: 43%;
}

.hour-box-bottom {
    float: left;
}

.hour-box-bottom label {
    width: 25%;
}

.percen3 {
    padding: 3px !important;
    position: relative;
    right: 4px;
    border: 1px solid #cccccc !important;
    background-color: #c3c3c3 !important;
}

.allowence {
    display: block;
    padding: 10px 0;
}

.booked {
    display: block !important;
    width: 100% !important;
    float: left;
    padding: 20px 0 20px 0;
}

.na-text input {
    text-align: left;
    padding: 5px !important;
}

.my-style tr {
    border: 0px !important;
}

.mandatory {
    background-color: #0d3c55;
    color: #fff;
    padding: 8px 40px;
}

.remove {
    background-color: red;
    color: #fff;
    padding: 6px 16px;
}

.new-background-color {
    padding: 15px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.forth-sec-inner {
    padding: 20px 0 !important;
}

.remove:hover {
    color: #fff;
}

.edit:hover {
    color: #fff;
}

.table-borderless {
    /* border-bottom: 2px solid#ccc; */
    background-color: #1f1f1f;
}

.checkmark {
    position: absolute;
    top: 5px;
    left: 0;
    height: 15px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #cccbcb;
}

.chcheked input:checked~.checkmark {
    background-color: #4a90e2;
    border: 1px solid #4a90e2;
}

.chcheked input[type="checkbox"] {
    height: 15px;
    width: 17px;
}

.taxaton {
    display: block;
    width: 100%;
}

.form-check-label .checkmark {
    left: -19px;
}

.three-buttons {
    padding: 0 20px 0px 0;
}

.chcheked input:checked~.checkmark:after {
    display: block;
}

.chcheked .checkmark:after {
    left: 4px;
    top: 0px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.remember .chcheked .checkmark::after {
    left: 6px;
    top: 1px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.chcheked {
    position: relative;
}

.table-borderless tbody tr td {
    padding: 25px 20px;
    vertical-align: middle;
}

.booked-time h6 {
    margin-bottom: 20px;
}

.last-add {
    float: right;
    color: #fff;
    background-color: #0d3c55;
    padding: 6px 31px;
    margin-top: 20px;
}

.multiple {
    margin-bottom: 0px;
    padding-right: 40px;
}

.example {
    margin-top: 20px;
}

.last-img {
    display: block;
    width: 100%;
}

.last-add:hover {
    color: #fff;
}

.edit {
    background-color: #b2b2b2;
    color: #fff;
    padding: 6px 18px;
    margin-right: 5px;
}

.my-style td label {
    margin-bottom: 0;
}

.my-style td p {
    margin-bottom: 0px;
}

.my-style td {
    padding: 30px 0;
}

.table-borderless thead th {
    border-top: 0;
    border-bottom: 0px;
}

.table-borderless thead {
    border: 0px !important;
}

#profile-tabs.eventAdd.page-create-event .form-horizontal {
    padding: 0;
}

/* Booked Services */
.event-sidebar.booked-services a:hover {
    background: #4999fd;
    color: #ffffff;
}

.booked-eventside {
    margin-bottom: 1px;
}

.booking-heading {
    background-color: #002290;
    padding: 10px auto;
}

.booking-heading h2 {
    font-size: 17px;
    font-weight: normal;
    padding: 13px 15px;
    border: 0;
    margin-bottom: 0;
}

.event-sidebar.booked-services a:nth-child(2) {
    margin-top: 10px;
}

.booked-eventside+.actions .btn {
    font-size: 14px;
}

.booked-eventside+.actions .btn-success {
    background-color: #2d9a2d;
    border-color: #2d9a2d;
}

.booked-eventside+.actions .btn-danger {
    background-color: #be3e2f;
    border-color: #be3e2f;
}

.booked-eventside+.actions .btn-warning {
    background-color: #e29c04;
    border-color: #e29c04;
}

.booked-eventsection {
    padding: 10px 10px 0px 10px;
    background-image: url("event.jpg");
    background-color: #cccccc;
    height: 100%;
    min-height: 140px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    position: relative;
}

.booked-image {
    background-color: #000000;
}

.image-fliter {
    position: absolute;
    height: 100%;
    color: black;
    width: 100%;
    background: black;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0.5;
}

.event-title {
    text-align: center;
    position: relative;
}

.event-title h2 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
}

.event-status {
    position: relative;
    width: 100%;
    float: left;
    clear: both;
}

.event-status ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
}

.event-status ul li {
    width: 32.5%;
    display: inline-block;
    text-align: left;
    padding: 0;
    font-weight: 500;
}

.event-status ul li:nth-child(2) {
    text-align: center;
}

.event-status ul li:last-child {
    text-align: right;
}

.event-organized {
    width: 100%;
    clear: both;
    float: left;
}

.event-description_text .location p {
    font-size: 13px;
    margin-bottom: 5px;
    line-height: 17px;
    font-weight: normal;
}

.event-organized .event-date h3,
.charges-section .event-security .event-date h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

.event-organized .event-time h3,
.charges-section .event-security .event-time h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
}

.event-organized .event-location p {
    font-size: 14px;
    font-weight: normal;
}

.booked-hostsection {
    height: auto;
    padding: 5px 10px;
    background-color: #555555;
    color: #ffffff;
}

.host-profileimage {
    float: left;
    margin: 6px 0;
}

.host-profileimage img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

.host-profileinfo {
    text-align: center;
}

.host-profileinfo h4 {
    font-size: 17px;
}

.host-profileinfo h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.Eventhost .transaction-no-record {
    margin-bottom: 20px;
    padding: 30px 0;
}

.Eventhost .transaction-no-record:last-child {
    margin: 0;
}

.event-information .event-hosted h3 {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 5px;
}

.event-information .event-rating h3 {
    font-weight: normal;
    font-size: 14px;
    text-align: right;
    margin-bottom: 5px;
}

.event-information .event-rating .fa-star {
    color: #ffd74b;
    font-size: 10px;
}

.host-profile {
    margin-bottom: 0px;
    background-color: #ffffff !important;
}

.Eventhost-Block {
    background-color: #ffffff !important;
    padding-top: 48px !important;
    padding-bottom: 140px !important;
}

.group-detail-Block {
    background-color: #ffffff !important;
    padding-top: 48px !important;
    padding-bottom: 140px !important;
}

.charges-section {
    height: auto;
    padding: 5px 10px 0px 10px;
    background-image: url("event.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
    position: relative;
}

.charges-section .event-security {
    clear: both;
}

.charges-section .event-security .event-date h3 {
    margin-bottom: 5px;
}

.charges-section .event-security .event-time h3 {
    text-align: right;
    margin-bottom: 5px;
}

.charges-section .event-security .event-location {
    width: 50%;
}

.charges-section .event-security .event-location h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 5px;
}

.charges-section .event-security .event-location h3 svg {
    font-size: 7px;
    margin-top: 5px;
    float: left;
    margin-right: 3px;
}

.charges-section .event-security .event-charges {
    width: 50%;
}

.charges-section .event-security .event-charges h3 {
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    margin-bottom: 5px;
}

.partition {
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin: 5px 0;
    position: relative;
}

.actions {
    text-align: center;
    margin: 10px auto 30px;
}

.actions .btn-warning {
    color: #ffffff;
}

.actions .button-group .btn {
    border-radius: 0px;
    padding: 3px 20px;
}

.event-side .booking-heading {
    margin-bottom: 0;
}

.inner-footer {
    float: left;
    width: 100%;
}

#addservices .alert {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
    border-radius: 0;
}

/* userinfo*/
.userinfo .input-group-prepend {
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 3px 0px 0px 3px;
}

.userinfo .gendo {
    width: 86%;
    float: left;
    height: auto;
    text-align: left;
    padding-left: 5px;
    margin-top: 0px;
}

.userinfo .myimg-block {
    height: auto;
    border-right: 1px solid #ccc !important;
    width: 4%;
    padding: 5px 0 0 0;
}

.userinfo .tag-new {
    height: auto;
}

.userinfo .btn-friend {
    margin-top: 4px;
}

/**18-5-2018 **/
.beach_volleyball h3 {
    font-size: 20px;
    color: #000 !important;
    width: 65%;
    float: left;
    background-color: #fff !important;
}

.co-hosts {
    width: 35%;
    float: right;
    font-size: 16px !important;
    margin-top: 10px;
}

.co-hosts a {
    font-size: 18px;
    color: #2c85f4;
    padding-left: 6px;
}

.event-action-area ul {
    border-radius: 0px 3px 0px 3px !important;
    border-top: none !important;
    border-right: none !important;
    height: 41px !important;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .5) !important;
    border: 1px solid #ffffff;
}

.img-thumbnail {
    padding: unset !important;
    border-color: #d3d3d3 !important;
}

.event-action-area ul li {
    border-right: 1px solid #ccc !important;
}

.event-action-area ul li:last-child {
    border-right: none !important;
}

.event-action-area ul li:last-child:hover {
    border-radius: 0px 3px 0px 0px !important;
}

.custom-upcoming-class .upcomingEvent .event-action-area ul li:nth-child(2) {
    border-radius: 0px 0 0px 3px !important;
}

.dash-business-slider .upcomingEvent .event-action-area ul li:nth-child(2) {
    border-radius: 0 !important;
}

.event-action-area.single-event-action.banner_top_icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
}

.event-action-area ul li:hover {
    background-color: #ccc !important;
}

.date_calender {
    display: inline-flex;
}

.event-year {
    font-size: 24px;
    padding: 4px 7px;
}

.month_calender {
    background-color: transparent !important;
    color: #000 !important;
    margin-left: 30px !important;
}

.date-map-calender {
    position: relative;
}

.event-time .fa-w-16.clock_calender {
    position: absolute;
    left: 0;
    margin-left: 8px;
    margin-top: 2px;
}

.event-description_text {
    text-align: left;
}

.suggested-contribution {
    width: 115px !important;
}

.event_description {
    padding: 16px;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0
}

.event-contribution-header {
    padding: 10px;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    margin-bottom: 0
}

.event-detail-header {
    padding: 10px;
    font-size: 17px;
    font-weight: normal;
    color: #fff;
    ;
    margin-bottom: 0;
    min-height: 44px !important;
    height: auto !important;
    display: flex;
    align-items: center;
}

.event-description_text p {
    font-size: 14px;
    margin-left: 0;
    text-align: left;
    word-wrap: break-word !important;
    width: 100%;
}

.event_description span {
    font-size: 14px;
}

.event-description_text.guests .event_description span {
    border-bottom: 0;
}

.event-description_text.guests .event_description span a:hover {
    color: #fff;
}

.event-description_text.guests .event_description span.invite-btn {
    margin-right: 10px;
}

.event_description span a {
    color: #ffffff;
}

.money-blk li span {
    border-radius: 0;
    margin-top: 0px;
    height: auto;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    background-color: #fff;
    color: #000;
    line-height: 20px;
    border: 0px solid;
    padding: 5px 20px
}

.money-blk .money-black span {
    background-color: #5ca792;
    color: #fff;
    border-radius: 3px;
}

.event-description_text.guests .single-inner-section {
    padding: 0;
}

.event-description_text.guests .single-inner-section .tab-content {
    margin: 0
}

.family-user-img {
    width: 35px;
    height: 35px;
    border-radius: 0;
    padding: 0;
    margin-right: 30px;
    border-radius: 50px;
    border: 1px solid #0d3c55 !important;
}

.table.family_table {
    margin: 0;
}

.single-inner-section .transaction-no-record {
    height: 75%;
    background-color: transparent;
}

#Coming,
#Interested,
#maybe {
    height: 266px;
    overflow-y: auto;
    border-radius: 3px !important;
    padding-bottom: 15px;
}

.event-description_text.guests .single-inner-section #Coming {
    overflow: auto;
}

.money-blk .mny_blk h4 {
    padding: 10px 0 6px !important;
    margin: 0px;
    font-size: 12px !important;
    font-weight: normal;
    text-transform: uppercase;
    border-radius: 0px 0px 8px 8px;
    color: #0d3c55
}

.event-money-area.money-blk li {
    background-color: transparent;
}

.mny_blk.money-blue span,
.mny_blk.money-green span {
    background: #0d3c55 !important;
    color: #fff !important;
    border-radius: 3px;
}

.mny_blk.money-green span {
    background: #49b1e9 !important;
}

.money-blk {
    padding: 0px !important;
}

.location_icon {
    font-size: 18px !important;
}

.event-description_text.guests ul li:nth-child(2) {
    border-right: 1px solid #eee;
    border-left: 1px solid #eee;
}

.table.family_table td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 14px;
    vertical-align: middle;
}

.coming {
    width: 33.33%;
    text-align: center;
    padding: 0;
}

.coming a:hover {
    border-bottom-color: #0d3c55;
}

.coming a.active {
    border-bottom-color: #0d3c55;
}

.coming .status-badge {
    width: auto !important;
    padding: 0 5px;
}

.coming a {
    background-color: transparent !important;
    border-bottom: 1px solid transparent;
    color: #0d3c55;
    font-size: 14px;
    text-decoration: none;
    font-weight: normal;
    float: left;
    width: 100%;
    padding: 6px 0;
    font-weight: 700;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coming a.active:first-child {
    border-radius: 3px 0px 0px 0px !important;
}

.coming:nth-child(2) a.active {
    border-radius: 0px !important;
}

.coming:last-child a.active {
    border-radius: 0px 3px 0px 0px !important;
}

.coming a:first-child {
    border-radius: 3px 0px 0px 0px !important;
}

.coming a.active:nth-child(2) {
    border-radius: 0px;
}

.coming a:last-child {
    border-radius: 0px 3px 0px 0px !important;
}

.other-status-check {
    position: relative;
}

.family_table th {
    font-size: 14px;
    font-weight: 600;
}

.family_table td {
    color: #0d3c55;
}

.family_table tr:hover {
    background: rgba(255, 255, 255, 0.2);
}

.left-content {
    text-align: left;
}

.right-content {
    text-align: right;
}

.direction_btn {
    background: #0d3c55 !important;
    float: right;
    margin-top: 70px;
}

.owl-carousel .owl-stage .services {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 3px;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.event-description_text .owl-carousel .owl-stage .services {
    box-shadow: none;
}

#a {
    width: 60px;
}

.Eventhost {
    border-radius: 3px !important;
}

.card-body select {
    width: 100%;
    padding: 8px;
}

li {
    list-style: none;
}

.range-slider select {
    width: 100px;
    padding: 5px 2px;
    margin-top: 15px;
    border-radius: 3px;
}

/*::::::::::::::::::Service Result ::::::::::::::::::*/
.stepforms .chcheked {
    position: relative;
    margin-left: 23px;
}

.checkbox17 .checkmark {
    position: absolute;
    top: 5px;
    left: -20px;
}

.services-results {
    background: white;
    padding: 15px;
}

.review-vendor-detail h5 {
    display: inline-block;
}

.service-location-area ul {
    padding: 0;
}

.service-location-area li i {
    background: none;
    color: #4999fd;
    border-radius: 15px;
    border: 1px solid #4999fd;
    text-align: center;
    line-height: .2;
    padding: 5px 9px;
}

.service-location-area p {
    font-size: 14px;
    margin-bottom: 5px;
}

hr {
    margin: 5px;
}

.vendor-website-area .left-info {
    border-right: 1px solid #777;
}

.vendor-website-area svg {
    margin-right: 9px;
    font-size: 16px;
}

.service-location-area li {
    font-size: 14px;
}

.right-image img {
    min-height: 300px;
}

.right-image li {
    display: inline;
    float: none !important;
}

a.btn-black {
    background: #030303;
    font-size: 20px;
    padding: 5px 20px;
    text-transform: uppercase;
    color: #fff;
    float: left;
    text-align: center;
}

a.btn-green {
    background: #0a8c53;
    font-size: 20px;
    padding: 5px 20px;
    color: #fff;
    text-transform: uppercase;
    width: 210px !important;
    display: table;
    text-align: center;
    float: left;
}

.services-results .row {
    border-bottom: 1.5px dashed #848181;
    padding: 10px;
}

.vendor-website-area .row {
    border: none;
    padding: 0px !important;
}

.post-event {
    margin-right: 10px;
    margin-bottom: 10px;
    background: #34bf48;
    border: none;
    margin-top: 2px;
}

/*::::::::::: Customized New Css ::::::*/

.profile2-tab h3 {
    font-size: 18px;
    padding-bottom: 10px;
    border-bottom: 3px solid #0d3c55;
    margin-bottom: 0;
}

.msg-error {
    color: #c65848;
}

.g-recaptcha.error {
    border: solid 2px #c64848;
    padding: .2em;
    width: 19em;
}

.btn-save {
    float: right;
    padding: 15px;
    background: #0d3c55;
    color: #fff;
}

.input-group-text.c-code {
    padding: 5px 2px;
    background-color: #ffffff;
}

.input-group-text.c-code #countries {
    font-size: 10px;
    border: none;
    padding: 0 5px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
}

.rc-anchor-logo-img-portrait {
    background-size: 15px;
    height: 15px;
    margin: 7px 13px 0 13px;
    width: 15px;
}

.form-check {
    margin-top: 2px;
}

select {
    /* styling */
    background-color: white;
    border: thin solid blue;
    border-radius: 4px;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    /* reset */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

select.round {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), radial-gradient(#ddd 70%, transparent 72%);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - .5em) .5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
}

select.round:focus {
    background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), radial-gradient(gray 70%, transparent 72%);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - .5em) .5em;
    background-size: 5px 5px, 5px 5px, 1.5em 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
    padding: 2px !important;
    margin: 2px !important;
    font-size: 12px !important;
}

/*::::::: Profile Page Css :::::::::*/
select.selectpicker {
    float: right;
    border: 1px solid #8d8d8d;
    border-radius: 0px;
    cursor: pointer;
}

.form-control,
.form-input {
    font-size: 16px;
}

.no-event {
    padding: 220px 0;
    text-align: center;
}

.no-friends {
    padding: 15px 0 0;
    text-align: center;
    margin: 0 auto 15px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
    width: 100%;
}

#profile-tabs .form-group {
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.input-field-area {
    margin-bottom: 0;
    float: left;
    width: 100%;
    font-weight: bold;
}

#editprofileform .form-control {
    background-color: transparent;
}

.about-me .form-group textarea {
    min-height: 60px;
    overflow-y: auto;
}

.text-addon span {
    height: 60px;
}

.about-me .input-group {
    position: relative;
    display: flex;
    border-collapse: separate;
    padding: 0;
}

.editHostProfileTab .input-group-text,
.editHostProfileTab .input-group-addon {
    border: none;
    font-size: 14px;
}

button#editformsubmit {
    width: 100%;
    padding: 10px;
}

.about-me select#countries {
    width: 1px;
    font-size: 13px;
    height: 38px !important;
}

/*::::::::Create Event Page :::::::::::*/
.event-add .form-control {
    color: #0d3c55;
    width: 100%;
    padding: 5px 12px !important;
    font-size: 14px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
}

.event-add .form-control::placeholder {
    color: #0D3C55 !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal;
}

.padding-l-0 {
    padding: 0 15px 0 0;
}

.padding-r-0 {
    padding: 0 0px 0 15px;
}

.eventAddline5 .CleanBox .btn-deleTE {
    margin: 0 0 0 5px;
}

#profile-tabs .eventAddline3Bottom1 .form-group {
    margin-right: 10px;
}

.item-update-btn {
    vertical-align: middle;
    display: block;
    margin-top: 20px;
}

#profile-tabs .eventAddline3Bottom1 form {
    background: transparent;
    width: 100%;
    float: left;
    padding: 5px;
    margin: 10px 0;
}

.list-group-item {
    padding-left: 0;
    padding-top: 20px;
}

.list-group .list-group-item:first-child {
    border: 0;
}

.group-s-tittle .list-group-item {
    border: 0;
}

.reply-section .list-group-item {
    background-color: transparent;
}

.reply-section .list-group-item .row {
    padding: 10px 15px;
    border-bottom: 1px solid #d1d1d1;
}

.reply-section .list-group-item .row:last-child {
    border-bottom: none;
}

.view-all-reply-btn {
    font-weight: 300;
}

.upcoming-event-sec .group-posts-e .posts-list .posts-list li.list-group-item {
    border-bottom: 1px solid #d1d1d1 !important;
}

.upcoming-event-sec .group-posts-e .posts-list .posts-list li.list-group-item:last-child {
    border-bottom: 0 !important;
}

.payment-option .list-group .list-group-item:first-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: .75rem;
}

.payment-option .list-group .list-group-item {
    background-color: transparent;
}

.select-vip-guest-sec .list-group .list-group-item:first-child {
    border-bottom: 1px solid #babebf;
}

.list-group .list-group-item a {
    cursor: pointer;
    text-decoration: none;
}

.list-group.list-group-header {
    padding: 0;
    margin: 0;
}

.list-group.list-group-body .glyphicon {
    font-size: 25px;
    vertical-align: middle;
}

.list-group-panel {
    border: 1px solid #ccdbeb;
    border-radius: 0;
}

.flipButton label {
    font-size: 19px;
    margin: 10px 0 10px 5px;
}

.timeSet svg {
    position: absolute;
    left: 25px;
    top: 10px !important;
}

.timeSet span {
    padding: 5px 30px !important;
    display: table;
    margin-right: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 100%;
    padding-left: 31px;
}

.heading-highlights {
    background: #e6e6e6;
    padding: 5px 15px;
    font-weight: 500;
}

li.list-group-item {
    padding-left: 15px;
}

.item-counter {
    background: gray;
    text-align: center;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    color: white;
}

.item-delete {
    background: #d43f3a;
    text-align: center;
    color: white;
    padding: 5px 10px;
    border-radius: 3px;
}

select.form-control:not([size]):not([multiple]) {
    height: auto;
    float: right;
    background-color: #ffffff;
    color: #474747 !important;
    font-size: 16px;
}

select.form-control:not([size]):not([multiple])::placeholder {
    color: #2b4e61 !important;
}

/*==============Contribute Page Csss=================*/
.contribute_banner {
    position: relative;
}

.contribute_banner_img img {
    width: 100%;
}

.contribute_block .date_calender {
    display: inline-block;
    background: #fff;
    width: 100%;
    padding: 10px 15px 4px 15px;
}

.contribute_block .Event-date {
    font-size: 17px;
}

.contribute_block .beach_volleyball {
    margin-bottom: 0px;
    background: white;
    padding: 15px 0 0 15px;
}

.contribute_row,
.contribute_row1 {
    background: #fff;
    padding: 15px;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

.contribute_row1 {
    overflow: auto;
}

.contribute_row h2 {
    color: #000;
    font-size: 18px;
    font-weight: 600;
}

.contribute_row p {
    color: #000;
    font-size: 16px;
}

.divTable {
    display: table;
    width: 100%;
}

.divRow {
    display: table-row;
    width: 100%;
}

.headRow {
    display: table-row;
    width: 100%;
}

.divCell {
    display: table-cell;
    float: left;
    color: #000;
    font-size: 16px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0 0 0;
    min-height: 52px;
}

.headRow .divCell {
    border-bottom: 2px solid #cecece;
}

.divCell .EventhostInvite li img {
    height: 30px;
    width: 30px;
}

.divCell .Eventhost-txtlist2.EventhostInvite ul li span {
    padding: 3px 0 0 0;
    width: 30px;
    height: 30px;
}

.divCell .Eventhost-txtlist2.EventhostInvite ul li {
    margin-right: 5px;
}

.addnewrow {
    background: #0a8c53;
    color: #fff;
    padding: 4px 30px;
    display: inline-block;
    margin: 10px 0 0 0;
}

.addnewrow:hover {
    color: #fff;
    background: #0d3c55;
}

.EventhostInvite li img {
    height: 24px;
    width: 24px;
    border-radius: 50%;
}

.co-hosts {
    width: 35%;
    float: right;
    font-size: 16px !important;
    margin-top: 10px;
}

/* Generic Styling, for Desktops/Laptops */
table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background: #ccc;
    color: #333;
    font-weight: normal;
    font-size: 14px;
}

td,
th {
    padding: 6px;
    border: 1px solid #fff;
    text-align: left;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/

.divTable .Eventhost-txtlist2.EventhostInvite ul li span {
    background: #4999fd;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    font-size: 10px;
    font-weight: 600;
    line-height: 4px;
    color: #fff;
}

.divTable .EventhostInvite li img {
    height: 24px;
    width: 24px;
    border-radius: 50%;
}

.divTable #number {
    width: 100%;
}

.d-icon1 span {
    position: relative;
    float: right;
    top: -10px;
}

/*:::::::::::::: Service Result Page::::::::::::::::::*/
/* Fixed sidenav, full height */
.sidenav {
    height: 100%;
    width: 200px;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav a,
.dropdown-btn {
    padding: 6px 8px 6px 10px;
    text-decoration: none;
    font-size: 16px;
    color: #818181;
    display: block;
    border: none;
    background: none;
    width: 100%;
    text-align: left;
    cursor: pointer;
    outline: none;
}

/* On mouse-over */
.sidenav a:hover,
.dropdown-btn:hover {
    color: #f1f1f1;
}

/* Main content */

/* Add an active class to the active dropdown button */
.active {
    color: #474747;
    font-weight: 500;
}

.sidenav a:hover,
.dropdown-btn:hover {
    color: #4999fd;
}

.sidenav a.active {
    color: #4999fd;
    font-weight: 600;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
    display: none;
    background-color: #262626;
    padding-left: 8px;
}

/* Optional: Style the caret down icon */
.subcat-title {
    padding-left: 20px !important;
}

.fa-caret-down {
    float: right;
    margin-top: 5px;
}

.fa-angle-down {
    float: right;
    margin-top: 5px;
}

button:focus {
    outline: 1px dotted;
    outline: none !Important;
}

.select-options .service-fav i {
    transform: rotate(180deg);
}

/** Vendor Result**/
.vendor-results {
    float: left;
    width: 100%;
}

.vendor-results h6 {
    color: #4999fd;
    font-weight: 500;
}

.vendor-results ul {
    padding: 0;
    margin: 0;
}

.vendor-results>ul>li {
    float: left;
    width: 100%;
    list-style: none;
    border: 1px solid #dadada;
    border-radius: 5px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.vendor-results ul li h3 {
    color: #4999fd;
    font-size: 20px;
    display: inline-block;
}

.review-sec small {
    font-size: 13px;
    color: #4999fd;
    text-decoration: underline;
}

.vendor-website-area {
    font-size: 14px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.vendor-ratings {
    display: inline-block;
}

.vendor-ratings svg {
    color: #ff4b4f;
    font-size: 13px;
    width: 15px;
}

.vendor-sidebar {
    float: left;
    width: 100%;
    margin: 15px 0;
}

.vendor-sidebar h2 {
    color: #0d3c55;
    font-size: 20px;
}

.vendor-sidebar div {
    float: left;
    width: 100%;
    padding: 10px;
}

.select-options {
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
}

.select-options li {
    list-style: none;
    width: 100%;
}

.select-options .show-more+.more-options {
    padding: 0 0px 0 0;
    background-color: #fff;
}

.service_detail_bookbtn {
    margin-left: 10px !important;
    height: 100% !important;
    display: block !important;
}

.select-options .show-more+.more-options li:last-child {
    border-bottom: 0;
}

.select-options a {
    float: left;
    width: 100%;
    color: #0d3c55;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 10px;
}

.select-options li a.show-more.main-catlist-title {
    border-top: 1px solid #0d3c55 !important;
    padding: 10px;
}

.select-options .service-fav+.more-options li a {
    border: none;
}

.select-options .show-more+.more-options li a {
    order: 2;
}

.ui-datepicker select.ui-datepicker-month {
    background: #fff;
}

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    background: #fff;
}

.select-options li a.show-more {
    margin-bottom: 0;
}

.select-options ul {
    float: left;
    width: 100%;
    margin: 0 0 15px;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 0 0 0 10px;
}

.select-options ul li a {
    font-size: 15px;
}

.select-options a svg {
    float: right;
}

.vendor-location-area small {
    float: left;
    width: 100%;
}

.service-otp {
    float: left;
    width: 100%;
    border-top: 2px solid #ccc;
}

.service-otp .form-group {
    border-bottom: none !important;
    margin: 0;
    padding: 0;
}

.service-otp .form-group .rangeSlide {
    padding: 0;
}

.service-otp .form-group .range-slider {
    position: relative;
    padding: 0;
}

.service-otp .form-group .range-slider input {
    width: 100%
}

.service-otp .form-group .range-slider__value {
    background: transparent;
    color: #000;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    top: -30px;
    right: 0;
}

.service-otp .form-group .range-slider__value:after {
    display: none;
}

.rangeslider-start {
    float: left;
    margin-top: 5px;
}

.rangeslider-end {
    float: right;
    margin-top: 5px;
}

.service-otp .form-group .range-slider span>input {
    width: 90px;
    margin-top: 10px;
}

.service-head {
    padding: 0 15px 0 0;
}

.service-basic-info p {
    font-size: 14px;
    margin-bottom: 5px;
}

.service-basic-info {
    float: left;
    width: 100%;
    padding: 10.5px 5px;
}

.service-basic-info li {
    font-size: 14px;
    line-height: 1.6;
}

.service-basic-info li span {
    min-width: 33%;
    display: inline-block;
}

.service-head h3 {
    font-size: 18px;
    margin-right: 5%;
    margin-bottom: 0px;
    float: left;
}

.list-result {
    margin: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 15px;
}

.service-bottom-area {
    float: left;
    width: 100%;
    padding: 5px 15px;
}

.service-bottom-area .contact-v-info .fa-globe {
    float: left;
}

.service-bottom-area .contact-v-info a {
    overflow-wrap: break-word;
    padding: 0 10px 0 0;
    display: inherit;
}

.vendor-location-area p {
    font-size: 13px;
    margin-bottom: 8px;
}

.contact-v-info p {
    font-size: 13px;
    margin-bottom: 5px;
}

.black-btn,
.green-btn {
    background: #0b0b0b;
    color: white;
    border-radius: 0;
    width: 100%;
    margin: 10px 0 0 0;
}

.green-btn {
    background: #5ca792;
    height: 100%;
}

.black-btn:hover,
.green-btn:hover,
.black-btn:focus,
.green-btn:focus {
    color: white;
}

.vendor-image-area {
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.vendor-image-area img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 3px;
}

.review-vendor-detail .Eventhost-txt .service_status h4 {
    margin-bottom: 0 !important;
}

.vendor-redirect {
    position: relative;
}

.vendor-redirect .vendor-image-area .btn {
    border-radius: 3px 0 3px 0 !important;
    position: absolute;
    height: 40px !important;
    line-height: 34px;
}

.image-hover-btn {
    position: absolute;
    bottom: 5vh;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
}

.vendor-results .image-hover-btn {
    display: none;
}

.vendor-results .image-hover-btn .btn {
    float: left;
    width: 50%;
    font-size: 15px;
}

.vendor-results .image-hover-btn .btn.blue-btn:hover {
    color: #eee
}

.vendor-results .list-result:hover .image-hover-btn {
    display: block;
}

.white-btn {
    background: #fff;
    font-size: 18px;
    width: 90%;
    border-radius: 0;
    font-weight: normal;
}

.blue-btn {
    background: #4999fd;
    font-size: 18px;
    width: 90%;
    color: #fff;
    border-radius: 0;
    font-weight: normal;
}

.image-hover-btn * {
    display: block;
    margin: 0 auto;
}

.modal-body .all-rsvp li {
    line-height: 3;
}

.modal-body .all-rsvp {
    padding: 0;
}

.rsvp-btn {
    padding: 5px 25px;
    color: white !important;
    min-width: 150px;
}

.pending {
    background: #919191;
}

.come {
    background: #068fef;
}

.maybe {
    background: #eda700;
}

.interested {
    background: #1d62b7;
}

.cantgo {
    background: black;
}

.report-btn {
    background: red;
}

.btn-contribute {
    background: #0d3c55;
    color: #fff
}

.btn-rsvpc {
    background: #43c152;
    color: #fff;
}

.btn-contribute:hover,
.btn-contribute:focus {
    color: #fff
}

.btn-rsvpc:hover,
.btn-rsvpc:focus {
    color: #fff;
}

ul.user-coming li img {
    border-radius: 50%;
    width: 36px;
}

ul.user-coming li {
    display: inline;
}

ul.user-coming li:last-child {
    background: #0d3c55;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
}

ul.user-coming li:last-child a {
    color: #fff;
    line-height: 3;
    font-size: 12px;
    font-weight: 500;
}

.rsvp-area {
    background-color: #fff;
    display: block;
    max-width: 270px !important;
    width: 100%;
    margin: 143px auto 0;
    text-align: center;
}

/*::::::::::::::::::Invited Event :::::::::::::::::::::::::::::*/

.Eventinvited-txtlist1 .btn-group {
    padding: 5px;
    margin: 0;
    float: left;
    margin-bottom: 10px;
    font-size: 10px;
    padding: 5px 7px;
    color: #0d3c55;
}

.Eventinvited-txtlist1 .btn-group svg {
    margin-top: 2px;
    margin-right: 6px;
    font-size: 13px;
}

.dashboard-sec .Eventinvited-txtlist1 .btn-group svg {
    font-size: 11px;
    margin-right: 0px
}

.dashboard-sec .Eventinvited-txtlist1 .btn-group svg.fa-flag {
    width: 2em;
}

.Eventinvited-txtlist1 li>.btn-group {
    width: 100%;
    height: 36px;
    text-align: center;
    float: left;
    display: inline-block;
    border-radius: 3px !important;
    padding: 9px !important;
}

.Eventinvited-txtlist1 .active {
    background: #0d3c55;
}

.Eventinvited-txtlist1 .btn-group.active i {
    background-color: transparent !important;
    color: #ffffff !important;
}

/**========================= Vendor Profile View Page CSS ===========================================**/

/******** Vendor Order CSS**********/
.vendor-order .card-body.transaction-tabs {
    padding: 0
}

/* .vendor-order .card-body.transaction-tabs .nav-tabs .nav-link{text-transform:uppercase;} */
/* .vendor-order .card-body.transaction-tabs .nav-tabs .nav-link.active{background-color:#0d3c55; color:#fff;} */
.vendor-order .card-body.transaction-tabs .tab-content {
    padding: 10px 10px;
    float: left;
    width: 100%;
}

.vendor-order .card-body.transaction-tabs table {
    margin: 0;
    border-collapse: separate;
}

.vendor-order .card-body.transaction-tabs table td {
    color: rgba(255, 255, 255, 0.8);
    border: 1px solid #f27025 !important;
    padding: 15px !important;
}

.noPaddingR {
    padding-right: 0;
}

.noPaddingL {
    padding-left: 0;
}

.profileViewLine3 {
    width: 100%;
    float: left;
}

.profileViewLine3 ul {
    margin: 0;
    padding: 0 0 0 15px;
}

.profileViewLine2txt {
    /*background: #fff;padding: 2px;min-height: 230px;*/
    font-size: 14px;
    /*margin-top: 10px;*/
    padding: 14px;
}

.profileViewLine2txt h3 {
    color: #0d3c55;
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}

.profileviewrow {
    margin: 20px 0;
}

.profileViewLine4About {
    background: rgba(0, 0, 0, 0.4);
    padding: 19px 15px 18px 15px;
    height: 100%;
}

.profileViewLine4About h2 {
    color: #0d3c55;
    font-size: 24px;
}

.profileViewLine4About a {
    color: #319c02;
    font-size: 20px;
    margin: 0 0 0 10px;
}

.profileViewLine4profile {
    background: url(../../images/Front/bk.png) no-repeat;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px 0;
    background-size: cover;
    color: #fff;
    background-position: center center;
}

.profileViewLine4profile img {
    height: 100px;
    width: 100px;
    border-radius: 50%;
}

.profileViewLine4profile p {
    font-weight: bold;
    font-size: 20px;
    margin: 0;
}

.profileViewLine4profile span {
    font-style: italic;
}

.overView {
    background: rgba(0, 0, 0, 0.4);
    padding: 10px 15px;
    width: 100%;
    float: left;
}

.overViewHead {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

.overViewHead span {
    color: #ff4b4f;
    font-size: 20px;
    margin: 0 5px 0 0;
}

.overViewHead .fa-star {
    color: #ff4b4f;
}

.overView h3 {
    color: #0d3c55;
    width: 60%;
    float: left;
    font-size: 24px;
}

.overViewProgress {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
}

.ProgressLeft {
    width: 100px;
    float: left;
}

.ProgressMid {
    width: 50%;
    float: left;
    margin: 5px 0 0 0;
}

.ProgressRight {
    width: 40px;
    float: right;
}

.overView a {
    float: left;
    width: 100%;
    text-align: right;
    text-decoration: underline;
}

.overViewLoc {
    background: rgba(0, 0, 0, 0.4);
    padding: 15px;
    float: left;
    width: 100%;
}

.overViewLoc h2 {
    color: #0d3c55;
    font-size: 24px;
}

.overViewLoc p {
    color: #0f57b2;
    font-size: 17px;
    margin: 0;
}

.Servis01Head {
    margin-bottom: 20px;
    float: left;
    width: 100%;
}

.Servis01Head .text-left {
    color: #0d3c55;
    font-size: 24px;
}

.Servis01Head .text-right a.gr {
    color: #0b9f38;
}

.Servis01Head .text-right .fa-clock {
    color: #0b9f38;
}

.profileviewrow3 {
    background: rgba(0, 0, 0, 0.4);
    margin: 20px 0;
    padding: 20px;
}

.service_col_img {
    position: relative;
}

.service_col_img img {
    width: 100%;
    height: 245px;
    object-fit: cover;
}

.service_col_img .btn {
    background: #0d3c55;
    color: #fff;
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.vendordetailsinfo {
    margin: 0px !important;
}

ul.location-info {
    padding-left: 0;
}

.whitebg {
    background: rgba(0, 0, 0, 0.4);
    display: inherit;
}

/*=========================== Service View Page ===============================*/

.top_title {
    margin-bottom: 15px;
    font-size: 30px;
    color: #0d3c55;
    text-transform: capitalize;
}

.service_text {
    width: 100%;
    background: rgba(0, 0, 0, 0.7) !important;
    opacity: 1;
    ;
    padding: 20px;
    float: left;
    min-height: 70px;
}

.img_section {
    height: 400px;
    overflow: hidden;
}

.service_text .service-basic-info {
    border-top: none;
    border-bottom: 1px solid #ccc;
    padding: 0 0 0px 0px;
    margin-bottom: 13px;
    padding-bottom: 14px;
}

.service-image .img_section img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    border-radius: 3px;
}

.service_text .service-basic-info p {
    font-size: 14px;
    margin-bottom: 5px;
}

.service-basic-info ul {
    padding: 0;
}

.service_text .service-basic-info li {
    font-size: 16px;
    line-height: 1.8;
}

.service_text .service-basic-info li .fa-info {
    color: #0d3c55;
    border: 1px solid #0d3c55;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    padding: 3px 0 4px 1px;
    margin: 0 5px 0 0;
    text-align: center;
    font-size: 12px;
}

.service_text .service-bottom-area {
    padding: 5px 0 0 0;
}

.service_info {
    color: #fff !important;
    margin: 0 !important;
}

.service_area {
    color: #fff;
}

.service_info img {
    width: 40px !important;
    height: 40px !important;
}

.ui-widget-header {
    color: #1f1f1f !important;
    font-weight: 500 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #0d3c55 url(images/ui-bg_glass_55_fcf0ba_1x400.png) 50% 50% repeat-x !important;
    color: #ffffff !important;
}

.ui-widget-content .ui-datepicker-today .ui-state-highlight {
    color: #fff !important;
}

.ui-widget-content .ui-datepicker-current-day .ui-state-active {
    background-color: #569999 !important;
    color: #fff !important;
}

.ui-datepicker-calendar thead tr {
    border-bottom: 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    font-weight: normal !important;
    color: #000 !important;
}

.ui-datepicker-calendar th {
    background: #fff;
}

.ui-widget-header .ui-datepicker-prev .ui-icon,
.ui-widget-header .ui-datepicker-next .ui-icon {
    filter: brightness(0) !important;
}

.service-bottom-area p {
    margin: 0;
    font-size: 13px;
    line-height: 1.4;
}

.service-bottom-area svg {
    margin: 0 5px 0 0;
}

.aboutrow {
    margin: 20px 0;
    background: #1f1f1f;
}

.about_txt .btn {
    text-transform: uppercase;
    background: #0d3c55;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}

.about_txt .black_btn {
    margin: 0 10px 0 0;
    background: #0b0b0b;
}

.title_common {
    font-size: 24px;
    color: #0d3c55;
    margin: 0;
}

.about_txt {
    padding: 20px;
    font-size: 14px;
}

.payment_detail {
    background: rgba(255, 255, 255, 0.1);
    float: left;
    width: 100%;
}

.payment_detail_head {
    background: #0d3c55;
    padding: 8px 10px 8px 10px;
}

.payment_detail_head div {
    display: inline-block;
}

.payment_detail_head .head_title {
    font-weight: 600;
    font-size: 20px;
    width: 100%;
    color: #fff;
}

.payment_detail_head .head_info {
    font-style: italic;
    font-size: 14px;
}

.payment_detail_head .head_price {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    margin: 0 10px;
}

.payment_detail_row1 {
    margin-bottom: 20px;
}

.payment_detail_order {
    padding: 15px 10px 0 10px;
    float: left;
    width: 100%;
}

.booking-sec.booking-time>input {
    width: 88%;
}

.payment_detail_order label {
    font-size: 15px;
    font-weight: 600;
    max-width: 70px;
    width: 100%;
    float: left;
    margin-right: 10px;
}

.requested-services-sec.payment_detail_order {
    padding: 10px 15px 0
}

.requested-services-sec.payment_detail_order label {
    max-width: 100%;
    margin: 0;
}

.booking-sec {
    float: left;
    width: 39%;
    margin-right: 10px;
    position: relative;
}

.requested-services-sec .booking-sec {
    width: 32%
}

.booking-sec span.help-block-error {
    position: absolute;
    bottom: -5px;
    left: 4px;
}

.requested-services-sec .booking-sec.booking-time svg,
.requested-services-sec .booking-sec.booking-time i {
    position: absolute;
    right: 10px;
    top: 11px;
}

.requested-services-sec .booking-sec.booking-time input {
    width: 100%
}

.payment_detail_order.requested-services-sec .row>div {
    /*border-bottom: 1px solid rgba(0,0,0,0.08);*/
    padding-bottom: 5px;
    margin-bottom: 8px;
}

.order-entry-sec {
    margin: 0 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background-color: rgba(255, 255, 255, 0.2);
    padding: 10px;
}

.order-entry-sec ul {
    padding: 0;
    margin: 0;
}

.order-entry-sec ul li p {
    margin-bottom: 10px;
    font-size: 14px
}

.order-entry-sec ul li span {
    font-weight: 500;
}

.payment_detail_order input[ type="number"] {
    border: 1px solid #1f1f1f;
    padding: 0 6px 0 6px;
    height: 40px;
    width: 78px;
    color: #fff;
    margin: 0 0 0 0;
    display: inline-block;
    background-color: #1f1f1f;
}

.event-listing.service-results-sec .list-result {
    margin: 0 15px;
}

.payment_detail_order .validity {
    font-size: 16px;
}

.payment_detail_order .validity2 {
    font-style: italic;
    font-size: 14px;
    float: right;
    width: 62%;
}

.court-error,
.period-error {
    display: inline-block;
    margin-left: 84px;
    width: 100%;
}

.payment_detail_row2+.btn.submit-btn {
    width: calc(100% - 20px);
    margin: 0 10px 10px;
    padding: 9px 0;
}

.payment_detail_row2 p {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.payment_detail_row2 span {
    color: #0d3c55;
    margin: 0 5px;
    font-weight: 600;
}

.payment_detail_row2 ul {
    padding: 0 10px;
}

.payment_detail_row2 ul li {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 5px 0 0 0;
    float: left;
    width: 100%;
}

.payment_detail_row2 ul li:first-child {
    border-top: none;
}

.payment_detail_row3 {
    padding: 10px 0;
}

.payment_detail_row3 .btn {
    font-size: 14px;
    padding: 7px 10px;
    font-weight: 600;
    color: #fff;
    background: #0a8c53;
    border-radius: 0;
}

.payment_detail_row3 .btn:hover {
    background: #0d3c55;
}

.payment_term {
    background: #1f1f1f;
    /*min-height: 282px;*/
    padding: 20px;
}

.payment_term h3 {
    font-size: 15px;
    font-weight: normal;
    margin-top: 18px;
    margin-bottom: 0;
    color: rgba(255, 255, 255, 0.4)
}

.payment_term p {
    font-size: 19px;
    font-weight: normal;
    margin: 0;
}

.refund_term {
    background: #1f1f1f;
    min-height: 200px;
    padding: 20px;
}

.refund_term .transaction-no-record {
    background-color: transparent;
    height: 130px;
}

.refund_term p {
    font-style: italic;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top: 12px;
}

.refund_term .table .thead-light th {
    background-color: #9bc7ff;
    color: #000;
    font-weight: 600;
    font-size: 16px;
    text-transform: capitalize;
    border-color: #000;
}

.refund_term .table-bordered td {
    border-color: #000;
}

.refund_term .table tbody {
    border: none;
}

.refund_term .table td,
.refund_term .table th {
    padding: 5px;
    font-size: 13px
}

.service_address_area {
    margin: 20px 0;
    background-color: rgba(0, 0, 0, 0.4);
}

.service_text.about-sec {
    min-height: 210px;
}

.service_block .service_text.about-sec {
    max-height: 250px;
    overflow-y: scroll;
}

.vendor-image .img_section .img-fluid {
    width: 100%
}

.vendor-service-review .btn {
    font-size: 13px;
    text-transform: uppercase;
    padding: 4px 10px;
}

.vendor-service-review .btn>svg,
.vendor-service-review .btn>i {
    margin-right: 5px;
}

#serviceBook {
    margin-bottom: 0;
}

.service_text .service-bottom-area .service_area {
    margin-bottom: 7px;
}

/*** Payment Card ***/
.payment-card-option .card {
    margin-bottom: 20px;
}

.payment-card-option .card .card-header {
    padding: 0;
}

.payment-card-option .card .card-header .card-link {
    float: left;
    width: 100%;
    padding: 10px 20px;
}

.payment-card-option .card.add-new-card .card-header {
    border: none;
}

.payment-card-option .card .card-header .card-link {
    color: #ffffff;
    font-weight: 500;
    border: none;
    box-shadow: 0 0;
    border-radius: 5px 5px 0 0;
}

.payment-card-option .card .card-header .card-link.collapsed {
    border-radius: 5px;
    background-color: #007bff;
    color: #fff;
    text-align: center;
}

.payment-card-option .card.add-new-card .form-group {
    margin-bottom: 10px;
}

.payment-card-option .card.add-new-card .form-group:last-child {
    margin-bottom: 0;
}

.payment-card-option .card.add-new-card .form-group button {
    margin: 0;
}

.card-or-option {
    position: relative;
}

.card-or-option::after,
.card-or-option::before {
    content: "";
    border-top: 1px solid #ccc;
    position: absolute;
    top: 13px;
    right: 20%;
    width: 25%;
}

.card-or-option::before {
    right: inherit;
    left: 20%;
}

.list-group-item.credit-card {
    margin: 0;
    padding: 0;
    border: none
}

.list-group-item.credit-card input {
    left: -999999px
}

.list-group-item.credit-card>label {
    background-color: #eee;
    margin: 0 auto 15px;
    padding: 10px !important;
    width: 67%;
    display: block !important;
    border-radius: 10px;
}

.list-group-item.credit-card:nth-child(odd)>label {
    background-color: #FFA916;
    color: #fff;
}

.list-group-item.credit-card:nth-child(even)>label {
    background-color: #00ADEF;
    color: #fff;
}

.list-group-item.credit-card label:after,
.list-group-item.credit-card label:before {
    display: none;
}

.list-group-item.credit-card [type="radio"]:checked+label {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.2) inset;
    border: 4px solid rgba(0, 0, 0, 0.15);
}

.my-favorite {
    background-color: #FFD05B !important;
    color: #F1543F !important;
}

.my-favorite:hover {
    background-color: #F1543F;
    color: #FFD05B;
}

.profile2-tab {
    padding: 0 0 30px 0;
}

.add-btn-bg {
    padding: 0;
    height: 36px;
    width: 36px;
    line-height: 36px;
}

.add-btn-bg>i {
    line-height: 36px;
}

/*=========================== Vendor Profile View For Own Page ================================*/

.profileviewrow3 .service_col_img {
    min-height: 240px;
}

.vendor_detail {
    float: left;
    width: 100%;
    border: 0;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4);
}

.add_service {
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
}

.add_service_head {
    background: #111111;
    padding: 15px;
    font-size: 25px;
}

.add_service_head h3 {
    display: inline-block;
    font-weight: 400;
    margin: 0 0 0 10px;
    font-size: 22px;
}

.add_service_list {
    padding: 35px 0;
}

.add_service_list ul li {
    list-style: disc;
    font-size: 18px;
    margin-bottom: 32px;
}

.profileViewLine4About .btn-danger {
    color: #fff;
    font-size: 16px;
    border-radius: 0;
}

.profileViewLine2txt .vendor-ratings {
    display: block;
}

.profile_vendor .profileViewLine4About p {
    margin-bottom: 13px;
}

.profile_vendor .baNner img {
    height: 350px;
    width: 100%;
}

.vendor-dashboard .upcomingEvent {
    height: 185px;
}

.upcomingEvent .btn.btn-primary {
    font-size: 12px;
    text-transform: uppercase;
    padding: 2px 15px;
    margin-top: 5px;
}

.vendor_profile_img img {
    width: 170px;
    height: 170px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #0d3c55;
}

.profile_vendor .user-profile-info {
    width: calc(100% - 240px);
}

.profile_vendor .transaction-tabs .nav li {
    width: 33.33%;
    padding-bottom: 0;
    margin-bottom: 0;
}

.vendor_profile_servicetab li {
    list-style: outside;
    margin-bottom: 10px;
}

.profile_vendor .full-height-area {
    overflow: hidden !important;
}

.profile_vendor .Eventhost-txt .host-event-descr p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.profile_vendor .Eventhost-txt h2 {
    margin-bottom: 10px !important;
    display: flex;
    align-items: center;
}

.vendor-results .Eventhost-txt p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.profile_vendor .border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.third-inner #countries_msdd {
    width: 100% !important;
}

.vendor_profile_servicetab {
    padding-left: 20px !important;
}

.profile_vendor .overview-info {
    border-bottom: 0;
}

/**:::::::::::::::::::::Profile page:::::::::::::::::::::::::::::::*/
.payment-service-booking {
    background-color: #0d3c55;
    margin-top: 60px;
    padding: 30px;
    color: #fff;
}

.payment-service-booking h2 {
    font-size: 18px;
    margin-bottom: 0
}

.payment-service-booking p {
    font-size: 18px;
}

.payment-service-booking .form-group label {
    margin-left: 10px
}

.payment-service-booking .table tfoot {
    background-color: #1f1f1f;
    color: #0d3c55;
}

.payment-service-booking .table tfoot label {
    color: #fff;
    font-size: 16px;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #f27025 !important;
}

.payment-service-booking .table tfoot label a {
    color: #095ed0
}

.payment-service-booking .table tbody label {
    font-size: 18px;
    line-height: normal;
    margin-left: 5px;
    margin-bottom: 0;
}

.payment-service-booking .table tbody small {
    font-size: 14px;
}

.payment-service-booking .table .form-check-input {
    position: relative;
    margin-top: 6px;
    margin-left: 0;
    display: inline-block;
    vertical-align: top;
    display: none;
}

.payment-collapse {
    margin-top: 18px;
    padding: 0
}

.payment-collapse a.btn {
    color: #0d3c55;
    font-size: 24px;
    float: left;
    width: 100%;
    border-radius: 0;
    padding: 10px 30px;
    border-color: #cadcf2;
    text-align: left;
}

.payment-collapse a.btn:focus,
.payment-collapse a.btn:hover,
.payment-collapse a.btn:active {
    outline: 0;
    box-shadow: 0 0;
}

.payment-collapse .multi-collapse .card {
    border-radius: 0;
    border: none;
    padding: 20px 30px;
    margin-top: -1px;
    float: left;
    background: #1f1f1f;
}

.payment-collapse .multi-collapse p {
    font-size: 18px;
    color: #000;
}

.payment-collapse .multi-collapse .form-check-input {
    position: relative;
    margin-left: 0;
    margin-right: 1px;
    margin-top: 0;
}

.payment-collapse .multi-collapse label {
    font-size: 16px;
}

.payment-collapse .multi-collapse .table {
    border: 3px solid #000
}

.payment-collapse .multi-collapse .table thead th {
    background-color: #9bc7ff;
    font-weight: bold;
    font-size: 18px;
    color: #000
}

.payment-collapse .multi-collapse .table th,
.payment-collapse .multi-collapse .table td {
    border-right: 2px solid #2d2d2d;
    border-bottom: 0;
}

.payment-collapse .multi-collapse .table td {
    border-bottom: 2px solid #2d2d2d
}

.payment-collapse .multi-collapse .table tr:last-child td {
    border-bottom: none;
}

.payment-buttons {
    margin: 0 0 20px
}

.payment-buttons .btn {
    border-radius: 0;
    font-size: 14px;
    max-width: 142px;
    width: 100%;
    margin-right: 12px;
    text-transform: uppercase
}

/** Payment Page2 **/
.payment-option {
    background-color: #fff;
    padding: 0;
}

.payment-option .list-group-item label {
    color: #151f3c;
    font-size: 18px;
    margin-bottom: 10px;
}

.payment-option .list-group-item p {
    color: #0d3c55;
    font-size: 14px;
    text-align: justify;
    margin-left: 18px;
    font-weight: 400;
}

.payment-option .list-group-item {
    border-radius: 0;
    cursor: pointer;
    border: 0
}

.payment-option .list-group-item .form-check-input {
    margin-left: 0;
    position: relative;
    margin-right: 5px;
}

.payment-option .list-group-item img {
    margin: 0px !important;
    height: auto !important;
}

.payment-option+.payment-buttons .btn {
    margin-right: 0
}

/*:::::::::::::::::::::::: Add Service Page Addon::::::::::::::::::::::::*/

.list_chat_ul .Eventhost-head p img {
    width: 36px;
}

.stepforms {
    background: #fff;
    margin-bottom: 2rem;
}

#addservices #number {
    width: 100%;
}

/* #addservices button {
    border-radius: 0px;
    border: none;
} */

#addservices input {
    border-radius: 0px;
    padding: 5px;
}

.vendor-booked-table td {
    text-align: center
}

.vendor-booked-table td .mandatory {
    padding: 4px 10px;
    margin: 10px 0;
}

.vendor-booked-table td .form-control {
    margin: 0;
    padding: 0;
    text-align: center
}

#addservices textarea {
    border-radius: 0px;
}

.f1-buttons.three-buttons * {
    margin-right: 5px;
}

.houre-tot {
    margin-left: 20px;
    margin-top: 4px
}

.houre-tot .input-group {
    padding: 0px 0 6px 0;
}

label.houre {
    margin: 1px;
}

/************* Past Events Starts ***************/
.past-event .single-inner-section {
    background-color: transparent;
    border: none !important;
}

.past-event {
    float: left;
    width: 100%;
    border-radius: 3px;
}

.past-event .page-title {
    float: left;
    width: 100%;
    background-color: #0d3c55;
    color: #fff;
    font-size: 14px;
    padding: 10px 18px;
    margin: 0;
    font-weight: normal;
    border-radius: 8px;
}

.past-event-list {
    float: left;
    width: 100%;
    padding: 20px;
    margin-top: -1px;
}

.past-event-list.button-float {
    float: none !important;
}

.past-event-list h1 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
}

.past-event-list li {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-bottom: 20px;
}

.past-event-list li img {
    max-width: 385px;
}

.post-services {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.post-services .btn {
    border-radius: 0;
    font-size: 15px;
    clear: both;
    display: block;
    margin-bottom: 10px;
    max-width: 150px;
}

.post-services .btn-success {
    background-color: #0b3606;
    border-color: #0b3606
}

.btn-success:hover {
    color: #fff !important;
}

.post-services .btn-danger {
    background-color: #fff;
    border-color: #c71010;
    color: #c71010;
    border-width: 2px;
}

.post-services p {
    font-size: 18px;
    margin-bottom: 5px;
}

.reviewevent img {
    width: 300px;
}

.post-services span {
    font-size: 16px;
    color: #18850a;
}

.past-event-list li label {
    display: inline-block;
    color: #90a4ae;
    font-size: 18px;
}

.past-event-list li .rating-star {
    display: inline-block;
    margin-left: 8px;
}

.past-event-list li .rating-star .fa-star {
    color: #ffd203;
}

.past-event-list li .btn.btn-review {
    border-radius: 0;
    margin-top: 10px;
    background-color: #002290;
    border-color: #002290;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}

.other-event-list img {
    width: 100%
}

/** Select VIP List **/
.select-vip-guest-sec {
    background-color: #e9edef;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.vip-dropdown {
    float: left;
    padding: 0;
}

.vip-dropdown .form-inline {
    padding: 15px;
    text-align: left;
}

.select-vip-guest-sec h2 {
    font-size: 20px;
}

.vip-dropdown label {
    font-size: 16px;
    color: #2f2f2f;
    margin-right: 10px;
}

.vip-dropdown select {
    background-color: transparent;
    border: 1px solid #000;
}

.vip-list-sec {
    border-left: 2px solid #90a4ae;
    height: 276px;
    overflow-y: auto;
    padding: 15px 20px;
}

.vip-list-sec li.list-group-item {
    background-color: transparent;
    margin-bottom: 0;
    border-bottom: 1px solid #babebf;
    padding: 8px 10px;
    border-radius: 0;
    font-size: 16px;
}

.vip-list-sec li.list-group-item .fa-times-circle {
    font-size: 20px;
    margin-top: 9px;
}

.vip-dropdown .dropdown-toggle {
    border-radius: 0;
}

.vip-dropdown .dropdown-toggle,
.vip-dropdown .form-inline .input-group,
.vip-dropdown .form-inline .input-group>div {
    width: 100%;
    max-width: 200px;
}

.vip-dropdown .dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.btn-add-vip {
    border-radius: 0;
    margin-left: 20px;
    background-color: #0d3c55;
    border-color: #0d3c55;
    padding: 6px 15px
}

/** Other Event List **/
.other-event-list {
    padding: 20px;
    float: left;
    width: 100%;
}

.other-event-list li {
    width: 31.5%;
    margin-right: 1.4% !important;
    margin-bottom: 14px;
}

.other-event-list li:nth-child(3) {
    margin-right: 0 !important
}

.other-event-list h2 {
    font-size: 16px;
    background-color: #0d3c55;
    padding: 10px;
    text-align: left;
    color: #fff;
}

.past-event .list-group .list-group-item a {
    color: white !important;
}

.past-event .list-group .list-group-item .btn-danger {
    color: #c71010;
}

/************* Past Events Starts Ends ***************/

.trending img {
    width: 100% !important;
    height: 190px;
    object-fit: cover;
}

#exampleModalLong input[type=text],
#exampleModalLong select,
#exampleModalLong textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #8d8d8d;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    color: #0d3c55;
}

#exampleModalLong input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

#exampleModalLong input[type=submit]:hover {
    background-color: #45a049;
}

.btn-friend {
    background-color: #002290;
    color: #fff;
    border: 1px solid #002290;
    padding: 4px 30px;
    margin-top: 23px;
}

/*:::::Share Event Popup:::::::::::*/
/* The container */
#exampleModalCenter .container {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
#exampleModalCenter .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
#exampleModalCenter .checkmark {
    position: absolute;
    top: 10px;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
#exampleModalCenter .container:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
#exampleModalCenter .container input:checked~.checkmark {
    background-color: #002290;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
#exampleModalCenter .container input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
#exampleModalCenter .container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* .modal-dialog {max-width: 35vw !important;margin: 1.75rem auto;} */
.modal-dialog {
    max-width: 500px !important;
    margin: 1.75rem auto;
}

#exampleModalCenter input.form-control {
    position: relative;
    opacity: 1;
    cursor: pointer;
}

.service-result-topcat {
    display: flex;
    align-items: center;
    justify-content: center;
}

.service-result-topcat h3 {
    padding: 0 !important;
}

.service-result-box .service-result-inner:last-child .service-cat-top:after {
    display: none;
}

.service-cat-top {
    position: relative;
    overflow: unset !important;
}

.service-cat-top:after {
    content: "›";
    position: absolute;
    height: 80px;
    width: 30px;
    right: -30px;
    text-align: center;
    top: 50%;
    color: #0D3C55;
    font-size: 50px;
    transform: translatey(-50%);
}

/************** Invite & Search Starts ***********/
.header-title {
    color: #0d3c55;
    font-size: 24px;
    font-weight: normal;
    padding: 20px 0 10px;
}

.search-tab-sec {
    display: block;
    padding: 25px 0 2px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 20px;
}

.search-tab-sec .nav {
    border: 0 none
}

.search-tab-sec .nav li {
    margin-right: 40px;
}

.search-tab-sec .nav li a {
    padding-bottom: 5px;
    font-size: 20px;
    color: #000;
}

.search-tab-sec .nav li a.active {
    border-bottom: 2px solid #0d3c55
}

.search-tab-sec .nav li a:hover {
    text-decoration: none
}

.search-tab-content {
    margin-top: 0;
}

.search-tab-content h3 {
    background-color: #0D3c55;
    color: #ffffff;
    font-size: 17px;
    padding: 10px 20px;
    margin: 0;
    font-weight: normal;
    float: left;
    width: 100%;
    border-radius: 8px 8px 0px 0px;
}

.search-tab-content h3>svg {
    vertical-align: middle;
    margin-right: 5px;
}

.search-tab-content .btn-light {
    color: #000000;
    background-color: #d8d3d3;
    border-radius: 0;
    border-color: rgba(33, 33, 33, 0.13);
    margin-right: 10px;
}

.search-tab-content .list-group {
    padding: 20px;
    /*background-color: #fff;*/
}

.search-tab-content .list-group li {
    border-left: 0 none;
    border-right: 0 none;
    border-top: 0;
    margin-bottom: 0;
    background-color: transparent;
}

#search-friends-list-new .list-group li {
    padding: 10px;
    width: calc(100% - 10px);
    margin: 0
}

.search-tab-content .list-group,
.search-tab-content .list-group-item {
    border-radius: 0;
}

.search-tab-content .list-group-item a img {
    vertical-align: top;
    width: 60px;
    height: 60px;
    margin-right: 5px;
    border-radius: 50% !important;
    border: 1px solid #000 !important;
    object-fit: cover;
}

.search-tab-content .list-group-item label {
    font-size: 17px;
    color: #555555;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0
}

.search-tab-content .list-group-item .text-danger {
    font-size: 20px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.search-tab-content .list-group-item a span {
    font-size: 15px;
}

.list-group.friend-list {
    overflow-y: auto;
}

.invited-user-list {
    height: 350px;
    overflow-y: auto;
}

.personal-form {
    float: left;
    width: 100%;
    /*background-color: #fff;padding: 20px;*/
    margin-bottom: 30px;
}

.invite-email-phone .personal-form {
    height: 450px;
    display: flex;
    justify-content: center;
}

.transaction-table .setup-content .form-control {
    height: 40px !important;
}

.personal-form input {
    margin-bottom: 10px;
}

/************** Invite & Search Ends ***********/

/************** Contribution CSS Starts ***************/
.event-item-listing.banner-sec h2 a {
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
}

.event-item-listing.banner-sec h2 {
    color: #ffffff;
    font-size: 20px;
    padding: 15px 10px 10px;
    font-weight: normal;
    margin: 0;
    border-radius: 0 0 3px 3px;
    background-color: #0d3c55;
}

.date-map-area {
    color: #292929;
    font-size: 15px;
    padding: 6px 10px;
}

.event-descr {
    float: left;
    width: 100%;
    margin: 0 0 15px 0;
}

.event-descr p {
    font-size: 15px;
}

.event-descr h2 {
    font-weight: normal;
    color: #fff;
    font-size: 16px;
    background-color: #0d3c55 !important;
    border-radius: 3px;
    margin-bottom: 15px
}

.contribution-tab.nav-tabs .nav-item {
    margin-bottom: 0;
}

.contribution-tab .nav-link {
    background-color: #ffffff !important;
    color: #0d3c55;
    font-size: 16px;
    border: none;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.contribution-tab .nav-link.active {
    color: #0d3c55;
    border-color: #0d3c55;
}

.event-listing.event-contri .nav-tabs {
    border-bottom: 0;
}

.event-listing.event-contri .nav-tabs li a {
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-listing.event-contri .nav-tabs li a.active {
    border-color: #0d3c55;
    background-color: #ffffff;
    font-weight: 600;
}

.contribution-tab-content.tab-content {
    margin: 0;
}

.contribution-tab .event-descr {
    margin-top: 0;
}

.contribution-tab-content .table thead th {
    border: none;
    padding: 8px 10px;
    font-weight: normal;
    margin-top: 0;
    font-weight: 500;
    border: 1px solid rgba(255, 255, 255, 0.2);
    text-align: center;
}

.contribution-tab-content .table input {
    width: 100%;
    max-width: 120px;
    border-radius: 5px;
    border: 2px solid #c9c9c9;
    padding: 3px;
}

.contribution-tab-content .table .list-inline,
.contribution-tab-content .table .list-inline li {
    margin: 0;
}

.contribution-tab-content .table .list-inline,
.contribution-tab-content .table .list-inline .widthClass {
    width: 100% !important;
    text-align: left !important;
    padding-bottom: 5px;
}

.contribution-tab-content .table .list-inline li .badge {
    border-radius: 100%;
    height: 33px;
    width: 33px;
    line-height: 30px;
    text-align: center;
    display: block;
    vertical-align: middle;
    font-size: 11px;
}

.contribution-tab-content .table tbody td input {
    border-width: 1px;
    border-radius: 3px;
    max-width: 100%;
    height: 38px !important;
    background-color: transparent;
    color: #0d3c55;
    font-weight: 500;
    padding: 17px;
}

.contribution-tab-content .table .btn {
    max-width: 120px;
    border-radius: 0;
    text-transform: uppercase;
    width: 100%;
    background-color: #0a8c53;
    margin: 10px !important;
}

.contribution-tab-content .invite-button-area {
    padding: 0;
    margin: 0;
}

.contribution-tab-content .btn {
    border-radius: 0;
    width: 100%;
    max-width: 150px;
    width: 150px;
    text-transform: capitalize;
    font-size: 16px;
    padding: 4px 14px;
}

.cash-contribute-tab label {
    font-size: 14px;
}

.cash-contribute-tab span {
    font-size: 15px;
    font-weight: 400;
    vertical-align: middle;
    display: inline-block;
}

.cash-contribute-tab .rangeSlide {
    margin-top: 20px;
}

.cash-contribute-tab .rangeSlide span {
    position: absolute;
    width: 100%;
    font-size: 14px !important;
    top: 40px;
}

.cash-contribute-tab .rangeSlide span {
    font-size: 20px;
    background-color: transparent;
    padding: 0;
    color: rgba(255, 255, 255, 0.8);
    width: auto
}

.cash-contribute-tab .rangeSlide span:after {
    display: none;
}

.alert-secondary p {
    padding: 10px 15px;
}

.alert {
    padding: 0px;
}

.alert-secondary {
    color: #383d41;
    background-color: #ffffff !important;
    border-radius: 0px 0px 3px 3px !important;
    border: none !important;
}

.event-contri .event-item-listing.banner-sec {
    margin-bottom: 0;
}

.event-contri form {
    float: left;
    margin: 0;
}

/************** Contribution CSS Ends ***************/

#exampleModalLong.add-review-modal .form-group input {
    margin: 0;
    padding: 6px 8px;
    font-size: 15px;
}

.add-review-modal .form-group label {
    font-size: 15px;
    margin: 0
}

.page-add-friend .Eventhost.events-list {
    padding: 15px;
}

.page-add-friend .stepwizard-step .btn-default {
    border-radius: 0px;
    color: #000000 !important;
    display: block;
    text-align: center;
    font-size: 15px;
    padding: 6px 0;
    border-bottom: 2px solid transparent !important;
    font-weight: normal;
    width: 100%;
    height: 100%;
}

.page-add-friend .stepwizard-step .btn-default:hover {
    border-color: #0d3c55 !important;
}

.page-add-friend .stepwizard-step {
    display: table-cell;
}

.page-add-friend .stepwizard-step .btn-default.btn-primary {
    border-bottom: 2px solid #0d3c55 !important;
    color: #0d3c55 !important;
    font-weight: bold;
    background-color: #ffffff !important;
}

.page-add-friend .stepwizard-row {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.page-add-friend .list-group {
    padding: 20px 0;
}

.page-add-friend .card-header .btn {
    padding: 0;
    border-color: rgba(255, 255, 255, .125)
}

.page-add-friend .card-header {
    padding: 10px 10px;
    float: left;
    width: 100%;
}

.page-add-friend .stepwizard-row:before {
    display: none;
}

.Eventhost.events-list .search_friend_new {
    border-radius: 0 5px 5px 0;
    height: 40px;
}

.f1-steps.add-service-steps .f1-step {
    display: table-cell;
    padding: 0;
    text-align: center;
    width: auto;
    float: none;
    vertical-align: top;
}

.f1-steps.add-service-steps .f1-step-icon {
    float: none;
    margin-left: 0;
    background-color: #d9d9d9
}

.f1-steps.add-service-steps .active .f1-step-icon {
    background: #0D3C55 none repeat scroll 0 0
}

.f1-steps.add-service-steps .f1-step span {
    float: left;
    width: 100%;
    text-align: center;
    color: #5a5a5a
}

.f1-steps.add-service-steps .f1-step.active span {
    color: #0D3C55;
    font-weight: bold;
}

.f1-steps.add-service-steps .f1-step.active::after {
    border-color: #0D3C55
}

.f1-steps.add-service-steps .f1-step:first-child::after,
.f1-steps.add-service-steps .f1-step:nth-child(2)::after {
    display: none;
}

.disable_unit_limit:disabled,
.disable_unit_time:disabled {
    cursor: no-drop;
}

/************** Transaction CSS Starts ***************/
.past-event .card-body {
    float: left;
    padding: 0.5em;
    width: 100%;
}

.past-event .card-body .list-group {
    float: left;
    width: 100%;
    display: block;
}

.past-event .card-body .list-group-item.credit-card {
    float: left;
    width: 50%;
    display: inline-block;
    height: 115px;
    position: relative;
    margin-bottom: 15px;
}

.past-event .card-body .list-group-item.credit-card>label {
    width: 100%;
}

.past-event .card-body .list-group-item.credit-card .form-group {
    border: none !important;
}

.transaction-tabs .nav {
    float: left;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.card-body.transaction-tabs li.nav-item .badge {
    font-size: 11px;
    font-weight: normal;
}

.card-body.transaction-tabs li.nav-item {
    text-align: center;
    display: table-cell;
}

.card-body.transaction-tabs {
    width: 100%;
}

.card-body.transaction-tabs .tab-content .tab-pane {
    float: left;
}

.transaction-table table th {
    font-weight: 500;
    background-color: #f27025 !important;
    color: #fff !important;
    border-bottom: 1px solid #fff !important;
    vertical-align: middle;
}

.transaction-table table td {
    font-size: 16px;
    padding: 15px;
    border-color: #f27025;
    color: #0d3c55 !important;
}

.transaction-no-record {
    margin-top: 0 !important;
    border-radius: 3px;
    background-color: #ffffff !important;
    text-align: center;
    float: left;
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-top:75px;*/
    background-color: transparent;
}

.event-no-record {
    margin-top: 0px !important;
}

.transaction-none {
    margin-top: 16px !important;
    border-radius: 3px 3px 0px 0px;
    background-color: #ffffff !important;
    text-align: center;
    float: left;
    width: 100%;
    height: 190px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*padding-top:75px;*/
    background-color: transparent;
}

.transaction-none-comments {
    border-radius: 3px 3px 0px 0px;
    width: 100%;
}

.Eventhost>.transaction-no-record,
#scroll .transaction-no-record {
    background-color: transparent;
    height: 100%;
}

.Eventhost-head {
    margin-bottom: 0;
    border-radius: 3px;
}

.event-row {
    border-radius: 3px !important;
}

.upcoming-week-head {
    border-radius: 3px !important;
}

.transaction-no-record>h4,
.event-item-listing .transaction-no-record>h4 {
    font-size: 16px;
}

.list-group-item.credit-card .btn-deleTE {
    top: 10px;
    right: 10px;
}

.no-event {
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    min-height: 565px;
}

/************** Transaction CSS Ends ***************/
.button_area.mt-1 a {
    text-transform: uppercase !important;
    font-size: 16px;
}

/*:::::::::::::::::::::::::::ADD FRIENDS::::::::::::::::::::::::::::*/
.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.setup-content .form-control:focus {
    color: #495057;
    background-color: #ffffff !important;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none !important;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 0;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: auto;
    background-color: #fff;
}

.stepwizard-step {
    display: inline-block;
    position: relative;
}

.stepwizard-step a {
    padding: 15px 60px;
}

.arrow_box {
    position: relative;
}

.arrow_box:after,
.arrow_box:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ebebeb;
    border-width: 31px;
    margin-top: -31px;
}

.btn.btn-primary:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #1184ff;
    border-width: 31px;
    margin-top: -31px;
}

.stepwizard-step .btn-default {
    background: rgba(255, 255, 255, 0.2);
    border: 0px solid !important;
    -webkit-appearance: none !important;
    border-radius: 0px !important;
    color: #666666 !important;
}

.stepwizard-step .btn-default.btn-primary {
    background: #1184ff;
    border: 0px solid !important;
    -webkit-appearance: none !important;
    border-radius: 0px;
    color: #fff !important;
}

.stepwizard-step #first-btn {
    z-index: 999;
}

.stepwizard-step a {
    padding: 5px 60px;
    text-align: left;
    font-weight: 500;
    font-size: 18px;
}

.stepwizard-step span {
    display: block;
    font-size: 16px;
}

.search-friend {
    background: #fff;
    padding: 15px;
    display: inline-block;
    width: 100%;
}

.stepwizard-step .btn-primary {
    color: #fff !important;
    border-radius: 0px !important;
}

.card-body .btn {
    margin-bottom: 15px;
}

.card-body .btn .svg-inline--fa {
    margin-right: 0px;
}

.nav-item p {
    color: rgba(255, 255, 255, 0.8) !important;
}

.nav-item td {
    color: rgba(255, 255, 255, 0.8) !important;
}

.event-descr p {
    font-size: 15px;
    color: #0d3c55;
    font-weight: 400;
}

.single-inner-section td,
.table.family_table td {
    color: rgba(255, 255, 255, 0.8);
    border-color: rgba(255, 255, 255, 0.2);
}

/************** Group-Details CSS Starts ***************/
.group-detail-sec h2 {
    background-color: #e0e0e0;
    padding: 10px 20px;
    margin: 0;
    color: #1755a2;
    font-size: 20px;
}

.group-detail-sec h2 span {
    font-size: 18px;
}

.group-detail-sec h2 small {
    color: #626262;
    font-size: 16px;
    margin-right: 5px;
}

.group-detail-sec {
    background-color: #fff;
}

.banner-sec {
    position: relative;
}

.banner-sec>div.event-action-area {
    display: block;
}

.group-desc-sec {
    float: left;
    width: 100%;
    padding: 20px;
}

.group-desc-sec h3 {
    float: left;
    width: 100%;
    color: #fff;
    font-size: 18px;
    background-color: #0d3c55;
    font-weight: 500;
    padding: 10px 20px;
    margin: 0;
}

.group-desc-sec p {
    color: #4b4b4b;
    padding: 15px;
    font-size: 15px;
    float: left;
    width: 100%;
    line-height: 20px;
    font-weight: normal
}

.group-desc-sec .list-group {
    float: left;
    width: 100%;
    padding: 15px;
}

.group-desc-sec .list-group li {
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-top: none;
    margin-bottom: 0;
}

li.list-group-item {
    margin: 10px;
}

li.list-group-item img {
    margin-right: 10px;
    height: 60px !important;
    object-fit: contain;
    float: left;
}

.friend-list .list-group-item a {
    cursor: pointer;
    text-decoration: none;
}

/************** Group-Details CSS Ends ***************/

/* Dashboard-Page */
.owl-theme .owl-nav {
    margin-top: 0;
}

.host-group-carousel .owl-theme .owl-nav [class*=owl-] {
    display: none !important;
}

.owl-carousel .owl-nav button.owl-next {
    font-size: 60px !important;
    color: #0d3c55 !important;
    justify-content: center;
    align-items: center !important;
    transform: translateY(0);
}

.owl-carousel .owl-nav button.owl-prev {
    font-size: 60px !important;
    color: #0d3c55 !important;
    justify-content: center;
    align-items: center !important;
    margin-left: 24px;
    transform: translateY(0);
}

.dashboard-sec .owl-carousel .owl-nav button.owl-prev,
.dashboard-sec .owl-carousel .owl-nav button.owl-next {
    transform: translateY(80px);
}

.dashboard-sec .owl-carousel .owl-nav button.owl-next {
    margin-right: 24px;
}

.owl-carousel .owl-nav button.owl-home-next {
    font-size: 60px;
    color: #0d3c55;
    justify-content: center;
    align-items: center !important;
    margin-top: 70px;
}

.owl-carousel .owl-nav button.owl-home-prev {
    font-size: 60px;
    color: #0d3c55;
    justify-content: center;
    align-items: center !important;
    margin-top: 75px;
    margin-left: 24px;
}

.owl-carousel button.owl-dot {
    font-size: 60px;
    color: #000;
    background-color: #000;
    height: 60px;
    width: 60px;
    display: flex;
    border-radius: 30px;
    justify-content: center;
    align-items: center !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: unset !important;
    color: #0d3c55 !important;
}

.owl-prev {
    position: absolute;
    left: -55px;
    top: -40px;
}

.host-group-carousel .owl-prev {
    display: none !important;
}

.owl-prev span {
    background-position: center;
    background-repeat: no-repeat;
}

.owl-next span {
    background-position: center;
    background-repeat: no-repeat;
}

.posts-list li {
    list-style: none !important;
}

.owl-next {
    position: absolute;
    top: 0;
    right: -55px;
    top: -40px;
}

.comment-profile {
    height: 35px;
    width: 35px;
    border-radius: 50px;
}

.comments-title {
    font-weight: 700;
    font-size: 20px;
}

.host-group-carousel .owl-next {
    display: none !important;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #0d3c55;
    margin: 0px 0px 8px 0px
}

.owl-carousel .owl-dots .owl-dot:after {
    border: none !important;
}

.dashboard h2 {
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
}

.section-head {
    margin-bottom: 20px;
    margin-top: 24px;
    float: left;
    width: 100%;
}

.section-head h2 {
    font-size: 18px;
    color: #000;
    margin: 0;
}

.section-head .section-button {
    float: right;
    display: inline-block;
    margin: 0;
}

.section-button .viewAll {
    color: #ffffff;
    background-color: #0d3c55;
    padding: 5px 20px;
    border-radius: 3px;
    border: 1px solid #0d3c55;
    font-size: 14px;
}

.dashboard-event-content h4 {
    margin-top: 3px;
    float: left;
    width: 100%;
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 8px;
    color: #ffffff;
}

.dashboard-event-content h4 i {
    margin-right: 3px;
}

/* .section-button .viewAll:hover{text-decoration: none; background: #ffffff; color: #0d3c55;border: 1px solid #0d3c55;} */
.upcomingEvent {
    height: 190px;
    background-image: url("../images/events.jpg");
    background-position: center;
    background-repeat: repeat;
    position: relative;
    background-size: cover !important;
    object-fit: contain;
    border-radius: 3px !important;
}

.upcomingEvent img {
    border-radius: 3px;
}

.upcomingfilter {
    background-color: rgba(0, 0, 0, 0.40);
    border-radius: 3px !important;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
}

.Group-Invites {
    background-color: rgba(0, 0, 0, 0.40);
}

.upcomingEvent.heading h3 {
    color: #ffffff;
    font-size: 15px;
    text-align: center;
    position: relative;
    font-weight: 600;
    margin-bottom: 0px;
}

.eventarea {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    border: 1px solid #ffeaea;
    border-radius: 3px;
    padding: 10px 10px;
}

.upcomingEvent .event-action-area {
    position: absolute;
    top: 0px;
    right: 0px;
    margin-bottom: 10px;
}

.upcomingEvent .event-action-area ul {
    padding: 0;
    text-align: center;
}

.upcomingEvent .event-action-area ul li {
    width: 40px;
    float: left;
    list-style: none;
    background-color: transparent;
    padding: 1px 4px;
    margin-right: -1px;
    color: #ffffff;
    border-right: none;
}

.dashboard-sec .upcomingEvent .event-action-area li {
    margin-left: 0;
    margin-top: 0;
    width: 45px;
    margin-right: 0;
    height: 100%;
}

.upcomingEvent .event-action-area ul li:hover {
    background-color: #170f0f80;
}

.upcomingEvent .event-action-area ul li label {
    color: #fff;
}

.upcomingEvent .event-action-area ul li a {
    display: inline-block;
    font-size: 12px;
    color: #ffffff;
    padding: 0;
}

.upcomingEvent .event-action-area ul li a svg {
    color: #ffffff;
    font-size: 13px;
}

.upcomingEvent .event-action-area ul li:first-child a svg {
    color: #ffffff;
    font-size: 13px;
}

.dashboard-event-content {
    position: absolute;
    bottom: 8px;
    width: calc(100% - 16px);
    left: 8px;
}

.dashboard-event-content h3 {
    font-size: 15px;
    margin-bottom: 0px;
    color: #ffffff;
    font-weight: 500;
    height: 40px;
}

.dashboard-event-content .Eventhost-txtlist-area a li.otherstatus a {
    border: none !important;
}

.dashboard-event-content .btn-contri {
    font-size: 10px;
    padding: 4px 5px 2px 5px;
    margin-top: 0;
}

.dashboard-event-content .Eventhost-txtlist-area a {
    color: #0d3c55;
    border-right: 1px solid #0d3c55 !important;
    font-size: 10px;
    float: left;
    width: 100%;
    padding: 7px 0;
    text-align: center;
    display: inline-block;
    margin: 0;
}

.dashboard-event-content .Eventhost-txtlist-area a:nth-child(3) {
    border-radius: 0px !important;
}

.dashboard-event-content .Eventhost-txtlist-area a:last-child.active {
    width: 100%;
    background-color: #0d3c55;
    color: #ffffff;
    font-size: 10px;
    float: left;
    padding: 7px 0;
    text-align: center;
    display: inline-block;
    ;
    margin: 0;
    border-radius: 0px 4px 4px 0px !important;
    color: #0d3c55;
}

.dashboard-event-content .Eventhost-txtlist-area .event-list .otherstatus {
    max-width: 92px;
    width: 100%;
    float: right;
    z-index: 9999 !important;
    top: 12px;
    position: absolute;
    right: 0px;
    background-color: transparent;
}
.overlay-dashboard {
    background-color: #000;
    height: 100%;
    opacity: 25% !important;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    border-radius: 8px !important;
}

.dashboard-event-content .Eventhost-txtlist-area a.active {
    background-color: #0d3c55;
    color: #fff !important;
}

.Eventhost-txtlist-area {
    width: 100%;
    display: inline-block;
    margin: 0;
}

.height-unset {
    height: unset !important;
}

.br-bottom {
    border-radius: 0px 0px 3px 3px !important;
}

.Eventhost-txtlist-area ul {
    margin-left: 0px;
    padding: 0;
    display: inline-block;
    width: 100%;
    color: #0d3c55 !important;
    background-color: #fff;
    border-radius: 3px !important;
    margin-bottom: 0px;
    list-style-type: none;
    display: inline-block;
    overflow: hidden;
}

.Eventhost-txtlist-area ul li:first-child span {
    background: #026702;
    border-radius: 3px;
}

.Eventhost-txtlist-area ul li:nth-child(2) span {
    background: #811d06;
    border-radius: 3px;
}

.Eventhost-txtlist-area ul li:nth-child(3) span {
    background: #0d3c55;
    border-radius: 3px;
}

.Eventhost-txtlist-area ul li p {
    font-size: 10px;
    margin: 0;
    display: inline;
}

.Eventhost-txtlist-area ul li i {
    font-size: 10px;
    margin: 0;
    display: inline;
}

.Eventhost-txtlist-area ul li span {
    border-radius: 3px;
    width: 90%;
    background: #737373;
    color: #fff !important;
    font-size: 10px;
    display: block;
    margin: 0px auto 0;
    display: inline-block;
}

.Eventhost-txtlist-area .dashboard-sec .otherstatus::before {
    position: absolute;
    content: "";
    top: 0px !important;
    right: 0px;
    border-top: 8px solid #ffffff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.Eventhost-txtlist-area ul li {
    list-style: none;
    float: left;
    width: 25%;
    text-align: center;
    padding: 0;
    background: #fff;
}

.Eventhost-txtlist-area ul li:last-child {
    border-right: none;
}

.Eventhost-txtlist-area ul li:hover {
    background: #dbc9c9;
}

.Eventhost-txtlist-area ul li a {
    color: #ffffff;
    font-size: 10px;
}

.Eventhost-txtlist-area ul li a p {
    font-size: 10px;
}

.Eventhost-txtlist-area ul li a svg {
    color: #ffffff;
}

.ProfileImage {
    background-color: #0d3c55;
    position: relative;
    height: 190px;
    border-radius: 3px !important;
    overflow: hidden;
}

.ProfileImage img {
    border-radius: 5px !important;
}

.Friend-Request {
    height: 100%;
    position: absolute;
    top: 0;
    color: #ffffff;
    z-index: 3;
    text-align: center;
    width: 100%;
}

.Friend-Request h3 {
    padding-top: 40px;
    padding-bottom: 15px;
    margin: 0;
    color: #000;
    font-size: 20px;
}

.Friend-Request h4 {
    margin: 0;
    color: #000;
    font-size: 26px;
}

.Group-Invites {
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.Group-Invites h3 {
    font-size: 18px;
    padding-top: 30px;
    margin: 0px;
    color: #ffffff;
}

.Group-Invites h4 {
    font-size: 14px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 15px;
    color: #ffffff;
}

.Group-Invites h4 a {
    color: #fff;
}

.dashboard-buttons {
    text-align: center;
    position: absolute;
    bottom: 0px;
    display: flex !important;
    width: 100%;
}

.dashboard-buttons .btn {
    flex: 1 !important;
    font-size: 13px;
    color: #ffffff !important;
}

.joingroup {
    text-align: center;
}

.joingroup .btn.btn-primary {
    font-size: 16px;
    color: #ffffff !important;
    font-weight: 400;
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0;
    border-radius: 0px 0px 3px 3px !important;
    padding: 0;
}

.dashboard-buttons .btn.btn-success {
    border-radius: 3px 0px 0px 3px !important;
}

.dashboard-buttons .btn.btn-danger {
    background-color: #d94e1f;
    border-radius: 0px !important;
}

.dashboard-buttons .btn.btn-danger:last-child {
    background-color: #d94e1f;
    border-radius: 0px 3px 3px 0px !important;
}

.dashboard-buttons .btn-warning {
    background-color: #ECAA38 !important;
    border-radius: 0px 3px 3px 0px !important;
}

.upcomingEvent .dashboard-buttons .btn-primary {
    margin-top: 10px;
    margin-bottom: 0;
}

.rate-review {
    height: 190px;
    background-position: center;
    background-repeat: repeat;
    position: relative;
    background-size: cover;
}

.rate-review img {
    border-radius: 5px !important;
}

.item.blank-item .Friend-Request {
    align-items: center;
    display: flex;
}

.item.blank-item .Friend-Request a {
    width: 100%;
    text-align: center;
}

.item.blank-item .Friend-Request a h3 {
    padding: 0;
}

.rate-review .fa-star {
    color: #f6ae00;
}

.rating-buttons .rating-star {
    display: inline-block;
}

.rating-buttons {
    margin-bottom: 10px;
}

.btn-review {
    background-color: #0d3c55 !important;
}

.rate-review .rating-buttons .btn-primary {
    float: right;
    color: #000 !important;
    background-color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    height: auto !important;
    width: auto !important;
}

.rate-review .rating-buttons .btn-primary:hover {
    background-color: #0069d9;
    border-color: #0062cc;
}

/* Vendor Dashboard starts -*/
.booking-details {
    float: left;
    width: 100%;
    line-height: 16px;
}

.booking-details label,
.booking-details p {
    font-size: 12px;
    color: #fff;
    display: inline;
    margin: 0;
}

.booking-details label {
    width: 100%;
    max-width: 80px;
}

.vendor-booking-request .booking-details h4 {
    display: inline-block
}

.vendor-booking-request .booking-details label {
    width: 100%;
    max-width: 98px;
}

.vendor-dashboard-btn {
    font-size: 14px;
    padding: 2px 12px;
    margin-top: 10px;
}

.dashboard-sec.vendor-dashboard .dashboard-buttons>.btn {
    width: 70px;
    font-size: 13px
}

.dashboard-sec.vendor-dashboard .dashboard-buttons>.btn.vendor-submit-approval-btn {
    width: auto;
    padding: 0px 10px;
}

.dashboard-sec.vendor-dashboard .ProfileImage {
    background-color: transparent;
    height: 185px;
}

.dashboard-sec.vendor-dashboard .vendor-inactive-services-sec .ProfileImage {
    background-color: transparent;
    height: 210px;
}

.dashboard-sec.vendor-dashboard .Friend-Request h3 {
    color: #fff;
    font-size: 20px;
}

.dashboard-sec.vendor-dashboard .vendor-inactive-services-sec .owl-carousel .item,
.vendor-dashboard .vendor-inactive-services-sec .owl-carousel .item .upcomingEvent {
    height: 210px !important;
}

.dashboard-sec .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
}

.dashboard-sec .owl-theme .owl-dots .owl-dot.active span,
.dashboard-sec .owl-theme .owl-dots .owl-dot:hover span {
    height: 11px;
    width: 11px;
}

.vendor-payment-table {
    float: left;
    width: 100%;
    margin: 6px 0 10px 0;
    padding: 0
}

.vendor-dashboard .vendor-payment-table {
    margin: 6px 0 60px 0;
}

.vendor-payment-table .booking-details label {
    max-width: none;
    width: auto;
}

.vendor-payment-table>li {
    color: #fff;
    list-style: disc inside;
    list-style: none;
}

.dashboard-sec.vendor-dashboard .vendor-inactive-services-sec .dashboard-buttons .btn {
    width: auto;
    padding: 0 10px;
}

/* Vendor Dashboard Endss */

/* Dashboard-Page ends */

/************** Contact Us CSS Starts ***************/
.banner_area {
    background-image: url(../../images/Front/players.png);
    height: 400px;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    position: relative;
    background-position: center center
}

.banner_area::before {
    content: "";
    background: rgba(4, 8, 29, 0.7);
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    height: 100%;
}

.banner_text_inner {
    padding-top: 150px;
    position: relative;
}

.banner_text_inner h4 {
    color: #fff;
    font-size: 50px;
}

.banner_text_inner h5 {
    color: #fff;
    font-size: 20px;
}

.contact_us_area {
    margin-top: 30px;
}

.contact_us_area iframe,
.about-us iframe {
    width: 100%
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
}

.contact_text .contact_d_list .contact_d_list_item a {
    font-size: 16px;
    color: #51545f;
    display: block;
}

.contact_text .contact_d_list .contact_d_list_item {
    margin-bottom: 22px;
}

.contact_text .contact_d_list .contact_d_list_item p {
    font-size: 16px;
    color: #51545f;
    display: block;
    line-height: 24px;
}

.static_social ul li a {
    height: 30px;
    width: 30px;
    text-align: center;
    background: #4c65a8;
    color: #fff;
    display: block;
    border-radius: 50%;
    line-height: 30px;
}

.static_social ul li:nth-child(2) a {
    background: #41a1f6;
}

.static_social ul li:nth-child(3) a {
    background: #f43535;
}

.static_social ul li:nth-child(4) a {
    background: #8f6247;
}

.about-us {
    max-width: 750px;
}

.about-us p {
    font-size: 20px;
    line-height: 30px;
    text-align: justify
}

/************** Contact Us CSS Ends ***************/

/*::::::::::::::::::::Setting page:::::::::::::::::::::*/
#settingpage .card-title {
    margin-bottom: 0;
    border-bottom: 0;
}

#profile-tabs {
    background: #fff8e9;
    overflow: hidden !important;
    min-height: 60vh;
}

#settingpage {
    overflow: hidden;
    min-height: 58vh;
    margin-top: 30px;
}

.admin-menu {
    margin-top: 15px;
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 3px;
}

.nav-content li.nav-item.active {
    background: none;
}

li.nav-item.active a {
    color: #0e3c54;
}

li.nav-item.active a:hover {
    color: #f27025;
}

.dark-grey {
    background-color: #e2e2e2 !important;
}

/*::::::::::::::::::::::::::::Contact list::::::::::::::::::::::*/
.ContactList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.Contact {
    display: flex;
    align-items: center;
    width: 90%;
}

.ContactList .Contact {
    margin-bottom: 1.5rem;
}

.Contact-avatar {
    margin: 0;
    width: 100%;
    min-width: auto;
    max-width: none;
    display: block;
}

.Contact .Contact-avatar {
    width: inherit;
}

.Contact-name {
    margin: 0;
    font-weight: normal;
    color: darkgray;
    font-size: 18px;
}

.container-label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.container-label .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container-label:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-label input:checked~.checkmark {
    background-color: #0d3c55;
    border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-label input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-label .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#target,
#target1,
#target2,
#target3,
#target4,
.Hide {
    display: none;
}

.creategroup {
    padding: 15px;
}

.creategroup .form-group {
    border-bottom: 0px !important;
    margin: 0 0 10px 0;
}

.switch3 {
    position: relative;
    display: inline-block;
    width: 100px;
    height: 26px !important;
    margin: 0;
    vertical-align: middle;
    margin: 15px 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 15px;
}

.switch3 .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.switch3 .slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    right: 4px;
    bottom: 4px;
    background-color: #0d3c55;
    -webkit-transition: .4s;
    transition: .4s;
    top: 3px;
}

.switch3 input:checked+.slider {
    background-color: #ccc;
}

.switch3 input[type="checkbox"] {
    margin-right: 10px;
    vertical-align: middle;
    visibility: hidden;
}

.selectuser-list .Contact {
    width: calc(100% * 1/1 - 2rem);
    margin-bottom: 10px;
}

.selectuser-list .ContactList {
    padding-top: 5px;
}

.selectuser-list section.Contact img {
    width: 25px !important;
    margin-right: 10px
}

.group-contact-list .Contact {
    position: relative;
}

.group-contact-list .container-label {
    position: static;
    padding-lefT: 25px;
}

.group-contact-list .Contact-name {
    font-size: 15px;
}

.group-contact-list .container-label .checkmark::after,
.create-grp.container-label .checkmark::after {
    left: 6px;
    top: 3px;
}

.group-contact-list .Contact .container-label,
.create-grp .Contact .container-label {
    margin-right: 30px;
}

.group-contact-list .container-label .checkmark,
.create-grp.container-label .checkmark {
    height: 16px;
    width: 16px;
    top: 5px;
}

.Eventhost-txt h3>i {
    margin-right: 5px;
}

label {
    display: inline-block;
    margin-bottom: .5rem;
    font-weight: 500;
    color: #474747;
    font-size: 16px;
}

.creategroup input.form-control {
    height: 38px !important;
}

.creategroup .form-control-file {
    color: rgba(255, 255, 255, 0.8);
}

.create-grp .input-group i {
    line-height: 25px;
}

.creategroup input {
    margin-bottom: 0;
}

#profile-tabs .form-group {
    margin-bottom: 10px !important;
}

.label-itemname {
    margin-bottom: 15px !important;
    font-size: 16px !important;
}

#slider {
    background-color: #d7dcdf;
    box-shadow: 0 0;
    padding: 0;
    margin-bottom: 11px;
    border: none;
    height: 10px;
}

.service-otp.double-slider-opt .sliderValue {
    width: 27%;
    padding: 5px;
}

.service-otp.double-slider-opt {
    padding: 0;
    border: none;
}

.other-filters .service-otp.double-slider-opt .ui-slider-handle {
    background-color: #4999fd;
    border-radius: 50%;
    padding: 0;
    width: 20px;
    height: 20px
}

.other-filters .service-otp.double-slider-opt .slider-value {
    width: auto;
}

.service-otp.double-slider-opt .sliderValue:last-child {
    text-align: right;
}

.review-host-sec.past-event-list {
    padding: 7px;
}

.review-host-sec .list-group.event-list-sec {
    margin: 0;
}

.review-host-sec.event-add .list-group {
    margin: 0;
    padding: 10px;
}

.review-host-sec li.list-group-item {
    margin: 0;
    padding: 15px;
}

.review-host-sec .list-group-item.reviewevent:nth-child(2n) {
    background-color: rgba(0, 0, 0, 0.6);
}

.payment-option .list-group-item .form-check-input {
    left: 0
}

/*Past-Event-button*/
.contribute-btn {
    display: inline;
}

.recreate-button .contribute-btn a {
    color: #ffffff !important;
}

/*Past-Event-Event-Single-button*/
.contributeNow-btn {
    width: 144px !important;
    top: 0px;
    left: 0px;
    height: 40px !important;
    border-radius: 3px !important;
    background-color: #CCE6F1 !important;
    margin-right: 15px !important;
}

/*::::::::: Cross Brower css::::::::::::::::::*/
.navbar-expand-lg .navbar-collapse {
    flex-basis: 100%;
}

.form-group {
    margin-bottom: 5px;
}

.inner-login .input-group {
    padding: 0
}

.inner-login .form-group {
    margin-bottom: 1em
}

a.btn.btn-dark svg path {
    fill: white !important;
}

a {
    cursor: pointer !important;
    color: #0d3c55;
}

.friend-list li {
    border-bottom: 1px dashed #3c3c3c;
}

.familymembers-info h3 {
    font-size: 18px;
    display: block;
    margin-bottom: 10px !important;
    margin-right: 15px;
    color: #0d3c55;
    font-weight: 700;
}

.familymembers-info p {
    width: 100%;
    float: left;
    font-size: 15px;
    color: #0d3c55;
    line-height: 17.58px;
    margin-bottom: 15px !important;
}

.familymembers-info .btn,
.familymembers-info a {
    margin: 0 auto;
    text-align: center;
    width: 49%;
    border-radius: 0px;
}

.familymembers-info .btn.btn-default,
.familymembers-info a.btn.btn-default {
    background: #545353;
    color: white;
}

.messages-list a {
    color: #34495e;
    font-size: 16px;
    clear: both;
}

.messages-list label,
.message-time {
    margin: 0;
    color: #c9d6df;
    font-size: 12px;
}

.messages-list label small {
    color: #8ea1b4;
    font-size: 12px;
}

.message-img {
    position: relative;
}

.badge-cicle {
    border-radius: 50px;
    width: 17px;
    right: 13px;
    height: 17px;
    top: 0;
    position: absolute;
    background-color: #3198db;
    text-align: center;
    color: #fff;
    font-size: 11px;
    line-height: 17px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

.about-me label {
    display: inline-block;
    margin-bottom: 0px;
    font-weight: 500;
    color: #0d3c55;
}

.viewallevents a {
    color: #0d3c55;
    font-weight: 500;
}

button.btn.btn-link svg {
    margin-right: 0;
}

.event-action-area.single-event-action ul li {
    padding: 0px 4px;
}

td.left-content {
    border-bottom: 1px solid #ccc;
}

td.right-content {
    border-bottom: 1px solid #ccc;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 21.77px;
    display: inline-block;
    color: #474747;
}

.payment-type [type="radio"]:checked+label.form-check-label {
    color: #fff;
}

[type="radio"]:checked+label:before,
[type="radio"]:not(:checked)+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 22px;
    border: 1px solid #0d3c55;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 14px;
    height: 14px;
    background: #0d3c55;
    position: absolute;
    top: 4.0px;
    left: 4.0px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.heading-highlights .text-right span {
    background: #0d3c55;
    height: 26px;
    width: 26px;
    display: inline-block;
    text-align: center;
    color: white;
    border-radius: 25px;
    font-size: 14px;
    line-height: 1.8;
    margin-right: 7px;
}

.contributed-list .btn-seTTing {
    padding: 6px 7px 5px 7px;
}

#seTTing svg {
    margin-right: 0px;
}

a.btn-dark {
    color: #fff;
}

/*Checkboxes styles*/
input[type=checkbox]+label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
}

input[type=checkbox] {
    display: none;
}

input[type=checkbox]+label:before {
    content: "\2714";
    border: 0.1em solid #0d3c55;
    border-radius: 0.2em;
    display: inline-block;
    width: 1.4em;
    height: 1.3em;
    padding-left: 0.2em;
    padding-bottom: 0.3em;
    color: transparent;
    transition: .2s;
    font-size: 15px;
    line-height: 1.2;
    margin-right: 10px;
    vertical-align: middle;
}

#addservices .checkmark {
    left: -20px;
}

input[type=checkbox]+label:active:before {
    transform: scale(0);
}

#myUL1.li.a {
    color: #0d3c55 !important;
}

input[type=checkbox]:checked+label:before {
    background-color: #0d3c55;
    border-color: #0d3c55;
    color: #fff;
}

input[type=checkbox]:disabled+label:before {
    transform: scale(1);
    border-color: #aaa;
}

input[type=checkbox]:checked:disabled+label:before {
    transform: scale(1);
    background-color: #bfb;
    border-color: #bfb;
}

ul#myUL {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 15px;
}

ul#myUL li {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

ul#myUL li .frnd-request-btn {
    float: right;
}

.frnd-request-btn-send {
    float: right;
    background: #007bff;
    border: none;
    color: white;
}

#vendorSignUpForm .form-group {
    margin-bottom: 1rem !important;
}

#vendorSignUpForm .socialLink>div.form-group:first-child {
    margin-bottom: 0 !important
}

.buttons-socialize-login .btn {
    padding: 5px 15px;
    margin: 0 auto;
    text-align: center;
}

.buttons-socialize-login {
    margin: 0 auto;
}

.button_area.mt-1 a {
    text-transform: uppercase;
}

#search-friends-list-new .list-group li .row {
    align-items: center;
}

.setup-content #search-friends-list-new a span {
    display: inline-block;
    /* margin-top: 20px; */
}

.form-control.search_friend_box.invite-input {
    height: 40px !important;
    width: 100px !important;
}

.form-control.search_friend_box.invite-input:focus {
    background-color: transparent !important;
    color: #0d3c55;
}

.transaction-table .card-body .btn {
    margin-bottom: 0;
}

.transaction-table .card-body {
    padding: 0 15px;
}

.fa-facebook-f {
    margin-right: 5px;
    padding: 5px;
}

.fa-google-plus-g {
    margin-right: 5px;
    padding: 5px;
}

div#addservices h6 {
    font-size: 15px !important;
    font-weight: 500 !important;
    text-transform: uppercase;
    margin-bottom: 3px;
}

div#addservices h4 {
    font-size: 20px !important;
    font-weight: 500 !important;
}

input.form-control.get-together1 {
    margin-right: 10px;
}

.multi {
    margin-top: 40px;
}

.creategroup .help-block-error {
    display: table;
    width: 100%;
}

.overView h3 {
    text-transform: capitalize;
}

a.btn.transparent-btn {
    border: 1.5px solid white;
    color: #fff;
    margin: 10px 0;
}

/*:::::::::::::::: Dashboard Section Starts :::::::::::::::::*/
.header-title {
    font-size: 20px;
    background-color: #002290;
    padding: 8px 13px;
    color: #fff;
    margin: 0;
    float: left;
    width: 100%;
}

.header-title .btn-view {
    float: right;
    color: #fff;
    font-size: 12px;
    padding: 4px 8px;
    text-transform: uppercase;
    margin: 0 3px;
}

.dashboard-sec .Eventhost {
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 10px
}

.dashboard-sec .Eventhost>.row {
    padding: 10px 0;
    border-top: 1px solid #eee;
    width: 100%;
}

.dashboard-sec .Eventhost .btn,
.page-group-description .btn {
    margin: 0px 0 4px;
    padding: 5px 12px;
    color: #fff !important;
}

.Eventhost-txt h2 {
    font-size: 18px;
    display: inline-block
}

.Eventhost-txt p,
.Eventhost-txt h3 {
    font-size: 12px;
}

.dashboard-sec .card-body .Eventhost .upcoming-event>a {
    font-size: 15px;
    margin-top: 3px;
}

.dashboard-sec .header-title h3 {
    font-size: 17px;
    text-transform: uppercase;
    display: inline-block;
    margin: 5px 0 0
}

.dashboard-sec .Eventinvited-txtlist1 {
    float: left;
    width: 100%
}

.dashboard-sec .Eventinvited-txtlist1 .btn-group {
    font-size: 13px;
}

.dashboard-sec .float-right.more-option a {
    background-color: #444;
    padding: 7px 12px;
    color: #fff;
    border-radius: 3px;
    font-size: 13px;
    text-transform: uppercase;
}

.dashboard-sec img.rounded-circle {
    width: 35px;
    border: 1px solid #eee;
    margin-right: 3px;
}

.group-s-tittle .list-group-item {
    background-color: transparent;
}

.owl-theme .owl-dots .owl-dot span {
    display: none;
}

/*:::::::::::::::: Dashboard Section Ends :::::::::::::::::*/

.notification-status {
    padding: 0;
    margin: 0;
}

.notification-status li i {
    margin-right: 5px;
}

.notification-status li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding: 9px 14px;
    font-size: 15px;
    transition: all ease 0.2s 0s;
    cursor: pointer;
}

.notification-status li.unread {
    background-color: rgba(255, 255, 255, 0.15);
    font-weight: 500;
}

.notification-page .eventAddline2 {
    padding: 0 0;
}

.notification-status li a {
    display: block;
}

.notification-status li:hover {
    background-color: #0d3c55;
}

.notification-status li:hover a {
    color: #fff !important;
}

.front-homepage .carousel-caption {
    background-color: rgba(0, 0, 0, .4)
}

.front-homepage .carousel-caption p span {
    font-size: 32px;
}

.hide-desktop {
    display: none;
}

.btn-remove {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    background-color: #0d3c55 !important;
    color: #ffffff !important;
}

/*::::::::::::::::Group Deatial :::::::::::::::::*/
.group-s-tittle h2 {
    background: #002290;
    color: white;
    font-size: 22px;
    padding: 10px 15px;
}

.group-s-tittle {
    background-color: #ffffff;
    border-radius: 3px;
}

.upcoming-event-sec.row .group-s-tittle {
    min-height: 370px;
}

.group-desc {
    height: 180px;
    overflow: auto;
}

.group-s-tittle p {
    padding: 15px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.group-s-tittle .members {
    width: 100%;
    padding: 15px;
}

.group-s-tittle .members ul {
    padding-left: 0px;
    margin-bottom: 0;
}

.group-s-tittle .li {
    width: 100%;
    display: table;
}

.profileIcon-b {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 2.5;
    font-size: 21px
}

.page-group-description .profileIcon-b {
    width: 30px;
    height: 30px;
}

.page-group-description .span.user-name {
    margin-top: 6px;
    font-size: 15px;
}

span.user-name {
    font-size: 13px;
    display: inline-block;
    margin-left: 10px;
}

.group-s-tittle .members .btn-deleTE {
    position: relative;
    background: #e21125;
    color: #fff;
    padding: 0px 7px;
    right: auto;
    width: 25px;
    border-radius: 50%;
    margin-top: 10px;
}

.group-s-tittle .members .btn-deleTE a {
    color: #fff;
}

.members li {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.3);
    padding-top: 10px;
}

.members li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}

.group-posts-e h2 {
    color: white;
    font-size: 17px;
}

.group-posts-e .Eventhost-address {
    background: none !important;
    border: none;
}

.group-posts-e .Eventhost-address p {
    color: #fff !important;
}

.Eventhost-address p {
    margin: 0;
    padding: 5px;
    font-size: 14px;
    color: #fff;
}

.view-all {
    width: 100%;
    border-radius: 0px;
    margin: 5px 0;
}

.share-box {
    margin: auto;
    position: relative;
}

.posts-list,
.messages-list {
    height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    margin: 15px 0 0px 0px;
}

.posts-list li {
    padding: 0px 0px 0px 15px;
}

.posts-list li h2 a {
    color: #0d3c55 !important;
    font-size: 20px;
    margin-left: 10px;
    text-transform: capitalize;
}

.list-group .list-group-item a strong {
    font-size: 14px;
    font-weight: 600;
}

.list-group .list-group-item a span {
    font-weight: 400;
}

.list-group .list-group-item a {
    font-size: 14px;
}

.comments-section p {
    font-weight: 400;
    padding-right: 15px;
    word-break: break-word !important;
    padding-top: 15px;
}

.comments-section {
    padding: 10px 15px !important;
    border-bottom: 1px solid #d1d1d1;
}

.posts-list::-webkit-scrollbar-track {
    background-color: #ffffff !important;
    padding: 15px;
    height: 600px !important;
    scroll-margin: 20px !important;
    border-radius: 20px;
    margin-top: px !important;
    margin-right: 15px;
}

.posts-list::-webkit-scrollbar {
    width: 20px;
    padding-right: 15px !important;
    height: 100px !important;
    scroll-margin: 20px !important;
}

.posts-list::-webkit-scrollbar-thumb {
    background-color: #0d3c55;
    background-clip: padding-box;
    padding: 0 4px;
    width: 2px !important;
    border: 6px solid #0d3c55 !important;
}

.comments h2 {
    height: 44px;
    display: flex;
    align-items: center;
    font-size: 16px;
    padding-left: 15px;
}

.posts-list p {
    font-size: 14px
}

.posts-list p small {
    width: 100%;
    float: left;
}

.posts-list+.view-all,
.messages-list+.view-all {
    font-size: 13px;
    margin: 0;
}

.share-box input[type=checkbox]+label:before {
    content: none;
}

.share-box input[type=checkbox]+label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.15em;
    font-size: 14px;
}

.share-menu-tg {
    display: none;
}

.share-menu-tg+label {
    transition: all 0.2s linear;
}

.share-menu-tg:checked+label {
    color: #333;
}

.share-menu-tg:checked+label+ul {
    transform: translateX(1em);
    transition: all 0.2s linear;
}

.share-menu-tg:checked+label+ul:after {
    opacity: 1;
    transition: all 0.2s linear;
}

.share-menu-tg:checked+label+ul li {
    transform: rotateY(0);
    opacity: 1;
}

.share-menu-tg:checked+label+ul li:nth-child(1) {
    transition-delay: 0;
}

.share-menu-tg:checked+label+ul li:nth-child(2) {
    transition-delay: 0.2s;
}

.share-menu-tg:checked+label+ul li:nth-child(3) {
    transition-delay: 0.4s;
}

.share-menu {
    transition: all 0.2s 0.4s linear;
    list-style: none;
    display: inline-block;
    position: absolute;
    perspective: 10em;
    right: -88px;
    top: -30px;
}

.share-menu:after {
    transition-delay: 0.4s;
    content: "";
    display: block;
    position: absolute;
    opacity: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -0.5em;
    width: 0;
    height: 0;
    border-right: 0.5em solid #4d64a7;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
}

.share-menu-item {
    float: none !important;
    overflow: hidden;
    transition: all 0.2s linear;
    opacity: 0;
    transform: rotateY(45deg);
    transform-origin: 0 50%;
}

.share-menu-item:nth-child(1) {
    border-radius: 0.4em 0 0 0.4em;
    transition-delay: 0.4s;
}

.share-menu-item:nth-child(2) {
    transition-delay: 0.2s;
}

.share-menu-item:nth-child(3) {
    transition-delay: 0;
    border-radius: 0 0.4em 0.4em 0;
}

.share-menu-item:last-child {
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}

.event-action-area ul.share-menu .share-menu-item {
    padding: 0;
    width: auto;
    height: auto;
}

.event-action-area ul.share-menu .share-menu-item a {
    width: 100% !important;
    min-width: auto;
    margin: 0 !important;
}

.share-menu-item a {
    display: block;
    line-height: 3em;
    min-width: 3em;
    text-align: center;
    color: #fff;
    text-decoration: none;
}

[class*="facebook"] {
    background: #4d64a7;
}

[class*="twitter"] {
    background: #55aaf1;
}

[class*="google-plus"] {
    background: #df4938;
}

.profile2-tab [class*="facebook"] {
    background: none;
    padding: 0;
}

.event-action-area ul.share-menu {
    background: transparent !important;
    border: none !important;
}

.event-action-area ul.share-menu li:last-child,
.event-action-area ul.share-menu li:first-child {
    border-radius: 0 !important;
}

.profile2-tab [class*="twitter"] {
    background: none;
}

.profile2-tab [class*="google-plus"] {
    background: none;
}

li.share-menu-item svg {
    font-size: 45px;
    width: 55px !important;
    padding: 10px;
    color: white;
}

input[type=checkbox] {
    display: none;
    /*-webkit-appearance: none;*/
    border: 0px solid #fff;
}

.event-action-area .delbutton {
    border: none;
    /*background-color: #fff;*/
    font-size: 12px;
    padding: 0;
}
.event-action-area .clonebutton {
    border: none;
    /*background-color: #fff;*/
    font-size: 12px;
    padding: 0;
}
.event-action-area .delbutton i {
    height: 19px;
}

.service-bottom-area .contact-v-info a {
    -webkit-hyphens: auto;
    hyphens: auto;
}

.item-contribution-section li.list-group-item {
    margin: 0px;
    padding: 5px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

#rc-imageselect {
    transform: scale(0.77);
    -webkit-transform: scale(0.77);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

.group-posts-e.comments-sec .list-inline {
    padding: 0;
}

.list-groups.posts-list div {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

.chat-type-sec .btn.btn-primary.view-all.see-msg {
    background-color: #002290 !important;
    font-size: 13px;
    padding: 2px 6px;
    line-height: 25px;
    height: 30px;
    border-radius: 0.25rem;
    position: relative;
    float: right;
}

.transaction-table .upcoming-event .friendslist-profile li img {
    width: 30px;
    margin-bottom: 0;
    margin-right: 5px;
    border-radius: 0;
}

.rounded-circle {
    border-radius: 0 !important
}

input[type=checkbox].checked-main-category,
input.checked-category {
    display: inline-block !important;
    float: left;
    margin-top: 5px;
    width: auto;
}

.top-logo-sec img.img-fluid {
    width: 100%;
    max-width: 75px;
}

/*::::::::::::::::::::::::Responsive Css::::::::::::::::::::::::*/
.badge {
    font-size: 16px;
}

.status-msg {
    color: #fff;
    opacity: 0.9;
    padding: 4px;
    font-size: 12px;
    font-weight: bold;
}

/* Landscape */
;

#paymentpage td:nth-of-type(1):before {
    content: none !important;
    text-align: left;
}

.past-event-list .rating-star .fa-star {
    color: #ffd203;
    width: 14px;
}

.desgin-change {
    background-color: transparent !important;
    color: black !important;
    text-transform: none !important;
}

.adjust {
    text-align: center;
    justify-content: center;
}

.adjust input {
    text-align: center;
}

.justify-change-number {
    border-bottom: 1px dashed #fff;
}

.justify {
    justify-content: space-between;
    border-bottom: 1px dashed #fff;
    padding-bottom: 30px;
    display: flex;
}

.mr-60 {
    margin-top: 60px !important;
}

.border-blue {
    border: 1px solid #0d3c55 !important;
}

.justify-new {
    align-items: center !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    margin-bottom: 16px;
}

.text-center-2 {
    text-align: center;
}

.custom-input-group input {
    display: inline-block;
    width: 35px !important;
    padding: 5px 8px;
    vertical-align: middle;
    border: none;
    margin: 0 3px;
    font-size: 14px;
    outline: none;
    border-radius: 0;
}

.phone-sec {
    text-align: center;
}

.pad-set {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
}

.below-text {
    font-size: 10px;
}

.checking {
    font-size: 13px;
}

.blue-link {
    font-size: 13px;
    color: blue;
    cursor: pointer;
}

.text-danger {
    color: #dc3545 !important;
}

.phone-sec p {
    padding-bottom: 5px;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.font-fourteen {
    font-size: 14px !important;
    font-weight: 700 !important;
}

.email-profile-sec h6 {
    font-size: 11px !important;
    font-weight: 600;
    margin-bottom: 16px !important;
    text-align: center;
    margin-bottom: 8px !important;
}

.email-profile-sec .value-verification h6 {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    font-weight: 600;
}

.btn-set {
    margin-top: 5px !important;
    margin-right: 0px !important;
}

.btn-logout {
    background-color: #ffffff !important;
    color: #0d3c55 !important;
    padding: 13px 15px;
    border-radius: 3px !important;
}

.btn-logout:hover {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
}

.logout li a {
    color: #0d3c55 !important;
}

.check-set {
    padding-right: 10px;
    font-size: 13px;
}

.li-set {
    margin-right: 10px;
}

.li-set a {
    width: 135px;
}

.set-span {
    display: flex;
    justify-content: center;
}

.pad-set-icon {
    padding-right: 8px;
    font-size: 20px;
}

.set-content-volly {
    display: inline-grid;
    text-align: center;
}

.set-both {
    width: auto !important;
}

.set-below-content {
    display: flex;
    justify-content: flex-end;
}

.direction-btn {
    border-radius: 3px !important;
    transition: 0.35s;
}

.map-radius {
    border-radius: 13px;
}

.apple {
    width: 115px !important;
    height: auto;
}

.google26 {
    width: 115px;
    height: auto;
}

.top-bg-color {
    background-color: #551A8B;
    color: lightgrey;
}

.direction-btn:hover,
.direction-btn:focus {
    transform: translateY(-0.50em);
    box-shadow: 2px 3px 3px rgba(226, 222, 222, 0.836);
}

.ss-download-btn a img {
    transition: 0.3s ease;
}

.ss-download-btn a img:hover,
.ss-download-btn a img:focus {
    transform: translateY(-0.50em);
}

.btn-color:hover {
    background-color: #007bff !important;
    transition: 0.3s ease-in-out;
}

.li-set a {
    border-radius: 3px !important;
}

.cal-set {
    font-size: 25px;
    position: relative;
    top: 11px;
}

.Event-date {
    display: flex;
    justify-content: center;
}

.set-div {
    padding: 10px;
    text-align: left;
}

.bold-title {
    font-weight: bold;
    padding-right: 10px;
}

.modal-body.rsvp-body.notifyMessage {
    background: #ffffff !important;
}

.select-service ul li .check {
    background: #e9e9e9;
}

.single-event-date-sec {
    text-align: center;
}

.width-date {
    width: 100%;
}

.top-bg-color p a:hover {
    color: #007bff;
    transition: 0.3s ease;
}

.google-logo {
    width: 40px;
}

.facebook-logo {
    width: 40px;
    background-color: #fff;
    border-radius: 5px;
}

.modal-body.contribution ul li {
    padding: 8px 20px;
    background: darkblue;
    border: 1px solid #fff;
    border-radius: 30px;
    margin-top: 5px;
    color: #000;
}

.modal-body.contribution ul li a {
    color: white;
}

.modal-body.contribution ul {
    padding: 0;
}

.modal-body.contribution ul li:hover {
    background: #0d3c55;
    color: #000;
}

.delete-radius ul li:last-child {
    border-top-right-radius: 12px;
}

.button_a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.button_a a {
    width: 33.33%;
    text-align: center;
}

.my-row-width {
    width: 100%;
    margin: 0 auto;
    display: none !important;
}

.my-li-align {
    margin: 0 3px;
    float: left !important;
    position: relative;
}

.my-li-align a {
    line-height: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
    align-items: center;
}

.log_li {
    margin: 0 3px;
    float: left !important;
}

.my-ul-style li a {
    margin: 0px !important;
}

.border-set-white {
    border: 1px solid #fff !important;
}

.btn-bg-color-set {
    background-color: transparent !important;
}

.mar-set {
    margin-top: 10px;
}

.icon-justify-dashboard {
    display: flex !important;
    align-items: center !important;
}

.gp-size {
    width: 100%;
}

.img-side {
    height: 100vh;
}

.vendor_scroll_sec {
    height: 100vh;
    overflow-y: auto;
}

.intro {
    background: #fff;
    padding: 60px 30px;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.5;
    text-align: center;
}

.intro h1 {
    font-size: 18pt;
    padding-bottom: 15px;
}

.intro p {
    font-size: 14px;
}

.action {
    text-align: center;
    display: block;
    margin-top: 20px;
}

a.btn {
    text-decoration: none !important;
    padding: 10px 15px;
    display: inline-block;
}

a.btn:hover {
    color: #0d3c55;
    transition: .3s;
    -webkit-transition: .3s;
}

.btn:before {
    font-family: FontAwesome;
    font-weight: normal;
    margin-right: 10px;
}

.card {
    border: 0px !important;
}

.github:before {
    content: "\f09b"
}

.down:before {
    content: "\f019"
}

.back:before {
    content: "\f112"
}

.credit {
    background: #fff;
    padding: 12px;
    font-size: 9pt;
    text-align: center;
    color: #333;
    margin-top: 40px;
}

.credit span:before {
    font-family: FontAwesome;
    color: #e41b17;
    content: "\f004";
}

.credit a {
    color: #333;
    text-decoration: none;
}

.credit a:hover {
    color: #1DBF73;
}

.credit a:hover:after {
    font-family: FontAwesome;
    content: "\f08e";
    font-size: 9pt;
    position: absolute;
    margin: 3px;
}

div#comments-sec {
    border-radius: 3px;
}

.login_new_page .white-header {
    position: fixed;
    top: 0;
    width: 50%;
    right: 0;
    z-index: 99;
}

.social_app_img img {
    max-width: 160px;
}

.btn.focus,
.btn:focus {
    box-shadow: none !important;
}

.service_step_mob {
    display: none;
}

main {
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 24px;
}

.img-background {
    height: 100vh;
    width: 100%;
    background-size: contain;
    object-fit: cover;
}

article li {
    color: #444;
    font-size: 15px;
    margin-left: 33px;
    line-height: 1.5;
    padding: 5px;
}

article h1,
article h2,
article h3,
article h4,
article p {
    padding: 14px;
    color: #333;
}

article p {
    font-size: 15px;
    line-height: 1.5;
}

.set-overlayer,
.set-glass,
.set-sticky {
    cursor: pointer;
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    color: #333;
    font-size: 16px;
}

.set-overlayer:after,
.set-glass:after,
.to-active:after,
.set-sticky:after {
    font-family: FontAwesome;
    font-size: 18pt;
    position: relative;
    float: right;
}

.set-overlayer:after,
.set-glass:after,
.set-sticky:after {
    content: "\f204";
}

.to-active:after {
    content: "\f205";
    color: #008080;
    transition: .6s;
}

.set-overlayer,
.set-glass,
.set-sticky,
.source,
.theme-tray {
    margin: 10px;
    background: #f2f2f2;
    border-radius: 3px;
    border: 2px solid #f1f1f1;
    box-sizing: border-box;
}

/* Syntax Highlighter*/
pre.prettyprint {
    padding: 15px !important;
    margin: 10px;
    border: 0 !important;
    background: #f2f2f2;
    overflow: auto;
}

.source {
    white-space: pre;
    overflow: auto;
    max-height: 400px;
}

code {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 3px;
}

:root {
    --prm-color: #0381ff;
    --prm-gray: #b1b1b1;
}

/* CSS */
.steps {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    position: relative;
    top: 0px;
    background-color: #f9f9fb;
    z-index: 9999 !important;
}

.step-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background-color: #D9D9D9;
    transition: .4s;
}

.step-button[aria-expanded="true"] {
    width: 40px;
    height: 40px;
    background-color: #0d3c55;
    color: #fff;
}

.done {
    background-color: #0d3c55;
    color: #fff;
}

.step-item {
    z-index: 10;
    text-align: center;
}

.white-header {
    height: 50px;
    width: 100%;
    background-color: #fff !important;
}

.create-account h1 {
    color: #0d3c55 !important;
    font-weight: 600 !important;
    font-size: 30px !important;
    text-align: center;
}

.logo {
    margin-top: 24px !important;
}

.create-account p {
    color: #0d3c55 !important;
    font-weight: 400 !important;
}

.btn-next-bottom {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
    height: 38px !important;
    width: 100px !important;
    border-radius: 3px !important;
    margin-top: auto !important;
}

.btn-back-bottom {
    background-color: #0d3c55 !important;
    color: #ffffff !important;
    height: 38px !important;
    width: 100px !important;
    border-radius: 3px !important;
    margin-top: auto !important;
}

.pending-tab ul {
    border-radius: 3px;
    overflow: hidden;
}

.host_detail_profile .friendslist-profile {
    height: auto !important;
}

.btn-password {
    height: 38px !important;
    width: 100% !important;
    font-size: 12px !important;
    color: #ffffff !important;
    background-color: #0d3c55 !important;
    border-radius: 3px !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none !important;
    border: 1px solid #d3d3d3 !important;
    height: 38px !important;
    background-color: transparent !important;
    border-radius: 3px !important;
}

.form-control.is-invalid,
.was-validated .form-control:invalid::placeholder {
    font-size: 16px;
    color: #0d3c55 !important;
}

.input-Password {
    width: 36px !important;
    height: 36px !important;
}

#validationDefault01 {
    height: 38px !important;
    border: 1px solid #0D3C55 !important;
    background-color: transparent !important;
    border-radius: 3px !important;
}

input::placeholder {
    font-size: 16px !important;
}

.form-control::placeholder {
    font-size: 16px !important;
}

#exampleFormControlTextarea1 {
    border: 1px solid #0d3c55 !important;
    border-radius: 3px !important;
    background-color: transparent !important;
}

.social-icon img {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.input-country {
    position: relative;
}

.input-country a {
    position: absolute;
    left: 20px;
}

.input-country input {
    padding-left: 34px;
}

progress::-webkit-progress-value {
    background-color: #0d3c55 !important;
}

.bottom-buttons {
    padding-bottom: 24px;
}

.collapsing {
    -webkit-transition: none;
    transition: none !important;
}

.usa-input::placeholder {
    position: absolute !important;
    left: 40px !important;
    top: 10px;
}

.country-flag {
    top: 5px;
}

.overflow-hidden {
    overflow: hidden;
}

.collapse {
    position: relative;
}

.collapse .create-account {
    text-align: center;
    margin: auto;
    -webkit-animation: dude 0.5s forwards;
    overflow: hidden !important;
}

.collapse .create-account .btn {
    font-size: 15px !important;
}

.collapse .create-account .input,
.create-account .form-control.is-invalid {
    font-size: 16px !important;
}

.collapse .create-account .input::placeholder,
.create-account .form-control.is-invalid::placeholder,
.create-account .was-validated .form-control:invalid::placeholder {
    font-size: 16px !important;
}

.create-account .input-group-prepend {
    display: block;
}

.create-account .input-group-prepend select {
    border-color: #0d3c55 !important;
    border-radius: 3px;
    padding: 0 5px !important;
    height: 38px !important;
}

.collapse .left {
    right: 50%;
    animation: dude 0.5s reverse;
}

@-webkit-keyframes dude {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes dude {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.float-none {
    float: none !important;
}

.verification-popup {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 237px);
}

.verification-popup .dd.ddcommon.borderRadius {
    border: none !important;
    height: 38px !important;
    border-radius: 3px !important;
}

.verification-popup .dd.ddcommon.borderRadius .ddTitle {
    height: 38px !important;
    margin-top: 0px !important;
    border: 1px solid #8d8d8d !important;
    border-radius: 3px !important;
}

.verification-popup .omb_loginForm .dd {
    border: 1px solid #8d8d8d !important;
    border-radius: 3px !important;
}

.group-members-action ul {
    display: flex;
    align-items: center;
}

.group-members-action ul li {
    margin: 0px 0px 0px 10px !important;
    padding: 0px !important;
}

.group-members-listing {
    position: relative;
}

.groups-details-members-list-main li.active p {
    display: block;
}

.group-members-listing .other-event-single {
    position: absolute;
    max-width: 95px;
    right: -15px;
    left: auto;
    background-color: #ffffff;
    border-radius: 3px;
    z-index: 9999;
    top: 25px;
    padding: 0px;
    margin: 0px;
    -webkit-box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
    -moz-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 4px 0px rgb(0 0 0 / 25%);
}

.group-members-listing .other-event-single::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 2.5px solid transparent;
    border-right: 2.5px solid transparent;
    border-bottom: 5px solid #DDEFF9;
    top: -5px;
    right: 15px;
}

.dropdown.group-members-listing .other-event-single a {
    padding: 5px;
}

#profile-tabs .dropdown.group-members-listing .other-event-single a .form-group {
    margin-bottom: 0 !important;
}

.group-members-listing .other-event-single a {
    font-size: 12px;
    color: #0D3C55;
    font-weight: 400;
    display: block;
    padding: 11px 8px;
    border-bottom: 1px solid #0D3C55;
    float: none !important;
}

.group-members-listing .other-event-single a:last-child {
    border: none !important;
}

.main-post {
    margin: 15px 0px 15px;
    width: 100%;
    background-color: #ffffff;
    border-radius: 3px !important;
}

.groups-details-members-list-main li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.group-members-name-main span {
    font-size: 15px;
    display: inline-block;
    margin-left: 10px;
    font-weight: 400;
    width: 140px;
    line-break: anywhere;
}

.group-s-tittle p {
    font-weight: 400;
}

.grptype img {
    width: 30px;
    height: 30px;
    object-fit: cover;
    border: 1px solid;
    border-radius: 50%;
    margin-right: 10px;
}

.friendgrp-box img {
    width: 16px;
    height: 16px;
    margin-right: -10px;
    background-color: #fff;
}

.friendgrp-box img:last-child {
    margin-right: 5px;
}

.event-listing h2.group-details-bg {
    height: auto !important;
    background-color: #000 !important;
    font-size: 16px !important;
    opacity: 60%;
}

.event-listing h2.group-details-bg .grptype,
.event-listing h2.group-details-bg .grptype label {
    color: #fff;
    margin-top: 5px;
}

.event-listing h2.group-details-bg small {
    font-size: 14px;
    margin-bottom: 10px;
}

.event-listing h2.group-details-bg .btn {
    padding: 5px 15px;
}

.eventAddFormPhoto {
    display: block;
    padding: 0px;
}

.eventAddFormPhoto .btn {
    margin: auto !important;
    margin-top: 15px !important;
}

.select-ul img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 3px;
    margin-bottom: 5px;
}

.suggest_btn {
    padding: 6px 8px !important;
}

.host-event-data .row:last-child {
    padding-bottom: 0 !important;
}

/* profile page event section css start */
.profile-event-sec .Eventhost-img img {
    min-height: 140px !important;
}

.profile-event-sec {
    border-radius: 0 0 3px 3px;
}

.profile-event-sec .row:last-child .event-item-listing {
    border-bottom: 0;
}

.connection-group-sec .profile-sec-heading svg {
    height: 18px;
}

.connection-group-sec .profile-sec-heading {
    line-height: 44px;
}

.profile-event-sec span.grptype.friendgrp-box {
    font-size: 13px;
}

.profile-event-sec .Eventhost-txtlist1 ul li {
    box-shadow: none;
    background: transparent;
    width: 50% !important;
    float: unset;
    padding: 0;
    margin: 0;
}

.profile-event-sec .Eventhost-txtlist1 ul li a {
    display: flex;
    width: 100%;
    align-items: center;
}

.profile-event-sec .Eventhost-txtlist1 ul {
    display: flex;
    align-items: center;
}

.profile-event-sec .rsvp-badge {
    background: transparent !important;
    color: #000000;
    width: auto !important;
    margin: 0;
}

.profile-event-sec .Eventhost-txt.event-para p {
    width: auto;
    margin: 0 10px 0;
    font-weight: 600;
    font-size: 12px;
}

.profile-event-sec .event-item-listing h4 {
    text-align: left !important;
}

.connection-page .friendslist-profile li .mutual-friend-box img {
    width: 16px !important;
    height: 16px !important;
    margin-right: -10px !important;
}

.connection-page .friendslist-profile li .mutual-friend-box span {
    margin-top: 0 !important;
}

.mutual-friend-box {
    font-size: 16px;
}

.mutual-friend-box .grptype label {
    font-size: 14px;
}

.profile-event-sec ul {
    padding-left: 0 !important;
}

/* profile page event section css over */
.notification-dropdown a {
    padding: 0;
    text-align: left;
}

.notification-body li {
    display: flex;
    justify-content: space-between;
}

.notification-body li:first-child {
    border-radius: 3px 3px 0 0;
}

.notification-body li:last-child {
    border-radius: 0 0 3px 3px;
}

.notification-status li:hover .notification-time-info {
    color: #fff;
}

.notification-status li:hover .notification-time-info svg path {
    fill: #fff;
}

.notification-dropdown span {
    font-size: 14px;
}

.notification-time-info p {
    width: 60px;
}

.notification-status li .text-blue {
    padding-right: 10px;
}

.notification-img img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.notification-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid;
    margin-right: 10px;
    background-color: #0d3c55;
}

.message-user-profile .notification-img img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
}

.message-user-profile .notification-img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid;
    margin-right: 10px;
    background-color: #0d3c55;
}

.notification-img i {
    color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dashboard-sec .notification-status .other-event-single,
.dashboard-sec .other-event-single.notification-dropdown {
    top: 0 !important;
    left: -20px !important;
}

.dashboard-sec .other-event-single.notification-dropdown a {
    text-align: left !important;
    justify-content: flex-start !important;
    margin-left: 0 !important;
}

.dashboard-sec .notification-time-info .other-event-single.notification-dropdown a {
    text-align: center !important;
}

.notification-message .ratings {
    margin-top: 0 !important;
    display: inline;
    margin-right: 20px;
}

.notification-message .ratings i {
    color: #FFCE31;
}

.notification-message .btn-write-review {
    padding: 5px 10px !important;
    height: auto !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px !important;
    width: 100px !important;
}

.notification-message .btn-rate-review {
    margin-top: 0 !important;
    display: inline;
}

.notification-title {
    font-weight: 500;
    font-size: 15px;
}

.notification-time-info {
    font-size: 14px;
}

.notification-list-box {
    display: flex;
    width: 100%;
}

.notification-message .btn-group {
    width: auto !important;
    padding: 3px 10px !important;
    border-radius: 3px !important;
    margin-right: 5px !important;
    float: unset !important;
}

.dashboard-sec .notification-message .Eventinvited-txtlist1 {
    float: unset !important;
}

.row.notification-status {
    border-bottom: 1px solid #666;
}

.row.notification-status:last-child {
    border-bottom: none;
}

.notification-message .btn-contribute-now {
    padding: 5px 10px !important;
    height: auto !important;
    font-size: 12px;
    font-weight: 500;
    border-radius: 3px !important;
}

.book_now_btn:hover {
    background-color: #5ca792 !important;
}

.book_now_btn {
    height: auto !important;
}

.btn-service-price p {
    font-weight: 500;
}

.filter_title h2 {
    border-radius: 3px 3px 0 0 !important;
}

.service_bookmark_green {
    width: 10px !important;
    height: 10px !important;
    border-radius: 50%;
    background-color: #45F628;
    display: inline-block;
    margin-left: 5px;
}

.Eventhost-txt .service_status h4 {
    font-weight: bold;
    font-size: 16px !important;
}

/* message css start */
.message-box-inner {
    max-width: 300px;
    height: 50px;
    width: 100%;
    text-align: center;
    background-color: #0D3C55;
    border-radius: 3px 3px 0 0;
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.25);
    color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 99999;
    right: 20px;
}

.message-box-inner a {
    color: #fff;
}

.message-flex {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: space-evenly;
}

.connection-group-sec .nav-link {
    display: flex;
    align-items: center;
}

.service-review-page .event-add li.list-group-item .row {
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 10px;
}

.service-daylist {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.service-daylist li {
    width: 100%;
    padding: 15px 0;
    border-right: 1px solid #dadada;
}

.service-daylist li:last-child {
    border-right: 0;
}

.service-daylist p {
    text-align: center;
    display: grid;
    width: 100%;
}

.service-price-table td,
.service-price-table tr {
    border: none !important;
}

.transition-box {
    min-height: 200px;
}

.transition-box .event_description {
    font-size: 22px !important;
    font-weight: 500;
    min-height: 140px;
    height: 140px;
    padding: 12px;
}

.transition-box .single-inner-section span {
    font-size: 50px;
}

.checkbox {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.radiobutton input {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
}

.radiobutton input:checked~.checkmark {
    background-color: #fff;
}

.radiobutton input:checked~.checkmark:after {
    display: block;
    opacity: 1;
}

.radiobutton .checkmark {
    width: 28px;
    height: 28px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #0d3c55;
    float: left;
    transition: 0.25s;
    left: -10px;
}

.radiobutton .checkmark:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    background: #0d3c55;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    opacity: 0;
    transition: 0.25s;
}

.radiobutton span {
    font-size: 18px;
    color: #727070;
    margin-left: 5px;
}

.event-listing .mandatory-box h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
}

.mandatory-box td {
    border: none;
}

/* card css start */

.form-container .field-container:first-of-type {
    grid-area: name;
}

.form-container .field-container:nth-of-type(2) {
    grid-area: number;
}

.form-container .field-container:nth-of-type(3) {
    grid-area: expiration;
}

.form-container .field-container:nth-of-type(4) {
    grid-area: security;
}

.field-container input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 20px;
    margin-top: 3px;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    border-radius: 3px;
}

.field-container {
    position: relative;
}

.form-container {
    color: #707070;
}

.saveCard label {
    display: block;
    height: 100%;
    width: 100%;
}

.saveCard .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background: #0d3c55 !important;
    border-color: #0d3c55;
    border-radius: 0 !important;
    box-shadow: none;
}

.saveCard .custom-checkbox .custom-control-label::before,
.saveCard .custom-checkbox .custom-control-label::after {
    border-radius: 0 !important;
}

.saveCard .custom-checkbox .custom-control-label::before {
    left: -7px;
    top: -7px;
    z-index: 9;
}

.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before {
    background-color: #ffffff;
    border-color: #0d3c55;
    border-width: 2px;
}

.saveCard .custom-checkbox .custom-control-input:checked~.custom-control-label+div {
    display: block !important;
}

.payment-main-box a {
    font-weight: 500;
}

.saveCard .custom-checkbox .custom-control-label::after {
    left: -3px;
    top: -3px;
    z-index: 9;
    background-repeat: no-repeat;
    background-size: contain;
}

.saveCard .creditcard svg#cardfront,
.saveCard .creditcard svg#cardback {
    box-shadow: none;
}

.saveCard .custom-checkbox .custom-control-input:checked~label .creditcard svg#cardfront {
    box-shadow: 1px 5px 6px 0px black;
}

.saveCard .custom-control-label {
    padding-left: 0 !important;
    height: 250px;
}

.ccicon {
    height: 38px;
    position: absolute;
    right: 8px;
    top: 3px;
    width: 45px;
}

/* CREDIT CARD IMAGE STYLING */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
}

#ccsingle {
    position: absolute;
    right: 15px;
    top: 20px;
}

#ccsingle svg {
    width: 100px;
    max-height: 60px;
}

.creditcard svg#cardfront,
.creditcard svg#cardback {
    width: 100%;
    -webkit-box-shadow: 1px 5px 6px 0px black;
    box-shadow: 1px 5px 6px 0px black;
    border-radius: 22px;
}

#generatecard {
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #fff;
    padding: 2px 4px;
    background-color: #909090;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    display: none;
}

/* CHANGEABLE CARD ELEMENTS */
.creditcard .lightcolor,
.creditcard .darkcolor {
    -webkit-transition: fill .5s;
    transition: fill .5s;
}

.creditcard .lightblue {
    fill: #03A9F4;
}

.creditcard .lightbluedark {
    fill: #0288D1;
}

.creditcard .red {
    fill: #ef5350;
}

.creditcard .reddark {
    fill: #d32f2f;
}

.creditcard .purple {
    fill: #ab47bc;
}

.creditcard .purpledark {
    fill: #7b1fa2;
}

.creditcard .cyan {
    fill: #26c6da;
}

.creditcard .cyandark {
    fill: #0097a7;
}

.creditcard .green {
    fill: #66bb6a;
}

.creditcard .greendark {
    fill: #388e3c;
}

.creditcard .lime {
    fill: #d4e157;
}

.creditcard .limedark {
    fill: #afb42b;
}

.creditcard .yellow {
    fill: #ffeb3b;
}

.creditcard .yellowdark {
    fill: #f9a825;
}

.creditcard .orange {
    fill: #ff9800;
}

.creditcard .orangedark {
    fill: #ef6c00;
}

.creditcard .grey {
    fill: #bdbdbd;
}

.creditcard .greydark {
    fill: #616161;
}

.second-card .creditcard .grey {
    fill: #1C658C;
}

.second-card .creditcard .greydark {
    fill: #0d3c55;
}

/* FRONT OF CARD */
#svgname {
    text-transform: uppercase;
}

#cardfront .st2 {
    fill: #FFFFFF;
}

#cardfront .st3 {
    font-weight: 600;
}

#cardfront .st4 {
    font-size: 54.7817px;
}

#cardfront .st5 {
    font-weight: 400;
}

#cardfront .st6 {
    font-size: 33.1112px;
}

#cardfront .st7 {
    opacity: 0.6;
    fill: #FFFFFF;
}

#cardfront .st8 {
    font-size: 24px;
}

#cardfront .st9 {
    font-size: 36.5498px;
}

#cardfront .st10 {
    font-weight: 300;
}

#cardfront .st11 {
    font-size: 16.1716px;
}

#cardfront .st12 {
    fill: #4C4C4C;
}

/* BACK OF CARD */
#cardback .st0 {
    fill: none;
    stroke: #0F0F0F;
    stroke-miterlimit: 10;
}

#cardback .st2 {
    fill: #111111;
}

#cardback .st3 {
    fill: #F2F2F2;
}

#cardback .st4 {
    fill: #D8D2DB;
}

#cardback .st5 {
    fill: #C4C4C4;
}

#cardback .st6 {
    font-weight: 400;
}

#cardback .st7 {
    font-size: 27px;
}

#cardback .st8 {
    opacity: 0.6;
}

#cardback .st9 {
    fill: #FFFFFF;
}

#cardback .st10 {
    font-size: 24px;
}

#cardback .st11 {
    fill: #EAEAEA;
}

#cardback .st13 {
    font-size: 37.769px;
}

/* FLIP ANIMATION */

.creditcard {
    width: 100%;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    transition: -webkit-transform 0.6s;
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    transition: transform 0.6s, -webkit-transform 0.6s;
    cursor: pointer;
    pointer-events: none;
}

.creditcard .front,
.creditcard .back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    color: #47525d;
}

.creditcard .back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.addNewCard .creditcard svg#cardfront,
.addNewCard .creditcard svg#cardback {
    box-shadow: none;
}

.creditcard .back:before {
    display: none;
}

.addNewCard label {
    font-weight: 500;
}

.creditcard.flipped {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.saveCard .custom-checkbox {
    padding-left: 10px;
}

/* card css over */

.transition-box .single-inner-section sup.dollar-sign {
    font-size: 30px !important;
}

.transition-box .single-inner-section h2 {
    margin-bottom: 0;
    text-align: left;
}

.received-table th,
.received-table .transaction-table td {
    padding: 15px !important;
    font-size: 16px !important;
    /* text-align: center !important; */
    border-color: #f27025 !important;
    vertical-align: middle !important;
}

.received-table .transaction-table {
    float: unset !important;
}

.paid-table p {
    padding: 5px 0;
}

.transition-box .single-inner-section {
    padding: 10px !important;
    min-height: 90px;
}

/* hide arrows
 Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield !important;
}

.clearHeader {
    background: transparent;
    padding: 0 100px;
}

.clearHeader.darkHeader {
    padding: 0;
    background: #fff;
    border-radius: 0 0 15px 15px;
}

.clearHeader.darkHeader .navbar {
    top: 0;
    box-shadow: none;
}

.navbar-dark .navbar-nav .nav-link:hover {
    border-bottom: 1px solid;
}

/*  vendor service page css start  */
.vendor_business {
    position: relative;
}

.vendor_business #change-banner-pic {
    bottom: 50% !important;
    transform: translate(50%, 50%) !important;
    left: auto !important;
    right: 50px;
    margin-bottom: 0;
}

.vendor_company_logo .profile-pic-button {
    bottom: 30px !important;
    position: absolute !important;
}

.profile_box.top-user-profile {
    margin-bottom: 0;
}

/* .vendor_business img{
	border-radius: 50%;
} */
.vendor_company_logo {
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translatey(-50%);
}

.form-group .required {
    color: red;
}

.view_business_pip_box .pip {
    height: 150px;
}

.pip {
    cursor: pointer;
    margin: 0 5px 5px 0;
    width: 150px;
    height: auto;
    position: relative;
    display: inline-block;
    float: left;
}

/* .pip {cursor: pointer;margin:0 5px 5px 0; width: 150px; height: 190px;position: relative; display: inline-block; float: left;} */
div#upload-img {
    height: 140px;
}

.pip img.imageThumb {
    border-radius: 3px !important;
    object-fit: cover;
    width: 100% !important;
    height: 150px !important;
}

.pip input.form-control {
    font-size: 14px !important;
    height: 30px !important;
    padding: 5px !important;
}

.view_business_text {
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%);
    background: #000000a6;
    color: #fff;
    width: 100%;
    text-align: center;
    padding: 5px;
    z-index: 9;
}

.pip .plus_img_hide {
    height: 150px !important;
}

.tz-gallery img {
    height: 150px !important;
    width: 150px !important;
}

.plus_img_hide {
    object-fit: none !important;
    background-color: transparent;
}

.profile_box .edit-area-image {
    object-fit: contain !important;
}

.remove {
    background: url("../../img/remove.svg") no-repeat;
    width: 14px;
    height: 14px;
    top: 4px;
    right: 4px;
    text-indent: -9999px;
    display: block;
    color: #fff;
    text-align: center;
    position: absolute;
    padding: 0;
}

select.form-control {
    height: 38px !important;
}

.vendor_company_logo img {
    width: 150px !important;
    height: 150px !important;
    border-radius: 50%;
}

.vendor_listing_profile {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #0D3C55;
}

.Eventhost-img .business_banner_img {
    max-height: 250px !important;
}

.profile_vendor .Eventhost-img .business_banner_img {
    height: 180px !important;
    max-height: none !important;
}

.vendor-results .event-item-listing:last-child {
    border-bottom: none;
}

.dashboard-sec .upcomingEvent .event-action-area-left li {
    width: 82px;
}

.event-action-area.event-action-area-left {
    left: 0;
    right: auto;
}

/*  vendor service page css over  */


.service-card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.service-card-title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 17px;
    color: #474747;
}

.service-filter-label {
    font-family: "Roboto", sans-serif;
    font-weight: normal !important;
    font-style: normal;
    font-size: 16px;
    color: #474747;
}

.distance-text {
    float: right;
    font-weight: normal !important;
    font-size: 15px !important;
    color: #474747 !important;
    margin-right: 12px;
}

.distance-slider,
#budget-slider {
    background: #d3d3d3 !important;
    border-color: #d3d3d3 !important;
}

.min-budget,
.max-budget {
    font-weight: normal;
    font-size: 14px !important;
    color: #474747;
    border: 1px solid #474747;
    padding: 2px;
    border-radius: 5px;
    width: 55px;
    text-align: center;
}

#seeMoreServiceBtn {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    color: #0d3c55 !important;
}

.service-title {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-style: normal;
    color: #0d3c55;
}

.service-offered-by {
    font-weight: normal;
    color: #0d3c55;
    font-size: 14px;
}

.service-common-text {
    font-weight: normal;
    font-size: 15px;
}

.service-desc {
    font-weight: normal;
    font-size: 14px;
}

.service-address {
    border: 1px solid #2F89A6;
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    padding: 5px;
}

.service-address img {
    width: 15px;
    height: 15px;
}

.service-date {
    font-weight: normal;
    font-size: 13px;
}

.reviews-span {
    height: 34px;
    display: block;
    margin-top: 8px;
    font-weight: normal;
    font-size: 15px;
    text-decoration: underline;
    cursor: pointer;
}

.rating-by {
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 16px;
}

.rating-msg {
    font-size: 14px;
}

.event-details-banner-image {
    position: relative;
    border-radius: 30px;
    min-height: 400px;
    height: 400px;
}

.event-details-banner-image::before {
    content: "";
    position: absolute;
    z-index: 7;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 270px;
    /* background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.5)); */
    border-radius: 0px 0px 30px 30px;
}

.event-details-banner-image img {
    border-radius: 30px;
    height: 100%;
    object-fit: cover;
}

.event-details-banner-image-overly-actions {
    position: absolute;
    top: 30px;
    /* right: 30px; */
}

.event-details-banner-image-overly-actions ul {
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding: 0px;
}

.event-details-banner-image-overly-actions ul li {
    margin-right: 15px;
}

.event-details-banner-image-overly-actions ul li:last-child {
    margin-right: 0px !important;
}

.event-details-banner-image-overly-actions ul li a {
    background-color: #000;
    height: 42px;
    width: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 22px;
    border: 1px solid #fff;
}
.tooltip-inner {
    height: auto;
    border-radius: 8px;
    padding: 6px 10px !important;
    font-size: 14px;
    background: #FFFFFF;
    color: #000000 !important;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
}

.tooltip.show {
    opacity: 1;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
}
.tooltip.show {
    opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #fff;
    box-shadow: 0px 8px 16px -2px rgba(27, 33, 44, 0.12);
}
.event-details-banner-image-overly-title-dec{
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 8;
    width: calc(100% - 60px);
}
.event-details-banner-image-overly-title-dec h3{
    font-size: 28px;
    margin: 0px;
    margin-bottom: 10px;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.event-details-banner-image-overly-title-dec span{
    font-size: 18px;
    font-weight: 300;
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
}
.event-details-banner-image-overly-title-dec h6{
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 0px;
}
.custom-border-card{
    box-shadow: none;
    border: 1px solid #E6E6EB;
    border-radius: 8px !important;
}
.custom-border-card h5.title {
    color: #262D3D;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 0px;
}
.description-box p{
    font-size: 14px;
    margin-top: 15px;
    margin-bottom: 0px !important;
    color: #727781;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.guests-tab .nav-link{
    color: #0E0E10 !important;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-radius: 0px !important;
    padding: 8px 0px !important; 
    margin-right: 20px;
}
.guests-tab .nav-link.active, .guests-tab .show>.nav-link{
    background-color: transparent !important;
    border-bottom-color: #0D3C55 !important;
    color: #0D3C55 !important;
}
.guests-list-scrollable ul{
    max-height: 300px;
    overflow: auto;
}
.guests-tab-inner-content ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.guests-tab-inner-content ul li {
    padding: 1rem;
    border-bottom: 1px solid #F7F7F7;
}
.guests-tab-inner-content ul li img{
  width: 40px;
  min-width: 40px;
  height: 40px;
  border-radius: 20px;
  object-fit: cover;
  border: 1px solid #0D3C55;
  margin-right: 10px;
}
.guests-tab-inner-content ul li h4{
    font-size: 17px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px !important;
}
.guests-tab-inner-content ul li p{
    color: #9B9B9B;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
}
.more-action-btn button{
    background-color: transparent !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px;
    width:10px;
    min-width:10px;
}
.more-action-btn .dropdown-menu{
    border: 1px solid rgb(227, 227, 227);
    border-radius: 10px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.1);
    top: 40px !important;
    left: auto !important;
    min-width: max-content;
    padding: 0px;
    margin: 0px;
    bottom: auto;
    right: 0;
    transform: none !important;
    will-change: revert !important;
}
.more-action-btn .dropdown-menu .dropdown-item:last-child{
    border-bottom: none !important;
}
.more-action-btn .dropdown-menu .dropdown-item{
    border-bottom:1px solid rgba(102, 102, 133, 0.4);
    padding: 16px;
    color: #667085 !important;
    font-size: 16px !important;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}
.more-action-btn .dropdown-menu .dropdown-item span{
    color: #667085 !important;
    font-size: 16px !important;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}
.more-action-btn .dropdown-menu .dropdown-item svg{
    margin-right: 10px;
}
.guests-tab-inner-content .plus-numbers{
    color: #9B9B9B;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.guests-users-profiles-main{
    padding: 1rem;
}
.guests-users-profiles-main ul{
    display: flex;
    margin-left: 22px;
}
.guests-users-profiles-main ul li{
    padding: 0px !important;
    display: block;
}
.guests-users-profiles-main ul li:hover a{
    z-index: 9999;
    position: relative;
}
.guests-users-profiles-main ul li a:hover{
    z-index: 9999;
    position: relative;
}
.guests-users-profiles-main ul li a{
    display: block;
    margin-left: -22px;
}
.guests-users-profiles-main ul li a img{
    margin: 0px !important;
}
.guests-users-profiles-main ul li.guests-users-profiles-numbers{
    margin-left: -22px;
}
.guests-users-profiles-main ul li.guests-users-profiles-numbers span{
    min-width: 42px;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 25px;
    border: 1px solid #0D3C55;
    color: #0D3C55;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.coming-users-profiles ul{
    margin: 0px !important;
}
.coming-users-profiles ul li a{
    margin: 0px !important;
}
.contributions-box a{
    background: #DDEFF9 !important;
    padding: 10px;
    border-radius: 8px;
    display: block;
    text-align: center;
    color: #0D3C55;
}
.contributions-box a span{
    display: block;
    text-align: center;
    color: #0D3C55;
    font-size: 20px;
    line-height: 22px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.contributions-box a h4{
    display: block;
    text-align: center;
    color: #0D3C55;
    font-size: 16px;
    line-height: 20px !important;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px !important;
    margin-top: 15px;
}
.scrollable-comments{
    max-height: 300px;
    overflow: auto;
}
.commented-user-profile{
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    margin-right: 15px;
}
.commented-user-profile img{
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.commented-user-profile-details h5{
    margin: 0px;
    color: #334253;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    line-height: 19px;
}
.commented-user-profile-details p{
    margin: 0px;
    margin-left: 15px;
    color: #67727E;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.commented-reaply-btn{
    display: flex !important;
    align-items: center !important;
}
.commented-reaply-btn span{
    font-size: 16px !important;
    margin-left: 5px !important;
}
.commented-user-profile-dec p{
    margin: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #67727E;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.commented-user-profile-dec p .tag-name{
    margin: 0px;
    color: #0D3C55;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
}

.commenting-user-profile{
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 15px;
}
.commenting-user-profile img{
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}
.commenting-user-box textarea{
    width: 100%;
    min-height: 96px;
    border: 1px solid #0D3C55;
    border-radius: 8px;
    margin-right: 15px;
    padding: 10px;
    color: #334253 !important;
}
.commenting-user-box textarea:focus{
    outline: none !important;
    box-shadow: none !important;
}
.reply-main-section{
    padding-left: 15px;
    border-left: 1px solid #E6E6EB;
}

/* Profile Screen New Design Css Start */
button#back_btn {
    width: 60px;
}
.btn-primary-rounded{
    background-color: #0D3C55;
    padding: 0px;
    min-width: 35px;
    height: 35px;
    border-radius: 20px;
}
.profile-details-white-box{
    background-color: #fff;
    box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.user-profile-rounded{
    min-width: 200px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 4px solid #0D3C55;
}
.user-profile-rounded img{
    min-width: 100%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.edit-profile-btn{
    position: absolute;
    right: 30px;
    top: 30px;
}
.profile-details-white-box h5{
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 42px;
    color: #0D3C55;
    margin: 50px 0px;
}
.user-profile-event-details{
    display: flex;
    align-items: center;
}
.events-attended{
    text-align: center;
    min-width: 90px;
    width: 90px;
}
.events-attended h6{
    text-align: center;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    color: #000000;
    margin-bottom: 15px;
}
.events-attended p{
    text-align: center;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    margin-bottom: 0;
}
.events-hosted{
    text-align: center;
    min-width: 90px;
    width: 90px;
}
.events-hosted h6{
    text-align: center;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 30px;
    color: #000000;
    margin-bottom: 15px;
}
.events-hosted p{
    text-align: center;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #000000;
    margin-bottom: 0;
}
.black-divider{
    margin: 0px 15px;
    width: 2px;
    height: 116px;
    background-color: #000;
    min-width: 2px;
}
.profile-details-white-box-main{
    position: relative;
    top: -120px;
    min-width: 970px;
    max-width: 970px;
    width: 970px;
    margin: 0px auto;
}
.host-profile-overview-details{
    margin-top: 0px;
    position: relative;
    top: -70px;
}
.overview-box{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.overview-box .border-card{
    box-shadow: none;
    border: 1px solid #E6E6EB;
    border-radius: 8px !important;
    padding: 20px;
    height: 100%;
}
.overview-box h2{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    font-size: 16px;
    color: #262D3D;
    margin-bottom: 20px;
}
.overview-box .border-card svg{
    margin-right:15px;
}
.overview-box .border-card p{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #727781;
    margin-bottom: 0;
}
.overview-box .border-card p a{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #523CCC !important;
    margin-bottom: 0;
}
.blue-link-btn{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #523CCC !important;
    margin-bottom: 0;
    line-height: 19px;
}
.connections-list-header{
    margin-bottom: 20px;
}
.connections-profile{
    min-width: 40px;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    margin-right: 12px;
}
.connections-profile img{
    min-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
/* .connections-box h4{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000000 !important;
    margin-bottom: 0;
} */
.connections-list-box h4{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    color: #000000 !important;
    margin-bottom: 0;
}
.connections-list-box{
    margin-bottom: 20px;
}
.connections-list-main .connections-list-box:first-child{
    margin-top: 0px !important;
}
.connections-list-main .connections-list-box:last-child{
    margin-bottom: 0px;
}
.connections-list-main .connections-list-box:nth-last-child(-n + 2){
    margin-bottom: 0px;
}
.connections-list-main .connections-list-box:nth-last-child(-n + 2){
    margin-bottom: 0px;
}
/* Profile Screen New Design Css End */
/* Custon View Screen Banner Css End */
.custom-view-banner{
    position: relative;
}
.custom-view-banner::after{
	content: ""; 
	width: 100px;
	height: 100px;
	position: absolute;
	/* left: 40px;
	bottom: 30px; */
    left: -120px !important;
    bottom: 90px;
	background: #f27025;
	opacity: 0.1;
	border-radius: 15px;
	transform: rotate(30deg);
 }
 .custom-view-banner::before {
	content: "";
	width: 85px;
	height: 20px;
	position: absolute;
	/* left: 80px;
	bottom: 45px; */
    left: -70px !important;
    bottom: 90px;
	background: transparent;
	border-top: 3px solid #f27025;
	border-bottom: 3px solid #f27025;
 }
 .custom-view-banner-right-shape::after{
	content: "";
	width: 100px;
	height: 100px;
	position: absolute;
    right: -120px !important;
    bottom: 90px;
	background: #0e3c54;
	opacity: 0.1;
	border-radius: 15px;
	transform: rotate(30deg);
 }
 .custom-view-banner-right-shape::before {
	content: "";
	width: 85px;
	height: 20px;
	position: absolute;
    right: -70px;
    z-index: 0;
    bottom: 90px;
	background: transparent;
	border-top: 3px solid #0e3c54;
	border-bottom: 3px solid #0e3c54;
 }
/* Custon View Screen Banner Css End */

/* New Landing Page CSS Sart */
.solid-btn{
    padding: 12px 24px;
    font-size: 18px;
    border:none !important;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    font-family: "Merriweather Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    position: relative;
    transition: all .5s;
    z-index: 2;
}
.solid-btn::before {
    content: "";
    display: block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    position: absolute;
    top: 4px;
    left: 4px;
    z-index: -1;
    border-radius: 30px;
}

/* gray Btn Start */
.solid-btn-gray {
    background: linear-gradient(250deg,#686769 0%,#2B2B2B 100%);
    background-color: #2B2B2B;
    transition: all .5s;
}

.solid-btn-gray::before{
    background: linear-gradient(250deg,#2B2B2B 0%,#686769 100%);
    background-color: #2B2B2B;
    transition: all .5s;
}
.solid-btn-gray:hover{
    background: linear-gradient(250deg,#2B2B2B 0%,#686769 100%);
    background-color: #2B2B2B;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.solid-btn-gray::before{
    background: linear-gradient(250deg,#686769 0%,#2B2B2B 100%);
    background-color: #2B2B2B;
}
/* gray Btn End */

/* Orange Btn Start */
.solid-btn-orange {
    background: linear-gradient(250deg,#F37C37 0%,#F6B28B 100%);
    background-color: #F6B28B;
    transition: all .5s;
}

.solid-btn-orange::before{
    background: linear-gradient(250deg,#F6B28B 0%,#F37C37 100%);
    background-color: #F6B28B;
    transition: all .5s;
}
.solid-btn-orange:hover{
    background: linear-gradient(250deg,#F6B28B 0%,#F37C37 100%) !important;
    background-color: #F6B28B;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.solid-btn-orange::before{
    background: linear-gradient(250deg,#F37C37 0%,#F6B28B 100%)!important;
    background-color: #F6B28B;
}
/* Orange Btn End */

/* Dark Blue Btn Start */
.solid-btn-dark-blue {
    background: linear-gradient(250deg,#0D2B48 0%,#1F67AE 100%);
    background-color: #1F67AE;
    transition: all .5s;
}

.solid-btn-dark-blue::before{
    background: linear-gradient(250deg,#1F67AE 0%,#0D2B48 100%);
    background-color: #1F67AE;
    transition: all .5s;
}
.solid-btn-dark-blue:hover{
    background: linear-gradient(250deg,#1F67AE 0%,#0D2B48 100%) !important;
    background-color: #1F67AE;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.solid-btn-dark-blue::before{
    background: linear-gradient(250deg,#0D2B48 0%,#1F67AE 100%);
    background-color: #1F67AE;
}
/* Dark Blue Btn End */

/* Light Blue Btn Start */
.solid-btn-light-blue {
    background: linear-gradient(250deg,#1F67AE 0%,#2D8CEB 100%);
    background-color: #2D8CEB;
    transition: all .5s;
}

.solid-btn-light-blue::before{
    background: linear-gradient(250deg,#2D8CEB 0%,#1F67AE 100%);
    background-color: #2D8CEB;
    transition: all .5s;
}
.solid-btn-light-blue:hover{
    background: linear-gradient(250deg,#2D8CEB 0%,#1F67AE 100%) !important;
    background-color: #2D8CEB;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.solid-btn-light-blue::before{
    background: linear-gradient(250deg,#1F67AE 0%,#2D8CEB 100%);
    background-color: #2D8CEB;
}

.solid-btn:disabled{
    cursor: not-allowed !important; 
    opacity: 0.6 !important; 
}
/* Light Blue Btn End */
/* danger Btn Start */
.danger-btn {
    background: linear-gradient(250deg,#FF0000 0%,#F96262 100%);
    background-color: #F96262;
    transition: all .5s;
}

.danger-btn::before{
    background: linear-gradient(250deg,#F96262 0%,#FF0000 100%);
    background-color:#F96262;
    transition: all .5s;
}
.danger-btn:hover{
    background: linear-gradient(250deg,#F96262 0%,#FF0000 100%);
    background-color: #F96262;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.danger-btn::before{
    background: linear-gradient(250deg,#FF0000 0%,#F96262 100%);
    background-color: #F96262;
}
/* danger Btn End */
/* secondary btn Start */
.secondary-btn {
    background: linear-gradient(250deg,#06986F 0%,#5CA792 100%);
    background-color: #5CA792;
    transition: all .5s;
}

.secondary-btn::before{
    background: linear-gradient(250deg,#5CA792 0%,#06986F 100%);
    background-color:#5CA792;
    transition: all .5s;
}
.secondary-btn:hover{
    background: linear-gradient(250deg,#5CA792 0%,#06986F 100%);
    background-color: #5CA792;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.solid-btn:hover.secondary-btn::before{
    background: linear-gradient(250deg,#06986F 0%,#5CA792 100%);
    background-color: #5CA792;
}
/*secondary btn End */



.outline-btn{
    background-color: transparent;
    padding: 12px 24px !important;
    font-size: 18px;
    border: 2px solid;
    border-radius: 30px !important;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
    font-family: "Merriweather Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.outline-btn:hover{
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
    transform: translateY(-3px);
}
.white-outline-btn{
    color: #fff;
    border-color: #fff;
}
.white-outline-btn:hover{
    background-color: #fff;
    color: #F27025;
}
.landing-page-header-main{
    padding: 3.5px 0px !important;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    z-index : 9999;
    position:relative;
}
.landing-page-header-main .top-search #panel{
    z-index : 9999 !important;
}
.landing-navbar-banner .tutorials{
    z-index : 9998 !important;
}
.landing-navbar-banner{
    position: relative;
}
.home-header-banner{
    /* background-image: url(); */
    background-image: url("../../img/new_landing_page/left-img-3.png");
    background-repeat: no-repeat;
    position: absolute;
    width: 100%;
    min-height: 500px;
    height: 500px;
    background-position: center;
    background-size: 100%;
}
.home-header-banner::before{
    /* content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 1) 90%);
    width: 100%;
    height: 100%; */
}
.landing-navbar-banner .navbar{
    /* padding: 13px 0px !important; */
}
.landing-navbar-banner .navbar .navbar-nav .nav-link{
    color: #fff !important;
    transition: all 0.5s;
    font-size: 18px;
    /* font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal; */
    font-family: "Merriweather Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    padding: 0px 20px;
}
.landing-navbar-banner .navbar .navbar-nav .nav-link:hover, .landing-navbar-banner .navbar .navbar-nav .nav-link:focus{
    color: #F27025 !important;
}
.landing-navbar-banner .navbar-action{
    /* margin-left: 70px; */
    display: flex;
    align-items: center;
}
.navbar-action button{
    /* font-size: 15px;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    border-radius: 8px;
    padding: 8px 12px; */
    margin: 0px 10px;
}
.navbar-action button.user-login{
    background-color: #fff;
    color: #14181F;
}
.navbar-action button.vendor-login{
    background-color: #F27025;
    color: #fff;
    margin-left: 15px;
}
.video-tutorial{
    padding-top: 70px;
}
.tutorials{
    position: relative;
    padding-bottom: 100px;
    overflow: hidden;
    z-index: 9999;
}
.tutorials::before{
    content: "";
    background: url('../../img/new_landing_page/Tutorial-bg-shape.png') top center no-repeat;
    position: absolute;
    top: 346px;
    width: 100%;
    background-size: cover;
    height: calc(100% - 346px);
    z-index: 998;
}
.tutorials-inner{
    z-index: 9999;
    position: relative;
}
.mobile-wrapper {
    position: relative;
    padding-top: 0;
    padding-bottom: 750px;
    height: 0;
}
.mobile-wrapper iframe {
    box-sizing: border-box;
    background: url('../../img/new_landing_page/mobile_frame.png') center center no-repeat;
    background-size: contain;
    padding: 100px 117px 100px 112px;
    width: 100%;
    height: 750px;
}
.vedor-tutorial-main{
    text-align: center;
}
.user-tutorial-main{
    text-align: center;
}
.video-tutorial h2{
    font-size: 35px;
    color: #fff;
    /* font-family: "Junge", cursive;
    font-weight: 300;
    font-style: normal; */
    font-family: "Merriweather Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 20px;
}
.video-tutorial .vedor-tutorial-main button{
    z-index: 2;
    margin-bottom: 20px;
}
.video-tutorial .user-tutorial-main button{
    z-index: 2;
    margin-bottom: 20px;
}
/* .video-tutorial button{
   padding: 12px 16px;
   font-size: 26px;
   line-height: normal;
   border-radius: 12px;
   font-family: "Karma", serif;
   font-weight: 600;
   font-style: normal;
   min-width: 270px;
   max-width: 100%;
   box-shadow: none;
   border: none;
   margin-bottom: 20px;
}
.video-tutorial .vedor-tutorial-main button{
   background-color: #F27025;
   color: #fff;
}
.video-tutorial .user-tutorial-main button{
   background-color: #0D3D54;
   color: #fff;
} */
.vedor-tutorial-main .iframe-box{
    width: 100%;
    transform: rotate(-15deg);
    z-index: 1;
    position: relative;
}
.user-tutorial-main .iframe-box{
    width: 100%;
    transform: rotate(15deg);
}
.registry{
    padding: 70px 0px;
}
.registry h3{
    font-family: "Roboto", sans-serif !important;
    font-weight: 900;
    font-style: normal;
    font-size: 48px;
    color: #0D3D54 !important;
    margin-bottom: 30px;
}
.registry p{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 17px;
    color: #8A8A8A !important;
    margin-bottom: 0px;
}
.cta-section{
    padding-bottom: 70px;
}
.cta-box{
    box-sizing: border-box;
    background: url('../../img/new_landing_page/CTA-bg.png') center center no-repeat;
    background-size: cover;
    padding: 0px;
    width: 100%;
    /* min-height: 426px; */
    border-radius: 25px;
    display: flex;
    align-items: flex-end;
}
.cta-text-box{
    padding: 30px 50px 30px;
}
.feture-image-box{
    text-align: center;
}
.cta-text-box h4{
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 52px;
    text-align: center;
    margin-bottom: 20px;
}
.cta-text-box p{
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}
.action-btn{
    text-align: center;
}
.newsletter-main{
    background-color: #F1F5F9;
    padding: 60px;
    position: relative;
}
.newsletter-text{
    text-align: center;
}
.newsletter-text h5{
    color: #0D3D54;
    font-family: "Roboto", sans-serif !important;
    font-weight: 700;
    font-style: normal;
    font-size: 52px;
    text-align: center;
    margin-bottom: 30px;
}
.newsletter-text p{
    color: #000000;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
}
.newsletter-input{
    display: flex;
    align-items: center;
    min-width: 670px;
    width: 670px;
    margin: 0px auto;
    position: relative;
    transform: translate(-50%, 35px);
    position: absolute;
    bottom: 0;
    z-index: 9999;
    left: 50%;
}
.newsletter-input input{
    background-color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    padding: 19px 210px 19px 30px;
    border-radius: 50px;
    border: none !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
}
.newsletter-input input:focus{
    border: none !important;
    outline: none !important;
}
.newsletter-input button{
    z-index: 9;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    min-width: 182px;
    width: 182px;
    min-height: 62px;
    height: 62px;
    position: absolute;
    right: 0;
}
.newsletter-input button:hover{
    transform: none !important;
}
.newsletter-input button.btn-newsletter-subscribe{
    background-color: #0D3D54;
    color: #fff;
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    text-align: center;
    padding: 19px 30px;
    border-radius: 50px;
    border: none !important;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    min-width: 182px;
    width: 182px;
    position: absolute;
    right: 0;
}
footer.landing-page-footer .copyright{
    background-color: #0D3D54;
}
footer.landing-page-footer .copyright p{
    margin: 0px;
    color: #fff;
}
.landing-slider .slider-heading h4{
    font-family: "Roboto", sans-serif !important;
    font-weight: 900;
    font-style: normal;
    line-height: 48px;
    font-size: 48px;
    color: #0D3C55 !important;
    margin-bottom: 0px !important;
}
.landing-slider .slider-heading{
    padding: 40px 0px;
}
.landing-slider .slider-heading a{
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: 20px;
    font-size: 20px;
    color: #0D3C55;
    margin-bottom: 0px !important;
}
.trending-events{
    background: url('../../img/new_landing_page/Trending-events-bg.svg') top center no-repeat;
    width: 100%;
    background-size: cover;
}
.groups{
    background: url('../../img/new_landing_page/Groups-bg.svg') top center no-repeat;
    width: 100%;
    background-size: cover;
}
.services{
    background: url('../../img/new_landing_page/Services-bg.svg') top center no-repeat;
    width: 100%;
    background-size: cover;
}
.public-business{
    background: url('../../img/new_landing_page/Public-business-bg.svg') 0% 30% no-repeat;
    width: 100%;
    background-size: 100%;
}
.see-all-list-btn{
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.font-14{
    font-size: 14px !important;
    line-height: 17px !important;
}
.landing-slider {
   padding-bottom: 70px;
}
.landing-slider .slider {
    width: 100%;
    margin: 0 auto;
    height: auto !important;
    background-color: transparent !important;
    float: none !important;
}
.landing-slider .slider:before{
   display: none !important;
}
.landing-slider .slider:before{
   display: none !important;
}
  
.landing-slider .slider .slick-track {
    display: flex !important;
    gap: 33px; 
    padding: 20px 0px;
    margin-left: 0px;
}
.landing-slider .slider .trending-event-card-box {
    width: 100%;
    border-radius: 12px;
    /* box-shadow: 6px 6px 50px rgba(0, 0, 0, 0.15); */
    box-shadow: 0px 0 15px rgba(0, 0, 0, 0.1);
    background-color: #fff;
}
.landing-slider .slider .trending-event-card-image-box {
    width: 100%;
    min-height: 230px;
    height: 230px;
    border-radius: 12px 12px 0px 0px;
    position: relative;
}
.landing-slider .slider .trending-event-card-image-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px 12px 0px 0px;
}
.landing-slider .slider .trending-event-card-image-box .like-btn {
   background-color: #000;
   border: 1px solid #fff;
   padding: 9px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 36px;
   width: 36px;
   min-width: 36px;
   position: absolute;
   top: 20px;
   right: 20px;
   border-radius: 18px;
}
.landing-slider .slider .trending-event-card-box .event-info{
   padding: 20px;
}
.landing-slider .slider .trending-event-card-box .event-info p{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    line-height: 19px;
    word-break:break-word;
    font-size: 16px;
    color: #979797 !important;
    margin-bottom: 8px !important;
}
.landing-slider .slider .trending-event-card-box .event-info h5{
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    color: #000 !important;
    margin-bottom: 8px !important;
    text-align: left;
}
.landing-slider .slider .trending-event-card-box .event-info button.read-more {
    background-color: #E4E6EB;
    border: none;
    border-radius: 6px;
    width: 100%;
    padding: 9px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    color: #000 !important;
    margin-top: 20px;
}
.rating-div .rating-number{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    font-size: 18px;
    line-height: normal;
    color: #000 !important;
    margin-bottom: 0px;
    padding: 0px 5px 0px 5px;
    display: flex;
}
.rating-div .reviews-number{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    line-height: normal;
    color: #000 !important;
    opacity: .6;
    margin-bottom: 0px;
    display: flex;
}
.miles-main{
    margin-top: 10px;
}
.miles-main .miles{
    font-family: "Roboto", sans-serif !important;
    font-weight: 400;
    font-style: normal;
    line-height: normal;
    font-size: 14px;
    line-height: normal;
    padding-left: 5px;
    color: #979797 !important;
    margin-bottom: 0px;
    display: flex;
}
.location-div-main{
    position: relative;
}
.public-location-div-main{
    position: relative;
}
.location-input {
    margin-left: 30px;
    cursor: pointer;
    border-bottom: 2px dotted #0D3C55;
    padding: 5px 0px;
}
.location-input span{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    font-size: 28px;
    line-height: normal;
    color: #0D3C55;
    margin-right: 10px;
}
.location-inner-open-div{
    position: absolute;
    z-index: 99;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    min-width: max-content;
    /* opacity: 0; */
    display:none;
    /* height : 0px; */
    /* transition: all 0.5s; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.public-location-input {
    margin-left: 30px;
    cursor: pointer;
    border-bottom: 2px dotted #0D3C55;
    padding: 5px 0px;
}
.public-location-input span{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    font-size: 28px;
    line-height: normal;
    color: #0D3C55;
    margin-right: 10px;
}
.public-location-inner-open-div{
    position: absolute;
    z-index: 99;
    background-color: #fff;
    padding: 15px;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    min-width: max-content;
    /* opacity: 0; */
    display:none;
    /* height : 0px; */
    /* transition: all 0.5s; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.services-categories-slider{
    overflow: hidden;
    padding: 0px 50px;
}
.services-categories-slider-relative-div{
    position: relative;
}
.services-categories-list-main{
    -ms-overflow-style: none;
    scroll-behavior: smooth;
    scrollbar-width: none;
    gap: 8px;
    overflow-x: auto;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex;
}
.services-categories-list-main .navbar-nav {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.services-categories-list-main .navbar-nav li {
    display: inline;
}

.services-categories-list-main .navbar-nav a {
    padding: 11px 20px;
    border-radius: 20px;
    background-clip: padding-box;
    display: inline-block;
    position: relative;
    transition: color .1s linear, background-color .1s linear, border-color .1s linear;
    transition: all 0.3s ease-in-out;
    background-color: transparent;
    border: 1.5px solid #000000;
    color: #000000;
    font-size: 14px;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: normal;
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
}

/* Styling for hover effect */
.services-categories-list-main .navbar-nav li:hover a {
    color: #fff !important;
    background-color: #000;
}

/* Active link styling */
.services-categories-list-main .navbar-nav li.active a {
    color: #fff !important;
    background-color: #000;
}
.next-pre-btns{
    position: absolute;
    display: unset;
    z-index: 1;
    right: 0px;
    top: 0;
    width: 100%;
}
.next-pre-btns button{
    background-color: #fff;
    border: 2px solid #000;
    height: 40px;
    margin-bottom: 0;
    margin-top: 0;
    width: 40px;
    border-radius: 25px;
}
.pre-btn-main{
    height: 40px;
    background: linear-gradient(to right, #fff 6px, transparent 90%, #fff 160%);
    border-radius: 25px;
    text-align: left;
    transition: opacity .1s linear;
    width: 169px;
    position: absolute;
    opacity: 1;
    top: 0;
    bottom: 0;
    left: -20px;
    display: flex;
    justify-content: flex-stat;
}
.next-btn-main{
    height: 40px;
    background: linear-gradient(to left, #fff 6px, transparent 90%, #fff 160%);
    border-radius: 25px;
    text-align: left;
    transition: opacity .1s linear;
    width: 169px;
    position: absolute;
    opacity: 1;
    top: 0;
    bottom: 0;
    right: -20px;
    left: auto;
    display: flex;
    justify-content: flex-end;
}
.zipcode-div{
    position: relative;
    margin-bottom: 15px;
}
.zipcode-div svg{
    position: absolute;
    top: 12px;
    left: 12px;
}
.zipcode-div input{
    background-color: #fff;
    border: 1px solid #E5E7EB;
    padding: 8px 8px 8px 30px;
    font-size: 14px;
    border-radius: 25px;
    font-size: 14px;
}
.zipcode-div input::placeholder{
   color: #8A8A8A;
}
.select-current-location a{
    font-family: "Roboto", sans-serif !important;
    font-weight: 500;
    font-style: normal;
    line-height: 14px !important;
    font-size: 20px;
    color: #0D3C55 !important;
    margin-bottom: 0px !important;
    display: flex;
    align-items: center;
}
.select-current-location svg{
    margin-right: 8px;
}
.event-details-address-text svg{
    min-width: 12px;
    margin-top: 5px;
}
.landing-inner-event-details{
    /* margin-top: 100px; */
}
.event-details-banner-rsvp-btns ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.event-details-banner-rsvp-btns ul li{
    margin-right: 15px;
}
.event-details-banner-rsvp-btns ul li:last-child{
    margin-right: 0px !important;
}
.event-details-banner-rsvp-btns ul li a{
    padding: 10px 16px;
    background-color: #000;
    border: 1px solid #fff;
    border-radius: 25px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: 12px !important;
    font-size: 12px !important;
    color: #fff !important;
    display: flex;
    align-items: center;
    transition: all 0.5s;
    min-width: 105px;
    justify-content: center;
}
.event-details-banner-rsvp-btns ul li a span{
    font-family: "Roboto", sans-serif !important;
    font-weight: 600;
    font-style: normal;
    line-height: 12px !important;
    font-size: 12px !important;
    margin-top: 0px !important;
    margin-left: 8px;
    display: inline-flex;
}
.event-details-banner-rsvp-btns ul li:hover a{
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
}
.event-details-banner-rsvp-btns ul li:hover a svg path{
    fill: #000;
}
.event-details-banner-rsvp-btns ul li:hover a span{
    color: #000;
}
/* New Landing Page CSS End */

@media(min-width:768px){
    .mobile-show{
        display: none !important;
    }
    .location-div-mobile-show{
        display: none !important;
    }
}
@media(max-width:1199px) {
    .video-tutorial h2{
        font-size: 30px;
    }
    .mobile-wrapper iframe{
        padding: 57px 117px 60px 113px;
        width: 100%;
        height: 550px;
    }
    .mobile-wrapper{
        padding-bottom: 520px;
    }
    .landing-slider {
        padding-bottom: 40px;
    }
    .landing-slider .slider-heading {
        padding: 20px 0px;
    }
    .trending-events{
        background-size: 100%;
        background-position: center center;
    }
    .groups{
        background-size: 100%;
        background-position: center center;
    }
    .services{
        background-size: 100%;
        background-position: center center;
    }
    .public-business{
        background-size: 100%;
        background-position: center center;
    }
}
@media(max-width:768px) {
    .event-details-banner-image-overly-actions{
        display: flex;
        align-items: center;
        justify-content: center;
        right: auto;
        left: auto;
        width: 100%;
    }
    .contributions-box a{
        margin: 10px 0px;
    }
}
@media(max-width:991px) {
    .profile-details-white-box-main{
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        top: 0;
        margin-top: 50px;
    }
    .profile-details-white-box-main .profile-details-white-box{
       padding: 20px;
    }
    .user-profile-rounded {
        min-width: 150px;
        width: 150px;
        height: 150px;
    }
    .user-profile-rounded img{
        height: 100% !important;
        width: 100% !important;
    }
    .profile-details-white-box h5{
        font-size: 32px;
        margin: 30px 0px;
    }
    .host-profile-overview-details {
        margin-top: 30px;
        position: relative;
        top: 0;
    }
    .edit-profile-btn {
        position: absolute;
        right: 20px;
        top: 10px;
    }
    .cta-box{
        display: block !important;
    }
    .cta-text-box{
        padding: 30px;
    }
    .cta-text-box h4{
        font-size: 38px;
        margin-bottom: 15px;
    }
    .cta-text-box p{
        margin-bottom: 15px;
        font-size: 16px;
    }
    .landing-page-header-main {
        position: absolute;
        width: 100%;
        top: 0;
    }
    .landing-page-header-main .navbar-toggler-icon img {
        filter: none !important;
    }
    .landing-page-header-main .navbar-expand-lg .navbar-collapse{
        background-color: transparent !important;
        backdrop-filter: none;
    }
    .landing-page-header-main .navbar-expand-lg .navbar-collapse.show{
        top: 0px;
        background-color: transparent !important;
        backdrop-filter: none;
        position: relative;
    }
    .landing-navbar-banner .navbar .navbar-nav .nav-link{
        font-size: 16px;
        padding: 10px 20px;
        color: #fff !important;
    }
    .landing-navbar-banner .navbar .navbar-nav .nav-link:hover, .landing-navbar-banner .navbar .navbar-nav .nav-link:focus {
        color: #fff !important;
    }
    .landing-navbar-banner .navbar-action{
        padding: 20px 0px;
    }
    .landing-navbar-banner .navbar-action .outline-btn{
        font-size: 16px !important;
    }
    .home-header-banner{
        position: relative;
    }
    .tutorials{
        padding-bottom: 0px !important;
    }
    .video-tutorial {
        padding-top: 0;
    }
    .tutorials::before{
        top: 0;
    }
    .vedor-tutorial-main{
        padding: 50px 0px;
    }
    .mobile-wrapper iframe {
        padding: 70px 237px 75px 231px;
        width: 100%;
        height: 550px;
    }
    .user-tutorial-main{
        padding: 50px 0px;
    }
    .registry h3{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .registry p{
        font-size: 16px;
    }
    .video-tutorial h2{
        color: #000 !important;
        /* color: #0D3D54 !important; */
    }
    .tutorials::before{
        background-size: cover;
        height: 100%;
    }
    .video-tutorial{
        z-index: 9998;
        position: relative;
    }
    .edit-profile-main-div .image-upload-main-div{
        aspect-ratio: 16 / 9;
        min-height: 100% !important;
        height: 100%!important;
    }
    .edit-profile-main-div .banner_button_div{
        aspect-ratio: 16 / 9;
    }
    .landing-slider .slider-heading h4{
        font-size: 24px;
    }
    .landing-slider .slider-heading {
        padding: 0px 0px;
    }
    .location-input span{
        font-size: 24px;
    }
    .public-location-input span{
        font-size: 24px;
    }
}
@media(max-width:767px) {
    .edit-profile-main-div .image-upload-main-div .vendor_company_logo{
        width: 100px !important;
        height: 100px !important;
        bottom: 55px !important;
    }
    .edit-profile-main-div .add-business-form {
        margin-top: 50px !important;
    }
    .edit-profile-main-div .host-profile:first-child{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .edit-profile-main-div .host-profile {
        padding-top: 0px !important;
        padding-bottom: 60px !important;
    }
    .contribute-payment-page {
        padding-bottom: 200px !important;
    }
    .contribute-payment-page .payment-option img{
        width: 100% !important;
        float: none !important;
        height: 130px !important;
    }
    .contribute-payment-card-select {
        padding-bottom: 200px !important;
    }
    .contribute-payment-card-select .saveCard .custom-control-label {
        height: auto !important;
    }
    .contribute-payment-card-select .creditcard {
        min-height: 300px !important;
        height: 300px !important;
        display: block;
    }
    .contribute-payment-card-select .creditcard svg#cardfront, .contribute-payment-card-select .creditcard svg#cardback {
        border-radius: 30px !important;
    }
    .contribute-payment-card-select .delete-card {
        bottom: auto !important;
    }
    .home-header-banner{
        min-height: 400px;
        height: 400px;
        background-position: center;
        background-size: cover;
    }
    .mobile-wrapper iframe {
        padding: 70px 146px 75px 141px;
    }
    .feture-text-box{
        text-align: center;
        margin-top: 50px;
    }
    .landing-page-footer .copy-right{
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .landing-page-footer .copy-right a{
        float: none !important;
    }
    .landing-page-footer .copy-left{
        flex-wrap: wrap;
        flex-direction: column;
    }
    footer.landing-page-footer .copyright p{
        display: block;
        width: 100%;
        text-align: center !important;
        margin-bottom: 20px !important;
    }
    footer.landing-page-footer .copyright ul{
        margin: 0px !important;
    }
    .newsletter-main{
        padding: 60px 20px 0px;
        position: relative;
    }
    .newsletter-input{
        min-width: 100%;
        width: 100%;
        position: relative !important;
    }
    .newsletter-text h5{
        font-size: 40px;
        line-height: 40px;
    }
    .cta-section{
        padding-bottom: 20px;
    }
    .newsletter-text p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .edit-profile-main-div .dashboard-sec {
        overflow-y: visible !important;
        width: 100%;
    }
    .mobile-hide{
        display: none !important;
    }
    .landing-slider .slider .slick-track{
        gap: 0px !important;
    }
    .services-categories-slider{
        padding: 20px !important;
    }
    .location-div-mobile-hide{
        display: none !important;
    }
    .location-div-mobile-show{
       margin: 20px 0px !important;
    }
    .location-div-mobile-show .location-input{
        margin: 0px !important;
        justify-content: space-between;
    }
    .location-div-main{
        width: 100% !important;
        max-width: 100% !important;
        margin:20px 0px !important;
        margin-left: 0px !important;
    }
    .location-input{
        justify-content: space-between !important;
    }
    .location-inner-open-div{
        min-width: 100%;
    }
    .location-div-mobile-show .public-location-input{
        margin: 0px !important;
        justify-content: space-between;
    }
    .public-location-div-main{
        width: 100% !important;
        max-width: 100% !important;
        margin:20px 0px !important;
        margin-left: 0px !important;
    }
    .public-location-input{
        justify-content: space-between !important;
    }
    .public-location-inner-open-div{
        min-width: 100%;
    }
}
@media(max-width:600px) {
    .landing-page-header-main .navbar-expand-lg .navbar-collapse.show {
        top: 0px !important;
    }
    .landing-page-header-main #nav-content {
        top: 0px !important;
    }
    .landing-navbar-banner .navbar-action{
        flex-direction: column;
    }
    .landing-navbar-banner .navbar-action .outline-btn {
        margin: 0px 20px 10px !important;
    }
    .custom-view-banner::before{
        display: none;
    }
    .custom-view-banner::after{
        display:none;
    }
    .custom-view-banner-right-shape::before{
        display: none;
    }
    .custom-view-banner-right-shape::after{
        display: none;
    }
    .edit-profile-main-div .image-upload-main-div{
        min-height: 200px;
        height: 200px;
    }
}
@media(max-width:576px) {
    .commented-user-profile-details{
        flex-wrap: wrap;
    }
    .commented-user-profile-details p{
        display: block;
        width: 100%;
        margin-left: 0px;
        margin-top: 10px;
    }
    .commented-user-profile-details-header{
        align-items: flex-start !important;
    }
    .mobile-wrapper {
        padding-bottom: 440px;
    }
    .mobile-wrapper iframe{
        width: 280px;
        height: 450px;
    }
    .mobile-wrapper iframe {
        padding: 51px 51px 65px 47px;
    }
    .landing-slider .slider .trending-event-card-image-box .like-btn{
        top: 10px;
        right: 10px;
    }
}