/*
	Product Name: HomeStay - Property Rental Website
	Product URI: http://www.homestay.com/
	Author: Pofi Technologies
	Author URI: http://pofitec.com/
	Version: 1.0
    Primary Color:#da1c36;
    Secondary Color:#1b1d1b;

    *********** Base Pack color ************
      -  Primary Color:#FFc21f; (Logo Color)
      -  Secondary Color:#FF6617;
      -  btn hover color:#1b1d1b;

    *********** Admin path CSS color ************
    Web_Rental_Product\public\components\core\css\colors.php
    Web_Rental_Product\public\components\core\css\core.php
    Web_Rental_Product\public\components\core\css\utils.php
    Web_Rental_Product\public\components\menu-left\style.php
    Web_Rental_Product\public\components\vendors\bootstrap\css\buttons.php
    Web_Rental_Product\public\components\vendors\bootstrap\css\dropdowns.php
    Web_Rental_Product\public\components\vendors\bootstrap\css\navs.php
    Web_Rental_Product\public\components\vendors\bootstrap\css\pagination.php
    Web_Rental_Product\public\components\vendors\chartist\style.php
    Web_Rental_Product\public\components\vendors\datatables-responsive\style.php
    Web_Rental_Product\public\components\vendors\select2\style.php
*/


/*********** Contents **********
	01.Import
	02.Skeleton
	03.Header
	04.Footer
	05.Banner section
	06.Widgets
	07.Tabs
	08.Forms
	  - Signin & Singup forms
	  - Forget Password
      - datepicker
	09.sidebarMenu
    10.Calendar
    11.niceSelect

*******************************/

/*********** 01.Import ***********/

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('../fonts/Metropolis-Bold.otf');
    src: local('Metropolis-Bold'), url('../fonts/Metropolis-Bold.otf') format('otf'), url('../fonts/Metropolis-Bold.otf') format('truetype');
}


/*Metropolis-Regular Regular Font*/

