@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap');
html {
  scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    font-family: 'Nunito Sans', sans-serif;
    overflow-x: hidden;
    color: #231716;
    font-size: 14px;
    counter-reset: section;
  }
ul, li{
  padding: 0;
  margin: 0;
  list-style-type: none;
}
a, .btn, .btnStyle:before, i {
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
a, a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
button:focus {
    outline: none;
    outline: none;
}
img {
  max-width: 100%;
}
:focus {
  outline: none;
}
.form-control:focus {
    outline: 0;
    box-shadow: none;
}
p{
    color: #989898;
}
.btnStyle {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    z-index: 2;
    display: inline-block;
    text-align: center;
    line-height: 18px;
    padding: 10px;
    border: 0;
    color: #fff;
    border-radius: 4px;
    min-width: 142px;
    height: 40px;
}
.btnStyle:hover{
    color: #fff;
}
.btnStyle:before {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: -1;
    border-radius: 4px;
    background: transparent;
}
.btnStyle:hover:before {
    left: 0%;
    right: 0%;
    opacity: 1;
}
.btn_primary {
    background-color: #FF6056;
}
.btn_primary:focus{
    color: #fff;
}
.btn_primary:before {
    background-color: #f7493e;
}
.btn_secondary {
    background-color: #F3C122;
}
.btn_secondary:before {
    background-color: #fbcb31;
}
.btn_outline {
    border: 1px solid #DCDFE1;
    color: #231716;
    background-color: #ffff;
}
.btn_outline:hover{
    border-color: #ff6056;
}
.btn_outline:before {
    background: #ff6056;
    color: #fff;
    border-radius: 0;
}
.headerSection {
    padding: 20px 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 99;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    background-color: transparent;
}
.headerSection.fixed-header {
    background-color: #fff;
    box-shadow: 0 2px 26px rgba(0,0,0,0.1);
}
.headerSection.headerStyle {
    box-shadow: 0 0px 14px rgba(0,0,0,0.1);
    background-color: #fff;
}
.headerStyle .languageDrop::before {
    color: #231716;
}
.headerOptions > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.logoCol > img.onscrolllogo {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.fixed-header .logoCol > img.onscrolllogo {
    opacity: 1;
}
.fixed-header .logoCol > img.activelogo {
    opacity: 0;
}
.headerOptions > ul > li + li {
    margin-left: 25px;
}
.headerOptions > ul > li > a{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}
.fixed-header .headerOptions > ul > li > a, .headerStyle .headerOptions > ul > li > a {
    color: #231716;
}
.fixed-header .headerOptions > ul > li > a.btnStyle, .headerStyle .headerOptions > ul > li > a.btnStyle {
    color: #fff;
}
.linkIcon {
    position: relative;
    display: inline-block;
}
.onscrollIcon {
    position: absolute;
    left: 0;
    top: 3px;
    opacity: 0;
}
.fixed-header .onscrollIcon {
    opacity: 1;
}
.fixed-header .activeIcon{
    opacity: 0;
}
.linkText {
    padding-left: 5px;
}
.languageDrop {
    position: relative;
    padding-right: 20px;
}
.languageDrop::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    content: "\f107";
    font-family: fontawesome;
    font-size: 18px;
    line-height: 20px;
    color: #fff;
}
.actDD .languageDrop::before {
    transform: rotate(-180deg);
    color: #FF6056;
}
.fixed-header .actDD .languageDrop::before {
    color: #FF6056;
}
.fixed-header .languageDrop::before {
    color: #1e1e1f
}
.ddParent {
  position: relative;
}
.ddCol {
    position: absolute;
    left: -5px;
    width: 170px;
    text-align: left;
    background-color: #fff;
    top: 150%;
    border-radius: 10px;
    box-shadow: 0 14px 34px rgba(0, 0, 0, 0.1);
    margin-top: 15px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    padding: 5px 15px;
}
.actDD .ddCol {
  top: 100%;
  opacity: 1;
  pointer-events: initial;
}



.subddParent {
  position: relative;
}
.subddCol {
    position: absolute;
    left: 146px;
    width: 160px;
    text-align: left;
    background-color: #fff;
    top: -5px;
    border-radius: 10px;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    z-index: 1;
    padding: 10px 0;
}
.subactDD .subddCol {
    top: -11%;
    opacity: 1;
    pointer-events: initial;
    box-shadow: 0 14px 34px rgba(0,0,0,0.1);
}

.languagedrop > span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
}
.languageddIcon {
    margin-right: 10px;
}
.ddCol > ul > li a {
    display: block;
    position: relative;
    padding: 10px 20px 10px 0;
}
.ddCol > ul > li + li {
    border-top: 1px solid #DCDFE1;
}
.ddCol > ul > li .subddParent > a::before {
    content: "\f105";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-family: fontawesome;
}
.subddCol > ul > li > a {
    font-size: 14px;
    display: block;
    position: relative;
    padding: 8px 30px 8px 20px;
}
.subddCol > ul > li > a.active, .subddCol > ul > li > a:hover {
    color: #FF6056;
}
.subddCol > ul > li > a.active::before {
    content: "\f058";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(0, -50%);
    font-family: fontawesome;
    opacity: 0;
}
.subddCol > ul > li > a.active::before{
    opacity: 1;
}
.toggle {
    width: 20px;
    height: 14px;
    position: relative;
    margin-left: auto;
    cursor: pointer;
    display: block;
}

.bar {
    width: 100%;
    height: 2px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    -webkit-transition: all 500ms ease-in-out 0s;
    -o-transition: all 500ms ease-in-out 0s;
    transition: all 500ms ease-in-out 0s;
    top: 6px;
    border-radius: 20px;
}
.bar:nth-child(1) {
    top: 0px;
}
.bar:nth-child(3) {
    top: 12px;
    width: 60%;
    left: 0;
}
.fixed-header .bar {
    background-color: #1e1e1f;
}
/********* My Profile Host ********/
.proUser.companyLogo {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background: #fff;
}
.proUser.companyLogo>img {
    object-fit: initial;
    height: auto;
    border: 0;
    width: auto;
    object-position: initial;
}
.borderTop {
    border-top: 1px solid #e3e3e3;
}
.spacerColMd {
    padding: 60px 0;
}
.searchInputSlider {
    position: relative;
    margin-left: auto;
    margin-right: 100px;
    margin-bottom: 20px;
    width: 100%;
    max-width: 254px;
}
.searchInputSlider input {
    height: 40px;
    border-radius: 10px;
}
.searchInputSlider button {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0;
    width: 39px;
    border-radius: 0px 10px 10px 0px;
    background: #FF6056;
}
.propertyCardSlider.listedPropertyArrow .swiper-button-prev, 
.propertyCardSlider.listedPropertyArrow .swiper-button-next {
    top: -53px;
}
/********* My Profile Host ********/
/********* Become Host step-5 ********/
.uploadDesc label {
    font-size: 13px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
    text-decoration: underline;
    cursor: pointer;
    pointer-events: none;
}
.fileUploadImg .custom-file-container__image-preview {
    height: auto;
    overflow: hidden;
    background: transparent !important;
    margin-bottom: 0;
    margin-top: 0;
}
.fileUploadImg .custom-file-container__image-preview.custom-file-container__image-preview--active {
    padding-bottom: 30px;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview:before {
    counter-increment: section;
    content: counter(section) ".";
    bottom: -23px;
    position: absolute;
    left: 6px;
    z-index: 9;
    color: #FF6056;
    font-size: 12px;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview:after {
    content:"";
    position: absolute;
    right: 0;
    left: 0;
    height: 18px;
    top: 100%;
    margin-top: 5px;
    border-radius: 5px;
    background: #F0F0F0;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview {
    box-shadow:none;
    width: 82px;
    margin-bottom: 30px;
    height: 62px;
}
.fileUploadImg .custom-file-container__image-preview .ui-sortable-placeholder {
    background-color: #ddd;
    min-height: 62px;   
} 
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview span.custom-file-container__image-multi-preview__single-image-clear {
    left: auto;
    right: 2px;
    margin-top: 3px;
    background: transparent;
    width: 100%;
    height: 100%;
    box-shadow: none;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview span.custom-file-container__image-multi-preview__single-image-clear:before {
    content: "";
    background: url("../images/leftrighticon.svg");
    position: absolute;
    width: 10px;
    height: 9px;
    bottom: -15px;
    left: 37px;
    z-index: 99;
    background-size: 100%;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview span.custom-file-container__image-multi-preview__single-image-clear:after {
    content: "";
    background: url("../images/dragicon.svg");
    position: absolute;
    width: 10px;
    height: 10px;
    bottom: -15px;
    right: 4px;
    z-index: 99;
    background-size: 100%;
}
.fileUploadImg .custom-file-container__image-preview .custom-file-container__image-multi-preview span.custom-file-container__image-multi-preview__single-image-clear span.custom-file-container__image-multi-preview__single-image-clear__icon {
    margin: 0;
    line-height: initial;
    height: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 14px;
    width: 13px;
    position: absolute;
    right: 0;
    background: #fff;
    border-radius: 50%;
}
/********* Become Host step-5 ********/
/********* banner-start ********/
.brpoint{
  display: block;
}
.bannerSection {
    background-image: url(../images/banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 200px 0 50px;
    text-align: center;
    color: #fff;
}
.bannerSection::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.2);
}
.bannerSection::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 30%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 30%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 );
}
.bannerCol {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    z-index: 1;
}
.bannerText > h2 {
    font-size: 60px;
    font-weight: 700;
    line-height: 67px;
}
.text-underline {
    position: relative;
}
.text-underline::before {
    content: "";
    position: absolute;
    bottom: 9px;
    left: 0;
    right: 0;
    background: #FF6056;
    height: 4px;
}


.searchOption {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    padding: 10px 176px 10px 20px;
    margin-top: 60px;
    text-align: left;
    margin-bottom: 250px;
}
.searchOption > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-right: 10px;
    margin-right: 10px;
}
.searchOption > ul > li::after {
    background: #E8E9EA;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    right: 0;
    top: 8px;
    width: 3px;
}
.searchOption > ul > li:last-child::after{
  display: none;
}
.inputIcon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.select_datepicker {
    width: 154px;
}
.searchInput {
    padding-left: 25px;
    background-color: #fff;
    position: relative;
    width: 420px;
}
.searchddParent {
  position: relative;
}
.inputSeardhdd {
    position: absolute;
    right: 0;
    width: 450px;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 3px 34px rgba(0,0,0,0.2);
    left: 0;
    top: 0;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    margin-top: 20px;
    z-index: 2;
}
.searchdrop .inputSeardhdd {
  top: 100%;
  opacity: 1;
  pointer-events: initial;
}
.formInputStyle.searhddCol {
    padding-right: 35px;
}
.inputclose {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    opacity: 0;
}
.searchdrop .inputclose {
    opacity: 1;
}


.ddsearchText {
    color: #000000;
    font-size: 14px;
    font-weight: 600;
}
.ddsearchText > span {
    display: block;
    color: #989898;
    font-size: 12px;
    font-weight: 600;
}
.inputSeardhdd > ul > li {
    display: block;
    padding: 0 60px 0 40px;
    position: relative;
}
.ddsearchIcon {
    position: absolute;
    left: 0;
    top: 8px;
}
.ddsearchRightText {
    position: absolute;
    right: 0;
    top: 8px;
    color: #FF6056;
    font-size: 12px;
    font-weight: 600;
}
.formInputStyle {
    height: 48px;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    padding: 10px;
}
.formInputStyle::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #231716;
}
.formInputStyle::-moz-placeholder { /* Firefox 19+ */
  color: #231716;
}
.formInputStyle:-ms-input-placeholder { /* IE 10+ */
  color: #231716;
}
.formInputStyle:-moz-placeholder { /* Firefox 18- */
  color: #231716;
}
.select_datepicker .input-group-text {
    background-color: transparent;
    border: 0;
}
.select_datepicker .bootstrap-datetimepicker-widget{
    z-index: 9999;
}
.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    border-radius: 10px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
    z-index: 9999;
}
.select_datepicker .bootstrap-datetimepicker-widget table td.disabled, .select_datepicker .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: #FF605660;
}
.select_datepicker .bootstrap-datetimepicker-widget table td.active, .select_datepicker .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #FF6056;
    color: #fff;
    text-shadow: none;
}
.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu::after,
.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu::before,
.select_datepicker .bootstrap-datetimepicker-widget table td.today:before{
    display: none !important;
}
.select_datepicker .bootstrap-datetimepicker-widget table th{
    border-color: #fff;
}
.select_datepicker .bootstrap-datetimepicker-widget table td.day {
   
    border-color: #fff;
    border-radius: 5px;
}
.btnBanner {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}
.linkbtn {
    background-color: #F3C122;
    color: #fff;
    height: 68px;
    width: 176px;
    border-radius: 0 10px 10px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 15px;
    font-weight: 600;
}
.linkbtn:hover{
    color: #fff;
}
.scrollarrow {
    position: relative;
    text-align: center;
    z-index: 1;
    display: inline-block;
}
.scrollarrow a {
    height: 80px;
    -webkit-animation: sdb05 2s infinite;
    animation: sdb05 2s infinite;
    display: inline-block;
}
.inputSeardhdd > ul > li + li {
    margin-top: 15px;
}
.scrollarrow img {
    width: 28px;
}

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
}

@keyframes sdb05 {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    transform: translate(0, 20px);
    opacity: 0;
  }
}
.scrollarrow > span {
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-top: 5px;
}
/********* banner-end ********/
.spacerCol {
    padding: 80px 0;
}
.titleCol > h3{
  font-weight: 800;
  font-size: 40px;
}
.cardSection{
  padding-top: 60px;
}
.cardStyle1 {
    max-width: 240px;
    margin: 0 auto;
}
.cardStyle1_text > p {
    margin: 0;
    padding-top: 20px;
    line-height: 22px;
}

.localitiesSlider .swiper-slide {
    height: auto;
}
.cardSliderStyle {
    background-color: #ffffff;
    border-radius: 10px;
    border: 2px solid #EFEFEF;
    height: 100%;
    padding-bottom: 40px;
}
.cardSliderStyleText {
    padding: 20px 15px 0;
}
.cardSliderStyleText > h4 {
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 10px;
}
.cardSliderStyleText > p {
    margin: 0;
    padding-bottom: 15px;
}
.cardSliderStyleLink {
    position: absolute;
    left: 15px;
    bottom: 15px;
}
.cardSliderStyleLink > a {
    color: #FF6056;
    font-size: 14px;
}
.cardSliderStyleImg > a {
    display: block;
}
.cardSliderStyleImg > a > img {
    height: 150px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}
