@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*
    A- Variables Styles .
    B- Style Genaral Classes .
    E- Import Style Components .
      E-1- Import Style Navbar Component .
      E-2- Import Style About Us Page .
      E-3- Import Style Home Page .
      E-4- Import Style Footer Component .
      E-5- Import Style Projects Component .
      E-6- Import Style Project Component .
 */
/*

$primary-color: #072d4d;
$secondary-color: #f69c22;
$white-color: #ffffff;
$black-color: #000000;
$backgroundtwo: #eaeaea;
$red-color: red;
$green-color: #008f34;
$font14: 14px;
$font12: 12px;
$font18: 18px;
*/
:root {
  --white-color: #ffffff;
  --yello-color: #f7942d;
  --black-color: #000000;
  --poppins-font: "Poppins", sans-serif;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  box-sizing: border-box;
  background-color: #fffefe;
  direction: ltr;
  margin: 0px !important;
}

.owl-stage-outer {
  direction: ltr !important;
}

a {
  text-decoration: none;
  color: inherit;
}

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

button:hover {
  background-color: inherit;
  color: inherit;
}

button:focus {
  background-color: inherit;
  color: inherit;
}

/*
.container{
  max-width: 85% !important;
  margin: 0px auto
}
*/
.noactive {
  pointer-events: none;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

input[type=checkbox] {
  accent-color: #f7942d !important;
}

input[type=radio] {
  accent-color: #f7942d !important;
}

.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}
.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}
.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}
.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}
.iti__country-list {
  position: absolute;
  z-index: 2;
  list-style: none;
  text-align: left;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}
@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}
.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}
.iti__country {
  padding: 5px 10px;
  outline: none;
}
.iti__dial-code {
  color: #999;
}
.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti__flag-box, .iti__country-name, .iti__dial-code {
  vertical-align: middle;
}
.iti__flag-box, .iti__country-name {
  margin-right: 6px;
}
.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel], .iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}
.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}
.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}
.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}
.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}
.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%;
}
.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}
.iti__flag.iti__be {
  width: 18px;
}
.iti__flag.iti__ch {
  width: 15px;
}
.iti__flag.iti__mc {
  width: 19px;
}
.iti__flag.iti__ne {
  width: 18px;
}
.iti__flag.iti__np {
  width: 13px;
}
.iti__flag.iti__va {
  width: 15px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}
.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}
.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}
.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}
.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}
.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}
.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}
.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}
.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}
.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}
.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}
.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}
.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}
.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}
.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}
.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}
.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}
.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}
.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}
.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}
.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}
.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}
.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}
.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}
.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}
.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}
.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}
.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}
.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}
.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}
.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}
.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}
.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}
.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}
.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}
.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}
.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}
.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}
.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}
.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}
.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}
.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}
.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}
.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}
.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}
.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}
.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}
.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}
.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}
.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}
.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}
.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}
.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}
.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}
.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}
.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}
.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}
.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}
.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}
.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}
.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}
.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}
.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}
.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}
.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}
.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}
.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}
.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}
.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}
.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}
.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}
.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}
.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}
.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}
.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}
.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}
.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}
.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}
.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}
.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}
.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}
.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}
.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}
.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}
.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}
.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}
.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}
.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}
.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}
.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}
.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}
.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}
.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}
.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}
.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}
.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}
.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}
.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}
.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}
.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}
.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}
.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}
.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}
.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}
.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}
.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}
.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}
.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}
.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}
.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}
.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}
.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}
.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}
.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}
.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}
.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}
.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}
.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}
.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}
.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}
.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}
.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}
.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}
.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}
.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}
.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}
.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}
.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}
.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}
.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}
.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}
.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}
.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}
.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}
.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}
.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}
.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}
.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}
.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}
.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}
.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}
.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}
.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}
.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}
.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}
.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}
.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}
.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}
.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}
.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}
.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}
.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}
.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}
.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}
.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}
.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}
.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}
.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}
.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}
.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}
.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}
.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}
.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}
.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}
.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}
.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}
.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}
.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}
.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}
.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}
.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}
.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}
.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}
.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}
.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}
.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}
.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}
.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}
.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}
.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}
.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}
.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}
.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}
.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}
.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}
.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}
.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}
.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}
.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}
.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}
.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}
.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}
.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}
.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}
.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}
.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}
.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}
.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}
.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}
.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}
.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}
.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}
.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}
.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}
.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}
.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}
.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}
.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}
.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}
.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}
.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}
.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}
.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}
.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}
.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}
.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}
.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}
.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}
.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}
.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}
.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}
.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}
.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}
.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}
.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}
.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}
.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}
.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}
.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}
.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}
.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}
.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}
.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}
.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}
.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}
.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}
.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}
.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}
.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}
.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}
.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}
.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}
.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}
.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}
.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}
.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}
.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}
.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}
.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}
.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}
.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}
.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}
.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}
.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}
.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}
.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}
.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}
.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/assets/image/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/assets/image/flags@2x.png");
  }
}

.iti__flag.iti__np {
  background-color: transparent;
}

.iti {
  position: relative;
  display: inline-block;
}

.iti * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.iti__hide {
  display: none;
}

.iti__v-hide {
  visibility: hidden;
}

.iti input,
.iti input[type=text],
.iti input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: 36px;
  margin-right: 0;
}

.iti__flag-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: 1px;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 8px;
}

.iti__arrow {
  margin-left: 6px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
}

.iti__arrow--up {
  border-top: none;
  border-bottom: 4px solid #555;
}

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

.iti__country-list--dropup {
  bottom: 100%;
  margin-bottom: -1px;
}

@media (max-width: 500px) {
  .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: 20px;
}

.iti__divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC;
}

.iti__country {
  padding: 5px 10px;
  outline: none;
}

.iti__dial-code {
  color: #999;
}

.iti__country.iti__highlight {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti__flag-box,
.iti__country-name,
.iti__dial-code {
  vertical-align: middle;
}

.iti__flag-box,
.iti__country-name {
  margin-right: 6px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type=text],
.iti--allow-dropdown input[type=tel],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type=text],
.iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 52px;
  margin-left: 0;
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  right: auto;
  left: 0;
}

.iti--allow-dropdown .iti__flag-container:hover {
  cursor: pointer;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
  cursor: default;
}

.iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
.iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}

.iti--separate-dial-code .iti__selected-dial-code {
  margin-left: 6px;
}

.iti--container {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: 1px;
}

.iti--container:hover {
  cursor: pointer;
}

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed;
}

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

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}

.iti__flag {
  width: 20px;
}

.iti__flag.iti__be {
  width: 18px;
}

.iti__flag.iti__ch {
  width: 15px;
}

.iti__flag.iti__mc {
  width: 19px;
}

.iti__flag.iti__ne {
  width: 18px;
}

.iti__flag.iti__np {
  width: 13px;
}

.iti__flag.iti__va {
  width: 15px;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-size: 5652px 15px;
  }
}
.iti__flag.iti__ac {
  height: 10px;
  background-position: 0px 0px;
}

.iti__flag.iti__ad {
  height: 14px;
  background-position: -22px 0px;
}

.iti__flag.iti__ae {
  height: 10px;
  background-position: -44px 0px;
}

.iti__flag.iti__af {
  height: 14px;
  background-position: -66px 0px;
}

.iti__flag.iti__ag {
  height: 14px;
  background-position: -88px 0px;
}

.iti__flag.iti__ai {
  height: 10px;
  background-position: -110px 0px;
}

.iti__flag.iti__al {
  height: 15px;
  background-position: -132px 0px;
}

.iti__flag.iti__am {
  height: 10px;
  background-position: -154px 0px;
}

.iti__flag.iti__ao {
  height: 14px;
  background-position: -176px 0px;
}

.iti__flag.iti__aq {
  height: 14px;
  background-position: -198px 0px;
}

.iti__flag.iti__ar {
  height: 13px;
  background-position: -220px 0px;
}

.iti__flag.iti__as {
  height: 10px;
  background-position: -242px 0px;
}

.iti__flag.iti__at {
  height: 14px;
  background-position: -264px 0px;
}

.iti__flag.iti__au {
  height: 10px;
  background-position: -286px 0px;
}

.iti__flag.iti__aw {
  height: 14px;
  background-position: -308px 0px;
}

.iti__flag.iti__ax {
  height: 13px;
  background-position: -330px 0px;
}

.iti__flag.iti__az {
  height: 10px;
  background-position: -352px 0px;
}

.iti__flag.iti__ba {
  height: 10px;
  background-position: -374px 0px;
}

.iti__flag.iti__bb {
  height: 14px;
  background-position: -396px 0px;
}

.iti__flag.iti__bd {
  height: 12px;
  background-position: -418px 0px;
}

.iti__flag.iti__be {
  height: 15px;
  background-position: -440px 0px;
}

.iti__flag.iti__bf {
  height: 14px;
  background-position: -460px 0px;
}

.iti__flag.iti__bg {
  height: 12px;
  background-position: -482px 0px;
}

.iti__flag.iti__bh {
  height: 12px;
  background-position: -504px 0px;
}

.iti__flag.iti__bi {
  height: 12px;
  background-position: -526px 0px;
}

.iti__flag.iti__bj {
  height: 14px;
  background-position: -548px 0px;
}

.iti__flag.iti__bl {
  height: 14px;
  background-position: -570px 0px;
}

.iti__flag.iti__bm {
  height: 10px;
  background-position: -592px 0px;
}

.iti__flag.iti__bn {
  height: 10px;
  background-position: -614px 0px;
}

.iti__flag.iti__bo {
  height: 14px;
  background-position: -636px 0px;
}

.iti__flag.iti__bq {
  height: 14px;
  background-position: -658px 0px;
}

.iti__flag.iti__br {
  height: 14px;
  background-position: -680px 0px;
}

.iti__flag.iti__bs {
  height: 10px;
  background-position: -702px 0px;
}

.iti__flag.iti__bt {
  height: 14px;
  background-position: -724px 0px;
}

.iti__flag.iti__bv {
  height: 15px;
  background-position: -746px 0px;
}

.iti__flag.iti__bw {
  height: 14px;
  background-position: -768px 0px;
}

.iti__flag.iti__by {
  height: 10px;
  background-position: -790px 0px;
}

.iti__flag.iti__bz {
  height: 14px;
  background-position: -812px 0px;
}

.iti__flag.iti__ca {
  height: 10px;
  background-position: -834px 0px;
}

.iti__flag.iti__cc {
  height: 10px;
  background-position: -856px 0px;
}

.iti__flag.iti__cd {
  height: 15px;
  background-position: -878px 0px;
}

.iti__flag.iti__cf {
  height: 14px;
  background-position: -900px 0px;
}

.iti__flag.iti__cg {
  height: 14px;
  background-position: -922px 0px;
}

.iti__flag.iti__ch {
  height: 15px;
  background-position: -944px 0px;
}

.iti__flag.iti__ci {
  height: 14px;
  background-position: -961px 0px;
}

.iti__flag.iti__ck {
  height: 10px;
  background-position: -983px 0px;
}

.iti__flag.iti__cl {
  height: 14px;
  background-position: -1005px 0px;
}

.iti__flag.iti__cm {
  height: 14px;
  background-position: -1027px 0px;
}

.iti__flag.iti__cn {
  height: 14px;
  background-position: -1049px 0px;
}

.iti__flag.iti__co {
  height: 14px;
  background-position: -1071px 0px;
}

.iti__flag.iti__cp {
  height: 14px;
  background-position: -1093px 0px;
}

.iti__flag.iti__cr {
  height: 12px;
  background-position: -1115px 0px;
}

.iti__flag.iti__cu {
  height: 10px;
  background-position: -1137px 0px;
}

.iti__flag.iti__cv {
  height: 12px;
  background-position: -1159px 0px;
}

.iti__flag.iti__cw {
  height: 14px;
  background-position: -1181px 0px;
}

.iti__flag.iti__cx {
  height: 10px;
  background-position: -1203px 0px;
}

.iti__flag.iti__cy {
  height: 14px;
  background-position: -1225px 0px;
}

.iti__flag.iti__cz {
  height: 14px;
  background-position: -1247px 0px;
}

.iti__flag.iti__de {
  height: 12px;
  background-position: -1269px 0px;
}

.iti__flag.iti__dg {
  height: 10px;
  background-position: -1291px 0px;
}

.iti__flag.iti__dj {
  height: 14px;
  background-position: -1313px 0px;
}

.iti__flag.iti__dk {
  height: 15px;
  background-position: -1335px 0px;
}

.iti__flag.iti__dm {
  height: 10px;
  background-position: -1357px 0px;
}

.iti__flag.iti__do {
  height: 14px;
  background-position: -1379px 0px;
}

.iti__flag.iti__dz {
  height: 14px;
  background-position: -1401px 0px;
}

.iti__flag.iti__ea {
  height: 14px;
  background-position: -1423px 0px;
}

.iti__flag.iti__ec {
  height: 14px;
  background-position: -1445px 0px;
}

.iti__flag.iti__ee {
  height: 13px;
  background-position: -1467px 0px;
}

.iti__flag.iti__eg {
  height: 14px;
  background-position: -1489px 0px;
}

.iti__flag.iti__eh {
  height: 10px;
  background-position: -1511px 0px;
}

.iti__flag.iti__er {
  height: 10px;
  background-position: -1533px 0px;
}

.iti__flag.iti__es {
  height: 14px;
  background-position: -1555px 0px;
}

.iti__flag.iti__et {
  height: 10px;
  background-position: -1577px 0px;
}

.iti__flag.iti__eu {
  height: 14px;
  background-position: -1599px 0px;
}

.iti__flag.iti__fi {
  height: 12px;
  background-position: -1621px 0px;
}

.iti__flag.iti__fj {
  height: 10px;
  background-position: -1643px 0px;
}

.iti__flag.iti__fk {
  height: 10px;
  background-position: -1665px 0px;
}

.iti__flag.iti__fm {
  height: 11px;
  background-position: -1687px 0px;
}

.iti__flag.iti__fo {
  height: 15px;
  background-position: -1709px 0px;
}

.iti__flag.iti__fr {
  height: 14px;
  background-position: -1731px 0px;
}

.iti__flag.iti__ga {
  height: 15px;
  background-position: -1753px 0px;
}

.iti__flag.iti__gb {
  height: 10px;
  background-position: -1775px 0px;
}

.iti__flag.iti__gd {
  height: 12px;
  background-position: -1797px 0px;
}

.iti__flag.iti__ge {
  height: 14px;
  background-position: -1819px 0px;
}

.iti__flag.iti__gf {
  height: 14px;
  background-position: -1841px 0px;
}

.iti__flag.iti__gg {
  height: 14px;
  background-position: -1863px 0px;
}

.iti__flag.iti__gh {
  height: 14px;
  background-position: -1885px 0px;
}

.iti__flag.iti__gi {
  height: 10px;
  background-position: -1907px 0px;
}

.iti__flag.iti__gl {
  height: 14px;
  background-position: -1929px 0px;
}

.iti__flag.iti__gm {
  height: 14px;
  background-position: -1951px 0px;
}

.iti__flag.iti__gn {
  height: 14px;
  background-position: -1973px 0px;
}

.iti__flag.iti__gp {
  height: 14px;
  background-position: -1995px 0px;
}

.iti__flag.iti__gq {
  height: 14px;
  background-position: -2017px 0px;
}

.iti__flag.iti__gr {
  height: 14px;
  background-position: -2039px 0px;
}

.iti__flag.iti__gs {
  height: 10px;
  background-position: -2061px 0px;
}

.iti__flag.iti__gt {
  height: 13px;
  background-position: -2083px 0px;
}

.iti__flag.iti__gu {
  height: 11px;
  background-position: -2105px 0px;
}

.iti__flag.iti__gw {
  height: 10px;
  background-position: -2127px 0px;
}

.iti__flag.iti__gy {
  height: 12px;
  background-position: -2149px 0px;
}

.iti__flag.iti__hk {
  height: 14px;
  background-position: -2171px 0px;
}

.iti__flag.iti__hm {
  height: 10px;
  background-position: -2193px 0px;
}

.iti__flag.iti__hn {
  height: 10px;
  background-position: -2215px 0px;
}

.iti__flag.iti__hr {
  height: 10px;
  background-position: -2237px 0px;
}

.iti__flag.iti__ht {
  height: 12px;
  background-position: -2259px 0px;
}

.iti__flag.iti__hu {
  height: 10px;
  background-position: -2281px 0px;
}

.iti__flag.iti__ic {
  height: 14px;
  background-position: -2303px 0px;
}

.iti__flag.iti__id {
  height: 14px;
  background-position: -2325px 0px;
}

.iti__flag.iti__ie {
  height: 10px;
  background-position: -2347px 0px;
}

.iti__flag.iti__il {
  height: 15px;
  background-position: -2369px 0px;
}

.iti__flag.iti__im {
  height: 10px;
  background-position: -2391px 0px;
}

.iti__flag.iti__in {
  height: 14px;
  background-position: -2413px 0px;
}

.iti__flag.iti__io {
  height: 10px;
  background-position: -2435px 0px;
}

.iti__flag.iti__iq {
  height: 14px;
  background-position: -2457px 0px;
}

.iti__flag.iti__ir {
  height: 12px;
  background-position: -2479px 0px;
}

.iti__flag.iti__is {
  height: 15px;
  background-position: -2501px 0px;
}

.iti__flag.iti__it {
  height: 14px;
  background-position: -2523px 0px;
}

.iti__flag.iti__je {
  height: 12px;
  background-position: -2545px 0px;
}

.iti__flag.iti__jm {
  height: 10px;
  background-position: -2567px 0px;
}

.iti__flag.iti__jo {
  height: 10px;
  background-position: -2589px 0px;
}

.iti__flag.iti__jp {
  height: 14px;
  background-position: -2611px 0px;
}

.iti__flag.iti__ke {
  height: 14px;
  background-position: -2633px 0px;
}

.iti__flag.iti__kg {
  height: 12px;
  background-position: -2655px 0px;
}

.iti__flag.iti__kh {
  height: 13px;
  background-position: -2677px 0px;
}

.iti__flag.iti__ki {
  height: 10px;
  background-position: -2699px 0px;
}

.iti__flag.iti__km {
  height: 12px;
  background-position: -2721px 0px;
}

.iti__flag.iti__kn {
  height: 14px;
  background-position: -2743px 0px;
}

.iti__flag.iti__kp {
  height: 10px;
  background-position: -2765px 0px;
}

.iti__flag.iti__kr {
  height: 14px;
  background-position: -2787px 0px;
}

.iti__flag.iti__kw {
  height: 10px;
  background-position: -2809px 0px;
}

.iti__flag.iti__ky {
  height: 10px;
  background-position: -2831px 0px;
}

.iti__flag.iti__kz {
  height: 10px;
  background-position: -2853px 0px;
}

.iti__flag.iti__la {
  height: 14px;
  background-position: -2875px 0px;
}

.iti__flag.iti__lb {
  height: 14px;
  background-position: -2897px 0px;
}

.iti__flag.iti__lc {
  height: 10px;
  background-position: -2919px 0px;
}

.iti__flag.iti__li {
  height: 12px;
  background-position: -2941px 0px;
}

.iti__flag.iti__lk {
  height: 10px;
  background-position: -2963px 0px;
}

.iti__flag.iti__lr {
  height: 11px;
  background-position: -2985px 0px;
}

.iti__flag.iti__ls {
  height: 14px;
  background-position: -3007px 0px;
}

.iti__flag.iti__lt {
  height: 12px;
  background-position: -3029px 0px;
}

.iti__flag.iti__lu {
  height: 12px;
  background-position: -3051px 0px;
}

.iti__flag.iti__lv {
  height: 10px;
  background-position: -3073px 0px;
}

.iti__flag.iti__ly {
  height: 10px;
  background-position: -3095px 0px;
}

.iti__flag.iti__ma {
  height: 14px;
  background-position: -3117px 0px;
}

.iti__flag.iti__mc {
  height: 15px;
  background-position: -3139px 0px;
}

.iti__flag.iti__md {
  height: 10px;
  background-position: -3160px 0px;
}

.iti__flag.iti__me {
  height: 10px;
  background-position: -3182px 0px;
}

.iti__flag.iti__mf {
  height: 14px;
  background-position: -3204px 0px;
}

.iti__flag.iti__mg {
  height: 14px;
  background-position: -3226px 0px;
}

.iti__flag.iti__mh {
  height: 11px;
  background-position: -3248px 0px;
}

.iti__flag.iti__mk {
  height: 10px;
  background-position: -3270px 0px;
}

.iti__flag.iti__ml {
  height: 14px;
  background-position: -3292px 0px;
}

.iti__flag.iti__mm {
  height: 14px;
  background-position: -3314px 0px;
}

.iti__flag.iti__mn {
  height: 10px;
  background-position: -3336px 0px;
}

.iti__flag.iti__mo {
  height: 14px;
  background-position: -3358px 0px;
}

.iti__flag.iti__mp {
  height: 10px;
  background-position: -3380px 0px;
}

.iti__flag.iti__mq {
  height: 14px;
  background-position: -3402px 0px;
}

.iti__flag.iti__mr {
  height: 14px;
  background-position: -3424px 0px;
}

.iti__flag.iti__ms {
  height: 10px;
  background-position: -3446px 0px;
}

.iti__flag.iti__mt {
  height: 14px;
  background-position: -3468px 0px;
}

.iti__flag.iti__mu {
  height: 14px;
  background-position: -3490px 0px;
}

.iti__flag.iti__mv {
  height: 14px;
  background-position: -3512px 0px;
}

.iti__flag.iti__mw {
  height: 14px;
  background-position: -3534px 0px;
}

.iti__flag.iti__mx {
  height: 12px;
  background-position: -3556px 0px;
}

.iti__flag.iti__my {
  height: 10px;
  background-position: -3578px 0px;
}

.iti__flag.iti__mz {
  height: 14px;
  background-position: -3600px 0px;
}

.iti__flag.iti__na {
  height: 14px;
  background-position: -3622px 0px;
}

.iti__flag.iti__nc {
  height: 10px;
  background-position: -3644px 0px;
}