@font-face {
    font-family: 'Metropolis-Regular';
    src: url('../fonts/Metropolis-Regular.otf');
    src: local('Metropolis-Regular'), local('Metropolis-Regular'), url('../fonts/Metropolis-Regular.otf?#iefix') format('embedded-opentype'), url('../fonts/Metropolis-Regular.otf') format('otf'), url('../fonts/Metropolis-Regular.otf') format('woff'), url('../fonts/Metropolis-Regular.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*Metropolis-BoldItalic Regular Font*/

@font-face {
    font-family: 'Metropolis-BoldItalic';
    src: url('../fonts/Metropolis-BoldItalic.otf');
    src: local('Metropolis-BoldItalic'), local('Metropolis-BoldItalic'), url('../fonts/Metropolis-BoldItalic.otf?#iefix') format('embedded-opentype'), url('../fonts/Metropolis-BoldItalic.otf') format('otf'), url('../fonts/Metropolis-BoldItalic.otf') format('woff'), url('../fonts/Metropolis-BoldItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*Metropolis-Medium Regular Font*/

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('../fonts/Metropolis-Medium.otf');
    src: local('Metropolis-Medium'), local('Metropolis-Medium'), url('../fonts/Metropolis-Medium.otf?#iefix') format('embedded-opentype'), url('../fonts/Metropolis-Medium.otf') format('otf'), url('../fonts/Metropolis-Medium.otf') format('woff'), url('../fonts/Metropolis-Medium.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*Metropolis-MediumItalic Regular Font*/

@font-face {
    font-family: 'Metropolis-MediumItalic';
    src: url('../fonts/Metropolis-MediumItalic.otf');
    src: local('Metropolis-MediumItalic'), local('Metropolis-MediumItalic'), url('../fonts/Metropolis-MediumItalic.otf?#iefix') format('embedded-opentype'), url('../fonts/Metropolis-MediumItalic.otf') format('otf'), url('../fonts/Metropolis-MediumItalic.otf') format('woff'), url('../fonts/Metropolis-MediumItalic.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


/*Metropolis-Medium Regular Medium*/

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('SofiaProMedium.eot');
    src: local('Metropolis-Medium Medium'), local('SofiaProMedium'), url('../fonts/SofiaProMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProMedium.woff2') format('woff2'), url('../fonts/SofiaProMedium.woff') format('woff'), url('../fonts/SofiaProMedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


/*Metropolis-Medium Regular Bold*/

@font-face {
    font-family: 'Metropolis-Medium';
    src: url('../fonts/SofiaProBold.eot');
    src: local('Metropolis-Medium Bold'), local('SofiaProBold'), url('../fonts/SofiaProBold.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProBold.woff2') format('woff2'), url('../fonts/SofiaProBold.woff') format('woff'), url('../fonts/SofiaProBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


/*Metropolis-Medium Regular Light*/


/*@font-face {
    font-family: 'Metropolis-Medium';
    src: url('../fonst/SofiaProLight.eot');
    src: local('Metropolis-Medium Light'), local('SofiaProLight'), url('../fonts/SofiaProLight.eot?#iefix') format('embedded-opentype'), url('../fonts/SofiaProLight.woff2') format('woff2'), url('../fonts/SofiaProLight.woff') format('woff'), url('../fonts/SofiaProLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}*/


/*********** 02.Skeleton ***********/
a, button,input, optgroup, select, textarea,::placeholder,#selectedType,.lead{
    font-family: 'Metropolis-Medium', sans-serif !important;
}
btn-secondary,btn-primary{
    font-family: 'Metropolis-Bold' !important;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #1b1d1b;
    border-color: #da1c36;
}


body {
    font-family: 'Metropolis-Medium', sans-serif;
    color: #303030;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    background-color: #f7f7f7;
}

.bi-exclamation-circle {
    font-size: 18px;
}

.modal-paymentmethod .current {
    padding-left: 16px;
}

.bi .bi-star-fill {
    font-size: 15px;
    color: #303030;
}

.text-warning,
a.text-warning {
    color: #da1c36!important;
}

.text-warning:hover,
a.text-warning:focus,
a.text-warning:hover {
    color: #1b1d1b!important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Metropolis-Bold' !important;
    color: #303030;
}

.quotes h2 {
    font-family: 'Metropolis-MediumItalic' !important;
    font-style: italic;
    font-size: 36px;
    color: #303030;
}

.quotes p {
    font-size: 18px;
}

.quotes span {
    font-size: 50px;
    font-weight: bold;
}

ul,
li {
    margin: 0px;
}

.orange {
    color: #1b1d1b;
    overflow-wrap: break-word;
}

.black {
    color: #000;
}

.badge-orange {
    background-color: #1b1d1b;
    color: #FFFFFF;
    font-weight: 300
}


/*#999896 #da1c36*/

img {
    object-fit: cover;
}

a {
    text-decoration: none!important;
    color: #da1c36;
}

.bi-star-fill {
    /* color: #da1c36; */
}

::placeholder {
    font-size: 14px !important;
    padding-left: 1px;
}

label {
    display: inline-block;
    margin-bottom: .3rem;
    font-family: 'Metropolis-Bold';
}

.myprofile a:hover,
.payment-head a:hover {
    color: #1b1d1b;
}

.content-highlight {
    color: #da1c36;
}

.myprofile a {
    color: #000;
}

.panel-group a {
    color: #000;
    font-size: 16px;
}

.login-section .customPopup {
    color: #1b1d1b;
}

.signup-form .nav-signin {
    color: #1b1d1b;
}

.signup-form .customPopup {
    color: #1b1d1b;
}

a:hover {
    color: #da1c36;
}

img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

blockquote {
    font-size: 16px !important;
}

.mart-80 {
    margin-top: 80px;
}

.fw-500 {
    font-weight: 500;
}

.about-row {
    padding-top: 15px;
}


/* Padding & Margins */

.section-pad {
    padding: 60px 0;
}


/* Titles */

.section-title {
    margin-bottom: 30px;
}

.faq-head .section-title {
    margin-bottom: 75px;
}


/* EA */

.nice-select.select-form-control {
    border: 1px solid #10122D33;
    border-radius: 4px;
    height: 45px;
    padding: 0 10px;
}

.section-title h2 {
    font-size: 40px;
}

.form-control:focus {
    box-shadow: none;
    border-color: #E2E2E2;
}

.form-control::placeholder {
    color: #303030;
    font-family: 'Metropolis-Medium', sans-serif;
    font-size: 14px;
    font-weight: normal;
    opacity: 1;
}

.search-section {
    position: absolute;
    left: 0;
    bottom: 80px;
    width: 100%;
}


.search-section-div {
    border-radius: 5px;
    /*overflow: hidden;*/
}

.search-section-div .input-group {
    padding: 13px 0px;
}

.search-section-div .input-group .form-control {
    padding: .375rem 5px;
}

.search-section-div .btn-primary {
    font-size: 15px;
    font-family: 'Metropolis-Medium', sans-serif;
    font-weight: bold;
}

.search-section-div .form-control::-webkit-input-placeholder {
    /* Edge */
    color: #303030;
    font-family: 'Metropolis-Medium', sans-serif;
    font-size: 16px;
    font-weight: normal;
    opacity: 1;
}

.search-section-div .form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #303030;
    font-family: 'Metropolis-Medium', sans-serif;
    font-size: 16px;
    font-weight: normal;
    opacity: 1;
}

.search-section-div .form-control::placeholder {
    color: #303030;
    font-family: 'Metropolis-Medium', sans-serif;
    font-size: 16px !important;
    font-weight: normal;
    opacity: 1;
}

.section-title .line {
    width: 50px;
    border-radius: 50px;
    height: 5px;
    background-color: #da1c36;
    margin-top: 15px;
}

.faq-head .line {
    display: block;
    margin: auto;
}


/* Breadcrumb */

.breadcrumb {
    padding: 10px 0;
    background-color: #f7f7f7;
}

.breadcrumb-item a {
    text-decoration: none!important;
    color: #070705;
}


/*Buttons*/
.btn-submit {
    color: #fff;
    background-color: #da1c36;
    border-color: #da1c36;
}
.btn-outline-danger:not(:disabled):not(.disabled).active,
.btn-outline-danger:not(:disabled):not(.disabled):active,
.show>.btn-outline-danger.dropdown-toggle {
    color: #dc3545;
    background-color: #ffffff;
    border-color: #dc3545;
    box-shadow: none;
}

.btn-outline-danger:hover {
    color: #dc3545;
    background-color: #ffffff;
    border-color: #dc3545;
    pointer-events: none !important;
    cursor: text;
}

.btn-outline-danger:active {
    color: #dc3545;
    background-color: #ffffff;
    border-color: #dc3545;
    pointer-events: none !important;
    cursor: text;
}

.login-section .btn-light:hover {
    color: #1b1d1b;
    background-color: #ffffff;
    border-color: #da1c36;
}

.btn-primary:focus {
    color: #fff;
    background-color: #da1c36;
    border-color: #da1c36;
    box-shadow: 0 0 0 0.2rem rgb(38 143 255 / 0%);
}

.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
    color: #000;
    background-color: #da1c36;
    border-color: #da1c36;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(255 255 255 / 50%);
}

.btn-primary {
    background: #da1c36;
    border: 0;
    color: white;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Metropolis-Bold';
}

.btn-secondary {
    color: #fff;
    background-color: #1b1d1b;
    border-color: #1b1d1b;
    border: 0;
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 10px;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #1b1d1b!important;
    border-color: #1b1d1b!important;
}

.btn-primary:hover,
.btn-secondary:hover {
    color: #fff;
    background-color: #1b1d1b;
    border-color: #1b1d1b;
}

.btn-secondary:focus {
    color: #fff;
    background-color: #1b1d1b;
    border-color: #1b1d1b;
    box-shadow: 0 0 0 0.2rem rgb(130 138 145 / 50%);
}

.btn-secondary:not(:disabled):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #1b1d1b;
    border-color: #1b1d1b;
}

.socialmedia-btn .btn {
    font-size: 15px;
    padding: 15px;
}

.login-head .btn-primary {
    padding: 12px 70px;
    font-size: 15px;
}

.signup-head .btn-primary {
    padding: 12px 70px;
    font-size: 15px;
}

.socialmedia-btn .history-widget:before {
    content: '';
    position: absolute;
    /* background-color: #1b1d1b; */
    width: 22px;
    height: 22px;
    /* border-radius: 50px; */
    top: 72%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 10%)
}

.btn-light {
    color: #1b1d1b;
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 5px;
    padding: 13px 15px;
    box-shadow: 0px 0px 20px #0000000D;
    font-size: 14px;
}

.btn-primary.focus,
.btn-primary:focus {
    box-shadow: 0 0 0 0rem;
}

.signup-form .btn-primary {
    background: #da1c36;
    border: 0;
    color: white;
    padding: 12px 65px;
    border-radius: 50px;
    font-size: 14px;
}

.signup-form a {
    color: black;
}

.signup-form a:hover {
    color: #da1c36;
}

.user-info-div .btn-primary {
    background: #da1c36;
    border: 0;
    color: white;
    padding: 0px 0px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Metropolis-Bold';
    height: 50px;
}

.user-info-div .btn-secondary {
    background: #1b1d1b;
    border: 0;
    color: white;
    padding: 0px 0px;
    border-radius: 5px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Metropolis-Bold';
    height: 50px;
}

.btn-block+.btn-block {
    margin-top: .0rem;
}

.contactus-form .btn-primary {
    width: 100%;
    font-size: 15px;
}

.contactus-form input::-webkit-input-placeholder {
    font-size: 25px;
    line-height: 4;
}

.loginBtn--google {
    margin-left: 3rem;
}

.loginBtn--facebook,
.loginBtn--google {
    height: 60px;
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    color: #303030;
    font-size: 16px;
}

.listing-search-bar .btn {
    display: inline-block;
    font-weight: 400;
    color: #1b1d1b;
    text-align: left;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: white;
    padding: 1.375rem 20px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 2px !important;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 0;
    margin-right: 4px;
    box-shadow: 0px 3px 10px #0000000D;
    position: relative;
    z-index: 1;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-secondary:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgb(108 117 125 / 0%);
}

.faq-tab-section .btn-link {
    font-weight: 400;
    color: #1b1d1b;
    text-decoration: none;
}

.faq-tab-section .btn-link:hover {
    color: #da1c36;
}

.faq-tab-section .btn-link.focus,
.btn-link:focus {
    color: #da1c36;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}


/*Form-Elements*/

::placeholder {
    color: #7d7d7d;
    font-size: 14px;
}

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


/*********** 03.Header ***********/

.header {
    position: fixed;
    top: 0;
    width: 100%;
    background: transparent;
    padding: 10px 0;
    z-index: 999;
}

.body-container {
    margin-top: 80px;
}

.header-secondary {
    background: #ffffff;
    box-shadow: 0px 3px 17px #0000000f;
    /*position: relative;*/
}

.header .notify-count {
    font-size: 8px;
    position: absolute;
    right: 2px;
    top: 12px;
}

.secondary-header {
    width: 100%;
    background: #ffffff;
    padding: 10px 0;
}

.header .btn-primary {
    border-radius: 4px;
    height: 35px;
    padding: 0 15px;
    background-color: #da1c36;
    border: none;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    box-shadow: none;
}

.header .btn-primary.rent-btn {
    font-size: 13px;
}

.header .btn-primary.rent-btn:not(:disabled):not(.disabled):active,
.header .btn-primary.rent-btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: none;
    background-color: #da1c36;
    color: #303030;
}


/* body:not(.index) .header-secondary {
	background: rgb(0, 0, 0);
}  */

.division-tag {
    margin: auto;
    color: #ffffff;
    opacity: .5;
}

.country-flag {
    width: 22px;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #303030;
    text-decoration: none;
    background-color: transparent;
}

.header .dropdown-menu {
    box-shadow: 0px 0px 15px #00000026;
    border-radius: 5px;
    border: 0;
    min-width: 100%;
}

.header .dropdown-item {
    /* font-family: 'Metropolis-Medium'; */
    font-size: 14px;
    color: #303030;
}

.header .dropdown-item.active,
.dropdown-item:active {
    color: white;
    text-decoration: none;
    background-color: #da1c36 !important;
}

.header .dropdown-item:focus,
.header .dropdown-item:hover,
.search-section-div .dropdown-item:hover {
    background-color: #da1c36;
    color: white;
}

.navbar.is-sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    -webkit-box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%);
    box-shadow: 0 2px 28px 0 rgb(0 0 0 / 6%);
    background: #ffffff !important;
    -webkit-animation: 500ms ease-in-out 0s normal fadeInDown;
    animation: 500ms ease-in-out 0s normal fadeInDown;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}


/*Navbar*/

.header .navbar-light .navbar-nav .nav-item {
    margin-right: 15px;
}

.header .navbar-light .navbar-nav .nav-link {
    color: #FFFFFF;
    /* font-family: 'Metropolis-Bold'; */
    font-family: 'Metropolis-Medium';
}

.header .navbar-light .navbar-nav .nav-link.currency-link {
    font-size: 15px;
}

.bgcolor.scrolled .navbar-light .navbar-nav .show>.nav-link,
.bgcolor.scrolled .navbar-light .navbar-nav .active>.nav-link,
.bgcolor.scrolled .navbar-light .navbar-nav .nav-link,
.bgcolor.scrolled .navbar-light .navbar-nav .nav-link:focus,
.bgcolor.scrolled .navbar-light .navbar-nav .nav-link:hover,
.header.header-secondary .navbar-light .navbar-nav .nav-link,
.header.header-secondary .division-tag,
.bgcolor.scrolled .division-tag {
    color: #303030;
}

.bgcolor.scrolled .logo-header,
.header-secondary .logo-header {
    display: block;
    width: 190px;
    height: 40px;
    content: '';
    background: url('../../assets/images/logo.png') no-repeat center center / contain;
    padding-left: 190px;
}

.bi-chevron-down::before {
    content: "\f282";
    font-size: 10px;
    padding-left: 10px;
}

.user-info .bi-chevron-down::before {
    font-size: 24px;
    font-weight: 700!important;
}

.flag-drop,
.acc-drop {
    padding-right: 20px !important;
}

.nav-header {
    font-size: 14px;
}

.bgcolor.scrolled {
    background-color: #ffffff;
    transition: background-color 400ms linear;
    box-shadow: 0px 3px 17px #0000000f;
}

.breadcrumb {
    padding: .75rem 0;
}

.header.header-secondary .head-container {
    max-width: 100%;
    background-color: #ffffff;
}


/*********** 04.Footer ***********/

.footer {
    background-color: #151515;
    padding: 80px 0 0 0;
}

.footer ul {
    line-height: 32px;
    color: #fff;
    opacity: .7
}

.footer ul a {
    /* EA */
    /* margin-bottom: 15px; */
    display: inline-block;
    color: #fff;
    opacity: .7;
    transition: 300ms;
    text-decoration: none;
}

.footer ul.social-list a {
    opacity: 1;
}

.footer ul a:hover {
    color: #da1c36;
}

.footer p {
    color: #fff;
    opacity: .7;
    margin-bottom: 0;
}

.footer.footer-secondary p {
    color: #303030;
    opacity: 1;
    margin-bottom: 0;
}

.copyright-section.list-inline-item {
    color: white;
    opacity: .7;
}

.copyright-section {
    border-top: 1px solid #313131;
    padding: 30px 0 25px 0;
    /* EA */
    border-top: 1px solid rgb(255 255 255 / 10%);
    padding: 40px 0;
}

.logo-header {
    /* EA */
    height: 40px;
}

.logo-footer {
    height: 40px;
}

.footer.footer-secondary {
    padding: 0;
    background-color: #ffffff;
}

.footer.footer-secondary .footer-main-container,
.footer.footer-secondary .payment-div {
    display: none;
}

.footer.footer-secondary .copyright-container {
    max-width: 100%;
    padding: 0;
}


/*********** 05.Banner section ***********/


/* EA */

.banner-section {
    min-height: 100vh;
    min-height: 500px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 80px;
}

.banner-section .carousel {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.banner-section .carousel .carousel-item {
    width: 100%;
    height: 100%;
}

.banner-section .carousel .carousel-item img {
    height: 100%;
    object-fit: cover;
}


/* EA */

.banner-section .carousel-item:after {
    content: '';
    position: absolute;
    background: #151515;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    top: 0;
    left: 0;
}

.choose-content-section .section-info {
    display: flex;
    position: relative;
    padding: 1.5rem;
}


/*Choose Section*/

.choose {
    /*background: url('/property/images/settings/customer-satisfaction.png');*/
    height: 500px;
    background-size: cover;
    background-position: center;
    margin-bottom: 185px;
}

.choose-content-section {
    position: relative;
    padding: 30px;
    background: #fff;
    bottom: -275px;
    border-radius: 20px;
    box-shadow: 0 7px 30px -10px rgb(185 185 185 / 50%);
}

.verify-icon {
    width: 60px;
    height: 60px;
}

.city-1 {
    padding-top: 2rem;
}

.city-3 {
    padding-top: 6rem;
}

.owl-carousel.owl-item {
    width: 100% !important
}

.destination-section {
    padding: 80px 0;
}

.destination {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 0;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 10px;
    -webkit-box-shadow: -2px 10px 7px -15px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -2px 10px 7px -15px rgba(0, 0, 0, 0.75);
    box-shadow: -2px 10px 7px -15px rgba(0, 0, 0, 0.75);
}

.des-section {
    margin-left: auto;
}

.des-section p {
    margin-bottom: 0rem;
}

.destination p {
    color: #000;
    font-size: 15px;
}

.card-title {
    line-height: 0px;
}

.card {
    /* border-radius: 1.25rem; */
}


/* ELA */

.topcities .card {
    max-width: 330px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    border: 0;
    box-shadow: 0px 3px 25px #0000000D;
    /* height: 280px; */
}

.topcities .card-title {
    line-height: 1;
    font-size: 18px;
    margin-bottom: 1px;
}

.topcities .card-text {
    font-size: 12px;
    line-height: 16px;
    color: #303030;
}

.topcities .card-body {
    padding: 20px 20px 15px;
    position: absolute;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    left: 0;
}

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

.location-title-hidden {
    max-width: 100%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 17px;
    margin-top: -25px;
}


/*Listing Page*/

.section-title small {
    font-weight: 400;
    color: #1b1d1b;
    font-size: 40%;
}

.listing-section {
    padding-top: 50px;
}

.listing-section .select-group {
    border: 1px solid #DDDDDD;
    border-radius: 24px;
    background-color: #ffffff;
    position: relative;
}

.listing-section .input-group-prepend {
    position: absolute;
    height: 40px;
}

.listing-section .input-group-text {
    /* padding: 12px 12px 12px 12px; */
    margin-bottom: 0px;
    color: #000;
    background-color: #ffffff;
    border: 0px solid #e2e2e2;
    border-radius: 40px;
}

.listing-section .nice-select {
    padding-left: 75px;
    min-width: 150px;
    margin: 0 5px;
}

.listing-section .nice-select.price-select {
    padding-left: 60px;
}

.nice-select:after {
    right: 15px;
    top: 43%;
}

.dropdown-label-sort {
    background: #ffff;
    padding: 10px;
    border-radius: 30px;
    margin-left: auto;
    padding: 10px 20px;
    margin-top: auto;
    -webkit-box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    font-size: small;
}

.dropdown-label-filter {
    background: #ffff;
    border-radius: 30px;
    margin-left: 10px;
    padding: 2px 30px;
    margin-top: auto;
    -webkit-box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    box-shadow: 4px 7px 7px -12px rgba(0, 0, 0, 0.75);
    font-size: small;
}

.dropdown-label-sort select {
    border: 0;
    color: #1b1d1b;
    outline: 0;
}

.dropdown-label-filter select {
    border: 0;
    color: #1b1d1b;
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.listing-search-bar .dropdown-toggle::after,
.property-type .dropdown-toggle::after {
    /*    margin-left: 3.7em;
    vertical-align: .255em;
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;*/
    display: inline-block;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-color: rgb(125 125 125 / 50%);
    border-style: solid;
    border-width: 0 0 2px 2px;
    transform: translateY(-50%) rotate(-45deg);
    border-radius: 1px;
}

.listing-search-bar .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 0rem 0rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #303030;
    background-color: #fff;
    background-clip: padding-box;
    border: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.myprofile .form-control {
    position: relative;
}


/*.listing-search-bar .property-type .dropdown-menu {
    padding: 12px 98px 12px 2px;
}

.listing-search-bar .prizing .dropdown-menu {
    padding: 12px 70px 12px 2px;
}

.listing-search-bar .ratings .dropdown-menu {
    padding: 12px 86px 12px 2px;
}

.listing-search-bar .filters .dropdown-menu {
    padding: 12px 149px 12px 22px;
}*/

.listing-search-bar .dropdown-menu,
.property-type .dropdown-menu {
    width: 100%;
    left: auto;
    right: 0;
    box-shadow: 0px 0px 15px #00000026;
    border-radius: 5px;
    border: 0;
    margin-top: 5px;
    padding: 20px 0;
    z-index: 99;
}

.property-type .dropdown-menu {
    border-radius: 0 0 5px 5px;
    top: 100%!important;
    transform: none!important;
}

.listing-search-bar .filters .dropdown-item {
    padding: 10px 0px;
}

.listing-search-bar .location-group .input-group-text {
    padding: 0.375rem 24px;
    margin-bottom: 0px;
    color: #495057;
    background-color: #ffffff;
    /* border: 1px solid #e2e2e2e2; */
    border-radius: 2px;
    border: 0;
    height: 68px;
}


/*.listing-search-bar .location-group .form-control {
    border: 0;
}*/

.listing-search-bar .input-group-text {
    margin-right: 4px;
    box-shadow: 0px 3px 10px #0000000D;
}

.listing-search-bar .dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #ffffff;
}

input[type="text"]::placeholder {
    padding-left: 4px;
}

.listing-search-bar input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgb(255 255 255);
    /*border: 1px solid #fff;*/
}


/*Details Page*/

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0%;
}

.fa-pencil:before {
    display: block;
    content: ' ';
    background-image: url('../images/pencil-fill.svg');
    background-size: cover;
    height: 20px;
    width: 20px;
}

.fa-trash:before {
    display: block;
    content: ' ';
    background-image: url('../images/trash-fill.svg');
    background-size: cover;
    height: 20px;
    width: 20px;
    text-align: center;
}

.start-rating-div {
    background-image: url('../images/star-rating.png');
    background-size: cover;
    background-repeat: round;
    width: 85px;
    height: 25px;
}

.star-rating-fill {
    background-image: url('../images/Star-filled.png');
    width: 85px;
    height: 25px;
}

.details-head .carousel-control-next,
.carousel-control-prev {
    top: 170px;
    bottom: 170px;
}

#seeMoreDesc {
    background: #f7f7f7;
    padding: 10px;
}

.details-slider {
    height: 350px;
    object-fit: cover;
}

.amenities-div {
    padding-left: 19px;
}

.similar-listing {
    padding-top: 20px;
    padding-bottom: 20px;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    left: -33px;
}

input::-webkit-datetime-edit {
    position: relative;
    left: 20px;
}

input::-webkit-datetime-edit-fields-wrapper {
    position: relative;
    left: 0;
}

.overview-text a {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #dcd9d9;
    line-height: 0.1em;
    margin: 10px 0 20px;
}

.detail-page-content a p {
    background: #707070;
    padding: 0 10px;
}

#seeMore {
    background: #f7f7f7;
    padding: 10px;
}

