p {
    hyphens: none !important;
    word-wrap: break-word !important; 
}

.ltn__header-5 .ltn__header-middle-area {
    padding-top: 10px;
    background: linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,0) 90%);
}
.ltn__header-5 .ltn__header-middle-area.sticky-active {
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: 0 5px 14px 0 rgba(46, 56, 220, 0.2);
}
.sticky-active.ltn__sticky-bg-black {
    /* background-image: radial-gradient(73% 147%, #EADFDF 59%, #ECE2DF 100%), radial-gradient(91% 146%, rgba(255,255,255,0.50) 47%, rgba(0,0,0,0.50) 100%);
 background-blend-mode: screen; */
    /* background-image: linear-gradient(to top, #dfe9f3 0%, white 100%); */
    background-image: linear-gradient(135deg, #fdfcfb 0%, #f2f2f2 100%);
}
.logo-sticky {
    display: none;
}
.sticky-active .logo-sticky {
    display: block;
    height: 40px;
}
.img-logo {
    height: 80px;
}
.sticky-active .img-logo {
    display: none;
}
.sticky-active.ltn__sticky-bg-black .ltn__main-menu > ul > li > a {
    color: #000;
}
.div-get-call {
    background: #45532C;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    color: white;
    float: right;
}
.div-get-call .myselection{
    background: #fff;
    color: #ff0030;
    border-radius: 0 10px 10px 0;
    padding: 5px 8px 5px 17px;
    font-size: 12px;
    margin-left: -10px;
}

.div-get-call a.call {
    background: white;
    color: #45532C;
    border-radius: 10px;
    padding: 5px 8px;
    font-size: 12px;
    box-shadow: rgba(0,0,0,.4) 0 0 6px;
    position: relative;
}

.div-get-call a.lang {
    padding: 5px 8px;
    font-size: 12px;
    text-transform: uppercase;
}

.div-get-call .btn-group .dropdown-menu {
    padding: 0;
    background: #45532C;
    margin-top: 4px !important;
    min-width: fit-content;
}

.div-get-call .btn-group .dropdown-menu .dropdown-item:hover,
.div-get-call .btn-group .dropdown-menu .dropdown-item:focus {
    background: #537c9d;
}

.div-get-call .btn-group .dropdown-menu .dropdown-item {
    color: white;
    font-size: 12px;
}

/* .ltn__main-menu>ul {
    width: fit-content;
    margin-left: 50px;
    height: 65px;
} */

.ltn__main-menu {
    display: flex;
    align-items: center;
}

.ltn__main-menu li {
    margin-top: 0;
}
.ltn__main-menu > ul > li > a .ltn__main-menu li > ul {
    background: #ffffff0a !important;
    border-top: 4px solid white !important;
    color: white !important;
}

.ltn__main-menu li > ul li {
    margin-top: 0;
    font-weight: 200;
    font-family: var(--ltn__body-font);
    text-transform: uppercase;
}

.ltn__main-menu > ul > li > a {
    padding: 10px 10px;
    font-size: 14px;
}

.ltn__main-menu ul li a::after{
    width: 0;
    content: "";
    height: 1px;
    background: white;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    transition: 0.2s linear;
}

.ltn__main-menu ul li a:hover::after{
    width: 100%;
}

.ltn__main-menu ul li a.active{
    border-bottom:1px solid white
}

.ltn__slide-item-2 .slide-title {
    font-weight: 100;
    color:#FFF;
    font-size: 72px;
    text-shadow: rgba(0,0,0,0.6) 0 0 8px;
}

.ltn__slide-item-2 .slide-brief {
    padding: 0;
}

/* Effet zoom sur slider home */
.ltn__slide-item-2{
    padding: 0;
    height: 100vh;
}
.ltn__slide-item-2 img{
    position:absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.ltn__slide-item-2 .slide-brief{
    border:none;
}
.ltn__slide-item.slick-current.slick-active img{
    -webkit-animation: myMove 8s 1 ease-in-out;
    -moz-animation: myMove 8s 1 ease-in-out;
    -o-animation: myMove 8s 1 ease-in-out;
    -ms-animation: myMove 8s 1 ease-in-out;
    animation: myMove 8s 1 ease-in-out;
  }
  
  .ltn__slide-item[aria-hidden=true] img {
    visibility: hidden;
  }
  
  @keyframes myMove {
    from {
      transform: scale(1, 1);
      transform-origin: 50% 50%;
    }
    to {
      transform: scale(1.2, 1.2);
      transform-origin: 50% 0%;
    }
  }
  @-webkit-keyframes myMove {
    from {
      -webkit-transform: scale(1, 1);
      -webkit-transform-origin: 50% 50%;
    }
    to {
      -webkit-transform: scale(1.2, 1.2);
      -webkit-transform-origin: 50% 0%;
    }
  }
  @-o-keyframes myMove {
    from {
      -o-transform: scale(1, 1);
      -o-transform-origin: 50% 50%;
    }
    to {
      -o-transform: scale(1.2, 1.2);
      -o-transform-origin: 50% 0%;
    }
  }
  @-moz-keyframes myMove {
    from {
      -moz-transform: scale(1, 1);
      -moz-transform-origin: 50% 50%;
    }
    to {
      -moz-transform: scale(1.2, 1.2);
      -moz-transform-origin: 50% 0%;
    }
  }
  @-ms-keyframes myMove {
    from {
      -ms-transform: scale(1, 1);
      -ms-transform-origin: 50% 50%;
    }
    to {
      -ms-transform: scale(1.2, 1.2);
      -ms-transform-origin: 50% 0%;
    }
  }
  /* Effet zoom sur slider home */
.btn-slider {
    background: none;
    border: 1px solid white;
    border-radius: 25px;
    padding: 10px 30px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
}

.btn-slider:hover {
    background: white;
    color: black;
}

/* .slick-slide-dots-1 .slick-dots {
    position: absolute;
    bottom: 15%;
    width: fit-content;
    margin: 0;
    left: 10%;
} */

.slick-dots li:hover,
.slick-dots li.slick-active {
    background-color: #ffffff;
    height: 3px;
    width: 25px;
    margin-bottom: 0px;
    border-radius: 0;
}

.slick-dots li {
    height: 3px;
    width: 25px;
    border-radius: 0;
    background: #ffffff42;
}

.slick-slide-arrow-1 .slick-arrow {
    opacity: 1;
    visibility: visible;
    border-radius: 100%;
    border: 1px solid #ffffff7d;
    /* left: calc(50% - 160px) !important; */
    /* top: 77%; */
}

/* .slick-slide-arrow-1 .slick-next {
    left: calc(50% - 95px) !important;
} */

.slick-slide-arrow-1 .slick-arrow:hover {
    background: #00000094;
    border: 1px solid #ffffff7d;
}

.ltn__slider-area {
    position: relative;
}

.section-form-container{
    /*position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    z-index: 1;
    top: 0;
    bottom: 0;
    height: fit-content;*/
}

.section-form {
    width: 470px;
    height: fit-content;
    position: absolute;
    z-index: 1;
    top: 150px;
    /* right: 0; */
    /* margin: auto; */
    /* bottom: 0; */
    padding: 25px;
    box-shadow: 0px 0px 30px 11px #00000042;
    /* margin-right: 300px; */
    /* left: 60%; */
}

.ul-operations {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.ul-operations .li-operation {
    margin-top: 0 !important;
}

.ul-operations .li-operation label {
    color: white;
    padding: 3px 20px;
    background: transparent;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
    border: 1px solid white;
}

.section-form .title {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 26px;
    margin-top: 20px;
    color:#FFF;
}

.section-form .ul-operations input[type="radio"] {
    display: none;
}

.section-form
    .li-operation:has(input[type="radio"]:checked)
    label.label-operation {
    background: white !important;
    border: 1px solid #45532C;
    color: #45532C;
}
.section-form .form-group .form-label {
    color: white;
    font-weight: 300;
    margin-bottom: 4px;
    font-size: 14px;
    text-transform: uppercase;
}

.section-form .form-group .input-group .nice-select {
    background: #ffffff1c;
    border: none;
    border-radius: 10px !important;
    padding: 0;
    padding-left: 10px;
    padding-right: 30px;
    font-weight: 200;
    box-shadow: none;
    text-transform: uppercase;
}

.section-form .form-group .input-group .nice-select.open .list {
    background: #45532C;
}

.section-form .form-group .input-group .nice-select .option.focus,
.section-form .form-group .input-group .nice-select .option.selected.focus,
.nice-select .option:hover {
    background: #f6f6f61c;
}

.section-form .form-group .input-group .nice-select .option {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 12px;
}

.section-form .form-group .input-group button {
    width: 100%;
    border-radius: 10px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    padding-block: 10px;
    line-height: 26px;
    color: #45532C;
}

.section-form .form-group .input-group button i {
    color: #45532C;
    margin-right: 5px;
}

.section-form .ul-rooms {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-form .ul-rooms .li-rooms {
    background: transparent;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid white;
}

.section-form .ul-rooms .li-rooms label {
    color: white;
    padding: 5px 20px;
}

.section-form .ul-rooms input[type="checkbox"] {
    display: none;
}

.section-form .li-rooms:has(input[type="checkbox"]:checked) {
    background: #45532C !important;
    border: 1px solid white;
}

.section-form input[type="checkbox"]:checked ~ .label-rooms {
    color: white;
}

.sub-title {
    font-size: 36px;
    text-transform: uppercase;
    font-family: var(--ltn__heading-font);
    font-weight: 200;
    color: #45532C;
    line-height: 35px;
    margin-bottom: 5px;
}
.sub-title strong{
    font-weight: 600;
}

.sub-m-title {
    font-size: 35px;
    text-transform: uppercase;
    font-family: var(--ltn__heading-font);
    font-weight: 200;
    color: #45532C;
    line-height: 35px;
    margin-bottom: 10px;
    line-height: 55px;
}

.big-title {
    font-size: 46px;
    text-transform: uppercase;
    color: #45532C;
    margin-bottom: 5px;
}

.section-about .about-images .img-1 {
    width: 70%;
}

.section-about .about-images .img-2 {
    width: 60%;
    /* left: 38%; */
    left: 50%;
    position: absolute;
    top: 7%;
}
.about-info {
    margin-left: 95px;
}
.about-info .big-title {
    font-weight: 700;
    width: 300px;
    font-size: 36px;
    line-height: 42px;
}
.about-info .paragraph {
    margin-bottom: 60px;
}

.about-menu {
    margin-top: 20px;
}
.about-menu .ul-about-menu {
    display: flex;
    list-style: none;
    gap: 2px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
}

.locations.about-menu .ul-about-menu{
    gap: 6px;
}

.about-menu .ul-about-menu .li-about-menu {
    text-decoration: none !important;
}

.locations.about-menu .ul-about-menu .li-about-menu {
    margin: 0;
}

.about-menu .ul-about-menu .li-about-menu a {
    padding: 10px 20px;
    border: 1px solid #45532C;
    color: #45532C;
    font-size: 14px;
    border-radius: 20px;
    text-decoration: none;
    transition: 0.5s;
    text-transform: uppercase;
}

.locations.about-menu .ul-about-menu .li-about-menu a {
    padding: 6px 6px;
    font-size: 10px;
}

.about-menu .ul-about-menu .li-about-menu:hover a {
    background: #45532C;
    color: white;
}

/* NAJOUA */
.project-tile {
    position: relative;
    overflow: hidden;
}

.project-tile img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}
.project-tile .textbox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    transition: all ease 0.3s;
}
.project-tile button {
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    line-height: 13px;
    color: #45532C;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
    transition: all ease 0.3s;
}

.project-tile:hover .textbox {
    opacity: 0;
    top: 35%;
}

.project-tile .hover-box {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: all ease 0.3s;
}

.project-tile:hover .hover-box {
    opacity: 1;
    top: 50%;
}

.project-tile h3 {
    font-weight: 300;
    color: #fff;
    text-transform: uppercase;
}

.project-tile .hover-box a {
    background: #45532C;
    line-height: 32px;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 0 20px;
    min-width: 164px;
}

.project-tile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all ease 0.3s;
}

.project-tile:hover:before {
    opacity: 1;
}

.no-padding-right > * {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.div-navication-carousel {
    display: flex;
    align-items: center;
    margin-top: 27px;
    justify-content: center;
}

.div-navication-carousel .navication-carousel {
    display: flex;
    gap: 15px;
    z-index: 1;
    position: relative;
    width: fit-content;
}

.div-navication-carousel .navication-carousel span {
    font-size: 14px;
    font-weight: 600;
    color: #45532C;
}

.div-navication-carousel .navication-carousel a {
    color: #45532C;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    position: relative;
}
.div-navication-carousel .navication-carousel a::before {
    content: "";
    height: 1px;
    width: 4px;
    background: #45532C;
    position: absolute;
    top: 12px;
    left: -10px;
}

.div-navication-carousel .navication-carousel a.active {
    font-weight: 600;
}

.div-navication-carousel .div-button-carousel {
    display: flex;
    margin-left: 50px;
}

.div-navication-carousel .div-button-carousel button {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 1px solid #45532C;
    font-size: 18px;
    color: #45532C;
    transition: 0.5s;
    margin-inline: 3px;
}

.div-navication-carousel .div-button-carousel button:hover {
    background: #45532C;
    border: 1px solid #45532C;
    color: white;
}

/* NAJOUA */

/* Custom css Zak */
.big-title {
    color: #45532C;
    font-weight: 300;
    font-size: 42px;
    text-transform: uppercase;
}

.blue-text {
    color: #45532C;
    text-align: center;
}

.item-blog {
    background: #f7f7f7;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 2px 5px;
    overflow: hidden;
    height: 100%;
}

.item-blog .imgbox img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}
.item-blog .imgbox {
    overflow: hidden;
}
.item-blog.big .imgbox {
    width: 50%;
}

.item-blog.big {
    display: flex;
}

.item-blog .textbox {
    padding: 15px;
}
.item-blog:not(.big) .textbox {
    margin-bottom: 30px;
}

.item-blog.big .textbox {
    align-content: space-around;
    padding: 30px;
    width: 50%;
}

.item-blog .textbox h3 {
    color: #45532C;
    font-weight: 300;
    font-size: 20px;
    margin-bottom: 5px;
}
.item-blog .textbox .paragraph {
    font-size: 12px;
    line-height: 22px;
    margin-bottom: 10px;
}
.item-blog.big .textbox .paragraph {
    font-size: 16px;
    line-height: 24px;
    color: #45532C;
    margin-bottom: 40px;
}
.item-blog .btn {
    font-size: 10px;
    line-height: 22px;
    padding: 0 25px;
}
.item-blog.big .btn {
    font-size: 12px;
    padding: 0 30px;
    line-height: 34px;
}
.item-blog:not(.big) .btn {
    position: absolute;
    bottom: 15px;
    position: absolute;
    left: 30px;
}
.item-blog .textbox .btn {
    font-size: 10px;
    line-height: 22px;
    padding: 0 25px;
}
.item-blog.big .textbox .btn {
    font-size: 12px;
    padding: 0 30px;
    line-height: 34px;
}

.item-blog.big .textbox h3 {
    text-transform: uppercase;
    font-size: 42px;
    position: relative;
    margin-bottom: 30px;
}
.item-blog.big .textbox h3::after {
    content: "";
    height: 0.5px;
    width: 300px;
    background: #45532C;
    position: absolute;
    bottom: -4px;
    left: 0;
    opacity: 0.5;
}

/* .item-blog .textbox p{
    font-size: 12px;
} */
.item-blog .textbox a.more {
    display: inline-block;
    background: #45532C;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
}

/* Custom css Zak */

/* SECTION PARTNER */
.section-partner {
    overflow: hidden;
}

.section-partner .div-paragraph ul {
    font-size: 12px;
    line-height: 22px;
    color: #45532C;
}

.section-partner .partner-info {
    margin-left: 200px;
    margin-right: 50px;
}
.section-partner .partner-info .paragraph {
    font-size: 12px;
    line-height: 22px;
}
.section-partner .partner-info .div-paragraph {
    margin-bottom: 60px !important;
}
.section-partner .div-partner-img {
    height: 700px;
}

.section-partner .div-partner-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-partner .partner-carousel .owl-item {
    transition: 0.5s;
}

.section-partner .partner-carousel .owl-item.active.big {
    width: 400px !important;
}

.section-partner .partner-carousel .owl-carousel.owl-loaded,
.section-partner .partner-carousel .owl-carousel .owl-stage-outer {
    height: 700px;
}

/* SECTION PARTNER */

/* SECTION FEATURED */
.section-featured {
    overflow: hidden;
}

.section-featured .div-paragraph ul {
    font-weight: 300;
    font-size: 20px;
    line-height: 28px;
}

.section-featured .featured-info {
    margin-right: 38%;
    margin-left: 20px;
}
.section-featured .featured-info .paragraph {
    font-size: 12px;
    line-height: 22px;
}
.section-featured .featured-info .featured-details {
    list-style: none;
    padding: 0;
    color: #b0b0b0;
}
.section-featured .featured-info .featured-details li {
    margin: 0;
    line-height: 22px;
}
.section-featured .featured-info .featured-details strong {
    color: #45532C;
    font-weight: 400;
}
.section-featured .div-featured-img {
    height: 700px;
}

.section-featured .div-featured-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-featured .featured-carousel .owl-item {
    transition: 0.5s;
}

.section-featured .featured-carousel .owl-item.active.big {
    width: 400px !important;
}

.section-featured .featured-carousel .owl-carousel.owl-loaded,
.section-featured .featured-carousel .owl-carousel .owl-stage-outer {
    height: 700px;
}

/* SECTION PARTNER */

/* SECTION FEATURED RENT*/
.section-featured-rent {
    background: #063d7b9c;
    background-image: url("../img/view-new-york-city-night-time 1.png");
    background-size: cover;
    background-position: center;
    padding-block: 100px;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    overflow: hidden;
}

.section-featured-rent .item{
   cursor:pointer;
}

.section-featured-rent .featured-rent-info {
    margin-right: 200px;
    margin-left: 50px;
}
.section-featured-rent .featured-rent-info .btn-secondary {
    border-radius: 5px;
    border: none;
    padding: 0 15px;
    font-weight: 500;
    font-size: 11px;
    line-height: 30px;
}

.section-featured-rent .featured-rent-info .sub-title {
    color: white;
    margin-bottom: 10px;
    max-width: 500px;
    line-height: 40px;
}

.section-featured-rent .featured-rent-info p {
    color: white;
    font-weight: 300;
    font-size: 14px;
}

.section-featured-rent .featured-rent-item {
    height: 350px;
    border-radius: 20px;
    overflow: hidden;
    text-align: left;
}

.section-featured-rent .featured-rent-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-featured-rent .featured-rent-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-featured-rent .featured-rent-item-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px;
    padding-top: 100px;
    width: 100%;
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 90%);
    border-radius: 0px 0px 20px 20px;
}