.localitiesSlider {
    position: relative;
}
.localitiesSlider .swiper-button-prev {
    left: -100px;
}
.localitiesSlider .swiper-button-next {
    right: -100px;
}
.localitiesSlider .swiper-button-next, .localitiesSlider .swiper-button-prev {
    background-image: none;
    width: 50px;
    height: 50px;
    margin-top: -65px;
    border-radius: 50%;
    opacity: 1;
}
.localitiesSlider .swiper-button-next::before, .localitiesSlider .swiper-button-prev::before {
    content: "";
    background-image: url(../images/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.localitiesSlider .swiper-button-prev::before {
    background-image: url(../images/left-arrow.svg);
}
.swiper-button-prev .nextprevText {
    position: absolute;
    right: -20px;
    top: -25px;
}
.swiper-button-next .nextprevText {
    position: absolute;
    left: -20px;
    top: -25px;
}
.nextprevText > span {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
}
.nextprevText > span + span {
    padding-top: 10px;
}
.bgdark{
    background-color: #FF6056;
}
.sliderStyleText > h4 {
    color: #fff;
    font-size: 41px;
    padding-bottom: 20px;
}
.sliderStyleText > p {
    font-size: 19px;
    color: #fff;
}
.sliderStyle .btnCol {
    margin-top: 40px;
}


.swiperSlider{
    position: relative;
}
.paginationCol {
    max-width: 200px;
    margin: 0 auto;
    padding-top: 40px;
}
.swiperSlider .swiper-button-prev {
    left: 44%;
}
.swiperSlider .swiper-button-next {
    right:44%;
}
.swiperSlider .swiper-button-next, .swiperSlider .swiper-button-prev {
    background-image: none;
    opacity: 1;
    bottom: -4px;
    top: auto;
}
.swiperSlider .swiper-button-next::before, .swiperSlider .swiper-button-prev::before {
    content: "";
    background-image: url(../images/right-angle.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.swiperSlider .swiper-button-prev::before {
    background-image: url(../images/left-angle.svg);
}
.swiperSlider .swiper-pagination {
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100px;
    margin: 0 auto;
}
.swiperSlider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(255,255,255,0.5);
    opacity: 1;
    margin: 5px;
}
.swiperSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff;
}
.swiperSliderIndex .swiper-pagination {
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.swiperSliderIndex .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgba(192, 192, 192, 0.5);
    opacity: 1;
    margin: 5px;
}
.swiperSliderIndex .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: rgba(192, 192, 192, 1.0);
}
.swiperSliderIndex .swiper-slide {
    margin-bottom: 50px;
}
.bglight{
    background-color: #F8F4F4;
}
.counterCol {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
}
.counterCardStyle .counter {
    font-size: 32px;
    text-align: center;
    display: inline-block;
    padding-right: 24px;
}
.counterCardStyle > span {
    color: #989898;
    font-size: 16px;
    display: block;
    padding-top: 5px;
}
.counterplus, .counterplustext {
    position: relative;
}
.counterplus::before {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
}
.counterplustext::before {
    content: "+ Cr";
    position: absolute;
    right: 0;
    top: 0;
}
.counter.counterplustext {
    padding-right: 65px;
}
.cardStyle2 {
    position: relative;
    margin: 10px 5px;
}

.cardStyle2Img {
    height: 229px;
    width: 100%;
    border-radius: 6px;
    position: relative;
}
.cardStyle2Img::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(74,74,74,0.2);
}
.cardStyle2Img > img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}
.overlayText {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 51px 15px 15px 15px;
    z-index: 1;
    color: #fff;
    font-weight: 700;
}
.overlayText > h4 {
    font-size: 24px;
    padding-bottom: 10px;
}
.overlayText > h6 {
    font-size: 15px;
    padding-bottom: 10px;
}
.overlayText > span {
    background-color: #F3C122;
    display: block;
    max-width: 80px;
    padding: 6px;
    margin: 0 auto;
    border-radius: 4px;
}
.testimonialImg > img {
    width: 100%;
}
.testimonialImg {
    padding-right: 15px;
}
.testimonialText{
    position: relative;
    padding-left: 70px;
}
.testimonialText > p {
    font-size: 26px;
    line-height: 38px;

}
.testimonialText > h6 {
    font-size: 21px;
    font-weight: 700;
    padding-top: 15px;
}
.testimonialText::before {
    content: "";
    background-image: url(../images/comment.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: -20px;
    width: 50px;
    height: 36px;
}
.appText {
    margin-top: 20px;
}
.appCol {
    max-width: 600px;
    margin: 20px auto 0;
}
.applink > span {
    font-size: 25px;
    margin-bottom: 15px;
    display: block;
}
.applink > a {
    display: block;
    margin-top: 5px;
}
.appText > h2 {
    font-size: 40px;
}
.footerSection{
    background-color: #F6F6F6;
    padding: 120px 0 60px;
    color: #989898;
}
.footerColLeft {
    padding-right: 100px;
}
.footerCol > p {
    font-size: 13px;
    padding-top: 5px;
    line-height: 22px;
}
.footerLogo {
    padding-bottom: 50px;
}
.footerCol > h4 {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 5px;
}
.footerCol > ul > li + li {
    margin-top: 5px;
}
.footerCol > ul > li > a{
    font-size: 13px;
    font-weight: 600;
}
.footerCol > ul > li > a:hover{
    color: #000;
}
.footerCol > p > b {
    color: #231716;
}
.socialLinks{
    margin-top: 10px;
}
.footerCol.socialLinks > ul > li {
    display: inline-block;
    margin: 0;
}
.footerCol.socialLinks > ul > li + li {
    margin-left: 3px;
}
.footerCol.socialLinks > ul > li > a {
    background-color: #fff;
    height: 30px;
    width: 30px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerCol.socialLinks > ul > li > a > img {
    width: 30px;
}
.footerbottom {
    background-color: #fff;
    padding: 20px 0;
}
.footerRightoption {
    text-align: right;
}
.footerText > p {
    font-size: 13px;
    margin: 0;
    font-weight: 600;
}
.footerRightoption > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
}
.footerRightoption > ul > li + li {
    margin-left: 30px;
}


/*********************************
*******become a host page starts*************
****************************************/

.spacerTop {
    margin-top: 82px;
}
.spacerColmd{
    padding: 40px 0;
}
.bannerStyle {
    background-image: url(../images/becomehost_banner.jpg);
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-radius: 10px;
    padding: 40px;
}
.bannerStyle_text > h2 {
    font-size: 36px;
    font-weight: 900;
    margin: 0;
    line-height: 36px;
}
.bannerStyle_text > h2 > span {
    display: block;
    font-weight: 400;
    padding-top: 10px;
}
.formSection {
    width: 440px;
    background-color: #fff;
    padding: 40px;
    border-radius: 6px;
}
.formSection h3 {
    font-size: 32px;
    line-height: 36px;
    text-align: center;
    font-weight: 800;
    padding-bottom: 20px;
}
.earnCol {
    padding: 15px 30px 0;
}
.earnMoney {
    max-width: 260px;
    margin: auto;
}
.earnDollar {
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
}
.perMonth {
   font-size: 20px;
   font-weight: lighter;
}
.earnCol > p {
   font-size: 13px;
   margin-bottom: 0;
}
.btnStyle.btn_block {
    min-width: 100%;
    height: 50px;
}
.titleCol p {
    padding-top: 10px;
    line-height: 22px;
    margin: 0;
}
.cardStyle1_text > h5 {
   font-size: 17px;
   line-height: 20px;
   font-weight: bold;
   margin: 0;
   padding-top: 25px;
}
.accordionStyle {
    max-width: 750px;
    margin: 0 auto;
    padding-top: 50px;
}

.accordionCol {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    margin: 5px 0;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
}
.accordionHeader > h4 {
    padding: 20px 30px 20px 60px;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    cursor: pointer;
    position: relative;
    -webkit-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
}
.accordionHeader > h4::before, .accordionHeader > h4::after {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #231716;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.accordionHeader > h4::before {
    width: 15px;
    height: 3px;
}
.accordionHeader > h4::after {
    height: 15px;
    width: 3px;
    margin-left: 6px;
}
.accordionHeader > h4[aria-expanded="true"]::after {
    opacity: 0;
}
.accordionCol .collapse {
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}
.accordionBody {
    font-size: 14px;
    line-height: 24px;
    padding: 25px 30px 30px 60px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #E3E3E3;
    color: #989898;
}
.readyearnbg {
    min-height: 600px;
    background-image: url(../images/readyimg.jpg);
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
}
.mainQuery_form {
    width: 725px;
    margin: auto;
}
.query_form {
    margin-top: 30px;
}
.pdLeft {
    padding-top: 35px;
    margin-left: 30px;
}
.cardboxStyleText {
   position: relative;
}
.cardboxStyleText::before {
    content: "";
    background-image: url(../images/comment.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    width: 34px;
    height: 34px;
    left: 0;
    background-size: contain;
}
.cardboxStyleText p {
    font-size: 40px;
    line-height: 48px;
    color: #231716;
    font-weight: lighter;
    padding-bottom: 10px;
}
.cardboxStyleText .btnCol {
    margin-top: 30px;
}
.textColor {
   font-size: 15px;
   color: #989898;
}
.formStyle {
    height: 50px;
    border-radius: 4px;
    color: #000000;
    font-size: 14px;
    padding: 10px 20px;
    border-color: #EFEFEF;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
}
.form-control.formStyle:focus{
    border-color: #EFEFEF;
}
textarea.formStyle {
    resize: none;
    min-height: 115px;
}
.selectoptionStyle{
    position: relative;
}
.selectoptionStyle::before {
    content: "\f107";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-family: fontawesome;
    z-index: 1;
    font-size: 20px;
    pointer-events: none;
}
.selectoptionStyle .formStyle {
    padding-right: 40px;
}
.hostworldwide {
    background-image: url(../images/host-worldwide.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 150px 0;
}
.counterCol.counterColStyle2 {
    padding-top: 40px;
}
.counterColStyle2 .counterCardStyle .counter {
    padding: 0;
    font-size: 36px;
    font-weight: 800;
    line-height: 44px;
}
.counterColStyle2 .counterCardStyle > span {
    font-size: 18px;
    font-weight: 700;
    padding: 0;
}
.counterColStyle2 .counterplus::before{
    display: none;
}
.readyearnbg .btn_block {
    min-width: 300px;
}
.readyearnbg .btnCol {
    padding-top: 24px;
}
.spacerColtop{
    padding-top: 20px;
}
.userText {
    font-size: 14px;
    color: #000;
}
.userimg > img {
    height: 36px;
    width: 36px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-right: 5px;
}
.userdrop > ul > li > a > span > img {
    width: 15px;
    margin-right: 10px;
}
.userdrop > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
}
.searchbarStyle2 .linkbtn {
    background-color: #FF6056;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    padding: 0;
}
.searchOption.searchheader {
    padding: 0 0 0 20px;
    border: 1px solid #EFEFEF;
    margin: 0;
}
.searchheader .searchInput {
    width: 280px;
    padding-left: 20px;
}
.searchheader .inputIcon img {
    width: 15px;
}
.searchheader .formInputStyle {
    height: 40px;
    padding: 8px;
}
.searchOption.searchheader > ul > li::after {
    height: 24px;
    width: 2px;
}
.searchheader .select_datepicker .input-group-text img {
    width: 15px;
}
.searchheader .select_datepicker {
    width: 130px;
}
.searchheader .btnBanner img {
    width: 12px;
}
.searchheader .btnBanner {
    right: -40px;
    top: 5px;
    z-index: 9999;
}
.headerOptions2Left > ul > li + li {
    margin-left: 100px;
    padding-right: 42px;
}
.searchbarStyle2 .btnBanner {
    top: 50%;
    transform: translate(0, -50%);
    bottom: auto;
}
.serchText{
    display: none;
}
.searchheader .inputSeardhdd {
    width: 380px;
    padding: 15px;
    margin-top: 10px;
    box-shadow: 0 0px 18px rgba(0,0,0,0.1);
}
.searchheader .inputSeardhdd > ul > li + li {
    margin-top: 10px;
}
/*.searchheader .select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-top: 10px !important;
}*/
/*********************************
*******become a host page ends*************
****************************************/


/*********************************
*******view-map page start*************
****************************************/

.viewContent {
    width: 720px;
    padding: 40px 30px;
    position: relative;
}
.mapdetailColtitle {
    position: relative;
    padding-right: 80px;
}
.mapdetailColtitle > span {
    color: #989898;
    font-size: 13px;
    font-weight: 600;
    display: block;
}
.mapdetailColtitle > h4 {
    font-size: 30px;
    font-weight: 800;
    margin: 0;
}
.mapdetailIcon {
    position: absolute;
    right: 40px;
    top: 55px;
    z-index: 9 !important;
}
.mapdetailIcon > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.mapdetailIcon > ul > li > a > svg {
    margin-top: -5px;
    display: block;
}
.mapdetailIcon > ul > li + li {
    margin-left: 15px;
}
.mapList {
    padding-top:20px;
}
.mapList > ul > li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.mapList > ul > li + li {
    margin-left: 2px;
}
.mapList > ul > li .maplistfavorite > a {
    border: 1px solid #DCDCDC;
    display: block;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    position: relative;
    line-height: 12px;
}
.mapList > ul > li .maplistparent > a {
    border: 1px solid #DCDCDC;
    display: block;
    padding: 6px 14px;
    border-radius: 50px;
    font-size: 11px;
    position: relative;
    line-height: 12px;
}
.mapList > ul > li .maplistparent > a > span {
    display: inline-block;
}
.mapList > ul > li .maplistparent > a > span > img {
    width: 12px;
    margin-right: 3px;
    display: inline-block;
    vertical-align: text-top;
    margin-top: 2px;
}
.mapList > ul > li .maplistparent.selected > a{
    border-color: #FF6056;
}
.mapList > ul > li .maplistparent.selected > a::before {
    content: "\f058";
    position: absolute;
    left: 15px;
    top: -7px;
    font-family: fontawesome;
    color: #ff6056;
    font-size: 12px;
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.maplistdrop > p{
    font-size: 13px;
    color: #9B9B9B;
}
.ddCol.maplistdrop {
    z-index: 40;
    border: 1px solid #DCDCDC;
    box-shadow: 0 7px 24px rgba(0, 0, 0, 0.1);
    left: 0;
    min-width: 280px;
    padding: 20px;
}
.maplistdrop > ul > li + li {
    margin-top: 12px;
}
.ddCol.maplistdrop > ul > li + li {
    border: 0;
}
.maplistdrop > h6 {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 15px;
}
.maplistlinkText, .maplistlinkText:hover{
    color: #000000;
    font-size: 14px;
    text-decoration: underline;
}
.maplistdropLink {
    padding-top: 15px;
}
.maplistdropLinkRight .btnStyle {
    min-width: 80px;
}
.maplistdrop input[type="checkbox"]:checked,
.maplistdrop input[type="checkbox"]:not(:checked),
.maplistdrop input[type="radio"]:checked,
.maplistdrop input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
.maplistdrop input[type="checkbox"]:checked + label,
.maplistdrop input[type="checkbox"]:not(:checked) + label,
.maplistdrop input[type="radio"]:checked + label,
.maplistdrop input[type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    line-height: 28px;
    display: inline-block;
    color: #666;
    margin: 0;
    font-size: 14px;
}
.maplistdrop input[type="checkbox"]:checked + label:before,
.maplistdrop input[type="checkbox"]:not(:checked) + label:before,
.maplistdrop input[type="radio"]:checked + label:before,
.maplistdrop input[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #DCDFE1;
    background: #fff;
}
.maplistdrop input[type="checkbox"]:checked + label:after,
.maplistdrop input[type="checkbox"]:not(:checked) + label:after,
.maplistdrop input[type="radio"]:checked + label:after,
.maplistdrop input[type="radio"]:not(:checked) + label:after {
    content: '';
    position: absolute;
    top: 3px;
    left: 8px;
    display: inline-block;
    height: 14px;
    width: 9px;
    border-bottom: 3px solid #FF6056;
    border-right: 3px solid #FF6056;
    transform: rotate(45deg);
}
.maplistdrop input[type="checkbox"]:not(:checked) + label:after,
.maplistdrop input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}
.maplistdrop input[type="checkbox"]:checked + label:after,
.maplistdrop input[type="radio"]:checked + label:after {
    opacity: 1;
}
.togleCol > span {
    display: inline-block;
    vertical-align: middle;
    color: #000;
    font-size: 14px;
}
.togleCol > span + span {
    padding-left: 20px;
}
.togleCol {
    padding-bottom: 20px;
}
.togleCol .switch {
    position: relative;
    display: inline-block;
    width: 53px;
    height: 25px;
    margin: 0;
}
.togleCol .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.togleCol .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ddd;
  transition: .4s;
}
.togleCol .slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: 0;
    bottom: 0;
    background-color: #ff6056;
    transition: .4s;
    font-family: fontawesome;
    text-align: center;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
}
.togleCol input:checked + .slider {
  background-color: #FF605;
}
.togleCol input:focus + .slider {
  box-shadow: none;
  outline: none;
}
.togleCol input:checked + .slider:before {
    transform: translateX(26px);
    content: "\f00c";
}
.togleCol .slider.round {
  border-radius: 34px;
}
.togleCol .slider.round:before {
  border-radius: 50%;
}
.filtermodal .modal-title {
    font-size: 18px;
    font-weight: 700;
}
.filtermodal .modal-content {
    border-radius: 10px;
}
.filtermodal .modal-footer {
    border-color: #DCDFE1;
    padding: 30px;
}
.filtermodal .modal-footer .btnStyle {
    margin: 0 auto;
    min-width: 286px;
    height: 47px;
}
.checkStyle .form-group {
  display: block;
  margin-bottom: 5px;
}
.checkStyle h5 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 20px;
}
.checkStyle .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}
.checkStyle .form-group label {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
}
.checkStyle .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #DCDFE1;
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    border-radius: 4px;
}
.checkStyle .form-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 9px;
    width: 6px;
    height: 14px;
    border: solid #7d7d7d;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mapCardSection {
    margin-top: 20px;
}
.mapCardStyle {
    border: 2px solid #EFEFEF;
    border-radius:10px;
    position: relative;
}
.mapCardSlider .swiper-container, .mapCardSlider .swiper-wrapper, .mapCardSlider .swiper-slide {
    height: 100%;
    border-radius: 10px 0 0 10px;
}
.mapCardStyle + .mapCardStyle {
    margin-top: 15px;
}
.mapratingtext > ul > li{
    display: inline-block;
}
.mapCardSlider {
    width: 200px;
    height: 100%;
}
.mapCardSlider .swiper-slide img {
    height: 160px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px 0 0 10px;
    min-height: 100%;
}
.mapCardSlider .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.6;
    background-color: #fff;
}
.mapCardSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}
.mapCardSlider .swiper-button-prev, .mapCardSlider .swiper-button-next {
    opacity: 1;
    width: 20px;
    height: 20px;
    background-color: rgba(255,255,255,0.9);
    border-radius: 50%;
    line-height: 20px;
    color: #000;
    font-size: 18px;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
    background-size: 18px 12px;
}
.mapCardSlider .swiper-button-prev:hover, .mapCardSlider .swiper-button-next:hover{
    background-color: #fff;
}
.mapCardSlider .swiper-button-prev span, .mapCardSlider .swiper-button-next span {
    display: block;
    line-height: 30px;
}
.mapCardSlider .swiper-button-prev {
    left: 15px;
    background-image: url(../images/left-angle-black.svg);
}
.mapCardSlider .swiper-button-next {
    right: 15px;
    background-image: url(../images/right-angle-black.svg);
}