.details-page-title {
    margin-top: 60px;
}

.overview-box {
    background: white;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #0000001a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.detail-info-widget {
    margin-bottom: 30px;
}

.nav-toggle {
    background: none;
    border: 0;
    float: inline-start;
    display: block;
    margin: auto;
    color: #ffc217;
}

.detail-info-widget li {
    margin-bottom: 15px;
    padding-left: 1.28571429em;
    text-indent: -1.28571429em;
}

.detail-info-widget .media li {
    margin-bottom: 0px;
}

.detail-info-widget .media {
    margin-bottom: 10px;
}

.division {
    opacity: .5;
}

.review-box {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.bi-check-circle-fill {
    color: #02AC8F
}

.bi-x-circle-fill {
    color: #FF0000;
}

#map {
    height: 350px;
    width: 100%;
}

.nav-toggle-review {
    color: #1b1d1b;
    background: none;
    border: 0;
    float: inline-start;
    border-bottom: 1px solid;
}

.input-group-text {
    padding: 6px 5px 6px 12px;
    margin-bottom: 15px;
    color: #495057;
    background-color: #ffffff;
    border: 1px solid #e2e2e2;
    border-radius: .25rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    -ms-border-radius: .25rem;
    -o-border-radius: .25rem;
}

.detail-page-content .prize h2 {
    color: #ffc217;
}

.detail-heading-section .bi-star-fill {
    color: #ffc217;
}

.detail-info-widget .bi-star-fill {
    color: #ffc217;
}

.detail-heading-section a,#seeMoreDesc {
    color: #1b1d1b;
}
.breadcrumb-item.active{
    color: #1b1d1b;
}

/************Banner-input*************/

.content-centralized {
    width: 100%;
    top: 20px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 15px;
}

.input-content {
    position: relative;
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px 0;
    height: 78px;
    text-align: center;
    z-index: 10;
    border: 1px solid;
    width: fit-content;
    margin: auto;
    -webkit-border-radius: 5px 0;
    -moz-border-radius: 5px 0;
    -ms-border-radius: 5px 0;
    -o-border-radius: 5px 0;
}

.input-content form {
    position: relative;
    text-align: center;
    white-space: nowrap;
    display: table;
    width: 100%;
}

.input-content form input,
.typingEffect {
    padding-left: 10px;
    height: 50px;
    border: 0;
    position: relative;
    font-size: 15px;
}

.StaticLocationSearch {
    position: relative;
}


/*********** 06.Widgets ***********/

.featured-widget {
    position: relative;
}

.featured-widget small {
    font-size: 90%;
    width: 100%;
    display: block;
}

