body {
    font-size: 16px;
    font-family: "Lato", sans-serif;
    line-height: 20px;
    font-weight: 400;
    color: #000a2a;
    overflow-x: hidden !important;
}

::-moz-selection {
    background-color: #6396c9;
    color: #fff;
}

::selection {
    background-color: #6396c9;
    color: #fff;
}

.wrapper {
    position: relative;
    margin: 0 auto;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 40px;
}

.small-container {
    padding: 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Raleway", sans-serif;
}

p {
    margin: 0;
}

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

a {
    outline: none !important;
    text-decoration: none !important;
}

a:hover {
    color: #a0d900;
}

i:hover {
    color: inherit;
}

img {
    max-width: 100%;
}

textarea.form-control {
    border-bottom-right-radius: 0 !important;
    font-weight: 400 !important;
    padding: 10px 16px;
}

::placeholder,
input.mapboxgl-ctrl-geocoder--input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #cdcdcd !important;
    font-weight: 400;
    font-size: 16px;
    font-family: "Lato", sans-serif;
}

::-ms-input-placeholder,
input.mapboxgl-ctrl-geocoder--input::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #cdcdcd;
    font-weight: 400;
    font-size: 16px;
    font-family: "Lato", sans-serif;
}

a[href^="tel"] {
    color: inherit;
}

button:focus {
    outline: 0;
}

html {
    /* scroll-behavior: smooth; */
}

/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    /* background: rgb(0 10 42 / 60%); */
    background: #a0d900;
    border-radius: 10px;
}

/* Global CSS */
.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 13px;
}

.font13 {
    font-size: 15px;
}

.font14 {
    font-size: 16px;
}

.font16 {
    font-size: 18px;
}

.font18 {
    font-size: 18px;
}

.font20 {
    font-size: 26px;
}

.font22 {
    font-size: 26px;
}

.font24 {
    font-size: 24px;
}

.font26 {
    font-size: 32px;
}

.font40 {
    font-size: 40px;
}

.fw300 {
    font-weight: 300;
}

.fw400 {
    font-weight: 400;
}

.fw500 {
    font-weight: 500;
}

.fw600 {
    font-weight: 600;
}

.fw700 {
    font-weight: 700;
}

.fw800 {
    font-weight: 800;
}

.lh16 {
    line-height: 20px;
}

.lh18 {
    line-height: 22px;
}

.lh20 {
    line-height: 24px;
}

.lh24 {
    line-height: 30px;
}

.lh28 {
    line-height: 34px;
}

.lh32 {
    line-height: 32px;
}

.lh40 {
    line-height: 40px;
}

.c-grey {
    color: #0e101a;
}

.c-light {
    color: #939393;
}

.c-blue {
    color: #0734c1;
}

.c-nblue {
    color: #000a2a;
}

.c-white {
    color: #ffffff;
}

.c-green {
    color: #a0d900;
}

.c-lgreen {
    color: #00831b;
}

.c-dgreen {
    color: #10883a;
}

.c-red {
    color: red;
}

.c-indigo {
    color: #0c1941;
}

.localFriend-color {
    background-color: rgb(255 144 0 / 15%);
}

.localHost-color {
    background-color: rgb(0 117 217 / 15%);
}

.backpacker-color {
    background-color: rgb(0 131 27 / 15%);
}

.employer-color {
    background-color: rgb(137 77 0 / 15%);
}

.auPairHost-color {
    background-color: rgb(191 0 225 / 15%);
}

.hostelHost-color {
    background-color: rgb(225 20 50 / 15%);
}

.auPair-color {
    background-color: rgb(90 23 183 / 15%);
}

.title-color {
    background-color: #f8f8f8;
}

.border-radius {
    border-radius: 50%;
}

.br-10 {
    border-radius: 10px;
}

.box-shadow {
    box-shadow: 0 4px 23px 0 rgb(185 185 185 / 57%);
}

label {
    color: #727272;
}

.font-lato {
    font-family: "Lato", sans-serif;
}

.font-raleway {
    font-family: "Raleway", sans-serif;
}

.py-70 {
    padding: 70px 0;
}

.p20 {
    padding: 20px 15px;
}

.m60 {
    margin: 60px 0;
}

.p60 {
    padding: 60px 0;
}

/* section,
footer {
    position: relative;
    z-index: -1;
} */

.read-link:hover {
    color: #fff;
}

.vertical-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.btn {
    border-radius: 8px;
    padding: 13px 26px;
    font-size: 16px;
    line-height: 24px;
    min-width: 120px;
    max-width: 100%;
    border: 0;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    height: 50px;
    cursor: pointer;
    /* background-image: linear-gradient(
        to left,
        transparent,
        transparent 50%,
        #000a2a 50%,
        #000a2a
    );
    background-position: 100% 0;
    background-size: 300% 102%; */
    transition: all 0.25s ease-in-out;
    box-shadow: none;
}

.btn:hover,
.btn:focus {
    color: #000a2a;
    /* box-shadow: 0 0 8px rgb(0 0 0 / 60%); */
    box-shadow: 0 8px 10px rgb(0 10 42 / 65%);
    transition: all 0.25s ease-in-out;
    background-position: 0 0;
    background-image: none;
}

.h50 {
    height: 50px;
    line-height: 30px;
}

.green-btn {
    background-color: #a0d900;
    color: #000a2a;
}

.green-btn:hover,
.green-btn:focus {
    color: #ffffff !important;
    background-color: #000a2a;
}

.red-btn {
    background-color: #da292d;
    color: #000a2a;
}

.grey-btn {
    background-color: #e0e2d8;
    color: #000a2a;
    box-shadow: none !important;
}

.white-border-btn {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    /* line-height: 16px; */
}

.white-border-btn:hover,
.white-border-btn:focus {
    border: 1px solid transparent;
    background-color: #000a2a;
    color: #ffffff;
}

.blue-border-btn {
    background-color: #ffffff;
    border: 1px solid #000a2a;
    /* color: #9a9da8; */
    color: #000a2a;
}

.blue-border-btn:hover {
    background-color: #000a2a;
    color: #fff;
}

.green-border-btn {
    background-color: transparent;
    border: 1px solid #a0d900;
    color: #a0d900;
}

.green-border-btn:hover {
    background-color: #000a2a;
    color: #a0d900;
    border: 1px solid #000a2a;
}

.btn.focus,
.btn:focus {
    outline: 0;
    /* box-shadow: none; */
}

/* .green-btn:hover,
.green-btn:focus {
    border: 1px solid #fff;
    color: #fff;
    background-color: transparent;
} */

.format {
    white-space: pre-line !important;
}

/* input[type="date"]:in-range::-webkit-datetime-edit-year-field,
input[type="date"]:in-range::-webkit-datetime-edit-month-field,
input[type="date"]:in-range::-webkit-datetime-edit-day-field,
input[type="date"]:in-range::-webkit-datetime-edit-text {
    color: transparent;
} */

.disabled {
    pointer-events: none;
    cursor: not-allowed;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: transparent;
    opacity: 1;
}

.inner-wrapper .card {
    max-width: 500px;
    margin: 0 auto;
}

.card {
    border: 0;
}

.form-control {
    display: block;
    width: 100%;
    padding: 4px 20px;
    font-size: 16px;
    line-height: 18px;
    color: #000a2a;
    background-color: transparent;
    /* border: 1px solid #cecece; */
    box-shadow: 0 0 0 1px #cecece;
    border-radius: 8px;
    transition: border-color 0.15s ease-in-out;
    font-weight: 700;
    /* cursor: pointer; */
    border: 0;
}

input.form-control {
    padding: 4px 40px 4px 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 38px;
}

select.form-control:not([size]):not([multiple]) {
    height: 38px;
}

select {
    -webkit-appearance: none;
}

.select::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 10px;
    right: 20px;
    position: absolute;
    vertical-align: middle;
    width: 10px;
    top: 12px;
    transform: rotate(135deg);
    pointer-events: none;
}

.form-group {
    margin-bottom: 20px;
}

.max-width {
    max-width: 306px;
    margin: 0 auto;
}

/* Changed Header Design  */

.header-section {
    position: fixed;
    /*    position: absolute;*/
    left: 0;
    top: 0;
    right: 0;
    /* z-index: 11; */
    z-index: 99999;
    transition: all 0.2s ease;
    width: 100%;
    /* height: 118px; */
}

.header-visibility {
    background-color: #0c1941;
}

.header-active .navbar {
    background-color: #0c1941;
}

.header-fix {
    background-color: #0c1941;
    transition: all 0.2s ease;
    /*    position: fixed;*/
}

.fixed {
    overflow-y: hidden;
}

.navbar {
    padding: 20px 40px;
    z-index: 99;
    align-items: center;
    transition: all 0.3s ease;
}

.header-section .navbar-collapse .navbar-brand {
    display: none;
    padding: 20px 0 0;
    transition: all 0.3s ease;
}

.header-section .navbar-nav > .nav-item {
    padding: 0 4px;
}

.header-section .navbar-expand-lg .navbar-nav .nav-item:last-child .nav-link {
    padding-right: 0;
}

.header-section .navbar-nav > .nav-item > .nav-link {
    font-size: 14px;
    color: #fff;
    position: relative;
    font-family: "Raleway", sans-serif;
}

.header-section .navbar-nav > .nav-item > .nav-link:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: absolute;
    background: #a0d900;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

.header-section .navbar-nav > .nav-item > .nav-link:hover:after {
    width: 100%;
    left: 0;
}

.header-section .dropdown-menu {
    position: absolute;
    top: 40px !important;
    padding: 15px;
    width: 200px;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
}

.header-section .dropdown-menu .nav-item a {
    color: #000a2a;
    font-size: 14px;
}

.header-section .dropdown-menu .nav-item a:hover {
    color: #a0d900;
}

#mainMenu .dropdown-toggle::after,
.message a:after,
.notification a:after,
.search-box a:after {
    display: none !important;
}

.header-section .dropdown-toggle i {
    font-weight: 400;
    font-size: 10px;
    vertical-align: middle;
    padding-bottom: 3px;
}

.header-btns li,
.two-btns li {
    display: inline-block;
}

.header-btns li {
    margin-left: 10px;
}

.navbar-brand {
    padding: 0;
}

.navbar-brand:hover,
.navbar-brand {
    -webkit-tap-highlight-color: rgb(160 217 0 / 30%);
}

.navbar-brand img,
.footer-logo img {
    max-width: 300px;
    width: 100%;
}

.header-new .navbar-brand .logo-r {
    width: 55px;
    display: none;
}

.main-menu {
    margin: 0 auto;
}

.main-nav {
    display: inline-flex;
    padding: 0;
    align-items: center;
    height: 100%;
}

/* .main-nav li a {
    padding: 10px;
    text-transform: capitalize;
    white-space: nowrap;
    font-family: sans-serif;
    text-decoration: none;
} */

.more-btn {
    color: red;
}

.auto-nav-more {
    position: relative;
}

.auto-nav-more-list {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    text-align: right;
    padding: 0;
    list-style: none;
    background: grey;
    border-radius: 4px;
}

.auto-nav-more:hover .auto-nav-more-list {
    opacity: 1;
    visibility: visible;
}

.mobile-view,
.menu-adoption {
    display: none;
}

/* ANIMATED X */
.navbar-toggler {
    border: none;
    padding: 8px 0;
    display: block;
    position: relative;
    z-index: 11;
    align-items: center;
    /* -webkit-tap-highlight-color: rgb(160 217 0 / 30%); */
}

.navbar-toggler:focus {
    outline: none;
}

/* .navbar-toggler:focus,
.navbar-toggler:hover {
    background-color: rgb(160 217 0 / 30%);
} */

.navbar-toggler .icon-bar {
    width: 30px;
    display: block;
    height: 2px;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.navbar-toggler .icon-bar + .icon-bar {
    margin-top: 8px;
}

.navbar-toggler .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler .icon-bar:nth-of-type(2) {
    margin-left: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    width: 22px;
}

.navbar-toggler .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggler:hover .icon-bar {
    background-color: #a0d900;
}

/* .header-active .navbar-toggler .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    transform: rotate(42deg);
    -webkit-transform-origin: 10% 26%;
    -ms-transform-origin: 10% 26%;
    transform-origin: 10% 26%;
}

.header-active .navbar-toggler .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.header-active .navbar-toggler .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: -8% 15%;
    -ms-transform-origin: -8% 15%;
    transform-origin: -8% 15%;
} */

.menu,
.close-menu {
    color: #fff;
    font-size: 20px;
    margin-right: 15px;
}

.close-menu {
    display: none;
}

.header-active .close-menu {
    display: block;
}

.header-active .menu {
    display: none;
}

/* header>nav.navbar-expand-lg .navbar-collapse {
    opacity: 0;
}

header>nav.navbar-expand-lg .navbar-collapse.show {
    opacity: 1;
} */

/* Navbar Toggler CSS ends */

.user-old {
    margin: 0;
    position: absolute;
    right: 40px;
}

#profile-menu-mobile {
    display: none;
}

.user-old .dropdown-toggle > img {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    /* height: 100%; */
    border-radius: 50%;
    border: 1px solid #ffffff;
    box-shadow: 0 0 2px 0px white inset, 0 0 2px 0px white;
}

.user-old a {
    color: #fff;
    display: inline-block;
    position: relative;
}

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

.settings {
    position: absolute;
    right: -8px;
    top: 0;
    display: none;
    height: 28px;
    width: 28px;
    display: none !important;
}

/* Register Screen Design */

/* Select2 */

.select2-search--dropdown {
    /*    display: none;*/
}

.custom-dropdown .select2-search--dropdown {
    display: block;
}

.select2-dropdown {
    border: 1px solid #cecece;
    border-radius: 6px;
    box-shadow: 3px 4px 10px rgb(0 0 0 / 50%);
    z-index: 999992;
}

.select2-container--open .select2-dropdown--above {
    top: -6px;
    border-bottom: 1px solid #cecece;
}

.custom-dropdown li.select2-results__message::before {
    display: none;
}

.custom-dropdown li.select2-results__message {
    padding-left: 20px;
}

.select2-container {
    display: block;
    text-align: left;
    width: 100% !important;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    /* border: 1px solid #cecece; */
    border: 0;
    box-shadow: 0 0 0 1px #cecece;
    border-radius: 8px;
    height: 40px;
    /* height: 38px; */
    padding: 0;
}

#nationality .select2-container--default .select2-selection--single {
    height: 38px;
}

.select2-container--default.select2-container--open.select2-container--below {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.select2-container--default .select2-selection__rendered {
    padding-left: 20px !important;
    line-height: 40px !important;
    color: #000a2a !important;
    font-weight: 700;
}

#nationality .select2-container--default .select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container--default .select2-selection__arrow {
    height: 40px;
}

.select2-container--default .select2-results__group {
    padding: 6px 20px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 500;
    font-size: 13px;
    color: #727272;
}

.select2-container--open .select2-dropdown--below {
    margin-top: 6px;
    border-top: 1px solid #cecece;
}

.select2-results > ul > li:first-child > strong {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.select2-results__option {
    padding: 8px 20px;
    vertical-align: middle;
    position: relative;
    line-height: 23px;
    padding-left: 56px;
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 56px;
}

.select2-results__option:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 23px;
    width: 23px;
    border: 1px solid #cecece;
    border-radius: 50%;
    background-color: #fff;
    margin-right: 15px;
    vertical-align: middle;
    top: 8px;
    left: 20px;
}

.select2-results__option.select2-results__option--selected:before {
    content: "";
    border: 1px solid #000a2a;
}

.select2-results__option.select2-results__option--selected:after {
    content: "";
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #a0d900;
    position: absolute;
    left: 25.5px;
    top: 13.5px;
    border: 1px solid #000a2a;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: #fff;
}

.select2-container--default
    .select2-results__option--highlighted[aria-selected] {
    background-color: #eaeaeb;
    color: #272727;
}

.select2-results__options
    .select2-results__option.select2-results__option--group
    .select2-results__option:first-child {
    display: block !important;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 10px;
}

.select2-container--default.select2-container--open.select2-container--below
    .select2-selection--multiple {
    border-radius: 8px;
}

.select2-container--open .select2-dropdown--below {
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.select2-selection .select2-selection--multiple:after {
    content: "hhghgh";
}

.select2-results__option.select2-results__option--group:before {
    display: none;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 380px;
}

.select2-selection__arrow b,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    display: none;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: transparent;
    border: 0;
    border-radius: 4px;
    margin-top: 0;
    padding: 0;
    padding-left: 0;
    white-space: normal;
    margin-left: 0;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display {
    position: relative;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display:after {
    content: ",";
    position: absolute;
    right: 0;
    bottom: 10px;
    height: 100%;
}

.select2-container--default.select2-container--focus
    .select2-selection--multiple {
    /* border: 2px solid #000a2a; */
    border: 0;
    box-shadow: 0 0 0 2px #000a2a;
    outline: 0;
}

.select2-selection__arrow::before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: 8px;
    left: -8px;
    position: relative;
    top: 7px;
    transform: rotate(135deg);
    vertical-align: middle;
    width: 8px;
    border-color: #000a2a;
}

.select2-container--focus .select2-selection--single,
.select2-container--focus .select2-selection--multiple {
    /* border: 2px solid #000a2a; */
    box-shadow: 0 0 0 2px #000a2a;
}

.customise-select:before {
    left: auto;
    right: 20px;
}

.select2-container--default .select2-selection__placeholder {
    color: red;
}

.select2-container--default .select2-selection--multiple {
    margin-bottom: 0;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__placeholder {
    color: #cdcdcd;
    font-weight: 400;
}

.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:hover,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove:focus {
    background-color: transparent;
    color: #999;
    outline: none;
}

/* For Interests select2 */

.interest .select2-container .select2-search--inline .select2-search__field {
    height: 38px;
    line-height: 38px;
    margin-left: 0;
    margin-top: 0;
    padding: 0 15px;
    width: 100% !important;
}

.interest .select2-selection__arrow b,
.select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    display: block;
}

.interest
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-right: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    color: #000a2a;
    cursor: pointer;
    font-size: 22px;
    font-weight: 300;
    padding: 0 6px;
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
}

.interest
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    /* border: 1px solid #cecece; */
    border: 0;
    box-shadow: 0 0 0 1px #cecece;
    border-radius: 13px;
    padding: 0 20px 0 12px !important;
    line-height: 28px;
    margin: 4px 6px;
}

.interest
    .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice__display:after {
    display: none;
}

.interest .select2-container--default .select2-selection__rendered {
    line-height: 38px !important;
    padding: 0 10px !important;
    position: absolute;
    top: 50px;
}

.interest .select2-search--dropdown {
    display: block;
}

.continue ul li {
    display: block;
    padding: 0 10px;
    margin: 15px 0;
    cursor: not-allowed;
}

.continue ul li a {
    display: block;
    /* border-radius: 10px; */
    /*pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;*/
}

/* .continue ul li:hover a {
    box-shadow: 0 0 4px rgb(0 0 0 / 50%);
} */

.continue-with {
    display: flex;
    flex-direction: row;
    padding: 30px 0 0;
}

.continue-with:before,
.continue-with:after {
    content: "";
    flex: 1 1;
    border-bottom: 1px solid #cecece;
    margin: auto;
}

.continue-with:before {
    margin-right: 8px;
}

.continue-with:after {
    margin-left: 8px;
}

/* .select-btn {
    margin-top: 130px;
} */
.google-login {
    font-size: 14px !important;
    line-height: 18px;
    color: #a0d900;
    padding: 0;
    border-radius: 8px;
}

/* .register-section {
    z-index: 1;
    position: relative;
    padding: 50px 0;
    display: table-cell;
    vertical-align: middle;
} */

.register-section .font13 {
    font-size: 14px;
}

/* .form-block {
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    display: flex;
    max-width: 1100px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    align-items: center;
    height: 600px;
    border: 1px solid #fff;
} */

.form-left {
    width: 55%;
    background-image: url(../images/banner-image.jpg);
    background-size: cover;
    background-position: bottom center;
}

.form-left h2 {
    position: absolute;
    bottom: 60px;
    left: 40px;
    z-index: 9;
}

.form-right {
    width: 45%;
}

.form-left,
.form-right {
    height: 100%;
    z-index: 1;
}

.form-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(
        to bottom,
        rgb(0 10 42 / 88%),
        rgb(0 10 42 / 47%)
    );
    height: 100%;
    width: 100%;
    max-width: 100%;
    z-index: 1;
}

.form-right:before {
    content: "";
    height: 100%;
    width: 200px;
    background-color: #fff;
    position: absolute;
    left: -65px;
    top: 0;
    -ms-transform: skewX(12deg);
    transform: skewX(12deg);
    min-height: calc(100vh - 150px);
    z-index: -1;
}

.form-wrap {
    max-width: 320px;
    margin: 0 auto;
    width: 100%;
}

/* .form-wizard {
    padding-bottom: 30px;
} */

.bottom-text {
    text-align: center;
    padding-top: 20px;
}

.bottom-text p,
.bottom-text a {
    display: inline-block;
    vertical-align: middle;
}

.floatingLabel {
    position: relative;
}

.floatingLabel label {
    font-size: 16px;
    color: #727272;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    transition: all 0.4s ease;
    background-color: #fff;
    pointer-events: none;
    margin: 0;
    padding: 4px 0;
}

.floatingLabel label.selected {
    top: -8px;
    font-size: 13px;
    transform: translateY(0);
    padding: 0 4px;
    left: 12px;
}

.profile-update .floatingLabel label {
    font-size: 13px;
    transform: none;
    top: -8px;
    padding: 0 4px;
    left: 12px;
}

/* .profile-update .floatingLabel label.selected {
    position: static;
} */

/* New Designs for login and registration */

.register-wrapper {
    background-image: url(../images/banner-image.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    background-position: bottom center;
    position: relative;
    width: 100%;
    z-index: 1;
}

.blur {
    background: rgb(0 10 42 / 80%);
    backdrop-filter: blur(8px);
    min-height: 100vh;
}

.register-section {
    min-height: 100vh;
    position: relative;
    z-index: 99;
}

.form-block {
    background-color: #fff;
    border-radius: 20px;
    max-width: 550px;
    margin: 0 auto;
    padding: 50px 80px;
    width: 100%;
}

.form-logo {
    max-width: 280px;
    margin: 0 auto 30px;
    display: block;
}

.form-logo:hover img {
    background-color: rgb(160 217 0 / 30%);
}

.register-section .two-btns {
    padding: 20px 0;
    display: flex;
    margin: 0;
    justify-content: center;
}

.register-section .two-btns li {
    width: 50%;
    padding: 0 10px;
    margin: 0;
}

.register-section .two-btns li a.btn {
    min-width: 0;
    width: 100%;
}

.register-section .two-btns li:first-child {
    padding-left: 0;
}

.register-section .two-btns li:last-child {
    padding-right: 0;
}

/*form styles*/

.form-wizard .wizard-form-radio {
    display: inline-block;
    margin-left: 5px;
    position: relative;
}

.form-wizard .wizard-form-radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #dddddd;
    height: 25px;
    width: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
}

.form-wizard .wizard-form-radio input[type="radio"]:focus {
    outline: 0;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked {
    background-color: #fb1647;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 50%;
    left: 1px;
    right: 0;
    margin: 0 auto;
    top: 8px;
}

.form-wizard .wizard-form-radio input[type="radio"]:checked::after {
    content: "";
    display: inline-block;
    background: #000a2a;
    content: "";
    display: block;
    position: relative;
    z-index: 100;
    border-radius: 50%;
}

.form-wizard .wizard-form-radio input[type="radio"] ~ label {
    padding-left: 10px;
    cursor: pointer;
}

.register-section .form-wizard .form-wizard-header {
    text-align: center;
}

.form-wizard .wizard-fieldset,
.error .error-msg {
    display: none;
}

.form-wizard .wizard-fieldset.show {
    display: block;
}

.form-wizard .wizard-form-error .wizard-required,
.wizard-form-error .form-control {
    border: 2px solid #d70b0b;
}

.error-msg,
.error-mesg,
.error {
    display: none;
    font-size: 13px;
    color: #d90000;
}

.wizard-form-error .error-msg,
.error .error-mesg,
.check-valid .error {
    display: block !important;
}

.error .error-msg {
    display: none;
}

.form-control:focus {
    box-shadow: 0 0 0 2px #000a2a;
    border: 0;
}

.form-wizard .form-group {
    position: relative;
}

.form-wizard .wizard-form-text-label {
    background-color: #fff;
    position: absolute;
    left: 12px;
    top: -6px;
    transition: 0.2s linear all;
    margin: 0;
    z-index: 9;
    font-size: 13px;
    line-height: 13px;
    padding: 0 4px;
    pointer-events: none;
}

.form-wizard .focus-input .wizard-form-text-label {
    top: -6px;
    transition: 0.2s linear all;
    font-size: 13px;
    padding: 0px 4px;
    left: 12px;
    line-height: 13px;
}

.profile-update .form-wizard .wizard-form-text-label,
#cancel-adoption .form-wizard .wizard-form-text-label,
.story-wrapper .form-wizard .wizard-form-text-label,
.contact-form .form-wizard .wizard-form-text-label,
.story-detail .form-wizard .wizard-form-text-label {
    left: 12px;
    top: -6px;
    font-size: 13px;
    line-height: 13px;
    padding: 0 4px;
}

.form-wizard form {
    position: relative;
}

.register-section .form-wizard-steps {
    position: absolute;
    top: -20px;
    right: 0;
}

.register-section .form-wizard .form-wizard-steps li {
    font-size: 13px;
    display: none;
}

.register-section .form-wizard .form-wizard-steps li.active {
    display: block;
}

/* .form-wizard .wizard-password-eye,
.pwd-error,
.wizard-password-show {
    position: absolute;
    right: 15px;
    top: 8px;
    cursor: pointer;
} */

.wizard-password-show {
    top: 12px;
}

.form-wizard #password-change-form .wizard-password-eye,
#password-change-form .pwd-error,
#password-change-form .wizard-password-show {
    top: 0;
    line-height: 38px;
    position: absolute;
    right: 15px;
}

.pwd-error {
    display: none;
    color: #d90000;
}

.wizard-password-eye .fa-eye,
.wizard-password-show .fa-eye {
    display: none;
}

.wizard-password-eye.pwd-show .fa-eye,
.wizard-password-show.pwd-show .fa-eye {
    display: block;
}

.wizard-password-eye.pwd-show .fa-eye-slash,
.wizard-password-show.pwd-show .fa-eye-slash {
    display: none;
}

.error .focus-input .form-control,
.error-n .form-control {
    border: 0;
    box-shadow: 0 0 0 2px #d90000;
}

.error .wizard-password-eye,
.error-n .wizard-password-eye,
.error .wizard-password-show,
.error-n .wizard-password-show {
    display: none;
}

.error .pwd-error,
.error-n .pwd-error {
    display: block;
}

.p-instructions li {
    position: relative;
    padding: 4px 0 4px 15px;
    color: #727272;
}

.p-instructions li:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    height: 7px;
    width: 7px;
    background-color: #727272;
    border-radius: 50%;
}

.otp {
    margin: 0 auto;
    max-width: 98%;
    text-align: center;
}

.otp .form-control {
    height: 50px;
    width: 50px;
    /* float: left; */
    padding: 10px;
    font-size: 20px;
    margin: 0 4px 20px;
    text-align: center;
    display: inline-block;
}

.countdown {
    position: absolute;
    top: 5px;
    right: 20px;
    font-size: 18px;
    color: #000a2a;
}

/* Verification Success  */
.custom-checkbox.custom-control {
    display: inline-block;
    padding-left: 30px;
}

.custom-checkbox .custom-control-label {
    line-height: 20px;
}

.custom-checkbox .custom-control-label::before {
    border: 1px solid #cecece;
    top: 0;
    width: 22px;
    height: 22px;
    background-color: transparent;
    border-radius: 6px;
    left: -30px;
}

.custom-checkbox .custom-control-label::after {
    top: 0;
    width: 22px;
    height: 22px;
    background-image: none !important;
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: transparent;
    border: 1px solid #000a2a;
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: -22px;
    width: 6px;
    height: 12px;
    border: solid #000a2a;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.custom-checkbox.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.verify-text {
    max-width: 84%;
    margin: 0 auto;
    line-height: 20px;
}

/* Image upload code */

.avatar-upload {
    position: relative;
    max-width: 150px;
    margin: 0 auto;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 150px;
    height: 40px;
    margin-bottom: 0;
    background: #ffffff;
    border: 1px solid #000a2a;
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
    border-radius: 8px;
    font-size: 16px;
    color: #000a2a;
    font-weight: 700;
    line-height: 38px;
    margin: 10px 0;
    position: relative;
}

.avatar-upload .avatar-edit input + label:hover {
    box-shadow: 0 8px 10px rgb(0 10 42 / 65%);
    transition: all 0.25s ease-in-out;
}

.avatar-upload .avatar-edit span {
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    height: 100%;
    width: 100%;
    z-index: 2;
}

.avatar-upload .avatar-edit span.inline-error {
    position: relative;
    background: rgb(217 0 0 / 8%);
}

.avatar-upload .avatar-preview {
    width: 150px;
    height: 200px;
    position: relative;
    border: 2px solid #cecece;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

/* .register-section .avatar-upload .avatar-preview {
    background-image: url(../images/avtar.svg);
    background-repeat: no-repeat;
    background-position: center center;
} */

#imagePreview,
#profilePreview {
    max-height: 300px;
    height: 100%;
    /* border-radius: 10px; */
}

/* .uploaded #docPreview {
    height: 100%;
} */

.camera video {
    width: 100% !important;
    object-fit: cover;
}

.new {
    background-size: cover !important;
}

/* Login Screen */

.login-page .form-wizard .wizard-fieldset {
    display: block;
}

/* .login-btn {
    cursor: not-allowed !important;
} */

/* Index Page CSS */

.testimonial-slider .owl-prev,
.testimonial-slider .owl-next {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #fff !important;
    margin: 0 10px;
    text-align: center;
    position: relative;
    z-index: 99;
}

.testimonial-slider .owl-prev.disabled,
.testimonial-slider .owl-next.disabled {
    opacity: 40%;
}

.testimonial-slider .owl-prev i,
.testimonial-slider .owl-next i {
    font-size: 24px;
    color: #70768b;
    font-weight: 500;
}

.hero-slider .owl-nav button:hover,
.works-slider .owl-nav button:hover,
.testimonial-slider .owl-nav button:hover,
.stories-carousel .owl-nav button:hover,
.featured-profiles-section .card-wrapper .owl-nav button:hover {
    background-color: #a0d900 !important;
}
.hero-slider .owl-nav button:hover i,
.works-slider .owl-nav button:hover i,
.testimonial-slider .owl-nav button:hover i,
.stories-carousel .owl-nav button:hover i,
.featured-profiles-section .card-wrapper .owl-nav button:hover i {
    color: #000a2a;
}

.download-icons .host-section {
    background-color: #0c1941;
}

.host-banner {
    padding: 50px 20px;
    max-width: 60%;
    margin: 0 auto;
}

.host-banner h3 {
    padding-bottom: 25px;
}

.host-banner h5 {
    color: #9da4bc;
    text-align: center;
}

.host-banner span {
    display: block;
}

.profile-section {
    background-color: #f8f8f8;
}

.large-heading:after {
    content: "";
    position: absolute;
    width: 56px;
    height: 4px;
    border-radius: 3px;
    background-color: #000a2a;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.profile-section .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    margin: 20px 0 40px;
}

.membership-plans .nav-tabs {
    border-bottom: 0;
    justify-content: center;
    margin: 0 0 20px;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    text-align: left;
    background-color: #ffffff;
    box-shadow: 0 4px 23px 0 rgb(185 185 185 / 57%);
    padding: 10px;
}
.membership-plans .tab-next,
.membership-plans .tab-prev {
    opacity: 0;
}
.membership-plans .nav-tabs::-webkit-scrollbar {
    display: none;
}

.profile-section .nav-link,
.membership-plans .nav-link {
    color: #000a2a;
    font-size: 16px;
    border: 0;
    border-radius: 30px;
}

.profile-section .nav-tabs .nav-item {
    margin-bottom: 0;
    padding: 0 10px;
}
.membership-plans .custom-tabs-list {
    box-shadow: 0 4px 23px 0 rgb(185 185 185 / 57%);
    background: #fff;
}
.membership-plans .tab-wrap .tab-next,
.membership-plans .tab-wrap .tab-prev,
.menu-update-profile .tab-next,
.menu-update-profile .tab-prev {
    height: 30px;
    width: 30px;
    border-radius: 100%;
    line-height: 30px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25),
        inset 0px 0.1px 2px rgba(0, 0, 0, 0.25);
}
.membership-plans .tab-wrap .tab-next:hover,
.membership-plans .tab-wrap .tab-prev:hover,
.menu-update-profile .tab-next:hover,
.menu-update-profile .tab-prev:hover {
    background-color: #a0d900;
    color: #000a2a !important;
}
.profile-section .nav-tabs .nav-item.show .nav-link,
.profile-section .nav-tabs .nav-link.active,
.membership-plans .nav-tabs .nav-item.show .nav-link,
.membership-plans .nav-tabs .nav-link.active {
    color: #000a2a;
    background-color: #a0d900;
    border-color: transparent;
    font-weight: 600;
}
.profile-section .nav-tabs .nav-link:hover {
    background-color: #a0d900;
    color: #000a2a;
}
.join-section {
    background-color: #000a2a;
    display: block;
}

.join-section .green-btn:hover,
.join-section .green-btn:focus,
.join-community-section .green-btn:hover,
.join-community-section .green-btn:focus {
    color: #000a2a !important;
    background-color: #ffffff !important;
}
.steps-wrap {
    max-width: 1200px;
    margin: 0 auto;
}

.steps-wrap .step-box:nth-child(even) {
    margin-left: auto;
}

.step-box {
    width: 50%;
    max-width: 50%;
    position: relative;
    /* margin: 40px 0; */
    background-color: #ffffff;
    padding: 15px 15px 50px;
    box-shadow: 0px 4px 4px rgba(255, 255, 255, 0.25);
    border-radius: 10px;
}

.step {
    display: flex;
    align-items: center;
}

.step-box:nth-child(1):after,
.step-box:nth-child(3):after {
    content: "";
    position: absolute;
    right: -180px;
    bottom: 30px;
    background-image: url(../images/right-arrow.svg);
    height: 160px;
    width: 160px;
    background-repeat: no-repeat;
}

.step-box:nth-child(2):after {
    content: "";
    position: absolute;
    left: -32%;
    bottom: 30px;
    background-image: url(../images/left-arrow.svg);
    height: 160px;
    width: 160px;
    background-repeat: no-repeat;
}

.step-img {
    width: 160px;
    height: 160px;
}

.step-content {
    text-align: left;
    width: calc(100% - 185px);
}

.step-count {
    letter-spacing: 3px;
    font-size: 16px;
    line-height: 16px;
    padding-bottom: 10px;
    text-align: left;
}

.step-content .font26 {
    font-size: 26px !important;
}

.step-content p {
    padding-top: 10px;
}

.step .max-width {
    margin: 0;
}

.card-wrapper li .card {
    /* margin-bottom: 30px; */
    background-color: #ffffff;
    border: 0;
    height: 100%;
    overflow: hidden;
}

.userPin-section .card-banner > img {
    width: 100%;
}

/* .userPin-section h6 {
    max-width: 250px;
    margin: 0 auto;
} */

.userPin-section .card-wrapper,
.profile-section .card-wrapper,
.favorites .card-wrapper,
.view-box-container .card-wrapper,
.discover-section .card-wrapper {
    margin: 30px auto 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.view-box-container .card-wrapper {
    margin: 0 auto;
}

/* .profile-section .card-wrapper > li,
.userPin-section .card-wrapper > li {
    width: 25%;
    padding: 0 10px;
    display: inline-block;
} */

.profile-section .card-wrapper > li,
.userPin-section .card-wrapper > li,
.favorites .card-wrapper > li,
.view-box-container .card-wrapper > li,
.discover-section .card-wrapper > li {
    margin: 0.5rem;
    width: calc((100% / 4) - 1rem);
}

/* .profiles .card-wrapper .card {
    height: 100%;
    overflow: hidden;
} */

.card-banner span {
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100px;
    height: 100px;
}

.card-content {
    padding: 60px 30px 40px;
    /* min-height: 300px; */
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.profiles .card-banner {
    height: 340px;
}

.profiles .show-profile .card-banner {
    /* height: 300px; */
    height: 100%;
}

.profiles .card-banner p:first-child {
    height: 100%;
}

.profiles .card-banner p img {
    object-fit: cover;
    width: 100%;
    aspect-ratio: 1 / 1;
}

.profiles .card-banner span {
    position: absolute;
    bottom: -25px;
    left: auto;
    right: 30px;
    margin: 0 auto;
    width: 51px;
    height: 52px;
    z-index: 2;
    top: auto;
}

.profiles .card-content {
    padding: 30px 0 10px;
    height: calc(100% - 340px);
    display: flex;
    flex-direction: column;
    position: relative;
}

.card-banner h6 {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 80px 10px 15px;
    width: 100%;
    z-index: 1;
}

.profiles .card-content h6:after,
.profiles .card-banner h6:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(transparent, black);
    left: 0;
    top: 0;
    z-index: -1;
}

.card-banner .favorite {
    position: absolute;
    right: 20px;
    top: 15px;
    /* height: 35px;
    width: 35px; */
    cursor: pointer;
}

.card-banner .favorite i {
    font-size: 25px;
}

.user-type {
    padding: 5px 10px 5px 20px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    display: inline-block;
    width: fit-content;
}

.user-type p {
    font-size: 14px;
}

.verified,
.plan-active {
    color: #00831b !important;
}

.verified span,
.unverified span,
.notverified span,
.plan-active span {
    display: inline-block;
    vertical-align: middle;
}

.card-wrapper .verified {
    position: absolute;
    right: 20px;
    bottom: 12px;
}

.card-wrapper .verify-status .verified {
    position: static;
}

.featured-profiles-section .card-content .review,
.featured-profiles-section .card-content .user-details {
    padding: 0 15px;
}

.user-details li {
    /* width: 50%; */
    float: left;
    padding: 4px 0;
}

.user-details li:nth-child(odd) {
    width: 60%;
    padding-right: 10px;
}

.user-details li:nth-child(even) {
    width: 40%;
}

.user-details li:nth-child(5) {
    width: 52% !important;
    /* margin-top: 15px; */
}

.user-details li p > span:nth-child(2) {
    font-weight: 600;
}

.user-details.center-arrow li:nth-child(3)::after {
    content: "";
    position: absolute;
    top: 12px;
    right: 25px;
    background-image: url(../images/arrow-grey.svg);
    height: 8px;
    width: 14px;
    background-repeat: no-repeat;
}

.location-block {
    width: 100% !important;
}

/* .location-block span {
    display: block !important;
} */

.location-block p span:nth-child(2),
.user-details li:first-child p span:last-child {
    text-transform: capitalize;
}

.local-user li,
.aupair-user li,
.hostel-user li,
.whv-user li,
.full-detail li {
    display: block;
    float: none;
    width: 100% !important;
}

/* .user-details li:first-child p > span:nth-child(2) {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    width: 100px;
    vertical-align: middle;
} */

/* .verify-status {
    position: absolute;
    right: 15px;
    bottom: 8px;
} */

.verify-status {
    position: static;
    padding: 0 15px;
    margin-top: auto;
}

/* .user-details li.verify-status {
    width: 100% !important;
    position: static;
} */

.verify-status span {
    color: #000a2a;
    display: inline-block;
    vertical-align: middle;
}

.verify-status span img {
    width: 17px;
    max-width: 17px;
}

.show-profile .verify-status {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    width: 45% !important;
}

.available span:first-child,
.not-available span:first-child {
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #a0d900;
    border-radius: 50%;
}

.available span:last-child {
    color: #000a2a;
}

.not-available span:first-child {
    background-color: #e2e3e9;
}

.not-available span:last-child {
    color: #727272;
}

.available,
.not-available {
    margin-right: 15px;
}

/* .rating,
.review,
.user-details,
.abn-number {
    padding: 0 15px;
} */

.review > div span {
    display: inline-block;
    vertical-align: middle;
}

.jq-ry-container {
    padding: 0;
}

.unlike {
    color: #ffffff;
    font-weight: 900;
}

.profiles .unlike {
    color: #cecece;
    font-weight: 400;
}

.like {
    display: none;
    color: #e11432;
    font-weight: 900;
}

.show > .like {
    display: block;
}

.show > .unlike {
    display: none;
}

.rhost-profile .user-details li {
    width: 100%;
    float: none;
}

.large-heading.c-white:after {
    background-color: #fff;
}

/* Footer Section CSS */

.footer-section {
    background-color: #0c1941;
}

.footer {
    padding: 70px 0 30px;
    margin: 0 -20px;
    display: flex;
    justify-content: space-between;
}

.footer-division {
    width: 25%;
    /* float: left; */
    padding: 0 20px;
}

.footer .footer-division:nth-child(2) {
    flex-grow: 1;
}

.footer-about p {
    color: #9da4bc;
}

.quick-links ul {
    column-count: 2;
}

.quick-links li {
    padding: 6px 0;
}

.quick-links li a {
    font-size: 13px;
    position: relative;
    line-height: 13px;
    display: inline-block;
    transition: 0.3s;
}

.quick-links li a:hover {
    color: #fff;
}

.follow-us,
.download-app {
    margin-top: 25px;
}

.follow-us li,
.download-app li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 8px;
}

.follow-us li:first-child,
.download-app li:first-child {
    padding-left: 0;
}

.follow-us li a,
.download-app li a {
    display: block;
    color: #ffffff !important;
}

.download-app li a {
    max-width: 25px;
}

.follow-us li a i {
    font-size: 22px;
    color: #ffffff !important;
}

.footer-logo {
    margin: 35px 0 25px;
}

.footer-copyright {
    padding: 30px 0;
    border-top: 1px solid #9da4bc;
}

.copyright {
    color: #9da4bc;
    text-align: center;
}

/* New Dashboard Page CSS */
.header-new {
    background-color: #0c1941;
    position: fixed;
    /* height: 118px; */
    top: 0;
}

.header-new .navbar-collapse {
    margin-right: 170px;
}
a#notify-menu {
    padding-top: 0;
    padding-bottom: 0;
}
.notification {
    position: absolute;
    right: 155px;
    top: 40px;
    padding: 0 !important;
}

.notification .dropdown-toggle {
    padding: 0;
}

.notification span,
.in-menu span {
    display: inline-block;
    vertical-align: middle;
}

.notification span i,
/* .search-box i, */
.message i {
    font-size: 28px;
    color: #fff;
    font-weight: 300;
}

.searchbtn i {
    font-size: 24px;
}

.message i {
    font-size: 32px;
    padding-top: 2px;
}

.message:hover i {
    color: #a0d900;
}

.notification span.n-text {
    display: none;
}

.message {
    position: absolute;
    right: 312px;
}

.header-profile .message {
    right: 110px;
}

.n-count,
.m-count,
.f-count {
    height: 12px;
    width: 12px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    background-color: #e11432;
    border: 1px solid #fff;
    vertical-align: middle;
    font-size: 0;
    position: absolute;
    top: 2px;
    right: -3px;
}

.n-count {
    right: 7px;
    top: 8px;
}

.header-profile .logout {
    /* margin-left: 20px; */
    display: none;
}

.header-wprofile .logout {
    position: absolute;
    right: 40px;
}

.header-wprofile .logout .btn {
    display: none;
}

.header-wprofile .logout .sign-out i {
    font-size: 32px;
    color: #fff;
    font-weight: 300;
}

.search-box.search-wbox.dropdown {
    /* padding-right: 230px; */
    right: 230px;
}

.header-wprofile .notification {
    right: 135px;
}

.header-wprofile .message {
    right: 90px;
}

/* Header CSS when user has not subscribed for any plan */

.unsubscribed-header .navbar {
    justify-content: space-between;
}

.unsubscribed-header .log,
.unsubscribed-header .set {
    font-size: 20px;
}

/* Header CSS when user has not subscribed for any plan */

/* .dashboard-wrapper {
    background-color: #e2e2e2;
    min-height: 100vh;
} */

.section-wrapper {
    padding-top: 118px;
    /* background-color: #e2e2e2; */
}

.profile-slider-section {
    background-color: #ffffff;
}

.search-box.dropdown {
    position: fixed;
    top: 45px;
    right: 250px;
    z-index: 99;
    padding-top: 0;
}

.search-box .card {
    padding: 10px 0;
}

.user-profile .card,
.safety-section .card,
.adoption-section .card,
.plan-section .card,
.dashboard-membership .card {
    padding: 15px;
}

.user-profile,
.plan-section,
.safety-section,
.adoption-section,
.dashboard-membership {
    padding-top: 10px;
}

.search-box .form-control {
    border: 0;
}

/* .search-box .navbar-form {
    max-width: 306px;
    margin-left: auto;
} */

.search-box .navbar-form .input-group {
    display: block;
    height: 50px;
    position: relative;
}

#srch-term {
    position: absolute;
    right: 0;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    opacity: 1;
    width: 100%;
    z-index: 1;
    border: 1px solid #cecece;
    border-radius: 8px;
    height: 50px;
}

.input-group-btn {
    transition: all 0.2s ease-in-out;
    background-color: transparent;
    border: none;
    float: right;
    position: relative;
    width: 50px;
    z-index: 2;
}

/* #srch-term:focus {
    cursor: text;
    opacity: 1;
    outline: none;
    width: 100%;
    z-index: 1;
} */

button.searchbtn {
    border: 0;
    background-color: transparent;
    height: 50px;
}

.profile-img {
    height: 95px;
    width: 95px !important;
    overflow: hidden;
    position: absolute;
    left: 0;
}

.menu-edit .card a.update,
.menu-edit .card a.update i {
    color: #0734c1 !important;
}

.menu-edit .profile-img {
    left: 15px;
}

.profile-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.profile-desc {
    padding-left: 110px;
    min-height: 105px;
}

.profile-desc > div {
    margin-left: -10px;
}

.profile-desc .user-type {
    margin-left: -20px;
}

.dashboard-usertype img {
    margin-bottom: 4px;
}

/* .plan-section .btn {
    min-width: 230px;
    max-width: 230px;
} */

.days {
    font-size: 36px;
    line-height: 36px;
}

.plan h3 {
    color: #1cda5f;
}

.days-left {
    color: #9199b3;
}

.days-left span {
    display: inline-block;
    vertical-align: middle;
}

.gradient-box {
    position: absolute;
    left: 15px;
    top: 25px;
    height: 52px;
    width: 52px;
    border-radius: 6px;
    /* background-image: linear-gradient(to bottom, #0f9ef7, #ffcc00); */
}

.dashboard-plan .gradient-box {
    left: 0;
    top: 0;
}

.auto-renewal {
    width: auto;
    border-bottom: 1px solid #000a2a;
}

.trial {
    padding-left: 60px;
}

.trial a,
.trial h5,
.plan-section .large-heading {
    font-size: 22px;
    line-height: 28px;
}

.trial h5,
.trial h4 {
    display: inline-block;
    vertical-align: bottom;
}

.trial h4 {
    font-size: 18px;
    line-height: 26px;
}

.plan a:hover {
    color: #000a2a;
    cursor: default;
}

.plan-list {
    padding: 15px 0;
}

.plan-list h4 {
    font-size: 18px;
    line-height: 24px;
}

.plan-list li {
    position: relative;
    padding-left: 35px;
    font-size: 16px;
    line-height: 20px;
    color: #727272;
    margin-top: 12px;
}

.plan-list li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/green-tick.svg);
    height: 23px;
    width: 23px;
    background-repeat: no-repeat;
    background-size: 23px;
}

.wall-wrapper.p60 {
    padding: 30px 0;
}

.community-wall > ul {
    /* margin: 40px -10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; */
    max-width: 680px;
    margin: 0 auto;
}

.community-wall > ul > li {
    /* width: 33.33%;
    padding: 0 10px 15px;
    float: left; */
    margin: 0 0 15px;
}

.community-wall > a {
    margin-top: 20px;
}

/* .wall-img {
    height: 260px;
} */

.wall-img img {
    height: auto;
    /* object-fit: cover; */
    width: 100%;
}

.wall-content {
    padding: 10px 15px;
}

.wall-desc {
    position: relative;
}

.wall-desc .update {
    display: none;
}

.for-space {
    margin-top: -18px;
    z-index: 0;
}

.full-view .update {
    display: inline;
}

.wall-footer > ul > li {
    float: left;
    margin: 0 0 10px;
    width: 50%;
    /* min-height: 60px; */
}

.wall-footer > ul > li:first-child {
    width: 140px;
}

.wall-footer > ul > li:nth-child(2) {
    width: calc(100% - 150px);
}

.wall-footer > ul > li:last-child {
    width: 100%;
}

.wall-footer > ul > li .wall-date span,
.wall-footer > ul > li.wall-location div span {
    color: #727272 !important;
    font-weight: 700;
}

.wall-content p.format {
    overflow: hidden;
    /* text-overflow: ellipsis; */
    display: inline;
    /* -webkit-line-clamp: 5; */
    /* -webkit-box-orient: vertical; */
    margin: 15px 0;
    white-space: normal;
}

.wall-content .wall-desc p.format:first-child {
    margin: 0 0 15px;
}

.story-detail .card > p.font13 {
    /* font-size: 17px !important;
    line-height: 22px !important; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    margin: 10px 0;
    padding: 0 !important;
}

.confirm-story .card > p.font13,
.show-story .card > p.font13 {
    overflow: visible;
    display: block;
}

/* .wall-post .wall-content > .font13,
.wall-publish .wall-content > p {
    overflow: auto;
    text-overflow: initial;
    display: block;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
} */

.wall-date > p,
.wall-location > p {
    position: absolute;
    left: 0;
    top: 0;
}

/* .wall-location p {
    color: #727272;
} */

.wall-date > div {
    padding-left: 25px;
}

/* .wall-location > div {
    padding-left: 22px;
} */

.community-wall .favorite {
    font-size: 25px;
}

/* Favorite as radio button Styling */
.radio-fav.custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
    margin: 0;
}

.radio-fav.custom-radio .custom-control-label {
    line-height: 28px;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.radio-fav.custom-radio .custom-control-input ~ .custom-control-label::before,
.radio-fav.custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f004";
    position: absolute;
    right: 0;
    top: 0;
    height: 28px;
    width: 28px;
    font-size: 28px;
}

.radio-fav.custom-radio .custom-control-input ~ .custom-control-label::before {
    color: #cecece;
    border-color: transparent;
    background-color: transparent;
    font-weight: 300;
    left: auto;
}

.radio-fav.custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-image: none !important;
    background-color: transparent;
    border: 0;
    color: #e11432;
    font-weight: 900;
}

.radio-fav.custom-radio .custom-control-label::after {
    display: none;
}

.main-type {
    position: relative;
    z-index: 1;
}

.sub-type {
    margin-left: -15px;
}

.travel-post .main-type {
    background-color: #d9eddd;
}

.sub-type {
    background-color: #f8f8f8;
}

.travel-post .sub-type p {
    color: #2f8523;
}

.au-post .main-type {
    background-color: #e7dcf4;
}

.au-post .sub-type p {
    color: #5a17b7;
}

.hangout-post .main-type {
    background-color: #ffefd9;
}

.hangout-post .sub-type p {
    color: #f85211;
}

.adoption-post .main-type {
    background-color: #d9ebfa;
}

.adoption-post .sub-type p {
    color: #0075d9;
}

.job-post .main-type {
    background-color: rgb(217 0 0 / 20%);
}

.job-post .sub-type p {
    color: #dd0404;
}

.local-post .main-type {
    background-color: rgb(255 250 128 / 40%);
}

.local-post .sub-type p {
    color: #e8cc2a;
}

.pet-post .main-type {
    background-color: rgb(128 163 255 / 40%);
}

.pet-post .sub-type p {
    color: #1f58f1;
}

.market-post .main-type {
    background-color: rgb(207 207 207 / 60%);
}

.market-post .sub-type p {
    color: #858585;
}

.wall-footer {
    padding: 10px 15px;
    position: relative;
    border-bottom: 1px solid #cecece;
}

.wall-footer1 {
    padding: 15px;
}

.wall-location > div {
    padding-left: 25px;
    position: relative;
    padding-right: 80px;
}

.view-map-btn {
    position: absolute;
    right: 0;
    top: 0;
    font-weight: 600;
}

.view-map-btn:hover {
    color: #0734c1 !important;
}

.posted-by > p {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 15px;
}

.posted-by > p img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.posted-by > div {
    padding-left: 50px;
}

.stories-box .card {
    background-color: #d8d8d8;
}

.profiles-slider .card {
    overflow: hidden;
    width: 100%;
}

.profiles-slider.card-wrapper {
    margin: 0;
}

.profiles-slider .owl-stage {
    display: flex;
}

.profiles-slider .item {
    padding: 30px 0;
    margin: 0 10px;
    display: flex;
    flex: 1 0 auto;
    height: 100%;
}

.profiles-slider .user-details img {
    width: auto !important;
    display: inline-block;
}

.profiles-slider .user-details li:nth-child(odd) {
    width: 55%;
}

.profiles-slider .user-details li:nth-child(even) {
    width: 45%;
}

.profiles-slider .rhost-profile .user-details li {
    width: 100%;
}

/* .profiles-slider .card-content {
    min-height: 218px;
} */

.profiles-slider .owl-nav {
    text-align: center;
}

.profiles-slider button.owl-prev,
.profiles-slider button.owl-next {
    height: 30px;
    width: 30px;
    border: 1px solid #000a2a !important;
    border-radius: 50%;
    margin: 0 20px;
}

.profile-slider-section .profiles .card-banner a {
    height: 400px;
    /* height: auto; */
}

.profile-slider-section .font12 {
    font-size: 13px;
}

.stories .card {
    padding: 10px;
    height: 100%;
}

.stories > ul {
    margin: 40px -10px 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.stories > ul > li {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 20px;
    display: inline-block;
}

.story-img {
    height: 124px;
    width: 124px;
}

.story-img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 10px;
}

.story-content {
    padding-left: 20px;
    width: calc(100% - 124px);
    position: relative;
}

.story-content h4 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.story-content a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.story-content h5 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.story-content span,
.feature-content li span {
    display: inline-block;
    vertical-align: middle;
}

.story-content > ul {
    text-align: right;
    /* position: absolute;
    bottom: 0;
    right: 0; */
}

.story-content ul li,
.feature-content ul li,
.story-liked ul li {
    display: inline-block;
    font-size: 14px;
    padding: 0 8px;
}

.story-content ul li p,
.feature-content ul li p {
    font-size: 14px;
    line-height: 16px;
}

.story-content ul a:hover,
.story-content ul a:focus {
    color: #727272;
}

.icon {
    padding-left: 7px;
}

.expiring {
    color: #e11432;
}

.adoption-section ul {
    margin: 0 -10px;
}

.adoption-section ul li {
    /* width: 20%;
    float: left;
    padding: 8px 0; */
    display: inline-block;
    padding: 10px;
}

.adoption-section .adoptions {
    border-radius: 10px;
    padding: 15px;
    width: 170px;
}

.adoption-section .adoptions.pending,
.adoption-wrapper .panel.pending {
    background-color: rgb(254 192 50 / 30%);
}

.adoption-section .adoptions.r-pending,
.adoption-wrapper .panel.r-pending {
    background-color: rgb(255 144 0 / 30%);
}

.adoption-section .adoptions.cancelled,
.adoption-wrapper .panel.cancelled {
    background-color: rgb(225 20 50 / 30%);
}

.adoption-section .adoptions.confirmed,
.adoption-wrapper .panel.confirmed {
    background-color: rgb(0 131 27 / 30%);
}

.adoption-section .adoptions.concluded,
.adoption-wrapper .panel.concluded {
    background-color: rgb(206 206 206 / 30%);
}

.criteria:before {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background-color: #cecece;
    border-radius: 50%;
    margin-right: 10px;
    top: 4px;
    left: 0;
}

.pending .criteria:before {
    background-color: #fec032;
}

.r-pending .criteria:before {
    background-color: #ff9000;
}

.cancelled .criteria:before {
    background-color: #e11432;
}

.confirmed .criteria:before {
    background-color: #00831b;
}

.concluded .criteria:before {
    background-color: #cecece;
}

.adoptions.pending .action-icon i:hover {
    color: #000a2a;
}

/* .message {
    position: absolute;
    right: 160px;
    top: 25px;
} */

.message a,
.notification a {
    display: inline-block;
    position: relative;
}

/* .message a:after,
.header-new .notification a.nav-link.dropdown-toggle:after {
    content: '';
    position: absolute;
    top: 0;
    right: -3px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #e11432;
    border: 1px solid #fff;
} */

/* Modal CSS */
.modal-dialog {
    /* max-width: 90%; */
    max-width: 306px;
    margin: 0 auto;
}

/* #need-help .modal-dialog,
#upload-option .modal-dialog,
#join-us .modal-dialog,
.more .modal-dialog {
    max-width: 306px;
} */

.modal-content {
    border-radius: 20px;
}

/* .modal-body .custom-radio {
    margin: 20px;
} */

.modal-body .custom-radio .custom-control-label {
    font-size: 14px;
    color: #727272;
}

.modal-body .custom-radio .custom-control-label::before {
    left: -35px;
}

.modal-body .custom-radio .custom-control-label::after {
    left: -31px;
}

#upload-option .custom-control.custom-radio:nth-child(4),
#more .more-option-list .custom-control.custom-radio:last-child,
.photo-upload-modal
    #photoSelectionOption
    .custom-control.custom-radio:nth-child(2),
#chat-options .more-option-list .custom-control.custom-radio:last-child,
#share-post .more-option-list .custom-control.custom-radio:last-child {
    /*    border-bottom: 0;*/
    margin-bottom: 30px;
}

.modal-content .two-btns {
    border-top: 1px solid #cecece;
}

.two-btns {
    padding: 20px 0;
    text-align: center;
}

.two-btns li {
    padding: 0 8px;
}

.interest-count {
    cursor: pointer;
}

/* .profile-update #more-options-form .btn {
    min-width: 0;
} */

#join-us .modal-dialog-centered {
    min-height: 100%;
}

#join-us .modal-body {
    overflow-y: auto;
    max-height: 400px;
}

#join-us .modal-body li {
    padding-bottom: 25px;
}

/* Update Profile Page CSS */

.profile-update {
    padding-top: 118px;
    min-height: 600px;
}

.profile-update .alert {
    max-width: 680px;
    margin: 0 auto 20px;
}

.profile-update .form-wizard-header {
    /* padding: 0 10px; */
    background-color: #fff;
}

.profile-update .form-wizard-header ul {
    padding: 15px 7px 7px;
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
}

.form-wizard-steps li span {
    cursor: pointer;
}

.profile-update .form-wizard .form-wizard-steps li {
    width: 20%;
    float: left;
    position: relative;
}

.profile-update .form-wizard .form-wizard-steps.six-steps li {
    width: 16.66%;
}

.profile-update .form-wizard .form-wizard-steps.four-steps li {
    width: 25%;
}

/* .profile-update .form-wizard .form-wizard-steps li:last-child {
    width: 25px;
} */

.profile-update .form-wizard .form-wizard-steps li::after {
    background-color: #f3f3f3;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    background-color: #dddddd;
}

.profile-update .form-wizard .form-wizard-steps li span {
    background-color: #ffffff;
    border: 1px solid #000a2a;
    border-radius: 50%;
    display: inline-block;
    height: 25px;
    line-height: 22px;
    position: relative;
    text-align: center;
    width: 25px;
    z-index: 1;
    font-size: 13px;
}

.profile-update .form-wizard .form-wizard-steps li:last-child::after {
    display: none;
}

.profile-update .form-wizard .form-wizard-steps li.active span {
    background-color: #000a2a;
    color: #ffffff;
}

.profile-update .form-wizard .form-wizard-steps li.active::after,
.profile-update .form-wizard .form-wizard-steps li.activated::after {
    background-color: #d8d8d8;
    width: 100%;
    border-color: #d8d8d8;
}

.profile-update .form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    border-color: #d8d8d8;
}

.profile-update .form-wizard .form-wizard-steps li:last-child::after {
    left: 25px;
}

.profile-update .form-wizard-steps li.activated span {
    background-color: #1cda5f;
    color: #000a2a;
    border-color: #1cda5f;
}

.profile-update .form-wizard .form-wizard-steps li.activated::after {
    width: 100%;
    background-color: #1cda5f;
}

/* .profile-update .wizard-fieldset {
    min-height: calc(100vh - 155px);
} */
/* .profile-update .upload-multiple {
    height: calc(100vh - 158px);
} */

.profile-update .form-wizard .wizard-fieldset.show,
.profile-update .card {
    max-width: 680px;
    margin: 0 auto;
}

.profile-update .card .wizard-fieldset.show,
.profile-update .wizard-fieldset.show .card {
    max-width: 100%;
}

.view-more {
    margin: 30px 0 0;
}

.my-profile {
    margin: 0 0 35px;
    align-items: flex-end;
    justify-content: space-between;
}

.my-profile > div {
    width: 50%;
    margin: 0 5px;
}

.change-photo {
    width: 150px !important;
}

.edit-profile .change-photo {
    margin: 0 auto;
}

.profile-update .avatar-upload .avatar-edit input + label {
    margin: 10px 0 0;
}

.profile-update .avatar-upload {
    max-width: 100%;
}

.profile-update .avatar-upload .avatar-preview {
    width: 100%;
}

.check-avail {
    height: 200px;
    width: 100%;
    border: 2px solid #cecece;
    border-radius: 10px;
}

.check-avail > div {
    width: 100%;
}

.profile-update .card {
    margin-top: 30px;
    overflow: hidden;
}

/*  Toggle Switch  */

.toggleSwitch span span {
    display: none;
}

.toggleSwitch {
    display: inline-block;
    position: relative;
    padding: 0;
    cursor: pointer;
    width: 55px;
    height: 31px;
    margin-bottom: 0;
}

.toggleSwitch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.toggleSwitch label,
.toggleSwitch > span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
}

.toggleSwitch input:focus ~ a,
.toggleSwitch input:focus + label {
    outline: none;
}

.toggleSwitch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
}

.toggleSwitch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
}

.toggleSwitch > span {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
    height: 31px;
}

.toggleSwitch > span span {
    position: absolute;
    display: block;
    font-size: 13px;
    width: 100%;
    left: 50%;
    top: 35px;
    opacity: 0;
    transform: translateX(-50%);
    color: #cecece;
    text-align: center;
    font-weight: 700;
}

.toggleSwitch a {
    position: absolute;
    z-index: 4;
    display: block;
    height: 22px;
    padding: 0;
    left: 4px;
    width: 22px;
    background-color: #cecece;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    top: 2px;
}

.toggleSwitch > span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%;
}

.toggleSwitch > span:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.toggleSwitch input:checked ~ a {
    border-color: #fff;
    left: 100%;
    margin-left: -8px;
}

.toggleSwitch input:checked ~ span:before {
    background-color: #a0d900;
}

.toggleSwitch input:checked ~ span span:first-of-type {
    opacity: 0;
}

.toggleSwitch input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #000a2a;
}

.toggleSwitch.large input:checked ~ a {
    left: 37px;
    top: 2px;
    background-color: #0c1941;
}

.toggleSwitch.large > span span:first-of-type {
    left: 25%;
}

.upload-doc .avatar-upload .avatar-preview {
    border: 1px dashed #a0d900;
}

.upload-doc .avatar-upload .avatar-preview a {
    display: flex !important;
    height: 100%;
    justify-content: center;
}

.upload-doc .avatar-upload .avatar-edit label {
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    font-size: 13px;
    color: #0734c1;
    position: absolute;
    right: 0;
    bottom: -71px;
    font-weight: 700;
    line-height: 13px;
}

.after-upload,
.label2 {
    display: none;
}

/* .get-verified .notverified {
    display: none;
} */

.get-verified h5 span {
    font-size: 16px;
    color: darkgreen;
}

.uploaded .avatar-preview:after,
.uploaded1 .avatar-preview:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 45%);
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.uploaded .after-upload,
.uploaded1 .after-upload {
    display: block;
    position: absolute;
    z-index: 1;
}

.uploaded .label2,
.uploaded1 .label2 {
    display: block;
}

.uploaded .label1,
.uploaded1 .label1 {
    display: none !important;
}

.upload-step .upload-doc .avatar-upload .avatar-edit label {
    position: static;
    text-align: right;
    width: 100%;
    margin: 10px 0 0;
}

/* Custom Radio CSS */
.custom-control.custom-radio {
    padding-left: 26px;
    min-height: 26px;
}

.custom-radio .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
}

.custom-radio .custom-control-label {
    line-height: 24px;
    cursor: pointer;
}

.custom-radio .custom-control-label::before {
    position: absolute;
    top: 0;
    left: -28px;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #cecece solid 1px;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #000a2a;
    background-color: #fff;
}

.custom-radio .custom-control-label::after {
    position: absolute;
    top: 4px;
    left: -24px;
    display: block;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 100%;
    background: none;
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none !important;
    background-color: #a0d900;
    border: 1px solid #000a2a;
}

.picker1,
.location input {
    position: relative;
    text-align: left;
}

.picker1:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 4px;
    background-image: url(../images/calendar.svg);
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
    pointer-events: none;
}

.location a {
    position: absolute;
    right: 10px;
    top: 8px;
    height: 24px;
    width: 20px;
    display: inline-block;
    z-index: 9;
}

/* datalist#location-suggest {
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #d4d4d4;
    border-bottom: none;
}

datalist#location-suggest option {
    background-color: #ffffff;
    font-size: 16px;
    color: #000000;
}

datalist#location-suggest option:hover {
    background-color: #dddddd;
} */

.location datalist {
    position: absolute;
    background-color: white;
    border: 1px solid #000000;
    /* border-radius: 0 0 5px 5px; */
    border-top: none;
    font-family: sans-serif;
    width: 100%;
    padding: 5px;
    max-height: 130px;
    overflow-y: auto;
}

.location option {
    background-color: white;
    padding: 4px;
    color: #000000;
    /* margin-bottom: 1px; */
    font-size: 16px;
    cursor: pointer;
}

/* input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
} */

input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}

input[type="date"]::-webkit-clear-button {
    z-index: 1;
}

.profile-update textarea,
.contact-form textarea {
    min-height: 220px;
    font-size: 16px;
    font-weight: 400;
    overflow-y: scroll;
}

.activities .custom-control {
    margin: 8px 0;
}

.activities .custom-control.d-flex .form-control {
    margin-top: -8px;
}

.activities .custom-control-input:checked ~ .custom-control-label {
    color: #000a2a;
}

.interest,
.activities {
    height: calc(100vh - 264px);
    /* height: 600px; */
    overflow-y: auto !important;
}

.bootstrap-tagsinput {
    background-color: #fff;
    border: 1px solid #cecece;
    box-shadow: none;
    display: block;
    padding: 4px 20px 0;
    color: #000a2a;
    border-radius: 8px;
    max-width: 100%;
    line-height: 35px;
    cursor: text;
}

/* .bootstrap-tagsinput input {
    width: 100%;
    border: 1px solid #cecece;
    padding: 8px 20px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
} */

.bootstrap-tagsinput .tag {
    color: #000a2a;
    font-weight: 600;
    font-size: 14px;
    border: 1px solid #cecece;
    border-radius: 13px;
    padding: 3px 24px 3px 10px;
    /* margin: 0 5px 20px; */
    line-height: 14px;
    display: inline-block;
}

.tag span {
    position: relative;
}

/* .bootstrap-tagsinput input {
    width: 100%;
    max-width: 35%;
} */

.bootstrap-tagsinput input,
.bootstrap-tagsinput input:focus {
    border: 0;
    width: 100%;
    outline-width: 0;
}

.bootstrap-tagsinput input:focus-visible {
    outline: none;
}

.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "";
    background-image: url(../images/times.svg);
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    position: absolute;
    top: 3px;
    background-size: 12px;
    right: -16px;
}

.upload-photos {
    flex-wrap: wrap;
}

.upload-photos .inline-error:before {
    top: 8px;
    transform: none;
}

.upload-photos > div {
    width: 50%;
    padding: 0 10px;
}

.upload-photos .avatar-upload .avatar-preview {
    border: 1px dashed #a0d900;
    height: 200px;
}

.upload-photos .avatar-upload .avatar-preview img {
    height: auto;
    max-height: 100%;
}

.upload-photos .avatar-upload .avatar-edit label {
    width: 30px;
    border-radius: 0;
    font-weight: 400;
    line-height: 30px;
    margin: 0 !important;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 0;
    font-size: 13px;
}

.upload-photos .avatar-upload .avatar-edit label span.add,
.upload-photos .avatar-upload .avatar-edit label span.edit {
    display: inline-block;
    /* margin-left: 30px; */
    height: 30px;
    width: 30px;
    border: 1px solid #0c1941;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
}

.upload-photos .avatar-upload .avatar-edit label span.edit {
    background-color: #a0d900;
    float: right;
    line-height: 26px;
    color: #0c1941;
}

.upload-photos .avatar-upload .avatar-edit label span.edit i {
    font-size: 12px;
}

.remove,
.remove-preview {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #0c1941;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #0c1941;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
}

.remove-preview {
    line-height: 26px;
}

.label-edit,
.remove {
    display: none !important;
}

.photo-edit .label-edit,
.photo-edit .remove {
    display: inline-block !important;
}

.photo-edit .label-add {
    display: none !important;
}

.removed .label-edit,
.removed .remove {
    display: none !important;
}

.removed .label-add {
    display: inline-block !important;
}

.upload-photos .avatar-upload .avatar-edit input + label span i {
    font-weight: 400;
}

.bottom-btns {
    padding: 0 0 20px;
    margin: 0 auto;
    max-width: 90%;
    text-align: center;
}

.bottom-btns a,
.bottom-btns button {
    margin: 20px auto !important;
}

/* .bottom-btns a:last-child {
    margin-bottom: 0 !important;
} */

/* .bottom-btns a,
.bottom-btns button,
.profile-update .btn,
.story-detail .btn,
.top-head ul .btn,
.edit-card-details ul .btn,
.wall-action-btns .btn,
#settings-form .btn {
     min-width: 120px;
    max-width: 180px; 
    display: block;
    width: 100%;
} */

/* .menu-edit .bottom-single { */
.bottom-single {
    padding: 20px 0;
}

.bottom-single a {
    margin: 0 auto;
}

.profile-update .two-btns {
    border-top: 0;
    padding: 20px 0 50px;
}

/* .updated .card,
.d-updated .card,
.update-contact .card {
    min-height: 500px;
} */

.updated .card {
    min-height: 300px;
    overflow-y: auto;
}

.verification .card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.floatLabel {
    position: relative;
}

.floatLabel label {
    font-size: 16px;
    color: #727272;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    transition: all 0.4s ease;
    background-color: #fff;
}

.form-wizard .wizard-form-text-label.floated {
    top: -7px;
    font-size: 13px;
    transform: translateY(0);
    width: auto;
}

.toggleBar {
    min-height: 45px;
}

.menu-edit .toggleSwitch {
    width: 40px;
    height: 22px;
}

.menu-edit .toggleSwitch > span {
    height: 22px;
}

.menu-edit .toggleSwitch > span:before {
    width: 40px;
    top: 0;
}

.menu-edit .toggleSwitch a {
    height: 15px;
    width: 15px;
    top: 3px;
    left: 4px;
}

.menu-edit .toggleSwitch.large input:checked ~ a {
    left: 29px;
    top: 3px;
}

.menu-edit .toggleSwitch > span span {
    left: -17px;
    top: 25px;
    transform: none;
}

.menu-edit .toggleSwitch.large > span span:first-of-type {
    left: -40px;
}

.edit-profile .avatar-upload .avatar-preview {
    width: 150px;
    margin: 0 auto;
}

/* View Profile Page CSS */
.complete,
.about-less {
    display: none;
}

.expand .complete {
    display: block;
}

.expand .about-less {
    display: block;
}

.expand .about-more,
.expand .teaser {
    display: none;
}

.more-content:hover {
    color: #0734c1;
}

.send-msg {
    width: calc(100% - 62px);
}

.pin {
    display: inline-block;
    position: absolute;
    top: 95px;
    left: 12px;
}

.show-profile .card-banner {
    max-width: 100%;
}

/* .show-profile .card-banner .show-user-img {
    height: 340px;
    height: auto;
} */

.show-user-img img {
    height: 100%;
    border-radius: 15px;
}

.show-profile .card-content {
    position: relative;
    padding: 20px;
}

.show-profile .card-content h6 {
    color: #000000;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.show-profile .user-type {
    margin-left: 5px;
}

.show-profile .user-type p {
    font-size: 9px;
    line-height: normal;
}

.show-profile .user-type .pin-user.pin {
    top: -7px;
    left: -12px;
    max-width: 34px;
}
.show-profile li.verify-status {
    display: none;
}
.show-profile .detail-status span {
    font-size: 12px;
}
.show-profile .review {
    padding: 10px 0;
}
.review-btns .btn {
    margin: 20px auto 0;
}

.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
    z-index: 10;
}

.share {
    margin-left: 20px;
}

.chat-top .share {
    height: 24px;
    width: 24px;
    text-align: center;
}

#share-my-profile {
    display: block;
    color: #000a2a !important;
    border: 1px solid #000a2a !important;
    border-radius: 6px;
    line-height: 46px;
    font-size: 24px;
    height: 48px;
    width: 50px;
    text-align: center;
}

.desc-img {
    width: 30px;
}

.desc-text {
    width: calc(100% - 40px);
}
.desc-text-head {
    font-size: 16px;
}

.no-text-transform {
    text-transform: none !important;
}

.desc-text p:last-child {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-transform: capitalize;
    font-size: 18px;
    line-height: 20px;
}

.desc-text.website-link p:last-child {
    text-transform: initial;
}

.interest-tags ul {
    margin: 20px 0 0;
}

.interest-tags li,
.help-tags li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.interest-tags li p {
    background-color: #e6e8ec;
}

.interest-tags li p,
.help-tags li p {
    padding: 8px 20px;
    border-radius: 16px;
    font-weight: 600;
    font-size: 14px;
}

/* .help-tags li p {
    background-color: rgb(137 77 0 / 10%);
} */

.help-tags {
    padding-bottom: 0 0 25px;
}

.gallery {
    width: 100%;
    margin: 15px 0;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.gallery .thumb {
    width: calc(25% - 20px);
    position: static !important;
    aspect-ratio: 1 / 1;
}

/* .gallery .thumb:first-child {
    margin-left: 0;
} */

.gallery .thumb a {
    border-radius: 15px;
    overflow: hidden;
    /* border: 1px solid #a0d900; */
}

.gallery .thumb a img {
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* 
.gallery figure {
    margin: 0;
}

.gallery .img-thumbnail {
    max-height: 150px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    width: 100%;
    object-fit: cover;
} */

.review-list .review-content,
.review-list .comment-box .review-content {
    padding-left: 10px;
    width: calc(100% - 50px);
}

.review-content h5 {
    font-size: 16px;
    line-height: 16px;
}

.review-content .rating p span {
    display: inline-block;
    vertical-align: middle;
}

.review-list > ul > li {
    border-bottom: 1px solid #cecece;
}

.append_data > ul > li {
    border-bottom: 1px solid #e3e3e3;
}

.append_data > ul > li:last-child {
    border-bottom: 0;
}

.map-img {
    height: 250px;
    border-radius: 10px;
    overflow: hidden;
}

#more .custom-control.custom-radio,
#upload-option .custom-control.custom-radio,
.photo-upload-modal .custom-control.custom-radio,
#chat-options .custom-control.custom-radio,
#share-post .custom-control.custom-radio {
    padding: 20px 15px 20px 35px;
    border-bottom: 1px solid #cecece;
}

/* Report User Screen  */
.report-user .custom-checkbox .custom-control-label {
    padding: 6px 14px;
    border-radius: 30px;
    line-height: 20px;
    font-size: 16px;
}

.report-user .custom-checkbox .custom-control-label::before {
    border: 1px solid #cecece;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 30px;
    left: 0;
}

.report-user
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid #000a2a;
    border-width: 0;
    transform: none;
    border-radius: 30px;
}

.report-user
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label,
.report-user .custom-checkbox .custom-control-label:hover {
    color: #fff;
    background-color: #000a2a;
}

.report-user .custom-checkbox.custom-control {
    padding-left: 0;
}

.report-user li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.report-user .custom-checkbox .custom-control-label:hover::before {
    border: 1px solid #000a2a;
}

/* Thank you Screen */
.thank-you .card {
    height: calc(100vh - 230px);
}

.share-profile .custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
    width: 100%;
}

.share-profile .custom-radio .custom-control-label {
    padding: 18px;
    width: 100%;
    text-align: left;
    line-height: 16px;
}

.share-profile .custom-radio .custom-control-label span {
    display: inline-block;
    vertical-align: middle;
}

span.fb,
span.em,
span.tw {
    margin-right: 18px;
}

.share-profile .custom-radio .custom-control-label span.oncheck {
    display: none;
    text-align: right;
}

.share-profile .custom-radio .custom-control-label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    background-color: transparent;
    border: #e3e3e3 solid 1px;
    border-radius: 8px;
}

.share-profile
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::after {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border-radius: 8px;
    background-color: transparent;
}

.share-profile
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-color: transparent;
}

.share-profile
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label
    span.oncheck {
    /* display: inline-block; */
    float: right;
}

.share-profile li {
    margin-bottom: 10px;
}

.copy span {
    display: inline-block;
    margin-right: 10px;
}

.copy .form-control {
    height: 47px;
}

.share-profile .card {
    height: calc(100vh - 220px);
}

/* Menu Update Profile Page CSS */

.global-tabs .nav-tabs,
.menu-update-profile .navTabs {
    border-bottom: 0;
    background-color: #fff;
    justify-content: flex-start;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
    text-align: center;
    box-shadow: 0 4px 23px 0 rgb(185 185 185 / 57%);
    display: block;
    min-height: 44px;
}

.menu-update-profile .navTabs {
    padding: 0 40px;
}

.menu-update-profile .nav-tabs .nav-item {
    padding: 10px 0;
}
.menu-update-profile .navTabs::-webkit-scrollbar {
    display: none;
}
.menu-update-profile .navTabs .nav-item {
    padding: 10px;
    border-bottom: 4px solid #fff;
    /* margin: 0px 10px; */
    cursor: pointer;
    display: inline-block;
}

.menu-update-profile .navTabs .nav-item a {
    color: #727272;
    padding: 0;
}

.menu-update-profile .navTabs .nav-item.active {
    border-bottom: 4px solid #a0d900;
    font-weight: 700;
}

.menu-update-profile .navTabs .nav-item.active a {
    color: #000a2a;
}

.tabsWrapper {
    max-width: 680px;
    margin: 0 auto;
    position: relative;
}

/* .safety-wrapper .tabsWrapper {
    max-width: 100%;
    background-color: #fff;
} */

/* .safety-wrapper .tabsWrapper .nav-tabs {
    max-width: 680px;
    margin: 0 auto;
    box-shadow: none;
} */

.menu-update-profile .nav-tabs .nav-link,
.global-tabs .nav-tabs .nav-link {
    border-bottom: 4px solid #fff;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    /* font-size: 13px; */
    color: #727272;
    padding: 0.5rem 0;
}

.global-tabs .nav-tabs .nav-link {
    font-size: 16px !important;
    padding: 10px 0;
}

.menu-update-profile .nav-tabs .nav-link:focus,
.menu-update-profile .nav-tabs .nav-link:hover,
.global-tabs .nav-tabs .nav-link:focus,
.global-tabs .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.menu-update-profile .nav-tabs .nav-item.show .nav-link,
.menu-update-profile .nav-tabs .nav-link.active,
.global-tabs .nav-tabs .nav-item.show .nav-link,
.global-tabs .nav-tabs .nav-link.active {
    color: #000a2a;
    background-color: transparent;
    border-color: transparent;
    border-bottom: 4px solid #a0d900;
    font-weight: 700;
}

.global-tabs .nav-tabs .nav-item {
    width: 50%;
    float: left;
}

.safety-page-wrapper.global-tabs .nav-tabs .nav-item {
    width: 33.33%;
}

.global-tabs .nav-tabs .nav-link {
    text-align: center;
}

/* .story-wrapper .nav-tabs .nav-item.show .nav-link,
.story-wrapper .nav-tabs .nav-link.active {
    border-bottom: 0;
} */

.tab-next,
.tab-prev {
    height: 40px;
    width: 40px;
    background-color: #fff;
    line-height: 40px;
    color: #000a2a;
    text-align: center;
    position: absolute;
    top: 0;
}

.tab-next {
    right: 0;
}

.tab-prev {
    left: 0;
}

.menu-update-profile .form-wizard .wizard-fieldset {
    display: block;
}

.user-actions li,
.user-actions li span {
    display: inline-block;
    vertical-align: text-bottom;
}

.user-actions li a {
    display: inline-block;
}

.lookup-search .input-group {
    border: 1px solid #cecece;
    border-radius: 8px;
}

.lookup-search .form-control {
    border: 0;
    box-shadow: none;
}

button.green-btn {
    background-color: #a0d900;
}

.lookup-search button.searchbtn {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    height: 38px;
}

.search-result > div {
    border: 1px solid #cecece;
    padding: 20px;
    border-radius: 8px;
}

/* Favorites Screen CSS */

.top-head {
    margin-top: -1px;
    background-color: #0c1941;
    padding: 10px 0;
}

.top-head .large-heading {
    font-size: 40px;
}

/*.favorites {
    margin-bottom: 50px;
}*/

.search-bar {
    padding: 0;
    display: flex;
    border: 1px solid #cecece;
    border-radius: 8px;
}

.search-bar .form-control {
    border: 0;
    box-shadow: none;
    padding: 4px 20px;
}

.focus-input.search-bar {
    border: 2px solid #000a2a;
}

/* .favorites .search-box .input-group {
    border: 1px solid #cecece;
    border-radius: 8px;
    position: relative;
    width: 100%;
}

.favorites .search-box .form-control {
    width: 100%;
}

.favorites .search-box .input-group-btn {
    position: absolute;
    right: 0;
    top: 0;
} */

.search-submit {
    background-color: transparent;
    border: 0;
}

#filter .two-btns {
    padding: 0;
    display: flex;
    margin: 0 -8px;
}

#filter .two-btns li {
    width: 50%;
}

#filter .two-btns li .btn {
    min-width: 100%;
    display: inline-block;
}

#filter {
    padding: 20px 0 0;
    max-width: 330px;
    margin: 0;
    position: relative;
    z-index: 10;
}

#filter .card {
    border-radius: 10px;
}

.filter-head {
    background-color: #fff;
    padding: 6px 10px 6px 15px;
    border: 0;
    border-radius: 10px !important;
}

.filter-head a:focus,
.filter-head a:hover {
    color: #000a2a;
}

.filter-head span {
    display: inline-block;
    vertical-align: middle;
}

.filter-head .close-filter {
    display: none;
}

.filter-icon:hover,
.close-filter:hover {
    background-color: rgb(160 217 0 / 30%);
}

.is-active .filter-head .close-filter {
    display: inline-block;
}

.is-active .filter-head .filter-icon {
    display: none;
}

.filter-body {
    display: none;
}

.is-active .filter-body {
    display: block;
}

#filter .card-body {
    padding: 15px;
    position: absolute;
    top: 40px;
    background-color: #ffffff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
    box-shadow: 0 10px 8px rgb(0 0 0 / 50%);
}

#mapbox-filter .form-group {
    margin-bottom: 15px;
    position: relative;
}

#mapbox-filter #search-bar-map::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    background-image: url(../images/search.svg);
    background-repeat: no-repeat;
    height: 28px;
    width: 28px;
    pointer-events: none;
}

/* .favorites .card-wrapper,
.view-box-container .card-wrapper {
    margin: 20px -10px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
} */

/* .favorites .card-wrapper > li,
.view-box-container .card-wrapper > li {
    width: 25%;
    padding: 0 10px;
    float: left;
} */

/* .card-wrapper li .card {
    margin-bottom: 20px;
} */

/* Map view Profile Page CSS */
.view-profile-map {
    /* background-image: url(../images/view-profile-map.PNG); */
    min-height: calc(100vh - 120px);
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    position: relative;
}

.view-profile-map .filter-head .font16 {
    font-size: 15px;
}

.view-profiles-box {
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    width: 100%;
    /* background-color: #f4f4f4; */
    background-color: #0c1941;
    /* -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; */
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    z-index: 10;
}

.view-box-header h4 {
    line-height: 40px;
    text-align: center;
    position: relative;
    padding: 15px 0 0;
}

#map-container #filter {
    margin: 20px 0 0;
    padding: 0;
}

/* #map-container #filter .card-body {
    height: 370px;
    overflow-y: auto;
} */

.search-area {
    /* position: relative;
    z-index: 7; */
    position: absolute;
    z-index: 7;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
}

.search-area .search-submit {
    background-color: #a0d900;
    border: 0;
    border-radius: 13px;
    height: 50px;
    font-size: 16px;
    padding: 0 15px;
    line-height: 50px;
}

.search-submit img {
    max-width: 30px;
    /* margin-right: 6px;
    margin-bottom: 4px; */
}

#map-view-btn,
#list-view-btn {
    text-orientation: sideways-right;
    writing-mode: vertical-rl;
}

/* .more-option-btn {
    margin-bottom: 20px;
} */

/* button.btn.btn-primary {
    position: absolute;
    bottom: 100px;
} */

/* .view-profiles-box:hover {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    top: 160px;
} */

.view-profile-map .search-box,
.view-profile-map .two-btns {
    padding: 0;
}

.switch-text {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 16px;
    /*font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;*/
}

.switch-text img {
    width: 16px;
}

.delete-condition .switch-text {
    font-size: 16px;
    font-family: "Lato", sans-serif;
}

.customize-radio.custom-switch {
    padding-left: 0;
    display: inline-block;
    font-size: 14px;
}

.customize-radio .custom-control-label {
    vertical-align: middle;
    line-height: 31px;
    width: 55px;
    height: 31px;
}

.customize-radio.custom-switch .custom-control-label::before {
    width: 55px;
    height: 31px;
    border-radius: 15px;
    top: 0;
    left: 0;
    border: #cecece solid 1px;
}

.customize-radio.custom-switch .custom-control-label::after {
    top: 4px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    left: 6px;
    background-color: #cecece;
}

.customize-radio .custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #a0d900;
    background-color: #a0d900;
}

.customize-radio.custom-switch
    .custom-control-input:checked
    ~ .custom-control-label::after {
    background-color: #000a2a;
    transform: translateX(22px);
}

.view-box-container {
    display: none;
    height: calc(100vh - 260px);
    overflow-x: hidden;
    /* transition: 0.2s all ease-in-out; */
}

.map-profile-popup {
    background-color: #ffffff;
    padding: 20px;
    /*position: absolute;
    top: 50%;
    left: 50%;*/
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
}

.view-profile-map .mapboxgl-popup {
    max-width: 320px !important;
    z-index: 8;
}

.view-profile-map .mapboxgl-popup-content {
    padding: 15px;
    border-radius: 10px;
    max-width: 315px;
    min-width: 300px;
    width: 100%;
    min-height: 190px;
}

.view-profile-map .mapboxgl-popup-content > div > span {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    height: 155px;
}

.view-profile-map .mapboxgl-popup-close-button {
    height: 30px;
    position: absolute;
    right: -13px;
    top: -13px;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 24px;
    width: 30px;
    color: #000a2a;
    border: 1px solid #000a2a;
    display: inline-block;
}

.popup-img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

/* .popup-img img {
    border-radius: 50%;
} */

.popup-content {
    padding: 0 0 0 15px;
    width: calc(100% - 60px);
}

.popup-content .rating {
    padding: 0 !important;
}

.hide-profile {
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    border: 1px solid #000a2a;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    color: #000a2a;
    right: -10px;
    top: -15px;
    background-color: #ffffff;
}

.hide-profile i {
    font-weight: 400;
}

.found {
    line-height: 13px;
    font-size: 11px !important;
}

.map-view {
    z-index: 9;
    padding: 10px;
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #a0d900 !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 125px;
    width: 41px;
    /* transition: all 0.5s ease-in-out; */
}

.map-view span {
    display: inline-block;
    vertical-align: middle;
    color: #000a2a !important;
}

.view-all {
    /* height: 40px;
    width: 40px;
    position: absolute;
    background: #000A1A; */
    display: block;
    /* right: 40px; */
    /* bottom: 8px; */
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    color: #000a2a;
    position: relative;
    /* width: 40px; */
    /* margin-left: 15px; */
    padding: 20px 0 0;
}

.view-all:hover {
    color: #000a2a;
}

.view-box-header .view-all:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
    height: 3px;
    width: 94px;
    background-color: #ffffff;
    margin: 0 auto;
}

.view-all span {
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.view-all i {
    transition: all 0.5s ease-in-out;
}

.show-all i {
    transform: rotate(180deg);
    transition: all 0.5s ease-in-out;
}

/* Error msg Login Screen  */

.hide {
    display: none;
}

.font-medium.text-red-600 {
    color: #d90000;
}

.text-red-600 {
    color: #d90000 !important;
}

.text-green-600 {
    color: #1ebb1e;
}

/* .select-btn {
    margin-top: 60px;
} */

.disabled-link {
    pointer-events: none;
}

.field-with-error {
    margin-bottom: 40px;
}

.field-with-error .help-block {
    position: absolute;
    left: 0;
    bottom: -20px;
}

.interest .form-group {
    margin-top: 15px;
}

/* .interest .help-block {
    position: absolute;
    left: 0;
    top: -22px;
} */

.inline-error {
    text-align: left;
    font-size: 14px;
    background: rgb(217 0 0 / 8%);
    padding: 8px 0 8px 30px;
    display: block;
    position: relative;
}

.inline-error:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f071";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
}

.upload-photos .avatar-upload .avatar-edit span.inline-error {
    position: static;
}

/* Static Pages CSS */

.faq .card {
    padding: 30px 25px;
    margin: 60px 0;
}

.faq .panel {
    padding-bottom: 40px;
}

.faq .panel:last-child {
    padding-bottom: 0;
}

.faq .panel-title > a {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 26px;
    color: #000a2a;
    font-weight: 700;
    padding-right: 35px;
}

.faq .panel-title > a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f068";
    position: absolute;
    right: 0;
    top: 0;
}

.faq .panel-title > a.collapsed:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f067";
    position: absolute;
    right: 0;
    top: 0;
}

.faq .panel-title > a:hover,
.faq .panel-title > a:active,
.faq .panel-title > a:focus {
    text-decoration: none;
}

.faq .panel-body {
    font-size: 18px;
    line-height: 24px;
    color: #727272;
    padding-top: 15px;
    padding-right: 35px;
}

/* For new FAQ page */

/* .faq {
    margin: 80px 0;
}
.inner-accordion {
    padding: 20px;
}

.inner-accordion .panel-title > a.collapsed:before,
.inner-accordion .panel-title > a:after {
    display: none;
}

#accordion > .panel > .panel-heading {
    padding: 20px 25px;
    background: #0c1941;
}

#accordion > .panel .panel-body {
    background-color: rgb(0 10 42 / 10%);
    padding: 20px 25px;
}

#accordion > .panel .panel-body li a {
    display: block;
    color: #000a2a;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

#accordion > .panel > .panel-heading a {
    color: #ffffff;
}

.faq-detail-content h3 {
    font-size: 26px;
    font-weight: 600;
}
.faq-detail-content p {
    padding-top: 15px;
}
.breadcrumb {
    background-color: #000a2a;
}
.breadcrumb-item a, .breadcrumb-item+.breadcrumb-item::before {
    color: #ffffff;
}
.breadcrumb-item.active {
    color: #a0d900;
} */

/* About Us Screen */

.our-story {
    padding: 50px 0;
}

.our-story h3 {
    margin-bottom: 20px;
}

.our-story > div {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.about-content {
    padding-right: 60px;
}

.co-founder .about-content {
    padding-right: 0;
    padding-left: 80px;
}

.about-content p {
    font-size: 18px;
    line-height: 26px;
    padding-top: 15px;
}

/* .about-content p:nth-child(2) {
    padding-top: 0;
} */

.founder-img {
    z-index: 1;
    height: 315px;
    width: 315px;
    margin: 0 auto;
}

.founder-img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.co-founder-img img {
    object-position: bottom;
}

.founder-img:after {
    content: "";
    position: absolute;
    right: -10px;
    top: -10px;
    height: 100%;
    width: 100%;
    background-color: #0c1941;
    border-radius: 10px;
    z-index: -1;
}

/* Safety Screen */

.safety-wrapper p,
.works-wrapper .plan-list li {
    font-size: 16px;
    line-height: 24px;
    color: #727272;
}

.safety-wrapper .card {
    padding: 30px 25px;
    margin: 60px auto;
    /* max-width: 680px; */
}

.custom-counter {
    counter-reset: list-counter;
}

.custom-counter > li {
    position: relative;
    padding: 0 0 20px 30px;
}

.custom-counter > li::before {
    counter-increment: list-counter;
    content: counter(list-counter) ".";
    position: absolute;
    left: 15px;
    top: 2px;
    font-size: 18px;
}

.custom-counter > li h5 {
    position: relative;
}

.custom-counter > li h5:before {
    content: "";
    position: absolute;
    top: 8px;
    left: -30px;
    height: 6px;
    width: 6px;
    background-color: #1cda5f;
    border-radius: 50%;
}

.custom-counter > li > div > p {
    padding-top: 12px;
}

.sub-list {
    padding-top: 15px;
}

.sub-list li {
    position: relative;
    padding: 0 0 0 15px;
}

.sub-list li:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
}

.safety-measure div:first-child {
    max-width: 82%;
}

/* .safety-wrapper .font20 {
    font-size: 20px;
} */

/* Contact Us Screen */

.contact-form {
    max-width: 680px;
    margin: 60px auto;
}

.contact-form .card {
    padding: 30px 25px;
}

.top-head p {
    color: #9da4bc;
    text-align: center;
    padding-top: 15px;
    max-width: 680px;
    margin: 0 auto;
}

.custom-file-label {
    border-radius: 8px;
    padding-right: 110px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.custom-file-label::after {
    position: absolute;
    top: -1px;
    right: -1px;
    height: 38px;
    padding: 6px 22px;
    color: #000a2a;
    content: "Browse";
    background-color: #a0d900;
    border-radius: 0 8px 8px 0;
    font-weight: 700;
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #cecece;
    box-shadow: none;
}

.capt h2 {
    display: inline-block;
}

#refresh,
#sound-on {
    display: inline-block;
    margin-left: 15px;
}

#refresh i,
#sound-on i {
    font-weight: 300;
    font-size: 28px;
    color: #000a2a;
}

button.d-block {
    width: 100%;
}

.contact-form .bottom-single button {
    margin: 15px auto 0;
}

/* Error msg Login Screen  */

.hide {
    display: none;
}

.font-medium.text-red-600 {
    color: red;
    display: none;
}

.text-red-600 {
    color: red;
}

.text-green-600 {
    color: #1ebb1e;
}

/* .select-btn {
    margin-top: 60px;
} */

.disabled-link {
    pointer-events: none;
}

.toast {
    opacity: 1 !important;
}

/* Stories Page CSS */

.moretext {
    display: none;
}

.moreless-button {
    margin: 20px 0 0;
    display: inline-block;
    position: relative;
}

.moreless-button:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: -20px;
    top: 1px;
    transition: 0.2s ease-in-out;
}

.moreless:after {
    transform: rotate(180deg);
}

.story-wrapper {
    padding: 0 0 60px;
}

.story-wrapper .featured p {
    color: #ffffff;
}

.featured {
    height: 450px;
    display: block;
}

.featured > img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.featured-user span:first-child {
    height: 30px;
    width: 30px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fff;
}

.feature-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px;
    z-index: 1;
    width: 100%;
}

.feature-content > a {
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    padding-bottom: 8px;
    display: block;
}

.featured-user {
    font-size: 16px;
    margin: 10px 0 10px;
}

/* .story-slider .item {
    margin: 0 10px;
} */

.story-slider .owl-stage {
    padding-left: 0 !important;
}

.story-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.story-slider.owl-carousel .owl-nav .owl-prev,
.story-slider.owl-carousel .owl-nav .owl-next {
    position: absolute;
    background: #ffffff !important;
    /* padding: 3px 12px !important; */
    box-shadow: 0 3px 8px rgb(0 0 0 / 60%);
    /* margin: 0 10px; */
    border-radius: 50%;
    height: 35px;
    width: 35px;
}

.story-slider .owl-prev {
    left: 10px;
}

.story-slider .owl-next {
    right: 10px;
}

.story-slider .owl-prev span,
.story-slider .owl-next span {
    font-size: 40px;
    line-height: 24px;
    display: inline-block;
}

.featured:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(
        181.21deg,
        rgba(0, 0, 0, 0) 26.17%,
        rgba(0, 0, 0, 0.32536) 41.34%,
        rgba(0, 0, 0, 0.75) 61.05%,
        #000000 96.35%
    );
    border-radius: 10px;
}

.feature-content ul a:hover,
.feature-content ul a:focus {
    color: #ffffff;
}

/* .liked .icon {
    color: #727272;
} */

.add-like-btn,
.add-like-btn:focus,
.add-view-btn,
.add-view-btn:focus {
    color: #727272;
}

.add-like-btn.show span,
.add-view-btn.show span {
    color: #a0d900;
}

.feature-category {
    height: auto;
    width: auto;
    position: absolute;
    background-color: #a0d900;
    border-bottom-right-radius: 8px;
    padding: 10px;
    left: 0px;
    top: 0;
    z-index: 1;
    border-radius: 8px 0 5px 0;
}

.story-wrapper .nav-tabs .nav-item {
    width: 25%;
    float: left;
}

.story-wrapper #filter {
    margin: 20px auto;
}
/* For stories */
.story-wrapper .stories > ul {
    margin: 60px -10px 30px;
}

.story-wrapper .card {
    padding: 15px;
    margin: 0 auto !important;
    height: 100%;
}

.featured:hover .feature-content > h4,
.stories .card:hover .story-content h4 {
    color: #a0d900;
}

/* Tags Styling */
#wizard-4 .amsify-suggestags-area .amsify-suggestags-input-area {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0;
    color: #000a2a;
    border-radius: 0;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
    padding-top: 40px;
}

#wizard-4 .amsify-suggestags-area .amsify-suggestags-input-area {
    height: 40px;
    line-height: 30px;
}

#wizard-4 .amsify-suggestags-area {
    margin: 10px 0;
}

#wizard-4 .amsify-select-tag {
    background: transparent !important;
    color: #000a2a !important;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #cecece;
    border-radius: 13px !important;
    padding: 4px 10px 6px 10px !important;
    margin: 10px 5px 10px !important;
    line-height: 16px;
}

#wizard-4
    .amsify-suggestags-area
    .amsify-suggestags-input-area
    .amsify-suggestags-input {
    max-width: 100% !important;
    border: 1px solid #cecece !important;
    padding: 8px 20px !important;
    font-size: 16px;
    line-height: 20px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

#wizard-4 .amsify-suggestags-input-area .amsify-remove-tag {
    cursor: pointer;
    font-weight: 400;
    margin-left: 4px;
}

#wizard-4 .amsify-suggestags-area .amsify-suggestags-list {
    width: 100% !important;
}

/* Wizard 2 */

#wizard-1 .amsify-suggestags-input-area .amsify-select-tag.col-bg {
    background: #ffffff;
    color: black;
    border: 1px solid #cecece;
    border-radius: 13px;
    margin: 4px 4px 1px 0px;
}

#wizard-1 .amsify-suggestags-area .amsify-suggestags-input-area {
    height: 38px;
}

#wizard-1 .amsify-suggestags-input-area .amsify-remove-tag {
    font-weight: 400;
}

#wizard-1
    .amsify-suggestags-area
    .amsify-suggestags-input-area
    .amsify-suggestags-input {
    line-height: 28px;
}

/* Share your story screen */
.share-content {
    max-width: 400px;
    margin: 40px auto;
}

.share-content p {
    font-size: 20px;
    line-height: 28px;
    color: #727272;
    text-align: center;
    padding-top: 20px;
}

.share-content p:first-child {
    padding-top: 0;
}

/* Story Detail Screen */

.static-label {
    font-size: 16px !important;
}

.single-story-image {
    /* min-height: 420px; */
    /* min-height: 200px; */
    margin: 0 -30px;
}

.story-main-image.owl-carousel .owl-item .item,
.story-main-image .item {
    /* border-radius: 10px; */
    border-radius: 0;
    overflow: hidden;
    height: 400px;
    /* height: 200px; */
    background-color: #e2e2e2;
    text-align: center;
    /* max-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%; */
}

.story-main-image.owl-carousel .owl-item .item img,
.story-main-image .item img {
    /* height: auto; */
    /* align-self: center; */
    height: 100%;
    object-fit: cover;
    width: 100%;
    /* width: auto; */
    margin: 0 auto;
    object-position: center;
}

.story-main-image .owl-dots {
    text-align: center;
}

.story-main-image button.owl-dot {
    padding: 0 3px !important;
}

.story-main-image button.owl-dot span {
    height: 10px;
    width: 10px;
    background-color: #dddddd;
    border-radius: 50%;
    display: inline-block;
}

.story-main-image button.owl-dot.active span {
    background-color: #a0d900;
}

.story-main-image .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.story-main-image.image-slider.owl-carousel .owl-nav button.owl-next,
.story-main-image.image-slider.owl-carousel .owl-nav button.owl-prev {
    right: 8px;
    position: absolute;
    background-color: #fff !important;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 21px;
}

.story-main-image.image-slider.owl-carousel .owl-nav button.owl-prev {
    left: 8px;
}

.story-main-image.image-slider.owl-carousel .owl-nav button.owl-next span,
.story-main-image.image-slider.owl-carousel .owl-nav button.owl-prev span {
    font-size: 30px;
    line-height: 18px;
}

.story-detail .card {
    max-width: 680px;
    margin: 0 auto;
    padding: 30px;
}

.single-story-detail .card {
    padding: 0 !important;
}

.single-story-content {
    padding: 0 30px 30px;
}

#counter {
    padding: 6px 10px;
    background-color: #000a2a;
    position: absolute;
    right: 20px;
    bottom: 40px;
    color: #ffffff;
    z-index: 9;
    border-radius: 10px;
}

.author-detail {
    margin: 20px 0;
}

.story-author {
    padding-left: 65px;
}

.confirm-story .card > p.font13.m-0.c-grey img {
    max-width: 15px;
    margin-top: -4px;
}

.story-main-image .favorite {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 30px;
}

.author-img {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.post-detail {
    margin: 20px 0;
}

.post-detail p:first-child {
    width: 130px;
}

.post-detail p:last-child {
    width: calc(100% - 130px);
}

.story-location span {
    display: inline-block;
    vertical-align: middle;
}

/* .story-detail .card > p {
    padding-top: 15px;
} */

/* .story-detail strong {
    display: block;
    font-size: 14px;
} */

.story-share li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px 0 0;
}

.story-share li a {
    font-size: 20px;
    color: #0c1941 !important;
    display: inline-block;
}

/* .sa-button-container {
    margin: 20px 0;
}

.sa-button-container button {
    margin: 0 5px;
} */

.sweet-alert button.btn {
    background-image: none;
}

.sweet-alert button.btn.btn-primary {
    background-color: #a0d900;
    color: #000a2a;
}

.sweet-alert button.btn.btn-primary:hover {
    background-color: #000a2a;
    color: #ffffff;
}

.sweet-alert button.btn.btn-default {
    border: 1px solid #000a2a;
}

.sweet-alert .sa-icon {
    width: 60px;
    height: 60px;
}

.sweet-alert .sa-icon.sa-warning .sa-body {
    height: 28px;
}

.sweet-alert h2 {
    font-size: 20px;
}

button.cancel.btn.btn-lg.btn-default:hover {
    background-color: #000a2a;
    color: #ffffff;
}

/* Story Detail Page */

.story-detail textarea {
    height: 300px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

textarea:focus-visible {
    font-weight: 400;
}

.helper span {
    display: inline-block;
    vertical-align: middle;
}

.story-upload {
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}

.upload-box {
    padding-left: 70px;
    height: 60px;
    width: calc(100% - 60px);
}

.story-upload-img {
    height: 60px;
    width: 60px;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    background: #e2e2e2;
    text-align: center;
}

.story-upload-img img {
    height: 100%;
    object-fit: cover;
}

.file-name {
    height: 35px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.delete-img {
    width: 50px;
}

.delete-img a {
    color: #000a2a;
    display: block;
}

.delete-img a span:first-child {
    border: 1px solid #000a2a;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
}

.confirm-story .story-main-image {
    margin-top: 20px;
    border-radius: 10px;
}

.edit-cover {
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: #fff;
    padding: 8px;
    border-radius: 50%;
}

.edit-cover span {
    display: block;
    background-color: #a0d900;
    color: #0c1941;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    border: 1px solid #0c1941;
}

.show-story .add-favorite-btn .unlike,
.show-story .incomplete-user-profile .unlike {
    color: #000a2a;
    font-weight: 400;
    font-size: 24px;
}

.show-story .add-favorite-btn .like,
.show-story .incomplete-user-profile .like {
    color: #000a2a;
    font-size: 24px;
}

/* .show-story .liked .icon,
.show-story .add-like-btn.show,
.story-like.liked .icon {
    color: #d90000;
} */

/* Membership screens */
.membership-plans.plan-section,
.membership-plans.plan-section .tab-content {
    padding: 0;
    max-width: 680px;
    margin: 0 auto;
}

.membership-plans.plan-section.plan-section-guest {
    max-width: 100%;
    margin: 0 auto;
}

.membership-plans .card {
    margin: 30px auto;
    overflow: hidden;
}

.plan-section .plan {
    margin-top: 10px;
}

.plan-cost h3 {
    font-size: 32px;
    line-height: 40px;
}

.plan-cost h3,
.plan-cost h4 {
    display: inline-block;
    vertical-align: middle;
}

.plan-cost a {
    color: #00831b;
    display: inline-block;
}

.plan-cost p {
    margin: 5px 0 15px;
    font-size: 16px;
    line-height: 16px;
}

.rm_space {
    margin: 5px 0 0 !important;
}

.original-price {
    margin-left: 0px;
    text-decoration: line-through;

    font-family: "Lato";
    font-style: normal;
    font-weight: 400;
}

.discount {
    position: absolute;
    background: #000a2a;
    right: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom-left-radius: 30px;
    text-align: left;
    padding: 25px;
}

.atleast {
    display: block;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 1px;
    position: relative;
    margin: 0 auto;
}

.discount p {
    letter-spacing: 2px;
    font-size: 24px;
}

.atleast:before,
.atleast:after {
    border-top: 1px solid #fff;
    top: 0;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15px;
}

.atleast:before {
    right: 3px;
    margin-left: -10px;
}

.atleast:after {
    left: 3px;
    margin-right: -10px;
}

.d-rate {
    font-size: 24px;
    line-height: 30px;
}

/* Plan Subscribed Screen */
.plan-subscribed .card {
    margin: 30px auto 0;
    overflow: hidden;
}

.min-width {
    min-width: 306px;
}

.new-min-width {
    min-width: 240px;
}

.payment-through {
    margin: 20px -10px;
}

.radio-box {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.plan-subscribed .custom-control.custom-radio {
    padding-left: 35px;
    min-height: 50px;
    padding: 12px 12px 12px 47px;
    border-radius: 10px;
    border: 1px solid #cecece;
    width: 100%;
}

.card-expiry {
    margin: 0 -10px;
}

.card-expiry .half-width {
    width: 50%;
    float: left;
    padding: 0 10px;
}

.plan-table {
    border-top: 1px dashed #cecece;
}

.plan-table th,
.plan-table td,
.checkout-table th,
.checkout-table td {
    width: 50%;
    font-size: 16px;
    line-height: 24px;
    padding: 10px 0;
}

.plan-table th,
.checkout-table th {
    color: #727272;
    font-weight: 400;
}

.plan-table td,
.checkout-table td {
    text-align: right;
    font-weight: 600;
    color: #000a2a;
}

.plan-discount th,
.plan-discount td {
    color: #10883a;
}

.payment-success .card {
    max-width: 680px;
    margin: 0 auto;
    width: 330px;
}

.membership .payment-success .card {
    height: calc(100vh - 400px);
    min-height: 330px;
}

.paid {
    background-color: rgb(0 131 27 / 15%);
    border-radius: 13px;
    padding: 4px 10px;
}

.plan-expired span {
    display: inline-block;
    vertical-align: middle;
    color: #e11432;
}

.edit-card-details .card h4 {
    margin-bottom: 25px;
}

.select-cover .custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
    margin-top: 25px;
}

.select-cover .custom-control:after {
    content: "";
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 43px;
    width: 43px;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 0;
}

.select-cover .custom-control-inline {
    margin-right: 0;
}

.select-cover .custom-radio .custom-control-label {
    cursor: pointer;
    height: auto;
}

.select-cover .custom-radio .custom-control-label img {
    border-radius: 13px;
    height: 100%;
    /* object-fit: cover; */
    width: 100%;
}

.select-cover .custom-radio .custom-control-label::before {
    position: absolute;
    top: auto;
    left: auto;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #cecece solid 1px;
    right: 20px;
    bottom: 19px;
    z-index: 1;
}

.select-cover .custom-radio .custom-control-label::after {
    position: absolute;
    top: auto;
    left: auto;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 100%;
    background: none;
    right: 24px;
    bottom: 23px;
    z-index: 1;
}

.loading .loader {
    display: flex;
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background-color: rgb(0 0 0 / 50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    display: none;
}

.spinner-border {
    z-index: 9999;
    border: 0.25em solid #fff;
    border-right-color: transparent;
}

/* Create Listing Screen */
.create-listing optgroup[label] {
    font-size: 13px;
}

.create-listing option {
    font-size: 16px;
}

.for-date .form-group {
    margin-bottom: 10px !important;
}

.wall-publish .card {
    padding: 20px 0;
}

.wall-publish .wall-img {
    margin: 0 15px;
    height: auto;
    border-radius: 10px;
}

.wall-publish .wall-img img {
    height: auto;
    border-radius: 10px;
}

.wall-publish .posted-by > div,
#confirmation-section-div .posted-by > div {
    padding: 12px 0 12px 50px;
    min-height: 40px;
}

.wall-publish .wall-content > p {
    padding-top: 15px;
}

.background {
    position: relative;
    z-index: 1;
    text-align: center;
}

.background:before {
    border-top: 1px solid #cecece;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.background span {
    background-color: #ffffff;
    border-radius: 50%;
    border: 1px solid #cecece;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 8px;
    line-height: 20px;
}

.select-topic .custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
    display: block;
    margin-right: 0;
}

.select-topic .custom-radio .custom-control-label {
    display: block;
    text-align: center;
    border: 1px solid #cecece;
    border-radius: 10px;
    padding: 40px 20px 4px;
    margin: 60px 0 0;
}

.select-topic .form-group .custom-radio:first-child .custom-control-label {
    margin: 40px 0 0;
}

.select-topic .custom-radio .custom-control-label::before {
    position: absolute;
    top: 15px;
    left: auto;
    display: block;
    width: 24px;
    height: 24px;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #cecece solid 1px;
    right: 15px;
    z-index: 1;
}

.select-topic .custom-radio .custom-control-label::after {
    position: absolute;
    top: 19px;
    left: auto;
    width: 16px;
    height: 16px;
    content: "";
    border-radius: 100%;
    background: none;
    right: 19px;
    z-index: 1;
}

.select-topic
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label {
    border: 3px solid #a0d900;
}

.topic-icon {
    background-color: #1cda5f;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    line-height: 55px;
    text-align: center;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
}

.topic-icon img {
    max-width: 40px;
}

.topic > p {
    margin: 10px 0;
}

/* Community wall Screen  */
.wall-wrapper,
.story-wraapper {
    background-color: #e2e2e2;
}

.wall-listing .unlike,
.wall-listing-dashboard .unlike {
    color: #cecece;
    font-weight: 300;
}

.wall-listing-dashboard h2 {
    margin-bottom: 20px !important;
}

.wall-listing-dashboard h2 a {
    color: #000a2a;
}

.wall-listing-dashboard h2 a:hover {
    color: #a0d900;
}

.wall-header.d-flex {
    position: relative;
    z-index: 1;
}

.wall-listing .wall-header h4 {
    padding-right: 20px;
    /* text-transform: capitalize; */
}

.community-wall.wall-listing .favorite {
    font-size: 28px;
}

.community-wall.wall-listing .payment-success .card,
#user-profiles-container .payment-success .card,
.no-story .payment-success .card {
    min-height: calc(100vh - 425px);
    /* margin: 30px auto 0; */
}

/* .community-wall.wall-listing > ul {
    margin: 0;
    display: block;
    flex-wrap: nowrap;
} */

.community-wall.wall-listing > ul > li {
    width: 100%;
    display: block;
    padding: 30px 0 0;
    max-width: 680px;
    margin: 0 auto;
    float: none;
}

.community-wall.wall-listing.my-post .wall-action-btns li {
    display: inline-block;
    width: auto;
    padding: 0 10px 0;
}

/* .community-wall.wall-listing > ul > li {
    width: auto;
    padding: 0 10px;
} */

/* .wall-listing .wall-img {
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgb(0 10 42 / 20%);
} */
.community-wall .wall-img {
    height: auto;
    text-align: center;
}

.community-wall .wall-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 60vh;
}

.no-result {
    padding: 60px 0;
}

.no-result .verification {
    padding-top: 30px;
}

.wall-post .card {
    max-width: 680px;
    margin: 0 auto;
}

.wall-location-detail .stops {
    display: block;
    position: relative;
    padding: 0 0 40px 20px;
}

.wall-location-detail .stops:last-child {
    padding-bottom: 0;
}

.stops:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 2px;
    height: 9px;
    width: 9px;
    border: 1px solid #000a2a;
    border-radius: 50%;
}

.stops:last-child:before,
.stops:first-child:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 2px;
    height: 15px;
    width: 12px;
    border: 0;
    background-image: url(../images/location.svg);
    background-repeat: no-repeat;
    border-radius: 50%;
    background-size: 12px;
}

.stops:after {
    content: "";
    position: absolute;
    bottom: -3px;
    left: 2px;
    background-image: url(../images/dots.PNG);
    background-repeat: no-repeat;
    height: 45px;
    width: 10px;
}

.stops:last-child:after {
    display: none;
}

.wall-location-detail .map-img {
    /* margin: 30px 0 20px; */
    margin: 0;
}

.custom-page {
    margin-top: 20px;
}

.custom-page .pagination {
    align-items: center;
    justify-content: center;
    /* padding: 0 0 60px !important; */
    flex-wrap: wrap;
}

.custom-page .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #000a2a;
    border-color: #000a2a;
}

.custom-page .page-link {
    color: #000a2a;
    font-size: 13px;
    line-height: 13px;
}

.custom-page .page-link:hover {
    color: #000a2a;
}

.profile-listings .custom-page {
    margin: 15px 0 0px;
}

/* Create Listing (Travel) */
.location-wrap,
.add-stop {
    margin-bottom: 20px;
}

.add-stop i {
    font-weight: 400;
}

.start-icon,
.remove-input {
    width: 50px;
    text-align: center;
    padding: 0 6px;
}

.start-icon i,
.remove-input i {
    font-size: 26px;
    font-weight: 400;
}

.remove-input a {
    color: #000a2a;
}

.mid-field {
    width: calc(100% - 80px);
}

.location-wrap .location a {
    position: absolute;
    top: 0;
    height: 38px;
    width: 38px;
    right: 0;
}

.remove-location {
    text-align: center;
    line-height: 38px;
}

.remove-location i {
    color: #cecece;
}

.input-has-value .l-search,
.remove-location {
    display: none !important;
}

.input-has-value .remove-location {
    display: block !important;
}

/* Adoptions Screen CSS */
.adoption-wrapper {
    max-width: 680px;
    margin: 0 auto;
}
.adoption-wrapper .panel-group {
    margin: 0 15px;
}
.adoption-wrapper .panel:first-child {
    margin-top: 30px;
}
.adoption-wrapper.settings-wrapper .panel:first-child {
    margin-top: 0;
}

.adoption-wrapper .panel {
    margin-bottom: 30px;
    /* border: 1px solid #727272; */
    border-radius: 10px;
    overflow: hidden;
}

.adoption-wrapper .panel-heading {
    /* background-color: #ebebeb; */
    border-radius: 10px 10px 0 0;
}
.adoption-wrapper .panel-body .card {
    margin-bottom: 15px;
}
.adoption-wrapper .panel-body .card:last-child {
    margin-bottom: 0;
}
.adoption-wrapper .panel-heading h4 {
    padding: 15px 15px 5px;
    position: relative;
}
.adoption-wrapper .panel-heading p {
    padding: 0 30px 15px 35px;
    color: rgb(114 114 114);
}
.adoption-wrapper .adoptions .panel-desc-content {
    padding: 15px;
}

.adoption-wrapper.settings-wrapper .panel {
    overflow: visible;
}
.adoption-wrapper.settings-wrapper .panel-heading {
    background-color: #ffffff;
    padding: 10px 0;
    box-shadow: 0 3px 4px rgb(0 0 0 / 23%);
}
.adoption-wrapper.settings-wrapper .panel-heading h4 {
    padding: 0;
}
.adoption-wrapper.settings-wrapper .panel-title > a.criteria {
    font-size: 18px;
    color: #727272;
}

/* For light  */
/* .adoption-wrapper .panel-heading {
    border-radius: 10px 10px 0 0;
}
.adoption-wrapper .panel-heading h4 {
    padding: 15px 15px 5px;
}
.adoption-wrapper .panel-heading p {
    padding: 0 30px 15px 30px;
    color: rgb(114 114 114 / 80%);
}
.adoption-wrapper .adoptions .panel-desc-content {
    padding: 10px 15px 20px;
} */
/* For light ends */

/* .adoption-wrapper .panel-heading p {
    background-color: rgb(114 114 114 / 20%);
} */

.adoption-wrapper .panel-heading.panel-active {
    background-color: #ebebeb;
}

.adoption-wrapper .panel-title > a.criteria {
    display: block;
    cursor: pointer;
    font-size: 22px;
}

.adoption-wrapper .panel-title > a.criteria:after,
.adoption-wrapper .panel-title > a.criteria.collapsed:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    right: 0;
    /* top: 4px; */
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
}

.adoption-wrapper .panel-title > a.criteria:after {
    content: "\f077";
}

.adoption-wrapper .panel-title > a.criteria.collapsed:after {
    content: "\f078";
}

.adoption-wrapper .criteria {
    padding-left: 20px;
    color: #000a2a;
}

.adoption-info {
    position: absolute;
    right: 40px;
    top: 11px;
    display: none;
}

.adoptee {
    position: relative;
    padding: 8px 0 0 50px;
}

.adoptee_img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.adoptee_img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.adoptee .user-type {
    padding: 4px 20px 4px 50px;
}

.adoptee h5 {
    padding: 0 0 20px 50px;
}

/* .decline .action-icon,
.accept .action-icon,
.cancel .action-icon,
.delete .action-icon,
.write-review .action-icon {
    height: 30px;
    width: 30px;
    line-height: 28px;
    text-align: center;
    display: block;
    border: 1px solid #d90000;
    border-radius: 50%;
    margin: 0 auto 4px;
} */

.decline i,
.accept i,
.cancel i,
.delete i,
.write-review i {
    font-weight: 400;
}

.decline i {
    color: #d90000;
}

.accept i,
.cancel i,
.delete i,
.write-review i {
    color: #000a2a;
}

.accept .action-icon,
.write-review .action-icon {
    border: 1px solid #000a2a;
    background-color: #a0d900;
}

.cancel .action-icon,
.delete .action-icon {
    border: 1px solid #000a2a;
}

#confirmed .dates,
#pending .dates,
#received .dates {
    width: 65%;
}

.dates li {
    min-width: 90px;
}

.dates > p {
    padding-bottom: 10px;
}

.dates li,
.actions li {
    display: inline-block;
    vertical-align: top;
    padding: 0 10px;
}

.dates li:first-child,
.actions li:first-child {
    padding-left: 0;
}

.dates li:last-child,
.actions li:last-child {
    padding-right: 0;
}

.dates li:first-child:after {
    content: "-";
    position: absolute;
    top: 0;
    right: 2px;
}

.actions li a {
    display: block;
}

.adoption-wrapper .criteria:before {
    top: 8px;
}

/* .adoption-wrapper .adoptions .card {
    margin: 15px 0;
} */

.adoption-wrapper .panel-title > a:hover,
.adoption-wrapper .panel-title > a:active,
.adoption-wrapper .panel-title > a:focus,
.adoption-wrapper .panel-title > a.collapsed,
.adoption-wrapper .panel-title > a[aria-expanded="true"] {
    color: #000a2a;
}

.pending .card {
    border-top: 4px solid #fec032;
}

.r-pending .card {
    border-top: 4px solid #ff9000;
}

.confirmed .card {
    border-top: 4px solid #00831b;
}

.cancelled .card {
    border-top: 4px solid #e11432;
}

.concluded .card {
    border-top: 4px solid #cecece;
}

.modal .two-btns {
    padding: 20px;
    display: flex;
    margin: 0 !important;
    justify-content: center;
}

#web-cam-modal .two-btns {
    padding: 20px 0;
}

.modal .two-btns li {
    width: 50%;
    padding: 0 10px;
    margin: 0;
}

.modal .two-btns li a.btn {
    min-width: 0;
    width: 100%;
}

.modal .two-btns li:first-child {
    padding-left: 0;
}

.modal .two-btns li:last-child {
    padding-right: 0;
}

.user-review textarea.form-control {
    min-height: 100px;
    resize: none;
}

/* Notification screen CSS */
.notification-listing {
    max-width: 680px;
    margin: 0 auto;
    background-color: #ffffff;
}

/* .notification-listing li {
    padding: 0 15px;
} */

.notification-listing li:hover,
.unread.message-list:hover {
    /*    background-color: rgb(160 217 0 / 30%);*/
    background: linear-gradient(0deg, #a9afbd 0%, #a9afbd 100%), #fff;
}
.notification-listing li.empty-list:hover {
    background-color: transparent;
}

.notification-listing li > div,
.notification-listing li > a {
    padding: 15px;
    display: block;
    position: relative;
    border-bottom: 1px solid #a9afbd;
}
.notification-listing .smart-listing li.unread a {
    border-bottom: 1px solid #ffffff;
}

.notification-listing li:last-child a,
.notification-listing li:last-child div {
    border: 0;
}

.notification-listing form,
.inbox-search {
    max-width: 320px;
    margin: 0 auto;
    padding: 20px 10px;
}

.notification-listing li.unread.message-list > a {
    border-bottom: 1px solid #ffffff;
}

.notify-message {
    width: 100%;
    padding-left: 65px;
    align-items: center;
    min-height: 50px;
}

.notify-message a {
    font-weight: 400;
}

.notify-message > p {
    padding-right: 15px;
}

.notify-user {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
}

#notification-list .notify-user {
    position: absolute;
    max-width: 50px;
    left: 15px;
    width: 100%;
}

#notification-list .notify-message > p {
    width: calc(100% - 110px);
}

#notification-list .notify-message > div {
    width: 100px;
}

.notify-user a {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    height: 100%;
}

.notify-user a img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.not-read a {
    font-weight: 600;
}

.notify-user span {
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.notify-user > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

.smart-listing .unread,
.message-list.unread {
    /* background-color: #f8f8f8; */
    background: linear-gradient(0deg, #a9afbd 0%, #a9afbd 100%), #fff;
}

.multiple-share > img {
    height: 33px;
    width: 33px;
}

.multiple-share > img:nth-child(2) {
    position: absolute;
    right: 0;
    bottom: 0;
}

.multiple-share span {
    right: auto;
    bottom: 6px;
    left: 6px;
}

.radio-fav.custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
    margin: 0;
}

.radio-fav.custom-radio .custom-control-label {
    line-height: 28px;
    height: 28px;
    width: 28px;
    cursor: pointer;
}

.radio-fav.custom-radio .custom-control-input ~ .custom-control-label::before,
.radio-fav.custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f004";
    position: absolute;
    right: 0;
    top: 0;
    height: 28px;
    width: 28px;
    font-size: 28px;
}

.radio-fav.custom-radio .custom-control-input ~ .custom-control-label::before {
    color: #cecece;
    border-color: transparent;
    background-color: transparent;
    font-weight: 300;
    left: auto;
}

.radio-fav.custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-image: none !important;
    background-color: transparent;
    border: 0;
    color: #e11432;
    font-weight: 900;
}

.radio-fav.custom-radio .custom-control-label::after {
    display: none;
}

/* Message Screen Designs  */
.messages-wrapper {
    padding-bottom: 60px;
}

.list-message {
    width: calc(100% - 70px);
    /* padding-left: 65px; */
}

.message-notification {
    background-color: #0734c1;
    border-radius: 12px;
    font-size: 12px !important;
    line-height: 12px !important;
    color: #ffffff !important;
    text-align: center;
    padding: 6px 8px;
}

.notify-user .user-availability {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    border: 1px solid #ffffff;
    background-color: #00dc58;
    bottom: auto;
    top: 4px;
    display: none;
}

.online .user-availability {
    display: block;
}

.user-msg {
    text-overflow: ellipsis;
    width: 100%;
    padding-right: 20px;
    overflow: hidden;
    white-space: nowrap;
}

.no-messages h2 {
    font-size: 120px;
}

.plan-container {
    height: calc(100vh - 350px);
}

/* Chat Screen Design  */
.h40 {
    height: 40px;
}

.chat-wrapper {
    overflow: hidden;
}

/* .full-chat-wrapper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
} */
.chat-box-wrapper {
    max-width: 905px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 0 15px;
}

.chat-list {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    /* border-bottom: 1px solid #cecece; */
    /* padding: 0 10px 20px; */
    padding: 0 10px 10px;
    /* height: calc(100vh - 350px); */
    overflow-y: auto;
    /* height: 100%; */
    position: relative;
    z-index: 1;
    background: #ffffff;
    /* justify-content: flex-end; */
}

.chat-list .chat-msg:last-child {
    margin-bottom: 0;
}

.chat-list > span {
    display: block;
    margin: 0 auto;
    font-size: 20px;
}

.chat-profile .notify-user {
    height: 40px;
    max-width: 40px;
    width: 40px;
    position: absolute;
    left: 0;
}

.chat-profile-name {
    font-size: 16px;
    line-height: 16px;
}

.chat-profile .notify-message {
    min-height: 40px;
    padding-left: 50px;
}

/* .chat-profile {
    padding: 15px 0;
} */

.request-view {
    padding: 10px 0;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.chat-msg {
    max-width: 80%;
    display: flex;
    flex-direction: column;
    margin: 15px 0;
}

.chat-msg p,
.chat-msg a {
    border-radius: 10px;
    padding: 10px;
    font-size: 16px;
    line-height: normal;
}

.chat-time {
    margin: 0 0 6px;
    font-size: 12px;
    color: rgba(0, 10, 42, 0.5);
}

.receiver p,
.receiver a {
    background-color: rgb(28 218 95 / 13%);
}

.receiver p {
    margin-left: 10px;
}

.sender {
    align-self: flex-end;
    align-items: flex-end;
}

.receiver {
    align-items: flex-end;
    align-self: flex-start;
}

.sender p,
.sender a {
    background-color: #e3e3e3;
}

.r_img {
    height: 36px;
    width: 36px;
    border-radius: 100%;
    flex-shrink: 0;
}

.r_img img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
}

.chat-msg p a {
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    word-break: break-all;
}

.chat-top {
    position: relative;
    z-index: 1;
    /* background: #fff; */
    background: #f8f8f8;
    padding: 15px;
    border-radius: 10px;
    /* margin-top: 30px; */
}

.fixed-bottom {
    position: fixed;
    width: calc(905px - 30px);
    z-index: 0;
    margin: 0 auto;
}

.message-sent {
    padding: 15px 0;
    /* border-radius: 8px; */
    bottom: 0;
    border-top: 1px solid #e4e4e4;
}
.active-post-btn {
    margin: 15px 0;
    text-align: center;
}

.message-sent textarea {
    margin: 0 8px;
    padding: 6px 20px;
    /* border: 1px solid #000a2a; */
    border: 0;
    line-height: 22px;
    min-height: 38px;
    max-height: 100px !important;
    overflow: auto;
    height: 38px;
    width: calc(100% - 90px);
    box-shadow: 0 0 0 1px #000a2a;
    resize: none;
}

.send-option {
    margin-left: 20px;
}

.message-sent .form-group a {
    /* position: absolute; */
    top: 50%;
    color: #000a2a;
    display: block;
    margin: 0;
    /* transform: translateY(-50%); */
    z-index: 1;
    cursor: pointer;
    border: 1px solid #000a2a;
    padding: 7px;
    border-radius: 6px;
    width: 38px;
    height: 38px;
    text-align: center;
}

.message-sent .form-group .media-options {
    left: 6px;
}

#send-message {
    right: 15px;
}

.message-sent .remove-preview {
    display: block !important;
    line-height: 28px;
}

.message-sent .form-group a i {
    font-size: 22px;
}

.message-sent .form-group {
    width: 100%;
    position: relative;
}

.message-sent .bottom-btns a {
    margin: 20px auto 0 !important;
}

#chat-options.modal .two-btns {
    padding: 20px;
}

/* textarea {
    min-height: 300px;
    width: 100%;
} */

.last-seen {
    display: block;
    height: 20px;
    width: 20px;
    /* border: 2px solid #ececec; */
    border-radius: 50%;
    overflow: hidden;
    margin: 4px 0 0px;
    font-size: 14px;
    line-height: 14px;
}
.last-seen img {
    height: 100%;
}

/*Reply User CSS */
/* .reply-box button {
    width: 30px !important;
    margin: 0 !important;
    max-width: 30px !important;
    padding: 0;
    color: #000a2a;
    min-width: 30px !important;
} */

.reply-box button:hover {
    background-image: none;
    color: #000a2a;
}

/* .reply-box textarea {
    width: calc(100% - 40px);
    min-height: 40px;
    height: 100%;
} */

.comment-box {
    padding: 15px 0 0 30px;
}

.c-heading {
    font-size: 24px;
    margin: 25px 0;
}

.comment-box .review-content {
    padding-left: 55px;
    min-height: 40px;
}

.comment-box .review-content .d-flex {
    min-height: 40px;
}

.review-list .comment-box .review-content .d-flex {
    min-height: 0;
}

.comment-reply-btn,
.edit-comment-btn {
    width: 180px;
    margin-left: 15px;
}

/* Reply User CSS ends */

/*Start: Map view page icon css*/
.backpacker-marker {
    background-image: url(../images/backpacker-pin-s.svg);
    background-size: cover;
    width: 51px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.au-marker {
    background-image: url(../images/au-pair-pin-s.svg);
    background-size: cover;
    width: 51px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.localFriend-marker {
    background-image: url(../images/local-friend-pin-s.svg);
    background-size: cover;
    width: 43px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.localHost-marker {
    background-image: url(../images/local-host-pin-s.svg);
    background-size: cover;
    width: 51px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.hostelHost-marker {
    background-image: url(../images/hostel-host-pin-s.svg);
    background-size: cover;
    width: 51px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.auHost-marker {
    background-image: url(../images/au-pairhost-pin-s.svg);
    background-size: cover;
    width: 51px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.employer-marker {
    background-image: url(../images/employer-pin-s.svg);
    background-size: cover;
    width: 43px;
    height: 52px;
    border-radius: 50%;
    cursor: pointer;
}

.stop-marker {
    background-image: url(../images/pin.png);
    background-size: cover;
    width: 36px;
    height: 37px;
    border-radius: 50%;
    cursor: pointer;
}

/*End: Map view page icon css*/

#cropperModal .modal-dialog {
    max-width: 500px;
}

/* .croppie-container .cr-slider-wrap {
    width: 90% !important;
    margin: 0 auto !important;
    text-align: center;
} */

#cropperArea {
    padding: 15px 15px 0;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
}

.rotate-btns {
    text-align: center;
    margin-top: 20px;
}

.rotate-btns > div {
    display: inline-block;
    padding: 0 10px;
}

.vanilla-rotate {
    padding: 10px 15px;
}

.review-img {
    height: 40px;
    width: 40px;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
}

/* Adoption request screen */
.adoption-notification {
    position: relative;
    z-index: 1;
    background: #ffffff;
}

.adoption-request.safety-wrapper .card {
    max-width: 680px;
    margin: 0 auto;
}

.adoptee-img p {
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
}

/* .awaiting > div {
    border: 1px solid #fec032;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(254 192 50 / 20%);
}



.accepted > div {
    border: 1px solid #a0d900;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(160 217 0 / 20%);
}

.declined > div {
    border: 1px solid #e11432;
    padding: 10px;
    border-radius: 10px;
    background-color: rgb(225 20 50 / 20%);
    margin-top: 20px;
}

.request-icon {
    font-size: 30px;
    margin-right: 10px;
}

.awaiting .request-icon {
    color: #fec032;
}

.accepted .request-icon {
    color: #a0d900;
}

.declined .request-icon {
    color: #e11432;
} */

.adoption-user .dates li {
    width: 50%;
    float: left;
}

/* #concluded .adoption-user .dates li, */
#cancelled .adoption-user .dates li {
    width: 35%;
}

.date-marker {
    background-color: #0c1941;
    border-radius: 13px;
    padding: 5px 10px;
    margin: 20px auto 0;
}

.thank-you .card {
    max-width: 680px;
    margin: 0 auto;
}

.mfp-bg {
    background: #000000;
    z-index: 999998;
}

.mfp-wrap {
    z-index: 999999;
}

/* .activities h4, .activities p {
    text-align: left !important;
    margin: 0 auto;
    display: inline-block;
} */

.activities .inline-error {
    /* position: absolute; */
    left: 0;
    top: -20px;
    right: 0;
    text-align: left;
}

/* .modal .two-btns li:nth-child(3), .modal .two-btns li:last-child {
    position: absolute;
    left: 0;
    z-index: 9;
    font-size: 0;
} */

.modal .two-btns li:last-child {
    right: 0;
}

.preview-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    align-items: stretch;
    /* padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px; */
    height: 155px;
}

.preview-list {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: auto;
    align-items: stretch;
}

.preview-list .thumb {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    align-items: stretch;
    justify-content: flex-end;
    background-color: rgb(255, 255, 255);
    border-color: transparent;
    text-align: left;
    border-width: 0px;
    height: 135px;
    width: 135px;
    border-radius: 6px;
    padding: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer;
    border-style: solid;
}

.preview-list .thumb a {
    position: relative;
    overflow: visible;
    background-color: transparent;
    flex-grow: 1;
    flex-shrink: 1;
    align-self: stretch;
    border-radius: 6px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    border-style: none;
    display: flex;
}

.preview-list .thumb a figure {
    margin: 0;
    height: 100%;
    width: 100%;
}

.preview-list > button {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background-color: rgb(138, 141, 145);
    border-color: transparent;
    text-align: left;
    border-width: 0px;
    height: 135px;
    width: 60px;
    border-radius: 6px;
    padding: 0px;
    cursor: pointer;
    border-style: solid;
}

.preview-area {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    overflow: hidden;
    align-items: stretch;
    max-height: 175px;
    background-color: rgba(0, 0, 0, 0);
}

/* Settings screen CSS */
.settings-wrapper fieldset {
    padding-top: 0;
}
.settings-wrapper .criteria:before {
    display: none;
}

.settings-wrapper .criteria {
    padding-left: 0;
}

.settings-wrapper .criteria span {
    display: inline-block;
    margin-right: 10px;
    min-width: 28px;
}

.settings-wrapper .collapse.show + .panel-heading {
    background-color: #cecece;
}

.adoption-wrapper .panel-heading.panel-bg {
    background-color: #cecece;
}

.settings-wrapper .panel-title > a:hover,
.settings-wrapper .panel-title > a:active,
.settings-wrapper .panel-title > a:focus,
.settings-wrapper .panel-title > a[aria-expanded="true"] {
    color: #727272;
}

.panel-heading.panel-bg .panel-title > a {
    color: #000a2a;
}

.notify-type {
    margin: 20px 10px;
}

.notify-type h4:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    background-color: #00dc58;
    border-radius: 50%;
    margin-right: 10px;
    top: 4px;
    left: 0;
}

.notify-type .custom-checkbox.custom-control {
    margin: 15px 0 0;
}

.delete-condition {
    padding: 10px;
    border: 1px solid #cecece;
    border-radius: 8px;
    margin: 20px 0px;
}

.settings-wrapper .profile {
    padding: 15px;
}

.settings-wrapper .profile-img {
    position: static;
}

.settings-wrapper .profile-desc {
    padding-left: 20px;
    min-height: 0;
}

/* .password-field:after {
    content: "";
    display: block;
    height: 8px;
    width: 0;
    margin-top: 10px;
    border-radius: 8px;
    margin-right: 15px;
}

.password-field.level0:after {
    width: 25%;
    background: red;
}

.password-field.level1:after {
    width: 50%;
    background: orange;
}

.password-field.level2:after {
    width: 75%;
    background: gold;
}

.password-field.level3:after {
    width: 100%;
    background: green;
} */

#popover-password li {
    margin-bottom: 6px;
}

.tool-btn {
    border: 0;
    background-color: #000a2a;
    color: #fff;
    padding: 8px 12px;
    border: 1px solid #fff;
}

.my-group-btn .btn {
    margin: 0 5px !important;
    border-radius: 8px !important;
}

.inline-success {
    color: #00831b;
    text-align: left;
    font-size: 14px;
    background: rgb(0 131 27 / 20%);
    padding: 8px 0 8px 30px;
    display: block;
    position: relative;
}

.inline-success:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f058";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #00831b;
}

.manage .card {
    height: 100%;
}

#apply-coupon-code-modal .modal-dialog {
    max-width: 420px;
}

.blocked {
    padding: 20px;
    background-color: #ff000038;
    font-size: 18px;
}

#tour-btn {
    z-index: 1;
    position: relative;
    display: inline-block;
}

.password-field .progress {
    height: 8px;
    margin: 10px 0;
}

.progress-bar {
    background-color: #28a745;
}

.error .password-field .wizard-password-show,
.error-n .wizard-password-show {
    display: none;
}

#password-change-form .error-n .wizard-password-show {
    display: inline-block;
    right: 40px;
}

.custom-counter.main-counter > li::before {
    left: 0px;
    top: 5px;
    font-size: 24px;
    font-weight: 600;
}

.custom-counter.main-counter .custom-counter > li::before {
    left: 0;
}

.main-counter .custom-counter > li h5:before {
    display: none;
}

.custom-counter > li > div > p,
.main-counter .custom-counter > li > p {
    padding-top: 12px;
}

.conditionWrapper.global-tabs .nav-tabs .nav-item {
    width: 33.33%;
    float: left;
}

/* Tour Guide UI */
.introjs-button {
    color: #000a2a !important;
    text-shadow: none;
    border: 0;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
}

.introjs-button.introjs-nextbutton {
    background-color: #a0d900;
}

.introjs-button.introjs-prevbutton {
    background-color: #e0e2d8;
}

.introjs-button:focus {
    border: 0;
}

.introjs-button.introjs-prevbutton.introjs-disabled {
    cursor: not-allowed;
}

.introjs-button:focus {
    box-shadow: none;
}

.introjs-skipbutton {
    font-weight: 700;
    text-align: center;
    padding: 6px 7px;
    height: 20px;
    position: absolute;
    right: -13px;
    top: -13px;
    border-radius: 50%;
    background-color: #ffffff;
    font-size: 24px;
    width: 20px;
    color: #000a2a;
    border: 1px solid #000a2a;
    display: inline-block;
}

.introjs-tooltiptext {
    padding: 20px;
    font-size: 16px;
    color: #000a2a;
    font-weight: 500;
}

.introjs-tooltipbuttons {
    padding: 15px 20px;
}

.introjs-helperLayer {
    box-shadow: rgb(33 33 33 / 90%) 0px 0px 1px 2px,
        rgb(33 33 33 / 90%) 0px 0px 0px 5000px;
}

.renew-cancel span img {
    height: 16px;
    width: 16px;
}

.renew-cancel span {
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
    color: #d90000;
}

#payment-form .card > p {
    color: #939393;
    font-size: 13px;
    font-family: "Lato", sans-serif !important;
}

#payment-form .card > p em {
    padding-top: 10px;
    display: block;
}

.profiles-found .mapboxgl-ctrl-geocoder {
    box-shadow: none;
    width: 100%;
    max-width: 100%;
    z-index: 99;
}

.profiles-found .mapboxgl-ctrl-geocoder--icon-search {
    position: absolute;
    top: 4px;
    left: auto;
    width: 30px;
    height: 30px;
    right: 8px;
    fill: #000a2a;
    display: none;
}

.profiles-found .mapboxgl-ctrl-geocoder--input {
    border: 1px solid #cecece;
    color: #000a2a;
    padding: 4px 40px 4px 20px;
    height: 38px;
    font-size: 16px;
    line-height: 18px;
    border-radius: 8px;
    font-weight: 700;
}

.profiles-found .mapboxgl-ctrl-geocoder .suggestions {
    font-size: 13px;
    max-height: 180px;
    overflow-y: auto;
}

.profiles-found .mapboxgl-ctrl-geocoder--input:focus {
    outline: none;
    border: 2px solid #000a2a;
}

.edit-delete li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

#apply-coupon-code-modal .two-btns button {
    width: 100%;
}

.renew-cancel span:first-child {
    width: 20px;
}

.renew-cancel {
    display: flex;
    align-items: flex-start;
}

.blocked-users li {
    padding: 15px;
    border-bottom: 1px solid #cecece;
}

.blocked-users li:last-child {
    border-bottom: 0;
}

/* .faqWrapper.safety-wrapper .nav-tabs .nav-item {
    width: 25%;
} */

.faq ol {
    list-style: none;
    counter-reset: my-awesome-counter;
    padding-top: 20px;
}

.faq ol li {
    counter-increment: my-awesome-counter;
    position: relative;
    padding: 0 0 20px 20px;
}

.faq ol li::before {
    content: counter(my-awesome-counter) ". ";
    color: #000a2a;
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
}

.faq ol li h4 {
    font-size: 18px;
    color: #000a2a;
    font-weight: 700;
    line-height: 24px;
}

.faq #collapseTwo {
    max-height: 350px;
    overflow-y: auto;
}

.chat-links {
    padding: 0;
    display: block;
    word-break: break-all;
}

.verify-email input::-webkit-outer-spin-button,
.verify-email input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.location a.clear-field {
    right: 24px !important;
    color: #000a2a;
    display: none;
    top: 10px !important;
}

.location input::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.show-close a.clear-field {
    display: inline-block;
}

.global-hide {
    text-align: left;
}

input[type="range"].w-80 {
    width: 80% !important;
}

#range-slider-output {
    font-size: 12px;
}

/* Page not found css starts */
.not-found-wrapper.section-wrapper {
    padding: 0;
}

.sec-404 {
    max-width: 680px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.sec-404 img {
    max-width: 80%;
    margin: 0 auto;
}

.sec-404 h4 {
    padding: 10px 0;
    font-size: 22px;
    font-weight: 600;
}

.sec-404 p {
    max-width: 400px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 20px;
}

.sec-404 .btn {
    max-width: 180px;
    margin: 20px auto 0;
}

/* Page not found css ends */

.pay-info {
    position: absolute;
    right: 15px;
    top: 15px;
}

.pay-info img {
    width: 25px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.request-view .dates li:first-child:after {
    /* content: "-";
    position: absolute;
    top: 0;
    right: -5px; */
    display: none;
}

.request-view .dates li:first-child {
    text-align: right;
}

.request-view .dates li:nth-child(2) {
    min-width: 0;
    padding: 0;
}

.request-view .dates li:nth-child(3) {
    text-align: left;
}

/* Datepicker UI  */

.datepicker td,
.datepicker th {
    font-size: 15px;
    border-radius: 0;
    width: 35px;
    height: 35px;
}

.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover {
    background-image: none;
    background-color: #000a2a;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active[disabled] {
    background-color: #000a2a;
}

.datepicker table tr td span {
    /* height: 50px;
    line-height: 50px; */
    border-radius: 0;
}

.picker1 .form-control[readonly] {
    background-color: transparent;
}

.datepicker.datepicker-dropdown {
    z-index: 11 !important;
}

._hj_feedback_container
    ._hj-1O2Rr__MinimizedWidgetMiddle__container._hj-1QnQT__MinimizedWidgetMiddle__right
    ._hj-21t0-__MinimizedWidgetMiddle__label {
    border-radius: 10px 0 0 10px !important;
    background-color: #a0d900 !important;
}

._hj_feedback_container
    ._hj-1O2Rr__MinimizedWidgetMiddle__container
    ._hj-1uQd9__MinimizedWidgetMiddle__text {
    color: #000a2a !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: "Raleway", sans-serif !important;
}

._hj_feedback_container
    ._hj-qoDG___EmotionIconDefault__iconEmotionDefault
    ._hj-3obO5__EmotionIconDefault__commentIcon._hj-150gX__EmotionIconDefault__invert:before,
._hj_feedback_container
    ._hj-qoDG___EmotionIconDefault__iconEmotionDefault
    ._hj-2RA7u__EmotionIconDefault__expressionIcon:before {
    color: #000a2a !important;
}

/* File sharing in chat screen */

.file-preview {
    background-color: #dddddd !important;
    align-items: center;
    padding: 10px;
}

/* Drag and Drop CSS starts */

.box {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

.dropzone-wrapper {
    position: relative;
    height: 200px;
}

.dropzone-desc,
.storyzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 120px;
    top: 50%;
    font-size: 16px;
    transform: translateY(-50%);
}

.dropzone,
.dropzone:focus,
.storyzone,
.storyzone:focus {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 200px;
    cursor: pointer;
    opacity: 0;
    top: 0;
}

.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
    background: #ecf0f5;
}

.preview-zone {
    text-align: center;
    height: 100%;
    border: 1px dashed #a0d900;
    color: #000a2a;
    border-radius: 10px;
    overflow: hidden;
}

.preview-zone .box {
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
    height: 100%;
}

.preview-zone .box-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.preview-zone .box img {
    height: auto;
    max-height: 100%;
}

.photo-edit .dropzone-desc {
    display: none;
}

.remove-preview {
    z-index: 1;
}

.dropzone-wrapper label {
    width: 30px;
    border-radius: 0;
    font-weight: 400;
    line-height: 30px;
    margin: 0 !important;
    height: 30px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    border: 0;
    font-size: 13px;
    z-index: 1;
    cursor: pointer;
}

.dropzone-wrapper label span.add,
.dropzone-wrapper label span.edit {
    display: inline-block;
    /* margin-left: 30px; */
    height: 30px;
    width: 30px;
    border: 1px solid #0c1941;
    text-align: center;
    border-radius: 50%;
    font-size: 16px;
    color: #0c1941;
}

.dropzone-wrapper label span.edit {
    background-color: #a0d900;
    float: right;
    line-height: 26px;
    color: #0c1941;
}

.dropzone-wrapper label span.edit i {
    font-size: 12px;
}

.dropzone-wrapper label span.edit i:hover {
    color: #0c1941 !important;
}

.dropzone-wrapper label.label-add:hover span,
.dropzone-wrapper label.label-add:focus span {
    color: #a0d900;
}

.remove-preview {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #0c1941;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #0c1941;
    text-align: center;
    line-height: 30px;
    background-color: #fff;
}

.label-edit,
.remove-preview {
    display: none !important;
}

.photo-edit .label-edit,
.photo-edit .remove-preview {
    display: inline-block !important;
}

.photo-edit .label-add {
    display: none !important;
}

.invalid-data.dropzone-wrapper {
    margin-bottom: 20px;
}

/* Drag and Drop CSS ends */
/* Drag and Drop CSS ends */

/* For ID verification Page drag and drop feature */
.dropzone-wrapper.doc-wrapper {
    /* margin-bottom: 30px; */
    height: 100%;
}

.dropzone-wrapper.doc-wrapper:hover,
.dropzone-wrapper.doc-wrapper.dragover {
    background: transparent;
}

.dropzone-wrapper.doc-wrapper .preview-zone {
    height: 200px;
    position: relative;
}

.doc-wrapper label {
    width: 100%;
    position: static;
    text-align: right;
    color: #0734c1;
    font-weight: 700;
}

.doc-wrapper label:hover {
    color: #a0d900;
}

.doc-wrapper .dropzone-desc {
    width: 100%;
    height: 200px;
    top: 0 !important;
    transform: none !important;
}

.dropzone-desc img {
    height: auto;
    max-height: 100%;
}

.after-upload,
.label2 {
    display: none;
}

.uploaded .preview-zone:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 45%);
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.uploaded .after-upload {
    display: block;
    position: absolute;
    z-index: 1;
}

.uploaded .label2 {
    display: block;
}

.uploaded .label1 {
    display: none !important;
}

.doc-wrapper .preview-zone .box {
    display: flex;
    align-items: center;
    justify-content: center;
}

.uploaded .dropzone-desc {
    display: none;
}

/* For ID verification Page drag and drop feature */

.c-count {
    font-family: "Lato", sans-serif;
    position: absolute;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
    background-color: #e11432;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    overflow: hidden;
}

/* File sharing in chat screen */

.download {
    border-top: 2px solid #fff;
}

.file-shared .f-name {
    width: 100%;
    max-width: 115px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.file-shared p {
    background-color: transparent;
}

.sent-file .file-shared .f-name {
    max-width: 160px;
}

/* Comment Section CSS */

.comment-section {
    padding: 0 15px;
}

.comment-section .wall-options {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 20px 0;
}

.comment-section .wall-options ul {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

/* .comment-section .wall-options li {
    width: 33.33%;
    float: left;
} */

.comment-section .wall-options li a p {
    display: inline-block;
    vertical-align: middle;
}

.comment-section .wall-options i {
    font-size: 22px;
    color: #000a2a;
    font-weight: 400;
}

.comment-section .wall-options li a p:last-child {
    font-size: 16px;
    color: #000a2a;
    font-weight: 400;
}

.comment-img a {
    overflow: hidden;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
}

.comment-img a img {
    height: 100%;
    object-fit: cover;
}

.comment-text {
    /* background-color: #f6f6f6;
    border-radius: 8px; */
    margin-left: 10px;
    max-width: calc(100% - 38px);
    position: relative;
}

.comment-text p {
    font-size: 14px;
    line-height: 22px;
    word-break: break-word;
    color: #727272;
}

.comment-text h4 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.reply-wrapper {
    margin-left: 50px;
    margin-top: 15px;
}

.reply-wrapper a {
    display: block;
    font-size: 14px;
}

.reply-wrapper .comment-img a {
    height: 30px;
    width: 30px;
}

.desktop-detail-view .comments-wrapper .reply-box {
    padding: 0 0 15px !important;
}

.desktop-detail-view .comment-box-wrap {
    padding: 0;
}

/* .comment-box-wrap > ul > li:first-child {
    margin: 20px 0 0;
} */
.comments-wrapper .comment-box-wrap > ul > li:first-child {
    padding-top: 15px;
}

.comments-wrapper .comment-box-wrap > ul > li {
    padding: 0 15px 15px;
}
.reply-wrapper > ul > li {
    padding-bottom: 15px;
}

.comments-wrapper .comment-box-wrap > ul > li:last-child,
.reply-wrapper > ul > li:last-child {
    padding-bottom: 0;
}

.comments-wrapper .reply-wrapper .reply-box .lead {
    /*background-color: #e6e6e6;*/
    border-radius: 8px;
    width: calc(100% - 195px);
}

.comments-wrapper .reply-box textarea {
    line-height: 28px;
    min-height: 50px !important;
    height: 100%;
    /* height: 100px; */
    border: 0;
    box-shadow: 0 0 0 1px #dcdcdc;
}

.post-comment-btn .fa-paper-plane,
.comment-reply-btn .fa-paper-plane,
.edit-comment-btn .fa-paper-plane {
    display: none;
}
.cs-mobile .btn {
    margin-top: 15px;
}
.cs-mobile .mentions-input-box textarea {
    min-height: 100px !important;
}

/* .comments-wrapper .reply-box textarea:focus {
    background-color: #e6e6e6;
} */

/* Dropdown */
/* .wall-dropdown {
    width: 100%;
    max-width: 200px;
} */

.wall-dropdown .dropdown-menu li {
    width: 100% !important;
    min-height: 0;
}

.wall-dropdown .dropdown-menu li:hover {
    background-color: #e6e6e6;
}

.wall-dropdown > a {
    display: block;
}

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

.wall-dropdown .dropdown-toggle {
    font-size: 26px;
    color: #000a2a;
}

.wall-dropdown .dropdown-toggle i {
    min-width: 15px;
}

.wall-dropdown .dropdown-menu li a {
    font-size: 16px;
    color: #000a2a;
    display: block;
}

.wall-dropdown .dropdown-menu li a span {
    display: inline-block;
    vertical-align: baseline;
}

.wall-dropdown .dropdown-menu {
    padding: 15px 0;
    min-width: 245px;
    left: auto !important;
    right: 0 !important;
    transform: translate3d(0, 25px, 0) !important;
}

.wall-dropdown .dropdown-menu li a span:first-child {
    display: inline-block;
    min-width: 25px;
    font-size: 18px;
}

.lead {
    width: 100%;
    border: 0;
    font-size: inherit;
    font-weight: 400 !important;
    position: relative;
}

.lead label {
    position: absolute;
    left: 10px;
    top: -10px;
    z-index: 9;
    background-color: #fff;
    padding: 0 4px;
    font-size: 14px;
}

.lead .form-control {
    font-weight: 400;
    height: 100%;
    overflow-y: auto !important;
    padding: 4px 36px 4px 15px;
    line-height: 26px;
    border-radius: 8px;
    max-height: 158px;
    overflow: auto;
}

.emoji-picker-icon {
    top: 10px;
    color: #000a2a;
    font-weight: 400;
}

.fa-smile-o:before {
    content: "\f118";
}

/* .reply-box p.lead.emoji-picker-container > div > a {
    left: auto !important;
    right: 10px !important;
    bottom: 15px !important;
} */

p.lead.emoji-picker-container ul a {
    margin: 10px !important;
    display: inline-block;
}

.cs-mobile .emoji-picker-container > div > a {
    /* left: 10px !important;
    bottom: 10px !important;
    right: auto !important; */
    top: 72px !important;
}

p.lead.emoji-picker-container > div > div:last-child {
    z-index: 9 !important;
    width: 100% !important;
    top: 100% !important;
}

.comment-like {
    margin-left: 50px;
    margin-top: 5px;
    position: relative;
}

.reply-wrapper .comment-like {
    margin-left: 40px;
}

.comment-like ul li {
    display: inline-block;
    /*min-width: 55px;*/
    margin-right: 25px;
}

.comment-like ul li:last-child {
    margin-right: 0;
}

.comment-like ul li a {
    display: inline-block;
    color: #0734c1;
    font-size: 15px;
    font-weight: 600;
    text-decoration: underline !important;
}

.comment-like ul li:last-child a {
    font-size: 13px;
    font-weight: 400;
    color: #727272;
    text-decoration: none !important;
}

.likes-counted {
    /*    font-weight: 600;*/
    /*position: absolute;
    bottom: -4px;
    right: -25px;
    background-color: #fff;
    box-shadow: 0 0 8px 3px #00000014;
    border-radius: 20px;
    padding: 2px 8px;*/
    font-weight: 600;
    font-size: 14px;
    color: #0734c1;
}

.comment-section .like,
.comment-section .like {
    display: none;
    font-weight: 900 !important;
}

.comment-section .show .like,
.comment-section .liked .like {
    display: inline-block;
    color: #000a2a;
}

.comment-section .show .unlike,
.comment-section .liked .unlike {
    display: none;
}

.wall-options .favorite i {
    margin-bottom: 4px;
}

/**Start: Employer css**/
.profile-update .form-wizard .form-wizard-steps.three-steps li {
    width: 33.33%;
}

.text-capitalize {
    text-transform: capitalize;
}

/**End: Employer css**/
/* .admin-story p,
.admin-story span {
    font-family: "Lato", sans-serif !important;
}

.story-detail .card > p.font13,
.story-detail .card > p {
    font-size: 17px;
    line-height: 24px;
    color: #0e101a;
}

.admin-story h1,
.admin-story h2,
.admin-story h3,
.admin-story h4,
.admin-story h5,
.admin-story h6 {
    color: #000a2a;
    font-family: "Raleway", sans-serif;
}

.admin-story p a,
.admin-story p span a {
    color: #0734c1;
    font-size: 17px;
    line-height: 22px;
}

.admin-story ol,
.admin-story ul {
    list-style-type: revert;
    padding-left: 20px;
    color: #0e101a;
} */

.admin-story .story-share {
    padding-left: 0;
}

.mobile-comment {
    /* display: flex;
    justify-content: space-between; */
    display: block;
}

.mobile-comment > button {
    display: block;
    color: #000a2a;
    min-width: 38px;
    /* height: 40px;
    line-height: 40px; */
    text-align: center;
    /* border: 1px solid #dcdcdc; */
    border-radius: 8px;
    margin-top: 15px;
}

.mentions-autocomplete-list {
    max-height: 130px;
    overflow-y: auto;
    height: auto;
}

.mentions {
    opacity: 0;
}

/*.reply-wrapper .comment-text {
    background-color: rgb(7 52 193 / 10%);
}*/

.mentions-input-box .mentions-autocomplete-list li > img,
.mentions-input-box .mentions-autocomplete-list li > div.icon {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-top: 0;
}

.mentions-input-box .mentions-autocomplete-list li {
    background-color: #fff;
    padding: 6px;
    margin: 0;
    width: auto;
    border-bottom: 1px solid #eee;
    height: auto;
    overflow: hidden;
    cursor: pointer;
    list-style: none;
    white-space: nowrap;
    font-size: 15px;
    line-height: 26px;
    font-weight: 400;
}

.comment-text p > a {
    /* color: #a0d900; */
    font-weight: 600;
    display: inline-block;
}

.mentions-input-box a {
    left: 10px;
    bottom: 10px;
}

/* .mentions-input-box .mentions {
    padding: 0 15px;
    line-height: 38px;
} */

.single-comment .reply-wrapper .mentions-input-box div:nth-child(2) textarea {
    min-height: 50px !important;
}

.mentions div,
.mentions-input-box div:nth-child(3) {
    color: #000000;
    font-weight: 700;
}

.comment-wrapper {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.comment-menu {
    width: 30px;
    text-align: center;
    position: relative;
}

.comment-menu a {
    color: #000a2a;
    font-size: 22px;
}

.comment-dropdown {
    display: none;
    background-color: #ffffff;
    padding: 5px;
    min-width: 200px;
    border-radius: 8px;
    position: absolute;
    top: 100%;
    box-shadow: 0 2px 8px rgb(0 0 0 / 40%);
    text-align: left;
    z-index: 1;
    right: 0;
    /* left: 50%;
    transform: translateX(-50%); */
}

.is-visible.comment-dropdown {
    display: block;
}

.comment-dropdown li a {
    font-size: 16px;
    color: #000a2a;
    font-weight: 400;
    padding: 10px 15px;
    display: block;
}

.comment-dropdown li a:hover {
    background-color: #e6e6e6;
}

.view-more-comments {
    display: block;
    margin-top: 20px;
}

.when-edited {
    color: #000a2a !important;
    display: inline-block !important;
    font-size: 18px !important;
    display: none !important;
}

.cancel-edit,
.cancel-edit-reply {
    /* font-size: 14px;
    color: #007bff;
    background-color: #ffffff;
    font-weight: 600;
    display: flex !important;
    justify-content: flex-end; */
    min-width: 148px;
    font-size: 14px;
}
.edit-comment-section > a,
.edit-comment-section > button {
    display: inline-block;
    vertical-align: top;
    margin-top: 15px;
}

.mentions-input-box .mentions > div > strong {
    font-weight: 600;
    background: #d8dfea;
    position: relative;
    z-index: 1;
    color: #000a2a;
}

/*.reply-box button.comment-sent,
.reply-box .edit-comment-sent {
    max-width: 38px !important;
    min-width: 38px !important;
    margin-left: 10px !important;
    background-color: transparent;
}*/

.change-photo .progress {
    margin-top: 10px;
    border-radius: 20px;
    background-color: #dddddd;
}

.message-sent.focus-in > .preview-wrap > .preview-list {
    max-height: 120px;
    overflow-y: scroll;
}

/* .wall-content .wall-location div {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.emoji-removed > div > a {
    display: none;
}

.read-more,
.read-less {
    display: inline-block;
    cursor: pointer;
}

.more-updates {
    padding: 30px;
    margin-top: 20px;
}
.community-wall .card.more-updates {
    max-width: 680px;
    margin: 20px auto 0 !important;
    padding: 20px 0;
}

.more-updates i {
    font-size: 40px;
    color: #a0d900;
}

.more-updates p {
    color: #727272;
}

a#more-options-btn {
    display: block;
}

a#more-options-btn i {
    font-size: 24px;
    color: #000a2a;
}

a#more-options-btn:hover {
    background-color: rgb(160 217 0 / 30%);
}

/* Location dropdown Global CSS starts */
.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 10;
    top: 40px;
    left: 0;
    right: 0;
}

.autocomplete-items div {
    padding: 10px 20px;
    cursor: pointer;
    background-color: #dddddd;
    border-bottom: 1px solid #a5a5a5;
}

.autocomplete-items div:hover {
    background-color: #e9e9e9;
}

.autocomplete-active {
    background-color: DodgerBlue !important;
    color: #ffffff;
}

/* Location dropdown Global CSS ends */

.mapboxgl-ctrl-geocoder--suggestion-title,
.mapboxgl-ctrl-geocoder--suggestion-address {
    display: inline-block;
    vertical-align: middle;
    word-break: break-word;
}

.mapboxgl-ctrl-geocoder--suggestion-title {
    text-overflow: unset;
    overflow: unset;
    white-space: normal;
}

.mapboxgl-ctrl-geocoder--suggestion-address {
    width: 100%;
}

.suggestions-wrapper li a {
    padding: 10px !important;
    cursor: pointer !important;
    background-color: #dddddd !important;
    border-bottom: 1px solid #a5a5a5 !important;
}
.suggestions-wrapper li a:hover {
    background-color: #e9e9e9 !important;
}

.sent-image {
    max-width: 180px;
}

.story-slider.owl-carousel .owl-nav .owl-prev.hoverButton,
.story-slider.owl-carousel .owl-nav .owl-next.hoverButton,
.story-main-image.image-slider.owl-carousel
    .owl-nav
    button.owl-next.hoverButton,
.story-main-image.image-slider.owl-carousel
    .owl-nav
    button.owl-prev.hoverButton,
.announcement-slider.owl-carousel .owl-nav button.owl-prev.hoverButton,
.announcement-slider.owl-carousel .owl-nav button.owl-next.hoverButton {
    background-color: #a0d900 !important;
}

/* .comment-like li a.hoverButton, .comment-section .wall-options li a.hoverButton {
    color: #a0d900 !important;
} */

.posted-by > div p > a {
    color: #000a2a !important;
}

.comment-section .wall-options li a.hoverButton p,
.comment-section .wall-options li a.hoverButton p i,
.comment-like ul li a.hoverButton,
.posted-by > div p > a.hoverButton {
    color: #a0d900 !important;
}

.message-sent .help-block {
    margin-top: 10px;
}

#share-my-profile.hoverButton {
    color: #a0d900 !important;
    border: 1px solid #a0d900 !important;
}

.menu-edit .card .update.hoverButton,
.menu-edit .card .update.hoverButton i,
.follow-us li a.hoverButton i,
.story-share li a.hoverButton,
.view-all.hoverButton span,
.searchbtn.hoverButton i {
    color: #a0d900 !important;
}

.view-all.hoverButton:before,
.map-view.hoverButton {
    background-color: #a0d900 !important;
}

.map-view.hoverButton #map-view-btn,
.map-view.hoverButton #map-view-btn span {
    color: #ffffff !important;
}
/*Globla page loader*/
#global-loader svg {
    width: 100px;
    height: 99px;
    display: block;
    margin: 0 auto;
}

.wrap {
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    background: #ffffff;
    z-index: 99999999999;
}

.custom {
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.absolute-heart {
    position: absolute;
    top: 59%;
    left: 50%;
    color: #a0d900;
    margin-left: -8px;
}

.absolute-heart svg,
.absolute-heart i {
    animation: heartbeat 1s infinite;
    font-size: 15px;
}

.custom .s0 {
    stroke: #000a2a;
}

@keyframes heartbeat {
    0% {
        transform: scale(2);
    }
    20% {
        transform: scale(2.4);
    }
    40% {
        transform: scale(2);
    }
    60% {
        transform: scale(2.4);
    }
    80% {
        transform: scale(2);
    }
    100% {
        transform: scale(2);
    }
}
/*Global page loader ends here*/
#story-textarea {
    height: 400px;
}
.without-design textarea {
    width: 100%;
    border: 0;
}
.without-design textarea:focus-visible {
    outline: none;
}
.iti--separate-dial-code {
    width: 100%;
}
.added {
    top: 0 !important;
}
.goog-te-banner-frame.skiptranslate {
    display: none;
}
/* .added .header-new { 
    top: 40px;
}
.added .section-wrapper {
    padding-top: 158px;
} */

/* For Language translator */
body {
    top: 0 !important;
}

ul#upload-images-preview {
    list-style-type: none;
}

/* For Trophy icon */
/* .profile-update #form-steps-container li:last-child span {
    position: relative;
    display: inline-block;
}

.profile-update #form-steps-container li:last-child span:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../images/trophy.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    background-size: 40px;
} */

.faq-detail-content ul {
    list-style-type: disc;
    padding-left: 20px;
}
.faq-detail-content ol {
    margin-left: 40px;
    list-style-type: decimal;
}
.faq-detail-content ol li {
    margin-bottom: 10px;
}
/* For new FAQ page */
.faqWrapper .search-box {
    margin: 20px 0 10px;
}

/* .faqWrapper .search-box .card {
    padding: 20px 0;
    background-color: #3F4A69;
} */

.faqWrapper .form-group::before {
    position: absolute;
    top: 50%;
    content: "\f002";
    font-family: "Font Awesome 5 Pro";
    height: 20px;
    width: 20px;
    color: #000a2a;
    font-size: 20px;
    border: 0;
    transform: translateY(-50%);
    right: 20px;
}

.faqWrapper form.navbar-form,
.faqWrapper .select {
    max-width: 500px;
    margin: 0 auto;
}

.faqWrapper select.form-control:not([size]):not([multiple]) {
    height: 44px;
}

.faqWrapper #srch-term,
.faqWrapper .form-control {
    background-color: #f5f5f5;
    color: #535353;
}

.faqWrapper .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #000a2a !important;
}

.faqWrapper .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000a2a !important;
}

.faqWrapper .form-control::placeholder {
    color: #000a2a !important;
}

.faq-container {
    padding: 40px 0 70px;
}

.faq-boxed {
    max-width: 800px;
    margin: 0 auto;
}

/* .faq-boxed .row .col-md-6:nth-child(odd) {
    padding-right: 40px;
}
.faq-boxed .row .col-md-6:nth-child(even) {
    padding-left: 40px;
} */

.category-wrap {
    display: flex;
    flex-wrap: wrap;
}

.faq-category {
    width: 50%;
}

.category-wrap .faq-category:nth-child(odd) {
    width: 60%;
    padding-right: 30px;
}

.category-wrap .faq-category:nth-child(even) {
    width: 40%;
    padding-left: 50px;
}

.faq-list {
    margin: 50px 0 0;
}

.faq-list li {
    margin-top: 20px;
}

/* .faq-detail-content ol, .faq-detail-content ul {
    list-style-type: revert !important;
    padding-left: 20px !important;
} */

.faq-list li a,
.faq-detail-content p,
.faq-detail-content li {
    font-size: 18px !important;
    line-height: 24px !important;
    /* color: #535353; */
    color: #727272 !important;
    /* font-weight: 600; */
}

.faq-list li a {
    color: #272727 !important;
}

.show-more,
.show-less {
    color: #b3b3b3;
    font-size: 18px;
    display: block;
    margin-top: 20px;
    font-weight: 600;
    text-decoration: underline !important;
    cursor: pointer;
}

/* .show-more:hover, .show-less:hover {
    text-decoration: underline !important;
} */
.faq-detail-box {
    max-width: 680px;
    margin: 0 auto;
}

.faq-detail-box .breadcrumb {
    border-radius: 0;
    padding: 20px 0;
    background-color: transparent;
    border-bottom: 1px solid #535353;
    margin: 0;
}

.faq-detail-box .breadcrumb-item a,
.faq-detail-box .breadcrumb-item + .breadcrumb-item::before,
.faq-detail-box .breadcrumb-item.active {
    color: #535353;
}

.faq-detail-box .breadcrumb-item + .breadcrumb-item::before {
    content: "\f178";
    font-family: "Font Awesome 5 Pro";
    height: auto;
    width: 28px;
    font-size: 24px;
}

.faq-detail-content h4 {
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
}

.ui-autocomplete {
    border-radius: 8px !important;
}

.ui-menu-item {
    border-bottom: 1px solid #dddddd !important;
}

.ui-menu-item-wrapper {
    padding: 0px 12px 0px 12px !important;
}

.half-width .form-group {
    padding: 0 8px;
    width: 50%;
}

.half-width {
    display: flex;
    margin: 0 -8px;
}
.c-lightgrey {
    color: #727272;
}
button#resendOtpBtn,
#sentTomobileBtn {
    background-color: transparent;
    border: 0;
    color: #0734c1;
    display: inline-block;
    font-weight: 700;
}

span.side-tag {
    position: absolute;
    display: inline-block;
    right: 0;
    top: 0;
    padding: 4px 14px;
    background-color: #000a2a;
    color: #fff;
    border-radius: 0 0 0 10px;
    font-size: 12px;
    line-height: 14px;
}

.free-trial-desc {
    max-width: 680px;
    margin: 30px auto;
}
.free-trial-desc .card {
    margin-top: 15px;
}
.basic-plan-btn {
    margin: 30px 0;
}

.underline-span {
    margin-bottom: 5px;
    border-bottom: 1px solid #000a2a !important;
}

#termAcceptanceForm .custom-checkbox .custom-control-label::before {
    top: 50%;
    transform: translateY(-50%);
}
#termAcceptanceForm
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after {
    top: 45%;
    transform: translateY(-50%) rotate(45deg);
}

.discover-section .card-wrapper li:first-child .discover-box {
    background-image: url("../images/discover-host.jpg");
}
.discover-section .card-wrapper li:nth-child(2) .discover-box {
    background-image: url("../images/discover-travel.jpg");
}
.discover-section .card-wrapper li:nth-child(3) .discover-box {
    background-image: url("../images/discover-au.jpg");
}
.discover-section .card-wrapper li:last-child .discover-box {
    background-image: url("../images/discover-employer.jpg");
}

.discover-box {
    height: 420px;
    border: 1px solid #000000;
    border-radius: 10px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
}

.dynamic-editor {
    display: flex;
    flex-direction: column;
}
.dynamic-editor label {
    order: 0;
}
.dynamic-editor .ql-toolbar.ql-snow {
    order: 2;
}
.dynamic-editor .ql-container.ql-snow {
    order: 1;
}
.dynamic-editor .ql-editor {
    border-top: 1px solid #cccccc;
}

.discover-box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.9) 75%
    );
}

/* .discover-box img {
    height: 100%;
    width: 100%;
    object-fit: cover;
} */

.discover-box > div {
    /* position: absolute;
    left: 0;
    right: 0;
    bottom: 0; */
    padding: 15px;
    text-align: center;
    z-index: 1;
}

.discover-content h3 {
    min-height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
}

.discover-content p {
    align-items: flex-start;
    display: flex;
    min-height: 150px;
    font-size: 14px;
}

.join-community-section {
    background-color: #000a2a;
    display: none;
}

/* How it works new page css */

.works-wrapper > p a {
    color: #727272;
    font-weight: 600;
}

.works-wrapper .card li p {
    padding-bottom: 0;
}

.works-wrapper .plan-list li:before {
    top: 6px;
}

.p-image div {
    height: 50px;
    width: 50px;
}

#it-works .card {
    padding: 0 !important;
    position: relative;
    margin: 40px 0;
}
.pointers-image,
.panel-number {
    position: absolute;
    height: auto;
    width: 48px;
    left: 20px;
    top: 0px;
    transform: translateY(-60px);
    opacity: 0;
    transition: 0.2s linear;
}
#discover-opportunity .pointers-image {
    opacity: 1;
}
.panel-number {
    transform: translateY(0px);
    opacity: 1;
    top: 15px;
    transition: all 0.2s linear !important;
}
.step-point {
    height: 48px;
    width: 48px;
    border: 4px solid #a0d900;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    font-size: 24px;
    background-color: #ffffff;
}
.works-wrapper p {
    padding-top: 15px;
}
.works-wrapper .panel-body p:first-child {
    padding-top: 0;
}
.works-wrapper .panel-group .panel-heading a {
    padding: 30px 50px 30px 100px;
    position: relative;
    cursor: pointer;
    display: block;
}
.works-wrapper .panel-group .panel-heading a:hover {
    color: #000a2a;
}
.works-wrapper .panel-group .panel-heading:after,
.works-wrapper .panel-group#discover-opportunity .panel-heading a:after {
    content: "\f068";
    position: absolute;
    right: 20px;
    top: 30px;
    font-family: "Font Awesome 5 Pro";
}

.works-wrapper .panel-group .panel-heading.collapsed:after,
.works-wrapper
    .panel-group#discover-opportunity
    .panel-heading
    a.collapsed:after {
    content: "\f067";
    position: absolute;
    right: 20px;
    top: 30px;
    font-family: "Font Awesome 5 Pro";
}
.works-wrapper .panel-group#discover-opportunity .panel-heading:after,
.works-wrapper
    .panel-group#discover-opportunity
    .panel-heading.collapsed:after {
    display: none;
}
.panel-box-active .panel-heading {
    padding-bottom: 0 !important;
}
.works-wrapper .panel-group .panel-body {
    padding: 0 50px 30px 100px;
    position: relative;
}
.title-image {
    top: 10px;
    position: absolute;
    left: 22px;
    height: 48px;
    width: 48px;
    transition: 0.01s linear;
}
#step2body .p-image img {
    max-width: 40px;
}
.p-image {
    margin-top: 18px;
}
.p-content {
    margin: 10px 0 0;
}
.p-content p:first-child {
    font-size: 17px;
}
.works-wrapper .panel-body h6 {
    font-size: 17px;
    margin: 30px 0 0;
}
.works-wrapper .panel-collapse {
    position: relative;
}

.panel-box-active:not(:first-child) .pointers-image {
    /* top: -24px; */
    transition: 0.3s linear;
    transform: translateY(-24px);
    opacity: 1;
}
.panel-box-active .panel-number {
    opacity: 0;
    transition: all 0.2s linear;
    transform: translateY(-4px);
}

.panel-box-active:first-child .panel-number {
    opacity: 1 !important;
}

.panel-box-active:not(:first-child) .pointers-image:before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    background-color: #a0d900;
    height: 15px;
    bottom: 100%;
    transition: 0.01s linear;
}

.panel-box-active:not(:first-child) .title-image {
    top: 0;
    transition: 0.01s linear;
}

.d-opportunity-section.safety-wrapper .card {
    margin: 0 0 20px;
    padding: 0;
}
.d-opportunity-section .card:last-child {
    margin: 0;
}

.d-opportunity-section .panel-heading {
    position: relative;
}

.d-opportunity-section .pointers-image {
    position: absolute;
    height: auto;
    width: 48px;
    left: 30px;
    top: 50%;
    background-color: #ffffff;
    transition: 0.01s linear;
    transform: translateY(-50%);
}

/* ID Merit CSS */
.id-verify div.text-left {
    margin-top: 30px;
}
.id-verify div.text-left p {
    padding-top: 12px;
}
.id-steps {
    margin: 40px 0;
}
.id-steps div {
    height: 60px;
    width: 60px;
    background-color: #0c1a41;
    border-radius: 50%;
    line-height: 60px;
    font-size: 26px;
    font-weight: 700;
    color: #ffffff;
}
.id-steps h4 {
    font-size: 26px;
    color: #4c4c4c;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    margin-left: 20px;
}
.id-verify ul li:first-child .id-steps div::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    width: 5px;
    background-color: #a0d900;
}

.verification-detail-page {
    max-width: 680px;
    margin: 0 auto;
}

.off-payment span img {
    min-width: 100px;
}
.off-payment div {
    margin-left: 20px;
}
.verification-detail-page .card {
    margin: 30px auto;
}
.payment-method {
    margin-top: 40px;
}
#pay-form > a,
#payment-method-form > a {
    margin: 15px 0 20px;
    filter: grayscale(100%);
}

.midline-text {
    text-align: center;
    position: relative;
    margin: 0 0 20px;
}
.midline-text span {
    display: inline-block;
    padding: 0 10px;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}
.midline-text:before {
    position: absolute;
    background-color: #aaa;
    content: "Â ";
    flex-grow: 1;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
}
.with-card .card-image {
    position: absolute;
    right: 10px;
    bottom: 6px;
}
.payment-method .form-control {
    background: #ffffff;
    box-shadow: 0px 4px 23px rgba(185, 185, 185, 0.571788);
    border-radius: 4px;
    border: 0;
}
.payment-method .custom-checkbox .custom-control-label::before {
    box-shadow: 0px 4px 23px rgba(185, 185, 185, 0.571788);
    background-color: #ffffff;
    border-radius: 4px;
    border: 0;
}
.payment-method
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::before {
    background-color: #ffffff;
    box-shadow: 0px 4px 23px rgba(185, 185, 185, 0.571788);
    border: 0;
}
.payment-method .custom-checkbox .custom-control-label {
    line-height: 22px;
    /* font-size: 14px; */
    color: #000a2a;
    font-weight: 600;
}

.checkout-table {
    margin: 40px 0;
}
.checkout-idmerit .bottom-btns a {
    margin: 30px auto 0;
}

/* Announcement Section CSS */

.announcement {
    padding-top: 10px;
}
.announcement .card {
    padding: 15px;
    min-height: 180px;
}
/* .announcement img {
    width: 35px;
    height: 35px;
} */
.announcement .card h2 {
    color: grey !important;
    font-size: 20px;
    font-weight: 700;
    /* text-transform: uppercase; */
}
.announcement .card h2 span {
    display: inline-block;
    vertical-align: bottom;
}

.announcement-slider .announce {
    width: 100%;
    padding: 0;
}

#announcement_slider {
    padding: 0 40px;
    position: relative;
}

.announcement-slider.owl-carousel .owl-stage-outer {
    box-shadow: 0 4px 23px 0 rgb(185 185 185 / 57%);
}

.announcement-slider .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.announcement-slider button.owl-prev,
.announcement-slider button.owl-next {
    position: absolute;
    height: 30px;
    width: 30px;
    background-color: #ffffff !important;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
    top: 50%;
    transform: translateY(-50%);
}
.announcement-slider button.owl-prev {
    left: -35px;
}
.announcement-slider button.owl-next {
    right: 45px;
}

.announce p {
    display: block;
    max-width: 100%;
    /* -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; */
    overflow: hidden;
    margin: 10px 0;
    min-height: 60px;
}

.item.announce .card span {
    display: inline-block;
    max-width: 26px;
}

/* .item.announce span img {
    width: 26px;
} */

.announce .btn {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 24px;
    height: 36px;
}

/* Announcement Section CSS ends */

/* .announcement-slider .owl-nav .disabled,
.announcement-slider button.owl-prev {
    display: none;
} */

.when-subscribed .trial h5,
.when-subscribed .trial .plan-active,
.when-subscribed .trial .plan-inactive {
    display: inline-block;
    vertical-align: middle;
}

.when-subscribed .trial .plan-active,
.when-subscribed .trial .plan-inactive {
    margin-left: 10px;
}

.pay-success {
    display: flex;
    /* min-height: calc(100vh - 220px); */
    min-height: 450px;
    flex-direction: column;
    justify-content: center;
}
.for-height {
    min-height: 55px;
}
.reviews-count .rateYo1 {
    cursor: pointer;
}
/* .announcement-slider.owl-carousel:hover button.owl-prev {
    display: block;
} */

.story-detail .note-editor.note-frame.card {
    padding: 0;
}
.story-detail .note-editor.note-frame .btn {
    opacity: 1;
    min-width: 40px;
    height: auto;
}
.story-detail .note-editor.note-frame .btn:hover {
    box-shadow: none;
}
.story-detail .note-editor .modal-dialog .btn {
    background-color: #a0d900 !important;
    color: #000a2a;
    border-radius: 8px;
}
.story-detail .note-editor.note-frame .note-editing-area {
    min-height: 200px;
    margin-bottom: 40px;
}

.story-detail .note-popover.popover.in.note-image-popover {
    left: 0 !important;
    right: 0 !important;
    margin: 0 10px !important;
}

.featured-stories {
    padding-top: 30px;
}
.story_search_header {
    margin: 30px 0;
    position: relative;
    z-index: 2;
}

.country_search_header {
    margin: -30px 0 0;
}

.story_search_header input {
    background-color: #ffffff;
}

.story_search_header .searchbtn {
    color: rgb(0 13 25 / 50%);
}

.story_search_header > a {
    height: 50px;
    display: flex;
    align-items: center;
}

.featured-stories .large-heading:after,
.story_category .large-heading:after {
    display: none;
}

.story_layout .favorite {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 25px;
    cursor: pointer;
    z-index: 1;
}

.story_layout .favorite:hover i {
    color: red;
}

.feature-category p {
    font-size: 14px;
    line-height: 14px !important;
    font-weight: 600;
    color: #000a2a !important;
}

.story_search_header .navbar-form {
    width: 100%;
    max-width: 450px;
    box-shadow: 0px 4px 23px rgb(185 185 185 / 57%);
    border-radius: 8px;
}

.story_category .story_listing > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 0;
}

.story_category .story_listing > ul > li {
    width: 33.33%;
    padding: 0 15px 30px;
}

.story_category .featured {
    height: 280px;
    box-shadow: 0px 1px 5px 2px rgb(16 24 40 / 10%);
}

.story_category .featured > img {
    width: 100%;
}
.h50 {
    height: 50px;
}
.for-m {
    display: none;
}
/* .safety-wrapper .story_tabs .nav-tabs {
    background-color: transparent;
    box-shadow: none;
    text-align: left;
}
.story-wrapper .story_tabs .nav-tabs .nav-item {
    width: auto;
    margin-right: 15px;
    height: 50px;
}

.story-tabs-btn {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border: 1px solid rgba(113, 113, 113, 0.5) !important;
    border-radius: 30px !important;
    font-weight: 700;
    padding: 14px 30px !important;
}

.story-tabs-btn.active {
    background-color: #a0d900 !important;
    border: 1px solid transparent !important;
}

.story-tabs-btn span {
    line-height: 16px !important;
    display: inline-block;
}

.story-tabs-btn span span {
    font-size: 10px;
    line-height: 10px !important;
}

.story-wrapper .story_tabs .nav-tabs .nav-item:last-child .story-tabs-btn {
    padding: 9px 30px !important;
} */
.story_category {
    padding: 70px 0 0;
}
.story_tabs .custom-control-input:disabled ~ .custom-control-label,
.story_tabs .custom-control-input[disabled] ~ .custom-control-label {
    opacity: 0.7;
    /* background-color: rgba(0, 10, 42, 0.1) !important; */
}
.story_tabs .custom-control-input:disabled ~ .custom-control-label::before,
.story_tabs .custom-control-input[disabled] ~ .custom-control-label::before {
    background-color: transparent;
}
.story_category .custom-control-input:disabled ~ .custom-control-label:before {
    background: rgba(0, 10, 42, 0.03);
    cursor: not-allowed !important;
}

/* .story_category .custom-control-input:disabled ~ .custom-control-label:before,
.story_category .custom-control-input:disabled ~ .custom-control-label:after {
    border: 1px solid transparent;
} */

.story_tabs form > ul {
    overflow-y: hidden;
    /* white-space: nowrap; */
    width: 100%;
    overflow-x: auto;
    flex-wrap: nowrap;
}

.story_tabs ul li {
    display: inline-block;
    margin-right: 15px;
}

.story_tabs ul li:last-child .custom-control-label span {
    display: inline-block;
    vertical-align: middle;
}

/* .story_tabs ul li:last-child .custom-control-label span span {
    font-size: 12px;
    text-align: center;
    line-height: 12px;
} */

.story_tabs .custom-checkbox.custom-control {
    padding-left: 0;
}
.story_tabs .custom-checkbox .custom-control-label {
    padding: 0;
    min-width: 190px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    background-color: #ffffff;
    border-radius: 30px;
}

.s-icon {
    display: inline-block;
    height: 48px;
    width: 24px;
}
.s-icon img {
    height: 100%;
    width: 100%;
}

.story_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label {
    background-color: #a0d900;
    border: 0;
}

.story_tabs .custom-checkbox .custom-control-label::before,
.story_tabs .custom-checkbox .custom-control-label::after {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 30px;
    /* border: 1px solid rgba(113, 113, 113, 0.5); */
}

.story_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border: solid #000a2a;
    border-width: 0 2px 2px 0; */
    transform: none;
    /* background-color: #a0d900; */
    z-index: -1;
}

.story_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label
    span {
    color: #000a2a;
}

.story_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::before {
    border: 1px solid transparent;
}

/* .story_tabs .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.story_tabs .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    border: 1px solid transparent;
} */

.story-country-banner {
    min-height: 350px;
    display: flex;
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.story-country-banner:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: linear-gradient(
        181.21deg,
        rgba(0, 0, 0, 0) 26.17%,
        rgba(0, 0, 0, 0.32536) 41.34%,
        rgba(0, 0, 0, 0.75) 61.05%,
        #000000 96.35%
    );
    opacity: 0.3;
    height: 100%;
    width: 100%;
    max-width: 2500px;
    margin: 0 auto;
}

.story_country_head {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

/* Country dropdown code  */
.country_dropdown {
    position: static;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    /* box-shadow: 0px 4px 23px rgb(185 185 185 / 57%); */
    max-width: 450px;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #cecece;
}

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

.country_dropdown > a {
    height: 50px;
    line-height: 50px;
    padding: 0 16px;
    display: block;
    width: 100%;
    text-align: left;
    position: relative;
    color: #000a2a;
    font-weight: 600;
}

.country_dropdown > a:hover {
    box-shadow: none;
}

.country_dropdown > a i {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}

.country_dropdown .dropdown-menu {
    background-color: transparent;
    border: 0;
    width: 100%;
    transform: translate3d(0px, 50px, 0px) !important;
}

.country_dropdown .country_list {
    background-color: #ffffff;
    padding: 30px 20px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
    border-radius: 8px;
    max-height: 420px;
    overflow-y: auto;
    position: relative;
}
/* .country_list {
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    top: 55px;
    left: 0;
    padding: 30px 20px;
    z-index: 999;
    box-shadow: 0 3px 8px rgb(0 0 0 / 50%);
    border-radius: 8px;
    max-height: 400px;
    overflow-y: auto;
    display: none;
} */
.country_list > a {
    position: absolute;
    display: block;
    right: 10px;
    top: 10px;
    height: 35px;
    width: 35px;
    color: #000a2a;
    border: 1px solid #000a2a;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    display: none;
}

.country_head h4 {
    font-size: 22px;
    line-height: 28px;
    font-weight: 700;
    border-bottom: 1px solid #cecece;
    padding-bottom: 6px;
    margin-bottom: 20px;
}
.country_list ul {
    display: flex;
    flex-wrap: wrap;
}

.country_list ul li {
    margin-right: 10px;
    margin-bottom: 20px;
}
.country_list .custom-control.custom-radio {
    padding-left: 0;
    min-height: 0;
}
.country_list .custom-radio .custom-control-label {
    cursor: pointer;
    /* min-width: 150px; */
    height: 50px;
    font-size: 16px;
    text-align: center;
    line-height: 50px;
    font-weight: 700;
    padding: 0 30px;
}
.country_list .custom-radio .custom-control-label::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    background-color: transparent;
    border: #cecece solid 1px;
    border-radius: 30px;
}
.country_list .custom-radio .custom-control-label::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 30px;
    background: none;
}
.country_list
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::before {
    border-color: transparent;
    background-color: transparent;
}
.country_list
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label::after {
    background-image: none !important;
    background-color: #a0d900;
    border: 1px solid transparent;
    z-index: -1;
}

.country_list
    .custom-radio
    .custom-control-input:checked
    ~ .custom-control-label {
    color: #000a2a;
}

/* For create new story  */
.banner-image-wrapper {
    position: relative;
}
.banner-zone .box-body img {
    width: 100%;
    /* width: auto; */
    height: 100%;
    object-fit: cover;
}
.banner-uploaded .remove-preview {
    position: absolute;
    line-height: normal;
    border: 0;
    display: inline-block !important;
    height: 30px;
    width: auto;
    background-color: rgb(0 13 25 / 80%);
    color: #fff;
    padding: 4px 8px;
    border-radius: 8px;
    right: 10px;
}
.banner-uploaded .remove-preview i,
.banner-uploaded .remove-preview span {
    display: inline-block;
    vertical-align: middle;
}
.banner-uploaded .storyzone-desc {
    display: none;
}
.storyzone-desc {
    width: 100%;
}
.storyzone-desc p {
    text-decoration: underline;
    margin-top: 10px;
}
.story_banner_wrapper {
    margin: 0 -30px;
    height: 400px;
    background-color: #ffffff !important;
}
.storyzone,
.storyzone:focus {
    height: 100%;
}
.story_banner_wrapper .preview-zone {
    border: 0;
    border-radius: 0;
    /* height: 200px; */
    height: 400px;
}
.story_banner_wrapper .preview-zone .box {
    background-color: #f4f4f4;
}
.story_banner_wrapper .inline-error {
    margin: 0px 30px;
}

.country_dropdown div.btn {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filters .to-hide,
.filters .fa-chevron-down,
.clear-filter {
    display: none;
}

.filters .clear-filter {
    display: inline-block;
    color: #000a2a;
    border: 1px solid #000a2a;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    position: relative;
}
a.clear-filter i {
    font-size: 16px;
    display: inline-block;
    position: absolute;
    top: 1px;
    left: 4px;
}
.filters .city-list {
    width: 96%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}
.filters .city-list span {
    display: inline-block;
    padding: 4px 8px;
    margin: 0 4px 0 0;
    border: 1px solid #727272;
    border-radius: 15px;
}
.full-page {
    position: relative;
    z-index: 99999;
}

span.soon-wrap {
    position: absolute;
    top: -6px;
    left: 20px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    background-color: #f9f9fa !important;
    background-color: transparent;
    z-index: 1;
}

.disable-scroll {
    overflow: hidden;
}

.note-modal .modal-dialog {
    min-height: calc(100% - (1.75rem * 2));
    display: flex;
    align-items: center;
    box-shadow: none;
}

.note-editor .note-toolbar {
    position: absolute;
    bottom: 10px;
    width: 100%;
    z-index: 9;
}
.note-modal .modal-dialog .modal-header {
    align-items: center;
}
.note-modal .modal-dialog .modal-title {
    line-height: normal;
    font-size: 26px;
    font-weight: 700;
    color: #000a2a;
}

.note-image-input {
    color: transparent;
}
.note-image-input::-webkit-file-upload-button {
    visibility: hidden;
}
.note-form-group.note-group-select-from-files {
    text-align: center;
}
.note-image-input:before {
    content: "Choose Files";
    position: absolute;
    top: 25px;
    width: auto;
    height: auto;
    background-color: #a0d900;
    display: inline-block;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 20px;
    min-width: 120px;
    max-width: 100%;
    font-weight: 700;
    color: #000a2a;
    cursor: pointer;
    left: 50%;
    transform: translateX(-50%);
}
.show-story .card {
    padding-top: 0 !important;
    overflow: hidden;
}
.note-btn i:hover {
    color: #212529;
}

.feature-category.over-image {
    border-radius: 0 0 5px 0;
}

.feature-category.over-image span:first-child img {
    width: 20px;
}

.feature-category.over-image span:last-child {
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
}
.feature-category p span {
    vertical-align: middle;
}

.story-detail .note-editor ol,
.story-detail .note-editor ul {
    padding-left: 15px;
}

.modal-backdrop.show {
    z-index: 999991;
    opacity: 0.8;
}

.modal {
    z-index: 999992;
}

.note-editor.note-airframe .note-editing-area .note-editable,
.note-editor.note-frame .note-editing-area .note-editable {
    height: 200px;
    overflow-y: auto;
}

.note-modal .form-check {
    margin-bottom: 10px;
}
.note-modal input[type="checkbox"] {
    position: relative;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
}
.note-modal input[type="checkbox"]:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    margin-top: -4px;
    width: 22px;
    height: 22px;
    background: #ffffff;
    border: 1px solid #cececece;
    border-radius: 6px;
}
.note-modal input[type="checkbox"]:checked:before {
    background: #ffffff;
    border-color: #000a2a;
}
.note-modal input[type="checkbox"]:checked:after {
    content: "";
    position: absolute;
    left: 6px;
    top: 6px;
    background: white;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #000a2a, 4px 0 0 #000a2a, 4px -2px 0 #000a2a,
        4px -4px 0 #000a2a, 4px -6px 0 #000a2a, 4px -8px 0 #000a2a;
    transform: rotate(45deg);
    border: solid #000a2a;
    border-width: 0 2px 2px 0;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px 16px;
}

li.select2-results__message:before {
    display: none;
}

li.select2-results__message {
    padding: 8px 20px;
}

li.no-story {
    width: 100% !important;
    padding-bottom: 0 !important;
}

.cropper-container {
    max-height: 300px !important;
    overflow: hidden !important;
}

.cropper-wrap-box {
    width: auto !important;
}

.sweet-alert .lead.text-muted {
    font-size: 16px;
    margin: 20px 0;
    line-height: 20px;
}

.custom-date input {
    padding-right: 15px !important;
}

/* Job Application */
.application-wrapper {
    min-height: calc(100vh - 202px);
}
.width-680 {
    max-width: 680px;
    margin: 0 auto;
    /* padding: 0 15px; */
}
.lh14 {
    line-height: 14px;
}
.p-30 {
    padding: 30px;
}
.bg-light {
    background-color: #f7f7f7;
}
.bg-white {
    background-color: #ffffff;
}
.small-font {
    font-size: 13px;
}
.medium-font {
    font-size: 14px;
    line-height: 18px;
}
.small-heading {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}
.mb-15 {
    margin-bottom: 15px;
}

.job-options span img {
    max-width: 18px;
}
.job-wrap .posted-by {
    height: 50px;
    display: flex;
    align-items: center;
}
.job-wrap .posted-by > p {
    height: 50px;
    width: 50px;
    left: 0;
    overflow: visible;
}

.job-wrap .posted-by > p a {
    overflow: hidden;
    border-radius: 50%;
    height: 100%;
}

.job-wrap .posted-by > p span {
    display: inline-block;
    position: absolute;
    left: -10px;
    top: -12px;
    max-width: 35px;
}
.job-wrap .posted-by > div {
    padding-left: 60px;
}
.job-wrap .posted-by > div p > a {
    font-size: 16px !important;
}
.job-wrap .posted-by > div p i {
    font-size: 20px;
}

.job-wrap .wall-dropdown .dropdown-menu {
    transform: none !important;
    top: 100% !important;
}
.job-option-wrapper {
    display: flex;
}
.job-option-wrapper li {
    width: 50%;
}
.job-location {
    padding-top: 10px;
}
.job-text {
    padding: 10px 0 20px;
}
.job-wrap {
    margin: 50px auto;
}
/* .job-wrap .card:first-child {
    margin-bottom: 20px ;
} */
.job-wrap .card {
    margin-bottom: 20px;
}

.drop_box {
    border: 1px dashed rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    padding: 15px;
    position: relative;
    border-radius: 10px;
}
.drop_box p,
.drop_box .before-upload span {
    color: rgba(0, 10, 42, 0.5);
    display: block;
    text-align: center;
}
.drop_box input {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0;
    top: 0;
    left: 0;
}
.after-upload-wrap,
#progress-label {
    display: none;
}
.my-class .before-upload {
    display: none;
}
.my-class .after-upload-wrap {
    display: block;
}
.delete-uploaded,
#doc_delete,
#selfie_delete {
    background: #f8f8f8;
    border-radius: 5px;
    position: absolute;
    right: 14px;
    top: 13px;
    padding: 10px;
    border: 0;
    pointer-events: inherit;
}

.doc-uploads ul {
    margin: 0 -15px;
}
.doc-uploads li {
    width: 50%;
    padding: 0 15px;
}
.doc-uploads .progress {
    display: block;
    width: 100%;
    padding: 1px;
    background: #000a2a;
    border-radius: 16px;
    height: 6px;
    margin-bottom: 10px;
}

.doc-uploads progress::-webkit-progress-bar {
    background: #e2e3e9;
    border-radius: 16px;
}

.doc-uploads progress::-webkit-progress-value {
    border-radius: 16px;
    background: #000a2a;
    /* box-shadow: inset 0 -2px 4px rgba(0,0,0,0.4), 0 2px 5px 0px rgba(0,0,0,0.3);  */
}
.after-upload-box > div:first-child {
    width: 70px;
}
.after-upload-box > div:nth-child(2) {
    width: calc(100% - 70px);
}
#feedback,
#feedback1,
#doc_name,
#selfie_name {
    display: inline-block;
    width: calc(100% - 42px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.job-upload-section > ul {
    list-style-type: disc;
    padding-left: 25px;
}

.doc-uploads {
    margin: 30px 0;
}

.doc-uploads li h5,
.uploadFile-message h5 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    margin-bottom: 7px;
}

.removed .after-upload-wrap {
    display: none;
}

.removed .before-upload {
    display: block;
}

.uploadFile-message {
    margin-top: 30px;
}

.uploadFile-message > p {
    color: rgb(0 10 42 / 50%);
}

.new-min-width {
    min-width: 240px;
}

li.no-jobs {
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100vh - 202px);
    width: 100% !important;
    margin: 0 !important;
}

.success-page {
    padding: 60px 0;
}

.applicant-options li {
    width: 50%;
}

.acc-message > p,
.acc-message .moretext {
    display: inheri;
}

.acc-message-content {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px;
    transition: height 0.2s ease-in;
}

.job-listing-wrapper > ul > li {
    margin: 30px 0;
}

.job-listing-options li {
    width: 50%;
}

.moreless i {
    transition: 0.2s ease-in;
    transform: rotate(180deg);
}

.job-wrap .user-type {
    padding: 5px 10px;
    border-top-right-radius: 4px;
    display: inline-block;
    border-radius: 4px;
    margin-top: 4px;
}

.fav-wrapper {
    background-color: #e2e2e2;
    min-height: calc(100vh - 175px);
}

.fav-wrapper .card {
    padding: 0;
    margin: 0 auto;
}

.fav-wrap .navbar-form {
    max-width: 680px;
    margin: 0 auto 30px;
}

.fav-wrap .navbar-form .search-bar {
    background-color: #ffffff;
}

.fav-wrapper .story_tabs {
    text-align: center;
}

.fav-wrapper .story_tabs.fav_tabs .custom-checkbox .custom-control-label {
    line-height: 12px;
    padding: 14px 20px;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 12px;
    min-width: 0;
    cursor: pointer;
}

.fav-wrapper
    .story_tabs.fav_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label {
    background-color: #a0d900;
    border: 0;
}

.fav-wrapper
    .story_tabs.fav_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after,
.fav-wrapper
    .story_tabs.fav_tabs
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::before {
    border: 0 !important;
}

.story_category.story_layout {
    padding-top: 30px;
}

.fav-wrap .autocomplete-items div {
    background-color: #ffffff;
}
.fav-wrapper .fav-wrap {
    padding-bottom: 30px;
}
.story_tabs.fav_tabs .custom-checkbox .custom-control-label {
    padding: 10px 20px;
    min-width: 0;
    cursor: pointer;
}

.select-topic .help-block + .help-block {
    display: none;
}

#other-skill-section .form-control {
    padding: 4px 20px !important;
}

.closed-job {
    display: inline-block;
    background-color: #e11432;
    position: absolute;
    left: 0;
    top: 0;
    padding: 4px 14px;
    font-size: 14px;
    font-weight: 500;
    border-top-left-radius: 10px;
}

.story_tabs ul::-webkit-scrollbar {
    display: none;
}

.story_tabs ul {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.global-tabs.fav-wrapper.conditionWrapper .nav-tabs .nav-link.active {
    background-color: #a0d900;
}

.user-online .verify-status {
    position: static;
}
.card-content.user-online .verify-status {
    width: 100% !important;
}

#card-button.green-btn:hover {
    color: inherit !important;
    background-color: #a0d900;
}

.filter_mapView {
    position: relative;
    z-index: 999;
}

.filter_mapView .search-bar {
    background-color: #ffffff;
}
input[type="search"]::-webkit-search-cancel-button {
    margin-left: 5px;
    margin-right: 0;
}
.adoption-wrapper .load-more-btn {
    max-width: 240px !important;
    margin: 20px auto;
    /* max-width: 240px !important; */
    display: block;
    width: 100%;
}

#adoption-declined .adoption-user > .d-flex,
#adoption-cancelled .adoption-user > .d-flex {
    display: block !important;
}
.r-declined .criteria:before {
    background-color: #a52a2a;
}
.r-declined .dates ul,
.cancelled .dates ul {
    display: flex;
    flex-wrap: wrap;
}
.r-declined .dates ul li,
.cancelled .dates ul li {
    float: none;
}
.cancelled .actions ul {
    display: flex;
    align-items: flex-start;
}
.cancelled .actions ul li {
    text-align: center;
}
.adoption-section .adoptions.r-declined,
.adoption-wrapper .panel.r-declined {
    background-color: rgb(165 42 42 / 30%);
}

.story_tabs > .or-text {
    display: block;
    text-align: center;
    margin: 20px 0;
    font-weight: 700;
}

.host-section {
    background-color: #0c1941;
}

input[type="date"].form-control {
    line-height: 28px;
}
input[type="date"].form-control::-webkit-date-and-time-value {
    text-align: left;
}

/* for map */
.map_box_container {
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
}
.map_box_container .map-box {
    position: absolute;
    z-index: 99999;
}

.header_mobile {
    display: none;
}

.search-icon-desktop,
.cross-icon {
    width: 38px;
    height: 38px;
    position: relative;
    cursor: pointer;
    margin: auto;
}

.search-circle {
    width: 18px;
    height: 18px;
    border: 2px solid #333;
    display: inline-block;
    position: absolute;
    top: 7px;
    right: 15px;
    border-radius: 50%;
    background-color: #fff;
}

.search-line {
    width: 10px;
    height: 2px;
    background: #333;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    bottom: 12px;
    right: 11px;
    transition: all 0.3s ease-in 0s;
}

.cross-icon {
    display: none;
}

.key-in .search-icon-d {
    display: none;
}

.key-in .cross-icon {
    display: block;
}

.first-line {
    height: 18px;
    width: 2px;
    background-color: #333;
    position: absolute;
    display: inline-block;
    transform: rotate(45deg);
    top: 10px;
    right: 15px;
}

.second-line {
    height: 18px;
    width: 2px;
    background-color: #333;
    position: absolute;
    display: inline-block;
    transform: rotate(-45deg);
    top: 10px;
    right: 15px;
}

/* Accepting guests section design */
.guest-wrapper {
    width: calc(100% - 170px) !important;
    text-align: right;
    margin-bottom: 20px !important;
}
.accepting-toggle {
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    display: inline-flex;
    padding: 5px 10px;
    max-width: 350px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.knobs {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: right;
    line-height: 34px;
    background-color: rgba(225, 20, 50, 0.1);
}

.button {
    position: relative;
    width: 85px;
    height: 33px;
    overflow: hidden;
    border: 1px solid #d7d7d7;
}

.button,
.button .layer {
    border-radius: 100px;
}
.checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
}
#button-1 .knobs:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 31px;
    height: 31px;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    background-color: #e11432;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}
#button-1 .checkbox:checked + .knobs {
    background-color: rgba(92, 215, 120, 0.1);
}
#button-1 .checkbox:checked + .knobs:before {
    content: "";
    left: 52px;
    background-color: #5cd778;
}

#button-1 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
}

#button-1 .knobs,
#button-1 .knobs:before,
#button-1 .layer {
    transition: 0.3s ease all;
}

.guest-wrapper p,
.guest-wrapper .button {
    display: inline-block;
    vertical-align: middle;
}

span.yes {
    display: none;
}

.knobs span {
    font-size: 16px;
    color: #e11432;
    padding-right: 15px;
}
#button-1 .checkbox:checked + .knobs span.yes {
    display: block;
    text-align: left;
    padding-left: 15px;
    color: #5cd778;
}
#button-1 .checkbox:checked + .knobs span.no {
    display: none;
}
.accept-tag,
.unaccept-tag {
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgb(160 217 0 / 60%);
    padding: 5px 8px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 16px;
    display: block;
    z-index: 1;
}
.unaccept-tag {
    background-color: rgb(225 20 50 / 60%);
}
.user-profile .accept-tag,
.user-profile .unaccept-tag,
.profile-update.menu-edit .accept-tag,
.profile-update.menu-edit .unaccept-tag {
    cursor: pointer;
}

.accept-tag:hover,
.unaccept-tag:hover {
    color: #000a2a !important;
}
.featured-profiles-section .card-wrapper .unaccept-tag,
.featured-profiles-section .card-wrapper .accept-tag,
.leaflet-popup-content .accept-tag,
.leaflet-popup-content .unaccept-tag,
.view-profile .accept-tag,
.view-profile .unaccept-tag {
    left: 0;
    right: auto;
    z-index: 9;
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 10px;
}
.leaflet-popup-content .accept-tag,
.leaflet-popup-content .unaccept-tag {
    font-size: 14px;
}

#map-container .container {
    position: relative;
    z-index: 9999;
}
.tab-wrap .tab-next,
.tab-wrap .tab-prev {
    display: none;
}
.pr-personal-info .abn-number {
    padding: 0;
}
.abn-number {
    padding: 0 20px;
    font-size: 14px;
}
/* .card-content.abn-verified {
    padding: 8px 0 10px;
} */

#write-review .modal-dialog {
    max-width: 380px;
}

#whv-employer .modal-content {
    overflow: hidden;
}
#whv-employer .card-banner span {
    text-align: center;
    width: 60px;
    height: 70px;
    bottom: -35px;
}
#whv-employer .modal-title {
    font-size: 20px;
}
#whv-employer .card-banner p {
    font-weight: 600;
    margin-top: 5px;
}
#change_card .modal-dialog {
    max-width: 600px;
}
.modal#change_card .two-btns li .btn {
    min-width: 0;
    width: 100%;
}
#change_card #card-element {
    border: 1px solid #000a2a;
    padding: 10px;
    /*margin-bottom: 20px;*/
    border-radius: 8px;
}
#change_card .modal-content .two-btns {
    border-top: 0;
    padding: 20px 0;
}
.apple-signin {
    background-image: url("../images/apple-signin.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: 40px;
    text-indent: -9999px;
    overflow: hidden;
    background-position: center;
}
.adoption-wrapper #accordion1 .panel-heading.panel-bg {
    background-color: transparent;
}
.show-profile .card-content > .pin {
    display: none;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: transparent;
    border-color: #cecece;
}
.wall-wrapper .search-bar .form-control {
    padding: 4px 0 4px 20px;
}
.dropdown-menu .c-count {
    min-width: 20px;
    top: 8px;
    right: -7px;
}
a.accept-adoption:hover i:hover {
    color: #000a2a;
}
.dashboard-membership .gradient-box {
    top: 15px;
}
.dashboard-membership .trial h5 {
    display: block;
}

/* New Registration Flow  */

.registration-wrapper {
    height: 100vh;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.registration-wrapper > div {
    width: 50%;
    height: 100%;
}
.registration-wrapper video {
    width: 100%;
    min-height: 100vh;
    object-fit: cover;
    position: relative;
    z-index: 9;
}
.myVideo-dimensions,
.video-js {
    width: 100%;
    height: 100%;
}
.video-hidden #player-wrapper video {
    display: none;
}
.player-wrapper {
    z-index: 9;
    height: 100%;
    position: relative;
}
.player-wrapper:before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/poster-new.webp);
    content: "";
    background-size: cover;
}
.player-controller {
    position: fixed;
    width: 50%;
    height: 50px;
    z-index: 99;
    background-color: transparent;
    justify-content: flex-end;
}
.player-controller {
    opacity: 1 !important;
    visibility: visible !important;
}
#player-wrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url(../images/poster-new.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.player-btn-audio-off,
.player-btn-audio-on {
    background-color: transparent;
    background: none;
}
.player-btn-toggle-audio {
    width: 32px;
    margin: 0 30px 20px 0;
    text-align: center;
}
.player-btn-audio-off::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f2e2";
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    height: 30px;
    width: 30px;
}
.player-btn-audio-on::after {
    font-family: "Font Awesome 5 Pro";
    content: "\f028";
    color: #ffffff;
    font-size: 22px;
    font-weight: 400;
    height: 30px;
    width: 30px;
}
.video-poster {
    position: absolute;
    height: calc(100% - 50px);
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 40px 50px 10px;
    z-index: 99;
    top: 0;
}
.player-wrapper::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 9;
    top: 0;
    left: 0;
    background: linear-gradient(
        315deg,
        rgba(0, 10, 42, 0.47) 0.5%,
        rgba(0, 10, 42, 0.7) 100%
    );
}
.video-logo {
    max-width: 225px;
}
#toggleMuteButton {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 50px;
    z-index: 910;
    width: 50%;
    text-align: right;
}
#toggleMuteButton a {
    display: inline-block;
    height: auto;
    width: auto;
    margin: 0 30px 30px 0;
    font-size: 20px;
}
#muteIcon {
    display: none;
}
.player-logo,
.player-timeline-container,
.player-btn-toggle-play {
    display: none;
}
.stepForm .eyevinn-player {
    display: none;
}
.video-poster h2 {
    font-size: 2.0625rem;
    line-height: 2.6875rem;
    font-weight: 600;
}
.registration-wrapper .form-group {
    position: relative;
}
.loginForm {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.form-label {
    background-color: #fff;
    position: absolute;
    left: 15px;
    top: -6px;
    transition: 0.2s linear all;
    margin: 0;
    z-index: 9;
    font-size: 13px;
    line-height: 13px;
    padding: 0 4px;
    pointer-events: none;
}
.registration-wrapper .form-control {
    height: 36px;
    padding: 0 40px 0 20px;
    line-height: 36px;
}
.registration-wrapper .iti__selected-flag {
    height: 36px;
}
.right-form-wrapper h4 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 18px;
}
.wizard-password-eye .fa-eye,
.wizard-password-show .fa-eye {
    display: none;
}
.wizard-password-eye.pwd-show .fa-eye,
.wizard-password-show.pwd-show .fa-eye {
    display: block;
}
.wizard-password-eye .fa-eye,
.wizard-password-eye .fa-eye-slash,
.wizard-password-show .fa-eye,
.wizard-password-show .fa-eye-slash {
    position: absolute;
    right: 15px;
    top: 0;
    cursor: pointer;
    line-height: 40px;
}
.right-form-wrapper {
    padding: 80px 50px 50px;
    overflow-y: auto;
}
.mainForm {
    max-width: 390px;
    width: 100%;
    margin: 0 auto;
}
.forget-password .custom-checkbox {
    line-height: 22px;
}
.bottom-form-text p,
.bottom-form-text a {
    display: inline-block;
    vertical-align: middle;
}
.bottom-form-text > div:first-child {
    padding-bottom: 20px;
}
.loginEmail-wrap {
    max-width: 465px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.loginEmail-wrap p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 10px;
}
#msform {
    position: relative;
}
/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type),
#verifyForm fieldset:not(:first-of-type) {
    display: none;
}
fieldset {
    padding-top: 30px;
}
.fieldset-header h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
}
.fieldset-header p {
    font-size: 16px;
}
.radio-img {
    width: 6.5rem;
    height: 6.5rem;
    margin-right: 15px;
    border-radius: 10px;
    overflow: hidden;
}
.radio-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.radio-text {
    width: calc(100% - 125px);
}
.radio-register-wrapper .custom-control {
    padding-left: 0;
}
.radio-register-wrapper .custom-control-label {
    padding: 15px 20px;
    border-radius: 15px;
    border: 1px solid #c4c4c4;
    background: linear-gradient(
            0deg,
            rgba(224, 226, 216, 0.15) 0%,
            rgba(224, 226, 216, 0.15) 100%
        ),
        #fff;
    margin-top: 15px;
    cursor: pointer;
    width: 100%;
}
.radio-register-wrapper .custom-control-label::before {
    left: auto;
    top: 12%;
    right: 20px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
}
.radio-register-wrapper .custom-control-label::after {
    left: auto;
    right: 24px;
    height: 14px;
    width: 14px;
    border-radius: 50%;
    top: 14.8%;
}
.radio-register-wrapper .custom-control-input:checked ~ .custom-control-label {
    border: 3px solid #a0d900;
}
.radio-register-wrapper
    .custom-control-input:checked
    ~ .custom-control-label::before {
    color: #fff;
    border-color: #000a2a;
    background-color: #ffffff;
}
.radio-register-wrapper
    .custom-control-input:checked
    ~ .custom-control-label::after {
    background-image: none !important;
    background-color: #a0d900;
    border: 1px solid #000a2a;
}
/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
    max-width: 600px;
    margin: 0 auto;
}
#progressbar li {
    list-style-type: none;
    color: #0c1941;
    font-size: 10px;
    width: 25%;
    float: left;
    position: relative;
    text-align: center;
}
#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 1.875rem;
    line-height: 1.875rem;
    display: block;
    font-size: 1rem;
    color: #0c1941;
    background: #c4c4c4;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    height: 1.875rem;
    text-align: center;
}
/*progressbar connectors*/
#progressbar li:after {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    right: 50%;
    top: 10px;
    z-index: -1; /*put it behind the numbers*/
    background-color: #c4c4c4;
}
/* #progressbar li:first-child p {
    padding-left: 40%;
}
#progressbar li:last-child p {
    padding-right: 40%;
}
#progressbar li:first-child {
    text-align: left;
}
#progressbar li:last-child {
    text-align: right;
} */
#progressbar li:first-child::after {
    display: none;
}

/*marking active/completed steps green*/
/*The number of the step and the connector before it = green*/
#progressbar li.current:before,
#progressbar li.current:after {
    background: #0c1941;
    color: #ffffff;
}
#progressbar li.current.active:before {
    font-family: "Font Awesome 5 Pro";
    content: "\f00c";
}
#progressbar li.current.active:before,
#progressbar li.current.active:after {
    background-color: #a0d900;
    color: #ffffff;
}

#progressbar li.active:after {
    background-color: #c4c4c4;
}
.fixed-footer {
    position: fixed;
    right: 0;
    width: 50%;
    bottom: 0;
    padding: 0.5% 4%;
    border-top: 1px solid #c4c4c4;
    background-color: #ffffff;
    z-index: 9;
}
.radio-text h6 {
    font-size: 16px;
    margin-bottom: 15px;
}
.radio-text .user-type {
    padding-left: 20px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.radio-text .user-type p {
    font-size: 12px;
    line-height: 20px;
}
.new-pin {
    display: inline-block;
    position: absolute;
    left: -20px;
    top: -7px;
}

.whv-color .new-pin {
    top: -12px;
}

.new-wrapper .localHost-color,
.user-color-wrapper .localHost-color {
    background-color: #d9eaf9;
}

.new-wrapper .traveller-color,
.user-color-wrapper .traveller-color {
    background-color: #d9ecdd;
}

.new-wrapper .employer-color,
.user-color-wrapper .employer-color {
    background-color: #f69baa;
}

.new-wrapper .auPairHost-color,
.user-color-wrapper .auPairHost-color {
    background-color: #f6d9fb;
}

.new-wrapper .whv-color,
#whv-employer .whv-color,
.user-color-wrapper .whv-color {
    background-color: #f69baa;
}

.new-wrapper .auPair-color,
.user-color-wrapper .auPair-color {
    background-color: #c39bf2;
}

#progressbar li:before {
    width: 20px;
    line-height: 20px;
    font-size: 10px;
    height: 20px;
}
.right-register-wrapper {
    padding: 2.5% 0 5%;
    overflow-y: auto;
}
.right-register-wrapper .fieldset-header {
    padding: 0 50px 15px;
}
.right-register-wrapper .continue ul li {
    cursor: default;
}
.right-register-wrapper .continue ul li a {
    display: inline-block;
}
.radio-register-wrapper {
    padding: 0 8%;
}
.radio-register-wrapper .continue-with {
    padding: 15px 0 0;
}
.radio-register-wrapper .continue-with.continue-with-pwd {
    padding: 0 0 15px;
}
.radio-register-wrapper .p-instructions {
    font-size: 12px;
    line-height: 16px;
}
.radio-register-wrapper .p-instructions li:before {
    top: 8px;
}
.register-field-wrapper {
    max-width: 465px;
    margin: 0 auto;
}
.otp-verify-wrapper {
    max-width: 285px;
    text-align: center;
    margin: 0 auto;
}
.otp-verify-wrapper .otp {
    margin: 3.125rem 0;
}
.otp-verify-wrapper > p {
    margin-top: 3.125rem;
}
.otp-verify-wrapper .otp .form-control {
    height: 50px;
    width: 50px;
    /* float: left; */
    padding: 10px;
    font-size: 20px;
    margin: 0 4px;
    text-align: center;
    display: inline-block;
}
#whv-employer .radio-img {
    width: 100%;
    height: 200px;
    border-radius: 20px 20px 0 0;
    margin: 0;
    position: relative;
}
#whv-employer .radio-img span {
    position: absolute;
    left: 20px;
    top: 20px;
}
#whv-employer .radio-text {
    width: 100%;
    text-align: center;
    margin-top: -15px;
    padding: 0 40px;
}
#whv-employer .radio-text .user-type {
    margin-bottom: 20px;
}
#whv-employer .radio-text h6 {
    margin-bottom: 0;
}
.radio-disabled ~ .custom-control-label {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    -webkit-text-fill-color: #000a2a;
    -webkit-box-shadow: 0 0 0px 36px #ffff inset;
    border: 1px solid #cecece;
}

/* New Membership Screen */
.main-membership-wrapper {
    padding: 30px 0 60px;
}
.main-membership-wrapper > div {
    max-width: 1015px;
    margin: 0 auto;
}
.main-membership-wrapper > div h2 {
    font-size: 2rem;
}
.membership-table p {
    font-size: 1.125rem;
    color: #000a2a;
    /* margin-top: 10px; */
}
.main-membership-wrapper > div > p {
    /* margin-top: 30px; */
    font-size: 1.125rem;
    line-height: 1.5rem;
    max-width: 980px;
    margin: 30px auto 0;
}
.common-tabs-list {
    margin: 30px 0;
}
.common-tabs-list .nav-tabs .nav-link {
    padding: 10px 20px;
    border-radius: 40px;
    font-size: 14px;
    color: #727272;
    min-width: 130px;
    border: 1px solid #727272;
}
.common-tabs-list .nav-tabs .nav-item {
    margin: 0 10px;
}
.common-tabs-list .nav-tabs .nav-item.show .nav-link,
.common-tabs-list .nav-tabs .nav-link.active {
    border-color: #727272;
    background-color: #a0d900;
    color: #000a2a;
    font-weight: 600;
}
.table-head h4 span:first-child {
    max-width: 28px;
    display: inline-block;
}
.table-head p {
    font-size: 1.125rem;
}
.table-head .btn {
    min-width: 200px;
    margin-top: 16px;
    font-size: 16px;
}
.membership-table {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}
.membership-table h3 {
    font-size: 1.625rem;
}
.membership-table h4 {
    font-size: 1.25rem;
}
.table-head h4 {
    margin-bottom: 30px;
}
.membership-table.table td,
.membership-table.table th {
    vertical-align: middle;
    border-bottom: 1px solid rgb(196 196 196 / 40%);
    border-top: 0;
    padding: 16px;
    height: 96px;
}
.membership-table.table tr:first-child td {
    vertical-align: top;
}
.membership-table.table tr:last-child td,
.membership-table.table tr:last-child th {
    border-bottom: 0;
}
.membership-table.table th h3,
.membership-table.table th p {
    text-align: left;
}
.membership-table.table tr td:nth-child(2) {
    background: rgba(225, 20, 50, 0.08);
}
.membership-table.table tr td:nth-child(3) {
    background: rgba(4, 139, 243, 0.08);
}
.new-card {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
    padding: 45px 15px 20px;
    margin: 30px 0;
}
.card-text {
    margin-left: 15px;
    width: calc(100% - 52px);
}
.card-text h5 {
    font-size: 18px;
    line-height: 18px;
}
.card-text div p {
    max-width: 18px;
    line-height: 18px;
}
.card-image {
    width: 52px;
}
.corner-tag {
    padding: 4px 15px;
    background-color: #000a2a;
    border-radius: 10px 0;
    position: absolute;
    left: 0;
    top: 0;
}
.card-days-left {
    margin-top: -20px;
}
.border-days {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    border: 1.5px solid rgba(12, 25, 65, 0.05);
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.border-days span {
    font-size: 16px;
}
.border-days p {
    font-size: 10px;
    line-height: 14px;
}
.border-days::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/border-image.svg);
    background-repeat: no-repeat;
    left: 12px;
    top: -2px;
}
.vt-height {
    min-height: 65px;
}
.vt-height span {
    display: inline-block;
    vertical-align: middle;
}

/* Dashboard page design  */
.main-dashboard-wrapper {
    margin: 20px 0;
}
.main-sidebar {
    width: 300px;
}
.common-card {
    padding: 20px;
    background-color: #ffffff;
    border-radius: 15px;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 15px;
}
.common-card .common-card {
    border: 1px solid #c4c4c4;
    padding: 15px;
    margin-top: 20px;
}
.common-card-heading {
    font-size: 20px;
    font-weight: 700;
}
.profile-user-image {
    border-radius: 15px;
    /* overflow: hidden; */
    height: 260px;
    width: 260px;
}
.profile-user-image img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
    aspect-ratio: 1 / 1;
}

.profile-user-image .new-pin {
    display: none;
}
.profile-user-type {
    margin: -12px 0 0 20px;
}
.profile-details-wrap p:empty {
    display: none;
}
.profile-username {
    font-size: 26px;
    margin: 4px 0 0;
    line-height: 30px;
}
.profile-plan {
    margin: 20px 0;
}
.profile-details-wrap .profile-plan {
    margin: 0;
}
.profile-details-wrap .profile-status {
    margin: 12px 0;
}

.profile-details-wrap .profile-status a {
    font-size: 14px;
}
.profile-update.menu-edit .profile-plan {
    margin: 0;
}
.main-content-wrapper {
    width: calc(100% - 300px);
    padding-left: 30px;
}
.new-announcement .announcement-slider.owl-carousel .owl-stage-outer {
    box-shadow: none;
    padding: 12px 0 12px 6px;
}
.comment-green-text {
    color: #a0d900 !important;
}
.new-announcement.announcement .card {
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.new-stories h2,
.new-wall .wall-listing-dashboard h2 {
    font-size: 2.5rem;
}
.read_more_link {
    font-size: 14px;
}
.new-wall,
.new-stories {
    margin-top: 50px;
    padding-left: 10px;
}
.new-wall .community-wall > ul {
    max-width: 100%;
    margin: 0;
}
.new-wall .community-wall.wall-listing > ul > li {
    max-width: 100%;
    padding: 20px 0 0;
}

.new-wall .wall-listing-dashboard h2 {
    margin-bottom: 0 !important;
}
/* .stories-carousel .owl-nav .disabled, .stories-carousel button.owl-prev {
    display: none;
} */
.stories-carousel .owl-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.stories-carousel button.owl-prev,
.stories-carousel button.owl-next {
    position: absolute;
    height: 40px;
    width: 40px;
    background-color: rgb(255 255 255) !important;
    border-radius: 50%;
    box-shadow: 0 3px 10px rgb(0 0 0 / 30%);
    left: 10px;
    /* margin: 15px 6px; */
    top: 50%;
    transform: translateY(-50%);
}
.stories-carousel button i {
    font-size: 24px;
    color: #70768b;
    font-weight: 500;
}
.stories-carousel button.owl-next {
    left: auto;
    right: 10px;
}
/* .stories-carousel.owl-carousel:hover button.owl-prev {
    display: block;
} */
.new-stories .stories > ul {
    margin: 20px 0 0;
}
.new-adoption-section .adoptions {
    border-radius: 10px;
    padding: 8px;
    width: 125px;
}
.new-adoption-section .stays > div ul,
.job-applicants ul.job-types-box {
    margin: 0 -4px;
}
.new-adoption-section .stays > div ul li,
.job-applicants .job-types-box li {
    padding: 0 4px;
    display: inline-block;
    margin-top: 10px;
}
.job-applicants .job-types-box li {
    margin: 20px 0 10px;
}
.adoption-count {
    font-size: 32px;
    line-height: 32px;
}
.new-adoption-section .adoptions p:last-child {
    font-size: 13px;
}
.new-adoption-section .adoptions.received {
    background-color: #ffecc1;
}
.new-adoption-section .adoptions.r-pending {
    background-color: #ffddb2;
}
.new-adoption-section .adoptions.cancelled {
    background-color: #f6b8c1;
}
.new-adoption-section .adoptions.confirmed {
    background-color: #b2daba;
}
.new-adoption-section .adoptions.declined {
    background-color: #e4bfbf;
}
.new-adoption-section .adoptions.concluded {
    background-color: #f0f0f0;
}
.received .adoption-count {
    color: #fec032;
}
.r-pending .adoption-count {
    color: #ff9000;
}
.cancelled .adoption-count {
    color: #e11432;
}
.confirmed .adoption-count {
    color: #00831b;
}
.declined .adoption-count {
    color: #a52a2a;
}
.concluded .adoption-count {
    color: #343434;
}
.stays > a,
.job-applications > a,
.job-applicants > a {
    margin: 10px 0;
}
.common-card > .common-card p {
    font-size: 14px;
    margin-bottom: 10px;
}
.job-applications .btn,
.upcoming-rides .btn {
    min-width: 180px;
}
.colored-box {
    padding: 20px;
    border-radius: 15px;
    margin-bottom: 15px;
    display: block;
}
.activate-free-trial {
    background-color: #0c1941;
}
.colored-box > div.text-white {
    max-width: 195px;
    display: block;
}
.verify-id-box,
.business-id-box {
    background-color: #0c3f3c;
}
.colored-box h5 {
    font-size: 18px;
    line-height: 20px;
}
.colored-box h5 i {
    font-size: 14px;
}
.trial-img,
.id-img,
.business-id-img {
    position: absolute;
    right: 0;
    bottom: 20px;
}
.id-img {
    bottom: 0;
}
.services-wrap ul {
    margin-top: 20px;
}
.services-wrap li i {
    font-size: 14px;
}
.services-wrap ul li a {
    padding: 15px 8px;
    border-bottom: 1px solid #c4c4c4;
    font-size: 16px;
    font-weight: 500;
}
.services-wrap ul li a:hover {
    color: #000a2a;
}
.services-wrap ul li a span,
.services-wrap ul li a:hover span {
    color: #727272;
}
.services-wrap ul li:last-child a {
    border-bottom: 0;
}
.job-applications ul li h5,
.job-applicants ul li h5 {
    font-size: 16px;
    line-height: 20px;
}
.job-applications ul li {
    margin-top: 20px;
}
.route-map {
    margin-top: 30px;
}
.route-map > p i {
    font-size: 22px;
}
.route-map li {
    margin-top: 35px;
    padding-left: 10px;
}
.route-map li > p i {
    font-size: 18px;
}
.route-map li > p {
    font-size: 13px;
    display: flex;
    align-items: center;
    position: relative;
}
.route-map li > p::after {
    content: "...";
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 50px;
    height: 40px;
    width: 25px;
    color: #000a2a;
    transform: rotate(90deg);
}
.route-map li:last-child > p::after {
    display: none;
}
.new-abn {
    font-size: 14px;
    margin-top: 5px;
}
.sea-green-btn {
    background-color: #69d17f;
    color: #000a2a;
}
.side-profile-tag {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 8px;
    border-radius: 0px 10px;
    background: rgb(160 217 0 / 60%);
    font-weight: 700;
    box-shadow: 0px 4px 23px 0px rgba(185, 185, 185, 0.57);
    font-size: 16px;
    z-index: 9;
}
.side-profile-tag.red-tag {
    background: rgb(225 20 50 / 60%);
}
.business-id-box {
    background-color: #0c3f3c;
}
.business-id-img {
    bottom: 50%;
    transform: translateY(50%);
    right: 8px;
}
.business-id-box.colored-box a {
    max-width: 210px;
    display: block;
}

.light-grey-btn {
    background-color: #e0e2d8;
    box-shadow: 0px 4px 23px 0px rgba(185, 185, 185, 0.57);
    color: #000a2a4d;
}

.btn.light-grey-btn.disabled,
.btn.light-grey-btn:disabled {
    opacity: 1;
}
.on-mobile {
    display: none;
}
.new-success-page {
    height: calc(100vh - 201px);
}

.sub-wrapper p {
    font-size: 18px;
    line-height: 22px;
    margin: 20px 0;
}

.sub-wrapper p.c-lightgrey {
    max-width: 800px;
}

.sub-wrapper span {
    font-size: 14px;
    line-height: 16px;
}

/* .sub-wrapper .bottom-btns {
    margin-top: 60px;
} */
.modal-open .modal {
    overflow-y: hidden;
    padding: 0 !important;
}

/* Common Modal design for all popups */

.common-modal .modal-dialog {
    min-width: 444px;
    width: auto;
}

.common-modal .modal-dialog .modal-body {
    padding: 40px;
}

.common-modal .modal-dialog .modal-body .modal-icon {
    margin-bottom: 30px;
}

.common-modal .modal-dialog .modal-body h6 {
    font-size: 16px;
    font-weight: 600;
    color: #0e101a;
    line-height: 22px;
}

.common-modal .modal-dialog .modal-body > p,
.common-modal .modal-dialog .modal-body .radio-text > p,
.common-modal .modal-dialog .modal-body div > p,
.common-modal .modal-dialog .modal-body div > form p {
    font-size: 16px;
    color: #727272;
    line-height: 20px;
    margin: 20px 0;
}

.common-modal .modal-dialog .modal-body div.user-type > p {
    margin: 0;
    color: #000a2a;
}

.common-modal .camera {
    margin: 20px 0;
}

ul.common-modal-btns li:nth-child(2) a,
ul.common-modal-btns li:nth-child(2) button {
    margin-left: 15px;
}

.common-modal .btn,
.sa-button-container .btn,
.sa-button-container button {
    height: auto;
    width: auto;
    padding: 13px 26px;
    min-width: 120px;
}

.swal2-popup.swal-modal {
    width: 444px;
    padding: 40px;
    border-radius: 20px;
}
.swal-modal .swal2-icon {
    margin: 0 auto 30px;
}
.swal-modal .swal2-title {
    padding: 0;
    font-size: 16px;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
    color: #0e101a;
    line-height: 22px;
}
.swal-modal p {
    font-size: 16px;
    line-height: 20px;
    color: #727272;
    font-family: "Lato", sans-serif;
}
.swal-modal .swal2-html-container {
    margin: 20px 0;
}
.swal-modal .swal2-actions {
    margin: 0;
}
.swal-modal .swal2-confirm {
    border: 0;
    border-radius: 8px;
    background: initial;
    background-color: #7066e0;
    color: #000a2a;
    font-size: 14px;
    padding: 13px 26px;
    margin: 0;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
    background-color: #a0d900 !important;
    height: auto;
    width: auto;
}
.swal-modal .swal2-default-outline:focus {
    box-shadow: none;
}

.sweet-alert {
    background-color: #ffffff;
    width: 444px;
    padding: 40px;
    border-radius: 20px;
}

.sweet-alert .sa-icon {
    margin: 0 auto 30px;
}

.sweet-alert h2 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}

.sa-button-container div:nth-child(2) {
    margin-left: 15px;
}
/* #inbox-chat {
    height: calc(100vh - 385px);
} */
.empty-list {
    padding-top: 20px;
}
#inbox-conversations .empty-list {
    height: calc(100vh - 346px);
}
.empty-list .success-img img {
    width: 260px;
}
.empty-list > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.safety-wrapper .empty-list .card {
    padding: 20px;
    margin: 0 auto;
}

.empty-list h6 {
    font-size: 20px;
}
.mobile-text,
.mobile-announcements,
.static-text {
    display: none;
}
.note-text {
    line-height: 20px;
    margin: 10px 0 20px;
}

/* Manual Id Verifications Pages */
.manual-id {
    max-width: 680px;
    margin: 0 auto;
    padding: 0;
}
.manual-id #progressbar li {
    width: 35%;
}
.manual-id #progressbar li:before {
    width: 30px;
    line-height: 30px;
    font-size: 14px;
    height: 30px;
}
.manual-id #progressbar li:after {
    top: 15px;
}
form#verifyForm {
    max-width: 680px;
    margin: 30px auto 0;
    text-align: center;
}
#verifyForm #progressbar {
    display: flex;
    justify-content: center;
}
.verification-wrapper h3 {
    font-size: 24px;
    line-height: 26px;
}
.verification-wrapper h5 {
    font-size: 16px;
    line-height: 20px;
}
.verification-wrapper .top-heading {
    margin: 0 0 30px;
}
.verification-wrapper .plan-list li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 34px;
}
.verification-wrapper .plan-list li:before {
    background-image: url(../images/table-green-tick.svg);
    left: 8px;
    height: 20px;
    width: 20px;
    background-size: 20px;
}
.verification-wrapper .drop_box {
    min-height: 100px;
}
.verification-wrapper .upload-text,
.business-heading p {
    font-size: 18px;
    line-height: 24px;
}
.verification-wrapper .upload-text label {
    cursor: pointer;
}
.verification-wrapper .before-upload {
    padding: 10px 0;
}
.verify-btns {
    margin: 50px 0 100px;
}
.verify-btns a:first-child {
    margin-right: 15px;
}
.demo-image {
    max-width: 130px;
    margin: 30px auto 0;
}
.static-text {
    display: inline-block;
    margin: 15px 0 0;
    font-size: 14px;
}

.common-modal .otp.form-control {
    margin: 20px 4px 0;
}
.activate-btn {
    padding: 13px 18px;
}
.community-comment-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    height: 40px;
}
.incomplete-user-profile.green-btn {
    padding: 13px 18px;
    font-size: 14px;
}
.incomplete-user-profile.btn {
    padding: 13px 18px;
    font-size: 14px;
}

/*POST CATEGORY START*/
.post-category {
    padding: 50px 0px;
}
.post-category .sec-title {
    font-size: 32px;
    line-height: 38px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 50px;
}
.post-category .container-inner {
    max-width: 992px;
    margin: auto;
}
.post-category .rw {
    display: flex;
    flex-wrap: wrap;
    margin: auto -10px;
    justify-content: center;
}
.post-category .cl {
    padding: 0px 10px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 300px;
}
.pc-card {
    display: flex;
    flex-direction: column;
}
.pc-card .pc-card-body {
    border: 1px solid #c4c4c4;
    background-color: #fbfbf9;
    border-radius: 15px;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s ease;
    position: relative;
}
.pc-card .pc-card-body .icn {
    width: auto;
    height: 66px;
}
.pc-card .pc-card-body .icn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    line-height: 0;
}
.pc-card .pc-card-body .icn img.white {
    display: none;
}
.pc-card .pc-card-footer {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    padding-top: 10px;
    color: #000a2a;
}
.pc-card:hover .pc-card-body {
    background-color: #1cda5f;
    border-color: #1cda5f;
    transition: 0.5s ease;
}
.pc-card:hover .icn img.white {
    display: block;
}
.pc-card:hover .icn img.colored {
    display: none;
}
@media (max-width: 767px) {
    .post-category .cl {
        width: 50%;
        max-width: 50%;
    }
}
@media (max-width: 575px) {
    .pc-card .pc-card-body .icn {
        height: 54px;
    }
}
@media (max-width: 375px) {
    .pc-card .pc-card-body {
        height: 120px;
    }
    .pc-card .pc-card-body .icn {
        height: 48px;
    }
}
/*POST CATEGORY END*/
/*CREATE POST START*/
.create-post {
    padding-top: 30px;
    padding-bottom: 60px;
}
#mainSection.create-post {
    min-height: calc(100vh - 228px);
}
.create-post .container {
    max-width: calc(600px + 80px);
}
.create-post .step-rw {
    display: flex;
    margin: auto;
    margin-bottom: 15px;
    justify-content: space-between;
    max-width: 220px;
    position: relative;
}
.create-post .step-rw:after {
    content: "";
    height: 2px;
    background-color: #0c1941;
    display: block;
    position: absolute;
    top: 15px;
    left: 30px;
    width: calc(100% - 60px);
    z-index: -1;
}
.create-post .step-card {
    text-align: center;
}
.create-post .step-card .sc-count {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    background-color: #c4c4c4;
    color: #0c1941;
    border-radius: 100%;
    margin: auto;
}
.create-post .step-card .sc-txt {
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
    color: #000000;
    margin-top: 4px;
    margin-bottom: 0px;
}
.create-post .step-card.active .sc-count {
    font-weight: 800;
    background-color: #0c1941;
    color: #ffffff;
}
.create-post .btn.max-width {
    max-width: 138px;
}
.create-post .salary-rw {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -7.5px;
}
.create-post .salary-rw .cl {
    padding: 0 7.5px;
}
.create-post .salary-rw .cl:first-child {
    width: calc(100% - 194px);
}
.create-post .salary-rw .cl:last-child {
    width: 194px;
}
.create-post .switch-text {
    color: #727272;
    font-size: 14px;
}
.create-post .date-input,
.create-post .location-input {
    display: flex;
    margin-bottom: 8px;
}
.create-post .date-input img,
.create-post .location-input img {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    margin-right: 10px;
}
.create-post .date-input .inputs {
    display: flex;
    flex-direction: column;
}
.create-post .date-input .inputs label,
.create-post .location-input .inputs label {
    margin-bottom: 0;
}
.create-post .date-input .inputs input,
.create-post .location-input .inputs input {
    display: block;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;
    box-shadow: none;
}
.create-post .date-input .inputs input {
    padding: 0;
}
.create-post .date-input .inputs label {
    display: inline-block;
    font-size: 15px;
    padding-top: 5px;
}
.create-post .date-input .inputs input.date {
    /* min-width: 165px; */
    cursor: pointer;
    display: inline-block;
    /* width: 100%; */
    /* width: auto; */
    padding: 0;
}
/* .timepick {
    min-width: 88px;
} */
.daterangepicker .calendar-table .next span,
.daterangepicker .calendar-table .prev span {
    background: transparent !important;
}
.create-post .location-rw {
    display: flex;
    justify-content: space-between;
}
.create-post .location .location-link {
    position: static;
    width: auto;
    margin-top: 10px;
}
.create-post .location-rw .location-link {
    color: #0734c1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.create-post .form-wizard .wizard-form-text-label {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}
.cw-card {
    display: flex;
    border-radius: 10px;
    padding: 15px;
    background-color: #f8f8f8;
    margin-bottom: 15px;
}
.cw-card .cw-pic {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 0;
    margin-right: 10px;
    flex-shrink: 0;
    overflow: hidden;
}
.cw-card .cw-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    line-height: 0;
}
.cw-card .cw-card-content {
}
.cw-card .cw-card-content p.name {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: #000a2a;
    margin-bottom: 5px;
}
.cw-card .cw-card-content p.location {
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #727272;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}
.cw-card .cw-card-content p.location img {
    width: 16px;
    height: 16px;
    margin-right: 3px;
    margin-top: -10px;
}
.cw-card .cw-toggle {
    margin-left: auto;
    margin-right: 0;
}
.custom-file-card {
    border-radius: 10px;
    border: 1px dashed rgba(114, 114, 114, 0.5);
    padding: 40px;
    width: 100%;
    cursor: pointer;
}
.custom-file-card input {
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
}
.custom-file-card .content {
    max-width: 102px;
    margin: auto;
    text-align: center;
}
.custom-file-card .content .upload-icon {
    margin-bottom: 15px;
    width: 25px;
    height: 25px;
}
.custom-file-card .content h6,
.custom-file-card .content p {
    line-height: 14px;
    font-weight: 500;
    color: #000a2a;
    opacity: 0.5;
    margin-bottom: 0px;
}
.custom-file-card .content h6 {
    font-size: 14px;
}
.custom-file-card .content p {
    font-size: 12px;
}
.custom-file-card-outer {
    margin-bottom: 30px;
}
.custom-file-card-outer .bottom-txt {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #727272;
    text-align: center;
}
.custom-file-card-outer .bottom-txt a {
    font-weight: 700;
    color: #0734c1;
}

.custom-file-card-outer .img-container {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    border: 1px dashed rgba(114, 114, 114, 0.5);
    padding: 30px;
    margin-bottom: 10px;
}
.custom-file-card-outer .img-container .img-card,
.new-cropper .img-card {
    position: relative;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    overflow: hidden;
}
.custom-file-card-outer .img-container .img-card:not(:last-child) {
    margin-right: 10px;
}
.custom-file-card-outer .img-container .img-card img.fit-img,
.new-cropper .img-card img.fit-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
}
.custom-file-card-outer .img-container .img-card .cta,
.new-cropper .img-card .cta {
    display: flex;
    justify-content: flex-end;
    position: absolute;
    right: 5px;
    bottom: 5px;
}
.custom-file-card-outer .img-container .img-card .cta a,
.new-cropper .img-card .cta a {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.custom-file-card-outer .img-container .img-card .cta a img,
.new-cropper .img-card .cta a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    line-height: 0;
}
.custom-file-card-outer .img-container .img-card .cta a:not(:last-child),
.new-cropper .img-card .cta a:not(:last-child) {
    margin-right: 5px;
}
.custom-file-card-outer .img-container .img-card .add-more,
.new-cropper .img-card .add-more {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0c1941;
    cursor: pointer;
}

.info-modal .modal-dialog {
    display: flex;
    align-items: center;
    height: 100vh;
    max-width: unset;
    justify-content: center;
}
.info-modal .modal-content {
    height: 222px;
    width: 444px;
    border-radius: 20px;
    padding: 40px;
}
.info-modal .modal-body {
    padding: 0px;
    text-align: center;
}
.info-modal .modal-body h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #0e101a;
    margin-bottom: 20px;
}
.info-modal .modal-body p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #727272;
    margin-bottom: 20px;
}

.upload-file-modal .modal-dialog {
    display: flex;
    align-items: center;
    height: 100vh;
    max-width: unset;
    justify-content: center;
}
.upload-file-modal .modal-content {
    border-radius: 20px;
}
.upload-file-modal .modal-body {
    padding: 24px;
}
.upload-file-modal .modal-body h6 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    color: #0e101a;
    margin-bottom: 50px;
    text-align: center;
}
.upload-file-modal .modal-footer {
    padding: 20px 20px 24px 20px;
}
.upload-file-modal .modal-body .custom-control.custom-radio {
    margin-left: 0px;
}
.upload-file-modal .modal-footer .btn {
    margin-right: 17px;
}
.upload-file-modal .modal-footer .btn:last-child {
    margin-right: 0px;
}

.new-cropper .modal-dialog {
    max-width: 738px !important;
}
.new-cropper .modal-content {
    padding: 0px 40px;
}

.new-cropper .modal-header,
.new-cropper .modal-footer {
    padding: 20px 0px;
    justify-content: center;
}

.new-cropper .tool-btn {
    padding: 0px;
    width: 58px;
    height: 58px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}

.new-cropper .img-container {
    background-color: #6b6b6b;
    height: 370px;
}
.new-cropper .img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    line-height: 0;
}

.new-cropper .img-preview-list {
    display: flex;
    margin-top: 20px;
}
.new-cropper .img-cl {
    width: 120px;
    height: 120px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.new-cropper .img-cl.getImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
}
.new-cropper .img-cl.getImage.active {
    box-shadow: 0px 0px 0px 2px #a0d900;
}
.new-cropper .img-cl:not(:last-child) {
    margin-right: 15px;
}
.new-cropper .img-cl .delete-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}
.new-cropper .img-cl .add-more {
    background-color: #000a2a;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.new-cropper .img-cl .add-more input {
    position: absolute;
    opacity: 0;
}
.new-cropper .img-card {
    width: 120px;
    height: 120px;
}

.new-cropper .img-card:not(:last-child) {
    margin-right: 15px;
}

/*CREATE POST END*/

.post-card {
    max-width: 437px;
    border-radius: 15px;
    box-shadow: 0px 5px 30px 0px rgba(185, 185, 185, 0.5);
    margin: auto;
}
.post-card-inner {
    cursor: pointer;
}
.post-card .post-card-header {
    background: rgba(248, 248, 248, 1);
    display: flex;
    align-items: center;
    padding: 15px;
}
.post-card .post-card-header .pc-pic {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 0;
    overflow: hidden;
}
.post-card .post-card-header .pc-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
    object-position: center;
}
.post-card .post-card-header .pc-card-content {
    margin-left: 15px;
}
.pc-card-content p:nth-child(2) {
    font-size: 14px;
    line-height: 14px;
    color: #727272;
}
.post-card .post-card-header .name {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #000a2a;
    margin-bottom: 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.post-card .post-card-header .location {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #727272;
}
.post-card .post-card-header .location img {
    height: 18px;
    margin-top: -4px;
}
.post-card-body {
    padding: 15px;
}
.full-post-right .post-slider .item,
.full-post-right .lessImage .item {
    height: 408px;
}

.post-slider .item {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    height: auto;
}
.tablinks .post-card {
    cursor: pointer;
}
.post-slider .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
    border-radius: 10px;
    aspect-ratio: 1 / 1;
}
.post-slider .owl-dots {
    position: relative;
    margin-top: -48px;
    padding-bottom: calc(45px - 3px);
    display: flex;
    justify-content: center;
}
.post-slider .owl-dots .owl-dot {
    height: 5px;
    max-width: 32px;
    width: 100%;
    background: #0c1941;
    border-radius: 100px;
    border: 1.81px solid #fff;
}
.post-slider .owl-dots .owl-dot:not(:last-child) {
    margin-right: 10px;
}
.post-slider .owl-dots .owl-dot.active {
    background-color: #a0d900;
}
.post-slider .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}
.post-slider .owl-nav button span {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-3.67176e-06 21C-1.64708e-06 9.42022 9.42022 1.64708e-06 21 3.67176e-06C32.5798 5.69643e-06 42 9.42023 42 21C42 32.5798 32.5798 42 21 42C9.42022 42 -5.69643e-06 32.5798 -3.67176e-06 21ZM18.7377 30.9876L27.4877 22.2377C28.172 21.5534 28.172 20.4474 27.4877 19.7632L18.7377 11.0132C18.0535 10.3289 16.9475 10.3289 16.2632 11.0132C15.579 11.6974 15.579 12.8034 16.2632 13.4876L23.776 21.0004L16.2632 28.5131C15.5789 29.1974 15.5789 30.3034 16.2632 30.9876C16.6044 31.3289 17.0525 31.5004 17.5004 31.5004C17.9485 31.5004 18.3965 31.3289 18.7377 30.9876Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
}
.post-slider .owl-nav button.owl-prev span {
    transform: rotate(180deg);
}
/*.post-slider .owl-nav button span{display: none;}*/
.post-slider .owl-nav button.disabled {
    opacity: 0.3;
}
.post-card-footer {
    padding: 15px;
    padding-top: 0px;
}
.pcf-badge {
    background-color: #a0d900;
    padding: 5px 10px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    color: #000a2a;
    margin-bottom: 15px;
    border-radius: 5px;
    display: inline-block;
}
.post-card-footer .pcf-title {
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    color: #000a2a;
    margin-bottom: 10px;
}
.pcf-caption {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #727272;
    margin-bottom: 15px;
}
.pcf-date {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #727272;
    display: flex;
    align-items: center;
}
.pcf-date img {
    margin-right: 5px;
    width: 18px;
    height: 18px;
    margin-top: -4px;
}
.pcf-date span {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #000a2a;
}
.pcf-count-badge {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    background-color: #894d00;
    color: #fff;
    border-radius: 100%;
    float: right;
    margin-top: -4px;
    font-weight: 700;
}

.pfp-link {
    margin: 54px auto 0;
    text-align: center;
}
#previewData .pfp-link {
    margin: 15px 0 0;
}
.pfp-link a {
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    color: #0734c1;
    text-decoration: underline !important;
}
.pfp-link a:hover {
    color: #a0d900;
    text-decoration: none !important;
}

#previewData .pcf-location {
    font-size: 14px;
    margin-top: 15px !important;
}
/* 
#previewData .females-only {
    left: 10px;
    top: 10px;
} */

#previewData .pcf-location div:first-child {
    /* width: 36px; */
    width: 18px;
    margin-right: 5px;
    height: 18px;
    margin-top: -2px;
}
#previewData .pcf-location div:last-child {
    width: calc(100% - 23px);
    color: #727272;
}

.create-post-footer {
    border-top: 1px solid #c4c4c4;
    padding: 20px 0px;
    position: sticky;
    bottom: 0;
    background-color: #ffffff;
    z-index: 9;
}
.create-post-footer .two-btns {
    padding: 0;
}
.create-post-footer .rw {
    display: flex;
    justify-content: center;
    align-items: center;
}
.create-post-footer .rw .btn:not(:last-child) {
    margin-right: 15px;
}

.full-post-right .cw-card {
    margin-bottom: 30px;
}
.full-post-right .pcf-badge {
    margin-bottom: 15px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.full-post-right .pcf-title {
    font-family: Lato;
    font-size: 26px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    margin-bottom: 15px;
}
.full-post-right .pcf-caption {
    font-family: Lato;
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}
.full-post-right .pcf-para {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    /* color: #727272; */
    color: #000a2a;
    margin-top: 20px;
    margin-bottom: 0px;
}
.full-post-right .pcf-para a.read-less {
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    text-align: left;
    color: #0734c1;
    text-decoration: underline !important;
}

.fpr-footer {
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
}

.fpr-footer .rw {
    display: flex;
}
.fpr-footer .rw .cl:first-child {
    width: 24px;
    flex-shrink: 0;
    margin-right: 10px;
}
.fpr-footer .rw .cl:first-child img {
    width: 24px;
}
.fpr-footer .rw .cl:last-child {
    width: calc(100% - 24px);
    padding-top: 2px;
}
.fpr-footer .rw .cl:last-child p:first-child {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #727272;
    margin-bottom: 4px;
}
.fpr-footer .rw .cl:last-child p:last-child {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #000a2a;
}
.fpr-footer .rw .cl:last-child p:last-child sub {
    font-family: Lato;
    font-size: 12px;
    font-weight: 400;
    line-height: 14.4px;
    text-align: left;
    bottom: 0px;
}
.fpr-footer .pcf-link {
    margin-top: auto;
    min-width: 80px;
}
.fpr-footer .pcf-link a {
    text-decoration: underline !important;
    font-family: Lato;
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    text-align: left;
    color: #0734c1;
}

.map-card {
    height: 253px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px;
}
.map-card iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.additional-detail .title {
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #000a2a;
    margin-bottom: 20px;
}
.additional-detail .rw {
    display: flex;
    margin-bottom: 30px;
}
.additional-detail .rw .cl:first-child {
    width: 36px;
    flex-shrink: 0;
    margin-right: 5px;
}
.additional-detail .rw .cl:last-child {
    width: calc(100% - 36px);
    padding-top: 5px;
}
.additional-detail .rw .cl:last-child p:first-child {
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #727272;
    margin-bottom: 4px;
}
.additional-detail .rw .cl:last-child p:last-child {
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #000a2a;
}
.additional-detail .rw .cl:last-child p:first-child .info-icon img {
    margin-top: -5px;
}

/*JOB BOARD START*/
.job-board {
}
.job-board-header > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0px;
    width: 1360px;
    margin: auto;
}
.job-board-header .jbh-left {
    display: flex;
    gap: 20px;
    width: 55%;
}
.job-board-header .jbh-left .title {
    display: flex;
    align-items: center;
}
.job-board-header .jbh-left .title h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 28.18px;
    text-align: center;
    color: #0c1941;
}
.job-board-header .jbh-left .title i {
    font-size: 26px;
    margin-left: 7px;
}
.job-board-header .jbh-left .input-group {
    box-shadow: 0 0 0 1px #727272;
    border-radius: 8px;
}
.form-filter .input-group {
    box-shadow: 0 0 0 1px #cecece;
    border-radius: 8px;
}
.form-filter .filter-loc .form-control {
    box-shadow: none;
    background-color: transparent;
    padding: 4px 20px;
}
.form-filter .filter-loc img {
    width: 36px;
}
.job-board-header .jbh-left .input-group .input-group-append,
.job-board-header .jbh-left .form-group {
    display: flex;
    align-items: center;
}
.job-board-header .jbh-left .input-group .input-group-append {
    padding: 0 10px;
}
.job-board-header .jbh-left .form-group input {
    box-shadow: unset;
}
.job-board-header .jbh-left .form-group {
    margin-bottom: 0;
    gap: 20px;
}
.job-board-header .jbh-left .form-group input,
.job-board-header .jbh-left .form-group .btn-filter {
    height: 45px;
}
.job-board-header .jbh-left .form-group .btn-filter {
    box-shadow: 0px 3px 20px 0px #00000033;
    padding: 0;
    border-radius: 4px;
    min-width: 95px;
    position: relative;
}
.job-board-header .btn-filter span {
    border-radius: 100%;
    display: inline-block;
    width: 10px;
    height: 10px;
    position: absolute;
    background: #e11532;
    left: 30px;
}
.job-board-header .jbh-left .input-group {
    min-width: 377px;
}
.job-board-header .jbh-left .form-group .btn-filter img {
    width: 28px;
}
.job-board-header .jbh-right {
}

.job-board .post-card-body {
    padding: 15px 15px 0;
}
.jobBoard .post-card-footer {
    padding-top: 15px;
}
.jobBoard .verticalTabs {
    display: flex;
    gap: 30px;
}
.jobBoard .tab {
    width: 30%;
}
.jobBoard .tab .tablinks,
.jobBoard .tab .tablinks-mobile {
    margin-bottom: 30px;
    border: 2px solid transparent;
}

.jobBoard.manageApplicants .tab {
    margin-top: 30px;
}

.jobBoard .tab .tablinks.active {
    border-radius: 15px;
    border: 2px solid #000a2a;
    background: #fff;
    box-shadow: 0px 5px 30px 0px rgba(185, 185, 185, 0.5);
}
.jobBoard .post-card .post-card-header {
    border-radius: 15px 15px 0 0;
    display: flex;
    justify-content: space-between;
}
.post-card .post-card-header > .d-flex {
    width: calc(100% - 30px);
}
.jobBoard .tabcontent {
    padding: 0px;
    width: calc(100% - 30% - 30px);
}
.jobBoard .postSliderImg {
    height: 408px;
}
.jobBoard .postSliderImg img {
    height: 100%;
}
.jobBoard .map-card {
    display: none;
}
.jobBoard .fpr-footer .pcf-link a {
    width: 76px;
    display: inline-block;
}
.jobBoard .largeSlider {
    background-color: #000a2a;
    margin: 20px 0;
    border-radius: 10px;
}
.jobBoard .largeSlider .owl-carousel .item img {
    border-radius: 0;
}
.jobBoard .owl-carousel.disabled {
    display: flex;
    gap: 20px;
    justify-content: center;
}
.jobBoard .owl-carousel.disabled .item {
    width: unset;
}
.jobBoard .bottomSection {
    border-radius: 8px 8px 15px 15px;
    background: #f8f8f8;
}
.wall-listing-dashboard .post-card-footer {
    padding-bottom: 15px;
    margin-top: auto;
}
.wall-listing-dashboard .bottomSection {
    margin: 0;
    border-radius: 0px 0px 15px 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
}
.wall-listing-dashboard ul#community-wall-section > div .post-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 86px;
    position: relative;
}
.jobBoard .bottomDiv {
    justify-content: space-between;
}
.jobBoard .bottomDiv,
.jobBoard .bottomDiv > div,
.green-btn.green-btn-1 {
    display: flex;
    align-items: center;
}
.jobBoard .bottomDiv,
.jobBoard .bottomContent {
    padding: 10px;
}

/* .comment-count-ui {
    font-size: 13px;
} */
.jobBoard .bottomDiv > div i {
    font-size: 13px;
    /* margin-top: 5px;
    margin-left: 5px; */
}

.jobBoard .bottomContent {
    color: #000a2a;
}
.jobBoard .separater {
    border-bottom: 1px solid #e4e4e4;
    margin: 0 15px;
}
.green-btn.green-btn-1 {
    /* height: 45px; */
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    gap: 10px;
    /* min-width: 160px; */
    margin-left: 15px;
}
.full-post-right {
    /* max-height: calc(100vh - 118px - 170px); */
    max-height: calc(100vh - 118px - 110px);
    overflow-y: auto;
    overflow-x: hidden;
    /* padding-right: 10px; */
    /*margin-bottom: 20px;*/
    transition: 0.2s;
}
#previewData .full-post-right {
    max-height: 100%;
}
.job-board-header.sticky {
    position: fixed;
    top: 118px;
    z-index: 99;
    background: #fff;
    width: 100%;
    left: 0;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}
.full-post-right.fixedDiv,
.tabcontent.fixedDiv {
    position: sticky;
}
.filter-modal .modal-xl {
    max-width: 681px;
}
.filter-modal .post-category .sec-title {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
}
.filter-modal .post-category .cl {
    max-width: 207px;
}
.filter-modal .pc-card .pc-card-footer {
    font-weight: 700;
}
/* .filter-modal .post-category {
    padding: 20px 0 0;
} */
.filter-modal .modal-body {
    padding: 10px 40px;
}
.filter-modal .modal-footer {
    padding: 20px 0 40px;
    justify-content: center;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline {
    gap: 20px;
    margin-bottom: 10px;
    flex-flow: unset;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline .form-group {
    box-shadow: 0 0 0 1px #cecece;
    border-radius: 8px;
    width: 48%;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group.date1
    .form-control {
    padding-right: 8px;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group.date1
    > div {
    width: 100%;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group.date1
    img {
    width: 17px;
    opacity: 0.5;
    margin-right: 8px;
    position: absolute;
    right: 8px;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group
    .form-control {
    width: 100%;
    box-shadow: unset;
    border-radius: 0;
}
.form-group.checkDiv {
    text-align: right;
    margin-right: 3rem;
}
.form-group.checkDiv .custom-checkbox .custom-control-label::before,
.lookingJob .custom-checkbox .custom-control-label::before {
    border-radius: 4px;
    width: 26px;
    height: 26px;
}
.form-group.checkDiv .custom-checkbox .custom-control-label,
.lookingJob .custom-checkbox .custom-control-label {
    line-height: 25px;
    padding-left: 4px;
    font-size: 14px;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .lookingJob
    .form-inline
    .form-group {
    box-shadow: unset;
    width: unset;
}
.filter-modal .form-wizard .wizard-fieldset.show .lookingJob .form-inline {
    width: 100%;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .lookingJob
    .form-inline
    > div {
    width: 48%;
    align-items: flex-start;
}
.filter-modal .modal-footer {
    gap: 20px;
}
.pcf-link.showMore a {
    color: #0734c1;
}
.pcf-link.showMore a span {
    border-bottom: 1px solid #0734c1;
    display: inline-block;
    padding-bottom: 2px;
}
.showMore i {
    transform: rotate(90deg);
    margin-left: 5px;
    font-size: 14px;
}
.form-wizard .separater {
    border-bottom: 1px solid #e4e4e4;
}
.lookingJob {
    padding-top: 20px;
}
.lookingJob h5 {
    font-size: 16px;
    margin-bottom: 15px;
}
.form-wizard .lookingJob .form-group {
    margin-bottom: 10px;
}
input[type="date" i]::-webkit-calendar-picker-indicator {
    /* display: none */
    background-image: url("../images/calendar.svg");
    opacity: 0.5;
}
.filter-modal .btn-close,
.profileMessage .btn-close {
    border: 1px solid #0c1941;
    margin: 0;
}
.profileMessage,
.profileMessage .profileIcon {
    display: flex;
    align-items: center;
}
.profileMessage .profileIcon {
    width: calc(100% - 115px);
}
.profileMessage .profileIcon img {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    margin-right: 10px;
}
.profileMessage {
    background-color: #f8f8f8;
    padding: 10px 15px;
    margin-bottom: 10px;
    border-radius: 10px;
    justify-content: space-between;
}
.messageSection .profileMessage:first-child {
    margin-top: 10px;
}
.profileMessage .profileIcon p {
    color: #000a2a;
    font-size: 16px;
}
.profileMessage .btn-close {
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    min-width: unset;
    padding: 10px;
}
.profileMessage .btn-close i,
.profileMessage .btn-close img {
    margin-right: 5px;
}
/*JOB BOARD END*/
.job-board-header .jbh-left .input-group {
}
.job-board-header .jbh-left .input-group .input-group-append {
    display: flex;
    align-items: center;
}
.job-board-header .jbh-left .form-group input {
}
.job-board-header .jbh-left .form-group .btn-filter {
}
.job-board-header .jbh-right {
}
.no-jobs {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 102px - 105px);
    max-width: 500px;
}
.no-jobs h5 {
    font-size: 20px;
    color: #000a2a;
    font-weight: 700;
    line-height: normal;
}
.no-jobs .card p:last-child {
    font-size: 14px;
    color: #727272;
    line-height: 18px;
    padding-top: 10px;
}
/*JOB BOARD END*/

/* MANAGE APPLICANTS */
.manageApplicants .activeJobs {
    margin-bottom: 30px;
}
.activeJobs select.form-control:not([size]):not([multiple]) {
    height: 50px;
}
.job-board-header > div.headerSection .form-group {
    width: 30%;
    margin: 0;
}
.horizontalTabs {
    display: flex;
    margin-bottom: 32px;
    width: 100%;
    justify-content: space-around;
}
.horizontalTabs ul {
    margin-bottom: 0;
}
.horizontalTabs .btnTabs {
    background-color: #fff;
    border-radius: 0px 4px 4px 0px;
    box-shadow: 0px 4px 23px 0px rgba(185, 185, 185, 0.57);
    width: 50%;
    color: #61677b;
    font-weight: 500;
    font-size: 16px;
}
.horizontalTabs a.btnTabs {
    font-weight: 600;
}
.horizontalTabs a.btnTabs.active {
    box-shadow: unset;
    background-color: #000a2a;
    color: #fff;
    border-radius: 4px 0px 0px 4px;
}
.horizontalTabs a.btnTabs.active:nth-child(2) {
    border-radius: 0 4px 4px 0;
}
.ma-detail {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 5px 18px 0px rgba(185, 185, 185, 0.5);
    padding: 15px;
    margin-bottom: 30px;
}
.applicantsDiv .applicantImg {
    position: relative;
}
.applicantsDiv .applicantImg .travellerIcon {
    position: absolute;
    top: -5px;
    left: 0;
    width: 23px;
    height: 23px;
}
.applicantsDiv .badge {
    background-color: #d9ecdd;
    border-radius: 100px;
    width: 64px;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 18px;
    font-size: 10px;
}
.applicantsDiv {
    display: flex;
    gap: 20px;
    align-items: center;
}
.applicantsDiv h3 {
    font-size: 20px;
    margin-bottom: 3px;
    font-weight: 700;
}
.applicantsDiv .pcf-link {
    font-size: 13px;
    font-weight: 600;
}
.applicantsDiv .pcf-link.showMore a span {
    border-bottom: none;
    padding-bottom: 0;
}
.applicantsDiv .pcf-link.showMore a i {
    font-size: 10px;
    font-weight: 500;
    transform: rotate(0deg);
}
.applicantOptions {
    margin-top: 10px;
    display: flex;
}
.applicantOptions > div {
    width: 50%;
}
.applicantOptions > div p {
    color: #727272;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}
.applicantOptions > div h6 {
    color: #0734c1;
    font-size: 18px;
}
.showMoreContent .pcf-link.showMore a {
    color: #727272;
    display: flex;
    justify-content: space-between;
    margin: 15px 10px 10px 0;
}
.showMoreContent .pcf-link.showMore a span {
    border-bottom: unset;
}
.showMoreContent .showContent {
    color: #000a2a;
    font-size: 14px;
}
.ht-tabcontent .full-post-right {
    margin-top: 10px;
    /* padding-bottom: 30px; */
    margin-bottom: 0;
    max-height: calc(100vh - 118px - 110px - 90px);
}
.ht-tabcontent .full-post-right.w-btn {
    max-height: calc(100vh - 118px - 110px);
}
.ht-tabcontent.applicant-tab .fixedDiv {
    max-height: calc(100vh - 118px - 178px);
    overflow: auto;
    padding: 10px;
}
.ht-tabcontent.applicant-tab .fixedDiv {
    max-height: calc(100vh - 118px - 178px);
    overflow: auto;
    padding: 10px;
}
.ht-tabcontent {
    display: none;
}
.ht-tabcontent.active {
    display: block;
}
.manageApplicants .tabcontent {
    max-height: calc(100vh - 48px);
}
.manageApplicants .tabcontent .horizontalTabs {
    margin-top: 30px;
}
.ht-tabcontent .cw-content {
    margin-bottom: 0;
}
.stickyButton {
    background: #fff;
    width: 100%;
    height: 90px;
    z-index: 9;
    border-top: 1px solid #c4c4c4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.headingInterested {
    font-size: 24px;
    margin: 30px 0 20px;
    font-weight: 700;
}

.form-group.acc_inc-dec a {
    display: inline-block;
    height: 30px;
    width: 30px;
    border: 1px solid #000d19;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    color: #000d19;
    font-size: 18px;
}

.form-group.acc_inc-dec label {
    position: static;
}

span.count-value {
    display: inline-block;
    font-size: 14px;
}

.count-wrapper {
    gap: 15px;
}

.form-group.acc_inc-dec a.count-disabled {
    box-shadow: 0 1px 4px 4px #e0e2d8;
    background-color: #e0e2d8;
    border: 1px solid transparent;
    color: rgb(0 10 42 / 30%);
}

/* Update 190424 */
.cw-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.post-card .post-card-header {
    position: relative;
    padding: 15px 30px 15px 15px;
}
.post-card .post-card-header .pc-pic {
    flex-shrink: 0;
}
.create-post .btn.max-width {
    max-width: 156px;
}
.cw-card .cw-card-content p.name {
    margin-bottom: 7px;
}
.create-post .location-input .inputs input::placeholder,
.create-post .date-input .inputs input.date::placeholder {
    color: rgba(0, 10, 42, 0.5) !important;
    opacity: 1 !important;
}

.create-post .location-input .inputs input::-ms-input-placeholder,
.create-post .date-input .inputs input.date::-ms-input-placeholder {
    color: rgba(0, 10, 42, 0.5) !important;
}

.create-post .location-input {
    flex: 2 1 auto;
}
.create-post .location-input .inputs {
    width: 80%;
}
.create-post .location-input input {
    width: 100%;
}
.switch-text a {
    top: -1px;
    position: relative;
    height: 22px;
    width: 18px;
    display: inline-block;
}
.create-post .date-input .inputs input,
.create-post .location-input .inputs textarea {
    margin-top: 10px;
}

.create-post .location-input .inputs textarea {
    resize: none;
    display: block;
    border-radius: 0;
    color: rgba(0, 0, 0, 0.5);
    border: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    outline: none;
    box-shadow: none;
    padding: 0 3px 3px;
    overflow: hidden;
    width: 100%;
    line-height: 18px;
}
.custom-file-card-outer .img-container {
    padding: 29px;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .lookingJob
    .form-inline
    .form-group {
    flex-basis: 46%;
    margin-left: 20px;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .lookingJob
    .form-inline
    > div {
    width: auto;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline {
    flex-flow: wrap;
}
.cw-content {
    margin-bottom: 20px;
}
.cw-content .lessImage .item {
    background-color: #000000;
}
.cw-content .lessImage .item img {
    object-fit: contain;
}
.cw-content > p {
    color: #727272;
}
.lessImage .item {
    border-radius: 10px;
    width: 100%;
    height: 100%;
}
.lessImage .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
    border-radius: 10px;
    aspect-ratio: 1/1;
}
.cw-card {
    position: relative;
}
.create-post .step-card.done .sc-count {
    background-color: #a0d900;
    color: white;
}
.post-preview-full .post-card {
    overflow: hidden;
    border: 2px solid #000a2a;
}
.post-preview-full.create-post {
    padding-bottom: 100px;
}
.post-preview-full.full-post-right {
    min-height: 100%;
}
.mobile-area-new {
    display: none;
}
.desktop-area-new {
    display: block;
}
.job-board-header > div {
}
.post-flag-option {
    background-color: white;
    position: absolute;
    top: 50px;
    right: 20px;
    border-radius: 10px;
    padding: 20px 10px;
    display: none;
    z-index: 2;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.5);
    min-width: 240px;
}
.post-flag-option.active {
    display: block;
}
.post-flag-option li {
    padding: 10px 5px;
}
.post-flag-option li:hover {
    opacity: 0.65;
}
.post-flag-option li a {
    color: #000a2a;
}

.post-flag-option li i {
    text-align: center;
    width: 30px;
    margin-right: 5px;
    font-weight: 400;
}
/* .job-board-header.sticky {
    position: sticky;
    transition: all 0.3s ease;
    width: 100%;
} */
.job-board-header > div {
    width: auto;
}
.job-board-header .container {
    justify-content: space-between;
}
.my-favorites.job-board-header .container {
    justify-content: center;
    padding: 0 40px;
}
#accordionExample h3 {
    margin-top: 20px;
    margin-bottom: 15px;
}
.mobs {
    display: none;
}
.filter-modal .modal-xl {
    height: 100%;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group
    .form-control:focus {
    background-color: transparent;
}
.form-group.checkDiv
    .form-group.checkDiv
    .custom-checkbox
    .custom-control-label,
.lookingJob .custom-checkbox .custom-control-label {
    position: relative;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    top: 4px;
    left: -22px;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline {
    gap: 5px;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline.topField {
    gap: 20px;
}
.form-group.checkDiv {
    margin-right: 4.5rem;
}
.filter-modal .modal-body {
    padding: 40px 40px 0 40px;
}
.filter-modal .post-category {
    padding: 0;
}
.pcf-link.showMore {
    margin-left: 20px;
    margin-bottom: 15px;
}
.hiddenCheck {
    display: none !important;
}
.filter-modal .modal-body,
.new-cropper .modal-body {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    overflow-x: hidden;
    min-height: 500px;
}
.new-cropper .modal-body .row {
    margin: 0;
}
.new-cropper .modal-header {
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.new-cropper .modal-header h5 {
    font-size: 24px;
    font-weight: 600;
}
.filter-modal .form-wizard .wizard-fieldset.show .form-inline .form-group,
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline.topField
    .form-group
    > div {
    width: 100%;
}

.filter-modal .form-wizard .wizard-fieldset.show .form-inline .form-group.date1,
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group.date1
    > div {
    width: 100%;
}
.filter-modal
    .form-wizard
    .wizard-fieldset.show
    .form-inline
    .form-group.date1
    input {
    background-color: white;
    border-radius: 100%;
}
.form-group.checkDiv {
    text-align: left;
    margin-left: 20px;
}

.job-board-header .jbh-left .title {
    cursor: pointer;
}
.filter-modal .post-category .cl {
    max-width: 203px;
}

.filter-modal#filterModal1 .modal-body {
    padding-bottom: 10px;
}
.filter-modal .modal-footer {
    margin: 0 40px;
}
.hideMob {
    display: none;
}
.post-preview-full.create-post .container {
    max-width: 1440px;
}
.create-post .location-input .inputs {
    position: relative;
}
.location-input .autocomplete-items {
    top: auto;
}

#community-wall-create-form
    .custom-checkbox
    .custom-control-input:checked
    ~ .custom-control-label::after {
    top: 4px;
    left: -21px;
}
/* .create-post fieldset {
    padding: 0;
} */
.new-cropper .img-preview-list {
    justify-content: center;
}
.full-post-right .pcf-para {
    margin-bottom: 20px;
    margin-top: 0;
}
.date1 .daterangepicker .drp-calendar {
    width: 50%;
    max-width: none;
}
.form-group.date1:after {
    background-image: url(/images/jobboard/cal-icon-dark.svg);
    content: "";
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}
body.calendar-open {
    position: fixed;
    top: 50% !important;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    overflow: hidden !important;
}
.calendar-open #page-content {
    position: relative;
    z-index: 1050;
    filter: blur(2px);
}
.calendar-open #page-content::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgb(0 0 0 / 40%);
    z-index: 30;
}
.calendar-open .daterangepicker {
    z-index: 2050;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    padding: 40px;
    border-radius: 20px;
    max-width: 685px;
    height: 512px;
    width: 100%;
}
.calendar-open .daterangepicker:before,
.calendar-open .daterangepicker:after {
    display: none;
}
.calender-head {
    font-size: 24px;
    font-weight: 600;
    color: #0c1941;
    text-align: center;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    line-height: normal;
}
.date1 .calender-head {
    padding-top: 10px;
}
.calender-para {
    text-align: center;
    color: #727272;
    margin-top: 10px;
}
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    width: auto;
    line-height: 24px;
    padding: 5px 10px;
    font-size: 13px;
}
#datepicker-container .daterangepicker .calendar-table th,
#datepicker-container .daterangepicker .calendar-table td {
    width: 42px;
    line-height: 23px;
    padding: 2px 6px;
    /*    border: 6px solid #ffffff;*/
    height: 42px;
    min-width: 33px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-clip: padding-box;
    border: 6px solid #fff;
}
#datepicker-container .daterangepicker .drp-calendar.right,
#datepicker-container .daterangepicker .drp-calendar.left {
    padding: 8px 0 !important;
}

.daterangepicker td.start-date.active,
.daterangepicker td.active,
.daterangepicker td.in-range.active,
.daterangepicker td.active:hover {
    background-color: #000a2a;
    border-radius: 4px;
    color: white;
}
.daterangepicker td.start-date.active.off,
.daterangepicker td.active.off,
.daterangepicker td.in-range.active.off,
.daterangepicker td.end-date.active.off {
    background-color: #ffffff;
    color: #999;
}

.daterangepicker td.in-range {
    background-color: #e6e7ea;
}
#datepicker-container .daterangepicker td.available.end-date.active {
    background-color: #000a2a !important;
    border-radius: 4px;
    color: white;
    border-radius: 0 10px 10px 0 !important;
    border-left: 0 !important;
    border-right: 6px solid #ffffff;
    border-top: 6px solid #ffffff;
    border-bottom: 6px solid #ffffff;
}
#datepicker-container .daterangepicker td.start-date.active {
    border-right: 0 !important;
    border-radius: 10px 0 0 10px;
    background-color: #000a2a !important;
    /*    border-radius: 4px;*/
    color: white;
}
#datepicker-container .daterangepicker td.available.in-range {
    background-color: rgba(0, 10, 42, 0.4) !important;
    border-radius: 0;
    border-top: 12px solid #ffffff;
    border-bottom: 12px solid #ffffff;
    border-left: 0;
    border-right: 0;
}
#datepicker-container .daterangepicker td.available.end-date.active.today {
    /* background-color: #e5edd6 !important; */
    border-left: 6px solid #ffffff !important;
    border-right: 6px solid #ffffff !important;
    border-radius: 10px !important;
    /* color: #000a2a; */
}
.daterangepicker .drp-calendar.left,
.daterangepicker .drp-calendar.right {
    padding: 8px;
    /* width: 300px; */
    margin: 0 auto;
    /* max-width: 300px; */
}
.calendar-open .daterangepicker .drp-calendar.left,
.calendar-open .daterangepicker .drp-calendar.right,
.create-post .daterangepicker .drp-calendar.left,
.create-post .daterangepicker .drp-calendar.right {
    width: 100%;
    max-width: 300px;
}

#datepicker-container .daterangepicker td.off.disabled {
    background-color: #ece9e9 !important;
}
#datepicker-container .daterangepicker td.available {
    background-color: #e5edd6 !important;
}
#datepicker-container .daterangepicker td.off.ends,
#datepicker-container .daterangepicker td.off.in-range,
#datepicker-container .daterangepicker td.off.start-date,
#datepicker-container .daterangepicker td.off.end-date.in-range {
    background-color: #ece9e9 !important;
    border: 6px solid #ffffff !important;
    padding: 2px 6px;
    border-radius: 10px !important;
    color: #999999;
}
.daterangepicker .drp-selected {
    display: none;
}
.daterangepicker .drp-buttons {
    text-align: center;
    padding: 20px;
}

.daterangepicker .drp-buttons .cancelBtn {
    border: 1px solid #0c1941;
    margin: 0;
}
.daterangepicker .drp-buttons .btn {
    font-size: 16px;
}

.daterangepicker .drp-buttons .applyBtn {
    background-color: #a0d900;
    color: #000a2a;
}
.daterangepicker .drp-buttons .applyBtn:hover {
    background-color: #000a2a;
    color: #fff;
}
.daterangepicker .calendar-table table {
    border-spacing: 0px 7px;
}
#datepicker-container .daterangepicker .calendar-table table {
    border-spacing: 0;
    border-collapse: collapse;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
    text-decoration: none;
}
.cal-legend p {
    font-size: 14px;
    color: #000a2a;
    margin-left: 6px;
}

.cal-legend span {
    display: inline-block;
    height: 17px;
    width: 17px;
    border-radius: 4px;
    background-color: #ece9e9;
}

.cal-legend > div {
    display: flex;
    align-items: center;
}
.cal-legend > div.leg-available span {
    background-color: #e5edd6;
}
.job-board-header .green-btn.green-btn-1 i {
    font-size: 20px;
}
.jobBoard .bottomDiv a {
    color: #000a2a;
}
.jobBoard .bottomDiv .closeTab {
    background-color: #d90000;
    padding: 5px 15px;
    border-radius: 4px;
    color: white;
}
.jobBoard .post-card-footer .location {
    margin-top: 10px;
    font-size: 14px;
    line-height: normal;
    color: #727272;
    position: relative;
    padding-left: 24px;
}
.jobBoard .post-card-footer .location img {
    position: absolute;
    top: 0;
    left: 0px;
    max-width: 18px;
}
.profileMessage .btn-close {
    line-height: normal;
    max-height: 40px;
}
.job-board-header .jbh-left .form-group input {
    padding-right: 0;
}

.community-wall.wall-listing #community-wall-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 20px;
}
ul#community-wall-section > div {
    flex-shrink: 0;
    width: calc(50% - 15px);
    margin-top: 30px;
}

ul#community-wall-section > div .post-card {
    height: 100%;
    max-width: none;
}
.new-wall,
.new-stories {
    position: relative;
}
.community-wall > a,
.stories > a {
    top: 0;
    right: 0;
    position: absolute;
    margin-top: 0 !important;
}
.post-slider {
    border-radius: 10px;
    overflow: hidden;
}
.hero-wrapper .item::after,
.hero-wrapper:after {
    background: linear-gradient(
        180deg,
        #000a2a 0%,
        rgba(0, 10, 42, 0.4) 12.5%,
        rgba(0, 10, 42, 0.4) 45.5%,
        #000a2a 100%
    );
}
.pcf-date span {
    margin-left: 3px;
}
.mobileTabs {
    display: none;
}

.jobBox {
    margin-top: 15px;
    display: flex;
    flex-shrink: 1;
    gap: 10px;
}
.jobBox a {
    border-radius: 10px;
    font-size: 14px;
    padding: 5px 10px 7px;
    color: #000a2a;
    background: #f0f0f0;
    display: block;
    width: 50%;
}

.jobBox span {
    display: block;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
    color: #000a2a;
}

a.activeJobs {
    background: #b2daba;
}

a.activeJobs span {
    color: #00831b;
}

.full-post-right .cw-card {
    margin-bottom: 30px;
    justify-content: space-between;
    align-items: center;
}
.fpr-footer {
    gap: 20px;
}
.fpr-footer .rw.date .cl:last-child {
    text-wrap: nowrap;
}

.stickyButton {
    position: sticky;
    bottom: 0;
}
.stickyButton a {
    margin: 20px 0;
}
.horizontalTabs.sticky {
    z-index: 999999;
    position: sticky;
}
.new-cropper .img-card {
    width: 119px;
    height: 119px;
}
.ht-tabcontent.sticky {
    position: sticky;
}

.filter-modal .btn-close,
.profileMessage .btn-close,
.stickyButton .btn-close,
.jobBoard .btn-close {
    border: 1px solid #0c1941;
    margin: 0;
}
.applicantsDiv .applicantImg .travellerIcon {
    width: 25px;
    height: 30px;
}
.applicantsDiv .applicantImg img:not(.travellerIcon) {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    object-fit: cover;
}
.applicantsDiv .pcf-link.showMore,
.showMoreContent .pcf-link.showMore {
    margin: 0;
}
.applicantOptions > div a.medium-font {
    font-weight: 600;
    font-size: 18px;
}
.applicantOptions > div a.medium-font img {
    margin-left: 5px;
}
.applicantOptions > div a i {
    color: #1733b9;
}
.post-detail-page .full-post-right {
    max-height: 100%;
}
.jobBoard.post-detail-page .tabcontent {
    width: 100%;
}
.fixed-position {
    position: fixed;
}
.jobBoard .large-heading:after {
    display: none;
}
.jobBoard .my-favorites .large-heading:after {
    display: block;
}
.jobBoard .top-head i {
    font-size: 24px;
    margin-right: 6px;
}
.success-msg {
    background-color: #000a2a;
    color: #ffffff;
    max-width: 300px;
    padding: 15px;
    border-radius: 8px;
    margin: 15px;
}
.success-msg a {
    color: #ffffff;
    display: inline-block;
}
.st-wrapper .success-msg {
    max-width: 100%;
    margin: 15px 0;
}
.request-notification.success-msg {
    max-width: 100%;
    margin: 0 0 15px;
    border-radius: 0 0 8px 8px;
}
@media (max-height: 630px) {
    .filter-modal .modal-footer {
        padding: 15px 0 15px;
    }
    /* .filter-modal .post-category {
        padding-top: 0;
    } */
    .filter-modal .post-category .sec-title {
        padding-bottom: 15px;
    }
}
@media (max-width: 1560px) and (min-width: 1360px) {
    .new-success-page {
        height: calc(100vh - 100px);
    }
    .females-only {
        left: 10px !important;
        top: 10px !important;
    }
}
@media (max-width: 1300px) {
    .job-board-header.sticky {
        top: 82px;
    }
    .post-card .post-card-header,
    .post-card-footer {
        padding: 10px;
    }
    .post-card-footer .location {
        margin-top: 6px;
    }
    .post-card-body {
        padding: 10px 10px 0;
    }

    .females-only {
        left: 10px !important;
        top: 10px !important;
    }
    .full-post-right .post-slider .item,
    .full-post-right .lessImage .item {
        height: 320px;
    }
    .jobBoard.manageApplicants .tab {
        margin-top: 15px;
    }
}
@media (max-width: 1200px) {
    .job-board-header .jbh-left {
        width: auto;
    }
}
@media (max-width: 1025px) {
    .job-board-header.sticky {
        top: 100px;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px) {
    .job-board-header .jbh-left .form-group input,
    .job-board-header .jbh-left .form-group .btn-filter {
        height: 35px;
    }
    .job-board-header .jbh-left .title h1 {
        font-size: 18px;
    }
    .job-board-header > div {
        padding: 15px 0;
    }
    .green-btn.green-btn-1 {
        height: 35px;
    }
    .full-post-right .pcf-title {
        font-size: 26px;
        line-height: normal;
    }
    .full-post-right .pcf-caption {
        font-size: 16px;
    }
    .full-post-right .pcf-badge {
        font-size: 14px;
    }
    .create-post-footer {
        padding: 15px 0;
    }
    .create-post fieldset {
        padding-top: 15px;
    }
    #datepicker-container .daterangepicker .calendar-table th,
    #datepicker-container .daterangepicker .calendar-table td {
        width: 36px;
        height: 36px;
        font-size: 12px;
    }
    .create-post .step-rw {
        margin-bottom: 15px;
    }
    /* .filter-modal .post-category .cl {
        max-width: 170px;
    }
    .pc-card .pc-card-body {
        height: 140px;
    }
    .pc-card .pc-card-body .icn {
        height: 50px;
    } */
}
@media (max-width: 991px) {
    .horizontalTabs.dskt {
        display: none;
    }
    .mobile-area-new {
        display: block;
    }

    .desktop-area-new {
        display: none;
    }
    /* .lessImage .item,
    .post-slider .item {
        height: 310px;
    } */
    .jobBoard .verticalTabs {
        display: block;
        gap: 0;
    }
    .jobBoard .tab {
        width: 100%;
    }
    .jobBoard .tabcontent {
        width: 100%;
        padding: 0 0px;
    }
    .cw-content {
        padding: 0 15px;
    }
    .post-preview-full.create-post {
        padding-bottom: 0px;
    }
    .jobBoard .container {
        padding: 0px;
    }
    .jobBoard .container > .row {
        margin: 0;
    }
    .full-post-right .cw-card {
        border-radius: 0;
        margin-bottom: 15px;
    }
    .full-post-right {
        padding-right: 0;
        max-height: none !important;
    }
    .job-board-header {
        padding: 0 10px;
        background-color: #0c1941 !important;
    }
    .job-board-header .jbh-left .title h1,
    .job-board-header .jbh-left .title i {
        color: white;
    }
    .job-board-header .jbh-left .title h1 {
        font-size: 22px;
    }
    .job-board-header .jbh-left .input-group {
        display: none;
    }
    .job-board-header .jbh-left .form-group .btn-filter,
    .job-board-header .green-btn.green-btn-1 {
        text-align: center;
        display: block;
        width: auto;
        height: auto;
        vertical-align: middle;
        padding: 10px 10px;
    }

    .job-board-header .jbh-left .form-group .btn-filter {
        background-color: white;
    }
    .job-board-header .jbh-left .form-group .btn-filter img,
    .job-board-header .green-btn.green-btn-1 i {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 28px;
        font-size: 28px;
    }
    .job-board-header > div {
        padding: 15px 0;
    }
    .job-board > .container > .row > div {
        padding: 0;
    }
    .job-board-header .jbh-left {
        width: 100%;
        /* margin-right: 10px; */
        justify-content: space-between;
    }
    .post-card {
        max-width: none;
        border-radius: 0;
    }
    .jobBoard .tab .tablinks.active,
    .jobBoard .post-card .post-card-header {
        border-radius: 0;
    }
    .full-post-right .post-slider .item,
    .full-post-right .lessImage .item {
        height: 100%;
    }
    .lessImage .item {
        text-align: center;
    }
    .lessImage .item img {
        /* width: auto; */
        max-width: 100%;
    }
    .post-preview-full.create-post {
        margin: 0 -40px;
    }
    .job-board-header.sticky {
        top: 76px;
    }
    .manageApplicants .activeJobs {
        display: none;
    }
    .mobileTabs {
        display: block;
        position: sticky;
        margin-bottom: 0;
        top: 80px;
        z-index: 99;
        background: #eee;
        box-shadow: 0px 3px 20px 0px rgba(185, 185, 185, 0.5);
        padding: 15px;
    }
    .mobileTabs .horizontalTabs {
        margin-bottom: 0;
    }
    #job-list > div {
        margin-bottom: 20px;
    }
    /* .mobileTabs ul {
        margin: 0;
        padding: 0;
        display: flex;
    }
    .mobileTabs ul li {
        width: 50%;
    }
    .mobileTabs ul li a {
        border-radius: 0;
        line-height: 27px;
        height: 46px;
    }
    .mobileTabs ul li a {
        color: #61677b;
        background-color: #e0e0e0;
    }
    .mobileTabs ul li.active a {
        background-color: #a0d900;
        color: #000a2a;
    } */
    .manageApplicants {
        margin: 0;
    }
    .full-post-right.fixedDiv,
    .manageApplicants.jobBoard .tabcontent.fixedDiv {
        position: static;
        max-height: none;
    }
    /* .stickyButton {
        position: sticky;
        bottom: 0;
        padding: 15px 0;
        height: auto;
    } */

    ul#community-wall-section > div {
        width: 100%;
    }
}
.fully-booked .sa-button-container {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    width: 100%;
}

.fully-booked .sa-button-container button {
    flex: 1;
}
.fully-booked .sa-button-container div:nth-child(2) {
    margin-left: 0;
}
.dskt {
    display: none;
}
.mobs {
    display: block;
}

@media (max-width: 767px) {
    .mobileTabs {
        top: 64px;
        margin-bottom: 0;
    }
    fieldset {
        padding-top: 0;
    }
    .new-cropper .img-preview-list,
    .custom-file-card-outer .img-container {
        overflow: auto;
        padding: 15px;
        justify-content: center;
    }
    .sweet-alert {
        margin-left: auto;
        margin-right: auto;
    }
    .job-board-header.sticky {
        top: 64px;
    }
    .filter-modal .modal-xl {
        max-width: 100%;
    }
    .filter-modal .modal-xl .modal-content {
        border-radius: 0;
        background-clip: unset;
        border: 0;
        height: 100%;
        padding-bottom: 0;
    }
    .filter-modal .modal-footer {
        padding: 10px 10px;
        margin: 0 10px;
    }
    #filterModal1.filter-modal .modal-footer {
        padding-top: 15px;
    }
    .filter-modal .post-category {
        padding-top: 0px;
    }

    .new-cropper .model-body,
    .filter-modal .modal-body {
        max-height: calc(100vh - 70px);
    }
    .filter-modal .post-category .sec-title {
        padding-bottom: 10px;
    }
    .filter-modal .modal-body,
    .new-cropper .modal-body {
        padding: 15px;
    }

    .new-cropper .modal-body {
        padding-bottom: 0;
        max-height: calc(100vh - 70px);
    }
    .new-cropper .modal-dialog {
        min-height: 100%;
        margin: 0 !important;
        width: 100%;
        height: 100%;
        max-width: none !important;
    }
    .new-cropper .modal-footer {
        padding: 10px 0;
    }
    .new-cropper .modal-content {
        width: 100%;
        border-radius: 0;
        background-clip: unset;
        overflow: auto;
        padding: 0 15px;
        box-shadow: none;
        border: 0;
        height: 100%;
    }
    .new-cropper .modal-header {
        margin-bottom: 20px;
        padding-top: 0;
        padding-bottom: 15px;
    }
    .filter-modal .form-wizard .wizard-fieldset.show .form-inline .form-group {
        gap: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .filter-modal
        .form-wizard
        .wizard-fieldset.show
        .form-inline.topField
        .form-group
        > div {
        width: 100%;
    }
    .form-group.checkDiv {
        text-align: left;
        margin-left: 15px;
        margin-right: 0;
    }
    .filter-modal
        .form-wizard
        .wizard-fieldset.show
        .lookingJob
        .form-inline
        .form-group {
        margin-left: 15px;
    }
    .filter-modal .form-wizard .wizard-fieldset.show .form-inline.topField {
        gap: 10px;
        margin-bottom: 0;
    }
    .filter-modal
        .form-wizard
        .wizard-fieldset.show
        .lookingJob
        .form-inline
        .form-group {
        flex-basis: 100%;
    }
    .filter-modal .post-category .cl {
        max-width: 50%;
    }
    .pc-card .pc-card-body {
        min-height: 100px;
        height: 19vh;
    }
    .post-preview-full.create-post {
        margin: 0 -15px;
    }
    .daterangepicker .drp-buttons .btn {
        font-size: 14px;
    }
    .comments-wrapper.px-1 {
        padding: 0 !important;
    }
    .comments-wrapper .reply-box {
        padding: 0 15px 15px !important;
    }
    .post-detail-page .comments-wrapper .reply-box {
        padding: 0 0 15px !important;
    }
    .job-list > div {
        margin-bottom: 20px;
    }
    /* .jobBoard .bottomDiv,
    .jobBoard .bottomContent {
        padding: 10px 15px;
    } */
    .jobBoard .bottomSection {
        border-radius: 0;
    }
    .jobBoard .bottomDiv > div i {
        font-size: 11px;
        margin-left: 2px;
    }
    .jobBoard .tab .tablinks-mobile.active {
        border-radius: 15px;
        background: #fff;
        box-shadow: 0px 5px 30px 0px rgba(185, 185, 185, 0.5);
    }
    .jobBoard .tab .tablinks-mobile.active .post-card {
        border: 2px solid #000a2a;
        overflow: hidden;
    }
    .fully-booked .sa-button-container {
        flex-direction: column;
    }
    .fully-booked .sa-button-container button {
        min-width: 175px;
        margin: 0 auto;
    }
    .fully-booked .sa-button-container > button {
        order: 1;
    }
    .post-category {
        padding: 20px 0px;
    }
    .post-category .sec-title {
        margin-bottom: 20px;
    }
    .jobBoard .post-card-footer {
        position: relative;
    }
    .jobBoard.manageApplicants .tab {
        margin-top: 0;
    }
}
@media (max-width: 600px) {
    .create-post .container {
        padding: 0;
    }
    #adoptionForm,
    #rideForm {
        padding: 0 15px;
    }
    .new-cropper .modal-content {
        border: 0;
        border-radius: 0;
    }
    .custom-file-card-outer .img-container {
        overflow: auto;
        padding: 15px;
        justify-content: center;
    }
    .custom-file-card-outer .img-container .img-card .cta a,
    .new-cropper .img-card .cta a {
        width: 30px;
        height: 30px;
    }
    .custom-file-card-outer .img-container .img-card,
    .new-cropper .img-card {
        width: 76px;
        height: 76px;
    }
    .custom-file-card-outer .img-container .img-card .cta a:not(:last-child),
    .new-cropper .img-card .cta a:not(:last-child) {
        margin-right: 4px;
    }
    .custom-file-card-outer .bottom-txt {
        font-size: 16px;
    }
    .create-post .location-rw {
        flex-direction: column;
    }
    .create-post .location-rw .location-link {
        padding-left: 30px;
    }
    #community-wall-create-form .form-control {
        font-size: 14px;
    }
    .create-post .location-input .inputs {
        width: 100%;
    }
    .salary-rw + div {
        align-items: flex-start !important;
        flex-direction: column;
    }
    .create-post .salary-rw .cl:first-child {
        width: calc(100% - 140px);
    }
    .create-post .salary-rw .cl:last-child {
        width: 140px;
    }
    .create-post .btn.max-width {
        max-width: 100%;
    }
    .new-cropper .tool-btn {
        width: 48px;
        height: 48px;
    }
    .create-post {
        padding-bottom: 20px;
    }
    .pfp-link {
        margin-bottom: 10px;
        margin-top: 25px;
    }
    .additional-detail .title {
        font-size: 20px;
    }
    .additional-detail .rw .cl:last-child p:last-child {
        font-size: 14px;
        font-weight: 700;
    }

    .fpr-footer .rw .cl:last-child p:last-child {
        font-size: 14px;
    }
    .fpr-footer {
        position: relative;
        flex-direction: column;
    }
    .fpr-footer .rw {
        margin-bottom: 10px;
    }
    .fpr-footer .pcf-link {
        position: absolute;
        bottom: -10px;
        right: 0;
    }
    .full-post-right .pcf-title {
        font-size: 18px;
        line-height: 1.5;
    }
    .full-post-right .pcf-caption {
        font-size: 16px;
    }
    .full-post-right .pcf-badge {
        font-size: 12px;
    }
    .job-board-header .jbh-left .form-group .btn-filter,
    .job-board-header .green-btn.green-btn-1 {
        min-width: 50px;
        height: 50px;
    }
    .job-board-header .jbh-left .form-group .btn-filter,
    .job-board-header .green-btn.green-btn-1 {
        font-size: 10px;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
    }
    .job-board-header .green-btn.green-btn-1 i {
        font-size: 28px;
        height: 28px;
        width: 28px;
    }
    #community-wall-create-form {
        padding: 0 15px;
    }
    .cw-card {
        border-radius: 0;
    }
    .post-preview-full.create-post .container {
        padding: 0 15px;
    }
    .date1 .daterangepicker {
        width: 100%;
    }
    .date1 .daterangepicker .drp-calendar {
        width: auto;
    }

    .mobileTabs ul li a {
        font-size: 14px;
    }
    .mobileView .ma-detail {
        border-radius: 0px;
        background: transparent;
        box-shadow: none;
        padding: 0;
        margin-bottom: 30px;
        border-top: 1px solid #dddddd;
        margin: 0 15px 15px;
    }
    .no-jobs {
        max-width: 100%;
    }
    .bottomDiv p {
        font-size: 14px;
    }
    .success-msg {
        max-width: 100%;
    }
}
@media (max-width: 479px) {
    /* .lessImage .item,
    .post-slider .item {
        height: 100vw;
    } */
}

.spinner {
    margin: 30px auto 0;
    width: 70px;
    text-align: center;
    height: calc(100vh - 118px - 140px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #000a2a;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tablinks-mobile {
    position: relative;
}
.tablinksLayer,
.redirect-url {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.dashboard-posts .post-card-footer {
    position: relative;
}
.wall-dropdown .dropdown-toggle,
.post-slider .owl-nav {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
}
.wall-dropdown .dropdown-toggle {
    right: 0;
}
/* AuPair Category CSS */
.create-au-post .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.sec-title {
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 30px;
}
.create-au-post fieldset {
    text-align: center;
}
.au-category {
    display: flex;
    gap: 30px;
    justify-content: center;
}
.steps-au-post .step-rw {
    max-width: 380px;
}
.au-category .pc-card .pc-card-body {
    flex-direction: column;
    height: 470px;
    width: 100%;
    padding: 35px 90px;
    border: 2px solid #c4c4c4;
    background: linear-gradient(
            0deg,
            rgba(224, 226, 216, 0.15) 0%,
            rgba(224, 226, 216, 0.15) 100%
        ),
        #fff;
}
.au-category .pc-card:hover .pc-card-body {
    border-color: #a0d900;
}
.auc-text {
    font-size: 24px;
    color: #727272;
    line-height: normal;
    margin-top: 20px;
}
.divider div {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}
.divider div::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 100%;
    background-color: #c4c4c4;
    width: 1px;
    z-index: -1;
}
.divider div span {
    background-color: #ffffff;
    display: inline-block;
    padding: 10px 0;
    color: #c4c4c4;
}
.jbh-au-right {
    width: auto;
}
.jbh-au-right .horizontalTabs {
    margin-bottom: 0;
    width: 340px;
}
.mobile-au-filter {
    display: none;
}
span.new-post-count {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #ffffff;
    height: 30px;
    width: 30px;
    text-align: center;
    background-color: #e11432;
    border-radius: 50%;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
}
.desktop-detail-view.full-post-right {
    max-height: 100%;
}

#filterModal .close {
    display: inline-block;
    float: right;
    font-size: 40px;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    text-shadow: none;
    opacity: 1;
    height: 16px;
    width: 16px;
    position: absolute;
    right: 40px;
    top: 40px;
}
@media (max-width: 1200px) {
    .au-category .pc-card .pc-card-body {
        padding: 35px 60px;
    }
    .mobile-au-filter {
        display: block;
        position: sticky;
        width: 100%;
        top: 162px;
        z-index: 99;
        padding: 15px 0;
        background: #eee;
        box-shadow: 0px 3px 20px 0px rgba(185, 185, 185, 0.5);
    }
    .job-board-header > div {
        padding: 15px 0;
    }
    .jbh-au-right .horizontalTabs {
        display: none;
    }
    .mobile-au-filter .horizontalTabs {
        margin-bottom: 0;
    }
}
@media (max-width: 991px) {
    .au-category .pc-card .pc-card-body {
        padding: 55px 35px;
        height: auto;
    }
    .auc-text {
        font-size: 18px;
    }
    .mobile-au-filter {
        top: 180px;
    }
}
@media (max-width: 767px) {
    .au-category {
        flex-direction: column;
    }
    .au-category .pc-card .pc-card-body > div {
        max-width: 80px;
    }
    .auc-text {
        font-size: 16px;
    }
    .au-category .pc-card .pc-card-body {
        padding: 20px;
    }
    .divider div {
        flex-direction: row;
    }
    .divider div::after {
        height: 1px;
        width: 100%;
        left: auto;
        right: auto;
        top: 50%;
        transform: translateY(-50%);
    }
    .divider div span {
        padding: 0 10px;
    }
    .mobile-au-filter {
        top: 155px;
        padding: 15px;
    }
    .post-comment-btn .fa-paper-plane,
    .comment-reply-btn .fa-paper-plane,
    .edit-comment-btn .fa-paper-plane {
        display: block;
    }
    .post-comment-btn span,
    .comment-reply-btn span,
    .edit-comment-btn span {
        display: none;
    }
    .cs-mobile {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .cs-mobile .btn,
    .reply-box .btn {
        height: 50px;
        width: 50px;
        margin-left: 10px;
        min-width: 50px;
        margin-top: 0;
    }
    .comments-wrapper .reply-box .lead {
        width: 100%;
    }
    .cs-mobile .mentions-input-box textarea {
        min-height: 50px !important;
    }
    .comments-wrapper .reply-wrapper .reply-box .lead,
    .comments-wrapper .edit-comment-section.reply-box .lead {
        border-radius: 8px;
        width: calc(100% - 60px);
    }
    .edit-comment-section {
        display: flex;
        position: relative;
        padding-bottom: 30px;
    }
    .edit-comment-section > a {
        position: absolute;
        border: 0;
        height: auto !important;
        padding: 0;
        bottom: 10px;
        margin: 0;
        color: #0734c1 !important;
        text-decoration: underline !important;
    }
    .edit-comment-section > a.blue-border-btn:hover {
        background-color: transparent;
        box-shadow: none;
    }
    .no-jobs {
        min-height: calc(100vh - 66px - 70px - 82px);
    }
    .calender-head {
        font-size: 16px;
        padding-bottom: 10px;
    }
    /* .daterangepicker .drp-calendar.left,
    .daterangepicker .drp-calendar.right {
        padding: 0;
        max-width: 100%;
    } */
    .calendar-open .daterangepicker {
        max-width: 350px;
        padding: 20px 0;
        height: auto;
    }
    .calendar-container {
        display: flex;
        overflow-x: auto;
    }
    .calendar-container .next.available,
    .calendar-container .prev.available {
        position: absolute;
        top: 12px;
        right: 8px;
        margin: 0;
        height: 30px;
    }
    .calendar-container .prev.available {
        left: 8px;
    }
    .date1 .calendar-container .next.available,
    .date1 .calendar-container .prev.available {
        top: 2px;
    }
    .daterangepicker .drp-buttons {
        padding: 20px 0;
    }
    .calendar-open .daterangepicker .drp-buttons {
        padding: 10px 0 0;
    }
    .daterangepicker .calendar-table th,
    .daterangepicker .calendar-table td {
        width: 30px;
        line-height: 25px;
        padding: 3px 6px;
    }
    /* .calendar-open .daterangepicker .drp-calendar.left,
    .calendar-open .daterangepicker .drp-calendar.right {
        width: 280px;
        max-width: 280px;
    } */
    .job-success-page {
        height: calc(100vh - 208px);
    }
    .wall-listing-dashboard ul#community-wall-section > div .post-card {
        padding-bottom: 80px;
    }
    .c-heading {
        margin: 15px 0 20px;
    }
}
@media (max-width: 600px) {
    .mobile-au-filter {
        top: 144px;
    }
}
@media (max-width: 480px) {
    .steps-au-post .step-rw {
        max-width: 100%;
        margin: 0 10px;
    }
    #filterModal .close {
        top: 18px;
    }
    .count-wrapper {
        gap: 8px;
    }
    .cw-content .fpr-footer {
        gap: 0;
    }
}

.acc-category {
    max-width: 470px;
    margin: 0 auto;
}
.acc-category .divider div {
    flex-direction: row;
    align-items: center;
}
.acc-category .divider div::after {
    height: 1px;
    width: 100%;
}
.acc-category .divider div span {
    padding: 30px 10px;
}
.acc-category .pc-card .pc-card-body {
    flex-direction: column;
    height: auto;
    padding: 34px;
    border: 3px solid #c4c4c4;
    background: linear-gradient(
            0deg,
            rgba(224, 226, 216, 0.15) 0%,
            rgba(224, 226, 216, 0.15) 100%
        ),
        #fff;
}
.acc-category .pc-card:hover .pc-card-body,
.acc-category .pc-card[aria-expanded="true"] .pc-card-body {
    border: 3px solid #a0d900;
}
.acc-subcategory {
    border: 1px solid #c4c4c4;
    display: block;
    text-align: left;
    padding: 20px;
    border-radius: 15px;
    background: linear-gradient(
            0deg,
            rgba(224, 226, 216, 0.15) 0%,
            rgba(224, 226, 216, 0.15) 100%
        ),
        #fff;
    margin-top: 15px;
}
.acc-subcategory:hover {
    background: #a0d900;
    border: 1px solid #a0d900;
}
.acc-subcategory p {
    font-size: 14px;
    line-height: normal;
    margin-top: 8px;
    color: #000a2a;
}
.acc-subcategory span {
    color: #000a2a;
    font-size: 16px;
    margin-left: 20px;
}
.upper-div div#maxAdultDiv {
    margin: -15px 0 20px;
}

@media (max-width: 767px) {
    .acc-category .divider div span {
        padding: 20px 10px;
    }
    #formDescription {
        border-bottom-right-radius: 8px !important;
    }
}
/* New Home Page Design starts */
.hero-wrapper {
    min-height: 100vh;
    position: relative;
    z-index: 12;
    /* background-image: url(../images/hero-bg.webp);
    background-size: cover; */
}
.hero-wrapper:after {
    backdrop-filter: blur(5px);
}
.hero-wrapper .item {
    background-size: cover;
    background-repeat: no-repeat;
    /* min-height: 660px; */
    height: 100vh;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    z-index: 9;
    padding-bottom: 165px;
    background-color: #000;
    background-position: center top;
}
.hero-wrapper .item::after,
.hero-wrapper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(
        to bottom,
        rgb(0 10 42 / 88%),
        rgb(0 10 42 / 47%)
    );
    z-index: 0;
}
.banner1 {
    background-image: url(../images/banner-desktop.webp);
}
.banner2 {
    background-image: url(../images/banner2.webp);
}
.banner3 {
    background-image: url(../images/banner3.webp);
}
.hero-text {
    height: 100%;
    position: relative;
    z-index: 99;
}
.hero-wrapper .btn {
    min-width: 306px;
    margin-top: 50px;
}
.hero-text h2 {
    font-size: 40px;
}
.hero-slider .owl-dots {
    position: absolute;
    bottom: 65px;
    left: 0;
    max-width: 1440px;
    width: auto;
    right: 0;
    margin: 0 auto;
    height: 40px;
    padding: 0 40px;
}
.hero-slider .owl-dot,
.ways-slider .owl-dot,
.how-slider .owl-dot,
.commonBoard .owl-dot {
    height: 3px;
    width: 30px;
    border-radius: 2px;
    background-color: #fff !important;
    margin-right: 10px;
}
.hero-wrapper .owl-nav {
    max-width: 1440px;
    position: absolute;
    bottom: 65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    text-align: right;
    padding: 0 40px;
}
.hero-wrapper .owl-nav i,
.works-slider .owl-nav i,
.about-mobile-slider .owl-nav i,
.commonBoard .owl-nav i,
.how-to-wrap > .owl-nav i,
.featured-profiles-section .card-wrapper .owl-nav i,
.services-slider .owl-nav button i {
    font-size: 22px;
}
.hero-wrapper .owl-nav button,
.works-slider .owl-nav button,
.about-mobile-slider .owl-nav button,
.featured-profiles-section .card-wrapper .owl-nav button,
.commonBoard .owl-nav button,
.how-to-wrap > .owl-nav button,
.services-slider .owl-nav button {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #fff !important;
    text-align: center;
    position: relative;
    z-index: 2;
}
.hero-wrapper .owl-nav button.disabled,
.works-slider .owl-nav button.disabled,
.about-mobile-slider .owl-nav button.disabled,
.commonBoard .owl-nav button.disabled,
.featured-profiles-section .card-wrapper .owl-nav button.disabled,
.how-to-wrap > .owl-nav button.disabled,
.services-slider .owl-nav button.disabled {
    opacity: 40%;
}
.hero-wrapper .owl-prev,
.works-slider .owl-prev,
.about-mobile-slider .owl-prev,
.commonBoard .owl-prev,
.featured-profiles-section .card-wrapper .owl-prev,
.how-to-wrap > .owl-prev,
.services-slider .owl-prev {
    margin-right: 20px;
}
/* .hero-wrapper .owl-nav button.disabled,
.works-slider .owl-nav button.disabled,
.about-mobile-slider .owl-nav button.disabled {
    opacity: 40%;
} */
.download-icons {
    margin-top: 60px;
    justify-content: flex-start;
}
.download-icons a {
    text-align: left;
    display: block;
}
.download-icons a:first-child {
    max-width: 170px;
}
.download-icons a:last-child {
    max-width: 190px;
}
.download-icons a img {
    max-height: 60px;
    width: auto !important;
}
.section {
    padding: 100px 0;
}
.section h2 {
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    max-width: 850px;
    margin: 0 auto 50px;
}
.custom-masonry {
    column-count: 3;
    counter-reset: item-counter;
    margin: 0 -15px 30px;
}
.masonry-item {
    padding: 15px;
    width: 100%;
}
.masonry-item > div {
    box-shadow: 0px 4px 4px 0px rgba(255, 255, 255, 0.25);
    /* backdrop-filter: blur(2px); */
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.masonry-item > div::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 10, 42, 0) 49%, #000a2a 94.5%);
    z-index: 9;
    left: 0;
    top: 0;
}
.masonry-item-1 > div,
.masonry-item-3 > div,
.masonry-item-5 > div {
    height: 585px;
}
.masonry-item-2 > div,
.masonry-item-4 > div,
.masonry-item-6 > div {
    height: 385px;
}

.masonry-item img {
    width: 100%;
    transition: all 1s ease;
    height: 100%;
    object-fit: cover;
}
.masonry-link {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    z-index: 99;
}
/* .masonry-item a {
    display: block;
    position: relative;
    z-index: 99999;
} */
.slideup-content {
    position: absolute;
    bottom: -50px;
    left: 0;
    z-index: 99;
    color: #ffffff;
    padding: 0 80px;
    transition: bottom 0.3s linear;
    width: 100%;
    /* z-index: 9999; */
}
.slideup-content h5 {
    text-align: center;
    font-size: 20px;
}
.button-content {
    width: 100%;
    text-align: center;
    padding-top: 50px;
    transition: bottom 0.3s linear;
}
.masonry-link .btn {
    pointer-events: none;
}
.about-mobile-slider .owl-item {
    pointer-events: auto;
}
.masonry-item > div:hover img {
    transform: scale(1.1, 1.1);
}
.masonry-item > div:hover .slideup-content {
    bottom: 50px;
}
.masonry-item > div:hover .slideup-content .button-content {
    padding-top: 30px;
}

.about-mobile-slider .owl-nav {
    display: inline-block;
    position: absolute;
    right: 0;
    margin-top: 30px;
}
.about-mobile-slider .owl-nav .owl-prev.disabled,
.about-mobile-slider .owl-nav .owl-next.disabled,
.commonBoard .owl-nav .owl-prev.disabled,
.commonBoard .owl-nav .owl-next.disabled,
.how-to-wrap > .owl-nav .owl-next.disabled {
    background-color: #c3c3c3 !important;
}
.about-mobile-slider .owl-nav .owl-next,
.about-mobile-slider .owl-nav .owl-prev,
.commonBoard .owl-nav .owl-next,
.commonBoard .owl-nav .owl-prev,
.services-slider .owl-nav .owl-prev,
.services-slider .owl-nav .owl-next {
    background-color: #000a2a !important;
}
.about-mobile-slider .owl-nav .owl-next:hover,
.about-mobile-slider .owl-nav .owl-prev:hover,
.about-mobile-slider .owl-nav .owl-next:hover,
.about-mobile-slider .owl-nav .owl-prev:hover {
    background-color: #a0d900 !important;
}

.how-it-works-section,
.home-profile-section {
    background-color: #000a2a;
}
.item-bg {
    border-radius: 15px;
    background: #f8f8f8;
    padding: 30px;
    display: flex;
    /* min-width: 384px; */
    flex-direction: column;
}
.item-bg img {
    height: 261px;
    width: auto !important;
    object-fit: contain;
}
.step-counter {
    border-top: 1px solid rgba(0, 10, 42, 0.3);
    padding-top: 30px;
}
.step-number {
    height: 44px;
    width: 44px;
    border-radius: 50%;
    background-color: #000a2a;
    font-size: 17px;
    color: #ffffff;
    line-height: 44px;
    text-align: center;
    margin-right: 20px;
}
.step-counter p {
    font-size: 18px;
    line-height: 26px;
    text-align: left;
}
.works-slider .owl-stage {
    padding-left: 0 !important;
}
.works-slider .owl-dots,
.profiles .card-wrapper .owl-dots {
    position: absolute;
    left: 0;
    bottom: -82px;
}
.works-slider .item-bg img,
.type-bg,
.partner-slider .item img {
    transition: 0.5s ease-in-out;
}

@media (min-width: 992px) {
    .type-bg:hover {
        transform: scale(108%);
    }
}

.works-slider .item:hover .item-bg img,
.partner-slider .item:hover img {
    transform: scale(108%);
}
.mobile-section .owl-dots {
    line-height: 36px;
    display: inline-block;
    margin-top: 30px;
}
.works-slider .owl-dot,
.mobile-section .owl-dot,
.profiles .card-wrapper .owl-dot,
.ways-slider .owl-dot,
.commonBoard .owl-dot,
.services-slider .owl-dot,
.how-to-wrap > .owl-dots > .owl-dot {
    background-color: #ffffff !important;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    margin-right: 10px;
}
.works-slider .owl-dot:last-child,
.mobile-section .owl-dot:last-child,
.hero-slider .owl-dot:last-child,
.profiles .card-wrapper .owl-dot:last-child,
.ways-slider .owl-dot:last-child,
.commonBoard .owl-dot:last-child,
.how-to-wrap > .owl-dots > .owl-dot:last-child,
.services-slider .owl-dot:last-child {
    margin-right: 0;
}
.mobile-section .owl-dot,
.services-slider .owl-dot {
    background-color: #000a2a !important;
}
.works-slider .owl-dot.active,
.mobile-section .owl-dot.active,
.hero-slider .owl-dot.active,
.profiles .card-wrapper .owl-dot.active,
.how-slider .owl-dot.active,
.ways-slider .owl-dot.active,
.commonBoard .owl-dot.active,
.how-to-wrap > .owl-dots > .owl-dot.active,
.services-slider .owl-dot.active {
    background-color: #a0d900 !important;
}
.about-mobile-slider .owl-nav i,
.commonBoard .owl-nav i,
.services-slider .owl-nav i {
    color: #ffffff;
}
.works-slider .owl-nav,
.profiles .card-wrapper .owl-nav {
    position: absolute;
    bottom: -94px;
    right: 0;
}
.how-it-works-section .btn {
    margin-top: 45px;
}

.user-types {
    background-image: url(../../images/background-map.png);
    height: 802px;
    border-radius: 15px;
    background-color: rgba(255, 255, 255, 0.65);
    display: flex;
    position: relative;
}
.left-types,
.right-types {
    width: 50%;
}
.au-pair-type {
    background: #efe8f8;
}
.traveller-type {
    background: #e5f3e8;
}
.au-pair-host-type {
    background: #f9e6fc;
}
.local-host-type {
    background: #e6f2fc;
}
.employer-type {
    background: #fce8eb;
}
.whv-type {
    background: #f4eee6;
}
.type-bg {
    border-radius: 15px;
    padding: 15px;
    width: 430px;
    position: absolute;
    box-shadow: 3px 3px 30px 0px rgba(0, 0, 0, 0.25);
}
.type-bg h4 {
    font-size: 26px;
}
.type-bg p {
    font-size: 16px;
    line-height: 22px;
}
.left-types .type-bg p {
    text-align: right;
}
.user-types .new-pin img {
    height: 65px;
    width: 65px;
}
.left-types .new-pin {
    left: auto;
    right: -32px;
    top: -32px;
}
.right-types .new-pin {
    left: -32px;
    top: -32px;
}
.traveller-type {
    left: 2%;
    top: 5%;
}
.au-pair-type {
    top: 33%;
    left: 12%;
}
.local-host-type  {
    left: 6%;
    bottom: 14%;
}
.au-pair-host-type {
    right: 2%;
    top: 14%;
}
.employer-type {
    right: 10%;
    top: 45%;
}
.whv-type {
    right: 6%;
    bottom: 8%;
}

.profile-section .nav-link {
    color: #ffffff;
}
.profile-section .nav-tabs {
    margin: 0 0 50px;
}

.featured-profiles-section .card-wrapper .owl-stage {
    display: flex;
}
.featured-profiles-section .card-wrapper .owl-stage .owl-item li {
    height: 100%;
}
.featured-profiles-section .card-wrapper .owl-nav {
    margin-top: 30px;
}

/*.profile-section .tab-content{
    display: block !important;
    opacity: 0;
    visibility: hidden;
}
.profile-section .tab-content>.active{
    opacity: 1;
    visibility: visible;
}
*/

h6.section-text {
    margin: 50px 0 30px;
    font-size: 16px;
}
.partner-slider.owl-carousel .owl-stage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* width: 100% !important; */
}
.partner-slider .owl-item {
    display: flex;
    align-items: center;
    justify-content: center;
}
.partner-slider .owl-item .item a {
    display: block;
    height: 100px;
    width: auto;
}
.partner-slider .owl-item .item a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.partner-slider.owl-carousel .owl-stage:after {
    display: none;
}
.mobile-section {
    display: none;
}
/* .testimonial-section {
    background-color: #70768b;
    overflow: hidden;
    position: relative;
}
.testimonial-section .boxed {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.testimonial-slider {
    position: relative;
    z-index: 10;
    text-align: center;
}
.dashed {
    width: 100%;
    height: 353px;
    overflow: visible;
    z-index: 9;
    position: absolute;
    top: 110px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.dashed path {
    stroke-dasharray: 1, 10;
    stroke-dashoffset: 100;
    animation: dash 2s linear infinite;
}
@keyframes dash {
    to {
        stroke-dashoffset: 0;
    }
}
.testimonial-section .item {
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.testimonial-section .center .item-image {
    height: 286px;
    width: 286px;
    background: #d9d9d9;
    border: 13px solid rgb(0 10 42 / 23%);
    border-radius: 50%;
}
.testimonial-section .center .item .item-image img {
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25);
    border-radius: 50%;
}
.testimonial-section .first-previous .item-image,
.testimonial-section .first-next .item-image {
    height: 180px;
    width: 180px;
}
.testimonial-section .second-previous .item-image,
.testimonial-section .second-next .item-image {
    height: 150px;
    width: 150px;
}
.testimonial-slider > .owl-dots {
    display: inline-block;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 9;
}

.testimonial-slider .owl-nav {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 640px;
    margin: 0 auto;
    height: 40px;
    left: 0;
    right: 0;
}
.testimonial-slider .owl-nav .owl-dots {
    position: relative;
    z-index: 9;
    margin: 0 auto;
    display: inline-block;
    height: 40px;
    height: 40px;
    vertical-align: middle;
}

.testimonial-slider.owl-carousel .owl-item {
    display: flex;
    justify-content: center;
}
.testimonial-slider.owl-carousel .owl-item.first-previous,
.testimonial-slider.owl-carousel .owl-item.second-previous {
    justify-content: flex-start;
}
.testimonial-slider.owl-carousel .owl-item.first-next,
.testimonial-slider.owl-carousel .owl-item.second-next {
    justify-content: flex-end;
}
.testimonial-slider .owl-prev {
    position: absolute;
    left: 0;
}
.testimonial-slider .owl-next {
    position: absolute;
    right: 0;
}
.item-image {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.item-image img {
    border-radius: 50%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.item-content {
    display: none;
}
.center .item-content {
    display: block;
    width: 500px;
    transform: translateX(-50%);
    margin-left: 50%;
}
.owl-carousel.testimonial-slider .owl-stage-outer {
    padding-top: 130px;
}

.owl-carousel.testimonial-slider .owl-stage-outer .owl-item {
    transition: 0.5s ease-in-out;
}
.first-next .item,
.first-previous .item {
    transform: translate3d(0, 20px, 0) !important;
}
.second-previous .item,
.second-next .item {
    transform: translate3d(0, -80px, 0) !important;
}
.third-previous .item,
.third-next .item {
    transform: translate3d(0, -200px, 45px) !important;
} */

#sync2 {
    height: 360px;
    background-image: url(../../images/background-map.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    /* z-index: -1; */
}
#sync2.owl-carousel .owl-stage-outer,
#sync2.owl-carousel .owl-stage {
    height: 100%;
    width: 100% !important;
    transform: none !important;
    transition: none !important;
}
#sync2 .map-pin {
    position: absolute;
    z-index: 9;
    transition: transform 0.2s ease-in-out;
    height: 50px;
    width: 50px;
}
#sync2 .item.au-pair-pin {
    top: 40px;
    left: 180%;
}
#sync2 .item.local-host-pin {
    top: 15px;
    left: -70%;
}
#sync2 .item.whv-pin.map-pin {
    left: 120%;
    top: 140px;
}
#sync2 .item.au-pair-host-pin.map-pin {
    top: 178px;
    left: 140%;
}
#sync2 .item.employer-pin.map-pin {
    top: 287px;
    left: 80%;
}
#sync2 .item.traveller-pin.map-pin {
    top: 280px;
    left: 15%;
}
#sync2 .owl-item.current.active .item {
    transition: transform 0.2s ease-in-out;
    transform: scale(1.6);
    transform-origin: center center;
}
#sync2 .owl-item.current .item::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 10px;
    background: radial-gradient(
        50% 50% at 50% 50%,
        #000a2a 0%,
        rgba(0, 10, 42, 0) 100%
    );
    height: 8px;
    width: 30px;
}
#sync2 .owl-item.current .item.whv-pin::after {
    bottom: -7px;
}
#sync1 .owl-stage {
    padding-left: 0 !important;
    display: flex;
}
#sync1 .item {
    padding: 80px 0 30px;
    height: 100%;
}
#sync1 .type-bg {
    position: relative;
    width: auto;
    left: 20px;
    top: 0;
    height: 100%;
}
#sync1 .type-pin {
    position: absolute;
    height: 65px;
    width: 65px;
    left: -30px;
    top: -35px;
}
#sync1 .owl-dots {
    margin-top: 0;
    display: block;
    text-align: center;
}
.profiles .card-wrapper.owl-carousel .owl-item img {
    width: 100%;
    display: inline-block;
}

.mobile-logo {
    display: none;
}

.section .green-btn:hover,
.section .green-btn:focus {
    box-shadow: 0 1px 15px rgb(255 255 255 / 60%);
}

/* New Home Page Design end */

/* Old Testimonial slider  */
.testimonial-section {
    background-color: #70768b;
    overflow: hidden;
}

.large-heading.c-white:after {
    background-color: #fff;
}

.testimonial-slider {
    max-width: 1200px;
    margin: 0 auto;
}

.testimonial-slider .owl-item.center.active .item-image {
    border: 13px solid rgb(0 10 42 / 23%);
    display: inline-block;
    height: 170px;
    width: 170px;
    margin-top: 0 !important;
}

.testimonial-slider .owl-item .item-image {
    height: 105px;
    width: 105px;
    margin: 0 auto;
    border-radius: 50%;
    margin-top: 32px;
}

.testimonial-slider .owl-item .item-image img {
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.testimonial-slider .item-content h6 {
    line-height: 23px;
    min-height: 160px;
}

.testimonial-slider .owl-item .item-content {
    display: none;
}

.testimonial-slider .owl-item.active.center .item-content {
    display: block !important;
}

.item-content {
    width: 450px;
    position: relative;
    left: 50%;
    padding-bottom: 20px;
    transform: translateX(-50%);
}

.testimonial-slider .owl-nav {
    height: 40px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    max-width: 300px;
    left: 50%;
    transform: translateX(-50%);
}

.testimonial-slider .owl-prev {
    position: absolute;
    left: 0;
}

.testimonial-slider .owl-next {
    position: absolute;
    right: 0;
}

.testimonial-slider .owl-dots {
    margin: 6px 0 10px;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.testimonial-slider button.owl-dot {
    margin: 0 4px;
}

.testimonial-slider button.owl-dot {
    height: 8px;
    width: 8px;
    border: 0 !important;
    background-color: #fff !important;
    border-radius: 50%;
}

.testimonial-slider button.owl-dot.active {
    height: 12px;
    width: 12px;
    background-color: #a0d900 !important;
}

.dots-bg {
    position: absolute;
    top: 5%;
    left: 0;
    background-image: radial-gradient(#0c19410d 44%, transparent 44%);
    background-position: 0 0, 15px 15px;
    background-size: 24px 24px;
    height: 48px;
    width: 122px;
}

.dots-bottom {
    top: auto;
    left: auto;
    right: 0;
    bottom: 5%;
}

.testimonial-slider:before,
.testimonial-slider:after {
    content: "";
    position: absolute;
    bottom: 50px;
    left: -25px;
    background-image: radial-gradient(#0c19410d 44%, transparent 44%);
    background-position: 0 0, 15px 15px;
    background-size: 24px 24px;
    height: 238px;
    width: 238px;
}

.testimonial-slider:after {
    left: auto;
    top: -130px;
    bottom: auto;
    right: -25px;
}

.mobile-banner {
    display: none;
}

.mobile-banner .banner1 {
    background-image: url(../images/mobile-banner1.png);
}
.mobile-banner .banner2 {
    background-image: url(../images/mobile-banner2.png);
}
.mobile-banner .banner3 {
    background-image: url(../images/mobile-banner3.png);
}

/* .testimonial-slider .owl-prev,
.testimonial-slider .owl-next {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background-color: #fff !important;
    margin: 0 10px;
    text-align: center;
}

.testimonial-slider .owl-prev.disabled,
.testimonial-slider .owl-next.disabled {
    opacity: 40%;
}

.testimonial-slider .owl-prev i,
.testimonial-slider .owl-next i {
    font-size: 24px;
    color: #70768b;
    font-weight: 500;
}

.owl-prev i {
    padding-right: 3px;
}

.owl-next i {
    padding-left: 3px;
}

.testimonial-slider .owl-nav button:hover {
    background-color: #a0d900 !important;
}
.testimonial-slider .owl-nav button:hover i {
    color: #000a2a;
} */

.home-detail-banner {
    /* background-image: url(../images/detail-page/detail-banner.webp); */
    /* height: 800px; */
    height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-end;
    /*padding-bottom: 325px;*/
    align-items: flex-end;
}
.home-detail-banner img {
    width: 100%;
    position: absolute;
    height: 100%;
    object-fit: cover;
}
/* .host-dt-banner {
    background-image: url(../images/detail-page/host-detail-banner.webp);
} */

.banner-tabs {
    position: absolute;
    z-index: 99;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.banner-tabs nav {
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.3);
    padding: 10px;
}
.banner-tabs .nav {
    border-radius: 8px;
    background-color: #ffffff;
}
.banner-tabs .nav-link {
    font-size: 16px;
    line-height: 20px;
    color: #61677b;
    background-color: transparent;
    padding: 12px 30px;
    width: 170px;
    border: 0;
}
.banner-tabs .nav-link:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-top-right-radius: 0;
}
.banner-tabs .nav-link:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
}
.banner-tabs .nav-link.active {
    background-color: #a0d900;
    font-weight: 700;
    color: #000a2a;
}
#nav-detail-tabContent h1 {
    font-size: 42px;
    color: #ffffff;
    text-align: center;
    padding: 50px 0 100px;
    position: absolute;
    top: -270px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    padding: 0 15px;
}
.filter-cover {
    max-width: 1360px;
    margin: -70px auto 0;
    position: relative;
    z-index: 9;
}
.banner-filter {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);
    padding: 30px;
    display: flex;
    justify-content: space-between;
    position: relative;
}
.banner-filter .form-group {
    margin-bottom: 0;
}
.banner-filter .form-control {
    height: 50px;
}
input.form-control.filter-picker {
    padding: 4px 10px 4px 16px;
}
.banner-filter .form-group:nth-child(2) .form-control {
    border: 1px solid #727272;
}
.banner-filter .input-group {
    box-shadow: 0 0 0 1px #727272;
    border-radius: 8px;
}
.banner-filter .form-group .input-group input {
    padding-right: 0;
    box-shadow: none;
}
.banner-filter .input-group .input-group-append {
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.banner-filter .form-group:first-child {
    width: 100%;
    max-width: 815px;
    margin-right: 15px;
}
.banner-filter .form-group:nth-child(2) {
    width: 100%;
    max-width: 336px;
    margin-right: 15px;
}
.banner-filter .btn {
    padding: 7px 12px;
}
.inner-page-header {
    margin-bottom: 50px;
}
.inner-page-header h2 {
    margin-bottom: 0;
}
.inner-page-header p {
    font-size: 18px;
    line-height: 24px;
    color: #727272;
    text-align: center;
    margin-top: 10px;
}
#faq-detail {
    max-width: 1068px;
}
.detail-faq-inner {
    background-image: url(../images/detail-page/applicant-faq.webp);
    background-position: right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 124px 0;
}

#faq-detail .card {
    /* padding: 30px 45px 30px 20px; */
    position: relative;
    margin: 15px 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.15);
}
#faq-detail .panel-body {
    padding: 20px 45px 30px 20px;
    border-top: 1px solid #e4e4e4;
    /* margin-top: 20px; */
}
#faq-detail .panel-heading a {
    font-size: 20px;
    line-height: normal;
    padding: 30px 45px 30px 20px;
    display: block;
}
#faq-detail .panel-heading a:hover {
    color: #000a2a;
}
#faq-detail .panel-body p {
    font-size: 18px;
    line-height: 22px;
    color: #727272;
}
#faq-detail .panel-heading a:after {
    content: "\f068";
    position: absolute;
    right: 20px;
    top: 30px;
    font-family: "Font Awesome 5 Pro";
}

#faq-detail .panel-heading a.collapsed:after {
    content: "\f067";
    position: absolute;
    right: 20px;
    top: 32px;
    font-family: "Font Awesome 5 Pro";
}

.other-ways-section::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 50%;
    width: 100%;
    background-color: #000a2a;
    z-index: -1;
}
.ways-slider {
    text-align: center;
}
.ways-slider .container {
    display: flex;
    margin-top: 25px;
    align-items: center;
    justify-content: space-between;
}
.ways-slider .owl-nav {
    order: 1;
    margin-top: 0;
    position: static;
}
.ways-slider .masonry-item {
    padding: 0;
    width: 100%;
    height: 585px;
}
.ways-slider .slideup-content,
.ways-slider .masonry-item > div:hover .slideup-content {
    display: flex;
    bottom: 50px;
    padding: 0 70px;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    min-height: 60px;
}
.ways-slider .masonry-item-1 > div,
.ways-slider .masonry-item-3 > div,
.ways-slider .masonry-item-5 > div,
.ways-slider .masonry-item-2 > div,
.ways-slider .masonry-item-4 > div,
.ways-slider .masonry-item-6 > div {
    height: 585px;
}

.ways-slider .owl-dot,
.commonBoard .owl-dot {
    background-color: #0c1941 !important;
}

.nav-dots-container {
    display: flex;
    justify-content: space-between; /* Adjust as needed */
    align-items: center; /* Adjust as needed */
    margin-top: 20px; /* Adjust as needed */
}

.how-to-section {
    background-color: #000a2a;
}

.how-to-section .inner-page-header p {
    color: #ffffff;
}

.mobile-slider-wrapper {
    display: none;
}

.how-horizontal {
    margin-bottom: 50px;
}
.how-image {
    width: 414px;
    text-align: center;
}
.how-horizontal .how-text {
    width: calc(100% - 414px);
}

/* .how-horizontal:first-child .how-text {
    width: calc(100% - 279px - 50px);
}
.how-horizontal:nth-child(2) .how-text {
    width: calc(100% - 419px);
} */
.how-horizontal:nth-child(2) .how-text p {
    margin-left: auto;
}
.how-horizontal:nth-child(3) .how-text {
    margin-left: 0;
}

.how-text h3 {
    font-size: 26px;
    line-height: 48px;
    margin-top: 20px;
}
.how-text p {
    font-size: 16px;
    line-height: 20px;
    padding-top: 15px;
    max-width: 650px;
}
.how-slider {
    max-width: 600px;
}
.how-slider.owl-carousel .owl-stage-outer {
    transform: translateX(-150px);
}
.how-slider .owl-item .item {
    transform: scale(0.8) translateY(15px);
    transition: transform 0.3s ease;
}
.how-slider .owl-item.first-active .item {
    transform: scale(1);
    transition: transform 0.3s ease;
}
.how-slider .owl-item.last-active .item {
    transform: translateX(-20px) scale(0.8);
    margin-top: 12px;
}
.how-slider .owl-dots {
    margin-top: 10px;
}
#nav-applicant .how-horizontal:nth-child(2) .how-image.order-1 {
    /* padding: 0 70px; */
    margin-left: 50px;
}
.how-image .second-frame {
    max-width: 280px;
    margin: 0 auto;
}
.second-frame p,
.third-frame p,
.first-frame p {
    position: absolute;
    height: auto;
    width: auto;
}

.inner-img-1 {
    left: -100px;
    top: 15%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-2 {
    right: -100px;
    top: 30%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
    /* animation-delay: 1s; */
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
/* .how-to-wrap .how-horizontal:nth-child(3) .how-image {
    width: 375px;
} */
.inner-img-3 {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 422px;
    margin: 0 auto;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.1, 1.1);
    }
    100% {
        transform: scale(1, 1);
    }
}
.new-container.container-fluid {
    max-width: 1640px;
    margin: 0 auto;
}
.why-job-board {
    padding: 100px 0;
    background-image: url(../images/why-bg.png);
    background-position: right;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    width: 100%;
}
.board-text {
    max-width: 615px;
    margin-right: 50px;
}
.board-text .btn {
    min-width: 173px;
    margin-bottom: 50px;
}

.steps-outer-wrap {
    margin: 0 -15px;
}

.step-outer {
    padding: 0 15px 30px;
    height: auto;
}

.board-step-box {
    padding: 30px 30px 50px 30px;
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0px 3px 50px 0px rgba(0, 0, 0, 0.15);
    max-width: 320px;
    transition: all 0.1s ease-in-out;
    height: 100%;
}
.board-step-box:hover {
    background: #a0d900;
    transition: all 0.1s ease-in-out;
}
.board-step-box > div:first-child img {
    transition: 0.1s ease-in-out;
}

.board-step-box:hover > div:first-child img {
    transform: scale(1.3);
    transition: 0.1s ease-in-out;
}

.board-step-box h4 {
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    color: #000a2a;
    position: relative;
    padding-bottom: 15px;
    margin: 30px 0 15px;
}

.board-step-box h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 5px;
    background-color: #000a2a;
}
.board-step-box p {
    font-size: 14px;
    line-height: 18px;
    color: #727272;
}
.nav-box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
    margin-bottom: -115px;
}
.nav-box .owl-nav {
    order: 1;
}
.discover-section {
    background-color: #70768b;
}
#nav-employer .discover-section .inner-page-header {
    max-width: 740px;
}
.discover-section .inner-page-header {
    margin: 0 auto 50px;
    max-width: 100%;
}
.how-to-section.section h2,
.discover-section.section h2 {
    max-width: 100%;
}
/* #nav-employer .discover-section .inner-page-header h2 {
    line-height: 65px;
} */
.discover-section .inner-page-header p {
    color: #ffffff !important;
}
.marquee-wrapper {
    margin-bottom: 50px;
}

.marquee-wrapper .marquee-block {
    --total-marquee-items: 8;
    width: 100%; /* Adjusted to take full width */
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
    /* background: #1b2531; */
    padding: 30px 0;
}

.marquee-inner {
    display: flex; /* Changed to flexbox */
    width: max-content; /* Adjust width to content */
    position: absolute;
    white-space: nowrap; /* Ensure items don't wrap */
}

.marquee-inner p {
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
    font-family: "Raleway", sans-serif;
}

.marquee-inner.to-left {
    animation: marqueeLeft 25s linear infinite;
}

.marquee-inner.to-right {
    animation: marqueeRight 25s linear infinite;
}

.marquee-item {
    height: auto;
    display: inline-block;
    margin: 0 10px;
    transition: all 0.2s ease-out;
    /* background: #00cc00; */
    padding: 0 0 0 20px;
    position: relative;
}

.marquee-item::after {
    content: "";
    position: absolute;
    left: -5px;
    top: 50%;
    height: 10px;
    width: 10px;
    background-color: #000a2a;
    border-radius: 50%;
    transform: translateY(-50%);
}

@keyframes marqueeLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

@keyframes marqueeRight {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}
.how-to-wrap > .owl-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 15px;
}
.how-to-wrap > .owl-nav .owl-prev,
.how-to-wrap > .owl-nav .owl-next {
    background-color: #ffffff !important;
}

.how-to-wrap > .owl-nav i {
    color: #000a2a;
}

.how-to-wrap > .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 70px;
    bottom: 10px;
    z-index: 9;
}
.mobile-slider-wrapper .green-btn {
    margin-top: 50px;
}

/* For job post slider on detail page */
/* .jobs-detail-slider .item {
    padding-bottom: 50px;
} */
.post-card {
    max-width: 437px;
    border-radius: 15px;
    box-shadow: 0px 5px 30px 0px rgba(185, 185, 185, 0.5);
    margin: auto;
    background-color: #ffffff;
}
.post-card .post-card-header {
    position: relative;
    padding: 15px 15px 15px 15px;
    border-radius: 15px 15px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(248, 248, 248, 1);
}
#previewData .post-card .post-card-header {
    justify-content: flex-start;
}
.post-card .post-card-header .pc-pic {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    line-height: 0;
    overflow: hidden;
    flex-shrink: 0;
}
.post-card .post-card-header .pc-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    line-height: 0;
    object-position: center;
}
.post-card .post-card-header .pc-card-content {
    margin-left: 15px;
    width: calc(100% - 50px);
}
.post-card .post-card-header .name {
    font-family: Lato;
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    text-align: left;
    color: #000a2a;
    margin-bottom: 7px;
}
.post-card .post-card-header .location {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #727272;
}
.wall-dropdown .dropdown-toggle {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    font-size: 26px;
    color: #000a2a;
    right: 0;
}
.wall-dropdown .dropdown-menu {
    padding: 15px 0;
    min-width: 245px;
    left: auto !important;
    right: 0 !important;
    transform: translate3d(0, 25px, 0) !important;
}
.wall-dropdown .dropdown-menu li {
    width: 100% !important;
    min-height: 0;
}
.post-slider .owl-dots .owl-dot.active {
    background-color: #a0d900;
}
.wall-dropdown .dropdown-menu li a {
    font-size: 16px;
    color: #000a2a;
    display: block;
    padding: 10px 15px;
}
.wall-dropdown .dropdown-menu li a span {
    display: inline-block;
    vertical-align: baseline;
}
.wall-dropdown .dropdown-menu li a span:first-child {
    display: inline-block;
    min-width: 25px;
    font-size: 18px;
}
.post-card-body {
    padding: 15px 15px 0;
}
.post-slider {
    border-radius: 10px;
    overflow: hidden;
}
.post-slider .owl-nav {
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 20px;
}
.post-slider .owl-nav button span {
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='42' viewBox='0 0 42 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-3.67176e-06 21C-1.64708e-06 9.42022 9.42022 1.64708e-06 21 3.67176e-06C32.5798 5.69643e-06 42 9.42023 42 21C42 32.5798 32.5798 42 21 42C9.42022 42 -5.69643e-06 32.5798 -3.67176e-06 21ZM18.7377 30.9876L27.4877 22.2377C28.172 21.5534 28.172 20.4474 27.4877 19.7632L18.7377 11.0132C18.0535 10.3289 16.9475 10.3289 16.2632 11.0132C15.579 11.6974 15.579 12.8034 16.2632 13.4876L23.776 21.0004L16.2632 28.5131C15.5789 29.1974 15.5789 30.3034 16.2632 30.9876C16.6044 31.3289 17.0525 31.5004 17.5004 31.5004C17.9485 31.5004 18.3965 31.3289 18.7377 30.9876Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    line-height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
}
.post-slider .owl-nav button.owl-prev span,
.jobs-detail-slider > .owl-nav button.owl-prev span {
    transform: rotate(180deg);
}
.post-slider .owl-nav button.disabled,
.jobs-detail-slider > .owl-nav button.disabled {
    opacity: 0.3;
}
.pcf-foot-head {
    margin-bottom: 15px;
}
.pcf-badge {
    background-color: #a0d900;
    padding: 5px 10px;
    font-family: Lato;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    text-align: left;
    color: #000a2a;
    border-radius: 5px;
    display: inline-block;
}

.post-card-footer .pcf-title {
    font-family: Lato;
    font-size: 18px;
    font-weight: 600;
    line-height: 21.6px;
    text-align: left;
    color: #000a2a;
    margin-bottom: 10px;
}
.pcf-category {
    font-size: 14px;
    line-height: 14px;
    color: #727272;
    padding-bottom: 15px;
}

.pcf-date {
    font-family: Lato;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    color: #727272;
    display: flex;
    align-items: center;
}
.post-card-footer {
    padding: 15px;
}

.post-card-footer .location {
    margin-top: 10px;
    font-size: 14px;
    line-height: 14px;
    color: #727272;
    position: relative;
    display: flex;
    align-items: center;
}

.bottomSection {
    border-radius: 8px 8px 15px 15px;
    background: #f8f8f8;
}
/* .bottomSection > div {
    padding: 10px;
} */
.bottomSection a i {
    margin-left: 4px;
    font-size: 12px;
}

.bottomDiv,
.bottomDiv > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bottomDiv a {
    color: #000a2a;
}
.bottomSection .bottomDiv div:last-child a span {
    margin-left: 5px;
}
.bottomDiv a i {
    margin-left: 3px;
}
.separater {
    border-bottom: 1px solid #e4e4e4;
    margin: 0 15px;
}

.commonslider > .owl-nav {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: space-between;
    height: 40px;
    max-width: 334px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    margin-top: 20px;
}
.commonslider > .owl-nav button {
    height: 40px;
    width: 40px;
    background-color: #efefef !important;
    border-radius: 50%;
    text-align: center;
}
.commonslider .post-slider .owl-dots {
    margin-top: -25px;
    padding-bottom: calc(25px - 3px);
}
.commonslider .location > div:first-child {
    width: 22px;
}
.commonslider .location > div:last-child {
    width: calc(100% - 22px);
    line-height: 18px;
}
.commonslider > .owl-nav button.owl-prev {
    left: auto;
}
.commonslider > .owl-nav button.owl-next {
    right: auto;
}
.commonslider > .owl-nav button i {
    color: #70768b;
    font-size: 24px;
}
.commonslider > .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: calc(334px - 40px - 40px);
    margin: 0 auto;
    height: 40px;
    z-index: 99;
    margin-top: 20px;
}
.commonslider > .owl-dots .owl-dot {
    height: 12px;
    width: 12px;
    background-color: #efefef !important;
    border-radius: 50%;
    text-align: center;
    margin-right: 10px;
}
.commonslider > .owl-dots .owl-dot.active {
    background-color: #a0d900 !important;
    height: 16px;
    width: 16px;
}

.commonslider .bottomSection > div:last-child a {
    color: #000a2a;
}
.commonslider .comments-wrapper,
.commonslider .interest-list,
.commonslider .like {
    display: none !important;
}

.commonslider .pcf-badge {
    margin-bottom: 0;
}
.commonslider > .owl-stage-outer > .owl-stage {
    display: flex;
}

.commonslider > .owl-stage-outer > .owl-stage > .owl-item {
    height: auto;
}

.commonslider > .owl-stage-outer > .owl-stage > .owl-item > .item {
    height: 100%;
}
.commonslider
    > .owl-stage-outer
    > .owl-stage
    > .owl-item
    > .item
    > .wall-post-box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.commonslider
    > .owl-stage-outer
    > .owl-stage
    > .owl-item
    > .item
    > .wall-post-box
    > .bottomSection {
    margin-top: auto;
    display: none;
}
.commonslider .post-card-footer .location {
    align-items: flex-start;
}

.commonslider .bottomSection > div {
    padding: 10px;
}
.commonslider .post-card-footer .pcf-title {
    overflow: hidden;
}
.commonslider .post-card-footer .pcf-title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.why-job-board-section.section h2 {
    margin: 0 0 20px;
}
#nav-employer .why-job-board,
#nav-family .why-job-board,
#nav-driver .why-job-board {
    background-image: url(../images/employer-why.png);
    background-position: left;
    background-size: 50% 100%;
}
#nav-employer .board-text,
#nav-family .board-text,
#nav-driver .board-text {
    margin-right: 0;
    margin-left: 50px;
}
#nav-employer .commonBoard,
#nav-family .commonBoard,
#nav-driver .commonBoard {
    justify-content: flex-end;
}
#nav-employer .how-to-section .how-text p {
    max-width: 550px;
}
.inner-img-4 {
    right: -160px;
    bottom: 14%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-5 {
    right: -100px;
    top: 20%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.animate-image {
    position: absolute;
    top: 55px;
    right: 180px;
}
.path {
    stroke-dasharray: 1000;
    stroke-dashoffset: 1000;
    animation: dash 60s linear infinite;
}

@keyframes dash {
    from {
        stroke-dashoffset: 1000;
    }
    to {
        stroke-dashoffset: 0;
    }
}
.animate-image span:nth-child(3) {
    display: inline-block;
    animation: zoom-in-zoom-out1 2s ease-out infinite;
}
@keyframes zoom-in-zoom-out1 {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.2, 1.2);
    }
    100% {
        transform: scale(1, 1);
    }
}
#nav-employer .detail-faq-inner {
    background-image: url(../images/detail-page/employer-faq.webp);
}
@media (max-width: 479px) {
}
.inner-img-6,
.inner-img-12 {
    right: -40%;
    top: 25%;
    /* transform: translateY(-50%); */
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-7 {
    left: -5%;
    top: 32%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-8 {
    bottom: 2%;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-9 {
    bottom: 65px;
    left: -40px;
}
#nav-aupair .detail-faq-inner {
    background-image: url(../images/detail-page/aupair-faq.webp);
}
#nav-family .detail-faq-inner {
    background-image: url(../images/detail-page/families-faq.webp);
}

.inner-img-10 {
    top: 62px;
    left: -73px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-11 {
    left: -60px;
    bottom: 104px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
#nav-family .how-horizontal:first-child .how-text {
    padding-bottom: 100px;
}
#nav-family .how-horizontal:nth-child(2) .how-image,
#nav-aupair .how-horizontal:nth-child(2) .how-image {
    padding: 0;
}
.inner-img-13 {
    left: -45px;
    top: 25%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
#nav-aupair .banner-filter .btn {
    width: 210px;
}
#nav-family .banner-filter .btn {
    width: 242px;
}
/* .traveler-dt-banner {
    background-image: url(../images/detail-page/traveler-dt-banner.webp);
} */
.accommmodations-type-section.section h2 {
    max-width: 100%;
}
.acc-left-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 20px;
    height: 390px;
}
.acc-img-left {
    flex: 3;
    display: flex;
}
.acc-img-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.acc-img-right {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1;
}
.acc-img-right img {
    width: 100%;
    height: calc(50% - 10px);
    object-fit: cover;
    border-radius: 10px;
}

.acc-left,
.acc-right {
    width: 50%;
}
.acc-left-box img {
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
}
/* .acc-left-box:hover img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08);
} */

.acc-img-7,
.acc-img-8 {
    overflow: hidden;
    border-radius: 15px;
}

.acc-content h3 {
    font-size: 26px;
    font-weight: 700;
    color: #000a2a;
    margin: 30px 0 20px;
}
.acc-content p {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #727272;
    margin-bottom: 15px;
}
.acc-content p:last-child {
    margin-bottom: 0;
}
.acc-right {
    margin-left: 45px;
}
.inner-img-14 {
    top: 17%;
    left: -34%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-15 {
    top: 32%;
    right: -38%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-16 {
    bottom: 19%;
    left: -20%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-17 {
    top: 8%;
    right: -15%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-18 {
    bottom: 8%;
    left: 0;
    right: 0;
    margin: 0 auto;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
#nav-traveler .how-to-wrap .how-horizontal:nth-child(3) .how-text,
#nav-host .how-to-wrap .how-horizontal:nth-child(1) .how-text,
#nav-host .how-to-wrap .how-horizontal:nth-child(3) .how-text,
.hangout-post-section .how-horizontal:first-child .how-text,
.hangout-post-section .how-horizontal:nth-child(3) .how-text,
#nav-passenger .how-to-wrap .how-horizontal:nth-child(1) .how-text,
#nav-passenger .how-to-wrap .how-horizontal:nth-child(3) .how-text,
#nav-driver .how-to-wrap .how-horizontal:nth-child(1) .how-text,
#nav-driver .how-to-wrap .how-horizontal:nth-child(3) .how-text {
    padding-left: 100px;
}
#nav-traveler .detail-faq-inner {
    background-image: url(../images/detail-page/traveler-faq.webp);
}
.stay-img-box {
    height: 554px;
    width: 554px;
    margin: 0 auto;
}
.stay-img-1,
.stay-img-2,
.stay-img-3 {
    position: absolute;
}
.stay-img-2 {
    z-index: 1;
    right: 150px;
    top: 68px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.stay-img-1 {
    z-index: 2;
    bottom: -56px;
    left: -15px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.stay-img-3 {
    z-index: 0;
    right: 0;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.request-stay {
    position: absolute;
    bottom: 12px;
    z-index: 3;
    left: -12px;
    width: 320px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.local-host {
    position: absolute;
    bottom: 96px;
    left: -25px;
    z-index: 3;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.id-verified {
    position: absolute;
    right: -35px;
    bottom: 120px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.arrow-img {
    position: absolute;
    right: -36px;
    bottom: 60px;
    z-index: 4;
}
.inner-img-19 {
    bottom: 70px;
    left: -40px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-19-1 {
    right: -30px;
    top: 108px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-19-2 {
    right: 25px;
    bottom: 60px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-19-3 {
    bottom: -20px;
    right: 28px;
}
.inner-img-20 {
    top: 17%;
    left: -30%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-21 {
    top: 40%;
    right: -30%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-22 {
    bottom: 14%;
    left: -30%;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.inner-img-23 {
    top: 30%;
    right: -12%;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
#nav-host .detail-faq-inner {
    background-image: url(../images/detail-page/host-faq.webp);
}

.host-book-stay .local-host {
    bottom: 139px;
    left: 0;
}
.host-book-stay .id-verified {
    right: -10px;
    bottom: 26%;
}
.host-book-stay .id-verified .arrow-img {
    bottom: 78%;
    left: 70px;
}
.host-book-stay .id-verified .stay-text {
    bottom: 145px;
    right: -100px;
    position: absolute;
}
.stay-content .btn {
    margin-top: 30px;
}
.connection-banner h1 {
    padding-bottom: 100px;
    position: relative;
    max-width: 460px;
    margin: 0 auto;
}
/* .connection-banner {
    background-image: url(../images/detail-page/connection-dt-banner.webp);
} */
.con-faq {
    background-image: url(../images/detail-page/con-faq.webp);
}
.inner-img-24 {
    right: -45px;
    top: 160px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-25 {
    right: -130px;
    top: 100px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-26 {
    right: -80px;
    top: 110px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-27 {
    bottom: 30px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.hangout-post-section .arrow-img {
    right: -35px;
    bottom: 50px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
/* .guides-banner {
    background-image: url(../images/detail-page/guides-banner.webp);
} */
.smart-guide-img {
    max-width: 660px;
    margin: 0 auto;
    position: relative;
    height: 622px;
}
.smart-guide-img .girl,
.smart-guide-img span,
.star {
    position: absolute;
    height: auto;
    width: auto;
}
.girl {
    bottom: 0;
    left: 137px;
}
@keyframes zoomEffect {
    0% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1.06, 1.06);
    }
    100% {
        transform: scale(1, 1);
    }
}
.cloud-1 {
    left: 0;
    top: 30%;
    animation: zoomEffect 2s ease-out infinite;
}
.cloud-2 {
    left: 1%;
    top: 3%;
    animation: zoomEffect 2s ease-out infinite;
}
.cloud-3 {
    left: 27%;
    top: 3%;
    animation: zoomEffect 2s ease-out infinite;
}
.cloud-4 {
    right: 23%;
    top: 1%;
    animation: zoomEffect 2s ease-out infinite;
}
.cloud-5 {
    right: 0%;
    top: 12%;
    animation: zoomEffect 2s ease-out infinite;
}
.star1 {
    left: 4%;
    top: 26%;
    animation: shine 2s ease-out infinite;
}
.star2 {
    top: 11%;
    left: 23%;
    animation: shine 2s ease-out infinite;
}
.star3 {
    top: 0;
    left: 45%;
    animation: shine 2s ease-out infinite;
}
.star4 {
    right: 17%;
    top: 8%;
    animation: shine 2s ease-out infinite;
}
.star5 {
    right: 12%;
    top: 31%;
    animation: shine 2s ease-out infinite;
}
.camera {
    top: 17%;
    left: 22%;
}
.smartphone {
    right: 7%;
    top: 35%;
}
.arrow1 {
    top: 24%;
    left: 18%;
}
.arrow2 {
    right: 23%;
    top: 21%;
}
.arrow3 {
    right: 11%;
    top: 43%;
}
@keyframes shine {
    0% {
        filter: brightness(0);
        transform: scale(1, 1);
    }
    50% {
        filter: brightness(2);
        transform: scale(1.4, 1.4);
    }
    100% {
        filter: brightness(0);
        transform: scale(1, 1);
    }
}
.smart-guide-section .inner-page-header {
    margin-left: 50px;
}
.guides-list-section .story_listing > div .btn {
    margin-top: 20px;
}
.guides-list-section.section h2 {
    text-align: left;
}

/* .rideshare-banner {
    background-image: url(../images/detail-page/rideshare.webp);
} */
#nav-passenger .detail-faq-inner {
    background-image: url(../images/detail-page/passenger-faq.webp);
}
#nav-driver .detail-faq-inner {
    background-image: url(../images/detail-page/driver-faq.webp);
}
.travel-img-2,
.traveler {
    position: absolute;
}
.travel-img-2 {
    right: -190px;
    top: -60px;
}
.travel-img-1 .id-verified {
    animation: none;
    left: 40px;
    bottom: 156px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.travel-img-1 .id-verified .arrow-img {
    right: 0;
    top: 0;
}
.inner-img-28 {
    top: 125px;
    right: -60px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.mini-arrow-1 {
    right: 10px;
    bottom: 112px;
}
.inner-img-29 {
    right: -112px;
    top: 105px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.mini-arrow-2 {
    right: -75px;
    top: 53px;
}
.inner-img-30 {
    left: -80px;
    bottom: 134px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-31 {
    right: -82px;
    top: 72px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-32 {
    left: 0;
    bottom: 35px;
    right: 0;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.mini-arrow-3 {
    left: -50px;
    bottom: 58px;
}
.traveler {
    left: -28px;
    bottom: 122px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.mini-arrow-4 {
    position: absolute;
    right: 12px;
    bottom: 200px;
}
.inner-img-33 {
    top: 74px;
    right: -60px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.mini-arrow-5 {
    right: -4px;
    bottom: 62px;
}
.inner-img-34 {
    top: 122px;
    left: -82px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-35 {
    right: -70px;
    top: 115px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.inner-img-36 {
    right: -35px;
    bottom: 15px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.mini-arrow-6 {
    right: -44px;
    bottom: 75px;
}
.inner-img-37 {
    top: 148px;
    right: -26px;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
.travel-less-section {
    background-color: #70768b;
}
.travel-less-section .inner-page-header p {
    color: #ffffff !important;
}
.travel-mid {
    height: 500px;
    width: 500px;
    margin: 0 50px;
}
.travel-1 {
    bottom: 52px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.travel-2 {
    bottom: 180px;
    right: 35px;
    max-width: 160px;
    animation: zoom-in-zoom-out 2s ease-out infinite;
}
.travel-left {
    text-align: right;
    max-width: 260px;
}
.travel-right {
    text-align: left;
    max-width: 260px;
}
.travel-left .travel-benefits .tr-image {
    margin-left: auto;
}
.travel-benefits:nth-child(2) {
    margin-top: 60px;
}
.tr-image {
    height: 96px;
    width: 96px;
    background-color: rgba(255, 255, 255, 0.82);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tr-text h5 {
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    margin: 10px 0 20px;
}
.tr-text p {
    color: rgba(255, 255, 255, 0.72);
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}
.dt-rideshare-filter .banner-filter .form-group:nth-child(2) .form-control {
    border: 0;
}
.dt-rideshare-filter .banner-filter .form-group {
    width: 430px;
}
.dt-rideshare-filter .banner-filter .form-group:nth-child(3) {
    width: 290px;
}
.dt-rideshare-filter .banner-filter > .btn {
    min-width: 102px;
}
@media (max-width: 620px) {
    #datepicker-container div.daterangepicker {
        width: 100%;
    }
    .daterangepicker .drp-calendar {
        max-width: 100%;
    }
    .request-success table {
        width: 100%;
        margin: 10px 0;
    }
    .request-success table th,
    .request-success table td {
        padding: 6px 0;
    }
    .new-success-page .bottom-btns a {
        margin: 0 auto !important;
    }
    .new-success-page .bottom-btns a:last-child {
        margin-top: 20px !important;
    }
    .job-board-header .jbh-left .title h1 {
        font-size: 22px;
    }
}
.new_adoption_wrapper nav {
    max-width: 650px;
    margin: 15px auto 0;
}

.new_adoption_wrapper .action-icon {
    border: 0;
}

.new_adoption_wrapper nav .horizontalTabs {
    margin-bottom: 15px;
}

.new_adoption_wrapper nav .horizontalTabs a.btnTabs.active {
    border: 0;
}

.st-wrapper {
    max-width: 650px;
    margin: 0 auto;
}
.st-box {
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 15px;
}
.st-box:last-child {
    margin-bottom: 30px;
}
.request-sent {
    background: linear-gradient(
            0deg,
            rgba(255, 236, 193, 0.5) 0%,
            rgba(255, 236, 193, 0.5) 100%
        ),
        #fff;
}
.confirmed {
    background: linear-gradient(
            0deg,
            rgba(178, 218, 186, 0.5) 0%,
            rgba(178, 218, 186, 0.5) 100%
        ),
        #fff;
}
.canceled {
    background: linear-gradient(
            0deg,
            rgba(246, 194, 199, 0.5) 0%,
            rgba(246, 194, 199, 0.5) 100%
        ),
        #fff;
}
.completed {
    background: linear-gradient(
            0deg,
            rgba(240, 240, 240, 0.5) 0%,
            rgba(240, 240, 240, 0.5) 100%
        ),
        #fff;
}
.st-head h4 {
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
}
.st-head a {
    font-size: 16px;
}
.st-box-head {
    margin-bottom: 15px;
}
.st-white-box {
    background-color: #fff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.st-white-box:last-child {
    margin-bottom: 0;
}
.awb::after {
    content: "";
    position: absolute;
    bottom: 3px;
    height: 1px;
    width: calc(100% - 10px);
    background-color: #0734c1;
    left: 0;
}
.st-box .awb:hover::after {
    background-color: #a0d900;
}
.chat-msg .awb::after {
    width: 100%;
    bottom: 0;
}
.chat-msg p a:hover::after {
    background-color: #a0d900;
}
.st-box a.awb i {
    font-size: 12px;
    margin: 0 0 8px 2px;
}
.st-box > p {
    font-size: 14px;
    line-height: normal;
    color: #727272;
}
.st-pin.d-inline-block {
    position: absolute;
    left: 10px;
    top: -6px;
}
.st-user > img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
}
.st-userdetail h4 {
    font-size: 20px;
    line-height: 24px;
}
.st-usertype {
    border-radius: 100px;
    padding: 3px 15px;
    font-weight: 700;
    margin: -6px 0 0;
    font-size: 10px;
    position: relative;
    z-index: 9;
    min-width: 93px;
}
.st-localhost {
    background-color: #b3d6f4;
}
.st-traveler {
    background-color: #b3dabb;
}
.st-aupair {
    background-color: #ecb3f6;
}
.st-aupairhost {
    background-color: #cebaea;
}
.st-employer {
    background-color: #f6b9c2;
}
.st-whv {
    background-color: #f6b9c2;
}
.st-right {
    border-radius: 4px;
    background: #fff;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 7px 12px;
}
.st-right i {
    font-size: 30px;
    color: #000a2a;
}
.st-right span {
    font-size: 12px;
}
.st-right:hover i,
.st-right:hover span {
    color: #a0d900;
}
.additional-detail .rw {
    display: flex;
    margin-bottom: 15px;
}
.additional-detail .rw .cl:first-child {
    width: 26px;
}
.additional-detail .rw .cl:last-child {
    width: calc(100% - 26px);
    padding-top: 0;
}
.additional-detail .rw .cl:last-child p:last-child {
    font-weight: 400;
}
.st-link {
    font-size: 14px;
    margin-bottom: 10px;
}
.st-review,
.st-accept {
    background-color: #a0d900;
}
.st-review i {
    font-size: 20px;
}
.st-review span,
.st-accept span {
    color: #000a2a;
}
.st-decline i {
    color: #d90000;
}
.st-review:hover i,
.st-review:hover span,
.st-accept:hover i,
.st-accept:hover span {
    color: #000a2a;
}
.gender {
    font-size: 22px;
}
.st-no-record {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.st-no-record h5 {
    font-size: 16px;
    font-weight: 600;
}
.st-no-record p {
    font-size: 14px;
    color: #727272;
    line-height: normal;
    text-align: center;
    margin: 10px 0;
}
.st-box .st-no-record .awb::after,
.st-full-after::after {
    width: 100% !important;
    bottom: 0 !important;
}
.st-tag {
    display: inline-block;
    border-radius: 15px;
    padding: 5px 10px;
    color: #000a2a !important;
    font-weight: 400;
    margin: 10px 0;
}
.st-acc-tag {
    border-radius: 5px;
    background: #a0d900;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 600;
    color: #000a2a !important;
    display: inline-block;
}
.sent-to-box h5 {
    color: #000a2a;
    font-family: Lato;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    margin: 15px 0;
}
.st-date,
.st-location {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.st-date img,
.st-location img {
    height: 18px;
    width: 18px;
    margin-right: 7px;
}
.st-date span,
.st-location span {
    width: calc(100% - 25px);
    color: #727272;
    font-size: 14px;
}

.custom-timepicker {
    width: 100%;
    /* padding: 20px; */
    border-radius: 10px;
    background-color: white;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); */
    text-align: center;
}

.custom-timepicker h2 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: normal;
}

.timepicker-body {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 20px 30px;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

.timepicker-section {
    text-align: center;
}

.timepicker-label {
    display: block;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000a2a;
    font-weight: 400;
    line-height: 16px;
}

.timepicker-control {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.timepicker-up,
.timepicker-down {
    border: none;
    background: none;
    font-size: 16px;
    cursor: pointer;
    color: #000a2a;
    padding: 5px;
}

.timepicker-value {
    font-size: 14px;
    font-weight: 600;
    margin: 15px 0;
    line-height: 16px;
}

.timepicker-suggestion {
    font-size: 14px;
    color: #727272;
    width: 100%;
    text-align: center;
    margin: 15px 0;
}

#hour-up-suggestion,
#minute-up-suggestion,
#ampm-up-suggestion {
    top: -30px;
}

#hour-down-suggestion,
#minute-down-suggestion,
#ampm-down-suggestion {
    bottom: -30px;
}

.timepicker-footer {
    display: flex;
    justify-content: space-between;
}

.timepicker-btn {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 600;
}

.cancel-btn {
    background-color: #f8f9fa;
    color: #333;
}

.apply-btn {
    background-color: #9acd32;
    color: white;
}

.applyBtn.btn.disabled, .applyBtn.btn:disabled{
    background-color: #e0e2d8 !important;
    color: #000a2a;
}

@media (max-width: 480px) {
    .st-usertype {
        padding: 3px 8px;
        min-width: 80px;
    }
    .st-right {
        padding: 8px;
        margin-left: 6px !important;
    }
    .st-right i {
        font-size: 20px;
    }
    .st-pin.d-inline-block {
        left: 0;
    }
    .st-user > img {
        height: 50px;
        width: 50px;
        border-radius: 50%;
    }
    .st-userdetail h4 {
        font-size: 16px;
        line-height: 20px;
    }
    .gender {
        font-size: 18px;
        margin-left: 6px !important;
    }
    .st-userdetail a {
        font-size: 13px;
    }
    .success-msg a {
        margin-left: 4px;
    }
    .verticalTabs .bottomDiv,
    .verticalTabs .bottomDiv a,
    .verticalTabs .bottomDiv p,
    .dashboard-posts .bottomDiv,
    .dashboard-posts .bottomDiv a,
    .dashboard-posts .bottomDiv p,
    .jobBoard .bottomContent span,
    .jobBoard .bottomContent a,
    .dashboard-posts .bottomContent span,
    .dashboard-posts .bottomContent a,
    .bottomContent,
    .bottomDiv p {
        font-size: 13px;
        line-height: 16px;
    }

    .bottomDiv img {
        max-width: 20px;
    }
    .st-head h4 {
        font-size: 20px;
    }
}
@media (max-width: 380px) {
    .st-white-box {
        padding: 10px;
    }
    .st-right-btns.d-flex {
        justify-content: flex-end;
        margin-top: 10px;
    }
    .st-right {
        padding: 4px;
    }
    .st-right i {
        font-size: 16px;
    }
}
@media (max-width: 360px) {
    .calendar-open .daterangepicker {
        max-width: 300px;
    }
}

.females-only span {
    color: #000a2a;
    font-weight: 700;
    font-size: 13px;
    line-height: normal;
    margin-left: 4px;
}

.females-only {
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 9;
    border-radius: 8px 0px 10px 0px;
    background: rgba(255, 255, 255, 0.75);
    padding: 4px 7px;
}

.job-board .verticalTabs div:first-child .post-card-body {
    position: relative;
}
.post-card-body.ride-booked .post-slider .item {
    position: relative;
}
.post-card-body.ride-booked .post-slider .item::after {
    content: "";
    background-image: url(../images/travel/booked-img.svg);
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-size: 271px;
    background-repeat: no-repeat;
    background-color: rgb(255 255 255 / 50%);
    background-position: center;
}

.booked {
    border-radius: 5px;
    background: #e11532;
    padding: 5px 10px;
    font-size: 12px;
    color: #ffffff;
    font-weight: 400;
    line-height: 14px;
}

#community-wall-create-form input::-webkit-input-placeholder {
    /* Edge */
    color: rgba(0, 10, 42, 0.5) !important;
    font-weight: 600;
}

#community-wall-create-form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: rgba(0, 10, 42, 0.5) !important;
    font-weight: 600;
}

#community-wall-create-form input::placeholder {
    color: rgba(0, 10, 42, 0.5) !important;
    font-weight: 600;
}
.route-list {
    margin-top: 15px;
}
.route-list .pcf-location div:first-child {
    width: 18px;
    margin-right: 4px;
}

.route-list .pcf-location div:nth-child(2) {
    width: calc(100% - 22px);
    font-size: 14px;
    line-height: 20px;
    color: #727272;
}
.route-list div:nth-child(even) {
    margin-bottom: 3px;
}
.post-disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

#subRentalType .form-control:disabled,
#subRentalType .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}
.how-slider .owl-dot {
    width: 17px;
    margin-right: 6px;
}
.how-slider.owl-carousel .owl-dots.disabled {
    display: block;
}
.green-soon-tag {
    border-radius: 15px;
    background: #9fd800;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
}
.home-detail-banner.connection-banner h1,
.home-detail-banner.guides-banner h1 {
    padding-bottom: 100px;
    position: relative;
}
.detail-faq-inner.guides-faq {
    background-image: url(../images/detail-page/guide-faq.webp);
}
.guides-list-section {
    background-color: rgba(112, 118, 139, 0.05);
}
.commonslider .bottomDiv img,
.commonslider .route-list img {
    width: auto;
    display: inline-block;
}
.commonslider .post-card .post-card-header {
    justify-content: space-between;
}
.about-abroadly br {
    display: none;
}
.inner-mobile-banner {
    display: none;
}
.blue-btn {
    background-color: #000a2a;
    color: #ffffff;
}
.blue-btn:hover {
    background-color: #a0d900;
    color: #000a2a;
}
.settings-wrapper {
    padding-bottom: 80px;
}
.settings-wrapper .logout {
    opacity: 1;
    background-color: #ffffff;
    border-top: 1px solid #000a2a;
    position: fixed;
    bottom: 0;
    max-width: 680px;
    margin: 0 auto;
    width: 100%;
    padding: 15px;
    display: none;
    z-index: 9;
}
#previewData .post-card .post-card-header {
    justify-content: flex-start;
}
.binary-flag {
    width: 32px;
    vertical-align: text-bottom;
    line-height: 24px;
}
/* .chat-msg p br {
    display: none;
} */
a.share-post span:first-child {
    display: inline-block;
    margin-right: 2px;
}
.commonslider .bottomSection a {
    font-size: 14px;
}
@media (max-width: 1300px) {
    .post-card .post-card-header,
    .post-card-footer {
        padding: 10px;
    }
    .post-card-footer .location {
        margin-top: 6px;
    }
    .post-card-body {
        padding: 10px 10px 0;
    }
    .manageApplicants .tabcontent .horizontalTabs {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .full-post-right,
    .ht-tabcontent .full-post-right.w-btn {
        max-height: calc(100vh - 83px - 66px);
    }
     .ht-tabcontent.applicant-tab .fixedDiv {
        max-height: calc(100vh - 83px - 115px);
    }
    .manageApplicants .tabcontent {
        max-height: calc(100vh - 83px);
    }
    /* .stickyButton {
        height: 56px;
    } */
    .full-post-right .stickyButton {
        height: 62px;
        padding: 0 15px;
        position: fixed;
        /* bottom: 0; */
        left: 0;
        width: 100%;
        z-index: 1000;
    }
    .space-added {
        padding-bottom: 62px;
    }
    .stickyButton a {
        margin: 10px 0;
    }
    .ht-tabcontent .full-post-right {
        max-height: calc(100vh - 83px - 66px - 56px);
    }
    .full-post-right .cw-card,
    .jobBoard .tab .tablinks,
    .jobBoard .tab .tablinks-mobile,
    .manageApplicants .activeJobs {
        margin-bottom: 15px;
    }
    .jobBoard.manageApplicants .tab .cw-card {
        margin-bottom: 0;
    }
    #previewData .pcf-location div:first-child {
        margin-top: -2px;
    }
    .create-post fieldset {
        padding-top: 20px;
    }
    .new-success-page {
        height: 100%;
    }
    .job-board-header .jbh-left .input-group {
        min-width: 300px;
    }
    .new-cropper .modal-dialog {
        max-width: 640px !important;
    }
    .filter-modal .modal-body,
    .new-cropper .modal-body {
        max-height: calc(100vh - 120px);
        padding: 0;
        min-height: 420px;
    }
    .new-cropper .img-container {
        height: 260px;
    }
    .cropper-container {
        max-height: 260px !important;
    }
    .filter-modal .modal-body {
        padding: 15px 15px 0 15px;
    }
    .new-cropper .modal-header,
    .new-cropper .modal-footer {
        padding: 15px 0 5px;
        margin-bottom: 10px;
    }
    .new-cropper .tool-btn {
        width: 40px;
        height: 40px;
    }
    .new-cropper .img-card {
        width: 90px;
        height: 90px;
    }
    .custom-file-card-outer .img-container .img-card .cta a,
    .new-cropper .img-card .cta a {
        width: 28px;
        height: 28px;
    }
    .new-cropper .img-preview-list {
        margin-top: 10px;
    }
    #topicFilterModal .pc-card .pc-card-body {
        height: 120px;
    }
    #topicFilterModal .pc-card .pc-card-body .icn {
        height: 40px;
    }
}
@media screen and (max-width: 1300px) and (min-width: 1080px) {
    /* .create-post .date-input .inputs input.date {
        min-width: 140px;
    } */
}
@media (max-width: 1080px) {
    /* .create-post .date-input .inputs input.date {
        min-width: 165px;
    } */
}

/* My Posts Page CSS Starts */

.view-profile .main-sidebar {
    padding-top: 15px;
    flex-shrink: 0;
}
.main-profile-wrapper {
    width: calc(100% - 330px);
}
.view-profile .nav-tabs {
    border: 0;
}
.view-profile .nav-tabs .btn {
    height: auto;
    line-height: normal;
}
.my-profile-box {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 20px;
}
.my-posts-wrapper {
    gap: 30px;
}
.show-profile .age,
.show-profile .profession,
.show-profile .last-login {
    display: none;
}
.show-profile .user-details {
    padding: 10px 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.25);
    margin-top: 10px;
}
.show-profile .user-details li {
    padding: 0 0 15px;
}
.show-profile .user-details li p {
    font-size: 12px !important;
    line-height: 16px;
}
.show-profile .share {
    margin-left: 0;
    flex-shrink: 0;
}
.show-profile .card-banner h6 {
    padding: 0 0 10px 0;
    font-size: 20px;
    color: #000a2a;
    position: static;
    display: flex;
    align-items: center;
    line-height: 20px;
}
.show-profile .card-banner h6 .binary-flag {
    max-width: 28px;
}
.show-profile .user-type {
    padding: 5px 10px 5px 20px;
}

.pr-footer {
    gap: 15px;
    justify-content: space-between;
}
.show-profile .send-msg {
    width: 100%;
}
.show-profile .share a {
    display: inline-block;
    height: 50px;
    width: 50px;
}
.show-profile .share a img {
    height: 100%;
}

.profiles .show-profile .show-user-img {
    position: relative;
}
.profiles .show-profile .show-user-img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
    height: 100px;
    width: 100%;
}
.pr-personal-info {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 10px 20px;
}
.profiles .show-profile .card-banner h6:after {
    display: none;
}
.profiles .show-profile .card-banner span {
    position: static;
    width: auto;
    height: auto;
}
.profiles .show-profile .card-banner .my-profession span {
    display: flex;
    position: static;
    width: auto;
    height: auto;
    margin: 0;
}
.pr-right-profile .navbar-nav {
    margin: 20px 0;
}
.pr-right-profile .nav-item {
    border-radius: 20px;
    border: 1px solid rgba(113, 113, 113, 0.5);
    background: #fff;
    margin-left: 15px;
    flex-shrink: 0;
    flex-wrap: nowrap;
    overflow-x: auto;
}
.pr-right-profile .nav-item.active {
    border: #a0d900;
    background: #a0d900;
    font-weight: 700;
}
.pr-right-profile .nav-link {
    color: rgba(0, 10, 42, 0.5);
    font-size: 14px;
    font-weight: 700;
    line-height: normal;
    padding: 8px 29px;
}
.pr-right-profile .nav-item.active .nav-link {
    color: #000a2a;
}
.pr-section {
    margin-bottom: 30px;
}
.pr-about {
    padding-top: 15px;
}
.pr-about.pr-section {
    margin-bottom: 20px;
}
.pr-about h2,
.map h2,
.review-list-header h2,
.photos h2,
.about-points h2,
.interest-tags h2 {
    font-size: 32px;
    line-height: 34px;
}
.pr-about .user-about p {
    font-size: 14px;
    color: #727272;
    padding: 15px 0 30px;
}
.about-points ul {
    margin: 25px 0 15px;
}
.about-points li {
    width: 33.33%;
    float: left;
    padding-bottom: 15px;
}
.pr-map {
    margin: 15px 0;
}
.pr-map .pcf-link {
    width: 72px;
    flex-shrink: 0;
    margin-left: 10px;
}
.map-address div p {
    font-size: 16px;
}
.pr-map .pcf-link a {
    text-decoration: underline !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    text-align: left;
    color: #0734c1;
}
.main-profile-wrapper #srch-term,
.main-profile-wrapper button.searchbtn,
.main-profile-wrapper .search-box .navbar-form .input-group {
    height: 45px;
}
.main-profile-wrapper .search-box {
    margin: 15px 0 32px;
}
.pr-posts.profile-section {
    background-color: #ffffff;
}
.pr-posts .owl-carousel.post-slider.owl-drag .owl-item {
    height: 100%;
    width: 100%;
}
.pr-posts .post-slider .item {
    height: 100%;
}
.post-slider .item .pr-posts.profile-section {
    background-color: transparent;
}
.pr-posts.profile-section .nav-tabs {
    justify-content: flex-start;
    margin: 0 0 15px;
}
.pr-posts.profile-section .nav-tabs .nav-item:first-child {
    padding-left: 0;
}
.pr-posts .nav-link {
    border-radius: 16px;
    border: 1px solid rgba(113, 113, 113, 0.5);
    background: #fff;
    padding: 8px 20px;
    color: rgba(0, 10, 42, 0.5);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.pr-posts #nav-all {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.pr-posts #nav-all > .item {
    margin-bottom: 30px;
    width: 50%;
    padding: 0 15px;
}
.pr-posts #nav-all .post-card {
    margin: 0;
    max-width: unset;
    height: 100%;
    position: relative;
    padding-bottom: 85px;
}
.community-Wall-icon {
    border-radius: 40px;
    background: #fbfbf9;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.post-no-record {
    width: 100%;
    padding: 0 15px;
}
.post-no-record h4 {
    font-size: 16px;
    font-weight: 600;
}
.post-no-record p {
    font-size: 14px;
}
.post-no-record a {
    text-decoration: underline !important;
    padding-top: 10px;
    cursor: pointer;
}
.review-list > div {
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
}
.review-list .append_data > ul > li {
    padding: 20px 0;
}
.average-rating {
    margin-top: 5px;
}
.average-rating span:nth-child(2) {
    font-size: 20px;
}
.average-rating span:last-child {
    font-size: 14px;
    line-height: 14px;
}
.review-box ul {
    margin-right: 30px;
}
.actions-list p {
    font-size: 14px;
    /* margin-left: 30px; */
    line-height: normal;
}
.review-reply-box button {
    box-shadow: 0 0 0 1px #cecece;
    margin-left: 10px;
    height: 38px;
    width: 38px;
    padding: 0;
    min-width: 0;
}
.review-reply-box button:hover {
    box-shadow: 0 0 0 1px #000a2a;
}
.review-reply-box button i:hover {
    color: #a0d900;
}
.review-comment {
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0;
}
.write-link span:nth-child(2) {
    position: relative;
}
.write-link span:nth-child(2):after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #0734c1;
}
.write-link:hover span:nth-child(2):after {
    background-color: #a0d900;
}
/* Services section css */
.abroadly-services-section::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #000a2a;
    z-index: -1;
}
.services-slider.owl-carousel .owl-stage {
    margin-left: calc((100vw - 1440px) / 2 + 40px);
    padding-left: 0 !important;
}
.services-slider .item {
    padding-bottom: 80px;
}
.service-box {
    padding: 30px 0 0;
    border-radius: 8px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: -10px 0px 50px 15px rgba(0, 0, 0, 0.15);
}
.service-icon {
    width: 120px;
    height: 120px;
    background-color: rgba(0, 10, 42, 0.05);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}
.service-icon img {
    width: auto !important;
    max-height: 60px;
}
.service-name {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: #000a2a;
    padding-bottom: 30px;
}
.new-tab {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #fff;
    filter: drop-shadow(0px 4px 30px rgba(0, 0, 0, 0.15));
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: -30px;
    color: #000a2a;
}
.new-tab i {
    font-size: 24px;
}
.service-box:hover .new-tab {
    transform: scale(1.1);
    transition: all 0.3s ease-in-out;
}
.service-box:hover .new-tab i {
    color: #a0d900;
}
.service-box .green-soon-tag {
    bottom: -22px;
    font-size: 18px;
    padding: 12px 22px;
    border-radius: 32px;
    position: absolute;
    color: #000a2a;
}
.services-slider .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 40px;
}
.services-slider .container .owl-nav {
    position: absolute;
    right: 40px;
    bottom: -44px;
}
.services-slider .owl-dots {
    position: absolute;
    left: 40px;
    bottom: -36px;
}
.services-slider .container .owl-nav {
    order: 1;
}
.services-slider .btn {
    position: relative;
    z-index: 9;
}
.partner-image {
    margin-bottom: 40px;
}
.our-services-section {
    max-width: 1087px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.our-services-section > div {
    padding: 0 15px;
    width: 33.33%;
    margin-bottom: 60px;
}
.our-services-section > div:last-child a,
.our-services-section > div:nth-child(4) a {
    cursor: default;
}
.service-box-bg {
    height: 80px;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    border-radius: 0 0 8px 8px;
}
.services-slider .owl-item:first-child .service-box .service-box-bg,
.our-services-section > div:first-child .service-box .service-box-bg {
    background-image: url(../images/service-bg-1.png);
}
.services-slider .owl-item:nth-child(2) .service-box .service-box-bg,
.our-services-section > div:nth-child(2) .service-box .service-box-bg {
    background-image: url(../images/service-bg-2.png);
}
.services-slider .owl-item:nth-child(3) .service-box .service-box-bg,
.our-services-section > div:nth-child(3) .service-box .service-box-bg {
    background-image: url(../images/service-bg-3.png);
}
.services-slider .owl-item:nth-child(4) .service-box .service-box-bg,
.our-services-section > div:nth-child(4) .service-box .service-box-bg {
    background-image: url(../images/service-bg-4.png);
}
.services-slider .owl-item:last-child .service-box .service-box-bg,
.our-services-section > div:last-child .service-box .service-box-bg {
    background-image: url(../images/service-bg-5.png);
}
.remove-review-bg {
    background: transparent !important;
}
textarea#formDescription {
    overflow-y: scroll;
    height: 100px;
}
textarea#formDescription::-webkit-scrollbar {
    width: 10px;
}
.profiles {
    position: relative;
}
.female-checkbox a,
.female-checkbox span {
    display: inline-block;
    vertical-align: middle;
}
.qr-code-wrap {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
}
.qr-code {
    max-width: 222px;
    background-color: #a0d900;
    padding: 10px;
    border-radius: 15px;
}
.qr-code a {
    display: block;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}
.qr-code a img {
    height: 100%;
    transition: all 0.2s ease-in-out;
}
.qr-code h2 {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    font-weight: 700;
    padding-left: 4px;
    transition: all 0.2s ease-in-out;
}
.big-qr {
    display: none;
}
.qr-code-wrap:hover .qr-code a {
    height: 202px;
    width: 202px;
}
.qr-code-wrap:hover .big-qr {
    height: 100%;
    width: 100%;
    display: block;
}
.qr-code-wrap:hover .small-qr,
.qr-code-wrap:hover h2 {
    display: none;
}
.safety-wrapper .unread.message-list div p {
    font-weight: 600;
}

/* Smart Notification CSS */
.n-settings {
    margin: 20px auto;
}
.back-link {
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 10px;
    cursor: pointer;
}
.back-link span:last-child {
    padding-left: 10px;
    display: inline-block;
}
.app-download {
    margin-bottom: 10px;
}
.app-download a {
    text-decoration: underline !important;
}
.n-settings-list > li > a {
    border-radius: 5px 5px 2px 2px;
    background: #fff;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
    padding: 10px 38px 10px 32px;
    font-size: 18px;
    color: #000a2a;
    font-weight: 500;
    display: block;
    line-height: normal;
}
.n-settings-list > li {
    margin-bottom: 10px;
}
.n-settings-list > li:last-child {
    margin-bottom: 0;
}
.n-settings-list > li > a span:first-child {
    display: inline-block;
    margin-right: 10px;
    max-width: 30px;
    height: 30px;
}
.n-settings-list > li > a span:last-child {
    color: #727272;
}
.n-settings-list > li > a span img {
    max-height: 100%;
}
.n-list-wrapper {
    background: linear-gradient(
            0deg,
            rgba(240, 240, 240, 0.5) 0%,
            rgba(240, 240, 240, 0.5) 100%
        ),
        #fff;
    padding: 15px;
}
.n-list-wrapper h3 {
    font-size: 22px;
    line-height: normal;
}
.n-list-wrapper > p {
    margin: 15px 0;
}
.n-sub-wrap {
    background-color: #ffffff;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.n-list-wrapper .n-sub-wrap:last-child {
    margin-bottom: 0;
}
.n-sub-wrap h4 {
    font-size: 16px;
}
.n-sub-wrap > p {
    margin: 15px 0;
}

.n-sub-wrap .customize-radio .custom-control-label {
    line-height: 22px;
    width: 40px;
    height: 22px;
}

.n-sub-wrap .customize-radio.custom-switch .custom-control-label::before {
    width: 40px;
    height: 22px;
}

.n-sub-wrap .customize-radio.custom-switch .custom-control-label::after {
    top: 3px;
    width: 16px;
    height: 16px;
    left: 4px;
}

.n-sub-wrap
    .customize-radio.custom-switch
    .custom-control-input:checked
    ~ .custom-control-label::after {
    transform: translateX(16px);
}

.n-inner-wrap {
    background-color: #f8f8f8;
    border-radius: 8px;
}

.n-inner-wrap > .d-flex {
    padding: 10px;
}

.n-inner-wrap > div .push-text {
    font-size: 14px;
    line-height: normal;
    margin-left: 10px;
}

.n-inner-wrap > div .push-icon {
    display: flex;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    align-items: center;
    justify-content: center;
}
.n-inner-wrap {
    margin-top: 10px;
}
.distance-range input {
    -webkit-appearance: none;
    width: 100%;
    /* background: #0c1941; */
}
/* Track Styles  */
/* chrome, safari, edge, firefox */
.distance-range input::-webkit-slider-runnable-track {
    height: 3px;
    border-radius: 20px;
    box-shadow: inset 1px 1px 2px #57575780;
}

.distance-range input::-moz-range-track {
    height: 3px;
    border-radius: 20px;
    box-shadow: inset 1px 1px 2px #57575780;
}

.distance-range input:nth-child(3)::-moz-range-track {
    background: #69b6ff;
}

/* Thumb Styles  */
.distance-range input::-moz-range-thumb:hover {
    cursor: grab;
}
.distance-range input::-webkit-slider-thumb:hover {
    cursor: grab;
}

.distance-range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 2px solid #a0d900;
    background-color: #0c1941;
    box-shadow: inset 0 0 2px #a0d900;
    transform: translateY(-5px);
}

.distance-range input::-moz-range-thumb {
    -webkit-appearance: none;
    height: 13px;
    width: 13px;
    border-radius: 50%;
    border: 2px solid #a0d900;
    background-color: #0c1941;
    box-shadow: inset 0 0 2px #a0d900;
}

.distance-range .form-group {
    padding: 10px;
    border-top: 1px solid #ffffff;
}

.distance-input,
.d-value {
    font-size: 14px;
    line-height: 18px;
}

#distanceInput {
    margin: 15px 0;
}

.d-min-max p {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}
.new-notifications .form-group {
    margin: 15px 0 !important;
}
.new-notifications .input-group {
    display: flex;
    box-shadow: 0 0 0 1px #727272;
    border-radius: 8px;
    height: 45px;
}
.new-notifications .input-group input {
    height: 45px;
}
.new-notifications .input-group-append {
    padding: 0 10px;
}
.new-notifications .form-control {
    box-shadow: none;
}
.new-notifications .notification-listing li {
    padding: 0;
    position: relative;
}
#notification-list {
    border-radius: 8px;
}
#notification-list ul li:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
#notification-list ul li:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.unread .unread-dot {
    display: inline-block;
    height: 8px;
    width: 8px;
    border-radius: 50%;
    position: absolute;
    right: 15px;
    bottom: 15px;
    background-color: #e11532;
}
.community-type-icon {
    height: 20px;
    width: 20px;
    border: 1px solid #a9afbd;
    border-radius: 50%;
}
.notify-list-image {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}
.notify-list-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 50%;
}
.notify-list-image span {
    position: absolute;
    right: -2px;
    bottom: 2px;
    height: 20px;
    width: 20px;
}
.smart-listing .notify-message {
    padding-left: 15px;
}

/**** Share Notification *****/
#notification-list .share-notification .notify-user {
    height: 34px;
    width: 34px;
}

#notification-list .share-notification img.notify-user:first-child {
    left: 0;
    top: 0;
}

.share-notification {
    height: 50px;
    width: 50px;
    position: relative;
}

#notification-list .share-notification img.notify-user:nth-child(2) {
    bottom: 0;
    right: 0;
}
#notification-list .share-notification span:last-child {
    left: 4px;
    bottom: 4px;
    position: absolute;
}

/***** Post Copy URL popup *******/

#postURLPopup .modal-dialog {
 max-width: 570px !important;
}

#postURLPopup .modal-content {
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    max-width: auto;
    margin: auto;
}

#postURLPopup .modal-title {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    color: #1a1a1a;
}

#postURLPopup .input-group {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

#postURLPopup #postURLInput {
    flex: 1;
    border: 1px solid #ced4da;
    border-radius: 5px 0 0 5px;
    padding: 8px;
    height: 48px;
}

#postURLPopup #postURLInput.form-control:focus{
    box-shadow: none;
}

#postURLPopup #copyPostURL {
    border-radius: 0 5px 5px 0;
    font-size: 14px;
    white-space: nowrap;
}

@media only screen and (max-width: 768px) {
    #postURLPopup .modal-dialog {
        max-width: 90%; 
        margin: 0 auto;
    }

    #postURLPopup .modal-title {
        font-size: 16px;
        padding: 10px 15px;
    }

    #postURLPopup .modal-content {
        border-radius: 10px;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
        width: 100%;
    }

    #postURLPopup #postURLInput {
        height: 38px;
        font-size: 14px;
    }

    #postURLPopup #copyPostURL {
        font-size: 12px;
        height: 40px;
    }

    #postURLPopup i.fa.fa-copy{
        font-size:15px !important;
    }
}

/******* End Copy popup *******/

.old-price-membership {
    color: black;
    text-decoration: line-through;
    margin: 0;
}
.membership-table.table tr:first-child td:nth-child(2) .table-head {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.ht-tabcontent.applicant-tab .fixedDiv.remove-btn {
    max-height: calc(100vh - 83px - 66px - 80px);
}
.fixedDiv .ma-detail:last-child {
    margin-bottom: 10px;
}