.mapdetailCol {
	min-height: 810px;
}


.mapCardStyleText {
    position: relative;
    padding: 15px 15px 50px;
    height: 100%;
    max-height: 220px;
}
.mapCardStyleText p {
    max-height: 63px;
    overflow: hidden
}
.mapCardStyleText2 p {
    max-height: 63px;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.mapCardStyleText2 div {
	height: 40px;
}
.mapCardStyleText2 span {
	color: #989898;
	font-weight: bold;
	margin-right: 15px;
	font-size: 15px;
}
.mapCardStyleText2 img {
	color: #989898;
	height: 18px;
	margin-top: -5px;
}
.mapviewTextStyle > h5 > a {
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    display: block;
    padding-right: 30px;
}
.mapratingtextLeft > span {
    font-size: 11px;
    color: #302524;
    display: block;
}
.mapratingtextLeft > h4 {
    color: #FF6056;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
}
.likeIcon {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 10;
}
.likeIcon input[type="checkbox"] {
  display: none;
}
.likeIconInput {
    display: none;
}
.likeIcon input[type="checkbox"] + label {
    height: 16px;
    width: 16px;
    display: block;
    margin: 0;
    line-height: 16px;
}
.likeIconInput + label {
    height: 16px;
    width: 16px;
    display: block;
    margin: 0;
    line-height: 18px;
}
.likeIcon input[type="checkbox"] + label:before {
    content: "\f08a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #989898;
    cursor: pointer;
}
.likeIcon input[type="checkbox"]:checked + label:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 16px;
    cursor: pointer;
    color: #FF6056;
}
.likeIconInput +label:before, .likeIconInput:checked + label:before {
    content: "\f08a";
    font-family: FontAwesome;
    font-size: 16px;
    color: #989898;
    cursor: pointer;
}
.likeIcon input[type="checkbox"]:checked + label:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 16px;
    cursor: pointer;
    color: #FF6056;
}
.likeIconInput:checked + label:before {
    content: "\f004";
    font-family: FontAwesome;
    font-size: 16px;
    cursor: pointer;
    color: #FF6056;
}
.mapratingCol {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0px;
}
.mapratingRight {
    padding-left: 40px;
}
.mapratingRight > span {
    color: #302524;
    font-size: 13px;
}
.ratingStar > span {
    display: inline-block;
    vertical-align: bottom;
    font-size: 12px;
    color: #989898;
}
.mapratingRight > span > i {
    color: #989898;
}
.ratingStar > span > b {
    color: #000;
}
.ratingStar > span > i {
    font-size: 20px;
    color: #F3C122;
    margin-left: 2px;
}
.linkCol{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.mapCardSliderLogo {
    position: absolute;
    z-index: 10;
    height: 20px;
    width: 20px;
    bottom: 10px;
    right: 10px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
}
.mapCardSlider .swiper-pagination {
    z-index: 1;
}
.arrowSlider {
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.mapCardStyle:hover .arrowSlider {
    opacity: 1;
}
.mapviewSection {
    position: relative;
}
.mapCol {
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    width: calc(100% - 720px);
    display: block;
}
.mapview {
    height: 100vh;
    padding-top: 85px;
    margin-top: -80px;
    position: sticky;
    top: 0px;
    width: 100% !important;
    contain: content !important;
    display: block;
}
.mapview iframe {
    width: 100%;
    height: 100%;
}
.mapIconCol {
    position: absolute;
    background-color: #fff;
    height: 52px;
    width: 52px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    box-shadow: 0 4px 9px rgba(0,0,0,0.1);
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.mapIconCol:hover{
    background-color: #FF6056;
}
.mapcIconStyle1 {
    top: 35%;
    left: 40%;
}
.mapcIconStyle2 {
    top: 50%;
    right: 40%;
}
.mapcIconStyle3 {
    top: 55%;
    left: 45%;
}
.mapcIconStyle4 {
    bottom: 10%;
    right: 50%;
}
.mapcIconStyle5 {
    bottom: 20%;
    left: 35%;
}
.mapcIconStyle6 {
    bottom: 60%;
    right: 20%;
}
.mapcIconStyle7 {
    bottom: 25%;
    right: 15%;
}
.mapIconCol img {
    position: absolute;
}
.mapIconCol img.onhoverimg {
    opacity: 0;
}
.mapIconCol:hover img.onhoverimg {
    opacity: 1;
}
.mapIconCol:hover img.activeimg {
    opacity: 0;
}
.mapCrosee{
    position: absolute;
    left: 20px;
    right: 0;
    top: 100px;
    width: 47px;
    height: 47px;
}
.mapCrosee a {
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}
.mapCrosee a:hover{
    background-color: rgb(247, 247, 247);
}
.mapCrosee > a > img {
    width: 15px;
}
.modlStyleCol .close {
    position: absolute;
    right: 30px;
    top: 20px;
    opacity: 1;
    z-index: 1;
    text-shadow: none;
}
.filtermodal .modal-header {
    padding: 50px 50px 20px;
    border: 0;
}
.filtermodal .modal-body {
    padding: 20px 50px 40px;
    height: 700px;
}
.checkStyle {
    padding-bottom: 30px;
}
.inputCounter .minus, .inputCounter .plus, .inputCounter .inputValue {
    background-color: #fff;
    width: 45px;
    height: 45px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    border: 0;
    padding: 13px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}
.inputCounter .inputValue{
    box-shadow: none;
    font-size: 16px;
    font-weight: 500;
}
.inputCounterspace {
    padding-bottom: 20px;
}
.mcustomScrollStyle .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #231716;
    width: 8px;
    border-radius: 20px;
}
.mcustomScrollStyle .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #DCDFE1;
    width: 8px;
    border-radius: 20px;
}
.mcustomScrollStyle .mCSB_scrollTools {
    background-color: #DCDFE1;
    width: 8px;
    border-radius: 20px;
}

/*********************************
*******view-map page end*************
****************************************/


/*********************************
*******setting page starts********
****************************************/

.custom_navTabs .nav-tabs .nav-link {
  border-bottom: 2px solid transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.custom_navTabs .nav-link {
  padding: 20px 0;
  font-size: 18px;
  color: #231716;
}
.custom_navTabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    font-weight: bold;
    border-bottom: 2px solid red;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}
.custom_navTabs .nav-tabs {
    border-bottom: 2px solid #dee2e6;
    display: flex;
    justify-content: space-between;
}
.custom_navTabs .nav-tabs .nav-item {
    margin-bottom: -2px;
}
.tab_mainHeading h3 {
    font-size: 20px;
    font-weight: bolder;
}
.tab_box {
    padding: 30px 40px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 14px #DCDFE1;
    -webkit-box-shadow: 0 0 14px #DCDFE1;
    box-shadow: 0 0 14px #DCDFE1;
}
.tab_heading {
    font-size: 19px;
    font-weight: bold;
}
.tab_content {
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.setting_notification p a {
    color: #FF6056;
    text-decoration: underline;
}
.notificaton_col {
   padding: 7px 0;
}
.setting_privacy_policy p {
    color: #171736;
}
.privacy_policy_list ul li  {
    position: relative;
    padding: 10px 0 10px 70px;
}
.privacy_policy_list ul li span {
     position: absolute;
     left: 40px;
}
.setting_privacy_support {
    color: #171736;
}
/*********************************
*******setting page end *************
****************************************/

/*********************************
*******list view page ends*************
****************************************/
.viewMore_filters {
  display: none;
}
.mapCardSlider.mapCardSlider2 {
    width: 255px;
}
li.mapratingtextLeft.mapratingtextLeft2 span {
    font-size: 11px;
}
li.mapratingtextLeft.mapratingtextLeft2 h4 {
    font-size: 15px;
}
li.mapratingRight.mapratingRight2 span {
    font-size: 11px;
}
.ratingStar.ratingStar2 span {
    font-size: 12px;
}
.ratingStar.ratingStar2 > span > i {
    font-size: 18px;
}
.likeIcon.likeIcon2 > i {
    font-size: 17px;
}
.mapCardStyleText.mapCardStyleText2 > h5 > a {
    font-size: 17px;
}
.mapdetailIcon.mapdetailIcon2 {
    position: relative;
    top: 0;
    right: 0;
}
li.mapratingRight.mapratingRight2 {
    padding-left: 20px;
}
.formStyle.formStyle_2 {
    height: 35px;
    color: #231716;
    font-size: 12px;
    border-color: #DCDFE1;
    background-color: rgba(239,239,239,0.36);
    padding: 4px 30px 4px 15px;
    min-width: 120px;
}
.selectLabel label {
    font-size: 14px;
    color: #989898;
    padding-right: 10px;
}
.mapdetailIcon2 .selectLabel {
    padding-left: 20px;
}
.mapdetailColtitle.mapdetailColtitle2 {
    padding-right: 0;
}
.listView_checkList h5 {
  font-size: 14px;
  font-weight: bold;
}
.listView_checkList label {
    font-size: 14px;
}
.listView_map {
    position: relative;
    margin-bottom: 50px;
}
.listView_map img {
    width: 100%;
    height: 89px;
    border-radius: 5px;
}
.listView_map a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    background-color: #ffff;
    padding: 5px 9px;
}
.collapseCounter {
    padding-bottom: 15px;
}
.listView_collapse h4 {
    font-size: 16px;
    font-weight: 600;

}
.rangeSliderStyle {
    margin-bottom: 20px;
}
.sidebarCollapse {
    margin-top: 15px;
}
.dropdown_style {
    position: relative;
    padding: 0;
}
.dropdown_style::before {
    content: "";
    width: 100%;
    height: 1px;
    margin: auto;
    background-color: red;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;

}
.drop_list {
    z-index: 1;
    background-color: #fff;
    position: relative;
}
/* .drop_list::before {
    background-image: url("../images/polygon.svg");
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 10;
    font-size: 20px;
    pointer-events: none;
} */
.drop_list.dropdown-toggle::after {
    content: "\f107";
    /* border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none; */
}
.custom_dropdownMenu {
  position: absolute;
  width: 100%;
  transform: translate3d(0px, 53px, 0px);
  top: 0px;
  left: 0px;
  box-shadow: none;
  will-change: transform;
}
.accordionStyle2 {
    max-width: 286px;
    padding-top: 10px;
}
.accordionCol2 {
    box-shadow: none;
    border: none;
    border-radius: 0;
    margin: 0;
}
.accordionHeader2 h4 {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}
.accordionHeader2 > h4::before {
    width: 12px;
    height: 2px;
}
.accordionHeader2 > h4::before, .accordionHeader2 > h4::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 55%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #231716;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.accordionHeader2 > h4[aria-expanded="true"]::after {
    opacity: 0;
}
.accordionHeader2 > h4::after {
    height: 12px;
    width: 2px;
    margin-right: 5px;
}
.viewMore_list {
    position: relative;
}
.viewMore_list::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #C4C4C4;
    z-index: -1;
}
.viewFilters {
    border: 0;
    background-color: #fff;
    font-size: 12px;
    line-height: 17px;
    color: #231716;
    padding: 0 40px 0 20px;
    z-index: 1;
    position: relative;
}
.viewFilters::before {
    content: "\f107";
    font-family: fontawesome;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 20px;
    margin-top: -1px;
}
.listView_checkList hr {
    margin-top: 0;
    margin-bottom: 0;
}
.rangeSliderStyle .u-range-slider .irs-bar {
      background-color: #231716;
}
.mapdetailIcon > ul > li.filter_block {
    display: none;
}
/*********************************
*******list view page ends*************
****************************************/

/*********************************
*******grid view page start*************
****************************************/
.mapdetailColtitle2 .mapdetailColtitle {
    padding-right: 0;
}
.mapCardSlider.mapCardSlider3 {
    width: 100%;
}
.mapCardSlider.mapCardSlider3 .swiper-container, .mapCardSlider.mapCardSlider3 .swiper-wrapper, .mapCardSlider.mapCardSlider3 .swiper-slide {
    border-radius: 10px 10px 0 0;
}
.mapCardSlider.mapCardSlider3 .swiper-slide img {
    border-radius: 10px 10px 0 0;
}
.mapCardStyle3 p {
    line-height: 20px;
    max-height: 100px;
    overflow: hidden;
}
.mapCardStyle3 {
    margin-bottom: 15px;
}
/*********************************
*******grid view page ends*************
****************************************/