.featured-widget-head {
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    height: 230px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.featured-widget .listing-price {
    color: #1b1d1b;
}

.featured-widget .listing-price span {
    font-size: 12px;
}

.featured-widget .heart {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    color: #1b1d1b;
    top: 20px;
    right: 20px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    line-height: 32px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.featured-widget .rating-green,
.featured-widget .rating-orange {
    position: absolute;
    top: 20px;
    left: 20px;
    height: 30px;
    padding: 0 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 2;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

.featured-widget .rating-green {
    background-color: #1b1d1b;
}

.featured-widget .rating-orange {
    background-color: #1b1d1b;
}

.featured-widget-head img {
    transition: .2s ease-in;
    height: 100%;
    object-fit: cover;
    -webkit-transition: .2s ease-in;
    -moz-transition: .2s ease-in;
    -ms-transition: .2s ease-in;
    -o-transition: .2s ease-in;
}

.featured-widget-head:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #1b1d1b;
    background-color: #1b1d1b;
}

.tips-block-div {
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 0;
    overflow-y: visible !important;
    border-radius: 10px;
    overflow-y: auto;
    background: white;
}


/*Destination-widgets*/

.destination-widget {
    padding: 20px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 3px 10px #0000000D;
    margin-top: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.destination-widget .media-left small {
    color: #303030;
}

.destination-widget .media-right small {
    font-size: 12px;
    color: #7d7d7d;
    line-height: 10px;
}

.destination-widget .orange {
    color: #1b1d1b;
    font-weight: bold;
    overflow-wrap: break-word;
}

.payment-box .orange {
    color: #1b1d1b;
    font-weight: bold;
    font-size: 40px;
}

.about-container .orange {
    color: #da1c36;
}


/*USER-INFO-WIDGET Sticky*/

.user-info-widget {
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 0;
    overflow-y: visible !important;
    /*height: calc(100vh - 21rem);
    */
    border-radius: 10px;
    overflow-y: auto;
    box-shadow: 0px 0px 7px #0000001a;
    background: white;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}


/* Sidebar-Payment */

.pagenavigation .nav-tabs .nav-link:hover {
    background-color: transparent;
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #da1c36;
    border-color: #da1c36;
    border-radius: 30px;
}

.pagenavigation .nav-tabs .nav-link:active {
    background-color: transparent;
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #da1c36;
    border-color: #da1c36;
    border-radius: 30px;
}

.pagenavigation .nav-tabs .nav-item.show .nav-link,
.pagenavigation .nav-tabs .nav-link.active {
    background-color: #da1c36;
    border-color: #da1c36;
    border-radius: 30px;
    color: #000;
}

.pagenavigation .nav-tabs .nav-link {
    margin: 8px;
}

.nav-tab-head-pay .nav-tabs .nav-link.active.active {
    position: relative;
}

.nav-tab-head-pay .nav-tabs .nav-link {
    font-family: 'Metropolis-Bold';
}

.nav-tab-head-pay .nav-tabs .nav-link.active:before {
    content: " ";
    position: absolute;
    top: 38px;
    height: 4px;
    width: 31px;
    background: #1b1d1b;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.nav-tab-head-pay .nav-tabs .nav-item.show .nav-link,
.nav-tab-head-pay .nav-tabs .nav-link.active {
    color: #1b1d1b;
    background-color: transparent;
    border: transparent;
}

.nav-tab-head-pay .nav-tabs .nav-link:active {
    background-color: transparent;
}

.nav-tab-head-pay .nav-tabs .nav-link:hover {
    background-color: transparent;
}

.nav-tab-head-pay .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.nav-tab-head-pay .pagenavigation a {
    color: #000;
}

.payment-head p {
    font-weight: bold;
}

.payout-history .table td,
.payout-history .table th {

    font-weight: bold;
}

.payout-title th {
    font-weight: normal !important;
}

.payout-method .table td {
    padding: .75rem;
    vertical-align: top;
    border-bottom: 1px solid #dee2e6 !important;
    border-top: 0px !important;
    white-space: nowrap;
}

.payout-method .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
    background-color: transparent;
}

.payout-method .modal-footer {
    border-top: 0px solid #e9ecef;
}

.payment-head .btn-outline-success,
.payment-head .btn-outline-warning,
.payment-head .btn-outline-danger {
    font-size: 10px !important;
}

.paymonth .input-group-text {
    padding: 0;
    margin-bottom: 15px;
    color: #495057;
    background-color: transparent;
    border: 0px solid #e2e2e2e2;
    border-radius: .25rem;
    font-weight: bold;
}

.paymonth p,
.pay-account p {
    font-size: 20px
}

.download-pay {
    background: #da1c36;
    border: 0;
    color: white;
    padding: 3px 20px;
    border-radius: 50px;
    font-size: 13px;
    float: right;
    font-family: 'Metropolis-Bold';
}

.bi-download {
    color: white;
}

.modal-body .close {
    position: absolute;
    top: 10px;
    right: 20px;
    opacity: 1;
    font-size: 28px;
    font-weight: 400;
}

.modal-dialog {
    margin-top: 70px;
}

.modal-body {
    padding: 2rem;
}

.close:not(:disabled):not(.disabled):hover {
    opacity: 1;
}

.title-modal {
    border-bottom: 1px solid #dee2e6 !important;
}

.payment-box:hover {
    border-color: #1b1d1b;
}

.payment-head a {
    color: #000;
}

.payment-box {
    padding: 25px;
    border-radius: 8px;
    border: 2px solid #eee;
    -webkit-transition: .2s all;
    transition: .2s all;
}

.modal-paymentmethod .nice-select {
    border: solid 1px #e8e8e8;
    color: #000;
}

.payment-details-nav .nav-tabs .nav-link {
    position: relative;
    display: block;
    padding: 7px 16px;
    background-color: transparent;
    border: transparent;
    width: 40px;
    height: 40px;
    transition: 300ms;
}

.payment-details-nav .nav-tabs .nav-item.show .nav-link,
.payment-details-nav .nav-tabs .nav-link.active {
    color: #000;
    background-color: #da1c36;
    border: 0;
}

.payment-details-nav .nav-tabs {
    border: 0;
}

.payment-details-nav li {
    margin-right: 11px;
}


/****  custom-dropdown-floating style start ****/

.custom-dropdown-floating .floating-form {
    /* width: 320px; */
}

.custom-dropdown-floating .floating-label {
    position: relative;
    margin-bottom: 20px;
}

.custom-dropdown-floating .floating-input,
.custom-dropdown-floating .floating-select {
    font-size: 16px;
    /* padding: 4px 4px; */
    display: block;
    width: 100%;
    height: 35px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #ced4da;
}

.custom-dropdown-floating .floating-input:focus,
.custom-dropdown-floating .floating-select:focus {
    outline: none;
    border-bottom: 2px solid #d3d2d2;
}

.custom-dropdown-floating label {
    color: #999;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: -5px;
    top: 5px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    -ms-transition: 0.2s ease all;
    -o-transition: 0.2s ease all;
}

.custom-dropdown-floating .floating-input:focus~label,
.custom-dropdown-floating .floating-input:not(:placeholder-shown)~label {
    top: -18px;
    font-size: 10px;
    color: #1b1d1b;
}

.custom-dropdown-floating .floating-select:focus~label,
.custom-dropdown-floating .floating-select:not([value=""]):valid~label {
    top: -18px;
    font-size: 10px;
    color: #1b1d1b;
}


/****  custom-dropdown-floating style Enf ****/


/* ELA */

.myprofile input[type="text"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgb(255 194 31);
    border: 1px solid #da1c36;
}

.user-info-body .input-group input[type="text"]:focus {
    outline: #e2e2e2;
    box-shadow: #e2e2e2;
    /*border: 1px solid #e2e2e2;*/
}

.user-info-head {
    padding:1vh 20px;
    background-color: #303030;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.user-info-head h5,
.user-info-head small {
    color: #fff;
}

.user-info-body {
    padding: 1.5vh 20px;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.user-info-body .form-control {
    height: 45px;
    border-color: #e2e2e2;
    margin-bottom: 15px;
}


/* About Widgets */

.history-widget:before {
    content: '';
    position: absolute;
    background-color: #1b1d1b;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    top: -16%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 10%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.demo-content {
    background-image: url('../images/about-mail.png');
    background-size: cover;
    background-repeat: round;
    text-align: center;
    padding: 70px 145px;
}


/* FAQ */

.faqwidget:before {
    content: ;
    position: absolute;
    background-color: #da1c36;
    width: 60px;
    height: 60px;
    padding-top: 20px;
    border-radius: 50px;
    top: 31.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 5%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.faq-icon {
    line-height: -25px;
    position: absolute;
    background-color: #da1c36;
    width: 60px;
    height: 60px;
    padding-top: 21px;
    border-radius: 50px;
    transform: translate(-50%, -27%);
    color: #fff;
    box-shadow: 0px 0px 8px 4px rgb(0 0 0 / 5%);
    -webkit-transform: translate(-50%, -27%);
    -moz-transform: translate(-50%, -27%);
    -ms-transform: translate(-50%, -27%);
    -o-transform: translate(-50%, -27%);
}

.faq-tab-section .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #000;
    background-color: #da1c36;
}

.faq-tab-section .nav-pills .nav-link {
    border-radius: .25rem;
    background-color: #fff;
    font-family: 'Metropolis-Bold';
}

.faq-tab-section .card {
    border-radius: 0;
    margin-bottom: 20px;
}

.faq-tab-section .card-header {
    padding: .75rem 2.25rem;
    margin-bottom: 0;
    background-color: white;
    border-bottom: 10px;
    font-weight: bold;
}

.faq-tab-section .card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 0px 35px 0px 35px;
}

.tab-content .toggle {
    color: #da1c36;
}

.faq-tab-section a {
    text-decoration: none!important;
    color: #1b1d1b;
}

.faq-tab-section li:not(:last-child) {
    padding-right: 20px;
}

.faq-tab-section .nav-link {
    padding: 15px 15px 15px 15px;
}

.faq-tab-section .nav-link.active.active {
    position: relative;
    overflow: visible;
}

.faq-tab-section .nav-link.active::before {
    content: " ";
    position: absolute;
    top: 98%;
    height: 0;
    width: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 15px solid #da1c36;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.faq-tab-section .nav-item {
    box-shadow: 0px 0px 25px #0000000D;
}

.faq-tab-section .card {
    box-shadow: 0px 0px 25px #0000000D;
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: ;
    -moz-border-radius: ;
    -ms-border-radius: ;
    -o-border-radius: ;
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #1b1d1b;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: ;
    url(data:;
 image/svg+xml,
    %3csvgxmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
    background-image: ;
    url(data:;
 image/svg+xml,
    %3csvgxmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e);
    transform: rotate( 180deg);
    -webkit-transform: rotate( 180deg);
    -moz-transform: rotate( 180deg);
    -ms-transform: rotate( 180deg);
    -o-transform: rotate( 180deg);
}


/* FAQ COLLAPSE PANNEL */

.panel-group .panel-heading {
    padding: 0;
}

.panel-group .panel-heading a {
    display: block;
    /* padding: 10px 15px; */
    text-decoration: none;
    position: relative;
}


/* My Profile TABS */

.my-bookings .col-lg-3 {
    padding-right: 0px;
    padding-left: 0px;
}

.my-bookings span {
    font-size: 12px;
}

.my-bookings .btn-danger {
    font-size: 12px;
}

.faq-tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #040404;
    background-color: #da1c36;
}

.faq-tab .nav-link.active:after {
    content: "";
    position: relative;
    bottom: -46px;
    left: -35%;
    border: 15px solid transparent;
    border-top-color: #da1c36;
}

.faq-tab .nav-link {
    background-color: white;
    border-radius: 0;
    color: black;
    display: block;
    padding: .5rem 1rem;
    padding-left: 40px;
    padding-right: 40px;
}


/****************** Sidebar-Inbox ******************/

.inbox-head .nav-pills .nav-link.active,
.inbox-head .nav-pills .show>.nav-link {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #0000000D;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    opacity: 1;
    color: #000;
}

.inbox-head .nav-link:hover {
    text-decoration: none;
    background: #e2e2e2;
}

.inbox-head a {
    color: #000;
}

.inbox-head .nav-link {
    border-width: 0 0 1px;
}

.inbox-head .nav-link {
    border: 1px solid rgba(0, 0, 0, .125);
    border-width: 0 0 1px;
}

.inbox-head img {
    border: 2px solid #fff;
    border-radius: 20px;
}

.inbox-head .day-inbox {
    font-size: 12px;
}

.inbox-head.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 50px;
}

.inbox-head.page-item:last-child .page-link {
    border-radius: 50px;
}

.inbox-head.inbox-head li {
    margin: 8px;
}

.inbox-head .page-item .page-link {
    border-radius: 50px;
}

.inbox-head .page-link {
    position: relative;
    display: block;
    padding: 10px 16px;
    background-color: transparent;
    border: transparent;
    width: 40px;
    height: 40px;
    transition: 300ms;
}

.inbox-head .page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.inbox-head .page-item:last-child .page-link {
    padding: 10px 10px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    width: 40px;
    height: 40px;
    transition: 300ms;
}

.inbox-head .page-item:first-child .page-link {
    padding: 10px 10px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    width: 40px;
    height: 40px;
    transition: 300ms;
}

.inbox-head .page-item:first-child .page-link:hover {
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .page-item:last-child .page-link:hover {
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .btn-trash {
    background: #f7f7f7;
    border-radius: 26px;
    width: 45px;
    height: 45px;
}

.inbox-head .ser-test form {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: #f7f7f7;
    box-sizing: border-box;
    border: 4px solid #f7f7f7;
    padding: 5px;
    border-radius: 5px;
}

.inbox-head .ser-test input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    ;
    height: 42.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
    background: #f7f7f7;
}

.inbox-head .ser-test .bi {
    box-sizing: border-box;
    padding: 6px 0 0 0px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #07051a;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s;
}

.inbox-head .ser-test form:hover {
    width: 200px;
    cursor: pointer;
    background: #f7f7f7;
    border-radius: 5px;
}

.inbox-head .ser-test form:hover input {
    display: block;
}

.inbox-head .ser-test form:hover .bi {
    background: #f7f7f7;
    color: #000;
}

.inbox-head div.scroll {
    /* width: 300px; */
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    margin: 10px auto 0;
}

fieldset {
    background: #f7f7f7;
}

#cke_11,
#cke_19,
#cke_21,
#cke_25,
#cke_30,
#cke_45,
#cke_47,
#cke_44 {
    display: none !important;
}

.cke_button__source {
    display: none !important;
}


/* Sidebar-Coupons-Widgets */

.couponscardbody {
    background-image: linear-gradient(to right top, #8457a1, #aa599d, #ca5e93, #e36886, #f47878);
    border-radius: 10px;
    color: white;
}

.coupons-card .card-body h5 {
    color: white;
}

.coupons-widget:before {
    content: '';
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
}

.coupons-widget:after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    top: 50%;
    right: -11%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
}

.coupons-widget h5 {
    color: white;
}

hr.new2 {
    border-top: 1px dashed white;
}

.off-level {
    font-size: 20px;
}

.coupon-offer {
    transform: translateY(50%);
}

.coupon-box {
    background-image: linear-gradient(to right top, #8457a1, #aa599d, #ca5e93, #e36886, #f47878);
    border-radius: 10px;
    padding: 20px 35px;
    position: relative;
    overflow: hidden;
    color: #fff;
    height: 180px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.coupon-box:before,
.coupon-box:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50px;
    top: 50%;
    margin-top: -15px;
}

.coupon-box:before {
    left: -15px;
}

.coupon-box:after {
    right: -15px;
}

.coupon-box-line {
    position: absolute;
    width: 80%;
    margin: 0 auto;
    top: 48%;
    border-bottom: 2px dashed #ffffff52;
}

.couponscardbody {
    background-image: linear-gradient(to right top, #8457a1, #aa599d, #ca5e93, #e36886, #f47878);
    border-radius: 10px;
    color: white;
}

.coupons-card .card-body h5 {
    color: white;
}

.coupons-widget:before {
    content: '';
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
}

.coupons-widget:after {
    content: '';
    position: absolute;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    top: 50%;
    right: -11%;
    transform: translate(-50%, -50%);
    border: 3px solid #fff;
}


/*********** 05.Image section - SIGNIN LOGIN ***********/

.login-img {
    margin: auto;
    display: block;
}

.verticalline {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: -31px;
}

.vertical-text {
    box-shadow: -4px 11px 14px -12px rgb(0 0 0 / 75%);
    background-color: white;
    padding: 5px;
    border-radius: 50px;
    width: 48px;
    line-height: -25px;
    padding-top: 0px;
    color: #747479
}


/*******************Owl-carousel******************/

.owl-nav i {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: -95px;
    line-height: 38px;
    right: 0px;
    color: #303030;
    transition: 300ms;
    -webkit-box-shadow: 8px -5px 31px -16px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 8px -5px 31px -16px rgba(0, 0, 0, 0.29);
    /* box-shadow: 8px -5px 31px -16px rgba(0, 0, 0, 0.29); */
    box-shadow: 0px 3px 6px #00000029;
}

.owl-nav i:hover {
    background-color: #da1c36;
    color: rgb(0, 0, 0);
}

.owl-nav .bi-arrow-left {
    right: 50px;
}


/* INDEX PAGE  */

::placeholder {
    font-size: 16px !important;
    padding-left: 0px !important;
}

.card img {
    object-fit: cover;
}

.city-images {
    display: block;
    width: 100%;
    object-fit: cover;
    height: 220px;
}

.top-city-images {
    height: 290px !important;
}

.testimonialsection .carousel-control-next,
.testimonialsection .carousel-control-prev {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    line-height: 38px;
    right: 0px;
    color: #303030;
    transition: 300ms;
    -webkit-box-shadow: 8px -5px 31px -16px rgb(0 0 0 / 29%);
    -moz-box-shadow: 8px -5px 31px -16px rgba(0, 0, 0, 0.29);
    box-shadow: 8px -5px 31px -16px rgb(0 0 0 / 29%);
}

.testimonialsection .carousel-control-prev:hover {
    background-color: #da1c36;
}

.testimonialsection .carousel-control-next:hover {
    background-color: #da1c36;
}

.testimonialsection.carousel-control-prev {
    left: 0;
    right: 2.5rem;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.testimonialsection .carousel-control-next {
    left: 4rem;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}

.testimonial-text {
    position: relative;
}

.testimonial-images {
    position: absolute;
    left: -28px;
    top: -27px;
    border-radius: 20px;
}

.testimonialsection .carousel-control-prev {
    left: -3rem;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
}


/* EA */

.testimonialsection .carousel-control-next,
.testimonialsection .carousel-control-prev {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 50px;
    position: absolute;
    top: -20px;
    line-height: 38px;
    right: 0px;
    color: #303030;
    transition: 300ms;
    -webkit-box-shadow: 0px 3px 6px #00000029;
    -moz-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    opacity: 1;
}

.testimonialsection .carousel-control-prev:hover,
.testimonialsection .carousel-control-next:hover {
    background-color: #da1c36;
}

.testimonialsection .carousel-control-prev {
    left: -3rem;
}

.testimonialsection .carousel-control-next {
    left: 4rem;
}

.testimonialsection .testimonial-text {
    position: relative;
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 26px;
}

.testimonialsection .card-title {
    line-height: 1;
}

.testimonialsection .card-text {
    font-size: 14px;
}

.testimonial-images {
    position: absolute;
    left: -28px;
    top: -27px;
    border-radius: 20px;
}

.testimonial-card {
    margin: 50px;
    border: 0;
    box-shadow: 2px 10px 50px #0000000D;
}

.testimonial-card .card-body {
    position: relative;
    padding: 30px 50px 20px;
}

.testimonialsection .testimonial-top-img {
    position: absolute;
    left: -40px;
    top: -40px;
    border: 10px solid #fff;
    border-radius: 50%;
}

.testimonialsection {
    padding-bottom: 60px;
}


/* COLLAPSE */

.panel-body {
    padding-left: 15px;
    padding-right: 15px;
}


/* Sidebar - My Profile */

.myprofile .btn-primary {
    font-size: 14px;
}

.myprofile label {
    font-family: 'Metropolis-Bold';
}

.myprofile .nav-tabs {
    font-family: 'Metropolis-Bold';
}

.myprofile .nav-tabs .nav-link.active.active {
    position: relative;
}

.myprofile .nav-tabs .nav-link.active:before {
    content: " ";
    position: absolute;
    top: 38px;
    height: 4px;
    width: 31px;
    background: #1b1d1b;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}


/* li:first-child:before */

.myprofile .nav-tabs .nav-link.active:first-child:before {
    content: " ";
    position: absolute;
    top: 38px;
    height: 4px;
    width: 31px;
    background: #1b1d1b;
    border-radius: 10px;
    left: -18px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.myprofile .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #1b1d1b;
    background-color: transparent;
    border: 0;
}

.myprofile .nav-tabs .nav-link,
.mybooking-head .nav-tabs .nav-link {
    border: 0;
    font-family: 'Metropolis-Bold';
}

.myprofile .nav-tabs .nav-link:active {
    background-color: transparent;
    /* border: transparent; */
}

.myprofile .nav-tabs .nav-link:hover {
    background-color: transparent;
    /* border: 0px solid #fff; */
}

.signup-form .form-control {
    position: relative;
}

.myprofile .field-icon,
.signup-form .field-icon {
    position: absolute;
    right: 25px;
    top: 43px;
    font-size: 18px;
}

.myprofile img {
    border: 2px solid #1b1d1b;
    border-radius: 50px;
}

.myprofile .bi-camera-fill::before {
    content: "\f219";
    background: #fff;
    padding: 8px;
    border-radius: 25px;
    margin-left: -26px;
    margin-top: 57px;
    box-shadow: 0px 0px 4px #e2e2e2;
}


/* Sidebar - Inbox */

.inbox-head .nav-pills .nav-link.active,
.inbox-head .nav-pills .show>.nav-link {
    background: #F7F7F7 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 5px #0000000D;
    border: 1px solid #EEEEEE;
    border-radius: 5px;
    opacity: 1;
    color: #000;
}

.inbox-head a {
    color: #000;
}

.inbox-head .nav-link {
    border-width: 0 0 1px;
}

.inbox-head .nav-link {
    border: 1px solid rgba(0, 0, 0, .125);
    border-width: 0 0 1px;
}

.inbox-head img {
    /*border: 2px solid #fff;
    border-radius: 20px;
    */
    border: 2px solid #ddd;
    border-radius: 50px;
    padding: 3px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    width: 50px;
    height: 50px;
}

.inbox-head .day-inbox {
    font-size: 12px;
}

.inbox-head.page-item:first-child .page-link {
    margin-left: 0;
    border-radius: 50px;
}

.inbox-head.page-item:last-child .page-link {
    border-radius: 50px;
}

.inbox-head.inbox-head li {
    margin: 8px;
}

.inbox-head .page-item .page-link {
    border-radius: 50px;
}

.inbox-head .page-link {
    position: relative;
    display: block;
    padding: 10px 16px;
    background-color: transparent;
    border: transparent;
    width: 40px;
    height: 40px;
    transition: 300ms;
}

.inbox-head .page-link:hover {
    z-index: 2;
    color: #000;
    text-decoration: none;
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.inbox-head .page-item:last-child .page-link {
    padding: 10px 10px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    width: 40px;
    height: 40px;
    transition: 300ms;
    text-align: center;
}

.inbox-head .page-item:first-child .page-link {
    padding: 10px 10px;
    background: #EFEFEF 0% 0% no-repeat padding-box;
    width: 40px;
    height: 40px;
    transition: 300ms;
    text-align: center;
}

.inbox-head .page-item:first-child .page-link:hover {
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .page-item:last-child .page-link:hover {
    background-color: #da1c36;
    border-color: #da1c36;
}

.inbox-head .btn-trash {
    background: #f7f7f7;
    border-radius: 26px;
}

.inbox-head .col-lg-6 {
    /* border-left: 1px solid rgba(0, 0, 0, .125); */
}

.inbox-head .ser-test form {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 1s;
    width: 50px;
    height: 50px;
    background: #f7f7f7;
    box-sizing: border-box;
    border: 4px solid #f7f7f7;
    padding: 5px;
    border-radius: 5px;
}

.inbox-head .ser-test input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    ;
    height: 42.5px;
    line-height: 30px;
    outline: 0;
    border: 0;
    display: none;
    font-size: 1em;
    border-radius: 20px;
    padding: 0 20px;
    background: #f7f7f7;
}

.inbox-head .ser-test .bi {
    box-sizing: border-box;
    padding: 6px 0 0 0px;
    width: 42.5px;
    height: 42.5px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    color: #07051a;
    text-align: center;
    font-size: 1.2em;
    transition: all 1s;
}


/*
.inbox-head .ser-test form:hover {
    width: 200px;
    cursor: pointer;
    background: #f7f7f7;
    border-radius: 5px;
} */

.inbox-head .ser-test form:focus {
    width: 200px;
    cursor: pointer;
    background: #f7f7f7;
    border-radius: 5px;
}

.inbox-head .ser-test form:hover input {
    display: block;
}

.inbox-head .ser-test form:hover .bi {
    background: #f7f7f7;
    color: #000;
}

.text-end {
    text-align: end;
}

.inbox-head .text-end {
    text-align: end;
}

.inbox-head div.scroll {
    /* width: 300px; */
    height: 150px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
    margin: 10px auto 0;
}

fieldset {
    background: #f7f7f7;
}


/*********** 08.Forms ***********/

.form-control {
    height: 45px;
    color: #303030;
    font-size: 16px;
    border-color: #E2E2E2;
}

.register-section,
.login-section {
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 25px #0000000D;
}

.signup-form .form-control {
    height: 45px;
}


/*custom elements*/

.custom-checkbox .custom-control-label::before {
    border-radius: 2px;
}

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

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: none;
    content: "";
    display: block;
    width: 10px;
    height: 6px;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 0 0 2px 2px;
    transform: rotate(-45deg);
    left: -21px;
    top: 8px;
    border-radius: 1px;
}


/*cINPUT FOCUS FIELD BOX SHADOW*/

input[type="text"] {
    width: 100%;
    transition: all 0.3s ease;
}


/* ELA */

.listing-section .nice-select:focus {
    border: transparent !important;
    box-shadow: 0 0 0 0px rgb(255 194 31) !important;
}

input[type="text"]:focus,
input[type="email"]:focus {
    /* outline: none; */
    box-shadow: 0 0 0 1px rgb(255 194 31);
    border: 1px solid #da1c36;
    background: #fff !important;
}

.nice-select:focus {
    box-shadow: 0 0 0 1px rgb(255 194 31);
    border: 1px solid #da1c36 !important;
    /* background: #fff !important; */
}

input[type="password"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(255, 194, 31, 1);
    border: 1px solid #da1c36;
}

input[type="tel"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(255, 194, 31, 1);
    border: 1px solid #da1c36;
}

textarea[class="form-control"]:focus {
    outline: none;
    box-shadow: 0 0 0 1px rgba(255, 194, 31, 1);
    border: 1px solid #da1c36;
    background: #fff;
}


/*datepicker*/

.custom-datepicker-div .datepicker {
    top: 95%!important;
    left: 0!important;
    box-shadow: 0px 0px 15px #00000026;
    border-radius: 5px;
    border: 0;
    min-width: 100%;
    padding: 30px;
    ;
}

.custom-datepicker-div .datepicker,
.custom-datepicker-div .datepicker table {
    width: 100%;
}

.custom-datepicker-div .datepicker td,
.custom-datepicker-div .datepicker th {
    padding: 5px;
}

.custom-datepicker-div .datepicker-dropdown:before,
.custom-datepicker-div .datepicker-dropdown:after {
    content: none;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover {
    background-color: #da1c36!important;
    background-image: none;
    color: #1b1d1b;
}


/********************09.sidebarMenu******************/

.main-sidebar {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    padding: 70px 0 0;
    background-color: #F7F7F7;
}

.sidebar-sticky {
    height: calc(100vh - 60px);
    padding-top: .5rem;
    overflow-x: hidden;
    overflow-y: auto;
}

.main-container {
    top: 70px;
    padding: 50px 40px 80px;
    min-height: calc(100vh - 60px);
    position: relative;
    background-color: #ffffff;
}

.profile-copyright-section,
.footer.footer-secondary .copyright-section {
    padding: 20px 40px;
    position: relative;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    background-color: #ffffff;
}

.left-navigation .list li a {
    font-family: 'Metropolis-Bold';
    font-size: 16px;
    color: #303030;
    padding: 18px 25px;
    border-left: 5px solid transparent;
    display: block;
    position: relative;
}

.left-navigation .list li {
    position: relative;
}

.left-navigation .list li .badge {
    position: absolute;
    right: 26px;
    top: 50%;
    font-size: 10px;
    transform: translateY(-50%);
}

.left-navigation .list li .badge.rounded-badge {
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
}

.left-navigation .list li a:hover,
.left-navigation .list li.active a {
    background-color: #da1c36;
    border-color: #1b1d1b;
}

.main-sidebar .user-info .user-img {
    border: 3px solid #1b1d1b;
}

.main-sidebar .user-info p {
    color: #303030;
    font-size: 12px;
    line-height: 1;
    margin-bottom: 30px;
}

.sidebar-icon {
    margin-top: -4px;
}


/*table*/

.table thead th {
    border-bottom: 1px solid #dee2e6;
}

.listing-table.table td,
.listing-table.table th {
    padding-right: 1rem;
    padding-left: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.listing-table.table thead th {
    border: 0;
    font-size: 14px;
    font-weight: 500;
}

.listing-table .media-head {
    font-size: 16px;
    color: #10122D;
    line-height: 21px;
}

.listing-table p {
    font-size: 12px;
    letter-spacing: 0.12px;
    color: #303030;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 1;
}

.listing-table .media .media-image {
    width: 60px;
    height: 60px;
}

.listing-table .status-btn {
    font-size: 12px;
    background-color: #E9ECEF;
    border-radius: 2px;
    color: #66696B;
    font-weight: 500;
}

.listing-table .status-btn.active {
    background-color: #00BA74;
    color: #FFFFFF;
}

.listing-table .text-danger {
    color: #C1272D!important;
}

.listing-table .bi-star {
    color: #7070706b;
}

.listing-table .bi-star-fill {
    color: #FFC200;
}

.editable-btn {
    background-color: #F1F1F1;
    border-radius: 2px;
    color: #7D7D7D;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-right: 5px;
    padding: 0;
    border: 0;
}

.editable-btn.active {
    background-color: #1b1d1b;
    color: #FFFFFF;
}


/****************************** 10.Calendar ************************/

.calendar-container {
    padding: 20px;
    background-color: #F7F7F7;
    border-radius: 10px;
}

.calendar-container #datepicker {
    height: 400px;
    width: 100%;
    font-family: 'Metropolis-Bold';
    font-size: 16px;
}

.calendar-container .nice-select .list {
    height: 100px;
}

.calendar-modal-dialog .custom-datepicker-div .datepicker {
    padding: 0px;
}

.calendar-modal-dialog .form-control::placeholder {
    color: #303030;
    font-family: 'Metropolis-Bold';
    font-size: 16px!important;
    opacity: 1;
}

.calendar-modal-dialog .price-sym {
    font-family: 'Metropolis-Bold';
    font-size: 16px;
    color: #1b1d1b;
    background-color: #f7f7f7;
}

.calendar-modal-dialog .model-btn {
    font-family: 'Metropolis-Bold';
    font-size: 12px;
    text-transform: uppercase;
    min-width: 70px;
}

.btn-reset {
    background-color: #D5D5D5;
}

#Datepickk .d-table {
    display: flex!important;
}

#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden),
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~label:hover~label.next,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label,
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label,
#Datepickk .d-table input:checked+label {
    color: #303030;
}

#Datepickk .d-tables.range:not(.before) input:not(.single):checked+label~label:not(.hidden):before,
#Datepickk .d-tables.range.before input:not(.single):not(:checked)+label:before {
    background-color: rgb(255 194 31 / 50%);
}

#Datepickk .d-table input+label:before,
#Datepickk .d-tables.range:not(.before) input:not(.single):checked~input:checked+label:before {
    background-color: #da1c36;
}

#Datepickk .d-week {
    background-color: transparent;
    color: #303030;
    text-transform: capitalize;
}

#Datepickk .d-calendar {
    background-color: transparent;
    font-size: 16px;
}

#Datepickk .d-header {
    background-color: #303030;
    color: #ffffff;
    font-size: 20px;
    /*color: #303030; */
    text-transform: capitalize;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

#Datepickk .d-header p {
    margin: .75em 0;
}

#Datepickk .d-month-picker,
#Datepickk .d-year-picker {
    background-color: rgb(240 240 240);
}