.iti__flag.iti__ne {
  height: 15px;
  background-position: -3666px 0px;
}

.iti__flag.iti__nf {
  height: 10px;
  background-position: -3686px 0px;
}

.iti__flag.iti__ng {
  height: 10px;
  background-position: -3708px 0px;
}

.iti__flag.iti__ni {
  height: 12px;
  background-position: -3730px 0px;
}

.iti__flag.iti__nl {
  height: 14px;
  background-position: -3752px 0px;
}

.iti__flag.iti__no {
  height: 15px;
  background-position: -3774px 0px;
}

.iti__flag.iti__np {
  height: 15px;
  background-position: -3796px 0px;
}

.iti__flag.iti__nr {
  height: 10px;
  background-position: -3811px 0px;
}

.iti__flag.iti__nu {
  height: 10px;
  background-position: -3833px 0px;
}

.iti__flag.iti__nz {
  height: 10px;
  background-position: -3855px 0px;
}

.iti__flag.iti__om {
  height: 10px;
  background-position: -3877px 0px;
}

.iti__flag.iti__pa {
  height: 14px;
  background-position: -3899px 0px;
}

.iti__flag.iti__pe {
  height: 14px;
  background-position: -3921px 0px;
}

.iti__flag.iti__pf {
  height: 14px;
  background-position: -3943px 0px;
}

.iti__flag.iti__pg {
  height: 15px;
  background-position: -3965px 0px;
}

.iti__flag.iti__ph {
  height: 10px;
  background-position: -3987px 0px;
}

.iti__flag.iti__pk {
  height: 14px;
  background-position: -4009px 0px;
}

.iti__flag.iti__pl {
  height: 13px;
  background-position: -4031px 0px;
}

.iti__flag.iti__pm {
  height: 14px;
  background-position: -4053px 0px;
}

.iti__flag.iti__pn {
  height: 10px;
  background-position: -4075px 0px;
}

.iti__flag.iti__pr {
  height: 14px;
  background-position: -4097px 0px;
}

.iti__flag.iti__ps {
  height: 10px;
  background-position: -4119px 0px;
}

.iti__flag.iti__pt {
  height: 14px;
  background-position: -4141px 0px;
}

.iti__flag.iti__pw {
  height: 13px;
  background-position: -4163px 0px;
}

.iti__flag.iti__py {
  height: 11px;
  background-position: -4185px 0px;
}

.iti__flag.iti__qa {
  height: 8px;
  background-position: -4207px 0px;
}

.iti__flag.iti__re {
  height: 14px;
  background-position: -4229px 0px;
}

.iti__flag.iti__ro {
  height: 14px;
  background-position: -4251px 0px;
}

.iti__flag.iti__rs {
  height: 14px;
  background-position: -4273px 0px;
}

.iti__flag.iti__ru {
  height: 14px;
  background-position: -4295px 0px;
}

.iti__flag.iti__rw {
  height: 14px;
  background-position: -4317px 0px;
}

.iti__flag.iti__sa {
  height: 14px;
  background-position: -4339px 0px;
}

.iti__flag.iti__sb {
  height: 10px;
  background-position: -4361px 0px;
}

.iti__flag.iti__sc {
  height: 10px;
  background-position: -4383px 0px;
}

.iti__flag.iti__sd {
  height: 10px;
  background-position: -4405px 0px;
}

.iti__flag.iti__se {
  height: 13px;
  background-position: -4427px 0px;
}

.iti__flag.iti__sg {
  height: 14px;
  background-position: -4449px 0px;
}

.iti__flag.iti__sh {
  height: 10px;
  background-position: -4471px 0px;
}

.iti__flag.iti__si {
  height: 10px;
  background-position: -4493px 0px;
}

.iti__flag.iti__sj {
  height: 15px;
  background-position: -4515px 0px;
}

.iti__flag.iti__sk {
  height: 14px;
  background-position: -4537px 0px;
}

.iti__flag.iti__sl {
  height: 14px;
  background-position: -4559px 0px;
}

.iti__flag.iti__sm {
  height: 15px;
  background-position: -4581px 0px;
}

.iti__flag.iti__sn {
  height: 14px;
  background-position: -4603px 0px;
}

.iti__flag.iti__so {
  height: 14px;
  background-position: -4625px 0px;
}

.iti__flag.iti__sr {
  height: 14px;
  background-position: -4647px 0px;
}

.iti__flag.iti__ss {
  height: 10px;
  background-position: -4669px 0px;
}

.iti__flag.iti__st {
  height: 10px;
  background-position: -4691px 0px;
}

.iti__flag.iti__sv {
  height: 12px;
  background-position: -4713px 0px;
}

.iti__flag.iti__sx {
  height: 14px;
  background-position: -4735px 0px;
}

.iti__flag.iti__sy {
  height: 14px;
  background-position: -4757px 0px;
}

.iti__flag.iti__sz {
  height: 14px;
  background-position: -4779px 0px;
}

.iti__flag.iti__ta {
  height: 10px;
  background-position: -4801px 0px;
}

.iti__flag.iti__tc {
  height: 10px;
  background-position: -4823px 0px;
}

.iti__flag.iti__td {
  height: 14px;
  background-position: -4845px 0px;
}

.iti__flag.iti__tf {
  height: 14px;
  background-position: -4867px 0px;
}

.iti__flag.iti__tg {
  height: 13px;
  background-position: -4889px 0px;
}

.iti__flag.iti__th {
  height: 14px;
  background-position: -4911px 0px;
}

.iti__flag.iti__tj {
  height: 10px;
  background-position: -4933px 0px;
}

.iti__flag.iti__tk {
  height: 10px;
  background-position: -4955px 0px;
}

.iti__flag.iti__tl {
  height: 10px;
  background-position: -4977px 0px;
}

.iti__flag.iti__tm {
  height: 14px;
  background-position: -4999px 0px;
}

.iti__flag.iti__tn {
  height: 14px;
  background-position: -5021px 0px;
}

.iti__flag.iti__to {
  height: 10px;
  background-position: -5043px 0px;
}

.iti__flag.iti__tr {
  height: 14px;
  background-position: -5065px 0px;
}

.iti__flag.iti__tt {
  height: 12px;
  background-position: -5087px 0px;
}

.iti__flag.iti__tv {
  height: 10px;
  background-position: -5109px 0px;
}

.iti__flag.iti__tw {
  height: 14px;
  background-position: -5131px 0px;
}

.iti__flag.iti__tz {
  height: 14px;
  background-position: -5153px 0px;
}

.iti__flag.iti__ua {
  height: 14px;
  background-position: -5175px 0px;
}

.iti__flag.iti__ug {
  height: 14px;
  background-position: -5197px 0px;
}

.iti__flag.iti__um {
  height: 11px;
  background-position: -5219px 0px;
}

.iti__flag.iti__un {
  height: 14px;
  background-position: -5241px 0px;
}

.iti__flag.iti__us {
  height: 11px;
  background-position: -5263px 0px;
}

.iti__flag.iti__uy {
  height: 14px;
  background-position: -5285px 0px;
}

.iti__flag.iti__uz {
  height: 10px;
  background-position: -5307px 0px;
}

.iti__flag.iti__va {
  height: 15px;
  background-position: -5329px 0px;
}

.iti__flag.iti__vc {
  height: 14px;
  background-position: -5346px 0px;
}

.iti__flag.iti__ve {
  height: 14px;
  background-position: -5368px 0px;
}

.iti__flag.iti__vg {
  height: 10px;
  background-position: -5390px 0px;
}

.iti__flag.iti__vi {
  height: 14px;
  background-position: -5412px 0px;
}

.iti__flag.iti__vn {
  height: 14px;
  background-position: -5434px 0px;
}

.iti__flag.iti__vu {
  height: 12px;
  background-position: -5456px 0px;
}

.iti__flag.iti__wf {
  height: 14px;
  background-position: -5478px 0px;
}

.iti__flag.iti__ws {
  height: 10px;
  background-position: -5500px 0px;
}

.iti__flag.iti__xk {
  height: 15px;
  background-position: -5522px 0px;
}

.iti__flag.iti__ye {
  height: 14px;
  background-position: -5544px 0px;
}

.iti__flag.iti__yt {
  height: 14px;
  background-position: -5566px 0px;
}

.iti__flag.iti__za {
  height: 14px;
  background-position: -5588px 0px;
}

.iti__flag.iti__zm {
  height: 14px;
  background-position: -5610px 0px;
}

.iti__flag.iti__zw {
  height: 10px;
  background-position: -5632px 0px;
}

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("/assets/image/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .iti__flag {
    background-image: url("/assets/image/flags@2x.png");
  }
}
.iti__flag.iti__np {
  background-color: transparent;
}