/*********************************
*******booking-room-step-1 page starts*************
****************************************/

.proColLeft {
    padding-right: 75px;
}
.proColStyle > h4 {
    font-size: 18px;
    font-weight: 600;
    color: #231716;
}
.proColStyle > p {
    color: #231716;
    padding-top: 13px;
    font-size: 16px;
}
.proColStyle > h5 {
    font-size: 16px;
    font-weight: 600;
    color: #231716;
    padding: 18px 0 5px 0;
}
.select_datepicker2 {
    max-width: 348px;
    border: 1px solid #EFEFEF;
    border-radius: 4px;
    width: 100%;
}
.select_datepicker2 .input-group-text > img {
    max-width: 18px;
    width: 18px;
}
.select_datepicker2 .formInputStyle {
    padding-left: 0;
    border-radius: 4px;
}
.lblCol{
    font-size: 16px;
    font-weight: 600;
}
.userCardCol {
    padding-top: 25px;
}
.profile_img > img {
    height: 63px;
    width: 63px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
.small_txt > span {
    font-size: 13px;
    font-weight: 600;
    color: #989898;
    display: block;
}
.small_txt > h4 {
    font-size: 16px;
    font-weight: 600;
    color: #231716;
    margin: 0;
    line-height: 20px;
}
.proColStyle h3 {
    font-size: 25px;
    font-weight: 600;
}
.userCardCol > h6 {
    font-size: 16px;
    font-weight: 600;
    color: #231716;
    padding: 20px 0 5px;
    margin: 0;
}
.userCardCol > span {
    color: #989898;
    font-size: 14px;
}
.booking_details p {
    font-size: 14px;
    line-height: 17px;
    color: #989898;
}
.proColStyle hr {
    border-color: #EFEFEF;
}
.details_img {
    width: 32px;
    text-align: center;
}
.details_text h5 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}
.details_text p {
    font-size: 14px;
}
.fadetext {
    position: relative;
    overflow: hidden;
    padding-bottom: 40px;
}
.fadetext .read-more {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding-top: 50px;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
}
.fadetext p {
    /*font-size: 12px;*/
    padding-top: 15px;
    margin: 0;
}
.read_morebtn {
    border: 0;
    background-color: transparent;
    font-size: 14px;
    font-weight: bold;
    color: #FF6056;
}
.read_morebtn:hover{
    color: #FF6056;
}
.read_morebtn:focus {
    outline: none;
}
.after_booking {
    margin-top: 30px;
}
.after_booking h4 {
    font-size: 18px;
    font-weight: 600;
    padding: 15px 0;
}
.after_booking > ul > li {
    position: relative;
    padding-left: 60px;
    padding-top: 3px;
}
.after_booking > ul > li + li {
    margin-top: 40px;
}
.numbering {
    height: 25px;
    width: 25px;
    padding: 2px;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
    background-color: #eb5757;
    text-align: center;
    color: #fff;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
}
.active .numbering{
    box-shadow: 0px 4px 4px 0px #beb3b0;
}
.after_booking_content h5 {
    font-size: 16px;
    font-weight: 600;
}
.after_booking_content p {
    font-size: 14px;
    line-height: 17px;
}
.nextPage_buttons {
    background-color: #E8E9EA;
    padding: 25px 0;
}
.stepbtnCol > ul > li{
    display: inline-block;
}
.back_btn {
    background-color: #fff;
    font-size: 14px;
    min-width: 226px;
    margin-right: 30px;
}
.next_btn {
    min-width: 226px;
    max-width: 100%;
    font-size: 14px;
    position: relative;
    display: inline-block;
}
.next_btn::after {
    content: "\2192";
    position: absolute;
    top: 26%;
    right: 50px;
    display: inline-block;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.next_btn:hover::after {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}
.submit_btn {
    min-width: 226px;
    max-width: 100%;
    font-size: 14px;
    position: relative;
    display: inline-block;
}
.submit_btn::after {
    content: "\2192";
    position: absolute;
    top: 26%;
    right: 50px;
    display: inline-block;
    -webkit-transition: transform 0.2s ease-out;
    -moz-transition: transform 0.2s ease-out;
    -ms-transition: transform 0.2s ease-out;
    -o-transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
}
.submit_btn:hover::after {
    -webkit-transform: translateX(5px);
    -moz-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
}
.text_area {
    padding-top: 15px;
}
.text_area > span {
    display: block;
    text-align: right;
    color: #989898;
    font-size: 14px;
    padding-top: 5px;
}
.stepbarCol {
    padding: 20px 0;
    margin-bottom: 30px;
}
.custom_progress {
    height: 2px;
    background-color: #DCDFE1;
    border-radius: 0;
    overflow: inherit;
}
.custom_progress_bar {
    background-color: #FF6056;
    background-image: none;
    position: relative;
    background-size: inherit;
    overflow: inherit;
    height: 3px;
    color: transparent;
}
.stepSection {
    position: relative;
    padding-top: 50px;
}
.stepSection .titleCol {
    position: absolute;
    top: 0;
    left: 0;
}
.custom_progress_bar::before {
    content: "";
    width: 15px;
    height: 15px;
    background-color: #FF6056;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
}
.carStyle {
    background-color: #fff;
    padding: 30px 25px;
    box-shadow: 0 0 14px rgba(0,0,0,0.1);
    margin-top: 50px;
    position: relative;
}
.carStyle > h5 {
    font-size: 16px;
    font-weight: 600;
    padding: 0 60px 10px 0;
}
.feedback {
    position: absolute;
    right: 45px;
    top: 30px;
    width: 29px;
    height: 29px;
    background-color: #FF9900;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}
.feedback.green_feedback {
    background-color: #3FC202;
}
.carStyle .lblCol {
    font-size: 14px;
}
/*********************************
*******booking-room-step-1 page ends*************
****************************************/

/*********************************
*******thankyou page starts*************
****************************************/
.titleCol_md h3 {
    font-size: 30px;
}
.thankyou_btn {
    min-width: 226px;
    max-width: 100%;
}
/*********************************
*******thankyou page ends*************
****************************************/

/*********************************
*******become-a-host-steps page starts*************
****************************************/
.alert.alert_danger {
    background-color: #FFF1F0;
    border-radius: 10px;
    font-size: 14px;
    border: none;
    padding-left: 58px;
    margin-top: 30px;
    margin-bottom: 0;
}
.alert_danger > span {
    background-color: #FF6056;
    height: 22px;
    width: 22px;
    display: flex;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0, -50%);
}
.promapCol {
    width: 100%;
    height: 350px;
    position: relative;
    border-radius: 20px;
}
.promapCol > iframe {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}
.mapdrag {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #fff;
    padding: 8px 16px;
    box-shadow: 0 4px 9px rgba(0,0,0,0.2);
    border-radius: 4px;
    color: #000;
    font-size: 12px;
    font-weight: 500;
}
.widthStyle {
    max-width: 350px;
}
.widthStylemd {
    max-width: 250px;
}
.lblColspace {
    padding-bottom: 15px;
    margin: 0;
}
.amenities_list ul li {
    font-size: 14px;
    color: #9B9B9B;
    width: 50%;
    display: inline-block;
    position: relative;
    padding: 10px 0 10px 33px;
    margin-left: -2px;
}
.amenities_list ul li span {
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
}
.btn_link {
    font-size: 14px;
    font-weight: bold;
    color: #FF6056;
    padding: 10px 15px 0 0;
    position: relative;
}
.btn_link::after {
    content: "\003E";
    position: absolute;
    top: 11px;
    right: 0;
}
.placeholder_right::-webkit-input-placeholder {
  text-align: right;
}
.placeholder_right::-moz-placeholder {
  text-align: right;
}
.placeholder_right:-ms-input-placeholder {
  text-align: right;
}
.placeholder_right:-moz-placeholder {
  text-align: right;
}
.form_group{
    padding-bottom: 20px;
}
.inputCol {
    border: 1px solid #EFEFEF;
    border-radius: 10px;
    padding: 0 15px;
}
.inputCol > ul > li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin-left: -2px;
    position: relative;
}
.inputCol > ul > li + li {
    padding-left: 15px;
}
.inputCol > ul > li + li::after {
    background: #E8E9EA;
    content: "";
    display: block;
    height: 33px;
    position: absolute;
    left: 0;
    top: 8px;
    width: 3px;
}
.inputCol .select_datepicker {
    width: 100%;
}
.inputCol .formStyle {
    padding-left: 10px;
    border: 0;
}
.uploadImg {
    width: 70px;
    height: 60px;
    background: #fff;
    border: 2px solid #EEEEEE;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
}
.uploadfileCol {
    text-align: left;
    background-color: #F6F6F6;
    border-radius: 10px;
    padding: 20px;
    border: 1px dashed #000;
    display: flex;
    cursor: pointer;
    align-items: center;
}
.uploadfileCol .fileinput-button {
    position: relative;
    overflow: hidden;
    color: #000000;
    font-size: 13px;
    font-weight: 700;
    border-radius: 0;
    padding: 0;
    margin-bottom: 0;
    text-decoration: underline;
}
.uploadfileCol .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
}
.uploadfileCol .thumb {
    height: 70px;
    width: 70px;
    border: 1px dashed #DCDFE1;
    object-fit: cover;
    object-position: center;
}
.uploadfileCol ul.thumb-Images li {
    display: inline-block;
    vertical-align: top;
    padding: 8px;
}
.uploadfileCol .img-wrap {
    position: relative;
    display: inline-block;
}
.uploadfileCol .img-wrap .close {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 1;
    background-color: #ffffff;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    opacity: 1;
    width: 10px;
    height: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: none;
}
.uploadfileCol .FileNameCaptionStyle {
  font-size: 12px;
}
.uploadtext > h5 {
    font-size: 15px;
    font-weight: 600;
    padding-top: 0;
    margin-bottom: 0;
}
.uploadtext > span {
    display: block;
    color: #000;
    font-size: 14px;
    padding: 10px 0 5px;
}
.uploadtext > p {
    color: #000000;
    font-size: 12px;
    margin: 0;
}
.uploadtext > p {
    color: #000000;
}
.rangeSliderStyle2 > span {
    font-size: 14px;
    font-weight: 600;
    display: block;
    padding-bottom: 30px;
}
.rangeSliderStyle.rangeSliderStyle2 .u-range-slider .irs-bar {
    background-color: #FF6056;
}
.rangeSliderStyle2 .u-range-slider .irs-line, .rangeSliderStyle2 .u-range-slider .irs-line-left,
.rangeSliderStyle2 .u-range-slider .irs-line-mid, .rangeSliderStyle2 .u-range-slider .irs-line-right {
    background-color: #231716;
}
/*********************************
*******become-a-host-steps page ends*************
****************************************/


/*********************************
*******profile page start*************
****************************************/

.modlStyleCol .modal-dialog {
    max-width: 800px;
}
.profileMdl .modal-body {
    padding: 40px;
}
a.btwidthmd {
    line-height: 22px;
}
.modlfooter {
    padding: 15px 20px 50px;
    text-align: center;
}
.btnStyle.btwidthmd {
    min-width: 226px;
    font-size: 14px;
}
.btnStyle.btwidthsm {
    min-width: 110px;
}
.modlfooter > ul > li {
    display: inline-block;
}
.modlfooter > ul > li + li{
    margin-left: 30px;
}
.modlListfaq > ul > li {
    border-bottom: 1px solid #EFEFEF;
    display: block;
    padding: 12px 40px 12px 40px;
    position: relative;
    font-size: 14px;
}
.modlListfaq > ul > li + li {
    margin-top: 5px;
}
.modllistIcon {
    position: absolute;
    left: 0;
    top: 10px;
}
.modllistIcon > img {
    max-width: 20px;
}
.modllisttgle {
    background-color: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    border-radius: 4px;
    box-shadow: 0 4px 9px rgba(0,0,0,0.1);
    display: flex;
    justify-content: center;
    align-items: center;
    top: 10px;
    font-size: 8px;
}
.profileEditModl .modal-body {
    padding: 50px;
}
.profileEditModl .titleCol > h4 {
    font-size: 22px;
    font-weight: 600;
}
.profileEditModl .titleCol > p {
    font-size: 16px;
    color: #231716;
    line-height: 24px;
}
.collapseStyleList .modllistIcon > img {
    max-width: 30px;
}
.modlListfaq.collapseStyleList > ul > li {
    padding: 0;
}
.modlListfaq.collapseStyleList > ul > li > a {
    font-size: 16px;
    font-weight: 600;
    padding: 15px 40px 15px 45px;
    display: block;
}
.modlListfaq.collapseStyleList > ul > li > a.collapsed::before, .modlListfaq.collapseStyleList > ul > li > a::before {
    position: absolute;
    right: 10px;
    top: 10px;
    font-family: fontawesome;
    font-size: 23px;
}
.modlListfaq.collapseStyleList > ul > li > a.collapsed::before {
    content: "\f107";
}
.modlListfaq.collapseStyleList > ul > li > a::before {
    content: "\f106";
}
.checktagStyle .control {
    display: inline-flex;
    position: relative;
    margin: 8px;
    cursor: pointer;
    border-radius: 99em;
}
 .checktagStyle .control input {
     position: absolute;
     opacity: 0;
     z-index: -1;
}
.checktagStyle .control__content {
    display: inline-flex;
    align-items: center;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 18px;
    color: #bdbdbd;
    background-color: #fff;
    border-radius: 50px;
    font-weight: 600;
    border: 2px solid #EFEFEF;
    height: 42px;
    min-width: 112px;
    justify-content: center;
    position: relative;
}
.checktagStyle .control__content::before {
    content: "";
    position: absolute;
    left: 15px;
    top: -10px;
    font-family: fontawesome;
    color: #ff6056;
    font-size: 12px;
    background: #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
 .checktagStyle .control input:checked ~ .control__content::before {
    content: "\f058";
}
 .checktagStyle .control input:checked ~ .control__content {
     background-color: #EFEFEF;
     color: #231716;
     border-color: transparent;
}
.collapseStyleList .card-body {
    padding: 10px 0 30px;
    border: 0;
    border-radius: 0;
}
.checktagStyle .control.light_red input:checked ~ .control__content{
    background-color: #fff2f2;
}
.checktagStyle .control.light_green input:checked ~ .control__content{
    background-color: #f2fff4;
}
.checktagStyle .control.light_pink input:checked ~ .control__content{
    background-color: #fff2f7;
}
.checktagStyle .control.light_blue input:checked ~ .control__content{
    background-color: #f4f2ff;
}
.checktagStyle .control.light_sky input:checked ~ .control__content{
    background-color: #f2f7ff;
}
.checktagStyle .control.light_yellow input:checked ~ .control__content{
    background-color: #fafff2;
}
.modlListfaq {
    margin-top: 30px;
}
.profileEditModl .btnform {
    padding-top: 50px;
}
.profileEditModl .btnStyle {
    min-width: 220px;
}
/*********************************
*******profile page ends*************
****************************************/

/*********************************
*******my-profile page start*************
****************************************/

.bannerStyle2 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 200px 0 20px;
    position: relative;
}
.bannerStyle2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(239 239 239 / 75%);
}
.profilebanner {
    background-image: url(../images/profile-banner.jpg);
}
.btnwidthmd {
    min-width: 126px;
    height: 36px;
}
.proUser {
    width: 200px;
    height: 200px;
    margin-top: -70px;
}
.proUser>img {
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
}
.progressCol {
    width: 250px;
    position: relative;
    margin-left: auto;
}
.progressCol > label {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
}
.progressCol .progress {
    height: 5px;
    background-color: #DCDFE1;
    border-radius: 40px;
}
.progressCol .progress .progress-bar {
    background: #3FC202;
    border-radius: 10px;
}
.progressCol span {
    position: absolute;
    right: 0;
    font-weight: 800;
    font-size: 12px;
    line-height: 16px;
    color: #EB5757;
    top: 0;
}
.proUsertext > h4 {
    font-size: 20px;
    font-weight: 700;
}
.proUsertext > h5 > i {
    color: #bdbdbd;
    padding-right: 12px;
}
.proUsertext > h5 {
    color: #000000;
    font-size: 13px;
    padding-bottom: 5px;
}
.proUsertext > h6 > span {
    font-size: 15px;
    font-weight: 600;
}
.proUsertext > h6 > span + span {
    margin-left: 15px;
}
.proColDetail {
    margin-top: 25px;
    padding-left: 15px;
    border-left: 2px solid #EB5757;
}
.proColDetail > span {
    display: block;
    font-size: 13px;
    line-height: 15px;
}
.proColDetail > span + span {
    margin-top: 8px;
}
.profiletagsCol {
    border: 2px solid #f2f2f2;
    padding: 40px 30px;
    border-radius: 8px;
}
.profiletagsColList > ul > li {
    font-size: 15px;
    font-weight: 600;
}
.profiletagsColList > ul > li + li {
    padding-top: 20px;
}
.profiletagsColList > ul > li > span:nth-child(1) {
    min-width: 150px;
    display: inline-block;
    position: relative;
}
.profiletagsColList > ul > li > span:nth-child(1)::before {
    content: ":";
    position: absolute;
    left: 70%;
    color: #000;
    font-weight: 700;
}
.tagcheckStyle {
    padding-top: 40px;
}
.tagcheckStyle > h4 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
}
.myprofileCol .carStyle {
    margin-top: 20px;
    border-radius: 8px;
    padding: 35px 50px;
    box-shadow: 0 3px 20px rgba(0,0,0,0.05);
}
.carStyle.carStylebg {
    background-color: #FFFAEE;
    box-shadow: none;
}
.myprofileCol {
    margin-left: 20px;
}
.cardStyleLefttext > p {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
}
/*********************************
*******my-profile page ends*************
****************************************/