.section-featured-rent .featured-rent-item-info .title {
    font-size: 12px;
    color: white;
    font-weight: 500;
    margin-bottom: 7px;
}

.section-featured-rent .featured-rent-item-info label.label-category {
    font-size: 14px;
    color: white;
    display: block;
    line-height: 15px;
}

.section-featured-rent .featured-rent-item-info label.label-statistic {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 14px;
}

.section-featured-rent .featured-rent-item-info .price {
    font-size: 12px;
    color: white;
    font-weight: 600;
    margin: 0;
}

.section-featured-rent .featured-rent-item-info span.currency {
    font-weight: 400;
}

.section-featured-rent .featured-rent-carousel .owl-item {
    transition: transform 0.3s ease-in-out;
    transform: scaleY(1.2);
}

.section-featured-rent .featured-rent-carousel .owl-item.active.big {
    transform: scaleY(1.2);
}

.section-featured-rent .featured-rent-carousel .owl-stage {
    padding-block: 64px;
}

.section-featured-rent .div-locations-rent-content {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.section-featured-rent .div-locations-rent-content .locations-rent {
    display: flex;
    gap: 30px;
    z-index: 1;
    position: relative;
    width: fit-content;
}

.section-featured-rent .locations-rent span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.section-featured-rent .locations-rent a {
    color: #c2c2c2;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}

.section-featured-rent .locations-rent a.active {
    font-weight: 700;
    color: #fff;
}

.section-featured-rent .div-locations-rent-content .div-button-carousel {
    display: flex;
    margin-left: 50px;
}

.section-featured-rent .div-locations-rent-content .div-button-carousel button {
    border-radius: 100%;
    width: 34px;
    height: 34px;
    background: transparent;
    border: 1px solid #ffffff7d;
    font-size: 18px;
    color: white;
    transition: 0.5s;
    margin-inline: 3px;
}

.section-featured-rent
    .div-locations-rent-content
    .div-button-carousel
    button:hover {
    background: #00000094;
    border: 1px solid #ffffff7d;
}

/* SECTION FEATURED RENT */

/* SECTION FEATURED SALE*/
.section-featured-sale {
    background: #45532C80;
    background-image: url("../img/Rectangle 162.png");
    background-size: cover;
    background-position: center;
    padding-block: 100px;
    background-repeat: no-repeat;
    background-blend-mode: soft-light;
    overflow: hidden;
}

.section-featured-sale .item{
    cursor:pointer;
}

.section-featured-sale .featured-sale-info {
    margin-left: 200px;
    margin-right: 50px;
}

.section-featured-sale .featured-sale-info .sub-title {
    color: white;
    margin-bottom: 10px;
    max-width: 500px;
    line-height: 40px;
}

.section-featured-sale .featured-sale-info p {
    color: white;
    font-weight: 300;
    font-size: 14px;
}
.section-featured-sale .featured-sale-info .btn-secondary {
    border-radius: 5px;
    border: none;
    padding: 0 15px;
    font-weight: 500;
    font-size: 11px;
    line-height: 30px;
}
.section-featured-sale .featured-sale-item {
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
}

.section-featured-sale .featured-sale-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-featured-sale .featured-sale-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.section-featured-sale .featured-sale-item-info {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 15px;
    padding-top: 100px;
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 90%);
    border-radius: 0px 0px 10px 10px;
}

.section-featured-sale .featured-sale-item-info .title {
    font-size: 12px;
    color: white;
    font-weight: 500;
    margin-bottom: 7px;
}

.section-featured-sale .featured-sale-item-info label.label-category {
    font-size: 14px;
    color: white;
    display: block;
    line-height: 15px;
}

.section-featured-sale .featured-sale-item-info label.label-statistic {
    font-size: 12px;
    color: #8c8c8c;
    line-height: 14px;
}

.section-featured-sale .featured-sale-item-info .price {
    font-size: 12px;
    color: white;
    font-weight: 600;
    margin: 0;
}

.section-featured-sale .featured-sale-item-info span.currency {
    font-weight: 400;
}

.section-featured-sale .featured-sale-carousel .owl-item {
    transition: transform 0.3s ease-in-out;
    transform: scaleY(1.2);
}

.section-featured-sale .featured-sale-carousel .owl-item.active.big {
    transform: scaleY(1.2);
}

.section-featured-sale .featured-sale-carousel .owl-stage {
    padding-block: 64px;
}

.section-featured-sale .div-locations-sale-content {
    display: flex;
    align-items: center;
    margin-top: 27px;
}

.section-featured-sale .div-locations-sale-content .locations-sale {
    display: flex;
    gap: 15px;
    z-index: 1;
    position: relative;
    width: fit-content;
}

.section-featured-sale .locations-sale span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

.section-featured-sale .locations-sale a {
    color: #c2c2c2;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
}
.section-featured-sale .locations-sale a::before {
    content: "";
    height: 1px;
    width: 4px;
    background: #fff;
    position: absolute;
    top: 12px;
    left: -10px;
}

.section-featured-sale .locations-sale a.active {
    font-weight: 700;
    color: #fff;
}

.section-featured-sale .div-locations-sale-content .div-button-carousel {
    display: flex;
    margin-left: 50px;
}

.section-featured-sale .div-locations-sale-content .div-button-carousel button {
    border-radius: 100%;
    width: 34px;
    height: 34px;
    background: transparent;
    border: 1px solid #ffffff7d;
    font-size: 18px;
    color: white;
    transition: 0.5s;
    margin-inline: 3px;
}

.section-featured-sale
    .div-locations-sale-content
    .div-button-carousel
    button:hover {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid #ffffff7d;
}

/* SECTION FEATURED SALE */

/* Custom css Zak - Advisor section */
.advisor-section .sub-title {
    text-transform: none;
    font-size: 42px;
}
.item-advisor {
    position: relative;
}

.item-advisor .imgbox {
    overflow: hidden;
}
.item-advisor .imgbox img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    transition: all ease 0.5s;
}
.item-advisor:hover .imgbox img {
    transform: scale(1.2);
}

.item-advisor .textbox {
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #2d2e2d);
    width: 100%;
    padding: 15px;
    text-align: center;
}

.item-advisor .textbox h3 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
}

.item-advisor .textbox p {
    color: #fff;
}

.item-advisor .textbox a {
    display: inline-block;
    background: #45532C;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: white;
    text-transform: uppercase;
    border-radius: 16px;
}
.advisor-section .brands-carousel .slick-dots li {
    width: 8px;
    height: 8px;
    background: #cacaca;
    border-radius: 100%;
}
.advisor-section .brands-carousel .slick-dots li.slick-active {
    background: #45532C;
}
/* Custom css Zak - Advisor section */

/* Custom css Zak - Team section */
.team-card{
    padding: 0 15px;
    cursor: pointer;
}
.team-card .square2 .overlay-link{
    position:absolute;
    height:100%;
    width:100%;
    top:0;
    left:0;
}
.main-btn {
    display: inline-block;
    background: #45532C;
    padding: 0 60px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
}
.main-btn:hover{
    background: black;
    color: white;
}

.team-section {
    background: #f7f7f7;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 10px;
}

.team-section .container-fluid {
    max-width: 1400px;
}

.item-team .square {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px;
    overflow: hidden;
    background: #fff;
}

.item-team .imgbox img {
    height: 400px;
    width: 100%;
    object-fit: cover;
}

.item-team .textbox {
    padding: 15px;
    text-align: center;
}

.item-team .textbox h5 {
    color: #45532C;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0;
}

.item-team .textbox p {
    font-size: 12px;
}

.item-team .textbox a {
    background: #45532C;
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
}

.item-team .square2 {
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 3px 5px;
    overflow: hidden;
}

.item-team .hover-box {
    text-align: center;
    height: 100%;
    background-size: cover;
    position: relative;
    background-position: center;
}

.item-team .hover-box .info-box {
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #45532C);
    padding: 15px;
    padding-top: 100px;
    width: 100%;
}

.item-team .hover-box h5 {
    color: white !important;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0;
}

.item-team .hover-box h6 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
}

.item-team .hover-box p {
    font-size: 12px;
    color: #f7f7f7;
}

.item-team .hover-box a {
    color: #fff;
}

.square-flip {
    min-height: 340px;
    margin: 15px 0;
}

.square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.square,
.square2 {
    width: 100%;
    height: 100%;
}

.square {
    background-size: cover;
    background-position: center center;
    -webkit-transition: -webkit-transform 0.9s
        cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25),
        -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.square-flip .square {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}

.square2 {
    -webkit-transition: -webkit-transform 0.9s
        cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    -o-transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    transition: transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25),
        -webkit-transform 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.25);
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.square-flip .square2 {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 1;
}

.square-flip:hover .square {
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.square-flip:hover .square2 {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.team-section .slick-dots li{
    background: rgba(69, 83, 44, 0.3);
}
.team-section .slick-dots li:hover, .team-section .slick-dots li.slick-active{
    background: rgba(69, 83, 44, 1);
}
/* Custom css Zak - Team section */

/* Custom css Zak - News section */

.item-post {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

.item-post .imgbox img {
    height: 400px;
}

.item-post .date-post {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.6) 0 0 3px;
}

.item-post .textbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 60px 15px 10px;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.6));
}

.item-post .textbox h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
}

.item-post .textbox p {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    padding-bottom: 10px;
    margin-bottom: 0;
    border-bottom: #fff solid 1px;
}

.item-post .textbox .btn-box a {
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.item-post .textbox .btn-box ul {
    padding: 0;
    margin: 0;
    float: right;
}

.item-post .textbox .btn-box ul li {
    display: inline-block;
    margin: 0;
}

.item-post .textbox .btn-box ul li a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
}
.news-section .slick-dots li{
    background: rgba(69, 83, 44, 0.3);
}
.news-section .slick-dots li:hover, .news-section .slick-dots li.slick-active{
    background: rgba(69, 83, 44, 1);
}
/* Custom css Zak - News section */

/* Custom css Zak - Newsletter section */
.newsletter-section {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
}

.newsletter-section .textbox {
    padding: 200px 60px;
}

.newsletter-section .textbox::before {
    content: "";
    height: 100%;
    width: calc(100% + 1000px);
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
}

.newsletter-section h3 {
    color: white;
    font-weight: 300;
    font-size: 36px;
}

.newsletter-section p {
    font-size: 14px;
    color: #fff;
    position: relative;
}

.newsletter-section .textbox form {
    position: relative;
}

.newsletter-section .textbox input[type="email"] {
    background: rgba(255, 255, 255, 0.4);
    color: #fff;
    border: 1px solid white;
    height: 50px;
    border-radius: 25px;
}

.newsletter-section .textbox input[type="email"]::placeholder {
    opacity: 1;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
}