.nav {
  height: auto !important;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  width: 100%;
}
.nav__navbar {
  height: auto !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav__navbar .row > div {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.nav__navbar .hostn__logo {
  width: 170px;
  height: 50px;
  margin-bottom: 15px;
  display: inline-block;
}
.nav__navbar .hostn__logo img {
  width: 100%;
  height: 100%;
}
.nav__navbar .btn-group {
  width: 100%;
}
.nav__navbar .btn-group .form-group {
  width: 100%;
  align-items: center;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.nav__navbar .btn-group .form-group .select-country {
  width: 133px !important;
  text-align: center;
}
.nav__navbar .btn-group .form-group .select-country button:hover {
  background-color: transparent;
  border: none;
}
.nav__navbar .btn-group .form-group .select-country .flagstrap-selected-yqulPmo2 {
  font-size: 14px;
}
.nav__navbar .btn-group .form-group .select-country a {
  border: none;
}
.nav__navbar .btn-group .form-group .select-country a:hover {
  color: black;
  background-color: transparent;
  border: none;
}
.nav__navbar .btn-group .form-group .select-country a:focus {
  box-shadow: none !important;
}
.nav__navbar .btn-group .form-group .select-country .btn-info {
  color: black;
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-weight: bold;
  border: none;
}
.nav__navbar .btn-group .form-group .flagstrap-selected-qJ0xaTCI {
  font-size: 12px !important;
}
.nav__navbar .btn-group .form-group .sign__in,
.nav__navbar .btn-group .form-group .sign__up {
  font-family: var(--poppins-font);
  font-size: 14px;
  text-transform: capitalize;
  border-radius: 5px !important;
  letter-spacing: 0px;
  transition: all 2s;
  padding: 5px 30px;
}
.nav__navbar .btn-group .form-group .sign__in {
  border: 2px solid var(--yello-color);
  color: var(--yello-color);
  margin: 0px 15px;
}
.nav__navbar .btn-group .form-group .sign__in:hover {
  background-color: var(--yello-color);
  border: 2px solid var(--white-color);
  color: var(--white-color);
}
.nav__navbar .btn-group .form-group .sign__up {
  color: var(--white-color);
  background-color: var(--yello-color);
}
.nav__navbar .btn-group .form-group .sign__up:hover {
  border: 2px solid var(--yello-color);
  color: var(--yello-color);
  background-color: transparent;
}
.nav__navbar .btn-group .form-group .become__host {
  display: inline-block;
  padding: 5px 30px;
  color: var(--yello-color);
  border: 2px solid var(--yello-color);
  font-family: var(--poppins-font);
  font-size: 16px;
  text-transform: capitalize;
  border-radius: 6px !important;
  letter-spacing: 0px;
  transition: all 2s;
  margin-right: 20px;
}
.nav__navbar .btn-group .form-group .become__host:hover {
  background-color: var(--yello-color);
  border: 3px solid var(--white-color);
  color: var(--white-color);
}
.nav__navbar .btn-group .form-group .man__icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  font-size: 17px;
  color: #4d4d4d;
}

@media screen and (max-width: 991px) {
  .nav__navbar .navbar__logo {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav__navbar .btn-group {
    margin: 0px auto;
  }
  .nav__navbar .btn-group .form-group {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .nav__navbar .btn-group .form-group .sign__in,
  .nav__navbar .btn-group .form-group .sign__up {
    margin: 10px 0px;
    font-size: 16px;
  }
}
@media screen and (max-width: 576px) {
  .nav__navbar .navbar__logo {
    text-align: center;
  }
  .nav__navbar .hostn__logo {
    margin-bottom: 25px;
  }
  .nav__navbar .btn-group {
    float: none;
    margin: 0 auto;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .nav__navbar .btn-group .form-group {
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .nav__navbar .btn-group .form-group .select-country {
    margin-bottom: 15px;
  }
  .nav__navbar .btn-group .form-group .sign__in,
  .nav__navbar .btn-group .form-group .sign__up {
    margin-bottom: 15px;
  }
  .nav__navbar .btn-group .form-group .sign__in {
    border: 3px solid var(--yello-color);
    margin-left: 0px;
    margin-right: 0px;
    color: var(--yello-color);
  }
  .nav__navbar .btn-group .form-group .sign__in:hover {
    background-color: var(--yello-color);
    border: 3px solid var(--white-color);
    color: var(--white-color);
  }
  .nav__navbar .btn-group .form-group .sign__up {
    color: var(--white-color);
    background-color: var(--yello-color);
  }
  .nav__navbar .btn-group .form-group .sign__up:hover {
    background-color: var(--white-color);
    border: 3px solid var(--yello-color);
    color: var(--yello-color);
  }
  .nav__navbar .btn-group .form-group .become__host {
    width: 95%;
    margin-bottom: 20px;
  }
}
.signup,
.signin {
  height: auto;
  margin: 30px 0px;
  font-family: var(--poppins-font);
  max-height: auto;
  min-height: 450px;
}
.signup .row,
.signin .row {
  margin-right: 0px;
  margin-left: 0px;
}
.signup .row > div,
.signin .row > div {
  padding-left: 0px;
  padding-right: 0px;
}
.signup__logo,
.signin__logo {
  background-color: var(--yello-color);
  border-radius: 10px 0px 0px 10px;
  opacity: 1;
  padding: 1px;
  width: 100%;
  -webkit-border-radius: 10px 0px 0px 10px;
  -moz-border-radius: 10px 0px 0px 10px;
  -ms-border-radius: 10px 0px 0px 10px;
  -o-border-radius: 10px 0px 0px 10px;
  height: 100%;
}
.signup__logo h2,
.signin__logo h2 {
  text-align: center;
  margin: 50px 0px;
  font-size: 22px;
  letter-spacing: 0px;
  color: #fcf7f1;
  text-transform: capitalize;
  opacity: 1;
}
.signup__logo p,
.signin__logo p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: #f3f3f3;
  text-transform: capitalize;
}
.signup__logo .button__signin,
.signin__logo .button__signin {
  text-align: center;
  margin-top: 50px;
}
.signup__logo .button__signin a,
.signin__logo .button__signin a {
  padding: 10px 60px;
  border: 2px solid #fcf7f1;
  border-radius: 10px;
  letter-spacing: 0px;
  font-family: var(--poppins-font);
  color: #fcf7f1;
  text-transform: capitalize;
  opacity: 1;
  font-size: 16px;
  height: auto;
  transition: all 2s;
  font-weight: 500;
}
.signup__logo .button__signin a:hover,
.signin__logo .button__signin a:hover {
  background-color: var(--white-color);
  border: 2px solid var(--yello-color);
  color: var(--yello-color);
}
.signup__form,
.signin__form {
  background-color: #fafafa;
  box-shadow: 0px 0px 18px rgba(132, 132, 132, 0.4549019608);
  border-radius: 0px 10px 10px 0px;
  opacity: 1;
  width: 100%;
  padding: 10px 0px;
  height: 100%;
}
.signup__form .form-control:focus,
.signin__form .form-control:focus {
  box-shadow: none !important;
}
.signup__form h2,
.signin__form h2 {
  margin: 20px 0px;
  text-align: center;
  color: var(--yello-color);
  text-transform: capitalize;
  font-size: 22px;
}
.signup__form .form,
.signin__form .form {
  display: flex;
  flex-direction: row;
  background: #fafafa;
  font-family: var(--poppins-font);
}
.signup__form .form .form__inputs .mt-4,
.signin__form .form .form__inputs .mt-4 {
  margin-top: 1rem !important;
}
.signup__form .form .form__inputs .name .form-control,
.signin__form .form .form__inputs .name .form-control {
  width: 95%;
  display: inline;
}
.signup__form .form .form__inputs .firstname,
.signin__form .form .form__inputs .firstname {
  text-align: left;
}
.signup__form .form .form__inputs .lastname,
.signin__form .form .form__inputs .lastname {
  text-align: right;
}
.signup__form .form .form__inputs input,
.signin__form .form .form__inputs input {
  border: 1px solid #acacac;
  color: #020202;
  text-transform: capitalize;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  font-size: 12px;
}
.signup__form .form .form__inputs #error-msg,
.signin__form .form .form__inputs #error-msg {
  color: rgb(253, 63, 63);
}
.signup__form .form .form__inputs .mt-5,
.signin__form .form .form__inputs .mt-5 {
  margin-top: 1.5rem !important;
}
.signup__form .form .form__inputs .button_create,
.signin__form .form .form__inputs .button_create {
  height: 45px;
  width: 100%;
  text-align: center;
}
.signup__form .form .form__inputs .button_create button,
.signin__form .form .form__inputs .button_create button {
  width: 40%;
  height: 100%;
  border-radius: 10px;
  background-color: var(--yello-color);
  color: var(--white-color);
  text-transform: capitalize;
  font-size: 16px;
  font-family: var(--poppins-font);
  transition: all 2s;
}
.signup__form .form .form__inputs .button_create button:hover,
.signin__form .form .form__inputs .button_create button:hover {
  border: 2px solid var(--yello-color);
  background-color: transparent;
  color: var(--yello-color);
}
.signup__form .form .form__inputs .button_create button:focus,
.signin__form .form .form__inputs .button_create button:focus {
  box-shadow: none !important;
}
.signup__form .form .form__inputs .input_icon,
.signin__form .form .form__inputs .input_icon {
  position: relative;
}
.signup__form .form .form__inputs .input_icon .left-icon,
.signin__form .form .form__inputs .input_icon .left-icon {
  left: 4%;
}
.signup__form .form .form__inputs .input_icon .right-icon,
.signin__form .form .form__inputs .input_icon .right-icon {
  right: 2%;
}
.signup__form .form .form__inputs .input_icon span,
.signin__form .form .form__inputs .input_icon span {
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 20px;
}
.signup__form .form .form__inputs .input_icon span img,
.signin__form .form .form__inputs .input_icon span img {
  width: 100%;
  height: 100%;
}
.signup__form .form .form__inputs .input_icon input,
.signin__form .form .form__inputs .input_icon input {
  padding-left: 40px;
}
.signup__form .form .form__inputs .input-group-prepend,
.signin__form .form .form__inputs .input-group-prepend {
  border-right: none;
}
.signup__form .form .form__inputs .input-group-prepend .btn-outline-secondary,
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary {
  color: var(--black-color);
}
.signup__form .form .form__inputs .input-group-prepend .btn-outline-secondary:hover,
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary:hover {
  background-color: var(--white-color);
  color: var(--black-color);
}
.signup__form .form .form__inputs .input-group-prepend .btn-outline-secondary:focus,
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary:focus {
  box-shadow: none !important;
}
.signup__form .form .form__inputs .dropdown-toggle,
.signin__form .form .form__inputs .dropdown-toggle {
  border: 1px solid #cccccc;
  height: 50px;
  border-right: none;
}
.signup__form .form .form__inputs .dropdown-toggle img,
.signin__form .form .form__inputs .dropdown-toggle img {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
}
.signup__form .form .form__socialmedia,
.signin__form .form .form__socialmedia {
  margin: 0px 20px;
}
.signup__form .form .form__socialmedia .socialmedia,
.signin__form .form .form__socialmedia .socialmedia {
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 20px;
}
.signup__form .form .form__socialmedia .socialmedia:first-of-type,
.signin__form .form .form__socialmedia .socialmedia:first-of-type {
  color: #000000;
}
.signup__form .form .form__socialmedia .socialmedia:last-of-type,
.signin__form .form .form__socialmedia .socialmedia:last-of-type {
  color: #3b5998;
}
.signup__form .form .form__socialmedia .socialmedia:hover,
.signin__form .form .form__socialmedia .socialmedia:hover {
  color: #3b5998;
}
.signup__form .form .form__socialmedia .socialmedia img,
.signin__form .form .form__socialmedia .socialmedia img {
  width: 30px;
  height: 30px;
}

.signin__logo {
  border-radius: 0px 10px 10px 0px;
}
.signin__form {
  background-color: #fafafa;
  box-shadow: 0px 0px 18px rgba(132, 132, 132, 0.4549019608);
  border-radius: 10px 0px 0px 10px;
  opacity: 1;
  width: 100%;
  padding: 1px;
}
.signin__form form {
  width: 90%;
  margin: 0px auto;
}
.signin__form .form-control:focus {
  box-shadow: none !important;
}
.signin__form h2 {
  text-align: center;
  color: var(--yello-color);
  text-transform: capitalize;
}
.signin__form .form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: #fafafa;
  font-family: var(--poppins-font);
}
.signin__form .form .form__inputs .button_create {
  width: 342px;
  height: auto;
  margin: 0px auto;
  text-align: center;
}
.signin__form .form .form__inputs .button_create button {
  padding: 10px 0px;
  width: 70%;
  height: 100%;
  border-radius: 10px;
  background-color: var(--yello-color);
  color: var(--white-color);
  text-transform: capitalize;
  font-size: 20px;
  font-family: var(--poppins-font);
  transition: all 2s;
}
.signin__form .form .form__inputs .button_create button:hover {
  border: 2px solid var(--yello-color);
  background-color: transparent;
  color: var(--yello-color);
}
.signin__form .form .form__inputs .button_create button:focus {
  box-shadow: none !important;
}
.signin__form .form .form__inputs .input_icon {
  position: relative;
}
.signin__form .form .form__inputs .input_icon .left-icon {
  left: 4%;
}
.signin__form .form .form__inputs .input_icon .right-icon {
  right: 2%;
}
.signin__form .form .form__inputs .input_icon span {
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 20px;
}
.signin__form .form .form__inputs .input_icon span img {
  width: 100%;
  height: 100%;
}
.signin__form .form .form__inputs .input_icon input {
  padding-left: 40px;
}
.signin__form .form .form__inputs .input-group-prepend {
  border-right: none;
}
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary {
  color: var(--black-color);
}
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary:hover {
  background-color: var(--white-color);
  color: var(--black-color);
}
.signin__form .form .form__inputs .input-group-prepend .btn-outline-secondary:focus {
  box-shadow: none !important;
}
.signin__form .form .form__inputs .dropdown-toggle {
  border: 1px solid #cccccc;
  height: 50px;
  border-right: none;
}
.signin__form .form .form__inputs .dropdown-toggle img {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 30px;
  height: 30px;
}
.signin__form .form .form__inputs .forgetpassword {
  margin-top: 21px;
  color: var(--yello-color);
  font-family: var(--poppins-font);
  font-size: 14px;
  text-transform: capitalize;
}
.signin__form .form .form__inputs .forgetpassword a:hover {
  color: var(--yello-color);
}
.signin__form .form .form__socialmedia {
  margin: 50px auto;
  width: 90%;
  text-align: center;
}
.signin__form .form .form__socialmedia .socialmedia {
  text-align: center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  display: inline-block;
  margin-right: 50px;
  margin-bottom: 0px;
  font-size: 20px;
}
.signin__form .form .form__socialmedia .socialmedia:first-of-type {
  color: #3b5998;
}
.signin__form .form .form__socialmedia .socialmedia:last-of-type {
  color: #000000;
  margin-right: 0px;
}
.signin__form .form .form__socialmedia .socialmedia:hover {
  color: #3b5998;
}
.signin__form .form .form__socialmedia .socialmedia img {
  width: 30px;
  height: 30px;
}

@media screen and (max-width: 991px) {
  .signup__logo,
  .signin__logo {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    height: auto !important;
    max-height: auto !important;
    min-height: auto !important;
    padding-bottom: 80px;
  }
  .signup__logo h2,
  .signin__logo h2 {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 80px;
    font-size: 28px;
    letter-spacing: 0px;
    color: #fcf7f1;
    text-transform: capitalize;
    opacity: 1;
  }
  .signup__logo p,
  .signin__logo p {
    width: 95%;
  }
  .signup__form,
  .signin__form {
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
    padding-bottom: 30px;
    height: auto;
    max-height: auto;
    min-height: auto;
  }
  .signup__form .form,
  .signin__form .form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .signup__form .form .form__inputs .name .form-control,
  .signin__form .form .form__inputs .name .form-control {
    width: 100%;
  }
  .signup__form .form .form__inputs .firstname,
  .signin__form .form .form__inputs .firstname {
    text-align: left;
  }
  .signup__form .form .form__inputs .lastname,
  .signin__form .form .form__inputs .lastname {
    text-align: left;
    margin-top: 1.5rem !important;
  }
  .signup__form .form .form__socialmedia,
  .signin__form .form .form__socialmedia {
    margin: 50px auto;
    width: 90%;
    text-align: center;
  }
  .signup__form .form .form__socialmedia .socialmedia,
  .signin__form .form .form__socialmedia .socialmedia {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 0px;
    font-size: 20px;
  }
  .signin__logo {
    border-radius: 0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    -moz-border-radius: 0px 0px 10px 10px;
    -ms-border-radius: 0px 0px 10px 10px;
    -o-border-radius: 0px 0px 10px 10px;
  }
  .signin__form {
    border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
  }
}
@media screen and (max-width: 576px) {
  .signup__logo h2,
  .signin__logo h2 {
    margin-bottom: 50px;
  }
  .signup__logo .button__signin,
  .signin__logo .button__signin {
    margin-top: 50px;
  }
  .signup__logo .button__signin a,
  .signin__logo .button__signin a {
    width: 90%;
    padding: 10px 0px;
  }
  .signup__form,
  .signin__form {
    height: auto;
    max-height: auto;
    min-height: auto;
    padding-bottom: 10px;
  }
  .signup__form h2,
  .signin__form h2 {
    font-size: 26px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .signup__form .form,
  .signin__form .form {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .signup__form .form .form__inputs,
  .signin__form .form .form__inputs {
    width: 95%;
  }
  .signup__form .form .form__inputs .name .form-control,
  .signin__form .form .form__inputs .name .form-control {
    width: 100%;
  }
  .signup__form .form .form__inputs .firstname,
  .signin__form .form .form__inputs .firstname {
    text-align: center;
  }
  .signup__form .form .form__inputs .lastname,
  .signin__form .form .form__inputs .lastname {
    text-align: center;
    margin-top: 1.5rem !important;
  }
  .signup__form .form .form__inputs .input_icon .left-icon,
  .signin__form .form .form__inputs .input_icon .left-icon {
    left: 7%;
  }
  .signup__form .form .form__inputs .input_icon .right-icon,
  .signin__form .form .form__inputs .input_icon .right-icon {
    right: 1%;
  }
  .signup__form .form .form__inputs .input_icon span,
  .signin__form .form .form__inputs .input_icon span {
    position: absolute;
    top: 45%;
    transform: translate(-50%, -50%);
    width: 35px;
    height: 20px;
  }
  .signup__form .form .form__inputs .input_icon span img,
  .signin__form .form .form__inputs .input_icon span img {
    width: 100%;
    height: 100%;
  }
  .signup__form .form .form__inputs .input_icon input,
  .signin__form .form .form__inputs .input_icon input {
    padding-left: 40px;
  }
  .signup__form .form .form__socialmedia,
  .signin__form .form .form__socialmedia {
    width: 95%;
  }
  .signup__form .form .form__socialmedia .socialmedia,
  .signin__form .form .form__socialmedia .socialmedia {
    margin-right: 10px;
  }
  .signup__form .form .form__socialmedia .socialmedia:last-of-type,
  .signin__form .form .form__socialmedia .socialmedia:last-of-type {
    margin-right: 0px;
  }
  .signin__logo h2 {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 80px;
    font-size: 28px;
    letter-spacing: 0px;
    color: #fcf7f1;
    text-transform: capitalize;
    opacity: 1;
  }
  .signin__logo p {
    width: 95%;
    font-size: 18px;
  }
  .signin__logo .button__signin a {
    font-size: 18px;
  }
}
/*
    1- Style Header Compunent
      1- 1- Style Header Component To Media Queris Large.
      1- 2- Style Header Component To Media Queris Samll.
    2- Style Top Rated Compunent
      2- 1- Style Top Rated  Component To Media Queris Large.
    3- Style Our Partners Compunent
      3- 1- Style Our Partners Component To Media Queris Large.
      3- 2- Style Our Partners ComponentTo Media Queris Samll.
    4- Style Mask Compunent
      4- 1- Style Mask Component To Media Queris Large.
    5- Style Latest News Compunent
    6- Style Host Compunent .
      6- 1- Style Host Compunent To Media Queris Large.
*/
header.header {
  background-image: url("../image/bg/header-two.png");
  background-size: cover;
  height: 90vh;
  position: relative;
}
header.header nav.nav {
  border: none !important;
  background-color: transparent;
}
header.header .headersearch {
  width: 100%;
  max-height: auto;
  min-height: 100px;
  position: absolute;
  bottom: 5%;
}
header.header .headersearch .container {
  padding-left: 0px;
  padding-right: 0px;
}
header.header .headersearch .search {
  width: 100%;
  padding: 15px 10px;
  background-color: #fafafa;
  border-radius: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
header.header .headersearch .search .input_location,
header.header .headersearch .search .input_calendar {
  min-width: 25%;
  max-width: auto;
  height: 40px;
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
  box-shadow: 0px 0px 10px rgba(176, 176, 176, 0.3215686275);
  border-radius: 13px;
}
header.header .headersearch .search .input_location img,
header.header .headersearch .search .input_calendar img {
  width: 20px;
  height: 30px;
  margin-right: 5px;
}
header.header .headersearch .search .input_location input,
header.header .headersearch .search .input_calendar input {
  width: 206px;
  height: 30px;
  border: none;
}
header.header .headersearch .search .input_location input:hover,
header.header .headersearch .search .input_calendar input:hover {
  border: none;
}
header.header .headersearch .search .input_location .bootstrap-select .bs-placeholder,
header.header .headersearch .search .input_calendar .bootstrap-select .bs-placeholder {
  width: 100%;
  background-color: transparent;
}
header.header .headersearch .search .input_calendar {
  position: relative;
  justify-content: flex-start;
  padding: 0px 15px;
  cursor: pointer;
}
header.header .headersearch .search .input_calendar #demo_calendar_one,
header.header .headersearch .search .input_calendar #demo_calendar_two {
  height: 100%;
  cursor: pointer;
}
header.header .headersearch .search .input_calendar input:focus-visible {
  border: 1px solid var(--yello-color);
}
header.header .headersearch .search .btn-find {
  background-color: var(--yello-color);
  color: var(--white-color);
  width: 13%;
  height: 40px;
  border-radius: 10px;
}
header.header .headersearch .search .btn-find:hover {
  border: none;
}

@media screen and (max-width: 991px) {
  header.header {
    height: auto;
    padding-bottom: 15px;
  }
  header.header .headersearch {
    bottom: 2%;
    position: relative;
  }
  header.header .headersearch .search {
    flex-direction: column;
  }
  header.header .headersearch .search .input_location,
  header.header .headersearch .search .input_calendar {
    width: 90%;
    margin-bottom: 15px;
    justify-content: flex-start;
  }
  header.header .headersearch .search .input_location input, header.header .headersearch .search .input_location .dropdown,
  header.header .headersearch .search .input_calendar input,
  header.header .headersearch .search .input_calendar .dropdown {
    width: calc(100% - 50px);
    margin-right: 10px;
  }
  header.header .headersearch .search .input_location img,
  header.header .headersearch .search .input_calendar img {
    margin-left: 10px;
    margin-right: 10px;
  }
  header.header .headersearch .search .btn-find {
    width: 100%;
    height: 50px;
  }
}
@media screen and (max-width: 576px) {
  header.header .headersearch .search {
    bottom: 1%;
    flex-direction: column;
  }
  header.header .headersearch .search .input_location,
  header.header .headersearch .search .input_calendar {
    width: 70%;
  }
  header.header .headersearch .search .input_location input,
  header.header .headersearch .search .input_calendar input {
    width: 80%;
  }
}
.toprated {
  margin: 30px 0px 50px 0px;
  font-family: var(--poppins-font);
}
.toprated__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-family: var(--poppins-font);
  margin-bottom: 35px;
}
.toprated__header h4 {
  font-size: 18px;
  color: #0d0d0d;
  text-transform: capitalize;
}
.toprated__header a {
  color: var(--yello-color);
  text-transform: uppercase;
  font-weight: 600;
  font-size: 14px;
  text-decoration: underline;
}
.toprated__carousel {
  height: 400px;
}
.toprated__carousel .carousel-item .parent_items {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  height: 400px;
  width: 100%;
}
.toprated__carousel .carousel-item .parent_items .items_left {
  width: 48%;
  height: 400px;
  border-radius: 10px;
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.toprated__carousel .carousel-item .parent_items .items_left .overload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, 0.3294117647);
  z-index: 1;
  border-radius: 10px;
}
.toprated__carousel .carousel-item .parent_items .items_left .review {
  position: absolute;
  z-index: 3;
  top: 5%;
  left: 3%;
  display: flex;
  flex-direction: column;
}
.toprated__carousel .carousel-item .parent_items .items_left .review img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.toprated__carousel .carousel-item .parent_items .items_left .review span {
  font-size: 12px;
}
.toprated__carousel .carousel-item .parent_items .items_left .review span:first-of-type {
  color: #d9d9d9;
}
.toprated__carousel .carousel-item .parent_items .items_left .review span:last-of-type {
  color: #ffffff;
}
.toprated__carousel .carousel-item .parent_items .items_left .grouptwo {
  position: absolute;
  z-index: 3;
  top: 18%;
  left: 3%;
  display: flex;
  flex-direction: column;
  color: #ffffff;
  text-align: center;
}
.toprated__carousel .carousel-item .parent_items .items_left .grouptwo img {
  width: 30px;
  height: 30px;
  margin-bottom: 5px;
}
.toprated__carousel .carousel-item .parent_items .items_left .grouptwo span {
  font-size: 12px;
}
.toprated__carousel .carousel-item .parent_items .items_left .like {
  position: absolute;
  z-index: 3;
  top: 5%;
  right: 3%;
  width: 35px;
  height: 30px;
}
.toprated__carousel .carousel-item .parent_items .items_left .like img {
  width: 100%;
  height: 100%;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom {
  position: absolute;
  z-index: 3;
  bottom: 3%;
  left: 0%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  color: var(--white-color);
  padding: 0px 15px;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom .cost {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.54px;
  opacity: 1;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom .cost span {
  font-weight: normal;
  font-size: 12px;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom .location {
  font-weight: normal;
  font-size: 12px;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom .location img {
  width: 15px;
  height: 15px;
}
.toprated__carousel .carousel-item .parent_items .items_left .bottom button {
  background: #f7941d 0% 0% no-repeat padding-box;
  border-radius: 5px;
  opacity: 0.9;
  color: var(--white-color);
  font-size: 12px;
  padding: 8px 15px;
}
.toprated__carousel .carousel-item .parent_items .items_right {
  width: 48%;
  height: 400px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.toprated__carousel .carousel-item .parent_items .items_right .top,
.toprated__carousel .carousel-item .parent_items .items_right .bottom {
  height: 195px;
  width: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.toprated__carousel .carousel-item .parent_items .items_right .top .imgone,
.toprated__carousel .carousel-item .parent_items .items_right .bottom .imgone {
  width: 55%;
  height: 100%;
  position: relative;
  border-radius: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.toprated__carousel .carousel-item .parent_items .items_right .top .imgone .overload,
.toprated__carousel .carousel-item .parent_items .items_right .bottom .imgone .overload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.7215686275);
  z-index: 1;
  border-radius: 10px;
}
.toprated__carousel .carousel-item .parent_items .items_right .top .imgone .content,
.toprated__carousel .carousel-item .parent_items .items_right .bottom .imgone .content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.toprated__carousel .carousel-item .parent_items .items_right .top .imgone .content a,
.toprated__carousel .carousel-item .parent_items .items_right .bottom .imgone .content a {
  text-transform: capitalize;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--poppins-font);
}
.toprated__carousel .carousel-item .parent_items .items_right .top .imgtwo,
.toprated__carousel .carousel-item .parent_items .items_right .bottom .imgtwo {
  width: 40%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 10px;
}
.toprated__carousel .carousel-item .parent_items .items_right .bottom {
  height: 48%;
  width: 100%;
}
.toprated__carousel .carousel-control-prev,
.toprated__carousel .carousel-control-next {
  background-color: var(--white-color);
  color: black;
  box-shadow: 0px 0px 40px rgba(142, 142, 142, 0.7176470588);
  opacity: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  font-size: 18px;
  bottom: 45%;
  top: 45%;
  z-index: 7;
}
.toprated__carousel .carousel-control-prev {
  left: -2%;
}
.toprated__carousel .carousel-control-next {
  right: -2%;
}

@media screen and (max-width: 991px) {
  .toprated {
    margin: 50px 0px;
    font-family: var(--poppins-font);
  }
  .toprated__header {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .toprated__header h4 {
    margin-bottom: 10px;
  }
  .toprated__carousel {
    height: auto;
  }
  .toprated__carousel .carousel-item {
    height: auto;
  }
  .toprated__carousel .carousel-item .parent_items {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: auto;
  }
  .toprated__carousel .carousel-item .parent_items .items_left {
    width: 100%;
    height: 300px;
    margin-bottom: 10px;
  }
  .toprated__carousel .carousel-item .parent_items .items_right {
    width: 100%;
    height: 300px;
  }
  .toprated__carousel .carousel-item .parent_items .items_right .top {
    margin-bottom: 10px;
  }
  .toprated__carousel .carousel-item .parent_items .items_right .top,
  .toprated__carousel .carousel-item .parent_items .items_right .bottom {
    height: 150px;
  }
  .toprated__carousel .carousel-item .parent_items .items_right .top .imgone,
  .toprated__carousel .carousel-item .parent_items .items_right .bottom .imgone {
    width: 49%;
  }
  .toprated__carousel .carousel-item .parent_items .items_right .top .imgtwo,
  .toprated__carousel .carousel-item .parent_items .items_right .bottom .imgtwo {
    width: 49%;
  }
  .toprated__carousel .carousel-item .parent_items .items_right .bottom {
    height: 50%;
  }
}
.ourpartners {
  font-family: var(--poppins-font);
}
.ourpartners h4 {
  font-size: 20px;
  color: #0d0d0d;
  text-transform: capitalize;
  margin-bottom: 35px;
}
.ourpartners__imags {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
}
.ourpartners__imags .img {
  width: 17%;
  height: 73px;
}
.ourpartners__imags .img img {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .ourpartners__imags {
    flex-wrap: wrap;
  }
  .ourpartners__imags .img {
    width: 40%;
    display: inline-block;
    margin-bottom: 40px;
  }
  .ourpartners__imags .img img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 576px) {
  .ourpartners__imags {
    flex-wrap: nowrap;
    flex-direction: column;
  }
  .ourpartners__imags .img {
    width: 80%;
    display: inline-block;
    margin-bottom: 40px;
  }
  .ourpartners__imags .img img {
    width: 100%;
    height: 100%;
  }
}
.mask {
  margin: 60px 0px;
}
.mask__items {
  position: relative;
  width: 100%;
  height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 60px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.mask__items .imgback {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  width: 100%;
  height: 100%;
  filter: blur(3px);
  -webkit-filter: blur(3px);
  border-radius: 60px;
}
.mask__item {
  padding: 20px 50px;
  background-color: rgba(255, 153, 45, 0.3490196078);
  box-shadow: 0px 39px 58px rgba(176, 176, 176, 0.1098039216);
  border-radius: 35px;
  backdrop-filter: blur(23px);
  -webkit-backdrop-filter: blur(23px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: var(--white-color);
}
.mask__item img {
  width: 100px;
  height: 80px;
  margin-bottom: 15px;
}
.mask__item span {
  letter-spacing: 0px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 1;
  font-size: 16px;
  font-family: var(--poppins-font);
}

@media screen and (max-width: 991px) {
  .mask {
    margin: 90px 0px;
  }
  .mask__items {
    padding: 30px 0px;
    height: auto;
    flex-direction: column;
  }
  .mask__item {
    height: 200px;
    width: 70%;
    background: var(--yello-color) 0% 0% no-repeat padding-box;
    box-shadow: 0px 39px 58px rgba(176, 176, 176, 0.1098039216);
    border-radius: 65px;
    opacity: 0.75;
    backdrop-filter: blur(23px);
    -webkit-backdrop-filter: blur(23px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--white-color);
    margin-bottom: 30px;
  }
  .mask__item img {
    width: 200px;
    height: 90px;
    margin-bottom: 15px;
  }
}
.latestnews {
  font-family: var(--poppins-font);
  margin-bottom: 35px;
}
.latestnews h4 {
  font-size: 20px;
  color: #0d0d0d;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.latestnews .multiple-items .item {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 8px rgba(148, 148, 148, 0.2784313725);
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  height: 350px;
  margin: 0px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  font-family: var(--poppins-font);
  padding: 15px 0px;
}
.latestnews .multiple-items .item .item__top {
  width: 95%;
  height: 100px;
  margin: 0px auto;
  background: #23a8df 0% 0% no-repeat padding-box;
  border-radius: 10px;
  opacity: 1;
}
.latestnews .multiple-items .item .item__bottom {
  position: absolute;
  margin: 0px auto;
  width: 85%;
  height: auto;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 3px rgba(214, 214, 214, 0.5882352941);
  border-radius: 10px;
  opacity: 1;
  top: 80px;
  border: 1px solid rgba(221, 221, 221, 0.8666666667);
  padding: 25px 15px;
  transition: all 3s;
  color: #1f1f1f;
}
.latestnews .multiple-items .item .item__bottom h6 {
  font-size: 16px;
  letter-spacing: 0px;
  text-transform: capitalize;
  opacity: 1;
  margin-bottom: 30px;
  transition: all 3s;
}
.latestnews .multiple-items .item .item__bottom p {
  font-size: 14px;
  text-transform: capitalize;
  opacity: 1;
  margin-bottom: 30px;
  transition: all 3s;
}
.latestnews .multiple-items .item .item__bottom button {
  background: #f7942c 0% 0% no-repeat padding-box;
  border-radius: 35px;
  opacity: 1;
  width: 65px;
  height: 38px;
  color: var(--white-color);
  transition: all 3s;
  font-size: 14px;
}
.latestnews .multiple-items .item .item__bottom:hover {
  background-color: var(--yello-color);
  color: var(--white-color);
  border: 1px solid var(--yello-color);
}
.latestnews .multiple-items .item .item__bottom:hover button {
  background: var(--white-color) 0% 0% no-repeat padding-box;
  border-radius: 35px;
  opacity: 1;
  width: 65px;
  height: 38px;
  color: var(--yello-color);
}
.latestnews .multiple-items ul.slick-dots {
  display: flex;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
}
.latestnews .multiple-items ul.slick-dots li {
  margin: 0px 5px;
}
.latestnews .multiple-items ul.slick-dots li button {
  border-radius: 50%;
  width: 19px;
  height: 19px;
  background: #e67a30 0% 0% no-repeat padding-box;
  opacity: 0.25;
  border: none;
  font-size: 0px;
  padding: 0px;
}
.latestnews .multiple-items ul.slick-dots li.slick-active button {
  opacity: 1;
  border: none;
}

.host {
  margin: 50px 0px;
  font-family: var(--poppins-font);
}
.host__header {
  text-align: center;
}
.host__header h3 {
  letter-spacing: 0px;
  color: #0d0d0d;
  text-transform: capitalize;
  opacity: 1;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 20px;
}
.host__header p {
  color: #0d0d0d;
  text-transform: capitalize;
  opacity: 1;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 30px;
}
.host__item {
  display: flex;
  flex-direction: row;
  font-family: var(--poppins-font);
}
.host__item .number {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  margin-right: 15px;
}
.host__item .number span {
  font-size: 90px;
  letter-spacing: 0px;
  color: #ededed;
  text-transform: capitalize;
  opacity: 1;
  font-weight: bold;
}
.host__item .content {
  display: flex;
  flex-direction: column;
  text-align: left;
}
.host__item .content .img {
  width: 50px;
  height: 50px;
  border-radius: 15px;
  background-color: var(--yello-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.host__item .content .img img {
  width: 25px;
  height: 25px;
}
.host__item .content .pargrh h6 {
  letter-spacing: 0px;
  color: #0d0d0d;
  text-transform: capitalize;
  opacity: 1;
  font-size: 16px;
  font-weight: bold;
}
.host__item .content .pargrh p {
  font-weight: normal;
  font-size: 12px;
  color: #6e6c5a;
}
.host .buttons button {
  width: 25%;
  background-color: var(--yello-color);
  color: var(--white-color);
  text-transform: capitalize;
  opacity: 1;
  font-family: var(--poppins-font);
  margin: 20px auto;
  height: 50px;
  font-size: 16px;
  text-align: center;
  border-radius: 10px;
  transition: all 2s;
}
.host .buttons button:hover {
  background-color: transparent;
  border: 3px solid var(--yello-color);
  color: var(--yello-color);
}

@media screen and (max-width: 991px) {
  .host__item {
    margin: 20px auto;
    justify-content: center;
    width: 80%;
  }
  .host .buttons button {
    width: 90%;
  }
}
.homeapp {
  margin: 140px 0px 200px 0px;
  background-color: var(--yello-color);
  font-family: var(--poppins-font);
  height: 300px;
}
.homeapp .container {
  height: 100%;
}
.homeapp__items {
  height: 100%;
  padding: 1px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.homeapp__items .images {
  margin-right: 40px;
  height: 100%;
  padding: 1px;
}
.homeapp__items .images img {
  width: 270px;
  top: -35%;
  position: relative;
}
.homeapp__content {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  color: var(--white-color);
  font-family: var(--poppins-font);
}
.homeapp__content h4 {
  font-weight: bold;
  font-size: 24px;
}
.homeapp__content p {
  font-size: 14px;
  font-weight: 300;
}
.homeapp__content .imags {
  width: 90%;
  display: flex;
  flex-direction: row;
}
.homeapp__content .imags img {
  width: 150px;
  height: 60px;
  margin-right: 5px;
}

@media screen and (max-width: 991px) {
  .homeapp {
    height: auto;
    padding: 20px 0px;
  }
  .homeapp .container {
    height: 100%;
  }
  .homeapp__items .images {
    display: none;
  }
  .homeapp__content {
    width: 100%;
  }
  .homeapp__content h4 {
    margin-bottom: 20px;
  }
  .homeapp__content p {
    margin-bottom: 20px;
  }
  .homeapp__content .imags {
    width: 90%;
    margin-bottom: 10px;
  }
  .homeapp__content .imags img {
    width: 40%;
  }
}
.money {
  margin: 50px 0px;
  font-family: var(--poppins-font);
}
.money__header {
  text-align: center;
}
.money__header h3 {
  letter-spacing: 0px;
  color: #0d0d0d;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: bold;
}
.money__header p {
  color: #0d0d0d;
  text-transform: capitalize;
  opacity: 1;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
}
.money__input {
  width: 50%;
  margin: 0px auto;
  text-align: center;
}
.money__input input {
  height: 40px;
  margin-right: 15px;
  font-size: 14px;
}
.money__input button {
  height: 40px;
  padding: 0px 20px;
  background-color: var(--yello-color);
  color: var(--white-color);
  font-size: 14px;
}
.money__input button:hover {
  background-color: transparent;
  border: 2px solid var(--yello-color);
  color: var(--yello-color);
}

@media screen and (max-width: 991px) {
  .money__input input {
    margin-bottom: 15px;
    width: 100%;
  }
  .money__input button {
    width: 100%;
  }
}
.resetpassword {
  font-family: var(--poppins-font);
}
.resetpassword__top {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.resetpassword__top .icon_arrow {
  width: 29px;
  height: 14px;
}
.resetpassword__top .icon_arrow img {
  width: 100%;
  height: 100%;
}
.resetpassword__top h2 {
  width: 70%;
  margin: 0px auto;
  text-align: center;
  color: #1d1d1d;
  text-transform: capitalize;
  font-family: var(--poppins-font);
  font-size: 20px;
}
.resetpassword__form {
  margin: 45px auto;
  width: 90%;
  height: 450px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 46px rgba(110, 108, 90, 0.4235294118);
  border: 1px solid #dddddd;
  border-radius: 10px;
  opacity: 1;
}
.resetpassword__form ul.list {
  width: 50%;
  height: 8px;
  margin: 0px auto;
  margin-top: 35px;
  padding: 0px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.resetpassword__form ul.list li {
  display: inline-block;
  width: 30%;
  background-color: rgba(110, 108, 90, 0.4235294118);
  height: 100%;
  margin: 0px !important;
  border-radius: 10px;
}
.resetpassword__form ul.list li a {
  display: block;
  width: 100%;
  height: 100%;
}
.resetpassword__form ul.list li.active {
  background-color: var(--yello-color);
}

.resetpassword__items {
  width: 60%;
  margin: 10px auto;
  text-align: center;
}
.resetpassword__items input {
  color: #050505;
  text-transform: capitalize;
  height: 40px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  background-color: #efefef;
}
.resetpassword__items .section_one {
  padding: 40px 0px;
}
.resetpassword__items .section_one .small_logo {
  width: 70px !important;
  height: 70px !important;
}
.resetpassword__items .section_one .input-group-phone {
  margin: 50px auto;
  width: 90%;
}
.resetpassword__items .section_one .button__send {
  text-align: center;
}
.resetpassword__items .section_one .button__send .btn {
  color: var(--white-color);
  background-color: var(--yello-color);
  text-transform: capitalize;
  font-size: 16px;
  width: 90%;
  margin: 0px auto;
  height: 45px;
  line-height: 28px;
  border-radius: 10px;
}
.resetpassword__items .section_one .button__send .btn:hover {
  background-color: var(--white-color);
  border: 2px solid var(--yello-color);
  color: var(--yello-color);
}
.resetpassword__items .section_one .form-group {
  text-align: left;
  width: 90%;
  margin: 10px auto;
}
.resetpassword__items .section_one .form-group label {
  color: #161616;
  text-transform: capitalize;
  font-size: 14px;
  font-family: var(--poppins-font);
}
.resetpassword__items .section_one .form-group input:focus {
  box-shadow: none !important;
  border: 2px solid var(--yello-color);
}
.resetpassword__items .section_one .input_icon {
  position: relative;
}
.resetpassword__items .section_one .input_icon .right-icon {
  right: 2%;
}
.resetpassword__items .section_one .input_icon span {
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 20px;
}
.resetpassword__items .section_one .input_icon span img {
  width: 100%;
  height: 100%;
}
.resetpassword__items .section_two {
  padding-top: 5px !important;
}
.resetpassword__items .section_two .receive_img {
  width: 200px !important;
  height: 110px !important;
}
.resetpassword__items .section_two P {
  text-align: center;
  margin: 30px 0px 24px 0px;
  color: #1d1d1d;
  text-transform: capitalize;
  font-weight: 500;
}
.resetpassword__items .section_two p.first_contnent {
  text-align: center;
  font-size: 14px;
}
.resetpassword__items .section_two p.tahcend_contnent {
  text-align: left;
  font-size: 12px;
}
.resetpassword__items .section_two p.tahcend_contnent a {
  font-weight: 500;
  text-decoration: underline;
}
.resetpassword__items .section_two .button__send .btn {
  width: 90%;
  margin: 0px auto;
}
.resetpassword__items .section_two .input_group input.resetpassword_input {
  width: 45px;
  height: 40px;
  text-align: center;
}
.resetpassword__items .section_two .input_group input.resetpassword_input:focus {
  border: none;
}
.resetpassword__items .section_two .input_group input.active {
  background-color: var(--yello-color);
}
.resetpassword__items .section_three {
  padding: 40px 0px;
  padding-top: 20px;
}
.resetpassword__items .section_three .button__send {
  margin-top: 30px;
  text-align: center;
}

.changepassword .link {
  color: var(--yello-color);
  font-size: 12px;
  font-weight: 500;
}
.changepassword h4 {
  margin: 22px auto;
  font-family: var(--poppins-font);
  font-size: 20px;
  color: #424242;
  text-transform: capitalize;
  font-weight: 500;
}
.changepassword .form-group, .changepassword .input-group {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
}
.changepassword .input-group-phone {
  margin-top: 20px !important;
}
.changepassword .stopevent {
  opacity: 0.5 !important;
  cursor: none !important;
  pointer-events: none !important;
}

@media screen and (max-width: 991px) {
  .resetpassword__form {
    height: auto;
  }
  .resetpassword__form .resetpassword__items {
    width: 90%;
  }
  .resetpassword__form .resetpassword__items .section_three .button__send .btn {
    padding: 15px;
  }
}
@media screen and (max-width: 576px) {
  .resetpassword__items {
    width: 95%;
  }
  .resetpassword__items .section_three .button__send {
    margin-top: 20px;
  }
  .resetpassword__items .section_three .button__send .btn {
    padding: 15px;
    font-size: 16px;
  }
}
.other {
  background-color: #f2f5f4;
  padding: 1px;
  font-family: var(--poppins-font);
  padding: 40px 0px;
}
.other__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-transform: capitalize;
  text-align: center;
}
.other__item img {
  width: 200px;
  height: 100px;
}
.other__item h5 {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.6px;
  color: #161616;
  opacity: 1;
  margin-top: 20px;
}
.other__item p {
  font-size: 16px;
  letter-spacing: 1.2px;
  color: #6e6c5a;
}
.other__item .btn {
  font-size: 18px;
  letter-spacing: 1.2px;
  background-color: transparent;
  border: 1px solid var(--yello-color);
  color: var(--yello-color);
  margin-top: 20px;
  width: 250px;
  height: 40px;
}

.cancellationpolicy__top {
  margin-top: 35px;
  display: flex;
  align-items: center;
  width: 100%;
}
.cancellationpolicy__top .icon_arrow {
  width: 29px;
  height: 14px;
}
.cancellationpolicy__top .icon_arrow img {
  width: 100%;
  height: 100%;
}
.cancellationpolicy__top h2 {
  width: 100%;
  color: #0d0d0d;
  text-align: center;
  text-transform: capitalize;
  font-family: var(--poppins-font);
  font-size: 20px;
  font-weight: 600;
}
.cancellationpolicy__content {
  width: 50%;
  margin: 60px auto;
  overflow-y: scroll;
  height: 600px;
}
.cancellationpolicy__content .lastupdated {
  font-size: 18px;
  letter-spacing: 0.72px;
  color: #f7942c;
  text-transform: capitalize;
  font-weight: 600;
}
.cancellationpolicy__content .item {
  margin: 20px 0px;
}
.cancellationpolicy__content .item h5 {
  font-size: 16px;
  color: #161616;
  text-transform: capitalize;
  font-weight: 600;
}
.cancellationpolicy__content .item p {
  width: 70%;
  font-size: 12px;
  color: #383737;
  text-transform: capitalize;
  font-weight: 600;
}

@media screen and (max-width: 991px) {
  .other__item h5 {
    font-size: 28px;
    margin-top: 20px;
  }
  .other__item p {
    font-size: 18px;
  }
  .other__item .btn {
    margin-top: 20px;
  }
}
@media screen and (max-width: 576px) {
  .other__item p {
    font-size: 16px;
  }
}
/*
    1- Style About Header Compunent
      1- 1- Style About Header Component To Media Queris Large.
      1- 2- Style About Header Component To Media Queris Samll.
    2- Style About Host Compunent
*/
.about {
  font-family: var(--poppins-font);
}
.about__header {
  background: transparent linear-gradient(221deg, #f9b767 0%, #f7942d 100%, #f7942c 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
  height: 80vh;
  overflow: hidden;
  font-family: var(--poppins-font);
}
.about__header .nav {
  background-color: white !important;
}
.about__header .top {
  margin-top: 40px;
  color: var(--white-color);
}
.about__header .top p {
  width: 100%;
  text-align: left;
  font-size: 16px;
}
.about__header .top h4 {
  text-align: center;
  font-size: 18px;
  text-transform: capitalize;
}
.about__header .imags {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  bottom: -50px;
}
.about__header .imags img {
  width: 75%;
  height: 500px;
  position: relative;
  margin: 0px auto;
}
.about__host {
  background: #eaeaea 0% 0% no-repeat padding-box;
  opacity: 1;
  font-family: var(--poppins-font);
  padding: 25px 0px;
}
.about__host__item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.about__host__item h4 {
  letter-spacing: 0px;
  color: #19191b;
  font-size: 22px;
  font-weight: bold;
  width: 25%;
}
.about__host__item p {
  width: 75%;
  letter-spacing: -0.63px;
  color: #696871;
  opacity: 1;
  font-size: 16px;
}
.about__work {
  padding: 40px 0px;
  background-color: #f7f7f7;
}
.about__work .header {
  text-align: center;
  margin-bottom: 50px;
  text-transform: capitalize;
}
.about__work .header h5 {
  font-size: 20px;
  color: #0d0d0d;
  text-transform: capitalize;
  font-weight: bold;
  margin-bottom: 25px;
}
.about__work .header p {
  width: 60%;
  margin: 0 auto;
  font-size: 14px;
  font-weight: 600;
  color: #696871;
}
.about__work__item {
  height: 500px;
  border-radius: 20px 20px 0px 0px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.about__work__item .first {
  width: 60%;
  margin: 50px auto;
  display: inline-block;
  margin-top: 40px;
}
.about__work__item .thacnd {
  width: 75%;
}
.about__work .one {
  background: #01a79d 0% 0% no-repeat padding-box;
}
.about__work .two {
  background: #f7942c 0% 0% no-repeat padding-box;
}
.about__work .three {
  background: #0080f8 0% 0% no-repeat padding-box;
}
.about__work .content {
  text-align: center;
  padding: 30px 0px;
}
.about__work .content h6 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #19191b;
}
.about__work .content p {
  font-size: 16px;
  margin-top: 15px;
  letter-spacing: 0px;
  color: #696871;
  opacity: 1;
}
.about__cards {
  font-family: var(--poppins-font);
}
.about__cards .item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 300px;
  margin: 40px 0px;
}
.about__cards .item .img {
  width: 35%;
  background: #9d9d9d 0% 0% no-repeat padding-box;
  height: 100%;
}
.about__cards .item .text {
  width: 60%;
  text-align: left;
}
.about__cards .item .text h5 {
  font-size: 20px;
  font-weight: 600;
  color: #0b0b0b;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.about__cards .item .text p {
  font-size: 14px;
  letter-spacing: 0.12px;
  color: #4d4d4d;
  width: 85%;
}

@media screen and (min-width: 1400px) {
  .about__header {
    height: 70vh;
  }
}
@media screen and (max-width: 991px) {
  .about {
    font-family: var(--poppins-font);
  }
  .about__header {
    height: 100vh;
  }
  .about__header .top {
    margin-top: 20px;
    color: var(--white-color);
  }
  .about__host__item {
    flex-direction: column;
    align-items: center;
    align-items: center;
    margin-bottom: 20px;
    text-align: center;
  }
  .about__host__item h4 {
    margin-bottom: 20px;
  }
  .about__work {
    margin: 30px 0px;
    padding: 60px 0px;
  }
  .about__work .header h5 {
    color: #0d0d0d;
    text-transform: capitalize;
    font-weight: bold;
    margin-bottom: 25px;
  }
  .about__work .header p {
    width: 60%;
    margin: 0 auto;
    font-weight: bold;
    color: #696871;
  }
  .about__work__item {
    height: 605px;
    border-radius: 20px 20px 0px 0px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
  }
  .about__work__item .first {
    width: 60%;
    margin: 50px auto;
    display: inline-block;
    margin-top: 40px;
  }
  .about__work__item .thacnd {
    width: 75%;
  }
  .about__work .one {
    background: #01a79d 0% 0% no-repeat padding-box;
  }
  .about__work .two {
    background: #f7942c 0% 0% no-repeat padding-box;
  }
  .about__work .three {
    background: #0080f8 0% 0% no-repeat padding-box;
  }
  .about__work .content {
    text-align: center;
    padding: 30px 0px;
  }
  .about__work .content h6 {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #19191b;
  }
  .about__work .content p {
    font-size: 16px;
    margin-top: 15px;
    letter-spacing: 0px;
    color: #696871;
    opacity: 1;
  }
  .about__cards {
    font-family: var(--poppins-font);
  }
  .about__cards .item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: auto;
    margin: 40px 0px;
  }
  .about__cards .item .img {
    width: 90%;
    margin: 20px auto;
    height: 300px;
  }
  .about__cards .item .text {
    width: 90%;
    margin: 20px auto;
    text-align: center;
  }
  .about__cards .item .text p {
    width: 100%;
  }
}
.contactus {
  font-family: var(--poppins-font);
}
.contactus .row .rowone {
  padding: 0px;
}
.contactus__title {
  text-align: center;
  margin-top: 50px;
}
.contactus__title h3 {
  letter-spacing: 0.8px;
  color: #2b2b2b;
  text-transform: capitalize;
  font-size: 26px;
  font-weight: bold;
}
.contactus__title p {
  font-size: 18px;
  letter-spacing: 1.5px;
  color: #4e4e4e;
}
.contactus__form, .contactus__info {
  height: 850px;
}
.contactus__info {
  background-color: var(--yello-color);
  color: var(--white-color);
  width: 100%;
  margin-bottom: 50px;
  padding: 1px;
  box-shadow: 0px 0px 19px rgba(74, 74, 74, 0.231372549);
  border-radius: 5px 0px 0px 5px;
}
.contactus__info h3 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  text-transform: capitalize;
  margin-top: 80px;
  margin-bottom: 80px;
}
.contactus__info ul {
  width: 60%;
  margin: 0px auto;
}
.contactus__info ul li {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
}
.contactus__info ul li img {
  margin-right: 10px;
  width: 24px;
  height: 24px;
}
.contactus__info ul li img.email {
  filter: invert(100%) sepia(7%) saturate(642%) hue-rotate(249deg) brightness(107%) contrast(100%);
}
.contactus__info ul li .text {
  font-size: 16px;
  color: #ffffff;
  text-transform: capitalize;
}
.contactus__folllow {
  width: 60%;
  margin: 90px auto;
  display: flex;
  flex-direction: row;
}
.contactus__folllow a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.3058823529);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.contactus__folllow a img {
  width: 20px;
  height: 20px;
  filter: invert(100%) sepia(7%) saturate(642%) hue-rotate(249deg) brightness(107%) contrast(100%);
}
.contactus__form {
  width: 100%;
  margin-bottom: 50px;
  padding: 1px;
  box-shadow: 0px 0px 19px rgba(74, 74, 74, 0.231372549);
  border-radius: 0px 5px 5px 0px;
}
.contactus__form h3 {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  text-transform: capitalize;
  margin-top: 80px;
  margin-bottom: 8px;
  color: var(--yello-color);
}
.contactus__form p {
  text-align: center;
  letter-spacing: 0px;
  color: #6a6a6a;
  font-size: 16px;
  margin-bottom: 50px;
}
.contactus__form form {
  width: 80%;
  margin: 0px auto;
}
.contactus__form form .form-label {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
}
.contactus__form form .form-label span {
  color: #b3171c;
}
.contactus__form form input {
  height: 50px;
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 2px solid #dddddd;
  border-radius: 5px;
  font-size: 14px;
}
.contactus__form form textarea {
  height: 150px;
  padding: 15px;
  font-size: 14px;
}
.contactus__form form .btn-send {
  margin-top: 30px;
  width: 180px;
  height: 57px;
  background: #f7942c 0% 0% no-repeat padding-box;
  border-radius: 5px;
  color: var(--white-color);
  font-size: 18px;
  color: #ffffff;
  text-transform: capitalize;
}
.contactus__form form .btn-send:hover {
  border: none;
  color: #ffffff;
  background: #f7942c 0% 0% no-repeat padding-box;
}

@media screen and (max-width: 991px) {
  .contactus__form, .contactus__info {
    height: auto;
  }
  .contactus__info {
    margin-bottom: 0px;
    border-radius: 5px 5px 0px 0px;
  }
  .contactus__info ul {
    width: 95%;
  }
  .contactus__folllow {
    width: 95%;
  }
  .contactus__form {
    margin-bottom: 50px;
    border-radius: 0px 0px 5px 5px;
    padding-bottom: 40px;
  }
  .contactus__form form {
    width: 95%;
  }
}
.details {
  font-family: var(--poppins-font);
}
.details .toprated .toprated__header {
  flex-direction: column;
  justify-content: space-between;
  align-items: normal;
}
.details .toprated .toprated__header h4 {
  font-size: 18px;
  font-weight: 600;
}
.details .toprated .toprated__header .header__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.details .toprated .toprated__header .header__bottom .left .img {
  margin-right: 5px;
}
.details .toprated .toprated__header .header__bottom .left .img img {
  width: 20px;
  height: 20px;
}
.details .toprated .toprated__header .header__bottom .left .text {
  font-size: 12px;
  font-weight: bold;
  color: #575757;
  text-transform: capitalize;
}
.details .toprated .toprated__header .header__bottom .right span {
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  text-transform: capitalize;
  margin-right: 20px;
}
.details .toprated .toprated__header .header__bottom .right span img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.details .toprated .toprated__carousel {
  height: auto;
}
.details .toprated .parent_items {
  height: auto;
}
.details__silder {
  height: auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 400px;
}
.details__silder .items_left {
  height: 400px;
  border-radius: 5px;
  width: 49%;
  border-radius: 10px;
  position: relative;
}
.details__silder .items_left img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.details__silder .items_left .overload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, 0.3294117647);
  z-index: 1;
  border-radius: 10px;
}
.details__silder .items_left .like {
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 3;
  top: 5%;
  right: 5%;
  width: 35px;
  height: 30px;
}
.details__silder .items_left .like img {
  margin-bottom: 5px;
  cursor: pointer;
}
.details__silder .items_left .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 80px;
  height: 80px;
  background-color: rgba(255, 255, 255, 0.6392156863);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.details__silder .items_left .play img {
  width: 35px;
  height: 35px;
  filter: invert(56%) sepia(76%) saturate(471%) hue-rotate(348deg) brightness(99%) contrast(96%);
}
.details__silder .items_right {
  height: 400px;
  width: 49%;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.details__silder .items_right .carousel-item .item {
  width: 100%;
  position: relative;
  border-radius: 10px;
  height: 200px;
  padding: 5px;
  border-radius: 10px;
  cursor: pointer;
}
.details__silder .items_right .carousel-item .item .vedio {
  height: 100%;
}
.details__silder .items_right .carousel-item .item video {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  right: 0;
  bottom: 0;
  background-size: cover;
  overflow: hidden;
}
.details__silder .items_right .carousel-item .item .play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 60px;
  height: 60px;
  background-color: rgba(255, 255, 255, 0.6392156863);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.details__silder .items_right .carousel-item .item .play #play-solid {
  width: 23px;
  height: 23px;
  filter: invert(56%) sepia(76%) saturate(471%) hue-rotate(348deg) brightness(99%) contrast(96%);
}
.details__silder .items_right .carousel-item .item:hover {
  border: 4px solid #f7942c;
  border-radius: 10px;
}
.details__silder .items_right .carousel-item .item .content {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.details__silder .items_right .carousel-item .item .content a {
  text-transform: capitalize;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--poppins-font);
}
.details__silder .items_right .carousel-item .item .bottom-span {
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 3;
  text-transform: capitalize;
  color: var(--white-color);
  font-size: 16px;
  font-weight: 500;
  font-family: var(--poppins-font);
}
.details__silder .items_right .carousel-item .item .overload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(32, 32, 32, 0.7215686275);
  z-index: 1;
  border-radius: 10px;
}
.details__silder .items_right .carousel-item .item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.details__price .price {
  color: #0d0d0d;
}
.details__price .price span:first-of-type {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.details__price .price span:last-of-type {
  font-size: 18px;
}
.details__check {
  margin-top: 50px;
}
.details__check__items {
  padding: 40px;
  background: #ffffff;
  box-shadow: 0px 0px 26px rgba(141, 141, 141, 0.2509803922);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details__check__items .left-up {
  width: 45%;
  height: 170px;
  background-color: #ffffff;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  padding: 15px;
}
.details__check__items .left-up .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details__check__items .left-up .header span {
  font-size: 14px;
  color: #898989;
  text-transform: capitalize;
}
.details__check__items .left-up .header a {
  font-size: 14px;
  color: #ff8027;
  text-transform: capitalize;
}
.details__check__items .left-up .content {
  margin-top: 30px;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details__check__items .left-up .content .left,
.details__check__items .left-up .content .righet {
  width: 50%;
}
.details__check__items .left-up .content .left h6,
.details__check__items .left-up .content .righet h6 {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}
.details__check__items .left-up .content .left {
  width: 50%;
}
.details__check__items .left-up .content .left h6 {
  color: #329a56;
}
.details__check__items .left-up .content .righet h6 {
  color: #b3171c;
}
.details__check__items .left-up .content ul li {
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
  text-transform: capitalize;
}
.details__check__items .left-up .content ul li .title {
  margin-right: 5px;
  color: #898989;
}
.details__check__items .left-up .content ul li .data {
  color: #49473d;
}
.details__check__items .right-up {
  width: 50%;
  background-color: #f3f3f3;
  border-radius: 3px;
  height: 170px;
  padding: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
}
.details__check__items .right-up .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 40%;
}
.details__check__items .right-up .left .price {
  font-size: 16px;
  color: #7c7c7c;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.details__check__items .right-up .left .totle {
  font-size: 16px;
  color: #7c7c7c;
  text-transform: capitalize;
  display: flex;
  flex-direction: column;
}
.details__check__items .right-up .left .totle span:nth-child(2) {
  color: #0d0d0d;
  font-weight: bold;
}
.details__check__items .right-up .right {
  width: 50%;
  text-align: center;
}
.details__check__items .right-up .right .btn {
  margin-left: 10%;
  width: 80%;
  height: 50px;
  background-color: #f7941d;
  border-radius: 10px;
  font-size: 16px;
  font-weight: b;
  color: #ffffff;
  text-transform: capitalize;
}
.details__check__items .right-up .right .btn:hover {
  border: none;
}
.details__description {
  margin-top: 60px;
}
.details__description .description_content {
  text-transform: capitalize;
}
.details__description .description_content h4 {
  font-size: 20px;
  font-weight: bold;
  color: #0d0d0d;
}
.details__description .description_content p {
  color: #3b3b3b;
  font-size: 16px;
  width: 75%;
  margin-top: 15px;
}
.details__description .description_content span a {
  text-decoration: underline;
  color: #3c3c3c;
  opacity: 1;
  font-size: 14px;
}
.details__building .details__building_content {
  width: 100%;
  height: 230px;
  background-color: #f5b36e;
  border-radius: 10px;
  padding: 30px;
  margin: 40px 0px;
}
.details__building .details__building_content h5 {
  font-size: 20px;
  color: #0d0d0d;
  text-transform: capitalize;
}
.details__building .details__building_content .details__building__items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details__building .details__building_content .details__building__items .left {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.details__building .details__building_content .details__building__items .left ul {
  width: 80%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0px 10px 0px;
}
.details__building .details__building_content .details__building__items .left ul li {
  width: 50%;
}
.details__building .details__building_content .details__building__items .left ul li .img img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.details__building .details__building_content .details__building__items .left ul li .text {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}
.details__building .details__building_content .details__building__items .right {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.details__building .details__building_content .details__building__items .right ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0px 10px 0px;
}
.details__building .details__building_content .details__building__items .right ul li {
  width: 100%;
}
.details__building .details__building_content .details__building__items .right ul li .img img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}
.details__building .details__building_content .details__building__items .right ul li .text {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}
.details__amenities {
  background-color: #f3f3f3;
  padding: 25px 0px;
  margin-bottom: 15px;
}
.details__amenities .details__amenities__items {
  display: flex;
  flex-direction: row;
}
.details__amenities .details__amenities__items .left {
  width: 50%;
  color: #333333;
  text-transform: capitalize;
}
.details__amenities .details__amenities__items .left h5 {
  font-size: 16px;
}
.details__amenities .details__amenities__items .right {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 50%;
  color: #333333;
  text-transform: capitalize;
}
.details__amenities .details__amenities__items .right h5 {
  font-size: 16px;
}
.details .details__amenities__list {
  margin: 20px 0px;
}
.details .details__amenities__list .details__amenities__list__items {
  display: flex;
  flex-direction: row;
}
.details .details__amenities__list .details__amenities__list__items .left,
.details .details__amenities__list .details__amenities__list__items .right {
  width: 48%;
  display: flex;
  flex-direction: column;
}
.details .details__amenities__list .details__amenities__list__items .left ul,
.details .details__amenities__list .details__amenities__list__items .right ul {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 20px 0px;
}
.details .details__amenities__list .details__amenities__list__items .left ul li .img img,
.details .details__amenities__list .details__amenities__list__items .right ul li .img img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.details .details__amenities__list .details__amenities__list__items .left ul li .text,
.details .details__amenities__list .details__amenities__list__items .right ul li .text {
  font-size: 14px;
  color: #333333;
  font-weight: 500;
}
.details .details__amenities__list .details__amenities__list__items .left .view,
.details .details__amenities__list .details__amenities__list__items .right .view {
  width: 100%;
  display: block;
  margin-top: 15px;
  font-size: 12px;
  font-weight: bold;
  color: #ff7400;
  text-transform: uppercase;
}
.details .details__amenities__list .details__amenities__list__items .left {
  margin-right: 2%;
}
.details .details__amenities__list .details__amenities__list__items .right {
  margin-right: 2%;
}
.details .details__amenities__list .details__amenities__list__items .right ul {
  justify-content: space-around;
}
.details .details__amenities__list .details__amenities__list__items .right .view {
  margin-left: 95px;
}
.details__reviews {
  background-color: #fcf7f1;
  padding: 60px 0px;
  margin: 60px 0px;
}
.details__reviews h5 {
  font-size: 20px;
  color: #101010;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.details__reviews .details__reviews__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.details__reviews .details__reviews__list .item {
  width: 20%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0901960784);
  border-radius: 10px;
  height: 200px;
  text-align: center;
  padding: 30px;
}
.details__reviews .details__reviews__list .item .title {
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #101010;
  text-transform: capitalize;
}
.details__reviews .details__reviews__list .item .title span {
  color: #838383;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 300;
}
.details__reviews .details__reviews__list .item .star {
  display: block;
  margin: 20px 0px;
  color: #838383;
  font-weight: 500;
}
.details__reviews .details__reviews__list .item .star img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.details__reviews .details__reviews__list .item .star span {
  text-transform: capitalize;
  font-size: 14px;
  color: #101010;
}
.details__reviews .details__reviews__list .item .clear {
  font-size: 14px;
  font-weight: 500;
  color: #49473d;
  text-transform: capitalize;
}
.details__location {
  margin: 60px 0px;
}
.details__location h5 {
  font-size: 20px;
  font-weight: bold;
  color: #101010;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.details__location .place {
  padding: 50px 20px;
}
.details__location .place h6 {
  font-size: 16px;
  font-weight: bold;
  color: #101010;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.details__location .place ul li {
  margin-bottom: 20px;
  color: #101010;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
}
.details__location .arrow-creacl {
  text-align: center;
  margin-top: 50px;
}
.details__location .arrow-creacl .arrow-icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid;
  display: inline-block;
  line-height: 37px;
  font-size: 11px;
  cursor: pointer;
}
.details__location .arrow-creacl .arrow-icon img {
  width: 18px;
  height: 18px;
}

.details__popupe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 0%;
  background-color: rgba(0, 0, 0, 0.7882352941);
  z-index: 10;
  font-family: var(--poppins-font);
  display: none;
}
.details__popupe__properties {
  width: 80%;
  height: 90%;
  margin: 2% auto;
  z-index: 7;
  background-color: #e9ecef;
  padding: 15px;
  border-radius: 10px;
}
.details__popupe .details__popupe__vedio {
  width: 100%;
  height: 100%;
}
.details__popupe .details__popupe__vedio video {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  object-fit: cover;
  right: 0;
  bottom: 0;
  background-size: cover;
  overflow: hidden;
}
.details__popupe__close {
  position: absolute;
  top: 5%;
  right: 5%;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
}
.details__popupe__close img {
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 991px) {
  .details .toprated .toprated__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .details .toprated .toprated__header .header__bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  .details .toprated .toprated__header .header__bottom .left {
    margin-bottom: 20px;
  }
  .details .toprated .parent_items {
    height: auto;
  }
  .details .toprated .parent_items .items_left {
    width: 100%;
  }
  .details__silder {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .details__silder .items_left {
    height: auto;
    margin-bottom: 20px;
    width: 100%;
  }
  .details__silder .items_right {
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .details__silder .items_right .top,
  .details__silder .items_right .bottom {
    display: flex;
    flex-direction: row;
  }
  .details__silder .items_right .top .imgone,
  .details__silder .items_right .top .imgtwo,
  .details__silder .items_right .bottom .imgone,
  .details__silder .items_right .bottom .imgtwo {
    width: 49% !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    cursor: pointer;
  }
  .details__check {
    margin-top: 50px;
  }
  .details__check__items {
    flex-direction: column;
  }
  .details__check__items .left-up,
  .details__check__items .right-up {
    width: 100%;
    height: auto;
  }
  .details__check__items .left-up .content ul li,
  .details__check__items .right-up .content ul li {
    display: block;
  }
  .details__check__items .left-up {
    margin-bottom: 20px;
  }
  .details__building .details__building_content {
    height: auto;
  }
  .details__building .details__building_content .details__building__items {
    flex-direction: column;
  }
  .details__building .details__building_content .details__building__items .left {
    width: 100%;
    flex-direction: column;
  }
  .details__building .details__building_content .details__building__items .left ul {
    width: 100%;
  }
  .details__building .details__building_content .details__building__items .right {
    width: 100%;
  }
  .details__amenities {
    height: auto;
  }
  .details__amenities .details__amenities__items {
    display: flex;
    flex-direction: column;
  }
  .details__amenities .details__amenities__items .left {
    width: 100%;
    margin-bottom: 20px;
  }
  .details__amenities .details__amenities__items .right {
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
  }
  .details .details__amenities__list .details__amenities__list__items {
    display: flex;
    flex-direction: column;
  }
  .details .details__amenities__list .details__amenities__list__items .left,
  .details .details__amenities__list .details__amenities__list__items .right {
    width: 100%;
  }
  .details .details__amenities__list .details__amenities__list__items .left {
    margin-right: 0%;
    margin-bottom: 20px;
  }
  .details .details__amenities__list .details__amenities__list__items .right {
    margin-right: 0%;
  }
  .details .details__amenities__list .details__amenities__list__items .right ul {
    justify-content: space-between;
  }
  .details .details__amenities__list .details__amenities__list__items .right .view {
    margin-left: 0px;
  }
  .details__reviews .details__reviews__list {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
  }
  .details__reviews .details__reviews__list .item {
    width: 25%;
  }
}
@media screen and (max-width: 576px) {
  .details__check {
    margin-top: 50px;
  }
  .details__check__items {
    flex-direction: column;
  }
  .details__check__items .left-up {
    margin-bottom: 20px;
  }
  .details__check__items .left-up .content {
    flex-direction: column;
  }
  .details__check__items .left-up .content .left,
  .details__check__items .left-up .content .righet {
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .details__check__items .left-up .content .left {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #898989;
  }
  .details__check__items .left-up .content ul li {
    display: block;
  }
  .details__check__items .right-up {
    width: 100%;
    height: auto;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .details__check__items .right-up .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 10px;
  }
  .details__check__items .right-up .left .price {
    font-size: 16px;
    color: #7c7c7c;
    text-transform: capitalize;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    margin-bottom: 10px;
  }
  .details__check__items .right-up .left .totle {
    margin-bottom: 10px;
  }
  .details__check__items .right-up .right {
    width: 100%;
    text-align: center;
  }
  .details__check__items .right-up .right .btn {
    margin-left: 0%;
    width: 90%;
    height: 60px;
  }
  .details__reviews .details__reviews__list {
    flex-direction: column;
  }
  .details__reviews .details__reviews__list .item {
    width: 100%;
    margin-bottom: 20px;
  }
  .details__location .arrow-creacl {
    margin-top: 0px;
  }
  .details__popupe__properties {
    width: 80%;
    height: 80%;
    margin: 10% auto;
  }
  .details__popupe__close img {
    width: 15px;
    height: 15px;
  }
}
.booking {
  font-family: var(--poppins-font);
  background-color: #f3f3f3;
  max-height: auto;
  padding: 1px;
}
.booking .resetpassword__top .icon_arrow {
  width: 25px;
  height: 16px;
}
.booking__items {
  margin: 60px 0px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.booking__buttons {
  width: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-right: 50px;
}
.booking__buttons .btn {
  background-color: #dddddd;
  width: 100%;
  height: 50px;
  border-radius: 10px;
  margin-bottom: 15px;
  text-align: center;
  color: #6e6c5a;
  text-transform: capitalize;
  opacity: 1;
  font-size: 16px;
}
.booking__buttons .btn:hover {
  border: none;
  box-shadow: none;
}
.booking__buttons .active {
  background-color: var(--yello-color);
  color: var(--white-color);
}
.booking__cards {
  width: calc(100% - 300px);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}
.booking__card {
  width: 45%;
  height: auto;
  display: flex;
  flex-direction: column;
  font-family: var(--poppins-font);
  margin-bottom: 90px;
  background-color: var(--white-color);
}
.booking__card:first-of-type {
  margin-right: 5%;
}
.booking__card img {
  width: 100%;
  height: 200px;
  border-radius: 0px;
  margin-bottom: 15px;
}
.booking__card .body {
  color: #161616;
  padding: 10px;
  background-color: var(--white-color);
}
.booking__card .body .title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
}
.booking__card .body .title span:last-of-type {
  text-align: right;
}
.booking__card .body .title .btnoutborder {
  font-size: 12px;
  color: var(--yello-color);
  border: 1px solid var(--yello-color);
  width: 70%;
  margin-top: 10px;
}
.booking__card .body .title .btnoutborder svg {
  font-size: 12px;
  margin-right: 5px;
}
.booking__card .body .title .btnoutborder:hover {
  background-color: var(--white-color);
}
.booking__card .body .rate,
.booking__card .body .reveiw {
  display: inline-block;
  margin: 10px 0px;
  font: normal normal normal 16px/25px Poppins;
  letter-spacing: 0px;
  text-transform: capitalize;
}
.booking__card .body .reveiw {
  color: #898989;
  font-size: 12px;
}
.booking__card .body .reveiw .star svg {
  color: var(--yello-color);
}
.booking__card .body .rate {
  color: #161616;
}
.booking__card .body .rate .star {
  display: inline-block;
  border: 1px solid #9c9a8a;
  border-radius: 2px;
  padding: 5px 10px;
}
.booking__card .body .rate .star svg {
  font-size: 12px;
  color: #9c9a8a;
}
.booking__card .body p {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
}
.booking__card .body .table {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  padding: 10px;
  font-family: var(--poppins-font);
}
.booking__card .body .table .first {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #969696;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.booking__card .body .table .checking {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.booking__card .body .table .checking .checkin span {
  font-size: 14px;
  color: #329a56;
  font-weight: 500;
  margin-bottom: 5px;
}
.booking__card .body .table .checking .checkout span {
  font-size: 14px;
  color: #d94f4f;
  font-weight: 500;
  margin-bottom: 5px;
}
.booking__card .body .table .checking .checkin ul,
.booking__card .body .table .checking .checkout ul {
  text-transform: capitalize;
}
.booking__card .body .table .checking .checkin ul li,
.booking__card .body .table .checking .checkout ul li {
  font-size: 12px;
  color: #161616;
  font-weight: 400;
}
.booking__card .body .table .checking .checkin ul li span,
.booking__card .body .table .checking .checkout ul li span {
  font-size: 12px;
  color: #6e6c5a;
}
.booking__card .body .services h6 {
  text-align: left;
  letter-spacing: 0px;
  color: #333333;
  text-transform: capitalize;
  opacity: 1;
  font-size: 16px;
}
.booking__card .body .services .serviceone,
.booking__card .body .services .servicetwo {
  display: inline-block;
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 1px solid #868686;
  border-radius: 7px;
  padding: 5px 10px;
  width: 135px;
  font-weight: 500;
  font-size: 12px;
}
.booking__card .body .services img {
  width: 20px;
  height: 20px;
  margin-bottom: 0px;
}
.booking__card .body .services .servicethree {
  margin-top: 5px;
  display: block;
  background: rgba(255, 255, 255, 0) 0% 0% no-repeat padding-box;
  border: 1px solid #868686;
  border-radius: 7px;
  padding: 5px 10px;
  width: 275px;
  font-weight: 500;
  font-size: 12px;
}

.booking__confirmation {
  font-family: var(--poppins-font);
}
.booking__confirmation__top {
  margin-top: 35px;
  display: flex;
  align-items: center;
  width: 100%;
}
.booking__confirmation__top .icon_arrow {
  width: 31px;
  height: 20px;
}
.booking__confirmation__top .icon_arrow Img {
  width: 100%;
  height: 100%;
}
.booking__confirmation__top h2 {
  width: 70%;
  color: #0d0d0d;
  text-align: center;
  text-transform: capitalize;
  font-family: var(--poppins-font);
  font-size: 24px;
}
.booking__confirmation__row {
  margin: 60px 0px;
}
.booking__confirmation__row .img_cover {
  width: 85%;
  text-align: center;
  margin: 0px auto;
  height: 400px;
}
.booking__confirmation__row .img_cover img {
  width: 100%;
  height: 100%;
}
.booking__confirmation__list {
  width: 85%;
  margin: 25px auto;
  display: flex;
  flex-direction: row;
}
.booking__confirmation__list .left,
.booking__confirmation__list .right {
  width: 50%;
}
.booking__confirmation__list .left h6,
.booking__confirmation__list .right h6 {
  font-size: 20px;
  letter-spacing: 0.39px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #0d0d0d;
  text-transform: capitalize;
}
.booking__confirmation__list .item {
  background-color: var(--white-color);
  padding: 30px 15px;
  width: 90%;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  margin-bottom: 73px;
}
.booking__confirmation__list .item span {
  color: #4a4a4a;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
}
.booking__confirmation__list .item span img {
  width: 20px;
  height: 20px;
}
.booking__confirmation__list .table {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #c9c9c9;
  border-radius: 3px;
  padding: 10px;
  font-family: var(--poppins-font);
}
.booking__confirmation__list .table .first {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #969696;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.booking__confirmation__list .table .checking {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.booking__confirmation__list .table .checking .checkin span {
  font-size: 16px;
  color: #329a56;
  font-weight: 500;
}
.booking__confirmation__list .table .checking .checkout span {
  font-size: 16px;
  color: #d94f4f;
  font-weight: 500;
}
.booking__confirmation__list .table .checking .checkin ul,
.booking__confirmation__list .table .checking .checkout ul {
  text-transform: capitalize;
}
.booking__confirmation__list .table .checking .checkin ul li,
.booking__confirmation__list .table .checking .checkout ul li {
  font-size: 14px;
  color: #161616;
  font-weight: 400;
}
.booking__confirmation__list .table .checking .checkin ul li span,
.booking__confirmation__list .table .checking .checkout ul li span {
  color: #6e6c5a;
}
.booking__confirmation__list .btn {
  height: 50px;
  width: 90%;
  background: #d8d8d8 0% 0% no-repeat padding-box;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1.08px;
  color: #101010;
}
.booking__confirmation__price {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 20px 15px;
}
.booking__confirmation__price h6 {
  color: #0d0d0d;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
.booking__confirmation__price ul.first li {
  text-transform: uppercase;
  color: #7c7c7c;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 15px 0px;
  border-bottom: 1px solid #c4c2c2;
  font-weight: 500;
}
.booking__confirmation__price ul.first li:last-of-type {
  border-bottom: none;
}
.booking__confirmation__price ul.first li .bg {
  color: #0a0a0a;
}
.booking__confirmation__price .totle {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 16px;
  font-weight: bold;
  color: #0a0a0a;
  padding: 15px 0px;
  border-top: 1px solid #0a0a0a;
}
.booking__confirmation__price .promocode {
  margin: 30px auto;
  width: 90%;
}
.booking__confirmation__price .promocode p {
  font-size: 14px;
  font-weight: bold;
  color: #101010;
  text-transform: capitalize;
}
.booking__confirmation__price .promocode .inputs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 40px;
}
.booking__confirmation__price .promocode .inputs input {
  height: 40px;
}
.booking__confirmation__price .promocode .inputs .btn {
  background: rgba(255, 128, 39, 0.6) 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font-size: 14px;
  color: #ffffff;
  text-transform: capitalize;
  opacity: 0.7;
  height: 40px;
  margin-left: 5px;
}
.booking__confirmation__price .payment_code {
  margin-top: 40px;
}
.booking__confirmation__price .payment_code h4 {
  font-size: 18px;
  font-weight: bold;
  color: #0d0d0d;
  text-transform: capitalize;
  margin-bottom: 20px;
  text-align: left;
}
.booking__confirmation__price .payment_code ul li {
  padding: 15px 0px;
  border-bottom: 1px solid #c4c2c2;
  display: flex;
  flex-direction: row;
  font-size: 14px;
  font-weight: bold;
  color: #141414;
}
.booking__confirmation__price .payment_code ul li input {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  text-transform: capitalize;
}
.booking__confirmation__price .checkout {
  width: 100%;
  margin-top: 30px;
  height: 60px;
  background: #f7942c 0% 0% no-repeat padding-box;
  border-radius: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  text-transform: capitalize;
}

@media screen and (max-width: 991px) {
  .booking__items {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .booking__buttons {
    flex-direction: row;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 15px;
  }
  .booking__buttons .btn {
    padding: 10px 30px;
    height: auto;
    font-size: 18px;
    width: auto;
  }
  .booking__cards {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .booking__confirmation__row {
    margin: 60px 0px;
  }
  .booking__confirmation__row .img_cover {
    width: 100%;
  }
  .booking__confirmation__list {
    width: 100%;
  }
  .booking__confirmation__list .item {
    margin-bottom: 93px;
  }
}
@media screen and (max-width: 576px) {
  .booking__buttons {
    flex-direction: column;
    width: 100%;
    height: auto;
    margin-right: 0px;
    margin-bottom: 15px;
    align-items: center;
  }
  .booking__buttons .btn {
    padding: 10px 30px;
    height: auto;
    font-size: 18px;
    width: 100%;
  }
  .booking__cards {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .booking__card {
    width: 100%;
    margin-bottom: 50px;
  }
}
.booking__img {
  padding: 1px;
  background-size: cover;
  max-height: auto;
  min-height: 100vh;
  position: relative;
  font-family: var(--poppins-font);
}
.booking__img .ovarload {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5803921569);
  z-index: 1;
}
.booking__img .resetpassword__top {
  position: relative;
  z-index: 2;
}
.booking__img .resetpassword__top .icon_arrow {
  width: 25px;
  height: 16px;
}
.booking__img .resetpassword__top .icon_arrow img {
  filter: invert(86%) sepia(100%) saturate(1%) hue-rotate(176deg) brightness(109%) contrast(101%);
}
.booking__img .booking__info {
  width: 40%;
  position: relative;
  z-index: 4;
  margin-left: auto;
  margin-right: auto;
}
.booking__img .booking__info h4 {
  font-weight: 600;
  font-size: 22px;
  color: var(--white-color);
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 15px;
}
.booking__img .booking__info__detiles {
  background-color: rgba(145, 145, 145, 0.4039215686);
  padding: 30px 20px;
  border-radius: 10px;
}
.booking__img .booking__info__detiles ul li {
  margin-bottom: 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.booking__img .booking__info__detiles ul li .img {
  width: 50px;
  height: 50px;
  background: rgba(247, 148, 29, 0.6901960784) 0% 0% no-repeat padding-box;
  border-radius: 13px;
  opacity: 0.86;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  margin-right: 20px;
}
.booking__img .booking__info__detiles ul li .img img {
  width: 25px;
  height: 25px;
}
.booking__img .booking__info__detiles ul li .text {
  font-size: 12px;
  letter-spacing: 0.92px;
  color: #f9f9f9;
  text-transform: capitalize;
  opacity: 1;
  font-weight: 500;
}
.booking__img .booking__info__detiles ul li .text ul li {
  margin-bottom: 5px;
}
.booking__img .booking__info__detiles ul li .text ul li .crcel-green,
.booking__img .booking__info__detiles ul li .text ul li .crcel-red {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.booking__img .booking__info__detiles ul li .text ul li .crcel-green {
  background: #329a56 0% 0% no-repeat padding-box;
}
.booking__img .booking__info__detiles ul li .text ul li .crcel-red {
  background: #d94f4f 0% 0% no-repeat padding-box;
}
.booking__img .booking__info__detiles .btn {
  width: 100%;
  background-color: var(--yello-color);
  color: var(--white-color);
  height: 40px;
  border-radius: 10px;
  text-transform: capitalize;
  font-size: 16px;
}

@media screen and (max-width: 991px) {
  .booking__img {
    height: auto;
    padding: 10px 0px;
  }
  .booking__img .booking__info {
    width: 60%;
  }
  .booking__img .booking__info__detiles {
    padding: 20px;
  }
  .booking__img .booking__info__detiles ul li .img {
    margin-right: 15px;
  }
}
@media screen and (max-width: 576px) {
  .booking__img .booking__info {
    width: 80%;
  }
  .booking__img .booking__info__detiles {
    padding: 15px;
  }
}
.result {
  font-family: var(--poppins-font);
}
.result__header .result__top {
  display: flex;
  flex-direction: row;
  margin-top: 50px;
}
.result__header .result__top a img {
  width: 20px;
  height: 20px;
}
.result__header .result__top .result__filter {
  margin: 0px auto;
  width: 50%;
  font-size: 16px;
  color: #49473d;
  text-transform: capitalize;
  text-align: center;
  font-weight: 500;
}
.result__header .result__top .result__filter span {
  display: block;
  margin: 0px auto;
}
.result__header .result__top .result__filter .dropdown {
  margin-top: 10px;
  display: inline-block;
}
.result__header .result__top .result__filter .dropdown .btn {
  color: #6e6c5a;
  text-transform: capitalize;
  width: 170px;
  height: 40px;
  box-shadow: 0px 3px 6px rgba(218, 217, 207, 0.7215686275);
  border: 2px solid #f9b767;
  border-radius: 5px;
  font-family: var(--poppins-font);
  font-weight: 500;
  font-size: 14px;
  background-color: transparent;
}
.result__header .result__top .result__filter .dropdown .btn:hover {
  background-color: transparent;
  box-shadow: 0px 3px 6px rgba(218, 217, 207, 0.7215686275);
  border: 2px solid #f9b767;
  color: #f7941d;
}
.result__header .result__top .result__filter .dropdown .btn img {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  filter: invert(43%) sepia(4%) saturate(1762%) hue-rotate(16deg) brightness(94%) contrast(86%);
}
.result__header .result__top .result__filter .dropdown .dropdown-toggle::after {
  display: none !important;
}
.result__header .result__top .result__filter .dropdown #dMloctin, .result__header .result__top .result__filter .dropdown #dMloctin2 {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 5px 26px rgba(51, 51, 51, 0.4431372549);
  width: 300px;
  left: 10%;
  height: auto;
}
.result__header .result__top .result__filter .dropdown #dMloctin .top, .result__header .result__top .result__filter .dropdown #dMloctin2 .top {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  padding: 0px 10px;
}
.result__header .result__top .result__filter .dropdown #dMloctin .top span, .result__header .result__top .result__filter .dropdown #dMloctin2 .top span {
  cursor: pointer;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  display: inline-block;
}
.result__header .result__top .result__filter .dropdown #dMloctin .top span img, .result__header .result__top .result__filter .dropdown #dMloctin2 .top span img {
  width: 25px;
  height: 25px;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .title, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .title {
  margin-top: 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  font-family: var(--poppins-font);
  color: #3b3b3b;
  text-transform: capitalize;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input-search, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input-search {
  width: 100%;
  text-align: center;
  margin: 5px auto;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input-search input, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input-search input {
  width: 70%;
  height: 30px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #999999;
  border-radius: 5px;
  font-size: 11px;
  text-align: center;
  color: black;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input_lists_contener .form-check, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input_lists_contener .form-check {
  font-size: 12px;
  margin-bottom: 10px;
  cursor: pointer;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input_lists .left, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input_lists .left {
  width: 100%;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input_lists .left li, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input_lists .left li {
  margin-bottom: 10px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input_lists .left li input, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input_lists .left li input {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .input_lists .left li label, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .input_lists .left li label {
  font-size: 12px;
  color: #3b3b3b;
  text-transform: capitalize;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .btn, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .btn {
  width: 120px;
  margin: 15px auto;
  display: block;
  height: 36px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--yello-color);
  color: var(--white-color);
  border: none;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .btn:hover, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .btn:hover {
  background-color: var(--yello-color);
  color: var(--white-color);
  border: none;
}
.result__header .result__top .result__filter .dropdown #dMloctin .content .btn.reset, .result__header .result__top .result__filter .dropdown #dMloctin2 .content .btn.reset {
  color: var(--yello-color);
  background-color: transparent;
  margin: 15px;
}
.result__header .result__top .result__filter .dropdown #dMloctinButton2.noactive {
  opacity: 0.7;
}
.result__header .result__sort {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.result__header .result__sort .dropdown {
  display: inline-block;
}
.result__header .result__sort #result__button__filter,
.result__header .result__sort #result__button__sort {
  height: 45px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #f2f1e9;
  border-radius: 5px;
  width: 100px;
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  text-transform: capitalize;
  text-align: left;
}
.result__header .result__sort #result__button__filter img,
.result__header .result__sort #result__button__sort img {
  width: 20px;
  height: 20px;
}
.result__header .result__sort #result__button__filter:hover,
.result__header .result__sort #result__button__sort:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #f2f1e9;
  border: none;
}
.result__header .result__sort #result__item__filter {
  width: 800px;
  padding: 10px 20px;
}
.result__header .result__sort #result__item__filter .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.result__header .result__sort #result__item__filter .top span:first-of-type {
  color: #333333;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
}
.result__header .result__sort #result__item__filter .top span:first-of-type img {
  width: 18px;
  height: 18px;
}
.result__header .result__sort #result__item__filter .top span:last-of-type {
  cursor: pointer;
}
.result__header .result__sort #result__item__filter .top span:last-of-type img {
  width: 20px;
  height: 20px;
}
.result__header .result__sort #result__item__filter h6 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  color: #333333;
  text-transform: capitalize;
  margin: 5px 0px;
}
.result__header .result__sort #result__item__filter .btnreset {
  font-size: 12px;
  font-weight: bold;
  background-color: transparent;
  border: none;
  box-shadow: none;
  color: #ff7400;
  text-transform: capitalize;
}
.result__header .result__sort #result__item__filter .btnreset:hover {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.result__header .result__sort #result__item__filter .content {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 5px 0px;
}
.result__header .result__sort #result__item__filter .content .left {
  padding: 0px 15px;
  width: 50%;
}
.result__header .result__sort #result__item__filter .content .left .filter_price {
  padding: 10px 0px;
  border-bottom: 1px solid #dbdbdb;
}
.result__header .result__sort #result__item__filter .content .left .filter_price .title {
  font-size: 14px;
  font-weight: bold;
  color: #161616;
  margin: 5px 0px;
  display: block;
}
.result__header .result__sort #result__item__filter .content .left .filter_price .title span {
  font-weight: 400;
  font-size: 14px;
  color: #989898;
  margin-left: 5px;
}
.result__header .result__sort #result__item__filter .content .left .filter_price .price-slider {
  margin: auto;
  text-align: center;
  position: relative;
  height: 60px;
  margin: 15px auto;
}
.result__header .result__sort #result__item__filter .content .left .filter_price .price-slider svg,
.result__header .result__sort #result__item__filter .content .left .filter_price .price-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}
.result__header .result__sort #result__item__filter .content .left .filter_price .price-slider-number {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=number] {
  border: 1px solid #ddd;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  -moz-appearance: textfield;
  width: 80px;
  padding: 0px;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=number]::-webkit-outer-spin-button,
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=number]:invalid,
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=number]:out-of-range {
  border: 2px solid #e60023;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  border: none;
  padding: 0px;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]:focus {
  outline: none;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]:focus::-webkit-slider-runnable-track {
  background: #9e9e9e;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]:focus::-ms-fill-lower {
  background: #9e9e9e;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]:focus::-ms-fill-upper {
  background: #9e9e9e;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #9e9e9e;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--yello-color);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--yello-color);
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7px;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: var(--yello-color);
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-moz-range-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid #9e9e9e;
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--yello-color);
  cursor: pointer;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-ms-fill-lower,
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-ms-fill-upper {
  background: var(--yello-color);
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.result__header .result__sort #result__item__filter .content .left .filter_price input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  box-shadow: 0px 0px 0px #000;
  border: 1px solid var(--yello-color);
  height: 18px;
  width: 18px;
  border-radius: 25px;
  background: var(--yello-color);
  cursor: pointer;
}
.result__header .result__sort #result__item__filter .content .left .filter_number {
  padding: 10px 0px;
  border-bottom: 1px solid #dbdbdb;
}
.result__header .result__sort #result__item__filter .content .left .filter_number .title {
  font-size: 14px;
  font-weight: bold;
  color: #161616;
  margin: 5px 0px;
  display: block;
}
.result__header .result__sort #result__item__filter .content .left .filter_number .content {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.result__header .result__sort #result__item__filter .content .left .filter_number .content > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  font-weight: 600;
  margin-right: 15px;
}
.result__header .result__sort #result__item__filter .content .left .filter_number .content > span input {
  width: 20px;
  height: 20px;
  margin-bottom: 5px;
}
.result__header .result__sort #result__item__filter .content .left .filter_outer {
  padding: 10px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.result__header .result__sort #result__item__filter .content .left .filter_outer:first-of-type {
  margin-bottom: 0px;
  margin-top: 5px;
}
.result__header .result__sort #result__item__filter .content .left .filter_outer:last-of-type {
  padding: 0px;
  margin-bottom: 5px;
}
.result__header .result__sort #result__item__filter .content .left .filter_outer span {
  color: #161616;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
}
.result__header .result__sort #result__item__filter .content .left .filter_outer span input {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.result__header .result__sort #result__item__filter .content .right {
  padding: 0px 15px;
  width: 50%;
}
.result__header .result__sort #result__item__filter .content .right .top {
  display: block;
}
.result__header .result__sort #result__item__filter .content .right .top h6 {
  font-size: 14px;
  font-weight: bold;
  color: #161616;
  margin: 10px 0px;
  display: block;
  text-align: left;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right {
  width: 100%;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right #dPropertyButton1 {
  font-size: 12px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #adadad;
  width: 100%;
  height: 40px;
  color: #adadad;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right #dPropertyButton1:hover {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #adadad;
  color: #adadad;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right #dProperty {
  width: 100%;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right li {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right li input {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.result__header .result__sort #result__item__filter .content .right .top #dropdown_filter_right li label {
  font-size: 12px;
  color: #3b3b3b;
  text-transform: capitalize;
}
.result__header .result__sort #result__item__filter .content .right .bottom {
  margin-top: 20px;
}
.result__header .result__sort #result__item__filter .content .right .bottom h6 {
  font-size: 14px;
  font-weight: bold;
  color: #161616;
  margin: 10px 0px;
  display: block;
  text-align: left;
}
.result__header .result__sort #result__item__filter .content .right .bottom .select {
  margin-top: 20px;
}
.result__header .result__sort #result__item__filter .content .right .bottom .select li {
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 5px 10px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #afafaf;
  border-radius: 5px;
  font-size: 12px;
  color: #4e4e4e;
  text-transform: capitalize;
}
.result__header .result__sort #result__item__filter .content .right .bottom .select li img {
  width: 15px;
  height: 15px;
  margin-left: 10px;
}
.result__header .result__sort #result__item__filter .content .right .bottom .select li.active {
  background: #ff8027 0% 0% no-repeat padding-box;
  color: var(--white-color);
  border: none;
}
.result__header .result__sort #result__item__filter .content .right .bottom .select li.active img {
  filter: invert(298%) sepia(321%) saturate(201%) hue-rotate(167deg) brightness(146%) contrast(411%);
}
.result__header .result__sort #result__item__filter .rating {
  text-align: start;
  margin: 5px 0px;
}
.result__header .result__sort #result__item__filter .rating h6 {
  font-size: 14px;
  color: #141414;
  text-transform: capitalize;
}
.result__header .result__sort #result__item__filter .stars {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.result__header .result__sort #result__item__filter .stars img {
  width: 15px;
  height: 15px;
}
.result__header .result__sort #result__item__filter .stars .activestar {
  filter: invert(79%) sepia(26%) saturate(6596%) hue-rotate(339deg) brightness(100%) contrast(94%);
}
.result__header .result__sort #result__item__filter .stars .rate {
  height: 46px;
  padding: 0px;
}
.result__header .result__sort #result__item__filter .stars .rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}
.result__header .result__sort #result__item__filter .stars .rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}
.result__header .result__sort #result__item__filter .stars .rate:not(:checked) > label:before {
  content: "★ ";
}
.result__header .result__sort #result__item__filter .stars .rate > input:checked ~ label {
  color: var(--yello-color);
}
.result__header .result__sort #result__item__filter .btn_end {
  font-size: 16px;
  font-weight: 500;
  color: #fcfcfc;
  text-transform: capitalize;
  opacity: 1;
  width: 200px;
  height: 40px;
  background: #f7941d 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 7px rgba(0, 49, 104, 0.2196078431);
  border-radius: 10px;
  margin: 5px auto;
  display: block;
}
.result__header .result__sort #result__item__sort {
  width: 300px;
  padding: 10px 20px;
}
.result__header .result__sort #result__item__sort .top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.result__header .result__sort #result__item__sort .top span:first-of-type {
  color: #333333;
  text-transform: capitalize;
  font-size: 14px;
  font-weight: bold;
}
.result__header .result__sort #result__item__sort .top span:first-of-type img {
  width: 18px;
  height: 18px;
}
.result__header .result__sort #result__item__sort .top span:last-of-type {
  cursor: pointer;
}
.result__header .result__sort #result__item__sort .top span:last-of-type img {
  width: 20px;
  height: 20px;
}
.result__header .result__sort #result__item__sort .rate:not(:checked) > label:hover,
.result__header .result__sort #result__item__sort .rate:not(:checked) > label:hover ~ label {
  color: #de8f17;
}
.result__header .result__sort #result__item__sort .rate > input:checked + label:hover,
.result__header .result__sort #result__item__sort .rate > input:checked + label:hover ~ label,
.result__header .result__sort #result__item__sort .rate > input:checked ~ label:hover,
.result__header .result__sort #result__item__sort .rate > input:checked ~ label:hover ~ label,
.result__header .result__sort #result__item__sort .rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.result__header .result__sort #result__item__sort .checkboxarrival,
.result__header .result__sort #result__item__sort .checkboxprice {
  margin: 15px 0px;
}
.result__header .result__sort #result__item__sort .checkboxarrival input,
.result__header .result__sort #result__item__sort .checkboxprice input {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.result__header .result__sort #result__item__sort .checkboxarrival li {
  margin: 5px 0px;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.result__header .result__sort #result__item__sort .checkboxprice ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.result__header .result__sort #result__item__sort .checkboxprice ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 12px;
  font-weight: 500;
}
.result__header .result__sort #result__item__sort .buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.result__header .result__sort #result__item__sort .buttons .btn {
  width: 45%;
  height: 30px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 6px;
}
.result__header .result__sort #result__item__sort .buttons .btn:first-of-type {
  background: #ffffff 0% 0% no-repeat padding-box;
  border: 1px solid #d1d1d1;
  color: #3e3e3e;
  text-transform: capitalize;
}
.result__header .result__sort #result__item__sort .buttons .btn:last-of-type {
  background: #ff8027 0% 0% no-repeat padding-box;
  color: #ffffff;
}
.result__link {
  margin-bottom: 15px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  letter-spacing: 0.92px;
  color: var(--yello-color);
  text-transform: capitalize;
  opacity: 1;
  font-weight: bold;
}
.result__link span {
  height: 25px;
  display: inline-block;
  line-height: 25px;
}
.result__link span:first-of-type {
  color: #bbbaba;
}
.result__link span img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.result__link .result__dayinput {
  position: relative;
  cursor: pointer;
}
.result__link .result__dayinput .inputs {
  bottom: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
  cursor: pointer;
}
.result__link .result__dayinput .inputs input {
  cursor: pointer;
}
.result__tags {
  display: flex;
  flex-direction: row;
  margin: 15px 0px;
  justify-content: space-between;
  width: 100%;
}
.result__tags .left,
.result__tags .buttons {
  width: 50%;
}
.result__tags .left {
  display: flex;
  flex-direction: row;
}
.result__tags .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 14px;
  font-weight: 500;
}
.result__tags .tag {
  padding: 5px 15px;
  margin-right: 10px;
  background-color: var(--yello-color);
  color: var(--white-color);
  cursor: pointer;
  border-radius: 4px;
}
.result__tags .tag .text {
  font-size: 11px;
  font-weight: 500;
}
.result__tags .tag .show {
  display: inline-block !important;
}
.result__gallry {
  margin-top: 25px;
}
.result__gallry .images {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: auto;
}
.result__gallry .images .img-item {
  position: relative;
  margin-bottom: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}