/*********************************
*******property-detail page start*************
****************************************/
.galleryImg {
    height: 100%;
}
.galleryImg > img {
    object-fit: cover;
    width: 100%;
    object-position: center;
}
.galleryImgLg > img {
    height: 622px;
}
.galleryImgmd > img {
    height: 311px;
}
.gallerybanner{
    position: relative;
    z-index: 0;
}
.gallerybanner .bannerbtn {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.propertyDetailMdl .modal-body {
    padding: 5px;
}
.propertyDetailMdl .modal-content {
    border-radius: 10px;
}
.propertyDetailMdl .swiper-slide > img {
    width: 100%;
    height: 460px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}
.propertyDetailMdl .swiper-slide {
    margin: 0 !important;
}
.propertyDetailSlider .arrowSlider {
    opacity: 1;
}
.propertyDetailSlider .swiper-pagination {
    display: none;
}
.propertyDetailSlider .swiper-button-prev, .propertyDetailSlider .swiper-button-next {
    opacity: 1;
    width: 28px;
    height: 28px;
    background-color: #FF6056;
    border-radius: 50%;
    line-height: 28px;
    color: #fff;
    font-size: 18px;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
    background-size: 18px 12px;
}
.propertyDetailSlider .swiper-button-next {
    right: 15px;
    background-image: url(../images/right-angle.svg);
}
.propertyDetailSlider .swiper-button-prev {
    left: 15px;
    background-image: url(../images/left-angle.svg);
}
.propertyDetailSliderText {
    padding: 15px 60px 15px 20px;
}
.propertyDetailSliderText > p {
    color: #FF6056;
    font-size: 16px;
    margin: 0;
    font-weight: 600;
}
.propertyDetailSliderText > span {
    font-size: 14px;
    display: block;
}
.propertyDetailMdl.modlStyleCol .close {
    top: auto;
    bottom: 30px;
}
.propertyDetailSec {
    position: relative;
}
.propertyDetailCol {
    margin-right: 20px;
}
.propertyDetailCol .profile_img > img {
    height: 91px;
    width: 91px;
}
.propertyDetailCol .userCardCol .small_txt > h4 {
    font-size: 28px;
    line-height: 35px;
    font-weight: 800;
}
.propertyDetailCol .userCardCol > h6 {
    font-size: 20px;
    margin-top: 15px;
}
.lblColLg {
    font-size: 18px;
    font-weight: 700;
}
.reviewsSec .ratingStar > span {
    font-size: 18px;
}
.reviewsSec span + span {
    margin-left:5px;
}
.progressbarList .progressCol > label {
    font-size: 14px;
}
.progressbarList .progressCol span {
    font-size: 14px;
}
.progressbarList .progressCol {
    width: 100%;
    margin-bottom: 20px;
}
.progressbarList .progressCol .progress .progress-bar {
    background: #FF6056;
}
.testimonialSlider {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 40px;
}
.testimonialSlider .swiper-slide img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
}
.testimonialSlider .propertyDetailSliderText {
    padding: 15px 0;
}
span.commentIcon {
    color: #FF6056;
    font-size: 22px;
}
.testimonialSlider .propertyDetailSliderText > p {
    font-size: 14px;
    color: #000;
}
.testimonialSlider .propertyDetailSliderText > h6 {
    font-size: 14px;
    color: #FF6056;
    margin-top: 15px;
}
.testimonialSlider .propertyDetailSliderText > h6 > span {
    font-size: 14px;
    color: #231716;
    display: block;
}
.propertyDetailSlider.testimonialSlider .swiper-button-prev,
.propertyDetailSlider.testimonialSlider .swiper-button-next {
    background-color: #CCCCCC;
    top: 80px;
}
.propertyDetailSlider.testimonialSlider .swiper-button-prev {
    left: 36%;
}
.propertyDetailSlider.testimonialSlider .swiper-button-next {
    right: 36%;
}
.reviewsSec {
    padding-bottom: 30px;
}
.prodetailmap > iframe {
    display: block;
    width: 100%;
    height: 350px;
    filter: grayscale(1);
}
.prodetailmap > h4 {
    font-size: 16px;
    font-weight: 700;
    padding-top: 30px;
}
.prodetailmap {
    padding-bottom: 60px;
}
.titleColmd > h3 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.propertyCardSlider {
    position: relative;
}
.propertyCardSlider .swiper-button-prev, .propertyCardSlider .swiper-button-next {
    opacity: 1;
    width: 28px;
    height: 28px;
    background-color: #CCCCCC;
    border-radius: 50%;
    line-height: 28px;
    color: #fff;
    font-size: 18px;
    top: -40px;
    margin: 0;
    background-size: 18px 12px;
}
.propertyCardSlider .swiper-button-next {
    right: 0;
    background-image: url(../images/right-angle.svg);
}
.propertyCardSlider .swiper-button-prev {
    right: 38px;
    background-image: url(../images/left-angle.svg);
    left: auto;
}

.bookingSection {
    position: absolute;
    top: 0;
    left: auto;
    bottom: 0;
    right: 0;
    display: block;
}
.bookingContent {
    height: 100vh;
    padding-top: 85px;
    margin-top: -80px;
    position: sticky;
    top: 0px;
    width: 100% !important;
    contain: content !important;
    display: block;
}
.bookedbtn > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.bookedbtn > ul > li + li {
    margin-left: 10px;
}
.bookedbtn > ul > li > a {
    border: 1px solid #DCDCDC;
    display: block;
    padding: 6px 10px;
    border-radius: 50px;
    min-width: 95px;
    text-align: center;
    font-size: 13px;
    color: #989898;
    font-weight: 700;
}
.bookedbtn > ul > li > a > span {
    display: inline-block;
    vertical-align: middle;
}
.bookedbtn > ul > li > a > span + span {
    padding-left: 6px;
}
.bookedCol {
    border: 1px solid #DCDFE1;
    border-radius: 10px;
    padding: 20px;
    margin-top: 30px;
}
.reviewText {
    padding-left: 8px;
}
.bookedLink {
    text-align: center;
    padding-top: 20px;
}
.bookedLink > a {
    color: #989898;
    font-size: 11px;
    text-align: center;
    border-bottom: 1px solid;
}

/*********************************
*******property-detail page ends*************
****************************************/

/*********************************
*******login-model page ends*************
****************************************/
.popup_style_left {
    background-image: url("../images/popup-img1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:50px;
    height: 100%;
}
.popup_style_left::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 0, 0, 0.6);
}
.popup_style_left_content {
    z-index: 1;
}
.popup_style_left_content h3 {
    font-size: 30px;
    padding: 50px 0 10px 0;
}
.popup_style_left_content p {
    font-size: 14px;
}
.popup_style_left_content p > a {
    text-decoration: underline;
    font-weight: bold;
}
.intl-tel-input.separate-dial-code .selected-dial-code {
    padding-left: 12px;
}
.popup_style_right {
    padding: 50px;
}
.popup_btn {
    border: 1px solid #231716;
    border-radius: 4px;
    font-size: 14px;
    font-weight: normal;
    color: #231716;
    margin: 5px 0;
    background-color: #fff;
}
.flag_col {
    background-color: #EFEFEF;
    height: 50px;
    margin-bottom: 10px;
}
.modal_style1 {
    position: relative;
}
.btn1_primary:before {
    background-color: #39579A;
}
.btn1_danger:before {
    background-color: #DF4A32;
}
.btn1_dark:before {
    background-color: #050708;
}
.btn1_primary:hover {
    border-color: #39579A;
}
.btn1_danger:hover {
    border-color: #DF4A32;
}
.btn1_dark:hover {
    border-color: #050708;
}

.or {
   position: relative;
   width: 130px;
   margin: auto;
}
.or a {
    background-color: #fff;
    position: relative;
    z-index: 2;
    font-weight: bold;
    color: #231716;
    padding: 0 10px;
}
.or::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #000;
}
.intl-tel-input {
    display: block;
}
.intl-tel-input .country-list {
    z-index: 3;
}
.popup_style_right_content i {
    transition: 0s;
}
.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input, .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text], .intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel] {
    padding-left: 100px;
}
.close_icon {
    z-index: 999;
}
.modal_style1 .close_icon {
    position: absolute;
    top: 15px;
    right: 33px;
}
.btn.btn_linkmodl {
    color: #FF6056;
    font-weight: 700;
    padding: 0;
    font-size: 14px;
}
/*********************************
*******login-model page ends*************
****************************************/

/*********************************
*******signup-model page starts*************
****************************************/

.a_color span a {
    color: blue;
}
/*********************************
*******signup-model page ends*************
****************************************/


/*********************************
*******otp-model page starts*************
****************************************/
.input_style {
    width: 70px;
    height: 67px;
    border-radius: 7px;
    border: 2px solid #EFEFEF;
}
.modal_spacing {
    padding: 50px;
}
.dark_color {
    color: #231716;
    font-size: 15PX;
    font-weight: 600;
    text-decoration: underline;
}
.dark_color:hover {
    text-decoration: underline;
}
/*********************************
*******otp-model page ends*************
****************************************/

.langSelect {
  width: 100%;
}
.selectStyle .select2-container--default .select2-selection--multiple {
	border: 1px solid #EFEFEF;
	min-height: 50px;
	padding: 6px 6px;
}
.selectStyle .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #FFF2F2;
	border: 1px solid #FFF2F2;
  border-radius: 2px;
}
.selectStyle .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	border-right: 1px solid #FFF2F2;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	color: #999;
}
.selectStyle .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,
.selectStyle .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
	background-color: #f9e7e7;
}


/*********************************
*******media-quary *************
****************************************/