#Datepickk .d-year-picker>div,
#Datepickk .d-month-picker>div {
    color: #303030;
}

#Datepickk .d-month-picker>div.current,
#Datepickk .d-year-picker>div.current,
#Datepickk .d-month-picker>div:focus,
#Datepickk .d-month-picker>div:hover,
#Datepickk .d-year-picker>div:focus,
#Datepickk .d-year-picker>div:hover {
    background-color: #da1c36;
    color: #303030;
}

#Datepickk .d-header i {
    top: 0;
    width: 50px;
    height: 100%;
    transform: none;
    border-radius: 0;
}

#Datepickk .d-header i#d-next {
    right: 0;
    border-top-right-radius: 5px;
}

#Datepickk .d-header i#d-previous {
    left: 0;
    border-top-left-radius: 5px;
}

#Datepickk .d-header i#d-next:after,
#Datepickk .d-header i#d-previous:after {
    display: none;
}

#Datepickk .d-header i#d-previous:before {
    border-right: 8px solid #fff;
}

#Datepickk .d-header i#d-next:before {
    border-left: 8px solid #fff;
}

#Datepickk .d-header i:before {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-radius: 4px;
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
}

#Datepickk .d-header i:hover {
    background-color: #da1c36;
}

#Datepickk .d-header i#d-previous:hover:before {
    border-right: 8px solid #303030;
}