.result__gallry .images .img-item .overload {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(40, 38, 38, 0.36);
  top: 0%;
  left: 0%;
  z-index: 1;
}
.result__gallry .images .img-item .review,
.result__gallry .images .img-item .like,
.result__gallry .images .img-item .bottom,
.result__gallry .images .img-item .location {
  position: absolute;
  z-index: 2;
  color: var(--white-color);
}
.result__gallry .images .img-item .review {
  top: 5%;
  left: 5%;
  display: flex;
  flex-direction: column;
  font-size: 11px;
}
.result__gallry .images .img-item .review img {
  width: 16px;
  height: 16px;
}
.result__gallry .images .img-item .review button {
  background-color: #f7941d;
  opacity: 0.7;
  margin-top: 10px;
  color: var(--white-color);
  padding: 5px;
  font-size: 12px;
}
.result__gallry .images .img-item .like {
  top: 5%;
  right: 5%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding: 0px;
}
.result__gallry .images .img-item .like img {
  width: 100%;
  height: 100%;
}
.result__gallry .images .img-item .bottom {
  bottom: 5%;
  left: 5%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.result__gallry .images .img-item .bottom .cost {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 1.54px;
  opacity: 1;
}
.result__gallry .images .img-item .bottom .cost span {
  font-weight: normal;
}
.result__gallry .images .img-item .location {
  right: 5%;
  bottom: 5%;
  font-size: 14px;
}
.result__gallry .images .img-item .location img {
  width: 15px;
  height: 15px;
}
.result__gallry .images .img-item .detiles {
  display: none;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  font-family: var(--poppins-font);
}
.result__gallry .images .img-item .detiles .btn {
  width: 170px;
  height: 40px;
  border: 2px solid var(--white-color);
  color: var(--white-color);
  border-radius: 5px;
  background-color: transparent;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 10px;
  text-transform: capitalize;
  text-align: center;
}
.result__gallry .images .img-item .detiles .btn-alldetails {
  background-color: var(--white-color);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  color: #333333;
  margin-bottom: 0px;
}
.result__gallry .images .img-item:hover .detiles {
  display: block;
}
.result__gallry .images .img-item:hover .overload {
  background-color: rgba(40, 38, 38, 0.7);
}
.result__gallry .images .img-1 {
  width: 35%;
  height: 400px;
}
.result__gallry .images .img-2 {
  width: 33%;
  height: 400px;
  margin: 0px 1%;
}
.result__gallry .images .img-3 {
  width: 30%;
  height: 350px;
}
.result__gallry .images .img-4 {
  width: 30%;
  height: 460px;
}
.result__gallry .images .img-5 {
  width: 38%;
  height: 300px;
  margin: 0px 1%;
}
.result__gallry .images .img-6 {
  top: -40px;
  width: 30%;
  height: 340px;
}
.result__gallry .images .img-7 {
  width: 30%;
  height: 280px;
}
.result__gallry .images .img-8 {
  top: -155px;
  width: 33%;
  height: 435px;
  margin: 0px 1%;
}
.result__gallry .images .img-9 {
  width: 35%;
  top: -155px;
  height: 435px;
}

.popupe {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0%;
  left: 0%;
  background-color: rgba(0, 0, 0, 0.7882352941);
  z-index: 5;
  font-family: var(--poppins-font);
  display: none;
}
.popupe__properties {
  width: 90%;
  height: 90%;
  z-index: 7;
  display: flex;
  flex-direction: row;
  background: #ffffff 0% 0% no-repeat padding-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}
.popupe__properties .left {
  margin: 15px 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 60%;
}
.popupe__properties .left .img-cover {
  width: 75%;
  height: 60%;
  margin-bottom: 5%;
  border-radius: 20px;
}
.popupe__properties .left .img-cover img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
}
.popupe__properties .left .img-carousel {
  width: 75%;
  height: 35%;
}
.popupe__properties .left .img-carousel div {
  height: 100%;
}
.popupe__properties .left .img-carousel .item {
  height: 100%;
  border-radius: 15px;
}
.popupe__properties .left .img-carousel .item img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.popupe__properties .left .img-carousel .owl-carousel {
  position: relative;
  margin-bottom: 20px;
}
.popupe__properties .left .img-carousel .owl-carousel .owl-nav {
  top: 43%;
  left: -2%;
  position: absolute;
  width: 104%;
}
.popupe__properties .left .img-carousel .owl-carousel .owl-nav button {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 40px rgba(142, 142, 142, 0.7176470588);
  position: absolute;
}
.popupe__properties .left .img-carousel .owl-carousel .owl-nav button span {
  font-size: 32px;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.popupe__properties .left .img-carousel .owl-carousel .owl-nav button.owl-prev {
  left: -5%;
}
.popupe__properties .left .img-carousel .owl-carousel .owl-nav button.owl-next {
  right: -5%;
}
.popupe__properties .left .img-carousel .owl-dots {
  display: none;
}
.popupe__properties .right {
  box-shadow: -3px 0px 11px rgba(131, 131, 131, 0.4235294118);
  padding: 30px;
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.popupe__properties .right .top {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.popupe__properties .right .top .heart,
.popupe__properties .right .top .share {
  margin-left: 15px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.popupe__properties .right .top .heart .img,
.popupe__properties .right .top .share .img {
  width: 30px;
  height: 30px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(65, 65, 65, 0.3529411765);
  border-radius: 9px;
  display: inline-block;
  text-align: center;
  padding: 0px;
}
.popupe__properties .right .top .heart .img img,
.popupe__properties .right .top .share .img img {
  width: 14px;
  height: 14px;
}
.popupe__properties .right .top .heart .text,
.popupe__properties .right .top .share .text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #333333;
  text-transform: capitalize;
  margin-left: 10px;
}
.popupe__properties .right .content {
  margin-top: 10px;
  border-bottom: 1px solid #bcbcbc;
}
.popupe__properties .right .content h5 {
  font-size: 16px;
  font-weight: 600;
  color: var(--black-color);
  text-transform: capitalize;
  margin-bottom: 5px;
}
.popupe__properties .right .content .loction img {
  width: 15px;
  height: 15px;
  margin-right: 2px;
}
.popupe__properties .right .content .loction span {
  font-size: 14px;
  color: #575757;
  text-transform: capitalize;
  font-weight: 500;
}
.popupe__properties .right .content .price {
  margin-top: 10px;
}
.popupe__properties .right .content .price span {
  font-size: 14px;
  letter-spacing: 1.76px;
  color: #292929;
  text-transform: lowercase;
}
.popupe__properties .right .content .price span:first-of-type {
  font-size: 14px;
  font-weight: bold;
  color: #0d0d0d;
  text-transform: uppercase;
}
.popupe__properties .right .content .reviewpoupe {
  margin: 20px 0px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popupe__properties .right .content .reviewpoupe .stars img {
  width: 15px;
  height: 15px;
}
.popupe__properties .right .content .reviewpoupe .stars .rate {
  float: left;
  height: 46px;
  padding: 0 10px;
}
.popupe__properties .right .content .reviewpoupe .stars .rate:not(:checked) > input {
  position: absolute;
  top: -9999px;
}
.popupe__properties .right .content .reviewpoupe .stars .rate:not(:checked) > label {
  float: right;
  width: 1em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
}
.popupe__properties .right .content .reviewpoupe .stars .rate:not(:checked) > label:before {
  content: "★ ";
}
.popupe__properties .right .content .reviewpoupe .stars .rate > input:checked ~ label {
  color: var(--yello-color);
}
.popupe__properties .right .content .reviewpoupe .stars .rate:not(:checked) > label:hover,
.popupe__properties .right .content .reviewpoupe .stars .rate:not(:checked) > label:hover ~ label {
  color: #de8f17;
}
.popupe__properties .right .content .reviewpoupe .stars .rate > input:checked + label:hover,
.popupe__properties .right .content .reviewpoupe .stars .rate > input:checked + label:hover ~ label,
.popupe__properties .right .content .reviewpoupe .stars .rate > input:checked ~ label:hover,
.popupe__properties .right .content .reviewpoupe .stars .rate > input:checked ~ label:hover ~ label,
.popupe__properties .right .content .reviewpoupe .stars .rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
.popupe__properties .right .content .reviewpoupe .text {
  display: inline-block;
  margin-top: 5px;
  font-size: 12px;
  color: #8d8d8d;
}
.popupe__properties .right .icons {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 5px;
}
.popupe__properties .right .icons .one,
.popupe__properties .right .icons .two {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.popupe__properties .right .icons .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.popupe__properties .right .icons .icon img {
  width: 15px;
  height: 15px;
  filter: invert(40%) sepia(7%) saturate(3%) hue-rotate(1deg) brightness(90%) contrast(83%);
}
.popupe__properties .right .icons .icon .text {
  color: #636363;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 500;
}
.popupe__properties .right .buttons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.popupe__properties .right .buttons .btn {
  width: 70%;
  height: 40px;
  font-size: 16px;
  border-radius: 10px;
  text-transform: capitalize;
}
.popupe__properties .right .buttons .btn:first-of-type {
  color: #f7941d;
  border: 2px solid #f7941d;
  background-color: transparent;
  margin-bottom: 10px;
}
.popupe__properties .right .buttons .btn:last-of-type {
  background-color: #f7941d;
  color: var(--white-color);
}
.popupe .popupe-close {
  position: absolute;
  top: 3%;
  right: 2%;
  z-index: 10;
  cursor: pointer;
  background-color: transparent;
}
.popupe .popupe-close img {
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 1900px) and (min-width: 1400px) {
  .popupe__properties .right {
    justify-content: space-evenly;
  }
  .popupe__properties .right .top .heart .img,
  .popupe__properties .right .top .share .img {
    width: 40px;
    height: 40px;
  }
  .popupe__properties .right .top .heart .img img,
  .popupe__properties .right .top .share .img img {
    width: 20px;
    height: 20px;
  }
  .popupe__properties .right .top .heart .text,
  .popupe__properties .right .top .share .text {
    font-size: 16px;
  }
  .popupe__properties .right .content {
    margin-top: 5px;
  }
  .popupe__properties .right .content h5 {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .popupe__properties .right .content .loction img {
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  .popupe__properties .right .content .loction span {
    font-size: 14px;
    font-weight: 500;
  }
  .popupe__properties .right .content .price {
    margin-top: 10px;
  }
  .popupe__properties .right .content .price span {
    font-size: 16px;
  }
  .popupe__properties .right .content .price span:first-of-type {
    font-size: 16px;
    font-weight: bold;
  }
  .popupe__properties .right .content .reviewpoupe {
    margin: 10px 0px;
  }
  .popupe__properties .right .content .reviewpoupe .stars img {
    width: 20px;
    height: 20px;
  }
  .popupe__properties .right .content .reviewpoupe .text {
    margin-top: 5px;
    font-size: 14px;
    color: #8d8d8d;
  }
  .popupe__properties .right .icons {
    margin-top: 5px;
  }
  .popupe__properties .right .icons .icon {
    margin-bottom: 5px;
  }
  .popupe__properties .right .icons .icon img {
    width: 20px;
    height: 20px;
  }
  .popupe__properties .right .icons .icon .text {
    font-size: 16px;
    font-weight: 500;
  }
  .popupe__properties .right .buttons {
    margin-top: 10px;
  }
  .popupe__properties .right .buttons .btn {
    width: 70%;
    height: 50px;
    font-size: 20px;
    font-weight: 600;
  }
}
@media screen and (max-width: 991px) {
  .popupe__properties .right {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 991px) {
  .result__gallry .images .img-1,
  .result__gallry .images .img-2,
  .result__gallry .images .img-3,
  .result__gallry .images .img-4,
  .result__gallry .images .img-5,
  .result__gallry .images .img-6,
  .result__gallry .images .img-7,
  .result__gallry .images .img-8,
  .result__gallry .images .img-9 {
    top: 0px;
    width: 49%;
    height: 500px;
    margin-right: 0%;
    margin-left: 0%;
    height: 400px;
  }
  .result__gallry .images .img-3,
  .result__gallry .images .img-6,
  .result__gallry .images .img-9 {
    width: 100%;
  }
  .result__gallry .images .img-1,
  .result__gallry .images .img-4,
  .result__gallry .images .img-7 {
    margin-right: 2%;
    margin-left: 0%;
  }
}
@media screen and (max-width: 576px) {
  .result__link {
    flex-direction: column;
    align-items: flex-start;
  }
  .result__link span {
    margin-bottom: 15px;
  }
  .result__gallry .images {
    margin-top: 50px;
  }
  .result__gallry .images .img-1,
  .result__gallry .images .img-2,
  .result__gallry .images .img-3,
  .result__gallry .images .img-4,
  .result__gallry .images .img-5,
  .result__gallry .images .img-6,
  .result__gallry .images .img-7,
  .result__gallry .images .img-8,
  .result__gallry .images .img-9 {
    top: 0px;
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    height: 350px;
    margin-bottom: 10px;
  }
}
/*

@media screen and (max-width: 2000px) {
  .popupe {
    &__properties {
      width: 75%;
      height: 90%;

      .left {
        width: 60%;
        justify-content: space-around;

        .img-cover {
          width: 80%;
          height: 570px;
        }

        .img-carousel {
          width: 80%;

          .item {
            height: 200px;
          }
        }
      }

      .right {
        padding: 20px;
        width: 40%;
        justify-content: space-between;

        .top {

          .heart,
          .share {
            margin-left: 15px;

            .img {
              width: 50px;
              height: 50px;
              padding: 0px;

              img {
                width: 30px;
                height: 30px;
              }
            }

            .text {
              font-size: 18px;
              font-weight: 700;
              margin-left: 15px;
            }
          }
        }

        .content {
          margin-top: 20px;
          border-bottom: 2px solid #bcbcbc;

          h4 {
            font-size: 42px;
          }

          .loction {
            img {
              width: 18px;
              height: 18px;
              margin-right: 5px;
            }

            span {
              font-size: 25px;
            }
          }

          .price {
            margin-top: 35px;

            span {
              font-size: 36px;

              &:first-of-type {
                font-size: 40px;
              }
            }
          }

          .review {
            margin-top: 10px;
            margin-bottom: 20px;

            .stars {
              img {
                width: 34px;
                height: 34px;
                margin-right: 10px;
              }
            }

            .text {
              font-size: 26px;
            }
          }
        }

        .icons {
          margin-top: 10px;
          flex-wrap: nowrap;

          .one,
          .two {
            display: flex;
            flex-direction: column;
            align-items: center;
          }

          .icon {
            margin-bottom: 10px;

            img {
              width: 44px;
              height: 44px;
              filter: invert(40%) sepia(7%) saturate(3%) hue-rotate(1deg) brightness(90%) contrast(83%);
            }

            .text {
              font-size: 24px;
              font-weight: 600;
            }
          }
        }

        .buttons {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          margin-top: 20px;

          .btn {
            width: 90%;
            height: 80px;
            font-size: 32px;
            text-transform: capitalize;
            border-radius: 10px;
            font-weight: 600;

            &:first-of-type {
              color: #f7941d;
              border: 2px solid #f7941d;
              background-color: transparent;
              margin-bottom: 10px;
            }

            &:last-of-type {
              background-color: #f7941d;
              color: var(--white-color);
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1900px) {
  .popupe {
    &__properties {
      width: 75%;
      height: 90%;

      .left {
        width: 60%;

        .img-cover {
          width: 75%;
          height: 500px;
        }

        .img-carousel {
          width: 75%;

          .item {
            height: 150px;
          }
        }
      }

      .right {
        padding: 20px;
        width: 40%;
        justify-content: flex-start;

        .top {

          .heart,
          .share {
            margin-left: 15px;

            .img {
              width: 36px;
              height: 36px;
              padding: 0px;

              img {
                width: 20px;
                height: 20px;
              }
            }

            .text {
              font-size: 16px;
              font-weight: 500;
              margin-left: 10px;
            }
          }
        }

        .content {
          margin-top: 30px;
          border-bottom: 2px solid #bcbcbc;

          h4 {
            font-size: 24px;
          }

          .loction {
            img {
              width: 18px;
              height: 18px;
              margin-right: 5px;
            }

            span {
              font-size: 18px;
            }
          }

          .price {
            margin-top: 30px;

            span {
              font-size: 18px;

              &:first-of-type {
                font-size: 20px;
              }
            }
          }

          .review {
            margin-top: 20px;
            margin-bottom: 30px;

            .stars {
              img {
                width: 26px;
                height: 26px;
              }
            }

            .text {
              font-size: 16px;
            }
          }
        }

        .icons {
          margin-top: 20px;
          flex-wrap: nowrap;

          .one,
          .two {
            display: flex;
            flex-direction: column;
            align-items: center;
          }

          .icon {
            margin-bottom: 20px;

            img {
              width: 24px;
              height: 24px;
              filter: invert(40%) sepia(7%) saturate(3%) hue-rotate(1deg) brightness(90%) contrast(83%);
            }

            .text {
              font-size: 16px;
              font-weight: 500;
            }
          }
        }

        .buttons {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          margin-top: 20px;

          .btn {
            width: 90%;
            height: 60px;
            font-size: 24px;

            &:first-of-type {
              color: #f7941d;
              border: 2px solid #f7941d;
              background-color: transparent;
              margin-bottom: 10px;
            }

            &:last-of-type {
              background-color: #f7941d;
              color: var(--white-color);
            }
          }
        }
      }
    }
  }
}

@media screen and (max-width: 1370px) {
  .popupe {
    &__properties {
      height: 95%;

      .left {
        .img-cover {
          width: 75%;
          height: 500px;
        }

        .img-carousel {
          width: 75%;

          .item {
            height: 125px;
          }

          .owl-carousel {
            .owl-nav {
              top: 35%;

              button {
                width: 35px;
                height: 35px;

                span {
                  font-size: 25px;
                }
              }

              button.owl-prev {
                left: -2%;
              }

              button.owl-next {
                right: -2%;
              }
            }
          }
        }
      }

      .right {
        .top {

          .heart,
          .share {
            margin-left: 15px;

            .img {
              width: 36px;
              height: 36px;
              padding: 0px;

              img {
                width: 20px;
                height: 20px;
              }
            }

            .text {
              font-size: 16px;
              font-weight: 500;
              margin-left: 10px;
            }
          }
        }

        .content {
          margin-top: 10px;
          border-bottom: 2px solid #bcbcbc;

          h4 {
            font-size: 20px;
          }

          .loction {
            img {
              width: 18px;
              height: 18px;
              margin-right: 5px;
            }

            span {
              font-size: 14px;
            }
          }

          .price {
            margin-top: 15px;

            span {
              font-size: 16px;

              &:first-of-type {
                font-size: 18px;
              }
            }
          }

          .review {
            margin-top: 10px;
            margin-bottom: 30px;

            .stars {
              img {
                width: 26px;
                height: 26px;
              }
            }

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

        .icons {
          margin-top: 20px;
          flex-wrap: nowrap;

          .one,
          .two {
            display: flex;
            flex-direction: column;
            align-items: center;
          }

          .icon {
            margin-bottom: 20px;

            img {
              width: 24px;
              height: 24px;
              filter: invert(40%) sepia(7%) saturate(3%) hue-rotate(1deg) brightness(90%) contrast(83%);
            }

            .text {
              font-size: 14px;
              font-weight: 400;
            }
          }
        }

        .buttons {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          margin-top: 5px;

          .btn {
            width: 90%;
            height: 40px;
            font-size: 16px;
            text-transform: capitalize;
            border-radius: 10px;

            &:first-of-type {
              color: #f7941d;
              border: 2px solid #f7941d;
              background-color: transparent;
              margin-bottom: 10px;
            }

            &:last-of-type {
              background-color: #f7941d;
              color: var(--white-color);
            }
          }
        }
      }
    }
  }
}

// 2- 1- Style Top Rated  Component To Media Queris Large.
@media screen and (max-width: 1020px) {
  .popupe {
    &__properties {
      width: 90%;
      height: 95%;

      .right {
        padding: 10px;
      }
    }
  }
}
*/
/* === range theme and appearance === */
input[type=range] {
  font-size: 1.5rem;
  width: 12.5em;
}

input[type=range] {
  color: #ef233c;
  --thumb-height: 1.125em;
  --track-height: 0.125em;
  --track-color: rgba(0, 0, 0, 0.2);
  --brightness-hover: 100%;
  --brightness-down: 80%;
  --clip-edges: 0.125em;
}

input[type=range].win10-thumb {
  color: #f7942d;
  --thumb-height: 17px;
  --thumb-width: 17px;
  --clip-edges: 0.0125em;
}

@media (prefers-color-scheme: dark) {
  html {
    background-color: #000;
  }
  html::before {
    background: radial-gradient(circle at center, #101112, #000);
  }
  input[type=range] {
    color: #f07167;
    --track-color: rgba(255, 255, 255, 0.1);
  }
  input[type=range].win10-thumb {
    color: #3a86ff;
  }
}
/* === range commons === */
input[type=range] {
  position: relative;
  background: rgba(255, 255, 255, 0);
  overflow: hidden;
}

input[type=range]:active {
  cursor: grabbing;
}

input[type=range]:disabled {
  filter: grayscale(1);
  opacity: 0.3;
  cursor: not-allowed;
}

/* === WebKit specific styles === */
input[type=range],
input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type=range]::-webkit-slider-runnable-track,
input[type=range]::-webkit-slider-thumb {
  position: relative;
}

input[type=range]::-webkit-slider-thumb {
  --thumb-radius: calc((var(--thumb-height) * 0.5) - 1px);
  --clip-top: calc((var(--thumb-height) - var(--track-height)) * 0.5 - 0.5px);
  --clip-bottom: calc(var(--thumb-height) - var(--clip-top));
  --clip-further: calc(100% + 1px);
  --box-fill: calc(-100vmax - var(--thumb-width, var(--thumb-height))) 0 0
      100vmax currentColor;
  width: var(--thumb-width, var(--thumb-height));
  background: linear-gradient(currentColor 0 0) scroll no-repeat left center/50% calc(var(--track-height) + 1px);
  background-color: currentColor;
  box-shadow: var(--box-fill);
  border-radius: var(--thumb-width, var(--thumb-height));
  filter: brightness(100%);
  clip-path: polygon(100% -1px, var(--clip-edges) -1px, 0 var(--clip-top), -100vmax var(--clip-top), -100vmax var(--clip-bottom), 0 var(--clip-bottom), var(--clip-edges) 100%, var(--clip-further) var(--clip-further));
}

input[type=range]:hover::-webkit-slider-thumb {
  filter: brightness(var(--brightness-hover));
  cursor: grab;
}

input[type=range]:active::-webkit-slider-thumb {
  filter: brightness(var(--brightness-down));
  cursor: grabbing;
}

input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(var(--track-color) 0 0) scroll no-repeat center/100% calc(var(--track-height) + 1px);
}

input[type=range]:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
}

/* === Firefox specific styles === */
input[type=range],
input[type=range]::-moz-range-track,
input[type=range]::-moz-range-thumb {
  appearance: none;
  transition: all ease 100ms;
  height: var(--thumb-height);
}

input[type=range]::-moz-range-track,
input[type=range]::-moz-range-thumb,
input[type=range]::-moz-range-progress {
  background: rgba(255, 255, 255, 0);
}

input[type=range]::-moz-range-thumb {
  background: currentColor;
  border: 0;
  width: var(--thumb-width, var(--thumb-height));
  border-radius: var(--thumb-width, var(--thumb-height));
  cursor: grab;
}

input[type=range]:active::-moz-range-thumb {
  cursor: grabbing;
}

input[type=range]::-moz-range-track {
  width: 100%;
  background: var(--track-color);
}

input[type=range]::-moz-range-progress {
  appearance: none;
  background: currentColor;
  transition-delay: 30ms;
}

input[type=range]::-moz-range-track,
input[type=range]::-moz-range-progress {
  height: calc(var(--track-height) + 1px);
  border-radius: var(--track-height);
}

input[type=range]::-moz-range-thumb,
input[type=range]::-moz-range-progress {
  filter: brightness(100%);
}

input[type=range]:hover::-moz-range-thumb,
input[type=range]:hover::-moz-range-progress {
  filter: brightness(var(--brightness-hover));
}

input[type=range]:active::-moz-range-thumb,
input[type=range]:active::-moz-range-progress {
  filter: brightness(var(--brightness-down));
}

input[type=range]:disabled::-moz-range-thumb {
  cursor: not-allowed;
}

.servecs {
  font-family: var(--poppins-font);
}
.servecs__header {
  background-color: white;
  width: 100%;
  height: 400px;
  margin-bottom: 70px;
}
.servecs__header .img {
  width: 100%;
  height: 100%;
  position: relative;
}
.servecs__header .img img {
  width: 100%;
  height: 100%;
}
.servecs__header .img h4 {
  position: absolute;
  bottom: 10%;
  z-index: 1;
  color: #FFFFFF;
  text-transform: capitalize;
  width: 100%;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  font-family: var(--poppins-font);
}
.servecs__cards h6 {
  font-size: 20px;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 50px;
  color: #F7942C;
  text-transform: capitalize;
  font-family: var(--poppins-font);
}
.servecs__cards p {
  font-family: var(--poppins-font);
  font-size: 16px;
  color: #070707;
  line-height: 1.8;
}
.servecs__cards img {
  width: 100%;
  height: 100%;
}
.servecs__cards__bottom {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  justify-content: flex-start;
}
.servecs__cards__bottom .text {
  width: 60%;
  height: 400px;
  background-image: linear-gradient(106deg, rgba(249, 183, 103, 0.2) 0%, rgba(247, 148, 44, 0.2784313725) 100%);
  padding: 70px 115px 70px 80px;
}
.servecs__cards__bottom .img {
  width: 500px;
  height: 400px;
  margin-top: 60px;
  margin-left: -95px;
}
.servecs__cards__center {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
  justify-content: flex-end;
  align-items: center;
}
.servecs__cards__center .img {
  width: 500px;
  height: 400px;
}
.servecs__cards__center .text {
  margin: 50px 0px;
  width: 60%;
  height: 300px;
  background-image: linear-gradient(254deg, rgba(98, 163, 202, 0.2) 0%, rgba(86, 161, 208, 0.4196078431) 100%);
  padding: 70px 115px 70px 80px;
}

@media screen and (max-width: 991px) {
  .servecs__cards__bottom {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
  }
  .servecs__cards__bottom .text {
    width: 75%;
    height: 400px;
    background-image: linear-gradient(106deg, rgba(249, 183, 103, 0.2) 0%, rgba(247, 148, 44, 0.2784313725) 100%);
    padding: 50px;
  }
  .servecs__cards__bottom .img {
    width: 500px;
    height: 400px;
    margin-top: 0px;
    margin-left: 0px;
  }
  .servecs__cards__center {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
  }
  .servecs__cards__center .img {
    width: 500px;
    height: 400px;
    margin-top: 0px;
    margin-left: 0px;
    order: 2;
  }
  .servecs__cards__center .text {
    width: 75%;
    height: 400px;
    padding: 50px;
    background-image: linear-gradient(254deg, rgba(98, 163, 202, 0.2) 0%, rgba(86, 161, 208, 0.4196078431) 100%);
    order: 1;
    margin: 0px;
  }
}
@media screen and (max-width: 576px) {
  .servecs__cards__bottom .text {
    width: 90%;
  }
  .servecs__cards__bottom .img {
    width: 75%;
    height: 300px;
  }
  .servecs__cards__center .img {
    width: 75%;
    height: 300px;
  }
  .servecs__cards__center .text {
    width: 90%;
  }
}
.notifications {
  font-family: var(--poppins-font);
  height: auto;
  margin: 30px 0px;
}
.notifications__title {
  text-align: center;
  margin-top: 50px;
  color: #0D0D0D;
  font-family: var(--poppins-font);
}
.notifications__items {
  width: 80%;
  margin: 0px auto;
  height: 100%;
  font-family: var(--poppins-font);
}
.notifications__item {
  width: 100%;
  height: auto;
  font-family: var(--poppins-font);
  margin-bottom: 10px;
}
.notifications__item .card {
  padding: 20px;
}
.notifications__item .card .day {
  display: block;
  margin-bottom: 20px;
  text-align: right;
  font-size: 16px;
  color: #CACACA;
}
.notifications__item .child {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
.notifications__item .child .img {
  width: 200px;
  height: 180px;
  border-radius: 25px;
}
.notifications__item .child .img img {
  width: 200px;
  height: 180px;
  border-radius: 25px;
}
.notifications__item .child .content {
  height: 250px;
  width: 330px;
}
.notifications__item .child .content h4 {
  font-size: 24px;
  color: #0D0D0D;
}
.notifications__item .child .content p {
  color: #3A3A3A;
  font-size: 18px;
}
.notifications__item .child .content .btn {
  width: 100%;
  margin-top: 50px;
  height: 50px;
  background-image: linear-gradient(to right top, #FFC100, #E17224);
  color: #FEFEFE;
  font-size: 16px;
  font-weight: 500;
  border-color: none;
  border-radius: 112px;
  position: relative;
}
.notifications__item .child .content .btn:hover {
  background-image: linear-gradient(to right top, #FFC100, #E17224);
  border-radius: 112px;
  border-color: none;
}
.notifications__item .child .content .btn .arrow {
  position: absolute;
  right: 1px;
  top: 2px;
  width: 46px;
  height: 46px;
  background-color: #FEFEFE;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transform: rotate(180deg);
}
.notifications__item .child .content .btn .arrow img {
  width: 35px;
  height: 20px;
  filter: invert(55%) sepia(55%) saturate(707%) hue-rotate(348deg) brightness(93%) contrast(94%);
}
.notifications .pending h6 {
  font-size: 24px;
  color: #E38C31;
  margin-bottom: 20px;
}
.notifications .accepted h6 {
  font-size: 24px;
  color: #329A56;
  margin-bottom: 20px;
}
.notifications .cancelled h6 {
  font-size: 24px;
  color: #F02C2C;
  margin-bottom: 20px;
}

/*
    1- Style Footer Compunent
      1- 1- Style Footer Component To Media Queris Large.
      1- 2- Style Footer Component To Media Queris Samll.
*/
.footer {
  font-family: var(--poppins-font);
  padding: 20px 0px 10px 0px;
}
.footer__top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footer__folllow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footer__folllow h6 {
  color: #a2a2a2;
  text-transform: capitalize;
  font-size: 18px;
  margin-right: 10px;
  margin-bottom: 0px;
}
.footer__folllow img {
  width: 30px;
  height: 30px;
  margin-right: 5px;
}
.footer__navbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  margin-right: 30px;
}
.footer__navbar a {
  font-size: 14px;
  color: #1f1f1f;
  text-transform: capitalize;
}
.footer__langth {
  width: 115px;
  height: 40px;
  border: 2px solid #1f1f1f;
  border-radius: 10px;
  text-align: center;
  line-height: 38px;
}
.footer__langth select {
  border: none;
  width: auto;
  font-size: 14px;
  font-weight: 500;
  width: 80%;
  text-align: center;
}
.footer__bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  border-top: 2px solid #ddd;
  padding: 40px 0px;
  color: #19191b;
}
.footer__bottom .right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footer__bottom .right img {
  width: 100px;
  height: 50px;
  margin-right: 10px;
}
.footer__bottom .right p {
  margin-bottom: 0px !important;
  font-size: 12px;
}
.footer__bottom .left {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.footer__bottom .left .nav-link {
  margin-right: 10px;
  font-size: 12px;
}
.footer__bottom .left p {
  margin-bottom: 0px !important;
  text-transform: capitalize;
  opacity: 1;
  font-size: 12px;
}

@media screen and (max-width: 991px) {
  .footer__top {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }
  .footer__folllow {
    margin-bottom: 50px;
  }
  .footer__navbar {
    margin-bottom: 50px;
    width: 100%;
    margin-right: none;
  }
  .footer__bottom {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
    border-top: 2px solid #ddd;
    padding: 40px 0px;
    color: #19191b;
  }
  .footer__bottom .right {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 576px) {
  .footer {
    margin-bottom: 100px;
  }
  .footer__navbar {
    flex-direction: column;
  }
  .footer__navbar a {
    margin-bottom: 20px;
  }
  .footer__bottom .left {
    flex-direction: column;
  }
  .footer__bottom .left .nav-link {
    margin-bottom: 10px;
  }
}
.careers {
  font-family: var(--poppins-font);
  background-color: #F2F5F4;
  padding: 1px;
}
.careers__top {
  margin-top: 20px;
  display: flex;
  align-items: center;
  width: 100%;
}
.careers__top .icon_arrow {
  width: 29px;
  height: 14px;
}
.careers__top .icon_arrow img {
  width: 100%;
  height: 100%;
}
.careers__top h2 {
  width: 70%;
  margin: 0px auto;
  text-align: center;
  color: #1d1d1d;
  text-transform: capitalize;
  font-family: var(--poppins-font);
  font-size: 20px;
}
.careers__cover {
  width: 100%;
  height: 350px;
  position: relative;
  margin-top: 40px;
  background-position: center;
  background-size: cover;
}
.careers__cover .overload {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 3;
  background-color: rgba(225, 135, 0, 0.2588235294);
}
.careers__content h6 {
  font-family: var(--poppins-font);
  text-align: center;
  margin: 40px 0px;
  letter-spacing: 0.8px;
  color: #2B2B2B;
  font-size: 20px;
  font-weight: bold;
}
.careers__content .collapse {
  border-top: 1px solid #d3d3d3;
}
.careers__card {
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 10px;
  box-shadow: 0px 0px 19px rgba(74, 74, 74, 0.231372549);
  margin-bottom: 20px;
  border: 1px solid var(--yello-color);
  transition: all 3s;
}
.careers__card .form-group {
  width: 80%;
  margin: 0px auto;
}
.careers__card .form-group label {
  letter-spacing: 0.6px;
  color: #333333;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}
.careers__card .form-group input.form-control {
  height: 40px;
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border: 1px solid #F7942C;
  border-radius: 5px;
}
.careers__card .form-group div.input-file {
  width: 100%;
  height: 219px;
  background: #F0F0F0 0% 0% no-repeat padding-box;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.careers__card .form-group div.input-file span {
  position: relative;
  text-align: center;
  text-decoration: underline;
  font-weight: 500;
  font-size: 12px;
  cursor: pointer;
  letter-spacing: 0.52px;
  color: #F7942C;
  text-transform: capitalize;
  cursor: pointer;
}
.careers__card .form-group div.input-file span input {
  bottom: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.careers__card .form-group .btn-submit {
  height: 40px;
  width: 120px;
  background-color: #F7942C;
  border-radius: 5px;
  font-size: 14px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-weight: 500;
  display: block;
  margin: 10px auto;
}
.careers__card .form-group .btn-submit:hover {
  border: 1px solid #F7942C;
  background-color: transparent;
  color: #F7942C;
}
.careers__item {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.careers__item .top {
  margin: 15px 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #161616;
  text-transform: capitalize;
}
.careers__item .left {
  margin: 15px 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.6px;
  text-transform: capitalize;
  color: #919191;
}
.careers__item .apply {
  position: absolute;
  right: 0%;
  bottom: 0%;
  z-index: 1;
  width: 80px;
  height: 40px;
  background: #F7942C 0% 0% no-repeat padding-box;
  border-radius: 10px 0px 0px 0px;
  text-align: center;
  line-height: 40px;
  color: #FFFFFF;
  text-transform: capitalize;
  font-size: 14px;
}
.careers__item .apply:hover {
  text-decoration: none;
}

@media screen and (max-width: 700px) {
  .careers__content h6 {
    font-size: 16px;
  }
  .careers__card .form-group label {
    font-size: 14px;
  }
  .careers__card .form-group .btn-submit {
    font-size: 12px;
  }
  .careers__item .top {
    margin: 5px 10px;
    font-size: 12px;
  }
  .careers__item .left {
    margin: 15px 10px;
    font-size: 11px;
  }
  .careers__item .apply {
    width: 60px;
    height: 30px;
    line-height: 30px;
    font-size: 11px;
  }
}
.profile {
  width: 400px;
  position: absolute;
  top: 2%;
  right: 12%;
  height: auto;
  background: #f3f3f3 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 26px rgba(73, 71, 61, 0.2509803922);
  border-radius: 5px;
  z-index: 10;
  font-family: var(--poppins-font);
  padding-bottom: 50px;
}
.profile .btn-close-profile {
  display: inline-block;
  margin: 10px;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;
}
.profile .btn-close-profile img {
  width: 20px;
  height: 20px;
}
.profile .content {
  width: 95%;
  margin: 5px auto;
  text-align: center;
}
.profile .content .name {
  margin: 0px auto;
}
.profile .content .name .img {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 0px auto;
  border: 4px solid #ffffff;
  position: relative;
}
.profile .content .name .img img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.profile .content .name .img .input {
  position: absolute;
  z-index: 2;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  line-height: 24px;
  width: 27px;
  height: 27px;
  text-align: center;
  border-radius: 50%;
  bottom: 0px;
  right: -10px;
}
.profile .content .name .img .input input {
  bottom: 0;
  height: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.profile .content .name .img .input img {
  width: 15px;
  height: 15px;
  border-radius: 0px;
}
.profile .content .name .text {
  margin: 5px auto;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #222222;
  text-transform: capitalize;
  opacity: 1;
}
.profile .accordion {
  margin: 5px 0px;
}
.profile .accordion .card {
  box-shadow: 0px 1px 6px #FFFFFF;
}
.profile .accordion .card .card-header h2 .btn-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  background-color: var(--white-color);
}
.profile .accordion .card .card-header h2 .btn-block:hover {
  background-color: var(--white-color);
  border: none;
  box-shadow: none;
}
.profile .accordion .card .card-header h2 .btn-block .img img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.profile .accordion .card .card-header h2 .btn-block .text,
.profile .accordion .card .card-header h2 .btn-block .arrow {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #222222;
  text-transform: capitalize;
  transform: rotate(90deg);
}
.profile .accordion .card .collapsed .arrow {
  transform: rotate(0deg);
}
.profile .accordion .card .card-body .form-account {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
}
.profile .accordion .card .card-body .form-account .left,
.profile .accordion .card .card-body .form-account .right {
  width: 50%;
}
.profile .accordion .card .card-body .form-account .left select,
.profile .accordion .card .card-body .form-account .right select {
  width: 95%;
  font-size: 14px;
}
.profile .accordion .card .card-body .form-account .left select option,
.profile .accordion .card .card-body .form-account .right select option {
  font-size: 14px;
}
.profile .accordion .card .card-body .form-account .left span.label,
.profile .accordion .card .card-body .form-account .right span.label {
  font-size: 12px;
  font-weight: 500;
  color: #8B8B8B;
  text-transform: capitalize;
  height: 20px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  text-transform: capitalize;
}
.profile .accordion .card .card-body .form-account .left span.label .btn-change,
.profile .accordion .card .card-body .form-account .right span.label .btn-change {
  color: #D94F4F;
  cursor: pointer;
}
.profile .accordion .card .card-body .form-account .left .input_edite,
.profile .accordion .card .card-body .form-account .right .input_edite {
  width: 90%;
  margin-bottom: 15px;
  font-size: 12px;
  padding: 0px 5px;
  height: 30px;
}
.profile .accordion .card .card-body .form-account .left .buttons,
.profile .accordion .card .card-body .form-account .right .buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  margin-top: 34px;
}
.profile .accordion .card .card-body .form-account .left .buttons .btn,
.profile .accordion .card .card-body .form-account .right .buttons .btn {
  width: 45%;
  font-size: 12px;
  font-weight: 600;
  text-transform: capitalize;
  height: 35px;
  border-radius: 5px;
}
.profile .accordion .card .card-body .form-account .left .buttons .btn-cancel,
.profile .accordion .card .card-body .form-account .right .buttons .btn-cancel {
  color: #D94F4F;
}
.profile .accordion .card .card-body .form-account .left .buttons .btn-save,
.profile .accordion .card .card-body .form-account .right .buttons .btn-save {
  color: #FFFFFF;
  background: #F7942C 0% 0% no-repeat padding-box;
}
.profile .accordion .card .card-body .form-account .left span.gender,
.profile .accordion .card .card-body .form-account .right span.gender {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.profile .accordion .card .card-body .form-account .left span.gender label,
.profile .accordion .card .card-body .form-account .right span.gender label {
  color: #222222;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 550;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.profile .accordion .card .card-body .form-account .left span.gender label .input-gender,
.profile .accordion .card .card-body .form-account .right span.gender label .input-gender {
  margin-left: 5px;
  width: 15px;
  height: 15px;
  border: 2px solid #F7942C;
}
.profile .accordion .card .card-body .form-account ul.bookings {
  width: 100%;
}
.profile .accordion .card .card-body .form-account ul.bookings li {
  border-bottom: 1px solid #e3e1e1;
  padding: 10px 0px;
  font-family: var(--poppins-font);
  color: #0D0D0D;
  text-transform: capitalize;
  font-size: 12px;
  font-weight: 600;
}
.profile .accordion .card .card-body .form-account ul.bookings li:last-of-type {
  border-bottom: none;
}
.profile .btn-logout {
  margin: 10px 0px;
  text-align: left;
}
.profile .btn-logout .btn {
  color: #F22929;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
}
.profile .btn-logout .btn img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
.profile .btn-logout .btn:hover {
  background-color: transparent;
  border: none;
}

.switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 23px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: var(--yello-color);
}

input:focus + .slider {
  box-shadow: 0 0 1px var(--yello-color);
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.saveditems__header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.saveditems__header .btn {
  font-size: 14px;
  font-weight: 600;
  font-family: var(--poppins-font);
  letter-spacing: 0.48px;
  color: #6D6D6D;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
}
.saveditems__header .btn:hover {
  background-color: transparent;
  border: none;
}
.saveditems__content {
  height: 300px;
  overflow-y: auto;
  margin-top: 20px;
}
.saveditems__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0px auto;
}
.saveditems__item .btn-remove {
  font-size: 14px;
  font-weight: 500;
  font-family: var(--poppins-font);
  letter-spacing: 0.48px;
  color: #D94F4F;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
}
.saveditems__item .btn-remove:hover {
  background-color: transparent;
  border: none;
}
.saveditems__item .top {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
}
.saveditems__item .detiles {
  width: 100%;
  height: 150px;
  border-radius: 5px;
  position: relative;
}
.saveditems__item .detiles .overload {
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: rgba(0, 0, 0, 0.56);
  z-index: 1;
  width: 100%;
  height: 100%;
}
.saveditems__item .detiles img.img-cover {
  width: 100%;
  height: 100%;
}
.saveditems__item .detiles .top-icons {
  position: absolute;
  top: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  z-index: 2;
  align-items: flex-start;
}
.saveditems__item .detiles .top-icons .btn-villa {
  background: #F7941D 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 0.62;
  border: none;
  padding: 3px 8px;
  font-size: 12px;
  height: auto;
}
.saveditems__item .detiles .top-icons img {
  margin: 5px 0px;
  width: 15px;
  height: 15px;
}
.saveditems__item .detiles .top-icons .text-icons {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0px;
  color: #FFFFFF;
}
.saveditems__item .detiles .top-right {
  font-family: var(--poppins-font);
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  flex-direction: column;
  z-index: 2;
  align-items: flex-start;
  color: #FFFFFF;
  font-size: 12px;
}
.saveditems__item .detiles .top-right span:first-of-type {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.saveditems__item .detiles .bottom {
  position: absolute;
  z-index: 2;
  bottom: 10px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0px 10px;
  width: 100%;
}
.saveditems__item .detiles .bottom img {
  width: 15px;
  height: 15px;
  margin-right: 2px;
  filter: invert(40%) sepia(7%) saturate(3%) hue-rotate(1deg) brightness(1000%) contrast(100%);
}
.saveditems__item .detiles .bottom .location,
.saveditems__item .detiles .bottom .amwag {
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 500;
}

@media screen and (max-width: 991px) {
  .profile {
    top: 37%;
    right: 8%;
  }
}

/*# sourceMappingURL=main.css.map */