@media(min-width:1400px){
  .container{
    max-width: 1200px;
  }
}
@media(max-width:1500px){
 .headerSection {
    padding: 15px 0;
}
/*.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-top: 18px !important;
}*/
.searchheader .select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-top: 0px !important;
}
.bannerSection {
    padding: 180px 0 30px;
}
.bannerText > h2 {
    font-size: 55px;
    line-height: 65px;
}
.searchOption {
    margin-top: 35px;
}
.formInputStyle {
    padding: 8px;
}
.localitiesSlider .swiper-button-next, .localitiesSlider .swiper-button-prev {
    width: 30px;
    height: 16px;
    margin-top: -16px;
}
.localitiesSlider .swiper-button-next::before, .localitiesSlider .swiper-button-prev::before {
    background-size: contain;
    height: 15px;
}
.nextprevText > span + span {
    padding-top: 0;
}
.localitiesSlider .swiper-button-prev {
    left: -65px;
}
.localitiesSlider .swiper-button-next {
    right: -65px;
}
.swiper-button-next .nextprevText, .swiper-button-prev .nextprevText {
    top: -35px;
}
.swiperSlider .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 3px;
}
.swiperSlider .swiper-pagination {
    max-width: 60px;
}
.paginationCol {
    max-width: 120px;
    padding-top: 30px;
}
.swiperSlider .swiper-button-next::before, .swiperSlider .swiper-button-prev::before {
    height: 15px;
    background-size: contain;
}
.swiperSlider .swiper-button-next, .swiperSlider .swiper-button-prev {
    bottom: 0;
    height: 22px;
}
.swiperSlider .swiper-button-next {
    right: 45%;
}
.swiperSlider .swiper-button-prev {
    left: 45%;
}
.testimonialText > p {
    font-size: 20px;
    line-height: 30px;
}
.testimonialText {
    position: relative;
    padding-left: 50px;
}
.testimonialText::before {
    top: -4px;
    width: 40px;
    height: 24px;
    background-size: contain;
}
.appText > h2 {
    font-size: 30px;
}
.applink > span {
    font-size: 18px;
    margin-bottom: 10px;
}
.cardSection {
    padding-top: 40px;
}
.applink > a > img {
    width: 150px;
}
.footerSection {
    padding: 80px 0 40px;
}
/*.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 250px !important;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 3px 14px rgba(0,0,0,0.2);
    left: -50px !important;
    top: 50px !important;
    border: 0 !important;
}*/
.select_datepicker .bootstrap-datetimepicker-widget table th, .select_datepicker .bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
}
.inputSeardhdd > ul > li + li {
    margin-top: 8px;
}
.headerOptions2Left > ul > li + li {
    margin-left: 25px;
}
.readyearnbg {
    min-height: 520px;
}
.cardboxStyleText p {
    font-size: 32px;
    line-height: 40px;
}
.searchheader .inputSeardhdd {
    width: 320px;
    box-shadow: 0 0px 8px rgba(0,0,0,0.1);
}
.inputSeardhdd > ul > li {
    padding: 0 60px 0 25px;
}
.searchheader .ddsearchText {
    font-size: 13px;
    line-height: 10px;
}
.searchheader .ddsearchText > span {
    font-size: 10px;
}
.searchheader .ddsearchIcon {
    position: absolute;
    left: 0;
    top: 4px;
}
.searchheader .ddsearchIcon img {
    width: 15px;
}
.searchheader .inputSeardhdd > ul > li + li {
    margin-top: 5px;
}
.viewContent {
    width: 600px;
    padding: 20px;
}
.mapdetailColtitle > h4 {
    font-size: 24px;
}
.mapdetailColtitle > span {
    font-size: 12px;
    padding-bottom: 4px;
}
.mapList {
    padding-top: 15px;
}
.mapList > ul > li .maplistfavorite > a {
    padding: 5px 12px;
}
.mapList > ul > li .maplistparent > a {
    padding: 5px 12px;
}
.mapList > ul > li + li {
    margin-left: 2px;
}
.mapdetailIcon > ul > li + li {
    margin-left: 10px;
}
.mapdetailColtitle {
    padding-right: 60px;
}
.mapCardStyle + .mapCardStyle {
    margin-top: 10px;
}
.mapCardStyle {
    border: 1px solid #EFEFEF;
}
.mapCol {
    width: calc(100% - 600px);
}
.mapIconCol {
    height: 40px;
    width: 40px;
}
.mapIconCol img {
    width: 24px;
}
.modlStyleCol .modal-dialog {
    max-width: 700px;
}
.filtermodal .modal-header {
    padding: 30px 30px 0;
}
.modlStyleCol .close {
    right: 15px;
    top: 10px;
}
.filtermodal .modal-body {
    padding: 20px 30px;
    height: 600px;
}
.checkStyle .form-group label:before {
    padding: 8px;
    margin-right: 8px;
}
.checkStyle .form-group input:checked + label:after {
    top: 5px;
    left: 7px;
    width: 6px;
    height: 10px;
}
.checkStyle h5 {
    padding-bottom: 0;
}
.inputCounter .minus img, .inputCounter .plus img {
    width: 15px;
}
.inputCounter .minus, .inputCounter .plus, .inputCounter .inputValue {
    width: 30px;
    height: 30px;
    padding: 2px;
}
.inputCounter .inputValue {
    font-size: 16px;
}
.checkStyle {
    padding-bottom: 20px;
}
.checkStyle .form-group label {
    margin-bottom: 0;
    font-size: 14px;
}
.mcustomScrollStyle .mCSB_scrollTools, .mcustomScrollStyle .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}
.mcustomScrollStyle .modal-footer {
    padding: 20px;
}
.mcustomScrollStyle .modal-footer .btnStyle {
    min-width: 220px;
    height: 45px;
}
.footerCol.socialLinks > ul > li > a > img {
    width: 15px;
}
.footerCol.socialLinks > ul > li > a {
    height: 15px;
    width: 15px;
}
.footerCol.socialLinks > ul > li + li {
    margin-left: 2px;
}
.mapview {
    padding-top: 75px;
}
.mapCrosee {
    left: 15px;
    top: 15px;
    width: 35px;
    height: 35px;
}
.mapCrosee > a > img {
    width: 10px;
}
.maplistdrop > p {
    margin: 0;
}
.togleCol {
    padding-bottom: 15px;
}
.mapdetailIcon {
    right: 20px;
    top: 30px;
}
.mapList > ul > li .maplistparent.selected > a::before {
    left: 10px;
    top: -8px;
    font-size: 10px;
}
.spacerTop {
    margin-top: 72px;
}
.carStyle {
    padding: 20px;
    margin-top: 30px;
}
.stepbarCol {
    margin-bottom: 0;
}
.userCardCol {
    padding-top: 15px;
}
.stepSection {
    padding-top: 35px;
}
.feedback {
    right: 20px;
    top: 20px;
    width: 24px;
    height: 24px;
}
.carStyle > h5 {
    padding: 0 35px 10px 0;
}
.amenities_list ul li span img {
    width: 15px;
    height: 21px;
}
.amenities_list ul li {
    padding: 5px 0 5px 22px;
}
.profileEditModl .modal-body {
    padding: 30px;
}
.profileEditModl .btnform {
    padding-top: 30px;
}
.bannerStyle2 {
    padding: 120px 0 20px;
}
.proUser {
    width: 150px;
    height: 150px;
}
.proUsertext {
    margin-top: 20px;
}
.profiletagsCol {
    padding: 30px 20px;
}
.galleryImgmd > img {
    height: 230px;
}
.galleryImgLg > img {
    height: 460px;
}
.propertyDetailMdl .swiper-slide > img {
    height: 400px;
}
.popup_style_right {
    padding: 50px 20px;
}
.popup_style_left {
    padding: 20px;
}
.modal_spacing {
    padding: 40px 20px;
}
}
@media(max-width:1300px){
.searchheader .searchInput {
    width: 150px;
    padding-left: 15px;
}
}
@media(max-width:1199px){
.localitiesSlider .swiper-button-prev {
    left: -35px;
}
.localitiesSlider .swiper-button-next {
    right: -35px;
}
.swiper-button-next .nextprevText, .swiper-button-prev .nextprevText {
    display: none;
}
.cardSliderStyleText > h4 {
    font-size: 15px;
    padding-bottom: 0;
}
.titleCol > h3 {
    font-size: 34px;
}
.sliderStyleText > h4 {
    font-size: 36px;
    padding-bottom: 0;
}
.sliderStyle .btnCol {
    margin-top: 20px;
}
.counterCardStyle .counter {
    font-size: 28px;
    padding-right: 20px;
}
.counterCardStyle .counter.counterplustext {
    padding-right: 55px;
}
.cardSection {
    padding-top: 30px;
}
.cardStyle2 {
    margin: 5px 0;
}
.testimonialImg {
    padding-right: 0;
}
.footerColLeft {
    padding-right: 50px;
}
.footerSection {
    padding: 60px 0 40px;
}
.bannerCol {
    max-width: 100%;
}
.bannerText > h2 {
    font-size: 48px;
    line-height: 55px;
}
.searchInput {
    width: 350px;
}
.headerOptions > ul > li + li {
    margin-left: 15px;
}
.sliderStyleText > p {
    font-size: 16px;
}
.cardStyle1 {
    max-width: 100%;
    margin-top: 20px;
}
.userimg > img {
    height: 30px;
    width: 30px;
    margin-right: 3px;
}
.searchheader .select_datepicker {
    width: 100px;
}
.headerOptions2Left > ul > li + li {
    padding-right: 34px;
}
.searchheader.searchOption > ul > li {
    padding-right: 5px;
    margin-right: 0;
}
.searchheader input.form-control.datetimepicker-input.formInputStyle {
    padding-left: 0;
}
.searchbarStyle2 .linkbtn {
    width: 25px;
    height: 25px;
}
.searchbarStyle2 .linkbtn img {
    width: 12px;
}
.searchOption.searchheader {
    padding: 0 0 0 10px;
}

.serchText {
    display: inline-block;
    padding-right: 10px;
}
.searchheader .searchInput {
    width: 120px;
}
.formSection {
    width: 400px;
    padding: 30px;
}
.bannerStyle_text > h2 {
    font-size: 30px;
    line-height: 30px;
}
.formSection h3 {
    font-size: 28px;
    line-height: 30px;
    padding-bottom: 10px;
}
.readyearnbg {
    min-height: 400px;
}
.cardboxStyleText p {
    font-size: 28px;
    line-height: 36px;
}
.cardSliderStyleText > p {
    padding-bottom: 10px;
}
.col-sm-12.col-md-6.col-lg-4.gridviewCol {
    ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.proColLeft {
    padding-right: 35px;
}
.after_booking > ul > li + li {
    margin-top: 20px;
}
.after_booking > ul > li {
    padding-left: 40px;
    padding-top: 0;
}
.tagcheckStyle .checktagStyle .control {
    margin: 8px 3px;
}
.tagcheckStyle .checktagStyle .control__content {
    padding: 5px 10px;
    min-width: 98px;
}
.galleryImgmd > img {
    height: 200px;
}
.galleryImgLg > img {
    height: 400px;
}
}

@media(max-width:991px){
.navCol {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    text-align: center;
    overflow-y: auto;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    width: 100%;
    z-index: 99;
}
.actNav .bar {
    z-index: 999;
    background: #1e1e1f;
}
.navCol {
    padding: 25px 120px 30px 160px;
}
.actNav .navCol {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.actNav .bar:nth-child(1) {
    transform: rotate(135deg);
    top: 8px;
}
.actNav .bar:nth-child(2) {
    transform: translate(-100%, 0);
    opacity: 0;
}
.actNav .bar:nth-child(3) {
    transform: rotate(-135deg);
    top: 8px;
    width: 100%;
}
.toggle::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
}
.navCol .headerOptions > ul > li {
    display: block;
    padding: 6px 0 3px;
    margin: 0 0 7px 0;
    text-align: left;
}
.actNav .navCol .headerOptions > ul > li + li {
    border-top: 1px solid #ddd;
}
.actNav .navCol .headerOptions > ul > li:last-child {
    border: 0;
}
.actNav .navCol .headerOptions > ul > li > a.btnStyle {
    color: #fff;
}
.navCol .onscrollIcon {
    opacity: 1;
}
.navCol .headerOptions.text-right {
    text-align: left !important;
    margin-top: 10px;
}
body.actNav {
    position: relative;
}
body.actNav::before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.25);
    content: "";
    z-index: 8;
}
.actNav .headerOptions > ul > li > a {
    color: #231716;
}
.logoCol {
    margin-left: 15px;
}
.navCol .headerOptions {
    margin-top: 100px;
}
.logoCol > img.onscrolllogo {
    left: 50%;
    transform: translate(-50%, 0);
}
.ddCol {
    left: auto;
    right: 0;
    width: 130px;
    padding: 0 10px;
    border-radius: 5px;
}
.ddCol > ul > li > a {
    padding: 6px 16px 6px 0;
}
.languagedrop > span {
    font-size: 13px;
}
.languageddIcon {
    margin-right: 5px;
}
.subddCol {
    left: auto;
    right: 122px;
    width: 120px;
    margin-top: 4px;
}
.subddCol > ul > li > a {
    font-size: 13px;
    padding: 3px 20px 3px 10px;
}
.subddCol > ul > li > a::before {
    right: 10px;
}
.headerStyle .bar {
    background-color: #1e1e1f;
}
.navCol .searchOption > ul > li {
    display: block;
    margin: 0;
}
.navCol .searchheader .searchInput {
    width: 100%;
}
.searchheader .inputSeardhdd {
    z-index: 999;
    width: 100%;
}
.searchOption.searchheader > ul > li::after{
    display: none;
}
.searchheader .btnBanner {
    position: static;
}
.searchheader .select_datepicker {
    width: 100%;
}
.searchOption.searchheader {
    margin: 0;
    padding: 0;
    border: 0;
}
/*.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    margin-top: 13px !important;
}*/
.searchOption {
    padding: 7px 120px 7px 15px;
    margin-top: 30px;
}
.linkbtn {
    height: 62px;
    width: 120px;
}
.searchInput {
    width: 240px;
}
.select_datepicker {
    width: 138px;
}
.searchOption > ul > li {
    padding-right: 5px;
    margin-right: 5px;
}
.select_datepicker .input-group-text {
    padding: 5px;
}
.searchOption > ul > li::after {
    width: 1px;
}
.bannerText > h2 {
    font-size: 40px;
    line-height: 46px;
}
.text-underline::before {
    bottom: 5px;
    height: 2px;
}
.scrollarrow img {
    width: 20px;
}
.scrollarrow a {
    height: 65px;
    -webkit-animation: sdb05 3s infinite;
    animation: sdb05 3s infinite;
}
.headerOptions > ul > li + li {
    margin-left: 10px;
}
.cardStyle1_text > p {
    padding-top: 15px;
}
.sliderStyleText > h4 {
    font-size: 30px;
}
.sliderStyleText > p {
    font-size: 14px;
}
.brpoint {
    display: inline-block;
}
.swiperSlider .swiper-button-prev {
    left: 42%;
}
.swiperSlider .swiper-button-next {
    right: 42%;
}
.counterCardStyle {
    margin: 10px 0;
}
.overlayText > h4 {
    font-size: 20px;
    padding-bottom: 0;
}
.cardStyle2Img {
    height: 210px;
}
.testimonialText {
    padding-left: 34px;
}
.testimonialText::before {
    top: 0;
    width: 24px;
    height: 24px;
}
.testimonialText > p {
    font-size: 16px;
    line-height: 24px;
}
.testimonialText > h6 {
    font-size: 18px;
    padding-top: 0;
}
.appCol {
    max-width: 500px;
    margin: 0 auto;
}
.appText > h2 {
    font-size: 24px;
}
.applink > span {
    font-size: 16px;
    margin-bottom: 0;
}
.applink > a > img {
    width: 120px;
}
.footerLogo {
    padding-bottom: 20px;
}
.footerCol > p {
    padding-top: 0;
}
.footerCol > ul > li + li {
    margin-top: 0;
}
.footerbottom {
    padding: 15px 0;
}
.footerRightoption > ul > li + li {
    margin-left: 15px;
}
.footerRightoption > ul > li {
    font-size: 14px;
}
.titleCol > h3 {
    font-size: 28px;
    margin: 0;
}
.inputSeardhdd {
    width: 400px;
    margin-top: 15px;
}
.searchOption {
    margin-bottom: 180px;
}

.bannerStyle {
    padding: 20px;
}
.formSection {
    width: 350px;
    padding: 20px;
}
.formSection h3 {
    font-size: 20px;
    line-height: 26px;
}
.bannerStyle_text > h2 {
    font-size: 20px;
    line-height: 20px;
}
.readyearnbg {
    min-height: 320px;
}
.readyearnbg .btnCol {
    padding-top: 15px;
}
.readyearnbg .btn_block {
    min-width: 250px;
}
.cardboxStyleText p {
    font-size: 20px;
    line-height: 28px;
    margin: 0;
}
.pdLeft{
    margin-left: 0;
}
.searchbarStyle2 .linkbtn {
    width: 100%;
    height: 40px;
    margin-top: 15px;
}
.searchbarStyle2 .btnBanner {
    transform: inherit;
    position: static;
}
.searchheader.searchOption > ul > li {
    padding: 0 10px;
    margin-right: 0;
    border: 1px solid #ddd;
    margin-bottom: 5px !important;
}
.serchIcond {
    display: none;
}
.searchheader input.form-control.datetimepicker-input.formInputStyle {
    padding-left: 5px;
}
/*.searchheader .select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100% !important;
    left: 0 !important
}*/
.ddCol.userdrop {
    width: 100%;
    z-index: 1;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.1);
    margin-top: 6px;
}