#Datepickk .d-header i#d-next:hover:before {
    border-left: 8px solid #303030;
}

.tips-block {
    background-color: #EEF5FD;
    border-radius: 10px;
    padding: 35px;
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 0;
    overflow-y: visible !important;
    /* height: calc(100vh - 21rem); */
    border-radius: 10px;
    overflow-y: auto;
    box-shadow: 0px 0px 7px #0000001a;
}

.tip-head {
    font-size: 25px;
    margin-bottom: 25px;
}

.tip-circle {
    width: 27px;
    height: 27px;
    background-color: #1b1d1b;
    box-shadow: 0px 3px 6px #0000001A;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 23px;
    vertical-align: text-bottom;
}

.tip-list {
    font-size: 15px;
}

.tip-list li:not(:last-child) {
    margin-bottom: 22px;
}


/************************ 11.niceSelect ******************/

.nice-select {
    /* font-family: 'Metropolis-Bold'; */
    color: #303030;
    font-size: 16px;
    border: 0;
    background-color: transparent;
    padding-left: 0;
    margin-right: 20px;
    color: #1b1d1b;
    /* width: 100%; */
    width: 100%;
}

.nice-select .list {
    box-shadow: 0px 0px 12px #00000014;
    border: 0;
    border-radius: 5px;
    height: auto;
    overflow-y: auto;
    padding: 6px 0;
    font-size: 14px;
    width: 100%;
}

.nice-select .list::-webkit-scrollbar {
    width: 0px;
}

.nice-select:after {
    border: 4px solid #303030;
    border-left-color: transparent;
    border-top-color: transparent;
    border-radius: 2px;
}

.nice-select .list::-webkit-scrollbar-thumb {
    background-color: #303030;
}

.nice-select .option {
    line-height: 30px;
    min-height: 30px;
    color: #000;
}

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option.selected {
    background-color: #da1c36;
}

.listing-section label {
    font-family: 'Metropolis-Medium'!important;
}


/*************** SIDEBAR_MYBOOKINGS *********************/

.user-img-booking {
    width: 50px;
    height: 50px;
}

.sidebar-title {
    /* border-bottom: 1px solid #dee2e6; */
}

.mybookings-div textarea.form-control {
    height: 125px;
}

.mybooking-head .btn-outline-danger,
.mybooking-head .btn-outline-primary {
    font-size: 10px;
    padding: 3px 6px;
}

.mybooking-head .btn-outline-warning {
    font-size: 10px;
    padding: 3px 6px;
}

.mybooking-head .heart {
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: #fff;
    text-align: center;
    color: #1b1d1b;
    top: 15px;
    left: 30px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 32px;
}

.mybooking-head .book-date,
.mybooking-head .bi-door-open-fill,
.mybooking-head .bi-calendar-week,
.mybooking-head .peresons,
.mybooking-head .btn-danger {
    font-size: 13px;
}

.mybooking-head .nav-tabs .nav-link.active.active {
    position: relative;
}

.mybooking-head .nav-tabs .nav-item.show .nav-link,
.mybooking-head .nav-tabs .nav-link.active {
    color: #1b1d1b;
    background-color: transparent;
    border: 0;
}

.mybooking-head .nav-tabs .nav-link.active:first-child:before {
    content: " ";
    position: absolute;
    top: 38px;
    height: 4px;
    width: 50px;
    background: #da1c36;
    border-radius: 10px;
    left: -18px;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.mybooking-head .nav-tabs .nav-link.active:before {
    content: " ";
    position: absolute;
    top: 38px;
    height: 4px;
    width: 50px;
    background: #da1c36;
    border-radius: 10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.booking-img {
    height: 273px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.mybooking-head .btn-primary {
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    border-radius: 0px;
    font-size: 14px;
    text-transform: none;
    padding: 6px 10px 6px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: .25rem;
}

.mybooking-head .btn-danger {
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}

.mybooking-head .btn-outline-success {
    font-size: 10px;
    padding: 3px 6px;
}

.mybooking-head .btn-dark {
    padding: 3px 6px;
}

.mybooking-head i {
    font-style: normal;
}

.mybooking-head a {
    text-decoration: none !important;
    color: #1b1d1b;
}

.mybooking-head .nav-tabs {
    border-bottom: 0;
}


/* Invoice Page */

.invoice-head .invoice-tax-amount {
    padding-right: 3rem;
}

.invoice-tax-total-amount {
    padding-right: 2rem;
}

.invoice .return-booking {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 2rem;
}

.invoice-head .payout-title {
    background: #da1c36;
    font-family: 'Metropolis-Bold';
}

.invoice-head .invoice-title {
    background: #da1c36;
    padding: 10px 20px;
    /* width:65%; */
}

.invoice-head .invoice-id {
    padding: 10px 20px;
}

.invoice-head .bi-download {
    color: #da1c36;
}

.invoice-head .invoice-content {
    border-radius: 5px;
    box-shadow: 0px 0px 20px #0000000D;
}


/* Addnew Listing */

.amenities-sec .col-form-label {
    font-size: 20px;
}

.image-upload .imgGrp {
    position: relative;
    width: 120px;
    height: 120px;
}

.image-upload .imgGrp img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image-upload .bi-trash {
    position: absolute;
    right: 20px;
    font-weight: 100;
    background-color: #e10000;
    color: white;
    padding: 2px 4px 3px 5px;
    top: 15px;
    border-radius: 27px;
    width: 27px;
    height: 27px;
    text-align: center;
}

.add-thumbnail-image,
.add-banner-image {
    /* position: absolute; */
}

.image-upload .listing-photos {
    display: flex;
    flex-wrap: wrap;
}

.listing-photos .featured-widget-head {
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 5px;
    /* height: 100%; */
}

.listing-photos .featured-widget .trash {
    background-color: #e10000;
}

.listing-photos .trash {
    position: absolute;
    height: 30px;
    top: 10px;
    right: 10px;
    border-radius: 20px;
    width: 30px;
    text-align: center;
    color: #ffff;
    line-height: 2.1;
}

.stepsection-tabs .bi-check-circle-fill {
    color: #1b1d1b;
    font-size: 27px;
}

.stepsection-tabs .bi-check-circle-fill::before {
    content: "\f26a";
    margin-top: -1px;
}

.stepsection-tabs .nav-steps-icon {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 20px;
    padding-left: 0px;
    font-size: 14px;
    position: absolute;
    color: #000;
    box-shadow: 0px 0px 20px #0000000d;
    border: 1px solid #e2e2e2;
    font-weight: bold;
    right: 40px;
    top: -12px;
}

.nav-item {
    position: relative;
}

.nav-steps {
    background: #fff;
    width: 27px;
    height: 27px;
    border-radius: 20px;
    text-align: center;
    font-size: 12px;
    position: absolute;
    color: #000;
    box-shadow: 0px 0px 20px #0000000d;
    border: 1px solid #e2e2e2;
    font-weight: bold;
    right: 40px;
    top: -12px;
}

.rules-area .orange {
    text-decoration: underline;
}

.upload-list-img img {
    width: 130px;
    height: 130px;
}

.imgInput {
    background-color: #f7f7f7;
    width: 120px;
    height: 120px;
    color: #747479;
    border-radius: 3px;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-transform: capitalize;
    text-decoration: underline;
}

.imgInput input {
    display: none;
}

.stepsection-tabs .nav-pills .nav-link.active {
    border: #da1c36;
    border-color: #F15A24;
    background-color: transparent;
}

.stepsection-tabs .nav-pills .nav-link {
    border: 2px solid #eeeeee;
    padding: 1rem;
    border-radius: 10px;
    background: #ffffff;
    font-weight: 600;
}

.stepsection-tabs .nav-pills .nav-link.active {
    color: #000;
    background-color: transparent;
    border-color: #da1c36;
    border: 2px solid #da1c36;
}

.add-listing-page .nice-select {
    color: #000;
    border: 1px solid #ced4da;
    margin-right: 0px;
    width: 100%;
}

.add-listing-page .nice-select .list {
    width: 100%;
}

.add-listing-page .nice-select .current {
    padding-left: 16px;
}


/* Booking Pay */

.booking-pay-body .paypal {
    color: #fff;
    background: #303030;
}

.booking-pay-left .bi-star-fill {
    color: #da1c36;
}

.booking-pay-left {
    box-shadow: 0px 0px 20px #0000000D;
}

.booking-pay-left .card-header,
.booking-pay-left .card-footer {
    background: #F0F5F8;
}

.booking-pay-body .nav-pills .nav-link.active,
.booking-pay-body .nav-pills .show>.nav-link {
    color: #000;
    background-color: #da1c36;
}

.booking-pay-body {
    background: #e6e6e6;
}

.booking-pay-body a {
    text-decoration: none !important;
    color: #000;
}

.booking-pay-body .btn-primary {
    border-radius: 5px;
}

.booking-pay-body .nav-link {
    padding: 10px 0px 10px 0px;
}

.booking-pay-body {
    padding: 30px 20px;
    background-color: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background: #e6e6e6;
}

.booking-pay-body .form-group {
    position: relative;
    margin-bottom: 1.5rem;
}

.booking-pay-body .form-control-placeholder,
.payment-info-field .form-control-placeholder {
    position: absolute;
    top: 15px;
    left: 10px;
    transition: all 200ms;
    opacity: 0.5;
}

.booking-pay-body .form-control:focus+.form-control-placeholder,
.booking-pay-body .form-control:valid+.form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -70%, 0);
    opacity: 1;
}

.booking-pay-body .form-control {
    display: block;
    width: 100%;
    padding: 0;
    font-size: 1rem;
    line-height: 1.25;
    height: 45px;
    color: #1b1d1b;
    background-color: #e6e6e6;
    background-image: none;
    background-clip: padding-box;
    padding-left: 10px;
    border-color: #c2c2c2 !important;
}

.booking-pay-body .form-control:focus {
    border-color: rgba(16, 18, 45, 0.2);
}

.booking-pay-body .form-control label {
    color: #000;
}

.payment-info-field .input-group-text {
    margin-bottom: 0px;
}

.quantity-input[type="number"] {
    width: 55%;
    text-align: center;
    transition: all 0.3s ease;
    border: 0;
    background: transparent;
}

.tax {
    line-height: 15px;
    font-size: 11px;
}

.payment-info-receipt {
    font-weight: 500;
}

.payment-info-receipt:not(:last-child),
.return-booking:not(:last-child) {
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 10px;
    margin-bottom: 2rem;
}

.payment-info-field .text-end,
.card-footer .text-end,
.lisiting-details .text-end {
    text-align: end;
}

.card-footer .total-amount {
    font-size: 30px;
}

label.error {
    font-size: 12px;
    color: #e10000;
    font-family: 'Metropolis-Medium'!important;
    display: block;
}

.text-media {
    color: #000;
}

placeholder {
    font-size: 16px !important;
}

.alert-success .close {
    margin-top: -2px;
    padding-left: 10px;
}
.alert-warning .close {
    margin-top: -2px;
    padding-left: 10px;
    color:white;
}

strong {
    font-weight: 500 !important;
}

.alert-success {
    position: absolute;
    top: 12%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.alert-warning {
    position: absolute;
    top: 12%;
    background-color:red;
    color:white;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: black !important;
    border: 1px solid rgb(255, 255, 255) !important;
}


/* Page Navigarion */

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: rgb(255, 255, 255) !important;
    background: #da1c36 !important;
    border: 0 !important;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #ffffff)); */
    /* background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); */
    /* background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
    background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); */
    border-radius: 30px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: .4em 1em !important;
}

.pay-option .nice-select {
    float: none;
}


/* Mylisting-Details */

.bookingarrow {
    font-size: 25px;
    vertical-align: middle;
    color: #00BA74;
}

.bookingarrow-down {
    font-size: 25px;
    vertical-align: middle;
    color: red;
}

.lisiting-details .btn-success,
.lisiting-details .btn-outline-danger {
    font-size: 12px;
}

.lisiting-details .btn-outline-success {
    font-size: 12px;
    padding: 0px 6px 4px;
}

.lisiting-details .btn-outline-info {
    font-size: 12px;
    padding: 0px 6px 4px;
    color: #b28800;
    border-color: #b28800;
}

.btn-outline-info:hover {
    color: #fff;
    background-color: #b28800;
    border-color: #b28800;
}

.wishlist .featured-widget-head {
    border-radius: 5px;
}

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

.amenities-div-sec {
    color: #000;
    background-color: transparent;
    border-color: #eee;
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 10px 0 10px 15px;
}

.listing-table .location-title-hidden {
    max-width: 100%;
    display: -webkit-inline-box;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding-left: 14px;
    margin-top: -13px;
}

.booking-loc {
    margin-top: 0px;
    padding-left: 0px;
}

.btn-outline-success-listing {
    color: #28a745;
    border-color: #28a745;
    font-size: 12px;
    padding: 0px 6px 4px;
}

.btn-outline-info-listing {
    font-size: 12px;
    padding: 0px 6px 4px;
    color: #b28800;
    border-color: #b28800;
}

.btn-outline-danger-listing {
    color: #dc3545;
    font-size: 12px;
    padding: 0px 6px 4px;
    border-color: #dc3545;
}

.review-list-title {
    text-indent: 3px;
}


/* Shadow effect Sidebar */

.myprofile-div,
.mybookings-div,
.manage-listing-div,
.add-new-listing-div,
.wishlist-div,
.myreviews-div,
.payment-details-div,
.coupons-div,
.inbox-div,
.inbox-reply,
.cancel-div,.dispute-div {
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0px 0px 25px #0000000d;
}
.cancel-row{
    border-radius: 10px;
    box-shadow: 0px 0px 25px #0000000d;
    margin-bottom: 15px;
}

.inbox-head .nav-link,
.inbox-reply {
    border-radius: 10px;
    box-shadow: 0px 0px 25px #0000000d;
    margin-bottom: 15px;
}

.inbox-head-search .line,
.inbox-reply .line {
    position: absolute;
    margin-top: 45px;
}

.status-btn-approved {
    padding: 5px 8px 5px 8px;
    border: 1px solid #5BCC5B;
    border-radius: 5px;
    color: #038703;
    background: #D9FEE4;
    font-size: 10px;
    line-height: 1;
    pointer-events: none;
}

.status-btn-pending {
    padding: 5px 8px 5px 8px;
    border: 1px solid #FFDF77;
    border-radius: 5px;
    color: #B28800;
    background: #FDF6DF;
    font-size: 10px;
    line-height: 1;
    pointer-events: none;
}

.status-btn-cancel {
    padding: 5px 8px 5px 8px;
    border: 1px solid #FF7D7D;
    border-radius: 5px;
    color: #DE0000;
    background: #FFECEC;
    font-size: 10px;
    line-height: 1;
    pointer-events: none;
}

.status-btn-completed {
    padding: 5px 8px 5px 8px;
    border: 1px solid #177CFF;
    border-radius: 5px;
    color: #177CFF;
    background: #D9EAFF;
    font-size: 10px;
    line-height: 1;
    pointer-events: none;
}

.loader-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0 !important;
}

