@tailwind base;
@tailwind components;
@tailwind utilities;
/* * {
    border: 1px solid red !important;
} */

.pac-container:after {
    display: none !important;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #23552826;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 5px;
}

*::-webkit-scrollbar-track {
    background: #23552893;
    border-radius: 5px;
}

*::-webkit-scrollbar-thumb {
    background-color: #2355281a;
    border-radius: 14px;
    border: 3px solid #235528;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar--hidden::-webkit-scrollbar {
    display: none !important;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar--hidden {
    -ms-overflow-style: none !important;
    /* IE and Edge */
    scrollbar-width: none !important;
    /* Firefox */
}
/* ::-webkit-scrollbar {
    display: none !important;
} */

.navbar__menu::after {
    content: '';
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 2px;
    bottom: -.25rem;
    left: 0;
    background-color: #235528;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}


.navbar__menu:hover::after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

/* Brightness-zoom Container */
.img-hover-zoom--brightness .property--img {
    transition: transform 1s, filter 1s ease-in-out;
    transform-origin: center center;
    filter: brightness(60%);
}

/* The Transformation */
.img-hover-zoom--brightness:hover .property--img {
    filter: brightness(100%);
    transform: scale(1.0125);
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #FFF;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-left: 4px solid #FF3D00;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

input[type=range]::-webkit-slider-thumb {
    pointer-events: all;
    width: 24px;
    height: 24px;
    -webkit-appearance: none;
}

#searchBar {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.datepicker,
.datepicker-dropdown {
    z-index: 9999 !important;
}

html {
    scroll-behavior: smooth;
}

.carousel-wrap {
    margin: 90px auto;
    padding: 0 5%;
    width: 80%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}

/* end fix */
.owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
}

.owl-nav i {
    font-size: 52px;
}

.owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    left: -30px;
}

.owl-nav .owl-next {
    position: absolute;
    top: 50%;
    right: -30px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent !important;
}

/* Date Picker Customization */
.daterangepicker td.in-range {
    background-color: #23552812 !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #235528 !important;
}

.daterangepicker {
    font-family: Mulish-Regular !important;
}

/* Select Customization */
.select2-container--default .select2-selection--single {
    border: 1px solid #00000029 !important;
    border-radius: 0.5rem !important;
}

.select2-dropdown {
    border: 1px solid #00000029 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    right: .5rem !important
}

.select2-container--default .select2-selection--single,
span.select2-selection.select2-selection--single {
    display: flex !important;
    align-items: center !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 1rem !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    display: none !important;
}

.select2-container--open .select2-dropdown--below {
    border-radius: .5rem !important;
}

span.select2-dropdown.select2-dropdown--below {
    margin-top: .5rem !important;
}

.select2-container--default .select2-selection--multiple {
    border: 1px solid #00000029 !important;
}
.select2-container .select2-selection--multiple  {
    height: 2.5rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #dee6df !important;
    border: 1px solid #dee6df !important;
    display: inline-flex !important;
}

.select2-container--default {
    font-family: Mulish-Regular !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    font-family: Mulish-Regular !important;
    font-size: .75rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    border-right: unset !important;
    font-size: 1rem !important;
    margin-top: -0.25rem !important;
}

.select2-container--default .select2-results__option--selected {
    background-color: #235528 !important;
    color: #fff !important;
}

.select2-container--default .select2-selection--multiple {
    border-radius: .5rem !important;
}

span.select2-selection.select2-selection--multiple.select2-selection--clearable, span.select2-selection.select2-selection--multiple{
    overflow-y: scroll !important;
}

span.select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
    width: 100% !important;

}

.register__select:not([size]) {
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.25em 1.25em;
    padding-right: 1.5rem;
    -webkit-print-color-adjust: exact;
}

.ts-control {
    border: none !important;
    padding: 0 !important;
}

.daterangepicker {
    z-index: 9999 !important;
}

.heart-icon {
    fill: #fff;
    transition: fill 0.2s;
}

.heart-icon.active {
    fill: red;
    stroke: red;
}

.selected__nav--tabs,
.hovered__nav--tabs:hover,
.text-blue-600.hover\:text-blue-600 {
    border-bottom: 2px solid #235528 !important;
    color: #235528 !important
}

@media (max-width:768px) {
    #map,
    .map {
        height: 500px !important;
    }
    span.select2.select2-container.select2-container--default {
        width: 100% !important;
    }
}

.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #235528;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-left: 4px solid #d3d90d;
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.shadow-filters {
    box-shadow: -10px 0px 80px 0 rgba(0, 0, 0, 0.1);
}

.pac-container {
    border-top: 1px solid #fff !important;
    box-shadow: none !important;
}
.peer:checked ~ .peer-checked\:bg-\[\#23552817\] {
    font-weight: 600;
    color: #235528 !important;
}
@media (min-width: 768px) {
    .select2-container--default .select2-selection--single {
        height: 3.5rem !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 3.5rem !important;
    }
    .select2-container .select2-selection--multiple {
        height: 3.5rem !important;
        overflow-y: scroll !important;
    }
}
.select2-container,
span.select2.select2-container.select2-container--default,
span.select2.select2-container.select2-container--default.select2-container--focus {
    width: 100% !important;
}
select:not([size]) {
    padding-right: 1.5rem !important;
}
.daterangepicker.ltr.auto-apply.single.opensleft.show-calendar {
    z-index: 99999 !important;
}