/* setting notification medius query starts */
.tab_box  {
    padding: 20px 30px;
}
.tab_mainHeading h3 {
    font-size: 19px;
}
.tab_heading {
    font-size: 17px;
}
.setting_notification p {
    font-size: 15px;
}
.custom_navTabs .nav-link{
    font-size: 16px;
    padding: 13px 0;
}
.setting_privacy_policy p{
    font-size: 15px;
}
.privacy_policy_list ul li {
    padding: 7px 0 7px 60px;
    font-size: 15px;
}
.privacy_policy_list ul li span {
    left: 30px;
}
.setting_privacy_support p {
    font-size: 15px;
}
/* setting support media query ends */
.listView_checkList {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    overflow-y: auto;
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(-200%, 0);
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    width: 340px;
    z-index: 999;
    padding: 80px 30px 30px;
    text-align: left;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.filterbar .listView_checkList {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.col-auto.listgridViewCol {
    padding: 0;
}
.mapdetailIcon.mapdetailIcon2 {
    text-align: right;
    margin: 0 0 15px;
}
.mapdetailIcon > ul > li.filter_block {
    border: 1px solid #f9f9f9;
    padding: 5px 15px;
    background: #f9f9f9;
    display: inline-block;
}
.filter_block > a > span{
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    color: #989898;
    padding: 0;
}
.filter_block > a > span > img {
    width: 20px;
    padding-left: 5px;
    margin-top: -4px;
}
.spacerCol {
    padding: 40px 0;
}
.spacerTop {
    margin-top: 55px;
}
.mapdetailColtitle {
    padding-right: 170px;
}
.mapfilter > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: 16px;
}
.mapfilter > a > span > img {
    width: 13px;
    margin-right: 5px;
    margin-top: -2px;
}
.mapfilter > a {
    display: block;
    background-color: #1e1e1f;
    padding: 6px 12px;
    border-radius: 20px;
    color: #fff;
    text-transform: capitalize;
    font-size: 13px;
    font-weight: 600;
}
.viewContent {
    width: 100%;
}
.mapCol {
    width: 100%;
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(-200%, 0);
    -webkit-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    z-index: 2 !important;
    left: 0;
    top: 0;
}
.mapFilter .mapCol {
    -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.mapview {
    padding-top: 0;
    margin-top: 0;
    contain: inherit !important;
}
.mapClose {
    display: none;
}
.mapFilter .mapClose {
    display: inline-block;
    padding-left: 2px;
}
.filterCloseIcon {
    position: absolute;
    right: 20px;
    top: 20px;
}
body.filterbar::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 99;
}
body.filterbar {
    position: relative;
}
.proColLeft {
    padding-right: 0;
    margin-top: 40px;
}
.select_datepicker.select_datepicker2 {
    width: 100%;
    min-width: 100%;
}
.select_datepicker2 .input-group-text {
    padding: 15px;
}
.alert.alert_danger {
    font-size: 13px;
    padding-left: 40px;
    margin-top: 0;
}
.alert_danger > span {
    height: 15px;
    width: 15px;
    left: 15px;
    font-size: 10px;
}
.prohostImg > img {
    width: 100%;
}
.prohostImg {
    margin-top: 20px;
}
.modlfooter > ul > li + li {
    margin-left: 15px;
}
.progressCol {
    margin-top: 20px;
}
.myprofileCol {
    margin-left: 0;
    padding-top: 30px;
}
.bookingSection {
    position: inherit;
}
.bookingContent {
    position: inherit;
    height: auto;
    margin: 0 0 50px;
    padding: 0;
    /*overflow-y: auto;*/
}
.propertyDetailCol {
    margin-right: 0;
}
.propertyDetailMdl .swiper-slide > img {
    height: 350px;
}
}

@media(max-width:767px){

.bannerText > h2 {
    font-size: 30px;
    line-height: 36px;
}
.bannerSection {
    padding: 140px 0 20px;
}

.btnBanner {
    position: static;
    margin-top: 10px;
}
.select_datepicker {
    width: 110px;
}
.linkbtn {
    height: 50px;
    width: 100%;
    border-radius: 10px;
}
.cardStyle1_Icon > img {
    width: 100px;
}
.sliderStyle {
    text-align: center;
}
.sliderStyleImg > img {
    max-width: 350px;
}
.paginationCol {
    max-width: 100%;
    padding-top: 50px;
}
.swiperSlider .swiper-button-prev {
    left: 38%;
}
.swiperSlider .swiper-button-next {
    right: 38%;
}
.counterCardStyle > span {
    font-size: 14px;
    padding-top: 0;
}
.cardStyle2Img {
    height: 160px;
}
.overlayText > span {
    max-width: 60px;
    padding: 2px;
    font-size: 13px;
}
.overlayText > h6 {
    font-size: 13px;
    padding-bottom: 0;
}
.overlayText > h4 {
    font-size: 18px;
    padding-bottom: 0;
    margin: 0;
}
.spacerCol, .spacerColmd {
    padding: 30px 0;
}
.cardStyle1 {
    padding-top: 20px;
}
.titleCol > h3 {
    font-size: 24px;
}
.cardStyle1_text > p {
    padding-top: 10px;
    font-size: 12px;
    line-height: 18px;
}
.sliderStyleText > h4 {
    font-size: 24px;
}
.counterCardStyle .counter {
    font-size: 20px;
    padding-right: 15px;
}
.counterCardStyle .counter.counterplustext {
    padding-right: 40px;
}
.cardSection {
    padding-top: 20px;
}
.overlayText {
    padding: 30px 10px 10px 10px;
}
.galleryCol {
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
}
.cardSection.galleryCol {
    padding-top: 0;
    margin-top: 20px;
}
.testimonialText {
    margin-top: 20px;
}
.applink > a {
    display: inline-block;
}
.footerSection {
    padding: 40px 0 0;
}
.footerColLeft {
    padding-right: 0;
}
.footerCol > p {
    margin-bottom: 5px;
}
.footerCol {
    margin-bottom: 25px;
}
.footerCol > h4 {
    padding-bottom: 0;
}
.footerbottom {
    text-align: center;
    padding: 10px 0;
}
.footerRightoption {
    text-align: center;
    margin-top: 5px;
}
.btnStyle {
    font-size: 14px;
    line-height: 15px;
    padding: 10px;
    min-width: 130px;
    height: 35px;
}
.appText {
    margin-top: 0;
}
.testimonialText > p {
    font-size: 13px;
    line-height: 20px;
}
.footerCol.socialLinks {
    margin-top: 0;
}
.searchOption {
    background-color: transparent;
    padding: 0;
    margin: 30px 0 100px;
}
.searchOption > ul > li {
    display: block;
    margin: 5px 0 0;
    padding: 0;
}
.select_datepicker, .searchInput {
    width: 100%;
}
.select_datepicker .input-group-text {
    padding: 5px 10px;
    background-color: #fff;
    border: 0;
    border-radius: 6px 0 0 6px !important;
}
.searchInput {
    padding-left: 0;
    border-radius: 6px;
}
.inputIcon {
    left: 12px;
}
.searchOption > ul > li::after{
    display: none;
}
/*.select_datepicker .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 100% !important;
    left: 0 !important;
    top: 40px !important;
}*/
.searchInput .formInputStyle {
    padding-left: 45px;
}
.formInputStyle{
    border-radius: 6px;
}
.inputSeardhdd {
    width: 100%;
    margin-top: 4px;
    border-radius: 6px;
}
.select_datepicker .input-group-append {
    margin: 0;
}
.navCol {
    padding: 25px 100px 30px 120px;
}
.searchheader .searchInput .formInputStyle {
    padding-left: 20px;
}
.formSection {
    width: 100%;
    margin-top: 20px;
}
.mainQuery_form {
    width: 100%;
}
.cardboxStyleText {
    margin-top: 20px;
}
.cardboxStyleText::before {
    width: 20px;
    height: 20px;
}
.accordionStyle {
    max-width: 100%;
    padding-top: 30px;
}
.accordionHeader > h4 {
    padding: 15px 15px 15px 40px;
    font-size: 14px;
}
.accordionHeader > h4::before, .accordionHeader > h4::after {
    left: 10px;
}
.accordionHeader > h4::after {
    height: 13px;
    width: 2px;
    margin-left: 5px;
}
.accordionHeader > h4::before {
    width: 13px;
    height: 2px;
}
.accordionBody {
    font-size: 13px;
    line-height: 20px;
    padding: 15px 15px 15px 40px;
}
.readyearnbg {
    min-height: 260px;
}
.readyearnbg .btn_block {
    min-width: 200px;
}
.formStyle {
    height: 40px;
    padding: 10px;
}
.cardboxStyleText p {
    font-size: 18px;
    line-height: 22px;
}
.pdLeft {
    padding-top: 25px;
}
.cardboxStyleText .btnCol {
    margin-top: 15px;
}
.userdrop > ul > li > a > span > img {
    width: 15px;
}
.searchheader.searchOption > ul > li {
    padding: 0;
}
.earnDollar {
    font-size: 20px;
    line-height: 20px;
}
.perMonth {
    font-size: 14px;
}
.bannerStyle {
    padding: 15px;
    border-radius: 5px;
}
.formSection h3 {
    font-size: 18px;
    line-height: 20px;
}
.counterCol.counterColStyle2 {
    padding-top: 20px;
}
.counterColStyle2 .counterCardStyle .counter {
    font-size: 30px;
    line-height: 34px;
}
.counterColStyle2 .counterCardStyle > span {
    font-size: 14px;
    line-height: 18px;
}
/* setting page media query starts */
.custom_navTabs .nav-link{
    font-size: 15px;
    padding: 10px 0;
}
.notificaton_col {
    padding: 5px 0;
}
.setting_privacy_policy p {
    font-size: 14px;
}
.privacy_policy_list ul li {
    padding: 5px 0 5px 30px;
    font-size: 14px;
}
.privacy_policy_list ul li span {
    left: 0;
}
.setting_privacy_support p {
    font-size: 14px;
}
/* setting page media query sends */
.cardStyle1_text > h5 {
    font-size: 16px;
    padding-top: 15px;
}
.modlStyleCol .modal-dialog {
    max-width: 100%;
}
.filtermodal .modal-header {
    padding: 20px 20px 0;
}
.filtermodal .modal-body {
    padding: 20px;
    height: 500px;
}
.inputCounter .minus, .inputCounter .plus, .inputCounter .inputValue {
    padding: 4px;
}
.filtermodal .modal-footer {
    padding: 20px;
}
.ddCol.maplistdrop {
    min-width: 100%;
    padding: 15px;
    margin-top: 0;
}
.togleCol .switch {
    width: 40px;
    height: 20px;
}
.togleCol .slider:before {
    height: 20px;
    width: 20px;
}
.maplistdrop > h6 {
    padding-bottom: 10px;
}
.maplistdropLink {
    padding-top: 10px;
}
.maplistdropLinkRight .btnStyle {
    min-width: 60px;
    padding: 7px;
    height: 30px;
}
.maplistdrop > ul > li + li {
    margin-top: 6px;
}
.maplistdrop [type="radio"]:checked + label:before, .maplistdrop [type="radio"]:not(:checked) + label:before {
    width: 20px;
    height: 20px;
    border: 1px solid #DCDFE1;
}
.maplistdrop [type="radio"]:checked + label:after, .maplistdrop [type="radio"]:not(:checked) + label:after {
    top: 3px;
    left: 7px;
    height: 10px;
    width: 6px;
    border-bottom: 2px solid #FF6056;
    border-right: 2px solid #FF6056;
}
.maplistdrop [type="radio"]:checked + label, .maplistdrop [type="radio"]:not(:checked) + label {
    padding-left: 30px;
    line-height: 22px;
    font-size: 14px;
}
.maplistlinkText, .maplistlinkText:hover {
    font-size: 13px;
}
.mapList > ul > li {
    display: block;
}
.mapList > ul > li + li {
    margin: 10px 0 0 0;
}
.col-sm-12.col-md-6.col-lg-4.gridviewCol {
    ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.mapCardSlider.mapCardSlider3 .swiper-slide img {
    height: 300px;
}
.btnform2 .btnStyle {
    min-width: 200px;
}
.next_btn::after {
    right: 20px;
}
.submit_btn::after {
    right: 20px;
}
.nextPage_buttons {
    padding: 10px 0;
}
.stepbtnCol .btnStyle, .back_btn {
    min-width: 150px;
}
.back_btn {
    margin-right: 10px;
}
.widthStyle, .widthStylemd {
    max-width: 100%;
}
.promapCol {
    height: 300px;
}
.uploadfileCol {
    padding: 20px;
}
.formInputStyle {
    height: 40px;
}
.inputCol > ul > li + li::after {
    height: 24px;
    width: 2px;
}
.amenities_list ul li {
    display: block;
    width: 100%;
    margin: 0;
}
a.btwidthmd {
    line-height: 16px;
}
.btnStyle.btwidthmd {
    min-width: 200px;
}
.profileEditModl .modal-body {
    padding: 20px;
}
.profileEditModl .titleCol > h4 {
    font-size: 18px;
}
.profileEditModl .titleCol > p {
    font-size: 14px;
    line-height: 18px;
    padding-top: 0;
}
.modlListfaq {
    margin-top: 15px;
}
.checktagStyle .control {
    margin: 6px 2px;
}
.checktagStyle .control__content {
    padding: 4px 10px;
    font-size: 13px;
    line-height: 16px;
    height: 38px;
    min-width: 105px;
}
.checktagStyle .control__content::before {
    top: -10px;
    font-size: 10px;
    width: 10px;
    height: 10px;
}
.modlListfaq > ul > li {
    padding: 10px 30px 10px 30px;
}
.bannerStyle2 {
    padding: 80px 0 15px;
}
.myprofileCol .carStyle {
    margin-top: 15px;
    padding: 30px;
}
.tagcheckStyle {
    padding-top: 20px;
}
.propertyDetailCol .userCardCol .small_txt > h4 {
    font-size: 20px;
    line-height: 25px;
}
.propertyDetailCol .userCardCol > h6 {
    font-size: 16px;
    margin-top: 0;
}
.propertyDetailSlider.testimonialSlider .swiper-button-next {
    right: 33%;
}
.propertyDetailSlider.testimonialSlider .swiper-button-prev {
    left: 33%;
}
.progressbarList .progressCol {
    margin: 10px 0;
}
.reviewsSec {
    padding-bottom: 0;
}
.prodetailmap > iframe {
    height: 260px;
}
.galleryImgmd > img {
    height: 150px;
}
.galleryImgLg > img {
    height: 300px;
}
.bookedCol {
    padding: 15px;
    margin-top: 20px;
}
.propertyDetailCol .userCardCol .small_txt > h4 {
    font-size: 18px;
    line-height: 22px;
}
.popup_style_left {
    padding: 80px 20px;
}
.modal_spacing {
    padding: 40px 0 20px;
}
.popup_style_right {
    padding: 20px 15px;
}
}


@media(max-width:585px){
.navCol {
    padding: 25px 100px;
}
.localitiesSlider .swiper-button-next {
    right: 0;
}
.localitiesSlider .swiper-button-prev {
    left: 0;
}
.localitiesSlider .swiper-button-next::before, .localitiesSlider .swiper-button-prev::before {
    background-size: 18px;
    top: 50%;
    transform: translate(0, -50%);
}
.localitiesSlider .swiper-button-next, .localitiesSlider .swiper-button-prev {
    width: 30px;
    height: 30px;
    background: #ffff;
    border-radius: 50px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    margin-top: -10px;
}
.titleCol > h3 {
    font-size: 20px;
}

.cardStyle1_Icon > img {
    width: 80px;
}
.swiperSlider .swiper-button-next {
    right: 30%;
}
.swiperSlider .swiper-button-prev {
    left: 30%;
}
.bannerSection {
    padding: 120px 0 20px;
}
.sliderStyleImg > img {
    max-width: 100%;
}
.inputSeardhdd {
    border-radius: 6px;
    padding: 15px;
}
.searchOption {
    margin: 20px 0 100px;
}
.earnCol {
    padding: 5px 0 0;
}
.earnMoney {
    width: 100%;
}
.form-group {
    margin-bottom: 10px;
}
textarea.formStyle {
    min-height: 95px;
    font-size: 13px;
}
.tab_box {
    padding: 20px;
}
.setting_notification label.switch {
    width: 40px;
    height: 20px;
}
.setting_notification .slider:before {
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 10px;
}
.cardSliderStyle {
    padding-bottom: 30px;
}
.cardSliderStyleLink {
    bottom: 10px;
}
.viewContent {
    padding: 15px;
}
.mapCardStyleText {
    padding: 15px;
}
.mapviewTextStyle > h5 {
    margin-bottom: 5px;
}
.mapviewTextStyle > h5 > a {
    font-size: 14px;
    line-height: 18px;
    padding-right: 20px;
}
.mapviewTextStyle > p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
}
.mapratingCol {
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 30px;
}
.mapratingColSearch {
    bottom: 5px;
}
.mapratingtextLeft > h4 {
	font-size: 15px;
}
.mapratingRight > span {
	font-size: 11px;
}
.likeIcon {
    z-index: 2;
}
.mapCardSlider, .mapCardSlider.mapCardSlider2 {
    width: 100%;
}
.mapCardSlider .swiper-slide img {
    height: 300px;
}
.mapfilter > a > span > img {
    width: 10px;
    margin-top: 0;
}
.mapfilter > a {
    padding: 3px 10px 5px;
    font-size: 12px;
}
.mapfilter > a > span {
    line-height: 12px;
}
.mapdetailIcon > ul > li + li {
    margin-left: 5px;
}
.mapdetailColtitle {
    padding-right: 0;
}
.mapdetailIcon {
    position: relative;
    text-align: right;
    margin-bottom: 15px;
    top: 0;
    right: 0;
}
.mapCardSlider .swiper-container, .mapCardSlider .swiper-wrapper, .mapCardSlider .swiper-slide, .mapCardSlider .swiper-slide img {
    border-radius: 10px 10px 0 0;
}

.filtermodal .modal-footer .btnStyle {
    min-width: 120px;
    height: 35px;
}
.filtermodal .modal-footer {
    padding: 15px;
}
.filtermodal .close {
    right: 10px;
    top: 5px;
}
.mapCardSlider .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
}
.selectLabel label {
    font-size: 13px;
    padding-right: 5px;
    margin: 0;
}
.mapdetailIcon2 .selectLabel {
    padding-left: 10px;
}
.formStyle.formStyle_2 {
    font-size: 10px;
    padding: 4px 20px 4px 8px;
    min-width: 80px;
    height: 30px;
}
.selectoptionStyle::before {
    right: 6px;
    font-size: 16px;
}
.mapdetailIcon > ul > li.filter_block {
    padding: 5px 10px;
}
.mapdetailIcon > ul > li > a > svg {
    margin-top: -8px;
}
.mapCardSection {
    margin-top: 10px;
}
.filter_block > a > span {
    font-size: 13px;
}
.listView_map {
    margin-bottom: 30px;
}
.likeIcon input[type="checkbox"] + label:before, .likeIcon input[type="checkbox"]:checked + label:before {
    content: "\f004";
}
.stepbarCol {
    padding: 0;
}
.custom_progress_bar::before {
    width: 10px;
    height: 10px;
}
.proColStyle h3 {
    font-size: 18px;
}
.userCardCol {
    padding-top: 5px;
}
.profile_img > img {
    height: 50px;
    width: 50px;
}
.small_txt > h4 {
    font-size: 14px;
}
.userCardCol > h6 {
    font-size: 14px;
    padding: 10px 0;
}
.userCardCol > span {
    font-size: 13px;
}
.details_img {
    width: 20px;
}
.details_text h5 {
    font-size: 14px;
}
.details_text p {
    font-size: 13px;
}
.after_booking {
    margin-top: 15px;
}
.after_booking h4 {
    font-size: 16px;
    padding: 10px 0;
}
.after_booking > ul > li {
    padding-left: 30px;
}
.after_booking > ul > li + li {
    margin-top: 10px;
}
.numbering {
    height: 20px;
    width: 20px;
    font-size: 10px;
}
.after_booking_content h5 {
    font-size: 14px;
    margin-bottom: 5px;
}
.after_booking_content p {
    font-size: 13px;
    line-height: 16px;
}
.proColLeft {
    margin-top: 20px;
}
.proColStyle > p {
    padding-top: 5px;
    font-size: 14px;
}
.text_area {
    padding-top: 0;
}
.lblCol {
    font-size: 14px;
    margin-bottom: 5px;
}
.carStyle {
    padding: 15px;
    margin-top: 20px;
}
.feedback {
    right: 15px;
    top: 15px;
    width: 15px;
    height: 15px;
    font-size: 9px;
}
.carStyle > h5 {
    padding: 0 30px 0 0;
}
.carStyle .btnStyle {
    min-width: 100px;
}
.stepbtnCol .btnStyle, .back_btn {
    min-width: 120px;
}
.stepbtnCol .next_btn::after {
    right: 10px;
}
.stepbtnCol .submit_btn::after {
    right: 10px;
}
.promapCol {
    height: 220px;
}
.profiletagsColList > ul > li + li {
    padding-top: 5px;
}
.profiletagsColList > ul > li {
    font-size: 14px;
}
.profiletagsCol {
    padding: 20px;
}
.proUser {
    width: 120px;
    height: 120px;
    margin-top: 0;
}
.proheader {
    padding-top: 20px;
}
.proUsertext > h4 {
    font-size: 16px;
}
.proUsertext > h5 {
    font-size: 11px;
    padding-bottom: 0;
}
.proUsertext > h5 > i {
    padding-right: 8px;
}
.progressCol {
    margin: 20px 0 0;
}
.proUsertext > h6 > span {
    font-size: 13px;
}
.proUsertext > h6 > span + span {
    margin-left: 10px;
}
.tagcheckStyle > h4 {
    font-size: 16px;
    padding-bottom: 10px;
}
.mapdetailColtitle > h4 {
    font-size: 20px;
}
.myprofileCol .carStyle {
    padding: 20px;
}
.cardStyleRightbtn {
    text-align: right;
    margin-top: 10px;
}
.galleryImgmd > img {
    height: 120px;
}
.galleryImgLg > img {
    height: 240px;
}

}