.modal-header .circle {
    width: 10px;
    height: 10px;
    float: left;
    display: block;
    border-radius: 100%;
    margin-top: 7px;
    margin-right: 10px;
}
.spinner-border {

    width: 1rem;
    height: 1rem;
}

/*
.bi-heart,
.bi-heart-fill {
    margin-top: 9px;
    display: block;
}
.bi-arrow-left::before,.bi-arrow-right::before{margin-top: 12px;} */

.iti-mobile .iti__country-list {
    max-height: 39%;
    width: 35%;
}


/* .iti__country-list {
        position: absolute;
        top: 358px;
        box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
        background-color: #fff;
        overflow-y: scroll;
        -webkit-overflow-scrolling: touch;
        bottom: 0;
        left: 335px;
    } */

.index .bi-heart,
.index .bi-heart-fill {
    margin-top: 9px;
    display: block;
}


/* .bi-arrow-left::before,.bi-arrow-right::before {

    margin-top: 11px;
} */

.index .bi-heart,
.index .bi-heart-fill,
.similar-listing .bi-heart,
.similar-listing .bi-heart-fill {
    display: block;
    margin-top: 9px;
}

.owl-nav .bi-arrow-left::before {
    content: "\f12f";
    margin-top: 12px;
}

.owl-nav .bi-arrow-right::before {
    content: "\f138";
    display: block;
    margin-top: 12px;
}

.listing .dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #ffffff !important;
}

.myprofile .iti {
    width: 100%;
}

.fc-unthemed td.fc-today {
    background: #da1c36 !important;
}
.img-loader{
    position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}


.iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 23px 0 0 -1px;
    box-shadow: 1px 1px 4px rgb(0 0 0 / 20%);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    left: 0;
}

.user-booking{
    position: sticky;
    top: 5rem;
    right: 0;
    z-index: 0;
    overflow-y: visible !important;
    border-radius: 10px;
    overflow-y: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}