.newsletter-section .textbox button {
    position: absolute;
    right: 10px;
    background: #45532C;
    color: white;
    height: 34px;
    border-radius: 17px;
    top: 8px;
    padding: 0 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Custom css Zak - Newsletter section */

/* Custom css Zak - Collaboration section */
.collaboration-section .collaboration-item {
    padding-inline: 50px;
    text-align: -webkit-center;
}

.collaboration-section .collaboration-item img {
    height: 160px;
    width: fit-content !important;
}

.collaboration-section .slick-dots li{
    background: rgba(69, 83, 44, 0.3);
}
.collaboration-section .slick-dots li:hover, .collaboration-section .slick-dots li.slick-active{
    background: #45532C;
}

/* Custom css Zak - Collaboration section */

/* location section start */

.location {
    overflow: hidden;
}

.location .project-tile {
    position: relative;
    overflow: hidden;
}

.location .project-tile img {
    width: 100%;
    object-fit: cover;
    height: 460px;
}
.location .project-tile .textbox{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.location .project-tile button {
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    line-height: 13px;
    color: #45532C;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 10px 15px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
    transition: all ease 0.3s;
}

.location .project-tile:hover .textbox {
    opacity: 0;
    top: 35%;
}

.location .project-tile .hover-box {
    position: absolute;
    width: 100%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: all ease 0.3s;
}

.location .project-tile:hover .hover-box {
    opacity: 1;
    top: 50%;
}

.location .project-tile h3 {
    font-weight: 400;
    color: white;
    font-size: 20px;
}

.location .project-tile .hover-box a {
    background: rgba(255, 255, 255, 0.2);
    line-height: 32px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 0 15px;
}

.location .project-tile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    transition: all ease 0.3s;
}

.location .project-tile:hover:before {
    opacity: 1;
}

.location .project-tile .big img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.location .project-tile .big {
    height: 100%;
    width: 100%;
}

.location .row-row {
    padding: 0;
    margin: 0;
}

/* location section end */

/* interior design start  */

.interiorDesign {
    background-image: url("../img/Rectangle 189.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.interiorDesign .row {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: start;
}

.interiorDesign .overlay-text {
    color: rgb(252, 250, 250);
    background: rgba(217, 217, 217, 0.04);
    text-align: -webkit-auto;
    width: 619px;
    padding: 52px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
    backdrop-filter: blur(14px);
}

.interiorDesign p {
    font-size: 13px;
    color: white;
    line-height: 18px;
}

.interiorDesign a {
    top: 83%;
    left: 23%;
    text-align: center;
    background: rgba(223, 194, 136, 0.17);
    line-height: 32px;
    color: #e9ebef;
    font-size: 10px;
    font-weight: 400;
    border-radius: 16px;
    display: inline-block;
    text-decoration: none;
    padding: 0 36px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
    transition: all ease 0.3s;
}

.interiorDesign h3 {
    font-weight: 200;
    color: white;
    font-size: 30px;
    margin: 0;
}

.interiorDesign .border-under-title-white {
    border-bottom: 1px solid #f8f8f7;
    margin-block: 15px;
}

/* interior design end */

/* RealEstate section start */

.RealEstate {
    background-image: url("../img/Rectangle 189 (1).png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    height: 800px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.RealEstate .border-under-title-white {
    border-bottom: 1px solid #f8f8f7;
    margin-block: 15px;
}

.RealEstate h3 {
    font-weight: 200;
    color: white;
    font-size: 30px;
}

.RealEstate a {
    top: 83%;
    left: 21%;
    text-align: center;
    background: rgba(255, 255, 255, 0.39);
    line-height: 32px;
    color: white;
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 16px;

    text-decoration: none;
    padding: 10px 36px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
    transition: all ease 0.3s;
}

.RealEstate p {
    font-size: 13px;
    color: white;
    line-height: 18px;
}

.RealEstate .overlay-text {
    color: rgb(252, 250, 250);
    background-color: rgba(0, 0, 0, 0.4);
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 76.6%, #000000); */
    text-align: -webkit-auto;
    padding: 50px !important;
    width: 600px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px;
}

.RealEstate .row {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: flex-end;
    padding-right: 0px;
}

/* Real estate end */

/* footer newsletter */
.footer-newsletter input {
    background: transparent;
    border-radius: 45px;
    border: 1px solid #45532C !important;
}

.footer-newsletter .btn-wrapper .btn {
    padding: 0px 26px;
    height: 50px;
    margin-block: 8px;
    margin-inline: 6px;
    border-radius: 45px;
    font-weight: 700;
    text-transform: none;
    font-size: 14px;
    color: white;
}
.footer-newsletter .response p{
    color:#5c727d !important
}
.ltn__footer-area {
    /* background-image: linear-gradient(to top, #45532C 0%, #323f1b 100%); */
    background: #FAF9F2 !important;
}
.footer-top-area {
    padding-bottom: 0px;
}
.site-logo{
    height: auto;
}
.footer-logo .img-logo{
    height: 64px;
    opacity: .6;
}

.ltn__footer-area .ltn__social-media li a {
    border: 1px solid #45532C;
    border-radius: 100%;
    width: 40px;
    display: block;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #45532C;
}
.ltn__footer-area .ltn__social-media .fa-twitter svg{
    fill: #45532C !important;
}
.ltn__footer-area .ltn__social-media li a i{
    line-height: 40px;
}
.ltn__social-media-2 ul li a i{
    line-height: 40px;
}

.ltn__footer-area .footer-widget .footer-title {
    color: #45532C;
}

.ltn__footer-area .line {
    width: 100%;
    height: 1px;
    background: #45532C;
}

.footer-widget {
    margin-bottom: 33px;
}

.footer-menu ul li a {
    color: #45532C;
}

.footer-widget.footer-about-widget p {
    color: #45532C;
}

.ltn__copyright-design p {
    color: #45532C;
}

.footer-newsletter input[type="email"]::placeholder,
.footer-newsletter input[type="email"] {
    color: #45532C;
}

/* footer newsletter */

/* Custom css khadija  */
.padding-section {
    padding-block: 70px !important;
}

.padding-section-top {
    padding-top: 70px !important;
}

.padding-section-bottom {
    padding-bottom: 70px !important;
}

/* Custom css khadija  */

/* Newsletter */

.call-to-action {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    position: relative;
}

.call-to-action .row {
    justify-content: center;
}

.call-to-action::before {
    content: "";
    height: 100%;
    width: 100%;

    background-color: #45532C;
    background-image: linear-gradient(
        135deg,
        #45532C 0%,
        #3a1548 50%,
        #45532C 100%
    );

    position: absolute;
    top: 0;
    left: 0;
}

.call-to-action .textbox {
    padding: 0px 60px;
}

.call-to-action h3 {
    color: white;
    font-weight: 300;
    font-size: 36px;
    text-align: center;
}

.call-to-action .btn-call {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.call-to-action .btn-call button {
    background: white;
    color: #45532C;
    height: 34px;
    border-radius: 17px;
    top: 8px;
    padding: 0 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

.call-to-action .textbox button {
    position: absolute;
    right: 10px;
    background: #45532C;
    color: #000;
    height: 34px;
    border-radius: 17px;
    top: 8px;
    padding: 0 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

/* Newsletter */

/* section recent villa */

/* section recent villa */
/* Offers Style */
.serviceBox {
    border: 1px solid rgba(0, 62, 112, 0.148);
    border-radius: 0px 30px;
    padding: 25px 10px;
    text-align: center;
    transition: all 0.5s ease 0s;
}

.serviceBox:hover {
    background-color: rgba(69, 83, 44, 0.76);
}

.serviceBox .service-icon {
    width: 60px;
    height: 60px;
    background-color: #45532C;
    border-radius: 0 20px;
    margin: 0 auto 25px;
    transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon {
    background-color: #fff;
}

.serviceBox .service-icon i {
    font-size: 26px;
    color: #fff;
    line-height: 60px;
    transition: all 0.5s ease 0s;
}

.serviceBox:hover .service-icon i {
    color: #45532C;
}

.serviceBox .title {
    font-size: 16px;
    font-weight: bold;
    color: #5e5e5e;
    margin-bottom: 20px;
    text-transform: capitalize;
    transition: all 0.5s ease 0s;
}

.serviceBox:hover .title {
    color: #fff;
}

.serviceBox .title:after {
    content: "";
    width: 25%;
    border-top: 1px solid rgba(69, 83, 44, 0.76);
    display: block;
    margin: 15px auto;
    transition: all 0.8s ease 0s;
}

.serviceBox:hover .title:after {
    width: 80%;
    border-color: #fff;
}

.serviceBox .description {
    font-size: 14px;
    color: #888;
    line-height: 23px;
    margin-bottom: 30px;
    transition: all 0.5s ease 0s;
    height: 210px;
}

.serviceBox:hover .description {
    color: #fff;
}

.serviceBox .read {
    font-size: 14px;
    color: white;
    background-color: #45532C;
    border-radius: 20px;
    padding: 6px 25px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.5s ease 0s;
}

.serviceBox .read:hover {
    background: #fff;
    color: #45532C;
}

@media only screen and (max-width: 990px) {
    .serviceBox {
        margin-bottom: 30px;
    }
}

/* Offers Style */

/* Process Section */
.section-process {
    padding-top: 30px !important;
}

.section-process .cPanelContainer {
    margin: auto;
    padding: 0;
}

.section-process .cPanelHeader {
    margin: auto;
    padding: 50px 50px;
    background: #0078d7;
    text-align: center;
}

.section-process .cPanelHeader > h3,
.section-process .cPanelHeader > h5 {
    margin: auto;
    color: #f0f0f0;
    font-weight: 100;
}

.section-process .cPanelFooter {
    margin: auto;
    padding: 50px;
    background: #0078d7;
    text-align: center;
}

.section-process .cPanelFooter > span {
    color: #f0f0f0;
    font-size: 15px;
    font-weight: 400;
}

.section-process .cPanelContent {
    margin: auto;
    padding: 0;
    /* background: #2d93e4; */
    text-align: center;
    display: flex;
}

.section-process .cPanelSection {
    position: relative;
    flex: 1;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    padding: 25px;
    border-right: 1px solid #45532C;
}

.section-process .cPanelSection:hover {
    background: #ebcd9128;
    flex: 2;
    border-right: 1px solid #f0f0f0;
    border-left: 1px solid #f0f0f0;
}

.section-process .cPanelContent > div:first-child {
    border-left: none;
}

.section-process .cPanelContent > div:last-child {
    border-right: none;
}

.section-process .cPanelContent > div:last-child:after {
    display: none;
}

.section-process .cPanelContent > div:after {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 1;
    padding: 5px 13px;
    border-radius: 50%;
    background: #45532C;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -webkit-transition: 0.3s;
    content: "\f061";
    font-size: 18px;
    font-family: FontAwesome;
    color: white;
}

.section-process .cPanelContent h5 {
    color: #45532C;
    font-weight: 400;
}

.section-process .cPanelContent p {
    font-size: 14px;
    color: #45532C;
    padding: 0 10%;
}

.section-process .cPanelArrowPulse {
    position: absolute;
    width: 0%;
    padding-bottom: 0%;
    border-radius: 50%;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    background: #45532C;
    opacity: 0;
    z-index: 2;

    animation-name: cPanelArrowPulseAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-out;
}

@keyframes cPanelArrowPulseAnimation {
    0% {
        opacity: 1;
        width: 0%;
        padding-bottom: 0%;
    }

    50% {
        opacity: 0;
        width: 20%;
        padding-bottom: 20%;
    }

    100% {
        opacity: 0;
        width: 0%;
        padding-bottom: 0%;
    }
}

/* Process Section */
/* FAQ's */

.section-faq .accordion {
    background-color: white;
    cursor: pointer;
    font-size: 1.2rem;
    width: 100%;
    padding: 1rem 1.5rem;
    border: none;
    outline: none;
    transition: 0.4s;
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #45532C;
    font-weight: 400;
    text-transform: uppercase;
}

.section-faq .accordion i {
    font-size: 1rem;
}

.section-faq .active,
.section-faq .accordion:hover {
    background-color: #45532C0f;
}

.section-faq .pannel {
    padding: 20px 26px;
    background-color: white;
    overflow: hidden;
    background-color: #45532C0f;
    display: none;
    border-top: 1px solid #0000001f;
}

.section-faq .pannel p {
    color: #45532C;
    font-size: 1.2rem;
    line-height: 1.4;
    font-weight: 300;
    margin: 0;
}

.section-faq .faq {
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 10px 0;
}

.section-faq .faq.active {
    border: none;
}

/* FAQ's */
/* img text */
.h-divider h2 {
    color: #45532C;
    font-weight: 300 !important;

    text-transform: uppercase;
}

/* img text */
/* about section */
.about-section .img1 {
    width: 241px;
    height: 362px;
}

.about-section .img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-section .img2 {
    width: auto;
    height: 450px;
}

.about-section .img2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-section h5 {
    color: #45532C;
    font-weight: 300;
    padding: 10px;
    font-size: 28px;
}

.about-section .row-2 {
    position: relative;
}

.about-section .img3 {
    position: absolute;
    /* top: 257px; */
    bottom: -110px;
    left: -101px;
}

/* about section */
/* About Section 1 */
.section-about1 .description {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.section-about1 .mainVideo {
    width: 85%;
    height: 450px;
    margin-top: -30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.section-about1 .videoContainer {
    width: 100%;
    height: 600px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
}

.section-about1 .mainVideo {
    z-index: 10;
    background: url("https://thenetwork.ae/frontend/assets/images/interior_1.jpeg");
}

.section-about1 .dotsImg {
    position: absolute;
    width: 80%;
    height: 600px;
    top: 0px;
    right: 0px;
    object-fit: cover;
}

@media (max-width: 1024px) {
    .dotsImg {
        width: 50%;
        left: 50%;
        transform: translateX(-50%);
    }

    .section-about1 .videoContainer {
        width: 100%;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }

    .section-about1 .mainVideo {
        width: 100%;
    }

    .section-about1 .mainVideo {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
    .section-about1 .mainVideo {
        height: 400px;
    }

    .videoContainer {
        height: 550px;
    }
}

@media (max-width: 500px) {
    .section-about1 .mainVideo {
        height: 260px;
    }

    .section-about1 .videoContainer {
        height: 320px;
    }
}

.section-about1 .video_button_holder,
.section-about1 .video_holder_image {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    z-index: 1;
}

.section-about1 .video_holder_play {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.section-about1 .video_holder_play_inner {
    position: relative;
    top: 50%;
    left: 0;
    display: block;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}

@keyframes bounce {
    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.section-about1 .video_holder_play_inner {
    text-align: center;
    transform: translate(-50%, -50%);
    animation: bounce 2s infinite;
}

.section-about1 .section-id-services .serviceBox .description {
    height: 140px !important;
}

/* About Section 1 */
/* Section tabs */

.tabs-section button:focus,
.tabs-section input:focus,
.tabs-section textarea:focus,
.tabs-section select:focus {
    outline: none;
}

.tabs-section {
    /* margin-top: 100px;
    margin-bottom: 100px; */
}

.tabs-section .tabs {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}

.tabs-section .tabs [class^="tab"] label,
.tabs-section .tabs [class*=" tab"] label {
    color: #efedef;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1em;
    padding: 2rem 0;
    text-align: center;
}

.tabs-section .tabs [class^="tab"] [type="radio"],
.tabs-section .tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid rgba(239, 237, 239, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs-section .tabs [class^="tab"] [type="radio"]:hover,
.tabs-section .tabs [class^="tab"] [type="radio"]:focus,
.tabs-section .tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
    border-bottom: 1px solid #45532C;
}

.tabs-section .tabs [class^="tab"] [type="radio"]:checked,
.tabs-section .tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 2px solid #45532C;
}

.tabs-section .tabs [class^="tab"] [type="radio"]:checked + div,
.tabs-section .tabs [class*=" tab"] [type="radio"]:checked + div {
    opacity: 1;
}

.tabs-section .tabs [class^="tab"] [type="radio"] + div,
.tabs-section .tabs [class*=" tab"] [type="radio"] + div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs-section .tabs .tab-2 {
    width: 50%;
    z-index: 1;
}

.tabs-section .tabs .tab-1 {
    z-index: 1;
}

.tabs-section .tabs .tab-2 [type="radio"] + div {
    width: 200%;
    margin-left: 200%;
}

.tabs-section .tabs .tab-2 [type="radio"]:checked + div {
    margin-left: 0;
}

.tabs-section .tabs .tab-2:last-child [type="radio"] + div {
    margin-left: 100%;
}

.tabs-section .tabs .tab-2:last-child [type="radio"]:checked + div {
    margin-left: -100%;
}

.tabs-section .tabs {
    padding: 90px 0px 0px 60px;
}

.tabs-section .tabs::before {
    content: "";
    height: 100%;
    width: calc(100% + 1000px);
    background-color: #45532C;
    background-image: linear-gradient(
        135deg,
        #45532C 0%,
        #3a1548 50%,
        #45532C 100%
    );
    position: absolute;
    top: 0;
    left: 0;
}

.tabs-section {
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    /* position: absolute; */
}

.tabs-section h3 {
    color: #45532C;
    font-weight: 300;
    font-size: 36px;
}

.tabs-section p {
    font-size: 14px;
    color: #fff;
    position: relative;
    font-weight: 200;
}

.tabs-section .fw-bold {
    font-weight: 500 !important;
}

.padding-section3 {
    padding: 50px 0 50px 0;
}

/* top navigation */

.top-nav-menu .scrollerBtns ul {
    list-style: none;
    padding: 0;
    text-align: center !important;
}

.top-nav-menu .scrollerBtns ul {
    padding: 0rem !important;
}

.top-nav-menu .scrollerBtns ul li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.top-nav-menu ul.navig-top {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-nav-menu ul.navig-top li {
    position: relative;
    margin-bottom: 10px;
}

.top-nav-menu ul.navig-top li a {
    position: relative;
    padding-right: 15px;
    text-decoration: none;
    color: #000;
}

.top-nav-menu ul.navig-top li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #45532C;
    transform: translateY(-50%);
    transition: background-color 0.3s;
}

.top-nav-menu ul.navig-top li a:hover::before {
    background-color: #45532C;
}

/* top navigation */
/* Gallery */
.gallery-box {
    display: flex;
}

.gallery-box .item-gallery {
    flex-basis: min-content;
    flex-grow: 1;
    position: relative;
}

.gallery-box .item-gallery:nth-child(2n) {
    top: 30px;
}

.gallery-box .item-gallery img {
    height: 500px;
    object-fit: cover;
}

.banner {
   height: 500px;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding-top: 200px;
    box-shadow: rgba(0, 0, 0, .2) 0 0 30px;
    border-bottom: #fff solid 5px;
}

.banner.properties {
    height: fit-content;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1;
    padding-top: 250px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0 30px;
    border-bottom: #fff solid 5px;
}

.banner::before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.2);
}

.banner .banner-title {
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
    text-align: center;
    font-size: 27px;
    position: relative;
    padding-bottom: 20px;
}

.banner .banner-title::after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    background: #fff;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.banner .banner-title::before {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    position: absolute;
    bottom: 5px;
    margin: auto;
    left: 0;
    right: 0;
}

.banner .banner-subtitle {
    color: #fff;
    font-weight: 300;
    text-align: center;
    font-size: 22px;
}

.block-img-text .imgbox {
    height: 100%;
    position: relative;
}

.block-img-text .imgbox img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.block-img-text .imgbox img.offset-img {
    position: absolute;
    height: 80%;
    right: -80px;
    width: 80%;
    top: 60px;
}

.block-img-text .textbox h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 32px;
    color: #45532C;
    margin-bottom: 30px;
}

.block-img-text .imgbox img.offset-img1 {
    position: absolute;
    height: 80%;
    right: -80px;
    width: 80%;
    top: 60px;
}

/* Gallery */
/* total-invest */
.total-invest {
    background-image: linear-gradient(to top, #45532C 0%, #35411f 100%);
    border-radius: 0 0 15px 15px;
    padding: 30px;
    display: flex;
    overflow: hidden;
}

.total-invest h3 {
    margin: 0;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 28px;
    color: white;
    position: relative;
    padding-right: 30px;
    margin-right: 50px;
}

.total-invest h3::after {
    content: "";
    height: 100px;
    width: 100px;
    position: absolute;
    border-top: #fff solid 5px;
    border-right: #fff solid 5px;
    top: -32px;
    right: 0;
    transform: rotate(45deg);
}

.total-invest p {
    margin: 0;
    color: #fff;
    font-size: 22px;
    text-shadow: rgba(0, 0, 0, 0.2) 0 0 3px;
}

.total-invest a {
    position: absolute;
    right: 30px;
    display: inline-block;
    background: #fff;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #45532C;
    text-transform: uppercase;
    border-radius: 16px;
}

/* total-invest */
/* .item-icon */
.item-icon {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 15px;
    border-radius: 15px;
    padding: 15px;
    text-align: center;
    height: 100%;
}

.item-icon .icone {
    height: 80px;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.item-icon .icone svg {
    height: 100%;
    fill: #45532C;
    transition: all 0.3s ease;
}

.item-icon:hover .icone svg {
    fill: #45532C;
}

/* .item-icon */
/* block-img-text-2  */
.block-img-text-2 {
    padding: 160px 0;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    position: relative;
}

.block-img-text-2 .textbox {
    backdrop-filter: blur(10px);
    padding: 80px 40px;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 20px;
    background: rgba(69, 83, 44, 0.6);
}

.block-img-text-2 .textbox h3 {
    text-transform: uppercase;
    font-weight: 300;
    color: white;
}
.block-img-text-2 .textbox h4 {
    text-transform: uppercase;
    font-weight: 500;
    color: white;
}
.block-img-text-2 .textbox p {
    color: #fff;
}

.block-img-text-2 .textbox .btn-more {
    display: inline-block;
    background: rgba(223, 194, 136, 0.17);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 30px;
    line-height: 32px;
    border-radius: 16px;
}

/* block-img-text-2  */
/* .item-logo */
.item-logo {
    /* height: 200px; */
    display: flex;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.item-logo img {
    width: 120px;
    margin: auto;
    margin-block: 20px;
}

.item-logo:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 5px;
}

/* .item-logo */
/* .calculator-section */
.calculator-section .formbox input[type="text"] {
    display: inline-block;
    width: 400px;
    position: relative;
    top: -25px;
    left: auto;
    height: 62px;
    border: #ccc solid 1px;
    border-radius: 31px;
    margin-left: 30px;
}

.calculator-section .result-calcul {
    background-image: linear-gradient(
        86.3deg,
        rgba(69, 83, 44, 1) 3.6%,
        rgba(69, 83, 44, 0.9) 87.6%
    );
    border-radius: 15px;
    padding: 30px;
}
.calculator-section .result-calcul .main-btn{
    background: white !important;
    color: #45532C !important;
}

.calculator-section .result-calcul h4 {
    color: #fff;
    text-transform: uppercase;
    text-align: left;
}

.calculator-section .result-calcul p {
    color: #fff;
    margin-bottom: 15px;
    text-align: left;
}

.calculator-section .result-calcul p strong {
    font-size: 32px;
}

.calculator-section .result-calcul ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.calculator-section .result-calcul ul li {
    margin: 0;
    color: #fff;
}

.calculator-section .result-calcul ul li span {
    margin-left: 15px;
}

.calculator-section .result-calcul .col-sm-4::after {
    content: "";
    height: 100%;
    width: 3px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 1.5px;
}

.calculator-section .result-calcul .col-sm-4:last-child::after {
    display: none;
}

.calculator-section .before-after {
    margin: 60px 0;
    display: flex;
}

.calculator-section .before-after .item-img {
    flex-grow: 1;
    flex-basis: min-content;
    height: 450px;
    position: relative;
    margin: 0 15px;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: rgba(69, 83, 44, 0.4) 10px 10px 0;
}

.calculator-section .before-after .item-img img {
    height: 100%;
    object-fit: cover;
}

.calculator-section .before-after .item-img span {
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(69, 83, 44, 0.73);
    color: #fff;
    padding: 0 30px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* .calculator-section */
/* .switch-button-checkbox */
.switch-button {
    background: rgba(69, 83, 44, 0.17);
    border-radius: 30px;
    overflow: hidden;
    width: 240px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 1px;
    color: #45532C;
    position: relative;
    padding-right: 120px;
    position: relative;
    display: inline-block;
}

.switch-button:before {
    content: "Fixed";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    pointer-events: none;
}

.switch-button-checkbox {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2;
}

.switch-button-checkbox:checked + .switch-button-label:before {
    transform: translateX(120px);
    transition: transform 300ms linear;
}

.switch-button-checkbox + .switch-button-label {
    position: relative;
    padding: 15px 0;
    display: block;
    user-select: none;
    pointer-events: none;
    color: white !important;
}

.switch-button-checkbox + .switch-button-label:before {
    content: "";
    background: #45532C;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
    transform: translateX(0);
    transition: transform 300ms;
}

.switch-button-checkbox + .switch-button-label .switch-button-label-span {
    position: relative;
}

/* .switch-button-checkbox */
/* .detail-invest */
detail-invest {
    text-align: left;
}

.detail-invest ul {
    list-style: none;
    text-align: left;
    margin-bottom: 30px;
}

.detail-invest ul li {
    position: relative;
    padding-left: 30px;
}

.detail-invest ul li::before {
    content: "";
    position: absolute;
    height: 28px;
    width: 28px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    transform: rotate(45deg);
    top: 0;
    left: -15px;
}

.detail-invest ul li::after {
    content: "";
    position: absolute;
    top: 0;
    left: -8px;
    height: 14px;
    width: 28px;
    border-bottom: #45532C solid 6px;
    border-left: #ae945e solid 6px;
    transform: rotate(-45deg);
}

.detail-invest h4 {
    text-align: left;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 8px;
    color: #45532C;
}

.detail-invest h4::after {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #000, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}

.detail-invest .value-final {
    background-image: linear-gradient(
        86.3deg,
        rgba(69, 83, 44, 1) 3.6%,
        rgba(69, 83, 44, 0.9) 87.6%
    );
    border-radius: 15px;
    padding: 30px;
    color: #fff;
    text-align: center;
}
.detail-invest .value-final .main-btn{
    background-color: white !important;
    color: #45532C !important;
}

.detail-invest .value-final strong {
    display: block;
    font-size: 42px;
}

/* .detail-invest */

/* section padding */
.section-padding .section-padding-row .description {
    margin-right: 30px;
}

.section-padding .section-padding-row.reverse .description {
    margin-left: 30px;
}

/* section padding */
/* services section */
.services-section {
    padding-top: 20px !important;
}

/* services section  */

/* section-properties */
/* SECTION FEATURED SALE*/
.section-properties {
    padding-top: 5px !important;
}

.div-property {
    height: 600px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.div-property label.operation {
    width: 100px;
    background: #45532C;
    color: white;
    position: absolute;
    margin: 15px;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    border-radius: 15px;
    text-transform: uppercase;
    font-size: 13px;
    padding-block: 3px;
    cursor: pointer;
}

.div-property .property-info .property-info-first {
    opacity: 0;
    bottom: 0;
    transition: all ease 0.5s;
    position: absolute;
    left: 0;
    padding-inline: 20px;
    z-index: 1;
}

.div-property .property-info .property-info-two {
    opacity: 1;
    bottom: 5px;
    transition: all ease 0.5s;
    position: absolute;
    left: 0;
    padding-inline: 20px;
    z-index: 0;
}

.div-property:hover .property-info .property-info-first {
    opacity: 1;
    bottom: 20px;
}

.div-property:hover .property-info .property-info-two {
    opacity: 0;
    bottom: 100px;
}

.div-property .property-info h1 {
    color: #45532C;
}

.div-property .property-info p {
    color: white;
}

.div-property img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.div-property img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.div-property .property-info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 25px;
    height: 600px;
    background: linear-gradient(0deg, rgb(0 0 0) 0%, rgba(0, 0, 0, 0) 90%);
    border-radius: 0px 0px 20px 20px;
    width: 100%;
    cursor:pointer;
}

.div-property .property-info .title {
    font-size: 14px;
    color: white;
    font-weight: 300;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.div-property .property-info-2 .title {
    font-size: 20px;
    color: white;
    font-weight: 500;
    margin-bottom: 7px;
    text-transform: uppercase;
}

.div-property .property-info label.label-category {
    width: fit-content;
    font-size: 13px;
    color: #45532C !important;
    display: block;
    line-height: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 15px;
    background: white;
    padding: 9px 20px;
    border-radius: 20px;
    color: white;
    cursor: pointer;
}

.div-property .property-info label.label-statistic {
    font-size: 16px;
    font-weight: 300;
    color: white;
    line-height: 14px;
    margin-bottom: 7px;
}

.div-property .property-info .price {
    font-size: 16px;
    color: white;
    font-weight: 600;
    margin-bottom: 12px;
    color: #c5a669;
}

.div-property .property-info h4.location {
    font-size: 16px;
    color: white;
    font-weight: 300;
}

.div-property .property-info h4.location i {
    font-size: 16px;
}

.div-property .property-info span.currency {
    font-size: 15px;
    color: white;
    font-weight: 900;
    margin: 0;
    font-weight: 400;
}

.div-property .property-info ul.ul-property-statistic {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    gap: 20px;
    color: white;
    padding: 0;
    margin: 0;
}

.div-property .property-info ul.ul-property-statistic li {
    margin: 0;
}

.div-property .property-info ul.ul-property-statistic li i {
    color: #c6a769;
}

.div-property .div-icons {
    position: absolute;
    margin: 20px;
    right: 0;
    z-index: 1;
}

.div-property .div-icons a.a-heart {
    padding: 10px;
    background: #ffffffc2;
    width: 38px;
    height: 38px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    margin-bottom: 10px;
    right: 0;
}

.div-property .div-icons a.a-heart.whatsapp {
    background: #2db742;
    color: white;
}

.div-property .div-icons a.a-heart i.share {
    margin-top: 4px;
}

.div-property .div-icons a.a-heart i.whatsapp {
    margin-top: 2px;
}

.div-property .div-icons a.a-heart i.phone {
    margin-top: 2px;
}

.div-property a.a-heart i {
    margin-top: 12px;
}

/* SECTION FEATURED SALE */

/* section properties */

/* section about us */
/* / About us Page custom style /  */
.about-sec1 .ltn__social-media2 ul {
    padding-left: 0px !important;
}

.about-sec1 .ltn__social-media2 li a {
    border: 1px solid #45532C;
    border-radius: 5px;
    width: 35px;
    display: block;
    height: 35px;
    color: #45532C;
    transform: rotate(45deg);
}
.about-sec1 .ltn__social-media2 li a .fa-twitter svg{
    fill:#45532C;
}

.about-sec1 .ltn__social-media2 ul li {
    list-style: none;
    display: inline-block;
    margin: 0 15px 0 5px;
}

.about-sec1 .ltn__social-media2 ul li a i {
    transform: rotate(-45deg);
    left: 7px;
    position: relative;
    top: 2px !important;
}

.about-sec1 .reverse-column {
    flex-direction: row-reverse;
}

.about-sec1 .reverse-column .imgbox img.offset-img {
    position: absolute;
    height: 80%;
    right: 160px;
    width: 80%;
    top: 60px;
}

.row-bt {
    margin-bottom: 100px;
}

/* section about us */

/* Real estate in dubai section */
.real-estate-in-dubai {
    background-position: bottom;
    min-height: 300px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

.real-estate-in-dubai .work-process-wrapper.style-2 .work-process-items-2 {
    margin-top: 30px;
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content {
    position: relative;
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content
    h3 {
    position: relative;
    color: #45532C;
    margin-bottom: 10px;
    font-weight: 400;
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content
    h3::before {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, #45532C, transparent);
    position: absolute;
    bottom: -15px;
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content
    h3::after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    background: #45532C;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content
    .number {
    -webkit-text-stroke-color: #45532C;
    font-weight: 700;
    -webkit-text-stroke-width: 1px;
    -webkit-text-fill-color: transparent;
    font-size: 72px;
    opacity: 0.2;
    position: absolute;
    top: -88px;
    right: 50%;
}

.real-estate-in-dubai
    .work-process-wrapper.style-2
    .work-process-items-2
    .work-process-content
    p {
    padding-top: 30px;
    color: #45532C;
}

.real-estate-in-dubai .row-mt {
    margin-top: 100px;
}

/* Real estate in dubai section */

/* block */
.block-img-text-3 .imgbox {
    width: 50%;
    min-height: 600px;
    height: 100%;
}

.block-img-text-3.inverse .imgbox {
    float: right;
}

.block-img-text-3 .imgbox img {
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

.block-img-text-3 .textbox {
    position: absolute;
    right: 0;
    width: 60%;
    padding: 60px;
    background-image: linear-gradient(
        86.3deg,
        rgba(69, 83, 44, 1) 3.6%,
        rgba(69, 83, 44, 0.8) 87.6%
    );
    color: #fff;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 15px;
}

.block-img-text-3.inverse .textbox {
    right: auto;
}

.block-img-text-3 .textbox h3 {
    color: white;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 300;
}

.block-img-text-3 .textbox p {
    color: #fff;
    font-size: 14px;
}

.block-img-text-3 .textbox p:last-child {
    margin-bottom: 0;
}

/* block */

/* marketing-section */
.marketing-section {
    margin-top: -60px;
}

.item-marketing {
    box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 15px;
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}

.item-marketing .imgbox {
    height: 300px;
    margin-bottom: 15px;
}

.item-marketing .imgbox img {
    height: 100%;
    object-fit: cover;
}

.item-marketing .textbox {
    padding: 15px;
}

.item-marketing .textbox h4 {
    font-weight: 400;
    margin-bottom: 10px;
}

.item-marketing .textbox ul li {
    margin: 0;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
textarea {
    border: none;
    border-bottom: #ccc solid 1px;
    background: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
textarea:focus {
    border: none;
    border-bottom: var(--ltn__secondary-color) solid 1px;
}

.contact-section {
    background: rgba(0, 0, 0, 0.03);
}

.contact-section .big-title {
    margin-bottom: 20px;
}

.contact-section .subtitle {
    margin-top: 15px;
    display: block;
}

.contact-section .form-floating i {
    position: absolute;
    top: 20px;
    right: 10px;
}

.contact-section button[type="submit"] {
    height: 44px;
    border-radius: 22px;
    border: var(--ltn__secondary-color) solid 1px;
    padding: 0 30px;
    background: none;
    text-transform: uppercase;
    float: right;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
    transition: all ease 0.3s;
}

.contact-section button[type="submit"]:hover {
    background: var(--ltn__secondary-color);
    color: #fff;
}

.contact-section .nice-select {
    float: none;
    background: none;
    margin-bottom: 30px;
    padding: 1rem 0.75rem;
    height: calc(3.5rem + 2px);
    line-height: 1.25;
    border: none;
    border-bottom: #ccc solid 1px;
    border-radius: 0;
    font-size: 16px;
    color: var(--ltn__paragraph-color);
    box-shadow: none;
    outline: none;
}

/* marketing-section */
/* section-passive */
.section-passive strong {
    font-weight: 500;
}
/* section-passive */

/* section search bar */
.section-search-bar {
    height: fit-content;
    padding: 25px;
    box-shadow: 0px 0px 30px 11px #00000042;
    margin-right: 300px;
    background: #45532C40;
    backdrop-filter: blur(10px);
    margin-inline: 50px;
    margin: auto;
}

.section-search-bar .ul-operations {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-search-bar .ul-operations .li-operation label {
    color: white;
    padding: 5px 25px;
    background: transparent;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 300;
    cursor: pointer;
    border: 1px solid white;
}

.section-search-bar h1 {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 30px;
    margin-block: 20px;
    color: white;
}

.section-search-bar .ul-operations input[type="radio"] {
    display: none;
}

.section-search-bar
    .li-operation:has(input[type="radio"]:checked)
    label.label-operation {
    background: #45532C !important;
    border: 1px solid white;
    color: white;
}

.section-search-bar .form-group .form-label {
    color: white;
    font-weight: 300;
    margin-bottom: 4px;
}

.section-search-bar .form-group .input-group .nice-select {
    background: white;
    border: none;
    border-radius: 10px !important;
    padding: 0;
    padding-left: 10px;
    padding-right: 30px;
    font-weight: 300;
    box-shadow: none;
    text-transform: uppercase;
    color: #45532C;
}

.section-search-bar .form-group .input-group .nice-select.open .list {
    background: #ffffff;
}

/* .section-search-bar .form-group .input-group .nice-select .option.focus,
.section-search-bar
    .form-group
    .input-group
    .nice-select
    .option.selected.focus,
.nice-select .option:hover {
    background: #ffffff;
} */

.section-search-bar .form-group .input-group .nice-select .option {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
}

.section-search-bar .form-group .input-group .nice-select .option:hover {
    background: #2d5a8814;
}

.section-search-bar .form-group .input-group button {
    width: 100%;
    border-radius: 10px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 12px;
    padding-block: 10px;
    line-height: 21px;
    color: white;
    width: fit-content;
    margin: auto;
    padding-inline: 40px;
    margin-top: 33px;
    background: #45532C;
}

.section-search-bar .form-group .input-group button i {
    color: white;
}

.section-search-bar .ul-rooms {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.section-search-bar .ul-rooms .li-rooms {
    background: transparent;
    border-radius: 20px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    border: 1px solid white;
}

.section-search-bar .ul-rooms .li-rooms label {
    color: white;
    padding: 5px 20px;
}

.section-search-bar .ul-rooms input[type="checkbox"] {
    display: none;
}

.section-search-bar .li-rooms:has(input[type="checkbox"]:checked) {
    background: #45532C !important;
    border: 1px solid white;
}

.section-search-bar input[type="checkbox"]:checked ~ .label-rooms {
    color: white;
}

.section-search-bar .btn-show-more {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
}

.section-search-bar .btn-show-more:hover,
.section-search-bar .btn-show-more:focus {
    background: none;
    padding: 0;
    border: none;
    box-shadow: none;
}

/* section search bar */

/* section sort */
.section-sort {
    padding-top: 10px;
}
.section-sort .div-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-sort .div-sort h3 {
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    color: #003e72;
}

.section-sort .div-sort h3 span {
    color: #c5a669;
    font-weight: 500;
}

.section-sort .div-sort .nice-select {
    width: 240px;
    padding-block: 9px;
    padding-right: 41px;
    height: 60px;
    color: #003e72;
    font-weight: 400;
    border: 1px solid #003e72;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 20px;
    box-shadow: none;
}

.section-sort .div-sort .nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: "\f03a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    height: 5px;
    position: absolute;
    right: 25px;
    top: 13px;
    transform: rotate(0deg);
    font-size: 20px;
}
.nice-select.open:after {
    transform: rotate(0deg);
}
.section-sort .nice-select .option.focus,
.section-sort .nice-select .option.selected.focus,
.section-sort .nice-select .option:hover {
    background-color: #45532C;
}
/* section sort */

/* section bread crump */
.section-bread-crump {
    padding-block: 15px;
    background: #0225500d;
}
.section-bread-crump .ltn__breadcrumb-inner .ltn__breadcrumb-list ul {
    width: fit-content;
    margin: auto;
}
.section-bread-crump .ltn__breadcrumb-inner .ltn__breadcrumb-list ul li {
    margin-top: 0;
    font-weight: 400;
    text-transform: uppercase;
    color: grey;
    font-size: 12px;
}
.section-bread-crump .ltn__breadcrumb-inner .ltn__breadcrumb-list ul li a {
    color: #003e72;
}
.section-bread-crump.property-detail{
    margin-top: -9px;
    background: none;
}
/* section bread crump */

/* section pagination */
.section-pagination .ltn__pagination ul li {
    margin-top: 0;
}
/* section pagination */

/* / Call to action v2 / */
.call-action2 .section-padding {
    padding: 80px 0 !important;
}
.call-action2 .row {
    display: flex;
    justify-content: center;
    align-items: center;
}
.call-action2 .call-action2 [data-overlay-dark]:before {
    background: #fff !important;
}

.call-action2 [data-overlay-dark="6"]:before,
.call-action2 [data-overlay-light="6"]:before {
    opacity: 0.6;
}
.call-action2 [data-overlay-dark]:before {
    /* / backdrop-filter: blur(8px); / */
    padding: 80px 40px;

    background: rgba(69, 83, 44, 0.6);
}
.call-action2 [data-overlay-dark]:before,
.call-action2 [data-overlay-light]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
.call-action2 .bg-fixed {
    background-attachment: fixed;
}

.call-action2 .bg-img {
    background-size: cover;
    background-repeat: no-repeat;
}
.call-action2 .back-position-center {
    position: relative;
    background-position: center;
}
.call-action2 [data-overlay-dark] .container,
.call-action2 [data-overlay-light] .container {
    position: relative;
    z-index: 2;
}
.call-action2 .first-sec {
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-action2 .first-sec .row {
    display: flex;
    align-items: center;
    justify-content: center;
}
.call-action2 .first-sec .row p {
    text-align: center;
}
.call-action2 .big-title {
    color: #fff;
    font-weight: 400;
    font-size: 36px;
    text-transform: uppercase;
}
.call-action2 .first-sec p {
    color: #fff;
}
/* /  / */
.call-action2 .btn-call {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.call-action2 .btn-call button {
    background: #45532C;
    color: #fff;
    height: 34px;
    border-radius: 17px;
    top: 8px;
    padding: 0 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}

/* /  Market Insight Page Style / */
.chart_form .btn {
    padding-inline: 20px !important;
    border-radius: 0px;
}
.chart_form .nice-select .option.focus,
.chart_form .nice-select .option.selected.focus,
.chart_form .nice-select .option:hover {
    background-color: #d2b478;
}
.chart_form .form-select:focus,
.chart_form .btn:focus,
.chart_form .btn-check:focus + .btn {
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.chart_form label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.chart_form .btn-check:checked + .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    background: linear-gradient(
        to right,
        rgba(235, 198, 132, 1),
        rgba(196, 160, 93, 1)
    );
    background-size: 200% 100%;
    transition: background-position 0.5s;
}
.chart_form .btn-group2 {
    display: grid;
}
.chart_form .form-select:focus {
    border: none !important;
}
.chart_form .area .nice-select:after {
    display: none !important;
}
.chart_form .nice-select {
    border-radius: 0px !important;
}
.chart_form .form-control:focus {
    color: #003e72;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}
/* / Chats  / */
.sales-overview-section canvas,
.sales-insights-section canvas,
.average-property-section canvas {
    padding: 30px;
    border: 0.5px solid #003e72;
}
/* / Monthly Report / */

.monthly-reports-section .icon-box {
    padding: 20px 20px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
.monthly-reports-section .icon-box .icon-main {
    color: #45532C;
}
.monthly-reports-section .icon-box .icon-main i,
.monthly-reports-section .icon-box .icon-main span:before {
    font-size: 54px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.monthly-reports-section .icon-box .icon-main i,
.monthly-reports-section .icon-box .icon-main img {
    margin-bottom: 17px;
}
.monthly-reports-section .icon-box .icon-main img {
    width: 74px;
    height: 84px;
}
.monthly-reports-section .icon-box .icon-main span {
    display: block;
    line-height: 1;
    margin-bottom: 28px;
}
.monthly-reports-section .icon-box h5 {
    color: #d2b478;
    font-weight: 600;
    margin-bottom: 15px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.monthly-reports-section .icon-box h5 a {
    color: #45532C;
}
.monthly-reports-section .icon-box p {
    font-family: var(--ltn__body-font);
    line-height: 1.5rem;
    color: #45532C;
    margin-bottom: 0px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

.monthly-reports-section .icon-box--bg-img {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #f4f4f4;
}

.monthly-reports-section .icon-box--bg-img.icon-box--is-line-hover:after {
    width: 1px;
    height: 0;
    top: 10px;
    right: -11px;
}
.monthly-reports-section.icon-box--bg-img.icon-box--is-line-hover:hover:before {
    width: calc(100% + 5px);
}
.monthly-reports-section .icon-box--bg-img.icon-box--is-line-hover:hover:after {
    height: calc(100% + 5px);
}
.monthly-reports-section .icon-box--bg-img:hover {
    background-color: #45532C;
}
.monthly-reports-section .icon-box--bg-img:hover h5 {
    color: #fff;
}
.monthly-reports-section .icon-box--bg-img:hover h5 a {
    color: #fff;
}
.monthly-reports-section .icon-box--bg-img:hover p {
    color: #fff;
    font-family: var(--ltn__body-font);
}

.monthly-reports-section .icon-box--classic {
    padding: 0;
}
.monthly-reports-section .icon-box--classic p {
    margin-bottom: 0;
}

.monthly-reports-section .icon-box--bg-color {
    padding: 30px;
    padding-bottom: 28px;
    background-color: #45532C;
    border: 1px solid #45532C;
    position: relative;
}
.monthly-reports-section .icon-box--bg-color .link_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.monthly-reports-section .icon-box--bg-color h5 {
    color: #fff;
    margin-bottom: 11px;
    line-height: 1.1;
}
.monthly-reports-section .icon-box--bg-color p {
    color: #fff;
    margin-bottom: 0;
}
.monthly-reports-section .icon-box--bg-color .icon-main {
    color: #fff;
    text-align: center;
    line-height: 1;
    margin-top: 10px;
}
.monthly-reports-section .icon-box--bg-color .icon-main i,
.monthly-reports-section .icon-box--bg-color .icon-main span:before {
    font-size: 45px;
}
.monthly-reports-section .icon-box--bg-color .icon-main span {
    margin-bottom: 0;
}
.monthly-reports-section .icon-box--bg-color .icon-main img {
    max-width: 60px;
}
.monthly-reports-section .icon-box--bg-color.icon-box--icon-left .icon-main {
    float: left;
}
.monthly-reports-section .icon-box--bg-color.icon-box--icon-left .content-box {
    padding-left: 68px;
}

.monthly-reports-section .icon-box--bg-color.icon-box--icon-right .icon-main {
    float: right;
}
.monthly-reports-section .icon-box--bg-color.icon-box--icon-right .content-box {
    padding-right: 68px;
    text-align: right;
}
.monthly-reports-section .icon-box--bg-color:hover {
    background-color: #45532C;
}
.monthly-reports-section .icon-box--bg-color:hover .link_overlay {
    z-index: 1;
}

.monthly-reports-section .icon-box h5 a {
    color: #1a1a1a;
}
.monthly-reports-section .row-title h5 {
    color: #45532C;
}

/* / Contact Page Style / */
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

.contact-page input[type="text"],
.contact-page input[type="email"],
.contact-page input[type="url"],
.contact-page input[type="password"],
.contact-page input[type="search"],
.contact-page input[type="number"],
.contact-page input[type="tel"],
.contact-page input[type="range"],
.contact-page input[type="date"],
.contact-page input[type="month"],
.contact-page input[type="week"],
.contact-page input[type="time"],
.contact-page input[type="datetime"],
.contact-page input[type="datetime-local"],
.contact-page input[type="color"],
.contact-page textarea {
    color: #555555;
    border: none;
    border-bottom: 2px solid #8080803d;
    padding: 8px 10px;
    box-sizing: border-box;
    outline: none;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px !important;
    transition: 0.3s linear;
}
.contact-page input[type="text"]:focus,
.contact-page input[type="email"]:focus,
.contact-page input[type="url"]:focus,
.contact-page input[type="password"]:focus,
.contact-page input[type="search"]:focus,
.contact-page input[type="number"]:focus,
.contact-page input[type="tel"]:focus,
.contact-page input[type="range"]:focus,
.contact-page input[type="date"]:focus,
.contact-page input[type="month"]:focus,
.contact-page input[type="week"]:focus,
.contact-page input[type="time"]:focus,
.contact-page input[type="datetime"]:focus,
.contact-page input[type="datetime-local"]:focus,
.contact-page input[type="color"]:focus,
.contact-page textarea:focus {
    color: #555555;
    border-bottom: 2px solid #45532C;
}

.contact-page select {
    border: none;
    background: #fff;
    outline: none;
    border-bottom: 2px solid #8080803d;
}

.contact-page textarea {
    width: 100%;
    height: 100px !important;
    min-height: 40px;
    vertical-align: top;
}

/*--------------------------------------------------------------
## Contact-info
--------------------------------------------------------------*/
.contact-page .contact-info {
    font-size: 16px;
    overflow: hidden;
    color: #fff;
    display: flex;
}
.contact-page .contact-info h6 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}
.contact-page .contact-info i {
    font-size: 26px;
    margin-top: 2px;
    line-height: 1;
    float: left;
    color: #fff;
}
.contact-page .contact-info i:before {
    font-size: 26px;
}
.contact-page .contact-info img {
    width: 30px;
    margin-top: 3px;
    float: left;
}
.contact-page .contact-info p {
    color: #fff;
    margin-bottom: 0;
}
.contact-page .contact-info .info-text {
    padding-left: 50px;
    font-weight: 300;
}

/* / contact / */
.contact-page .contact-left h2 {
    font-weight: 400;
    line-height: 1;
}
.contact-page .contact-left p {
    margin-bottom: 24px;
}
.contact-page .contact-right {
    background-color: #003e72;
    padding-left: 75px;
    padding-right: 40px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -130px;
    padding-block: 40px;
    z-index: 1;
}
.contact-page .contact-right .ot-heading {
    padding-top: 81px;
    padding-bottom: 25px;
}
.contact-page .contact-right h2 {
    font-weight: 400;
    color: #fff;
}
.contact-page .contact-right > p {
    margin-bottom: 25px;
}
.contact-page .contact-right .contact-info {
    padding-bottom: 27px;
}
.contact-page .contact-right .contact-info h6 {
    font-weight: 300;
    color: #fff;
}
.contact-page .contact-right .contact-info i:before {
    color: #fff;
    font-size: 23px;
}
.contact-page .contact-right .contact-info,
.contact-page .contact-right .contact-info a {
    color: #d3d3d3;
}
.contact-page .contact-right .list-social a {
    border-color: rgba(255, 255, 255, 0.4);
}
.contact-page .contact-right .list-social {
    margin-top: 11px;
    padding-bottom: 90px;
}
.contact-page .form-check-input:checked {
    background-color: #d2b478;
    border-color: #d2b478;
}
.contact-map {
    margin-top: -40px;
    position: relative;
}
.map {
    height: 522px;
}
.map iframe {
    width: 100%;
    height: 522px;
}

/* / Footer / */
.contact-page .site-footer {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #1a1a1a;
    color: #a3a3a3;
}
.contact-page .widget-footer ul {
    margin: 0;
    padding-left: 0;
    list-style: none;
}
.widget-footer a {
    color: #a3a3a3;
    font-family: "Raleway", Sans-serif;
}
.contact-page .widget-footer li {
    padding-bottom: 14px;
}
.contact-page .widget-footer li:last-child {
    padding-bottom: 0;
}
.contact-page .widget-footer .footer-social li {
    padding-bottom: 0;
}
.contact-page .widget-footer a:hover {
    color: #fff;
}

.contact-page .footer-social {
    padding-top: 9px;
    padding-bottom: 2px;
}
.contact-page .footer-social ul,
.contact-page .list-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-page .footer-social li,
.contact-page .list-social li {
    display: inline-block;
}
.contact-page .footer-social a,
.contact-page .list-social a {
    font-size: 12px;
    border: 1px solid #45532C;
    border-radius: 50%;
    padding: 7px;
    color: #fff;
    text-align: center;
    margin-right: 11px;
}
.contact-page .footer-social a:hover,
.list-social a:hover {
    background-color: #45532C;
    border: 1px solid #fff;
}
.contact-page .footer-social a i,
.list-social a i {
    width: 14px;
    height: 14px;
}
.contact-page .footer-list {
    margin: 0;
    padding-top: 5px;
    padding-left: 0;
    list-style: none;
}
.contact-page .widget-footer h6 {
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 40px;
    line-height: 1;
}
.contact-page .footer-list-item i:before {
    font-size: 18px;
}
.contact-page .footer-list-item .list-item-text {
    padding-left: 14px;
}
.contact-page .footer-list-item {
    line-height: 1;
    padding-top: 11px;
    padding-bottom: 14px;
}
.contact-page .footer-list-item:first-child {
    padding-top: 0;
}
.contact-page .footer-list-item:last-child {
    padding-bottom: 0;
}
.contact-page .footer-widget-subcribe h6 {
    margin-bottom: 28px;
}
.contact-page .footer-widget-subcribe form {
    margin-bottom: 18px;
}
.contact-page .footer-widget-subcribe p {
    font-size: 14px;
    margin-bottom: 0;
}
.contact-page .footer-bottom {
    padding: 23px 0;
    background-color: #1a1a1a;
    border-top: 1px solid #313131;
}
.contact-page .btn-call {
    display: flex;
    flex-direction: row;
    align-content: start;
    justify-content: start;
    align-items: flex-start;
    margin-top: 10px;
}
.contact-page .btn-call button {
    background: #45532C;
    color: #fff;
    height: 34px;
    border-radius: 17px;
    top: 8px;
    padding: 0 25px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.contact-page .form-check-input:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none !important;
}

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

/*--------------------------------------------------------------
## blog Page Style
--------------------------------------------------------------*/

.blog-list .post-box .post-inner {
    padding: 0;
    border: 1px solid #e0e0e0;
    background: #fff;
    overflow: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    cursor: pointer;
}
.blog-list .post-box .post-inner .inner-post{
    padding: 20px;
    padding-top: 0;
   
}
.blog-list .post-box .entry-title,
.single-post .post-box .entry-title {
    margin-bottom: 12px;
}
.single-post .post-box .entry-title {
    margin-bottom: 12px;
    font-weight: 400;
    color: #45532C;
}

.single-post .post-box .related-posts h3 {
    margin-bottom: 12px;
    font-weight: 400;
    color: #45532C;
    font-size: 36px;
    margin-bottom: 50px;
    margin-top: 50px;
}
.post-box .entry-title a,
.single-post .post-box .entry-title a {
    color: #45532C;
}

.single-post .post-box .post-title {
    font-size: 36px !important;
    font-weight: 300;
    text-transform: uppercase;
}
.blog-list .post-box p {
    line-height: 30px;
    margin-bottom: 16px;
}
.blog-list .post-box .entry-footer {
    line-height: 1;
}

.blog-list .post-box .entry-media,
.single-post .post-box .entry-media {
    position: relative;
    margin-bottom: 34px;
    overflow: hidden;
}
.blog-list .post-box .entry-media img {
    height: 360px;
    width: 100%;
    object-position: center;
    object-fit: cover;
}
.blog-list .post-box .entry-media.post-cat-abs .post-cat,
.single-post .post-box .entry-media.post-cat-abs .post-cat {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
}
.blog-list .post-box .entry-media .video-popup,
.single-post .post-box .entry-media .video-popup {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.blog-list .post-box .post-cat {
    margin-bottom: -10px;
}
.blog-list .post-box .post-cat a,
.single-post .post-box .post-cat a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 1.1;
    display: inline-block;
    color: #fff;
    background: #45532C;
    padding: 8px 10px;
    margin-right: 7px;
    margin-bottom: 10px;
}
.blog-list .post-box .post-cat a:hover,
.single-post .post-box .post-cat a:hover {
    background: #45532C;
    color: #fff;
}
.blog-list .post-box:hover .btn-more {
    background: #45532C;
    color: #fff;
}
.blog-list .post-box:hover .btn-box a {
    color: #45532C;
    text-transform: uppercase;
    font-size: 20px;
}

.blog-list .post-box:hover .post-cat a {
    background: #45532C;
    color: #fff;
}
.blog-list .post-box .entry-meta,
.single-post .post-box .entry-meta {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 8px;
    color: #45532C;
}
.blog-list .post-box .entry-meta > span,
.single-post .post-box .entry-meta > span {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-left: 25px;
}
.blog-list .post-box .entry-meta > span:before,
.single-post .post-box .entry-meta > span:before {
    position: absolute;
    content: "••";
    font-size: 18px;
    line-height: 1;
    left: -2px;
    top: 4px;
}
.blog-list .post-box .entry-meta > span:first-child,
.single-post .post-box .entry-meta > span:first-child {
    padding-left: 0;
}
.blog-list .post-box .entry-meta > span:first-child:before,
.single-post .post-box .entry-meta > span:first-child:before {
    display: none;
}
.blog-list .post-box .entry-meta > span a,
.single-post .post-box .entry-meta > span a {
    color: #9f9e9e;
}
.blog-list .post-box .entry-meta > span a:hover,
.single-post .post-box .entry-meta > span a:hover {
    color: #45532C;
}
.blog-list .post-box .img-slider {
    position: relative;
}
.blog-list .post-box .img-slider .octf-swiper-button-next,
.blog-list .post-box .img-slider .octf-swiper-button-prev {
    background: #fff;
    color: #45532C;
}
.blog-list .post-box .img-slider .octf-swiper-button-next:hover,
.blog-list .post-box .img-slider .octf-swiper-button-prev:hover {
    color: #9f9e9e;
}
.blog-list .post-box .audio-box iframe {
    width: 100%;
    margin-bottom: 30px;
}
.blog-list .post-box .link-box {
    margin-bottom: 22px;
    position: relative;
    padding-left: 52px;
}
.blog-list .post-box .link-box a {
    font-size: 22px;
    font-weight: 400;

    color: #45532C;
}
.blog-list .post-box .link-box i {
    color: #45532C;
    position: absolute;
    left: 0;
    top: -1px;
}
.blog-list .post-box .link-box i:before {
    font-size: 40px;
    line-height: 1;
}
.blog-list .post-box .quote-box {
    overflow: hidden;
    margin-bottom: 20px;
}
.blog-list .post-box .quote-box img {
    float: left;
    width: 28px;
    height: 22px;
    margin-top: 4px;
}
.blog-list .post-box .quote-box img:before {
    font-size: 100px;
    line-height: 1;
}
.blog-list .post-box .quote-box .quote-text {
    position: relative;
    padding-left: 42px;
    font-size: 22px;
    font-weight: 400;
    line-height: 36px;

    color: #45532C;
}
.blog-list .post-box .quote-box .quote-text span {
    display: block;

    margin-top: 6px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #9f9e9e;
}
.blog-list .post-box .quote-box .quote-text:before {
    position: absolute;
    content: "";
    top: 5px;
    left: 0;
    background-image: url("https://via.placeholder.com/189x150.png");
    width: 28px;
    height: 22px;
    background-repeat: no-repeat;
}
.blog-list .post-box:not(.blog-post):hover .post-inner {
    border-color: #45532C;
}

.blog-list .footer-post {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.blog-list .btn-more {
    color: #fff;
    background: #45532C;
}
.blog-list .btn-more:hover {
    color: #fff;
    background: #45532C;
}
.blog-list .btn-more {
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 12px;
    padding-inline: 30px;
    padding-block: 7px;
    transition: 0.5s;
}
.blog-list .footer-post .btn-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.blog-list .footer-post .btn-box a {
    color: #45532C;
    text-transform: uppercase;
    font-size: 20px;
}

.blog-list .footer-post .btn-box ul {
    padding: 0;
    margin: 0;
    float: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-list .footer-post .btn-box ul li {
    display: inline-block;
    margin: 0;
}

.blog-list .footer-post .btn-box ul li a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
}
.blog-listing  .widget.engitech_author-widget{
    padding: 0;
}
/* blog side barre */
.blog-side-bar{
    position: sticky;
    top: 80px;
}
.blog-sidebar .widget ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.blog-sidebar .widget ul li {
    position: relative;
}
.blog-sidebar .widget ul li a {
    display: inline;
    background-size: 0 2px;
    background-position: 0 88%;
    background-repeat: no-repeat;
    background-image: linear-gradient(0deg, #4b4b4b, #f5f5f5);
}
.blog-sidebar .widget ul li a:hover {
    background-size: 100% 2px;
}
.blog-sidebar .widget .tagcloud {
    margin: 0 -3px -10px;
}
.blog-sidebar .widget .tagcloud a {
    color: #45532C;
    background: #fff;
    font-size: 14px !important;

    text-transform: lowercase;
    font-weight: 400;
    padding: 8px 12px;
    margin: 0 3px;
    margin-bottom: 10px;
    line-height: 1;
    display: inline-block;
    border: 1px solid #e0e0e0;
}
.blog-sidebar .widget .tagcloud a:hover {
    background: #45532C;
    color: #fff;
}

.blog-sidebar .widget {
    border: none !important;
    margin-bottom: 43px;
    padding: 0;
}
.blog-sidebar .widget:last-child {
    margin-bottom: 0;
}
.blog-sidebar .widget .widget-title {
    padding-bottom: 12px;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 600;
    text-align: left;
    position: relative;
}
.blog-sidebar .widget .widget-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 66px;
    height: 2px;
    border-bottom: 2px dotted #45532C;
}
.blog-sidebar .widget ul:not(.recent-news) > li {
    font-weight: 600;
    font-size: 16px;
    position: relative;
    margin-bottom: 10px;
}
.blog-sidebar .widget ul:not(.recent-news) > li:last-child {
    margin-bottom: 0;
}
.blog-sidebar .widget ul:not(.recent-news) > li a {
    color: #45532C;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.blog-sidebar .widget ul:not(.recent-news) > li .count {
    position: absolute;
    right: 20px;
    top: 50%;
    line-height: 1;
    color: #9f9e9e;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.blog-sidebar .widget select {
    width: 100%;
    padding: 8px;
    outline: none;
}
.blog-sidebar .widget table caption {
    margin-bottom: 10px;
}
.blog-sidebar .widget table td,
.blog-sidebar .widget table th {
    border-color: #aaa;
    text-align: center;
}
.blog-sidebar .widget_categories ul li a,
.blog-sidebar .widget_archive ul li a,
.blog-sidebar .widget_nav_menu ul li a,
.blog-sidebar .widget_product_categories ul li a {
    display: block;
    padding: 10px 20px;
    background: #f4f4f4;
    text-transform: uppercase;
}
.blog-sidebar .widget_categories ul li a:hover,
.blog-sidebar .widget_archive ul li a:hover,
.blog-sidebar .widget_nav_menu ul li a:hover,
.blog-sidebar .widget_product_categories ul li a:hover {
    color: #fff;
    background: #45532C;
    text-decoration: none;
}
.blog-sidebar .widget_categories ul li a:hover + span.count,
.blog-sidebar .widget_archive ul li a:hover + span.count,
.blog-sidebar .widget_nav_menu ul li a:hover + span.count,
.blog-sidebar .widget_product_categories ul li a:hover + span.count {
    color: #fff;
}
.blog-sidebar .widget_nav_menu ul li a > span {
    color: #a3a3a3;
}
.blog-sidebar .widget_nav_menu ul li.current-menu-item a {
    color: #fff;
    background: #45532C;
}


.blog-sidebar .author-widget_wrapper .author-widget_image-wrapper {
    margin-bottom: 22px;
}
.blog-sidebar .author-widget_wrapper .author-widget_image-wrapper img {
    width: 50%;
}
.blog-sidebar .author-widget_wrapper .author-widget_title {
    font-size: 22px;
    margin-bottom: 5px;
    color: #fff;
}
.blog-sidebar .author-widget_wrapper .author-widget_text {
    font-size: 14px;
    line-height: 28px;
    color: #a3a3a3;
    margin-bottom: 15px;
}

.blog-sidebar .author-widget_social a {
    display: inline-block;
    font-size: 12px;
    text-align: center;
    height: 28px;
    width: 28px;
    line-height: 28px;
    cursor: pointer;
    margin-right: 7px;
    background: transparent;
    border: 1px solid #e0e0e0;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.blog-sidebar .author-widget_social a:last-child {
    margin-right: 0px;
}
.blog-sidebar .author-widget_social a:hover {
    background: #45532C;
    border-color: #fff;
}
.single-post .post-nav {
    margin-bottom: 50px;
    overflow: hidden;
    margin-top: 50px;
}
.single-post .post-nav .post-prev {
    float: left;
    margin-left: -40px;
    width: 380px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.single-post .post-nav .post-next {
    float: right;
    margin-right: -40px;
    width: 380px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.single-post .post-nav .post-prev a {
    padding-left: 40px;
}

.single-post .post-nav a {
    position: relative;
    display: block;
    line-height: 1;
    min-height: 75px;
}
.single-post .post-nav .post-prev a:before {
    content: "\f060";
    left: 0;
}

.single-post .post-nav a:before {
    position: absolute;
    font-family: "Flaticon";
    font-size: 20px;
    top: 50%;
    color: #1a1a1a;
    background: transparent;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.single-post .post-nav .post-prev .thumb-post-prev {
    float: left;
    margin-right: 20px;
    width: 75px;
}
.single-post .post-nav .post-prev .thumb-post-prev img,
.single-post .post-nav .post-next .thumb-post-next img {
    height: auto;
    max-width: 100%;
}
.single-post .post-nav .post-prev .info-post-prev {
    display: flex;
    flex-direction: column;
    text-align: left;
}
.single-post .post-nav .post-next {
    float: right;
    margin-right: -40px;
    width: 380px;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.single-post .post-nav .post-next a {
    padding-right: 40px;
}

.single-post .post-nav a {
    position: relative;
    display: block;
    line-height: 1;
    min-height: 75px;
}
.single-post .post-nav .post-next a:before {
    content: "\f061";
    right: 0;
}
.single-post .post-nav .post-next .thumb-post-next {
    float: right;
    margin-left: 20px;
    width: 75px;
}
.single-post .post-nav .post-next .info-post-next {
    text-align: right;
    display: flex;
    flex-direction: column;
}
.single-post .post-nav h6 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 11px;
    font-weight: 400;
    color: #45532C;
}
.single-post .post-nav span:not(.title-link) {
    font-family: "Josefin Sans", sans-serif;
    text-transform: uppercase;
    display: inline-block;
    font-size: 12px;
    line-height: 1;
    color: #9f9e9e;
}
.single-post .post-nav .post-prev a:before {
    content: "";
    left: 0;
}
.single-post .post-nav .post-next:hover {
    margin-right: 0;
}
.single-post .post-nav .post-prev:hover {
    margin-left: 0;
}
.single-post .entry-media img {
    width: 100%;
}
.single-post .blog-list .post-box p {
    height: 160px;
    overflow: hidden;
}
.single-post .blog-list .post-box h5 {
    height: 45px;
    overflow: hidden;
}

.div-slidebar-blog-sticky{
    position: sticky;
    top: 85px;
}

.recent-news li{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.recent-news li img{
    width: 100px;
    height: 70px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

.recent-news li .div-info{
    margin-left: 10px;
}

.recent-news li .div-info h6{
    font-size: 16px !important;
    line-height: 16px;
    margin-bottom: 10px;
}
.recent-news li .div-info h6 a{
    font-weight: 400;
    color: #45532C;
}
.recent-news li .div-info .post-on {
    font-size: 12px;
    display: block;
    line-height: 1;
    text-transform: uppercase;
    color: #9f9e9e;
}
/*--------------------------------------------------------------
## blog Page Style
--------------------------------------------------------------*/

/* Invest Page Style */
.call-action {
    margin-bottom: 100px;
    background-image: linear-gradient(
        86.3deg,
        rgba(69, 83, 44, 1) 3.6%,
        rgba(69, 83, 44, 0.8) 87.6%
    ) !important;
}
.call-action::before {
    content: "";
    height: 100%;
    width: 100%;

    background-image: linear-gradient(
        86.3deg,
        rgba(69, 83, 44, 1) 3.6%,
        rgba(69, 83, 44, 0.8) 87.6%
    ) !important;
    position: absolute;
    top: 0;
    left: 0;
}
.local-exposure-section .ot-heading {
    margin-bottom: 30px;
}

.local-exposure-section .ot-heading.is-dots h5 {
    color: white;
    font-weight: 400;
}
.local-exposure-section .ot-heading.is-dots h3 {
    color: white;
    font-weight: 400;
}
.local-exposure-section.ot-heading {
    position: relative;
}
.local-exposure-section .ttext {
    font-weight: 100;
    color: white;
}
.local-exposure-section .ttext p {
    font-weight: 100;
    color: white;
}

.local-exposure-section .studio-testi-slide {
    width: 100%;
    position: relative;
}

.z-index-2 {
    z-index: 2;
}
.local-exposure-section .studio-testi-slide-block {
    margin-top: 58px;
    padding-top: 82px;
    padding-left: 87px;
    background-color: #45532C;
}
.local-exposure-section .studio-testi-slide-block {
    margin-left: 0;
    margin-right: 0;
}

.local-exposure-section .ot-heading {
    position: relative;
}

.local-exposure-section .ot-heading h2 {
    margin-bottom: 0;
    line-height: 48px;
}
.local-exposure-section .studio-testi-slide-block .testimonials-slide-2 {
    display: block;
    padding-bottom: 70px;
    padding-right: 70px;
}

.local-exposure-section .studio-testi-img {
    width: 100%;
}
.z-index-1 {
    z-index: 1;
}
.local-exposure-section .studio-testi-img-block {
    width: 540px;
    height: 575px;
    z-index: -1;
    position: relative;
  
}

.local-exposure-section .studio-testi-img-block img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (min-width: 1200px) {
    .local-exposure-section .studio-testi-img-block {
        margin: 0 -40px 0 -75px;
    }
}

@media (min-width: 1200px) {
    .local-exposure-section .studio-testi-img {
        width: 45%;
    }
}
@media (min-width: 1200px) {
    .local-exposure-section .studio-testi-slide-block {
        margin-left: -45px;
        margin-right: -36px;
        margin-top: 58px;
        padding-top: 82px;
        padding-left: 87px;
        background-color: #45532C;
    }
}

@media (min-width: 1200px) {
    .local-exposure-section .studio-testi-slide-block {
        margin-left: -45px;
        margin-right: -36px;
        margin-top: 58px;
        padding-top: 82px;
        padding-left: 87px;
        background-color: #45532C;
    }
}
@media (min-width: 1200px) {
    .local-exposure-section .studio-testi-slide {
        width: 54.959%;
        position: relative;
    }
}

.local-exposure-section .iconBG {
    background: #ebc684;
    background: linear-gradient(
        90deg,
        rgba(235, 198, 132, 1) 0%,
        rgba(196, 160, 93, 1) 47%,
        rgba(235, 198, 132, 1) 100%
    );
    padding: 24px 17px;
    border-radius: 50%;
}

.local-exposure-section .iconBG {
    background: linear-gradient(
        to right,
        rgba(235, 198, 132, 1),
        rgba(196, 160, 93, 1)
    );
    background-size: 200% 100%;
    transition: background-position 0.5s;
}
/* Invest Section */
.sect-invest .imgbox .img-1 {
    height: 120% !important;
}
.sect-invest .col-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sect-invest .row-bt {
    margin-bottom: 140px !important;
}

/* CTA Banner */
.cta-banner-section-2 {
    position: relative;
}
.cta-banner-section-2 h2 {
    color: #fff;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
}
.cta-banner-section-2 .cta-banner-wrapper-2 {
    background-repeat: no-repeat;
    margin-bottom: -60px;
}
.cta-banner-section-2 .cta-banner-wrapper-2 {
    background-color: #45532C;
    border-radius: 5px;
    padding: 25px 60px;
    position: relative;
    margin-top: 70px;
}
.cta-banner-section-2 .cta-banner-wrapper-2 .cta-image {
    position: absolute;
    bottom: 0;
    left: 30px;
    z-index: 9;
}

.cta-banner-section-2 .section-title-area {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.cta-banner-section-2 .theme-btn.padding-style {
    padding: 0px 25px;
    line-height: 3;
}

.cta-banner-section-2 .theme-btn {
    background-color: #45532C;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    padding: 22px 40px;
    border-radius: 0;
    letter-spacing: 1.2px;
    line-height: 1;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    z-index: 1;
    border-radius: 17px;
}
.cta-banner-section-2 .theme-btn:hover {
    color: #45532C;
}

/* invest */



/* single team */
/* Single Team Page */
.single-team .team-member-img {
    position: relative;
      z-index: 1;
      height: 500px;
      border-radius: 20px;
      overflow: hidden;
}
.single-team .team-member-img img {
    object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

.single-team .team-member-info {
    background-color: #45532C;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px;
    position: relative;
  left: -100px;
  border-radius: 20px;
  box-shadow: rgba(0,0,0,.1) 10px 10px 0;
}

.single-team .team-member-info h2 {
    color: #fff;
    font-weight: 400;
    font-size: 42px;
    line-height: 1;
    padding-top: 75px;
    margin-bottom: 15px;
}
.single-team .team-member-info h5 {
    color: #fff;

    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 28px;
}
.single-team .member-info {
    list-style: none;
    font-size: 18px;
    padding-left: 0;
    color: #dfc289;
}

.single-team .member-info li {
    margin: 0;
}

.single-team .list-social ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.single-team .list-social a {
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 50%;
    height: 32px;
    width: 32px;
    color: #fff;
    text-align: center;
    margin-right: 11px;
    display: inline-block;
    line-height: 31px;
}
@media (min-width: 1200px) {
    .single-team .team-member-info {
        padding: 0 15px 80px 130px;
    }
}
/* single team */


/* / Icons Style / */
.serviceBox svg {
    fill: #fff;
    padding: 10px;
    border-bottom: none !important;
}
.serviceBox:hover svg {
    fill: #d2b478;
}
/* / Icons Style / */

/* social media */
#div-share-property .modal-header{
    padding: 20px;
}
.div-social-media-share{
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: center;
}
.div-social-media-share .btn-share-social-media{
    width: 70px;
    height: 70px;
    font-size: 35px;
    color: white;
}
.div-social-media-share .btn-share-social-media.whatsapp{
    background: #4ac659;
}
.div-social-media-share .btn-share-social-media.facebook{
    background: #3c5a96;
}
.div-social-media-share .btn-share-social-media.linkedin{
    background: #007ab9;
}
.div-social-media-share .btn-share-social-media.twitter{
    background: #55acee;
}

.div-social-media-share-header .title{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
}
/* social media */

/* modal */
.modal .modal-header{
    padding:20px
}

.modal .modal-title{
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.modal .modal-footer button {
    display: inline-block;
    background: #45532C;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #45532C;
    text-transform: uppercase;
    border-radius: 16px;
    border: none;
    box-shadow: none;
    outline: none;

}
.modal .modal-footer button:hover,.modal .modal-footer button:focus {
    background-color: #45532C;
    color:white;
    border: none;
    box-shadow: none;
    outline: none;

}
/* modal */

/* detail property */
.property-details-amenities .ltn__menu-widget ul{
    display: flex;
    flex-wrap: wrap;
}
.property-details-amenities .ltn__menu-widget ul{
    display: flex;
    flex-wrap: wrap;
}
.property-details-amenities .ltn__menu-widget ul li label i{
    padding: 5px;
    background: #c6a769;
    color: white;
    font-size: 10px;
    border-radius: 5px;
    margin-right: 5px;
}
/* detail property */

/* related properties */
.related-properties-carousel .slick-track{
    display: flex;
    gap: 25px;
}

/* related properties */

/* stick dots */
.normal-stick .slick-dots{
    margin-top: 40px;
    margin-bottom: 0;
}

.normal-stick .slick-dots li{
    width: 8px;
    height: 8px;
    background: #cacaca;
    border-radius: 100%;
}

.normal-stick .slick-dots li.slick-active  {
    background: #45532C;
}
/* stick dots */

/* Location listing Page Style */
.communities-listing .item-post .textbox {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    padding: 60px 15px 20px;
    background: linear-gradient(to bottom, transparent, #45532C);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.communities-listing .item-post .textbox .btn-box {
    margin-top: 10px;
}
.communities-listing .item-post .textbox .btn-box a {
    display: inline-block;
    background: white;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 16px;
}
.communities-listing .item-post .textbox h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    text-transform: capitalize;
    font-weight: 500;
}
.communities-listing .item-post .textbox h3::before {
    content: "";
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, transparent, #fff, transparent);
    position: absolute;
    bottom: 70px;
    margin: auto;
    left: 0;
    right: 0;
}
.communities-listing .item-post .textbox h3::after {
    content: "";
    height: 10px;
    width: 10px;
    position: absolute;
    background: #fff;
    bottom: 65px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

/* Location details Page */
.location-details .textbox,
.location-details .textbox2,
.location-details .textbox3 {
    height: 455px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}
.location-details .villa-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 455px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}
.location-details .textbox6 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 440px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}
.location-details .villa-content2 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 455px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
}
.location-details .textbox5 {
    min-height: 460px;
    position: relative;
    overflow: hidden;
    transition: height 0.5s ease;
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
}

.location-details .textbox.expanded,
.location-details .textbox2.expanded {
    height: auto;
}

.location-details .read-more,
.location-details .read-more2 {
    display: inline-block;
    margin-top: 30px;
    cursor: pointer;
    transition: 0.5s;
}
.location-details .imgbox .offset-img {
    right: 160px !important;
}
.communities .about-menu .ul-about-menu {
    gap: 6px !important;
}
.location-details .appart-table .line {
    font-weight: 400;
}
.location-details .block-img-text h3,
.location-details .block-img-texth3,
.location-details .block-img-text h3,
.location-details .block-img-text h3,
.location-details .block-img-text h3 {
    color: #45532C;
    font-weight: 600;
}
/* section location */

/* modal request form */

/*.form-popup-modal .modal-title {*/
/*    font-size: 20px;*/
/*    font-weight: 500;*/
/*    text-transform: uppercase;*/
/*}*/

/*.form-popup-modal {*/
/*    position: fixed;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*}*/
/*.form-popup-modal .form-popup {*/
/*    border: 1px solid #888;*/
/*    z-index: 9;*/
/*    background-color: white;*/
/*    padding: 20px;*/
/*    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);*/
/*}*/

/*.form-popup-modal .form-container input[type="text"],*/
/*.form-popup-modal .form-container input[type="email"] {*/
/*    width: 100%;*/
/*    padding: 12px !important;*/
/*    margin: 5px 0 10px 0 !important;*/
/*    height: 42px !important;*/
/*}*/

/*.form-popup-modal .form-container .nice-select {*/
/*    height: 39px;*/
/*    line-height: 30px;*/
/*    border: solid 1px #45532C21;*/
/*    border-radius: 0 !important;*/
/*}*/
/*.form-popup-modal .form-control {*/
/*    border-radius: 0 !important;*/
/*    border: 1px solid #45532C21;*/
/*}*/
/*.form-popup-modal .footer-modal {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-content: center;*/
/*    justify-content: center;*/
/*    padding: 20px;*/
/*}*/
/*.form-popup-modal .wa-btn {*/
/*    background: none;*/
/*    border: 1px solid #25d366 !important;*/
/*    color: #25d366;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    line-height: 32px;*/
/*    font-size: 14px;*/
/*    text-transform: uppercase;*/
/*    border-radius: 16px;*/
/*}*/
/*.form-popup-modal .call-btn {*/
/*    background: none;*/
/*    border: 1px solid #45532C !important;*/
/*    color: #45532C;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    line-height: 32px;*/
/*    font-size: 14px;*/
/*    text-transform: uppercase;*/
/*    border-radius: 16px;*/
/*}*/
/*.form-popup-modal hr {*/
/*    margin-bottom: 20px;*/
/*    margin-top: 20px;*/
/*    color: #45532C;*/
/*    opacity: 1;*/
/*}*/
/*.form-popup-modal .modal-body {*/
/*    padding: 20px 20px 10px 20px;*/
/*}*/
/*.form-popup-modal .form-container input[type="text"]:focus {*/
/*    background-color: transparent;*/
/*    outline: none;*/
/*    border-bottom: #c5a669 solid 1px;*/
/*}*/
/*.form-popup-modal .form-control:focus {*/
/*    box-shadow: none;*/
/*}*/
/*.form-popup-modal .btn-submit {*/
/*    border-radius: 20px;*/
/*    background-image: linear-gradient(*/
/*        86.3deg,*/
/*        rgba(0, 119, 182, 1) 3.6%,*/
/*        rgba(8, 24, 68, 1) 87.6%*/
/*    );*/
/*    color: #fff;*/
/*}*/
/*.form-popup-modal .form-subtitle {*/
/*    font-weight: 300;*/
/*    color: #45532C;*/
/*}*/
/*.form-popup-modal .message {*/
/*    height: 100px;*/
/*}*/

/*.form-popup-modal .form-title {*/
/*    font-size: 22px;*/
/*    font-weight: 400;*/
/*    margin-bottom: 0px;*/
/*    text-transform: uppercase;*/
/*    color: var(--ltn__heading-color);*/
/*}*/
/*.form-popup-modal .close-btn {*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/
/*.form-popup-modal .btn-secondary {*/
/*    background: #45532C;*/
/*    color: #fff;*/
/*    border: none;*/
/*}*/

/* modal request form */


.form-popup-modal .form-container input[type="text"],
.form-popup-modal .form-container input[type="email"],.form-popup-modal .form-container input[type="tel"] {
    width: 100%;
    padding: 12px !important;
    margin: 0 0 0 0 !important;
    margin-bottom: 1px !important;
    height: 40px !important;
    box-shadow: none;
    outline: none;
}


/* modal request form */
.modal .modal-title{
    font-size: 18px;
    font-weight: 200;
    text-transform: uppercase;
}

.modal .modal-footer button {
    display: inline-block;
    background: #45532C;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #45532C;
    text-transform: uppercase;
    border-radius: 16px;
    border: none;
    box-shadow: none;
    outline: none;

}
.modal .modal-footer button:hover,.modal .modal-footer button:focus {
    background-color: #45532C;
    color:white;
    border: none;
    box-shadow: none;
    outline: none;

}

.form-popup-modal .modal-title {
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.form-popup-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.form-popup-modal .form-popup {
   
    border: 1px solid #888;
    z-index: 9;
    background-color: white;
    padding: 30px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
}


/* .form-popup-modal .form-container input[type="email"] {
    border-bottom: #45532Cbf solid 1px;
} */

.form-popup-modal .form-control {
     width: 100%;
    border-radius: 0 !important;
    border: 1px solid #45532C21;
}
.form-popup-modal .footer-modal {
    display: flex;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    padding: 0px 0px 0px 0px;
}
.form-popup-modal .wa-btn {
    background: none;
    border: 1px solid #25d366 !important;
    color: #25d366;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 16px;
}
.form-popup-modal .call-btn {
    background: none;
    border: 1px solid #45532C !important;
    color: #45532C;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 32px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 16px;
}
.form-popup-modal hr {
    margin-bottom: 20px;
    margin-top: 20px;
    color: #45532C;
    opacity: 1;
}
.form-popup-modal .modal-body {
    padding: 0px 0px 0px 0px;
}
 .modal .modal-header {
    padding: 0px 0px 30px;

}
.form-popup-modal .form-container input[type="text"]:focus {
    background-color: transparent;
    outline: none;
    border-bottom: #c5a669 solid 1px;
     box-shadow: none;
    outline: none;
}
.form-popup-modal .form-control:focus {
    box-shadow: none !important;
    outline: none !important;
}
.form-popup-modal .btn-submit {
    border-radius: 20px;
    background-color: #45532C;
    color: #fff;
    width: 100%;
}
.form-popup-modal .form-subtitle {
    font-weight: 300;
    color: #45532C;
}

.form-popup-modal .form-title {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: var(--ltn__heading-color);
}
.form-popup-modal .close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
}
.form-popup-modal .btn-secondary {
    background: #45532C;
    color: #fff;
    border: none;
}
/* to use */
.bg-brown {
    background: #FAF9F1;
}

.text-blue {
    color: #45532C !important;
}

.paragraph {
    font-size: 16px;
    line-height: 26px;
    color: #686868;
    /* color: grey; */
    font-weight: 400;
    hyphens: none;
}

.btn {
    border-radius: 17px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 30px;
    line-height: 34px;
    transition: 0.5s;
}

.btn-primary {
    background: #45532C;
    border: #45532C solid 1px;
}

.btn-primary:hover {
    background: none;
    color: #45532C;
}

.btn-secondary {
    background: #45532C;
    color: white;
}

.btn-secondary:hover {
    background: #45532C;
    color: white;
}

.flex-direction-row-reverse {
    flex-direction: row-reverse;
}

.border-under-title {
    border-bottom: 1px solid #003e72;
    padding-bottom: 20px;
    margin-bottom: 25px;
    line-height: 42px;
}

.display-with-scale {
    transform: scale(1);
    display: block;
}
.nice-select ul.list {
    max-height: 300px;
    overflow-y: overlay;
}

.section-your-trust {
    overflow: hidden;
}

.banner-team .banner-team-title {
    margin-top: 150px;
}
.fw-bold-custom{
    font-weight: 400 !important;
    text-transform: uppercase;
}

.ltn__img-background-item{
    height: 500px;
    width: 100%;
}


.ltn__img-background-item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Team single */
.frank-sec .modal-dialog {
    margin-top: 0px !important;
}
.frank-sec .contact-form {
    display: block !important;
}
.frank-sec .form-popup-modal {
    position: static !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}
.frank-sec .form-popup-modal .form-popup {
    border: none !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2) !important;
}
.frank-sec .about-txt {
    text-align: justify !important;
}
.frank-sec .form-popup-modal .btn-close {
    display: none !important;
}

/* Video Pop Up */
.video-modal .modal-content {
    padding: 20px;
}
.video-modal .embed-responsive {
    height: 500px;
}

/* Style the input fields */
.contact-section input {
    padding: 10px;
    width: 100%;
    font-size: 17px;
    font-family: Raleway;
    border: 1px solid #aaaaaa;
}

.contact-section input.invalid {
    background-color: #ffdddd;
}

.contact-section input::placeholder {
   font-size: 17px;
}

.contact-section .tab {
    display: none;
}

.contact-section .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.contact-section .step.active {
    opacity: 1;
}

.contact-section .step.finish {
    background-color: #04aa6d;
}
.contact-section button {
    height: 44px;
    text-transform: uppercase;
    float: right;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
    border-radius: 22px;
    border: var(--ltn__secondary-color) solid 1px;
    padding: 0px 30px;
    background: none;
    transition: all 0.3s ease 0s;
}
#sellForm input[type="text"],
#sellForm input[type="email"],
#sellForm input[type="number"],
#sellForm input[type="submit"],
#sellForm textarea {
    border: none;
    border-bottom: #ccc solid 1px;
    background: none;
}
.btn-brown-light{
    display: inline-block;
    background: #45532C;
    padding: 0 30px;
    line-height: 32px;
    font-size: 12px;
    color: #45532C;
    text-transform: uppercase;
    border-radius: 16px;
    transition: 0.3s linear;
}

.btn-brown-light:hover{
    background: white;
    color:#45532C
}

.collaboration-carousel2 .collaboration-item img{
    width: 120px;
    height: auto;

}
/* Team banner */
.banner .team-banner{
    padding-top: 150px;
}

/* frank Section */
.frank-sec .modal-dialog {
    margin-top: 0px !important;
}
.frank-sec .form-popup-modal .form-popup {
    padding: 30px !important;
}
.frank-sec .contact-form {
    display: block !important;
}
.frank-sec .form-popup-modal {
    position: static !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
}
.frank-sec .form-popup-modal .form-popup {
    border: none !important;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.06) !important;
}
.frank-sec .about-txt {
    text-align: justify !important;
}
.frank-sec .form-popup-modal .btn-close {
    display: none !important;
}
.frank-sec .form-popup-modal .form-popup{
    border-radius: 0px !important;
}
.form-popup-modal .wa-btn:hover{
    background-color: #25d366;
    color: #fff;
}
.form-popup-modal .call-btn:hover{
    background-color: #45532C;
    color: #fff;}

/* Career */
.career-form label {
    font-size: 17px;
    font-weight: 400;
    color: #fff;
}
.career .textbox{
    padding: 40px 60px !important;
}

.career-form .box8 {
    box-shadow: 0px 0px 5px 1px #999;
}
.career-form .mx-t3 {
    margin-top: -3rem;
}
.career-form .form-control {
    height: 35px !important;
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff !important;
    background-color: transparent !important;
    background-clip: padding-box;
    border: 1px solid #ced4da;
}
.career-form .message {
    height: 50px !important;

}
.career-form .form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #ffffff26;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #ffffff1c;
}
.career-form .nice-select:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    height: 8px;
    width: 8px;
}
.career-form input::placeholder {
    color: #fff9 !important;
    opacity: 1;
}
.career-form .nice-select .list {
    background-color: #45532C;
}
.career-form .btn-primary {
    border-color: transparent !important;
}
.career-form .btn-primary:hover{
    background-color: #ae945e;
    color: #fff;
}
.career-form input[type="text"],.career-form input[type="email"],.career-form input[type="password"], .career-form input[type="submit"],.career-form textarea {
    margin-bottom: 0px !important;
}
.career-form  .form-check-input:checked {
    background-color: #45532C;
    border-color: #45532C;
}
/* watssp icon*/
.div-whatsapp {
    width: 55px;
    height: 55px;
    background: #27d045 !important;
    position: fixed;
    bottom: 110px;
    margin: auto;
    right: 30px;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    box-shadow: 0 1px 6px 0 rgba(32, 33, 36, .28);
}
.div-whatsapp::after{
content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #27d045;
    opacity: 0;
    z-index: -1;
    animation: sonarWave 1.2s linear infinite;
}

/* Heart */
.btn-toggle-favorite i.active{
    color: #ff0030;
}
/* Heart */

@keyframes sonarWave {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(1.5);
      opacity: 0;
    }
  }
/*  */
.tel-phone #phone {
    width: 100%;
    padding-left: 100px !important;
}
/* Call form */
.modal .modal-h6 {
    color: #071c1f;
    font-weight: 400;
    font-size: 14px;
}
.get-call .modal-header {
    padding: 0px 0px 10px;
}
.get-call .form-popup{
    padding: 30px !important;
}
.iti__country-list{
    max-width: 350px;
    overflow-x: hidden;
}
.iti__country-list .iti__country{
    margin-top: 5px;
}
.iti--allow-dropdown{
    width: 100% !important;
}
.tel-phone #phone , .tel-phone #phone1, .tel-phone #phone2, .tel-phone #phone3, .tel-phone #phone4,.tel-phone #phone5{
    width: 100%;
    padding-left: 100px !important;
}
/* Blog  */
.post-box .entry-title a, .single-post .post-box .entry-title a {

    font-weight: 500 !important;
}
.blog-sidebar .author-widget_wrapper {
    padding: 30px;
}
.blog-sidebar #author_widget-1 {
    padding: 30px;
    background-color: #003e72;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.blog-sidebar #author_widget-1{
        width: 13px !important;
}
.div-slidebar-blog-sticky #author_widget-1{
        width: 100% !important;
}

.div-slidebar-blog-sticky .author-widget_social svg{
    width: 13px !important;
    
}
#scrollUp{
    bottom: 40px;
}
/* Property detail  */
.property-detail-info-list ul{
    padding:20px;
    border:none;
    display: flex;
    width: 100%;
}
.property-detail-info-list ul li {
  margin: 0;
  flex-grow: 1;
  position: relative;
}

.property-detail-info-list ul li span {
    color: #ffffffab;
}

.property-detail-info-list ul li span.price{
    color:#FFF;
    font-size: 24px;
  position: absolute;
  right: 0px;
  top: -6px;
  font-weight: 300;
}
.ltn__author-widget-inner img{
    border-radius: 10px;
    height: 300px;
    width: 100%;
    object-fit: cover;
    max-width: none;
}
.ltn__shop-sidebar .widget{
    box-shadow: rgba(0,0,0,.2) 5px 5px 15px;
    border-radius: 20px;
    border: none;
}
.ltn__shop-sidebar .ltn__widget-title-border-2{
    padding:0 0 10px;
    border:none;
    position:relative;
    color:#45532C;
}
.ltn__shop-sidebar .ltn__widget-title-border-2::after {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, #003e72, transparent);
  bottom: 0;
  left: 0;
}
.ltn__shop-sidebar .div-property{
    height: 460px;
}
.ltn__img-slide-item-4 img{
    height: 70vh;
    width: 100%;
    object-fit: cover;
}
.info-contact{
    margin-bottom: 15px;
}
.info-contact ul{
    list-style:none;
    padding:0;
    display:flex;
    margin: 0;
}
.info-contact ul li{
    flex-grow: 1;
    margin: 0 2px;
}
.info-contact ul li a{
    border-radius:16px;
    line-height: 30px;
    color:#45532C;
    display: block;
    border:#45532C solid 1px;
}
.info-contact ul li a:hover{
    background: #45532C;
    color:#FFF;
}
.info-contact ul li a.whatsapp{
    color:#27d045;
    border:#27d045 solid 1px;
}
.info-contact ul li a.whatsapp:hover{
    background:#27d045;
    color:#FFF;
}
.ltn__blog-category a{
    background: var(--ltn__secondary-color) !important;
    border-radius: 5px;
}
.ltn__shop-details-inner h1{
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #003e72;
}
.ltn__shop-details-inner .title-2, .ltn__product-slider-area .title-2{
    font-weight: 300;
    color: #003e72;
    padding: 0 0 6px;
    border: none;
    position: relative;
}
.ltn__shop-details-inner .title-2::after, .ltn__product-slider-area .title-2::after{
    content:"";
    position: absolute;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, #003e72, transparent);
  bottom: 0;
  left: 0;
}
.property-detail-info-list{
    background-image: linear-gradient( 86.3deg, rgba(69, 83, 44, 1) 3.6%, rgba(69, 83, 44, 0.7) 87.6% );
    border-radius:10px;
    color: #FFF;
}
.property-detail-feature-list .property-detail-feature-list-item i{
    border-radius:5px;
    line-height: 40px;
    background-image: linear-gradient( 86.3deg, rgba(69, 83, 44, 1) 3.6%, rgba(69, 83, 44, 0.7) 87.6% );
    color: #FFF;
    font-size: 18px;
}
.ltn__property-details-gallery img{
    border-radius:10px;
    height: 200px;
  width: 100%;
  object-fit: cover;
}
.ltn__social-media-2 ul li a .fa-twitter svg{
    fill: var(--ltn__paragraph-color);
}
.ltn__social-media-2 ul li a:hover .fa-twitter svg{
    fill: #FFF;
}
.fa-twitter::before{
    content:"";
}
.fa-twitter svg{
    width: 15px;
  fill: #FFF;
}

/*  */

.project-post .imgbox img {
    height: 500px !important;
    object-fit: cover;
}
.project-post .textbox h3{
    text-transform: uppercase !important;
    font-size: 24px !important;
    font-weight: 400 !important;

}
.project-post .btn-box a{
    color: #45532C !important;
}

.container-fluid{
    padding-inline: 30px
}
.contact-right .list-social .fa-twitter svg{
    width: 12px !important;
    
}
.div-social-media-share .btn-share-social-media svg{
        width: 25px !important;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border: 1px solid #dc3545;
}
.form-control.is-valid, .was-validated .form-control:valid{
    border: 1px solid #198754;
}
/*  */
.succes-pop-up .form-succes{
    border-radius: 0px !important;
}
.succes-pop-up .popup-succes{
    display: flex;
    justify-content: center;
    align-items: center;
}
.studio-testi-slide .ot-testimonials p{
    font-size: 20px;
}
.career-form textarea::placeholder {
    color: #fff9 !important;
}
.career-form .form-control .current{
    color: #fff9 !important;
}
.career-form .iti__selected-dial-code{
    color: #fff9 !important;
}


/* Today */
.faild-pop-up .form-faild {
    border-radius: 0px !important;
}

/* Career page */
.career-img .image-container{
    height: 610px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
}
.career-img .image-container2 {
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
}
.career-img .column1{
    padding: 0px 10px 0px 0px !important;
}
.career-img .column2{
    padding: 0px 0px 10px 0px !important;
}
.career-img .column3{
    padding: 0 !important;
}

.career-img h3{
    font-weight: 300;
    text-transform: uppercase;
    font-size: 32px;
    color: #45532C;
    margin-bottom: 30px;
}
.career{
    margin-bottom: 100px !important;
}
.spinner-retate{
    animation: spinnerRetate 1s infinite;
    opacity: 0;
    margin-left: -10px;
}
button{
    opacity: 1;
}
button.disabled{
    opacity: 0.3;
}
.disabled .spinner-retate{
    opacity: 1;
    margin-left: 0;
}

/* Developper design */
.div-developer .item-developer{
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    max-height: 500px;
    position: relative;
    box-shadow: rgba(0, 0, 0, .2) 5px 5px 15px;
    border-radius: 20px;
    border: none;
}
.div-developer .imgbox {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80%;
}

.div-developer .div-developer {
    margin-bottom: 30px !important;
}
.div-developer .logo-box {

    display: flex;
    justify-content: center;
    align-items: center;
    height: 20%;
}
.div-developer .logo-box img{

    /* filter: brightness(0) invert(1); */
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.div-developer .imgbox img {

    height: 100%;
    object-fit: cover;

    width: 100%;
}
.imgbox img,
.logo-box img {
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.imgbox img:hover,
.logo-box img:hover {
    transform: scale(1.1);
    transition: filter 0.3s ease-in-out, transform 0.3s ease-in-out;
}
.div-developer .item-developer:hover{
    background-color: #45532C;
    transition: 0.3s linear;
}
.div-developer .item-developer:hover .logo-box img {

    filter: brightness(0) invert(1);

}


/* Selection Page */
.div-section-action
{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
.div-section-action .send-selection, .div-section-action  .trash-selection {
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    /* border-radius: 20px; */
}
.div-section-action .send-selection {
    margin-right: 5px;
    color: #45532C;
    border: 1px solid #45532C;
}
.div-section-action .send-selection:hover {
    color: #fff;
    background: #45532C;
}

.div-section-action .trash-selection {
    color: #ff0030;
    border: 1px solid #ff0030;

}
.div-section-action .trash-selection:hover {
    color: #fff;
    background: #ff0030;
}
.share-secelection-from .modal-content {
    padding: 20px !important;

}
.share-secelection-from input[type=text], .share-secelection-from input[type=email],.share-secelection-from input[type=password],.share-secelection-from input[type=submit],.share-secelection-from textarea{
        margin-bottom: 10px !important;
}
.share-secelection-from .modal-body textarea{
        min-height: 150px !important;
}
.response .alert-danger h3{
    text-transform: uppercase;
    font-size: 17px;
    color: #9f3636;
}
.response .alert-success h3{
    text-transform: uppercase;
    font-size: 17px;
    color: #35986f;
}
.response p{
    color: #5c727d !important;
}

.ul-popular-searches{
    display: flex;
    gap: 5px 20px;
    font-size: 11px;
    flex-wrap: wrap;
    list-style: none;
    justify-content: center;
}
.ul-popular-searches .li-popular-searches {
    margin: 0;
    position: relative;
}
.ul-popular-searches .li-popular-searches::before {
    content: "/";
    position: absolute;
    left: -12px;
}
.ul-popular-searches .li-popular-searches:first-child:before {
    display: none;
}

/* 404 ERROR */
.section-404-error {
    position: absolute;
    background-image: url('../../assets/img/banner.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0
}

.div-404-error {
    position: absolute;
    margin: auto;
    width: fit-content;
    height: fit-content;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center
}

.div-404-error h1 {
    color: #45532C;
    font-weight: 300;
    font-size: 104px;
    text-transform: uppercase;
    color: white;
}
.div-404-error h4 {
    font-size: 25px;
    color: white;
    font-weight: 400;
    margin-bottom: 5px;
}
.div-404-error p{
    color: white;
}
.div-404-error a {
    background: none;
    border: 1px solid white;
    border-radius: 25px;
    padding: 10px 30px;
    text-transform: uppercase;
    color: white;
    font-size: 14px;
}
.div-404-error a:hover{
    background: white;
    color: black;
}

/* 404 ERROR */

/* Review stars */
#full-stars-example .rating-group {
    display: inline-flex;
}
#full-stars-example .rating__icon {
    pointer-events: none;
}
#full-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
}
#full-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}
#full-stars-example .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#full-stars-example .rating__icon--none {
    color: #eee;
}
#full-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
    color: red;
}
#full-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
}
#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#full-stars-example .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
}
#full-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
    color: #eee;
}
#full-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
    color: red;
}
#half-stars-example .rating-group {
    display: inline-flex;
}
#half-stars-example .rating__icon {
    pointer-events: none;
}
#half-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
}
#half-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}
#half-stars-example .rating__label--half {
    padding-right: 0;
    margin-right: -0.6em;
    z-index: 2;
}
#half-stars-example .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#half-stars-example .rating__icon--none {
    color: #eee;
}
#half-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
    color: red;
}
#half-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
}
#half-stars-example .rating-group:hover .rating__label .rating__icon--star, #half-stars-example .rating-group:hover .rating__label--half .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#half-stars-example .rating__input:hover ~ .rating__label .rating__icon--star, #half-stars-example .rating__input:hover ~ .rating__label--half .rating__icon--star {
    color: #ddd;
}
#half-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
    color: #eee;
}
#half-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
    color: red;
}
#full-stars-example-two .rating-group {
    display: inline-flex;
}
#full-stars-example-two .rating__icon {
    pointer-events: none;
}
#full-stars-example-two .rating__input {
    position: absolute !important;
    left: -9999px !important;
}
#full-stars-example-two .rating__input--none {
    display: none;
}
#full-stars-example-two .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
}
#full-stars-example-two .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#full-stars-example-two .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
}
#full-stars-example-two .rating-group:hover .rating__label .rating__icon--star {
    color: var(--ltn__secondary-color);
}
#full-stars-example-two .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
}