@media(max-width:485px){
.navCol {
    padding: 20px;
}
.navCol .headerOptions {
    margin-top: 50px;
}
.formSection {
    padding: 15px;
}
.accordionHeader > h4 {
    padding: 10px 10px 10px 30px;
    font-size: 13px;
}
.accordionHeader > h4::before {
    width: 10px;
    height: 1px;
}
.accordionHeader > h4::after {
    height: 10px;
    width: 1px;
}
.accordionHeader > h4::before, .accordionHeader > h4::after {
    left: 8px;
}
.accordionBody {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 10px 10px 30px;
}
.accordionBody > p {
    margin-bottom: 10px;
}
.readyearnbg {
    min-height: 180px;
}
.readyearnbg .btnCol {
    padding-top: 10px;
}
.titleCol > h3 {
    font-size: 18px;
}
.btnStyle {
    font-size: 13px;
    min-width: 100%;
}
.readyearnbg .btn_block {
    min-width: 180px;
}
.cardboxStyleText p {
    font-size: 16px;
    line-height: 20px;
}
.textColor {
    font-size: 13px;
    line-height: 18px;
    display: block;
}
.earnMoney > p {
    font-size: 11px;
    margin-bottom: 10px;
}
.tab_box {
    padding: 15px;
    box-shadow: 0 0 10px #DCDFE1;
}
.tab_heading {
    font-size: 14px;
}
.tab_content {
    font-size: 13px;
    line-height: 18px;
    display: block;
}
.footerCol.socialLinks > ul > li > a > img {
    width: 12px;
}
.footerCol.socialLinks > ul > li > a {
    height: 12px;
    width: 12px;
}
.footerCol.socialLinks > ul > li + li {
    margin-left: 0;
}
.custom_navTabs .nav-tabs {
    padding-top: 10px !important;
}
.mapCardSlider .swiper-slide img, .mapCardSlider.mapCardSlider3 .swiper-slide img {
    height: 200px;
}
.listView_checkList {
    width: 100%;
    padding: 60px 20px 20px;
}
.ratingStar > span > i {
    font-size: 14px;
}
.mapCardSlider .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 3px;
}
.footerRightoption > ul > li {
    display: block;
}
.footerRightoption > ul > li + li {
    margin-left: 0;
    margin-top: 5px;
}
.modlfooter > ul > li {
    display: block;
}
.modlfooter > ul > li + li {
    margin-left: 0;
    margin-top: 10px;
}
.profileMdl .modal-body {
    padding: 20px;
}
.modlfooter {
    padding: 15px 20px 30px;
}
.profiletagsCol {
    padding: 15px;
}
.tagcheckStyle .checktagStyle .control {
    margin: 6px 0px;
}
.tagcheckStyle .checktagStyle .control__content {
    padding: 5px;
    min-width: 82px;
    font-size: 12px;
    height: 35px;
}
.tagcheckStyle > h4 {
    font-size: 14px;
    padding-bottom: 0;
}
.galleryImgmd > img {
    height: 100px;
}
.galleryImgLg > img {
    height: 200px;
}
.bookedLink {
    padding-top: 10px;
}
.propertyDetailCol .profile_img > img {
    height: 75px;
    width: 75px;
}
.propertyDetailCol .userCardCol .small_txt > h4 {
    font-size: 16px;
    line-height: 20px;
}
.propertyDetailCol .userCardCol > h6 {
    font-size: 14px;
    margin-top: 0;
    padding-bottom: 5px;
}
.cardSliderStyleImg > a > img {
    height: 200px;
}
.propertyDetailSlider.testimonialSlider .swiper-button-next {
    right: 25%;
}
.propertyDetailSlider.testimonialSlider .swiper-button-prev {
    left: 25%;
}
.propertyDetailSlider .swiper-button-prev, .propertyDetailSlider .swiper-button-next {
    width: 20px;
    height: 20px;
    background-size: 12px 10px;
}
.propertyDetailCol .userCardCol .row .col {
    padding-left: 0;
}
.bookedCol .inputCol {
    padding: 0;
}
.bookedCol .inputCol > ul > li + li {
    padding-left: 0;
}
.bookedCol .inputCol > ul > li + li::after {
    left: -8px;
}
.propertyDetailMdl .swiper-slide > img {
    height: 300px;
}
.propertyDetailSliderText {
    padding: 10px 30px 10px 10px;
}
}
@media(max-width:385px){
.galleryImgLg > img {
    height: 160px;
}
.galleryImgmd > img {
    height: 80px;
}
.propertyDetailCol .userCardCol .small_txt > h4 {
    font-size: 15px;
}
.propertyDetailMdl .swiper-slide > img {
    height: 250px;
}
.propertyDetailSliderText > p {
    font-size: 14px;
}
}

.colorBlack {
    color: black !important;
}
.flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
.next_btn_display {
    display: inline-block !important;
}

/* Loading Spinner */
.screen-loader {
    display: none;
    min-height: 100vh;
}
.loadingspinner {
    pointer-events: none;
    width: 4.5em;
    height: 4.5em;
    border: 0.4em solid transparent;
    border-color: #eee;
    border-top-color: #FF6056;
    border-radius: 50%;
    animation: loadingspin 1s linear infinite;
}

@keyframes loadingspin {
    100% {
            transform: rotate(360deg)
    }
}
.p-relative {
    position: relative !important;
}
.inputAddressClose {
    position: absolute;
    right: 10px;
    top: 35px;
    opacity: 0;
}

/*********************************
*******my-booking page start*************
****************************************/

.bookingCardSec {
    padding-top: 20px;
}
.bookingCardCol {
    border: 1px solid #E5E5E5;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.bookingCardStyle {
    padding: 20px;
    position: relative;
}
.bookingCardStyle::before {
    content: "";
    position: absolute;
    right: 10px;
    top: -100px;
    bottom: -100px;
    border-right: 1px solid #E5E5E5;
}
.bookingCardStyle > h4 {
    color: #231716;
    font-size: 17px;
    font-weight: 800;
    padding-bottom: 5px;
}
.bookingCardImg {
    width: 314px;
    height: 100%;
}
.bookingCardImg img {
    height: 177px;
    width: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 100%;
}
.bookingDatepicker {
    padding-top: 20px;
}
.bookingDatepicker > ul > li {
    display: inline-block;
    vertical-align: middle;
}
.bookingDatepicker > ul > li + li {
    margin-left: 40px;
}
.bookratingCol .mapratingRight {
    padding-left: 20px;
}
.bookingDatepicker > ul > li > span {
    display: block;
}
.datepickList > span > img {
    width: 16px;
}
.bookingDatepicker > ul > li > span.datepickList {
    font-size: 11px;
}
.bookingDatepicker > ul > li > span.datepickList > span {
    display: inline-block;
    vertical-align: bottom;
}
.datepickList > span > img {
    width: 16px;
    margin-right: 10px;
}
.bookingDatepicker > ul > li > span.datepickLbl {
    font-size: 16px;
    font-weight: 700;
    padding-top: 5px;
}
.bookingDatepicker > ul > li > span.datepickLbl.datepickLbl2 {
    color: #FF6056;
}
.bookingDatepicker > ul > li > span.datepickLbl.datepickLbl2 > span {
    font-size: 12px;
    color: #231716;
    font-weight: 400;
}
.bookingBtn .btn.btnStyle {
    min-width: 166px;
    font-weight: 400;
}
.bookingBtn {
    padding: 20px 25px 20px 15px;
}
.bookingBtn > ul > li {
    display: block;
}
.bookingBtn > ul > li + li {
    margin-top: 10px;
}
/*********************************
*******my-booking page ends*************
****************************************/
@media(max-width:1199px){
.bookingCardStyle {
    padding: 15px;
}
.bookingCardImg {
    width: 260px;
}
.bookingCardStyle > h4 {
    font-size: 16px;
}
.bookingDatepicker > ul > li + li {
    margin-left: 20px;
}
.bookingDatepicker > ul > li > span.datepickLbl {
    font-size: 14px;
}
}
@media(max-width:991px){
.bookingBtn {
    padding: 15px;
}
.bookingBtn .btn.btnStyle {
    min-width: 140px;
    font-size: 13px;
}
.bookratingCol .mapratingRight {
    padding-left: 10px;
}
.bookingDatepicker > ul > li > span.datepickLbl {
    font-size: 12px;
}
.bookingDatepicker > ul > li + li {
    margin-left: 10px;
}
.bookingCardImg {
    width: 200px;
}
.bookingCardImg img {
    height: 165px;
}
}
@media(max-width:767px){
.bookingCardImg {
    width: 100%;
}
.bookingCardImg img {
    height: 285px;
}
.bookingCardStyle::before{
  display: none;
}
.bookingBtn > ul > li {
    display: inline-block;
}
.bookingBtn > ul > li + li {
    margin-top: 0;
    margin-left: 10px;
}
.bookingDatepicker {
    padding-top: 10px;
}
.bookingCardSec {
    padding-top: 0;
}
}
@media(max-width:585px){
.bookingCardImg img {
    height: 250px;
}

@media(max-width:485px){
.bookingCardImg img {
    height: 200px;
}
.bookingBtn {
    padding: 0 15px 15px;
}
.bookingCardStyle > h4 {
    font-size: 14px;
}
}
@media(max-width:385px){
.bookingBtn .btn.btnStyle {
    min-width: 120px;
}
.bookingBtn > ul > li + li {
    margin-left: 5px;
}
.datepickList > span > img {
    width: 15px;
    margin-right: 5px;
}
.bookingDatepicker > ul > li + li {
    margin-left: 8px;
}
.bookingDatepicker > ul > li > span.datepickLbl {
    font-size: 10px;
}
}
}