.property-des{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
/* .cke_toolgroup,.cke_49,.cke_53,.cke_58{display: none;} */
#cke_39,#cke_39,#cke_49,#cke_59,#cke_75,#cke_53{display: none;}

.badge-warning {
    color: #ffffff;
    background-color: #1b1d1b;
}
/***************** Responsive Style *********************/

.btn {
    margin-bottom: 4px;
}
.get-doc,.seo-tag {
    color: #000;
    background-color: transparent;
    border-color: #eee;
    border: 2px solid #eee;
    border-radius: 10px;
    padding: 10px 0 10px 15px;
}
.user-info-body .spinner-border{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.reply-inbox p{
    margin-bottom: 0;
}


@media only screen and (min-width: 320px) and (max-width:575px) {
    .user-info-body .spinner-border{
        top: -59%;
    }
    .booking-info .location-title-hidden {

        text-align: initial !important;
    }
    .arrow-next,.booking-detail-mob {
        text-align: center !important;
    }
    .footer,
    .index-title {
        text-align: center;
    }
    .detail-heading-section .col-lg-8 {
        margin-bottom: 5px;
    }
    .listing-section label {
        display: inline-block;
        margin-bottom: 0;
    }
    .section-title h1 {
        text-align: center;
    }
    .section-title .line {
        margin: auto;
    }
    .prize h2 {
        text-align: start;
    }
    .route-map {
        display: block;
    }
    .day-inbox {
        text-align: center;
    }
    .inbox-head .day-inbox {
        font-size: 10px !important;
    }
    .booking-info .media-body {
        text-align: Start !important;
    }
    .choose-content-section.section-info {
        display: block;
        text-align: center;
    }
    .booking-pay-left .location {
        text-align: start !important;
    }
    .myprofile-div, .mybookings-div, .manage-listing-div, .add-new-listing-div, .wishlist-div, .myreviews-div, .payment-details-div, .coupons-div, .inbox-div, .inbox-reply, .cancel-div, .dispute-div {
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 25px #0000000d;
}
}

@media (min-width: 576px) {
    .listing-search-bar .filters .dropdown-menu {
        min-width:max-content;
    }

}

@media only screen and (min-width: 576px) and (max-width:768px) {
    .quotes h2 {
        font-family: 'Californian FB' !important;
        font-style: italic;
        font-size: 22px;
    }
    .quotes span {
        font-size: 30px;
    }
    .quotes p {
        font-size: 14px;
    }
    .btn-light {
        padding: 10px 8px;
        box-shadow: 0px 0px 20px #0000000d;
        font-size: 12px;
    }
}

@media only screen and (min-width: 500px) and (max-width:767px) {
    .owl-carousel .owl-dots.disabled,
    .owl-carousel .owl-nav.disabled {
        display: block !important;
    }
}

@media only screen and (min-width: 300px) and (max-width:767px) {
    .owl-nav i {
        top: auto;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        /* margin-top: 20px */
    }
    .owl-nav .bi-arrow-left {
        right: 50px;
    }
    .owl-nav .bi-arrow-right {
        right: -50px;
    }
    .similar-listing {
        padding-bottom: 40px !important;
    }
    .report-mob {
        flex-direction: column;
        margin-bottom: 17px;
        text-align: revert;
    }
    .report-mob-col{
        text-align: initial !important;
    }
    .report-mob img{
        align-self: auto !important;
        margin-bottom:10px;
    }
    .report-mob-col .nice-select{
        float: initial !important;
    }

}

@media only screen and (min-width: 320px) and (max-width:429px) {
    .paymonth {
        margin-bottom: 15px;
    }
    .pay-account {
        margin-left: 0px !important;
    }
}

@media only screen and (min-width: 495px) and (max-width:991px) {
    .login-with-facebook-btn {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:991px) {
    .report-head .line{margin: initial;}
    .details-head .bi-heart-fill::before {
        content: "\f415";
        margin-top: 9px;
    }
    .alert-success {
        position: absolute;
        top: 14%;
        padding: 9px;
        border-radius: 4px;

    }
    .alert-warning {
        position: absolute;
        top: 14%;
        padding: 9px;
        border-radius: 4px;

    }
    .alert {
        padding: 9px;
        border-radius: 5px;
    }
    .choose{
        height: auto;
        margin: 0;
    }
    .choose-content-section{
        bottom: 0px;
    }
    .history-section hr {
        clear: both;
        visibility: hidden;
    }
    .history-widget {
        padding-top: 15px;
    }
    .history-widget:before {
        top: 3%;
    }
    .history-content {
        margin-bottom: 15px;
    }
    .section-title h1 {
        font-size: 1.5rem;
    }
    body,
    .btn-light {
        font-size: 14px;
    }
    .download-pay {
        /* padding: 10px 20px; */
        float: left !important;
    }
    .listing-section .section-title {
        margin-bottom: 30px !important;
    }
    .payment-box {
        margin-bottom: 15px;
    }
    .featured-widget-head {
        border-radius: 5px;
        height: 220px;
    }
    .featured-widget-head img {
        transition: .2s ease-in;
    }
    .division-tag {
        display: none;
    }
    .header.bgcolor {
        background-color: #ffffff;
    }
    .header .navbar-light .navbar-nav .nav-item {
        margin-right: 0;
    }
    .navbar-collapse {
        /* background-color: #181818; */
    }
    .header.dropdown-item {
        color: #ffffff;
    }
    .header.dropdown-menu {
        background-color: #181818;
    }
    /* ELA */
    .banner-section {
        margin-top: 70px;
        margin-bottom: 140px;
    }
    .logo-header {
        display: block;
        width: 190px;
        height: 40px;
        content: '';
        background: url('../../assets/images/logo.png') no-repeat center center / contain;
        padding-left: 190px;
    }
    .search-section {
        bottom: -140px;
    }
    .search-section-div {
        background-color: #f7f7f7;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
        padding: 1.5rem;
    }
    .search-section-div .bg-white {
        border: 1px solid #dee2e6;
    }
    .navbar-brand {
        width: 70%;
    }
    .footer .col-lg-3 {
        margin-bottom: 25px;
    }
    .main-container {
        top: 0px;
        padding: 50px 15px;
    }
    .main-sidebar {
        position: relative;
        padding-top: 70px;
    }
    .sidebar-sticky {
        height: auto;
    }
    .return-booking {
        margin-top: 60px;
    }
    .testimonial-card .card-body {
        position: relative;
        padding: 30px 30px 20px;
    }
    .contact-img {
        width: 100%;
        display: block;
        margin: auto;
    }
    .contactus-form .section-pad {
        /* padding: 10px; */
    }
    .demo-content {
        padding: 39px 40px;
    }
    .user-info-div .btn-primary {
        margin-bottom: 20px;
    }
    .booking-info {
        padding-left: 24px !important;
    }
    .listing-search-bar .ratings,
    .listing-search-bar .prizing,
    .listing-search-bar .filters {
        margin-top: 4px;
    }
    .listing-section .filter-dropdown {
        float: left !important;
        margin-top: 10px;
    }
    .booking-pay-left {
        margin-bottom: 20px;
    }
    .basic-details,
    .specification,
    .photos,
    .pricing {
        display: flex;
        flex-direction: column-reverse;
    }
    .profile-copyright-section {
        padding: 20px;
        margin-top: 0px !important;
        margin-left: 0;
    }
    .photos-tab{
        flex-direction: column-reverse;
    }
    .photos-tab .btn-danger,.photos-tab .btn-success{
        margin-top: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width:991px) {
    .navbar-brand {
        width: 40%;
    }
    .custom-datepicker-div .datepicker table {
        width: 75%;
        margin: auto;
    }
    .custom-datepicker-div .datepicker td,
    .custom-datepicker-div .datepicker th {
        height: 40px;
    }
}

@media only screen and (max-width:330px) {
    .signup-head .btn-primary {
        font-size: 13px;
    }
}


/* ELA */

@media only screen and (min-width:992px) {
    .header {
        padding: 5px 0;
        height: 70px;
        display: flex;
        align-items: center;
    }
    .f-60 {
        font-size: 60px;
    }
    .f-50 {
        font-size: 50px;
    }
    .main-sidebar {
        width: 300px;
    }
    .profile-copyright-section,
    .main-container,
    .footer.footer-secondary .copyright-section {
        margin-left: 300px;
    }
    .border-left-radius {
        border-radius: 5px 0 0 5px;
    }
    .border-right-radius {
        border-radius: 0 5px 5px 0;
        overflow: hidden;
    }
    .calendar-container {
        padding: 30px;
    }
    .payout-method .modal-content {
        width: 70%;
        margin: auto;
    }
}

@media only screen and (max-width: 575px) {
    .testimonial-card{margin: 50px 0;}
    .testimonialsection .testimonial-top-img{left: 50%;margin-left: -30px; }
    .testimonial-card .card-body{padding: 50px 30px 20px;}
    .register-section .col-lg-6:first-child {
        display: none;
    }
    .login-section .login-img-section {
        display: none;
    }
    .register-section,
    .login-section {
        padding: 25px!important;
    }
    .mart-80 {
        display: none;
    }
    .socialmedia-btn .btn {
        font-size: 10px;
        padding: 15px;
    }
    .about-widget-images .col-lg-4 {
        padding-top: 30px;
    }
    .copyright-section,
    .copyright-section .list-inline {
        text-align: center;
    }
    .faq-tab-section .offset-1 {
        margin-left: 0px;
    }
    .profile-copyright-section {
        padding: 20px;
    }
    .listing-search-bar .btn {
        padding: 12px 20px;
    }
    .mybooking-head .media-right {
        float: left;
    }
    .tot-pay {
        float: left !important;
    }
    .invoice-body h4 {
        text-align: start;
    }
    .invoice-to {
        margin-bottom: 2rem;
    }
    .myprofile-div .section-title .line,
    .mybookings-div .section-title .line,
    .manage-listing-div .section-title .line,
    .add-new-listing-div .section-title .line,
    .wishlist-div .section-title .line,
    .myreviews-div .section-title .line,
    .payment-details-div .section-title .line,
    .coupons-div .section-title .line,
    .inbox-div .section-title .line,
    .inbox-reply .section-title .line {
        margin: initial !important;
    }
    .inbox-head .line{
        position: absolute;
        top: 36px;
    }
    .destination-section .section-title h2{
        text-align: center;
    }
    .my-listing-sidemenu .d-flex{
        flex-direction: column;
        }

}

@media only screen and (max-width:375px) {
    .faq-tab-section .nav-item {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:768px) {
    .contactus-form.section-pad {
        padding: 15px 0;
    }
    .contact-img {
        padding-left: 0px !important;
    }
    .mybookings-div {
        padding: 0px;
    }
    .listing-section .featured-widget {
        margin-bottom: 30px;
    }
    .inbox-head nav {
        margin: auto;
    }
}

@media only screen and (min-width: 320px) and (max-width:495px) {
    .login-with-facebook-btn {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width:1199px) {
    .social-media-btn {
        text-align: center;
        margin-top: 35px;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .login-with-facebook-btn {
        margin-bottom: 10px;
    }
    .choose{margin-bottom: 230px;}
    .carousel-inner{min-height: 425px;}
}

@media only screen and (min-width:991px) and (max-width:1200px) {
    .btn-light {
        padding: 10px 8px;
        box-shadow: 0px 0px 20px #0000000d;
        font-size: 12px;
    }
}

@media only screen and (max-width:400px) {
    .faq-tab-section {
        margin-bottom: 30px;
    }
    .faq-tab-section .btn-link {
        font-size: 13px;
    }
}


/* Listing Page Responsive */

@media (max-width:519px) {
    .listing-search-bar .property-type {
        margin-top: 4px;
    }
}

@media (max-width:425px) {
    .inbox-head .inbox-head-search .d-flex {
        flex-direction: column;
    }
    .inbox-head .ser-test form {
        margin-top: 30px;
    }
    .inbox-head .ser-test form {
        /* pointer-events: none; */
        width: 100% !important;
    }
    .review-list-title {
        width: 65%;
    }
    .dispute-title {
        width: 57%;
    }
}

@media(min-width:991px) {
    .inbox-head .col-lg-6:nth-child(2) {
        /* border-left: 1px solid rgba(0, 0, 0, .125); */
    }
    .coupons-widget {
        margin-bottom: 20px;
    }
}

@media only screen and (min-width:320px) and (max-width:346px) {
    .faq-tab-section li:nth-child(2) {
        padding-right: 0px;
    }
}

@media only screen and (min-width:347px) and (max-width:413px) {
    .faq-tab-section li:nth-child(3) {
        padding-right: 0px;
    }
}

@media(max-width:767px) {
    h1 {
        font-size: 30px;
    }
    .section-title small {
        display: block;
        margin-top: 10px;
    }
    .listing-section .section-title {
        text-align: center;
    }
    .choose-content-section .section-info {
        display: flex;
        flex-direction: column;
        padding: 0.5rem;
    }
    .verify-icon {
        margin: auto;
    }
    .offer-rent {
        text-align: center;
        padding: 10px;
    }
    .section-info {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .header .navbar-light .navbar-nav .nav-link {
        color: #303030;
    }
    .featured-widget,
    .coupons-widget {
        margin-bottom: 20px;
    }
    .offcanvas-collapse {
        position: fixed;
        top: 70px;
        bottom: 0;
        left: 100%;
        width: 60%;
        padding: 25px;
        z-index: 9000;
        border-top: 1px solid #f7f7f7;
        overflow-y: auto;
        visibility: hidden;
        background-color: #fff;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -webkit-box-shadow: 2px 3px 44px -15px rgb(0 0 0 / 20%);
        -moz-box-shadow: 2px 3px 44px -15px rgba(0, 0, 0, 0.20);
        box-shadow: 2px 3px 44px -15px rgb(0 0 0 / 20%);
        -webkit-transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -moz-transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -ms-transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        -o-transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
    }
    .offcanvas-collapse.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
    }
    .search-section-div .input-group {
        padding: 0px 0px;
    }
    .booking-img {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-right-radius: 5px;
    }
    .add-new-listing-div{
         padding: 0px;
    }
}

@media(max-width:365px) {
    .modal-content .btn {
        font-size: 10px;
    }
}

@media (min-width: 1200px) {
    .mybooking-head .tab-content .container {
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .carousel-inner{min-height: 375px;}
}

@media(max-width:400px) {
    .forget-password .signup-form .btn-primary {
        padding: 12px 24px;
    }
}

@media(min-width:320px) {
    .contactus-form .col-lg-6 {
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) and (max-width:1200px) {
    .wishlist-col .col-lg-3,
    .wishlist-col-1 .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wishlist .featured-widget {
        margin-bottom: 15px;
    }
}

@media (min-width:1024px)and (max-width:1400px) {
    .large-size {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:1400px) {
    .add-listing-page .nav-item {
        margin-bottom: 25px;
    }
}

@media (max-width: 992px) {
    .coupon-box {
        margin-bottom: 15px;
    }
}

@media (max-width: 755px) {
    .first-tab {
        padding-left: 1rem !important;
    }
}

@media(min-width:991px) and (max-width:1168px) {
    .booking-img {
        height: 297px;
    }
}

@media(min-width:992px) and (max-width:1254px) {
    .coupon-div .col-lg-4 {
        flex: 3 2 34.333333%;
        max-width: 49.333333%;
    }
}

.starRatingOuter1 {
    background-image: url(../images/star-rating.png);
    background-repeat: no-repeat;
    width: 75px;
    height: 22px;
    float: left;
}

.starRatingInner1 {
    background-image: url(../images/Star-filled.png);
    background-repeat: no-repeat;
    height: 22px;
}


/* search autocomplete */

#searchLocationDiv {
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 999;
    max-height: 400px;
    overflow-y: auto;
    box-shadow: 0 10px 9px 1px rgba(158, 155, 155, .38);
}

#searchLocationDiv ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#searchLocationDiv ul li {
    padding: 5px 15px;
    font-size: 14px;
}

#searchLocationDiv ul li:hover {
    background: #f5f5f7
}

#searchLocationDiv ul li a {
    color: #333;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

@media(min-width:375px)and(max-width:575px){
    .section4 h1 {
        font-size: 28px;
    }
    .hourlydaily{
        white-space: nowrap;
    }
}

.iti__selected-flag {
   margin-top: 21px;
   height: 0 !important;
}
input::-ms-reveal,input::-ms-clear {display: none;}

.coupon-box h6 p{
font-size: 16px;
}

.fancy-img-1{
     border-radius: 10px;
     border-bottom-right-radius: 0px;
     border-top-right-radius: 0px;
     height: 340px;
}
.fancy-img-2{
    border-radius:0px;
    height:162px;
}.fancy-img-3{
    border-radius: 10px;
    height:162px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
}.fancy-img-4{
    border-radius: 0px;
    height:174px;
}.fancy-img-5{
    border-radius: 10px;
    height:174px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.instant-pay{ font-size: 14px; border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; }


.my-listing-sidemenu .btn-outline-primary:not(:disabled):not(.disabled).active,
.my-listing-sidemenu .btn-outline-primary:not(:disabled):not(.disabled):active,
.my-listing-sidemenu .show>.btn-outline-primary.dropdown-toggle {
    color: #000;
    background-color: #007bff00;
    border-color: #007bff00;
}
.my-listing-sidemenu .btn-group>.btn-group:not(:last-child)>.btn,
.my-listing-sidemenu .btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 0;
    color: #000;
}

.my-listing-sidemenu .btn-group>.btn-group:not(:first-child)>.btn,
.my-listing-sidemenu .btn-group>.btn:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 0;
}
.custom-checkbox-listing {
    width: 1rem;
    height: 1.25rem;
    background-color: #1b1d1b;
}
.hourlydaily{
    white-space: nowrap;
}

/* .hourlydaily .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active{
    color: #000;
    background-color: transparent;
    border-color: #da1c36;
    border: 1px solid #da1c36;
    font-size: 20px;
    border-radius: 5px;
}
.hourlydaily .nav-link {
    font-size: 20px;
    color: #000;
    margin-bottom: 20px;
} */
@media(min-width:1025px){
    .inbox-head .nav-link, .inbox-reply {
    white-space: nowrap;
}
}
.day-listing span{
    font-size: 17px;
}
table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
table::-webkit-scrollbar{width: 2px !important;background-color: #F5F5F5;height: 5px;}
table::-webkit-scrollbar-thumb{background-color: #323232;}

/*Toggle Switch Listing Details page*/
.switch-field {display: flex;margin-bottom: 0px;overflow: hidden;cursor: pointer;}
.switch-field input {position: absolute !important;clip: rect(0, 0, 0, 0);height: 1px;width: 1px;border: 0;overflow: hidden;}
.switch-field label {background-color: #e4e4e4;color: rgba(0, 0, 0, 0.6);font-size: 14px;text-align: center;padding:0.5vh 8px;margin-right: -1px;border: 1px solid rgba(0, 0, 0, 0);transition: all 0.1s ease-in-out;margin-bottom: 0px;}
.switch-field input:checked + label {background-color: #1b1d1b;color: #ffffff;box-shadow: none;}
.switch-field label:first-of-type {border-radius: 4px 0 0 4px;}
.switch-field label:last-of-type {border-radius: 0 4px 4px 0;}
.user-info-body .form-group{margin-bottom:2vh;}


.hourly-picker .nice-select .list,
.pricing-hourly-calender .nice-select .list{
    height:250px;
}
.hourly-picker .nice-select .current{
    padding-left: 10px;
}

.hourly-picker .nice-select {
    border-radius: 0;
    height: 45px;
}
.detail-info-widget .review-box li{
    padding-left: 0;
    text-indent: 0;
}
.detail-info-widget .review-box .starRatingOuter1{
    height: 17px;
}

.pricing-hourly-calender .nice-select{
    height:45px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pricing-hourly-calender .checkin,
.pricing-hourly-calender .checkout{
    border-right-style: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.hourlydaily .nav-link.active {
    color: #000;
    background-color: transparent;
    border-color: #da1c36;
    border: 2px solid #da1c36;
    border-radius: 5px;
}
.hourlydaily .nav-link{
    color: #000;
    font-size: 20px;
    border-radius: 5px;
}
.status-select .form-control{
    line-height: 2;
}


.right_btn_area .col-lg-6:first-child{padding-right:0}
.right_picker_area .col-md-6:first-child{padding-right:0}
.right_picker_area .col-md-6 input{font-size:14px;}
.right_picker_area .custom-datepicker-div .datepicker{min-width:300px}
#priceDiv p{font-size:14px;line-height:20px;}

.app_link_image img{
    width:100%;
    height:100%;
    object-fit:contain
}

.app_link_image{
    object-fit:contain;
    width:150px;
    height:50px;
}
.app_image{
    object-fit:contain;
    width:100%;
}
@media(min-width:991px){
    .app_link_image{
    object-fit:contain;
    width:250px;
    height:80px
}
}
@media (max-width:768px){
    .app_image{
    object-fit:contain;
    max-width:100%;
    width:360px
}
.app_link_image{
    object-fit:contain;
    width:40%;
    height:65px
}
}
@media (max-width:380px){

.app_link_image{
    object-fit:contain;
    width:40%;
    height:50px
}
}