.div-review-content{
    align-items: center;
    padding-block: 15px;
    border-bottom: 1px solid #003e721f;
}
.div-review-content:last-child{
    border-bottom: none;
}
.div-review-content img{
    width: 80px;
    height: 80px;
    border: 4px solid #dfc28952;
    border-radius: 100%;
}
.div-review-content .div-review-info{
    margin-left: 10px;
    height: fit-content;
}
.div-review-content .div-review-info{
    margin-left: 10px;
    height: fit-content;
}
.div-review-content .fullname b{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
    color: #003e72;
}
.div-review-content .rating{
    margin-top: -6px;

}
.div-review-content .rating i{
    font-size: 12px;
}
.div-review-content .rating .text-warning{
    color: #c6a769 !important;
}
.div-review-content .rating .text-secondary {
    color: #dddddd !important;
}
.div-review-content .review p {
   margin: 0;
}
.div-review-content .date{
    padding: 2px 12px;
    border: 1px solid #45532C30;
    border-radius: 30px;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    right: 0px;
    top: 19px;
}
/* Review stars */

/* close alert */
.alert .btn-close{
    position: absolute;
    right: 5px;
    top: 7px;
    font-size: 9px;
}
.ltn__page-details-inner a label{
    cursor: pointer;
}
/* close alert */

/* to use */
@media (min-width: 1200px) {
    .ltn__header-area .container,
    .ltn__slide-item-inner .container {
        max-width: 1400px;
    }
    .section-form-container{
        max-width: 1400px;
    }
}
@media screen and (max-width: 768px) {
    .div-review-content{
        padding-bottom: 40px;
    }
    .div-review-content .date{
        top: unset;
        bottom: 10px;
        left: 90px;
        right: unset;
    }
}
@keyframes spinnerRetate {
    from {
        transform: rotate(0deg);
    }
    to{
        transform: rotate(360deg);
    }
}