@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
 @font-face {
     font-family: 'Helvetica Neue', sans-serif;
     src: url("../fonts/fonts-helvetica-neue-55.css");
 }

 a {
     font-weight: 'Helvetica Neue', sans-serif;
 }

 body {
     background: #fff;
 }

 .banner-inner .photo {
     padding: 2px;
     background: #fff;
     border-radius: 100%;
     position: absolute;
     bottom: 100px;
     max-width: 250px;
 }

 #banner-inner-2 {
     transition: all 0.4s;
     position: absolute;
     bottom: 40px;
     width: 100%;
 }

 .col-pad-10 {
     padding: 0 10px !important;
 }

 html,
 body {
     height: 100%;
 }

 body {
     font-family: "Futura Bk BT";
 }

 a {
     cursor: pointer;
     color: #262525;
 }

 a:hover {
     color: #525252;
     text-decoration: none;
 }

 p {
     font-size: 14px;
     line-height: 20px;
     /* letter-spacing: 0.4px; */
     color: #343434;
     font-weight: 400;
     font-family: "Futura Bk BT";
 }

 a {
     color: #262525;
 }

 strong {
     color: #343434;
 }

 span {
     color: #343434;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     color: #2c3e50;
     font-family: "Cormorant Garamond", serif;
     margin-top: 0;
 }

 a {
     font-family: "Futura Bk BT";
 }

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

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

 .btn-4 {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     -webkit-appearance: none;
     outline: none !important;
     color: #ffffff;
     font-size: 16px;
     font-weight: 500;
     text-transform: capitalize;
     transition: all 0.3s linear;
     z-index: 1;
     overflow: hidden;
     font-size: 14px;
     padding: 0;
     text-align: center;
     text-transform: uppercase;
     border-radius: 0;
     padding: 10px 20px;
     border: none;
     letter-spacing: 0.2px;
 }

 .btn-4.active {
     background: #faa93a;
     color: #ffffff;
 }

 .btn-4 i::before {
     position: relative;
     font-size: 18px;
     top: 3px;
     padding-left: 5px;
 }

 .btn-4:hover {
     color: #ffffff;
 }

 .btn-4:hover:after {
     transform: perspective(200px) scaleX(1.05) rotateX(0deg) translateZ(0);
     transition: transform 0.4s linear, transform 0.4s linear;
 }

 .btn-4:after {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     background: #777;
     content: "";
     transform: perspective(200px) scaleX(0.1) rotateX(90deg) translateZ(-10px);
     transform-origin: bottom center;
     transition: transform 0.4s linear, transform 0.4s linear;
     z-index: -1;
 }

 .btn-5 {
     font-size: 16px;
     padding: 11px 35px;
     display: inline-block;
     position: relative;
     z-index: 5;
     transition: .7s ease;
     background: transparent;
     font-weight: 600;
     border-radius: 3px;
 }

 .btn-5:hover {
     color: #fff;
 }

 .btn-5:before,
 .btn-5:after {
     color: #fff;
 }

 .btn-5:before,
 .btn-5:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     transition: all .7s ease;
 }

 .btn-5:after,
 .btn-5:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     transition: all .7s ease;
 }

 .btn-5:hover:before,
 .btn-5:hover:after {
     width: 50%;
 }

 .btn-6 {
     color: #fff;
     text-align: center;
     font-weight: 600;
     font-size: 16px;
     border: 2px solid transparent;
     display: inline-block;
     padding: 11px 35px;
     position: relative;
     z-index: 1;
     transition: all .7s ease;
     border-radius: 3px;
 }

 .btn-6:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     transition: all .7s ease;
     z-index: -1;
     border-radius: 3px;
 }

 .btn-6:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
     visibility: hidden;
     transition: all .7s ease;
     z-index: -1;
 }

 .btn-6:hover {
     background: transparent;
 }

 .btn-6:hover:before {
     width: 0;
     opacity: 1;
     visibility: visible;
 }

 .btn-6:hover:after {
     width: 0;
     opacity: 1;
     visibility: visible;
 }

 .btn-7 {
     font-size: 16px;
     padding: 11px 35px;
     display: inline-block;
     position: relative;
     z-index: 5;
     transition: .7s ease;
     background: transparent;
     font-weight: 600;
     border: 2px solid #fff;
     color: #fff;
 }

 .btn-7:before,
 .btn-7:after {
     background: #fff;
 }

 .btn-7:before,
 .btn-7:before {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     transition: all .7s ease;
 }

 .btn-7:after,
 .btn-7:after {
     position: absolute;
     content: "";
     top: 0;
     right: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     transition: all .7s ease;
 }

 .btn-7:hover:before,
 .btn-7:hover:after {
     width: 50%;
 }

 .facebook:hover {
     color: #3b589e !important;
 }

 .twitter:hover {
     color: #56d7fe !important;
 }

 .google:hover {
     color: #dc4e41 !important;
 }

 .rss:hover {
     color: #e78733 !important;
 }

 .linkedin:hover {
     color: #1c82ca !important;
 }

 .facebook-bg {
     background: #4867aa;
     color: #fff;
 }

 .twitter-bg {
     background: #33CCFF;
     color: #fff;
 }

 .google-bg {
     background: #db4437;
     color: #fff;
 }

 .linkedin-bg {
     background: #0177b5;
     color: #fff;
 }

 .rss-bg {
     background: #e78733;
     color: #fff;
 }

 .pinterest-bg {
     background: #bd081c;
     color: #fff;
 }

 .facebook-bg:hover {
     background: #3b589e;
     color: #fff;
 }

 .twitter-bg:hover {
     background: #56d7fe;
     color: #fff;
 }

 .linkedin-bg:hover {
     background: #1c82ca;
     color: #fff;
 }

 .google-bg:hover {
     background: #dc4e41;
     color: #fff;
 }

 .rss-bg:hover {
     background: #e78701;
     color: #fff;
 }

 .pinterest-bg:hover {
     background: #a30618;
     color: #fff;
 }

 .overview-bgi {
     position: relative;
 }

 .overview-bgi:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.6);
 }

 .overview-bgi-2:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.6);
 }

 .delay-02s {
     animation-delay: 0.2s;
     -webkit-animation-delay: 0.2s
 }

 .delay-03s {
     animation-delay: 0.3s;
     -webkit-animation-delay: 0.3s
 }

 .delay-04s {
     animation-delay: 0.4s;
     -webkit-animation-delay: 0.4s
 }

 .delay-05s {
     animation-delay: 0.5s;
     -webkit-animation-delay: 0.5s
 }

 .delay-06s {
     animation-delay: 0.6s;
     -webkit-animation-delay: 0.6s
 }

 .delay-07s {
     animation-delay: 0.7s;
     -webkit-animation-delay: 0.7s
 }

 .delay-08s {
     animation-delay: 0.8s;
     -webkit-animation-delay: 0.8s
 }

 .delay-09s {
     animation-delay: 0.9s;
     -webkit-animation-delay: 0.9s
 }

 .delay-1s {
     animation-delay: 1s;
     -webkit-animation-delay: 1s
 }

 .delay-12s {
     animation-delay: 1.2s;
     -webkit-animation-delay: 1.2s
 }

 .delay-15s {
     animation-delay: 1.5s;
     -webkit-animation-delay: 1.5s
 }

 .delay-17s {
     animation-delay: 1.7s;
     -webkit-animation-delay: 1.7s
 }

 .delay-20s {
     animation-delay: 2.0s;
     -webkit-animation-delay: 2.0s
 }

 .btn-sm {
     cursor: pointer;
     padding: 7px 12px;
     letter-spacing: 1px;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     transition: .5s;
     border-radius: 3px;
     border: none;
     color: #fff;
 }

 .btn-sm:hover {
     color: #fff;
     text-decoration: none;
 }

 .btn-md {
     cursor: pointer;
     padding: 13px 26px 13px;
     font-size: 16px;
     font-weight: 600;
     color: #fff;
     transition: .5s;
     border-radius: 3px;
     border: none;
 }

 .btn-md:hover {
     color: #fff;
 }

 button:focus {
     outline: 0 auto -webkit-focus-ring-color;
 }

 .pricing-btn {
     border-radius: 3px;
     font-size: 16px;
     padding: 7px 30px 8px;
 }

 .bomd {
     padding: 13px 26px;
     letter-spacing: 1px;
     font-size: 13px;
     font-weight: 500;
     text-transform: uppercase;
     transition: .5s;
     border-radius: 3px;
 }

 .btn {
     border-radius: 3px;
 }

 .btn-sm {
     padding: 7px 30px;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
     letter-spacing: 1.5px;
 }

 .btn-lg {
     cursor: pointer;
     padding: 13px 32px 11px 32px;
     letter-spacing: 1px;
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .btn:focus,
 .btn:active,
 .btn:focus {
     box-shadow: none !important;
     outline: none;
 }

 .btn-theme {
     color: #fff;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 13px;
 }

 .btn-theme:hover {
     color: #FFF;
 }

 .btn-white-lg-outline {
     color: #FFF;
     background: transparent;
     border: solid 2px #FFF;
     text-transform: uppercase;
     font-weight: 500;
     padding: 10px 30px;
     font-size: 12px;
 }

 .btn-white-lg-outline:hover {
     color: #FFF;
 }

 .btn-theme-sm-outline {
     color: #FFF;
     border: solid 2px #FFF;
     background: transparent;
     text-transform: uppercase;
     font-weight: 500;
     padding: 5px 18px;
     font-size: 13px;
 }

 .btn-theme-sm-outline:hover {
     color: #FFF;
     padding: 5px 18px;
 }

 .btn-round {
     border-radius: 30px;
 }

 .text-c {
     text-align: center;
 }

 .text-l {
     text-align: left;
 }

 .text-r {
     text-align: right;
 }

 .bgburns .slides li:nth-of-type(odd) .slide-background {
     animation: bgburnsEast 25s linear infinite alternate;
     -webkit-animation: bgburnsEast 25s linear infinite alternate
 }

 .bgburns .slides li:nth-of-type(even) .slide-background {
     animation: bgburnsWest 25s linear infinite alternate;
     -webkit-animation: bgburnsWest 25s linear infinite alternate
 }

 @keyframes bgburnsEast {
     from {
         transform: scale(1) translateX(0);
         -webkit-transform: scale(1) translateX(0)
     }
     to {
         transform: scale(1.2) translateX(100px);
         -webkit-transform: scale(1.2) translateX(100px)
     }
 }

 @-webkit-keyframes bgburnsEast {
     from {
         transform: scale(1) translateX(0);
         -webkit-transform: scale(1) translateX(0)
     }
     to {
         transform: scale(1.2) translateX(100px);
         -webkit-transform: scale(1.2) translateX(100px)
     }
 }

 @keyframes bgburnsWest {
     from {
         transform: scale(1) translateX(0);
         -webkit-transform: scale(1) translateX(0)
     }
     to {
         transform: scale(1.2) translateX(-100px);
         -webkit-transform: scale(1.2) translateX(-100px)
     }
 }

 @-webkit-keyframes bgburnsWest {
     from {
         transform: scale(1) translateX(0);
         -webkit-transform: scale(1) translateX(0)
     }
     to {
         transform: scale(1.2) translateX(-100px);
         -webkit-transform: scale(1.2) translateX(-100px)
     }
 }

 @media all and (max-width: 767px) {
     .flex-direction-nav {
         display: none
     }
     .bgburns .slides li .slide-background {
         -webkit-animation: none !important;
         animation: none !important
     }
 }

 #page_scroller {
     cursor: pointer;
     color: #FFF;
     padding: 10px 11px;
     font-size: 12px;
     position: fixed;
     bottom: 80px;
     right: 39px;
     box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
     border-radius: 3px;
     z-index: 99;
     opacity: 0;
     visibility: hidden;
     transition: all 0.5s ease;
 }

 div#page_scroller.active {
     opacity: 1;
     visibility: visible;
     bottom: 110px;
 }

 .margin-t-10 {
     margin-top: 10px;
 }

 .checkbox {
     padding-left: 3px;
     margin-bottom: 5px;
 }

 .checkbox label {
     display: inline-block;
     position: relative;
     padding-left: 7px;
     color: #4e4d4d;
     font-size: 13px;
 }

 .checkbox label::before {
     content: "";
     display: inline-block;
     position: absolute;
     width: 20px;
     height: 20px;
     left: 3px;
     top: 0px;
     margin-left: -25px;
     border: 2px solid #cccccc;
     border-radius: 3px;
     background-color: #fff;
     -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
     transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
 }

 .checkbox-theme input[type="checkbox"]:checked+label::before {
     background-color: #fff;
 }

 .advanced-search .checkbox {
     padding-left: 5px;
     margin-bottom: 5px;
 }

 input[type=checkbox]:checked+label:before {
     display: inline-block;
     font: normal normal normal 14px/1 FontAwesome;
     font-size: inherit;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
     content: "\f00c";
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
     text-align: center;
     line-height: 16px;
     font-weight: 300;
 }

 .col-pad {
     padding: 0;
 }

 .button-default {
     color: #555;
     background: #DDD;
 }

 .button-default:hover {
     color: #333;
     background: #DDD;
 }

 .button-theme {
     color: #FFF !important;
     outline: none;
 }

 .button-theme:hover {
     color: #fff;
 }

 .read-more {
     font-weight: 500;
     font-size: 15px;
 }

 .read-more:hover {
     color: #262525;
 }

 .button-section .btn {
     margin-bottom: 5px;
 }

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

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

 .border-btn-sm {
     cursor: pointer;
     padding: 5px 12px;
     letter-spacing: 1px;
     font-size: 11px;
     font-weight: 500;
     text-transform: uppercase;
     color: #555;
     background: #DDD;
     transition: .5s;
     border-radius: 3px;
     border: none;
 }

 .border-button-default {
     color: #555;
     background: #DDD;
 }

 .border-button-default:hover {
     color: #333;
     background: #DDD;
 }

 .border-button-theme {
     background: transparent;
 }

 .border-button-theme:hover {
     color: #fff;
 }

 .panel-title {
     text-transform: uppercase;
     font-size: 14px;
     font-weight: 500;
 }

 .notice-success {
     border-left-color: #74ba28 !important;
 }

 .notice-danger {
     border-left-color: #eb344f !important;
 }

 .notice-info {
     border-left-color: #1db4bd !important;
 }

 .notice-warning {
     border-left-color: #fea911 !important;
 }

 .notice {
     padding: 18px 20px;
     background-color: #ffffff;
     margin-bottom: 10px;
     border-radius: 2px;
     border-left: 4px solid #838992;
     color: #4a4a4a;
     font-weight: 500;
     font-size: 16px;
 }

 .notice strong {
     font-weight: 600;
 }

 .alert {
     margin-bottom: 10px;
     padding: 12px 20px;
 }

 .table-bordered {
     border: 1px solid #dee2e6;
     background: #fff;
     color: #343434;
 }

 .table> :not(caption)>*>* {
     padding: 20px;
 }

 .list-group-item {
     padding: 15px 20px;
 }

 .progress {
     margin-bottom: 20px;
     height: 22px;
 }

 .tab-style-2-line.tabs-below>.nav-tabs>li {
     border-top: 4px solid transparent;
 }

 .tab-style-2-line.tabs-below>.nav-tabs>li>a {
     margin-top: 0;
 }

 .tab-style-2-line.tabs-below>.nav-tabs>li:hover {
     border-bottom: 0;
     border-top: 4px solid #b2b1b1;
 }

 .tab-style-2-line.tabs-below>.nav-tabs>li.active {
     margin-bottom: -2px;
     border-bottom: 0;
     border-top: 4px solid #b2b1b1;
 }

 .tab-style-2-line.tabs-below>.tab-content {
     margin-top: -10px;
     border-top: 0;
     border-bottom: 1px solid #eee;
     padding-bottom: 15px;
 }

 .top-header {
     background-color: #111111;
 }

 .top-header .list-inline {
     padding: 8px 0;
 }

 .list-inline a {
     color: #fff;
     margin-right: 15px;
     font-size: 14px;
     font-weight: 500;
 }

 .p1 {
     padding: 1px 0 0 0;
 }

 .list-inline a:last-child {
     margin-right: 0;
 }

 .list-inline a i {
     margin-right: 5px;
 }

 .top-header ul li {
     padding: 0 5px;
     height: 40px;
     display: inline-block;
     text-align: center;
     line-height: 40px;
     color: #aaa;
 }

 .top-header .sign-in,
 .top-header .sign-in:hover {
     line-height: 36px;
     font-size: 14px;
     border-radius: 3px;
     font-weight: 500;
 }

 .top-header ul li a {
     color: #fff;
 }

 .mh-bg .logo2x img {
     height: 50px;
 }

 .mh-bg {
     background: #fff !important;
     padding: 0 15px;
 }

 .bg-heading {
     background: #fff !important;
 }

 .bg-heading .w-100 i {
     color: #515151;
 }

 .logo-3 {
     padding: 20px 0;
 }

 .logo-3 img {
     height: 50px;
 }

 .main-header .dropdown-menu {
     min-width: 13rem;
     padding: 0;
     margin: 0;
     font-size: 13px;
     color: #212529;
     border: 1px solid transparent;
     transition: opacity 0.25s ease;
     border-radius: 5px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .dropdown .dropdown-item:hover .dropdown-menu {
     visibility: visible;
     opacity: 1;
 }

 .main-header .dropdown-menu .dropdown-submenu .dropdown-menu {
     margin: -1px;
 }

 .megamenu-li {
     position: static;
 }

 .megamenu {
     position: absolute;
     width: 100%;
     left: 0;
     right: 0;
     padding: 15px;
 }

 .megamenu-area {
     padding: 30px 30px 5px;
     z-index: 2;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     width: 100%;
     min-width: 55rem;
     background: #fff;
 }

 .megamenu-title {
     color: #343434;
     font-size: 16px;
     font-weight: 500;
     border-bottom: 1px solid #eee;
     padding-bottom: 10px;
     margin-bottom: 15px;
 }

 .megamenu-section {
     margin-bottom: 25px;
 }

 .megamenu-area .dropdown-item {
     padding: 0 !important;
     margin-bottom: 8px;
     font-size: 12px;
     font-weight: 500;
 }

 .megamenu-section p {
     font-size: 13px;
     color: #777;
 }

 .carousel-caption {
     right: 0;
     left: 0;
     padding: 0 20px 0;
 }

 #banner {
     position: relative;
 }

 .carousel-control-next,
 .carousel-control-prev {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 0;
 }

 .banner-bg {
     background: url("../img/banner/banner-1.jpg");
 }

 .item-bg {}

 .banner-min-height {
     height: 720px;
 }

 .item-bg {
     height: 100vh;
 }

 .banner .carousel-control-next,
 .carousel-control-prev {
     background: #423b3b57;
     width: 35px;
     height: 60px;
     border-radius: 2px;
     top: 45%;
     margin: 10px;
 }

 .banner .carousel-control-next-icon,
 .carousel-control-prev-icon {
     display: inline-block;
     width: 1.4rem;
     height: 1.4rem;
     background-repeat: no-repeat;
     background-position: 50%;
     background-size: 100% 100%;
 }

 .banner .carousel-content {
     align-self: center;
     margin: 0 auto;
     color: #fff;
     z-index: 999;
 }

 .banner .btn-6 {
     margin: 2px;
 }

 .banner .btn-5 {
     margin: 2px;
 }

 .carousel-item .text-right {
     float: right;
 }

 .banner .banner-slider-inner {
     padding: 0;
 }

 .banner .banner-slider-inner h1 {
     color: #fff;
     margin-bottom: 25px;
     font-size: 60px;
     font-weight: 700;
     letter-spacing: normal;
     font-family: "Futura Bk BT";
     text-transform: uppercase !important;
 }

 .banner h2 {
     color: #fff;
     margin-bottom: 25px;
     font-size: 45px;
     font-weight: 500;
     letter-spacing: normal;
 }

 .banner h3 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 50px;
     font-weight: 700;
     letter-spacing: normal;
 }

 .banner .banner-slider-inner .max-w {
     max-width: 490px;
 }

 .banner .plan-price {
     font-size: 35px;
     font-weight: 700;
     padding: 0;
     position: inherit;
     bottom: 5px;
     z-index: 40;
     right: 20px;
     margin-bottom: 10px;
 }

 .banner .plan-price sup {
     font-size: 15px;
     position: relative;
     top: -20px;
     color: #fff;
     font-weight: 500;
 }

 .banner p {
     color: #fff;
     line-height: 1.6;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 35px;
 }

 .banner .banner-slider-inner h1 span {
     font-weight: 900;
 }

 .banner .banner-slider-inner .typed-text {
     font-size: 62px;
 }

 .banner .banner-slider-inner {
     display: inline-block;
     text-shadow: none;
     right: 0%;
     left: 0%;
     width: 100%;
     height: 100%;
     bottom: 0;
     background-color: rgba(36, 42, 53, 0.40);
 }

 .banner .banner-slider-inner .btn-lg {
     margin: 3px;
 }

 .banner-bg-color .banner-slider-inner {
     background-color: rgba(255, 255, 255, 0.1);
 }

 .banner .carousel-bg .carousel-item {
     height: 100vh;
     background: #3e4a5b;
 }

 .banner_video_bg {
     height: 100vh;
 }

 .pattern-overlay {}

 .banner_video_bg .carousel-item {
     height: 100vh;
 }

 #particles-banner {
     width: 100%;
     height: 100vh;
     background-color: rgba(36, 42, 53, 0.7);
     position: absolute;
 }

 #particles-banner-wrapper .banner-slider-inner {
     background-color: transparent;
 }

 .banner-sty-2 .banner-slider-inner h1 {
     font-size: 50px;
 }

 .search-section-2 {
     display: none;
 }

 .banner-2 {
     overflow: hidden;
     margin: 0;
     height: 100vh;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .banner-2 .slide {
     height: 100vh;
     border-radius: 0;
     margin: 0;
     cursor: pointer;
     color: #fff;
     text-align: center;
     flex: 1;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     position: relative;
     transition: all 500ms ease-in-out;
 }

 .banner-2 .breadcrumb-area {
     position: absolute;
     top: 45%;
     right: 0;
     left: 0;
 }

 .banner-2 .slide h2 {
     opacity: 0;
     color: #fff;
     margin-bottom: 15px;
     font-size: 40px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: normal;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

 .banner-2 .slide .breadcrumb-area {
     position: absolute;
     top: 45%;
     right: 0;
     padding: 0 15px;
     left: 0;
 }

 .banner-2 .slide p {
     opacity: 0;
 }

 .banner-2 .slide .btn-6 {
     opacity: 0;
 }

 .banner-2 .slide.active {
     flex: 10;
 }

 .banner-2 .slide.active h2 {
     opacity: 1;
     transition: opacity 0.3s ease-in 0.4s;
 }

 .banner-2 .slide.active p {
     opacity: 1;
     transition: opacity 0.3s ease-in 0.4s;
 }

 .banner-2 .slide.active .btn-6 {
     opacity: 1;
     transition: opacity 0.3s ease-in 0.4s;
 }

 .banner-2 p {
     color: #fff;
     line-height: 1.6;
     font-size: 18px;
     font-weight: 400;
     margin-bottom: 20px;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

 .banner-2 .overlay-2 {
     z-index: 1;
     position: relative;
 }

 .banner-2 .overlay-2:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #0014666e;
     content: "";
     z-index: -1;
     opacity: 0.7;
 }

 .banner-3 .slider-container {
     position: relative;
     overflow: hidden;
     height: 100vh;
 }

 .banner-3 .left-slide {
     height: 100%;
     width: 50%;
     position: absolute;
     top: 0;
     left: 50%;
     transition: transform .5s ease-in-out;
 }

 .banner-3 .right-slide {
     height: 100%;
     position: absolute;
     top: 0;
     width: 50%;
     transition: transform .5s ease-in-out;
 }

 .banner-3 .overlay-2 {
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     padding: 10px 30px;
 }

 .banner-3 .overlay-2:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #0014666e;
     content: "";
     z-index: -1;
     opacity: 0.7;
 }

 .banner-3 .right-slide img {
     padding: 50px;
 }

 .banner-3 .btn-black:hover {
     background: #383838;
 }

 .banner-3 .btn-black {
     background: #2C3E50;
 }

 .banner-3 .left-slide>div {
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     color: #fff;
 }

 .banner-3 .left-side h1 {
     font-size: 40px;
     margin-bottom: 10px;
     margin-top: -30px;
 }

 .banner-3 .right-slide div {
     background-size: cover;
     background-position: center center;
     height: 100%;
     width: 100%;
 }

 .banner-3 .right-slide>div {
     height: 100%;
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .banner-3 .action-buttons button {
     border: none;
     color: #fff;
     border-radius: 100px;
     cursor: pointer;
     border: 0;
     font-size: 15px;
     width: 70px;
     height: 40px;
     line-height: 40px;
 }

 .banner-3 button:hover {
     color: #fff;
 }

 .banner-3 .slider-container .action-buttons button {
     position: absolute;
     left: 50%;
     top: 50%;
     z-index: 100;
 }

 .banner-3 .slider-container .action-buttons .down-button {
     transform: translateY(0%);
     border: 0;
 }

 .banner-3 .slider-container .action-buttons .up-button {
     transform: translateX(-100%);
     border: 0;
 }

 .banner-3 .banner-info-3 {
     text-align: center;
     max-width: 450px;
     margin: 0 auto;
     padding: 0 30px;
 }

 .banner-3 {
     text-align: center;
 }

 .banner-3 p {
     margin-bottom: 25px;
     color: #fff;
     font-size: 18px;
 }

 .banner-3 h1 {
     font-size: 35px;
     font-weight: 600;
     margin-bottom: 15px;
     color: #fff;
 }

 .banner-3 .fa-arrow-down:before {
     content: "\f063";
 }

 .banner-3 .isa-6 .search-fields button {
     border-radius: 1px;
     box-shadow: none;
     border: none;
     background: #fff !important;
 }

 .banner-3 .isa-6 .search-fields {
     border: solid 1px #fff !important;
 }

 .banner-property-box .property-price {
     margin-right: 10px;
     font-weight: 500;
     color: #fff;
 }

 .banner h3 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 50px;
     font-weight: 600;
     letter-spacing: normal;
 }

 .banner-property-box .meta ul {
     margin-bottom: 20px;
 }

 .banner-property-box .meta ul li i {
     margin: 0 3px 3px 0;
     font-size: 16px;
 }

 .banner-property-box .meta ul li {
     display: inline-block;
     margin: 0 1px 5px 0;
     border-bottom: 3px;
     color: #fff;
     font-size: 13px;
     padding: 5px 16px;
     border-radius: 3px;
     background: rgba(0, 0, 0, 0.36)
 }

 .banner .btn-4 {
     padding: 13px 35px;
 }

 .banner-property-box .meta ul li:last-child {
     margin: 0;
 }

 .banner-6 .rent {
     color: #fff;
 }

 .banner-area {
     max-width: 520px;
     margin-right: auto;
 }

 .btn-secton {
     position: absolute;
     right: 20px;
     top: 50%;
     z-index: 15;
     padding-left: 0;
     list-style: none;
     display: inline-block;
     width: 12px;
     margin: 2px 0;
 }

 .btn-secton .carousel-indicators {
     position: relative;
     right: inherit;
     bottom: inherit;
     left: 0;
     z-index: 15;
     padding: 0;
     margin: 2px 0;
     list-style: none;
     width: 12px;
     display: inline-block;
 }

 .btn-secton .carousel-indicators li {
     position: inherit;
     display: inline-block;
     flex: 0 1 auto;
     width: 100%;
     height: 12px;
     margin: 2px 0;
     border-radius: 0;
     background-color: rgba(255, 255, 255, .5);
 }

 #search-style-2 {
     position: relative;
     margin-top: -150px;
     z-index: 10;
 }

 #search-style-2 .search-button {
     padding: 20px 26px;
     width: 100%;
     display: block;
     text-align: center;
 }

 #search-style-1 {
     transition: all 0.4s;
 }

 .ssa2 {
     box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
     background: #fff;
     padding: 20px 30px;
     z-index: 999;
     position: relative;
 }

 .ssa2 .form-group {
     margin-bottom: 20px;
 }

 .ssa2 .range-slider {
     margin-top: 10px;
 }

 .ssa2 .search-fields {
     background: none;
     border: none;
 }

 .ssa2 .dropdown-toggle::after {
     right: 12px;
     top: 55%;
 }

 #search-style-1 .search-fields {
     border: 1px solid #fff;
 }

 .search-area {
     display: none;
     width: 100%;
     bottom: 80px;
     text-align: left;
     z-index: 999;
     padding: 30px 0 15px;
 }

 .search-area-2 {
     padding: 30px 0 0;
 }

 .search-contents .form-group {
     margin-bottom: 0;
 }

 .carousel-control-next,
 .carousel-control-prev {
     color: #fff;
     opacity: 1;
 }

 .bg-grea {
     background: #e6e6e6;
 }

 .bg-grea-2 {
     background: #fff;
 }

 .bg-grea-3 {
     background: #f3f3f3;
 }

 .bg-grea-4 {
     background: #f3f3f3 !important;
 }

 .bg-grea-5 {
     background: #fff9f7 !important;
 }

 .search-area-inner {
     margin: 0 auto;
     position: relative;
     z-index: 2;
 }

 .search-contents {
     border-radius: 4px;
     transition: 0.9s ease-out;
 }

 .show-search-area {
     z-index: 9999;
     transition: all 0.4 s;
     display: block;
 }

 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
     display: inline-block;
     overflow: hidden;
     width: 100%;
     text-align: left;
     font-size: 13px;
     color: #777;
     font-weight: 400;
 }

 .search-options-btn,
 .search-options-btn:hover {
     padding: 10px 20px 8px 20px;
     font-size: 14px;
     font-weight: 500;
     color: #FFF !important;
     cursor: pointer;
     z-index: 0;
     letter-spacing: 0.5px;
     position: absolute;
     bottom: 10px;
     border-radius: 3px;
 }

 .search-options-btn,
 .search-options-btn i {
     margin-left: 0;
 }

 .search-options-btn .search-options {
     float: left;
 }

 .search-options-btn .icon {
     float: left;
     font-weight: 400;
     margin-left: 4px;
 }

 .search-area label {
     font-size: 12px;
     color: #555;
     font-weight: 500;
 }

 .search-area .form-group {
     margin-bottom: 15px;
 }

 .search-area .range-slider {
     margin-top: 10px;
 }

 .search-fields {
     background: #fff;
     border-radius: 3px;
     font-size: 15px;
     font-weight: 500;
     border: 1px solid #dbdbdb;
     padding: 0;
 }

 .form-control {
     padding-left: 15px;
 }

 .search-fields button {
     border-radius: 1px;
     box-shadow: none;
     border: none;
     background: #fff !important;
 }

 .search-button {
     cursor: pointer;
     padding: 15px 26px;
     font-size: 13px;
     letter-spacing: 0.6px;
     font-weight: 600;
     color: #2C3E50;
     transition: .5s;
     border-radius: 0px;
     border: none;
     width: 100%;
     outline: none;
     text-transform: uppercase;
 }

 .search-button:hover {
     color: #fff;
 }

 .inline-search-area {
     max-width: 100%;
     padding: 0;
     margin: 0 15px;
 }

 .inline-search-area .search-col {
     padding: 0;
     position: relative;
 }

 .inline-search-area .icon-append {
     color: #949494;
     font-size: 15px;
     left: 10px;
     position: absolute;
     top: 18px;
 }

 .inline-search-area .search-col:first-child .form-control {
     border-radius: 3px 0 0 3px;
 }

 .inline-search-area .search-col .form-control,
 .inline-search-area button.btn-search {
     border-radius: 0;
     border: 0;
     height: 56px;
     margin-bottom: 0;
     font-size: 15px;
     font-weight: 500 !important;
     color: #777;
 }

 .inline-search-area .search-col .form-control {
     padding-top: 12px;
 }

 .inline-search-area button.btn-search {
     padding-top: 10px;
 }

 .inline-search-area .btn-search {
     border-radius: 0 3px 3px 0 !important;
     margin: 0;
 }

 .inline-search-area .btn-search strong {
     color: #fff;
     text-transform: uppercase;
     margin-left: 5px;
 }

 .inline-search-area .search-fields,
 .inline-search-area .search-fields:hover {
     border-radius: 0;
     border: solid 1px #fff;
     padding: 0 !important;
     left: 0px !important;
 }

 .inline-search-area .bootstrap-select button {
     padding: 14px 15px 16px 15px !important;
     height: 54px;
     line-height: 54px;
     border-right: solid 1px #e0e0e0 !important;
     border-radius: 0;
     margin: 0 !important;
 }

 .inline-search-area .dropdown-toggle::after {
     right: 12px;
     top: 27px;
     position: absolute;
 }

 .inline-search-area .btn-light:hover {
     color: #777;
 }

 .inline-search-area .bootstrap-select .dropdown-toggle .filter-option {
     position: absolute;
     top: 0;
     padding: 0 12px;
 }

 .isa-2 {
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .isa-3 {
     display: none;
 }

 .inline-search-area .isa-5 {
     display: inline;
     width: 100%;
     max-width: 950px !important;
     padding: 0;
     margin: 0 auto;
 }

 .inline-search-area.isa-5 .bootstrap-select button {
     padding: 14px 25px 16px 20px !important;
     border-radius: 3px !important;
 }

 .inline-search-area.isa-5 .search-fields {
     border-radius: 3px;
     font-weight: 500;
 }

 .inline-search-area.isa-5 .btn-search {
     border-radius: 3px !important;
 }

 .inline-search-area.isa-5 .sf {
     height: 56px;
     padding: 0 20px !important;
     color: #545454 !important;
 }

 .inline-search-area.isa-5 .bootstrap-select button {
     color: #797979 !important;
     font-weight: 500;
 }

 .inline-search-area.isa-5 .btn-search {
     font-size: 14px !important;
 }

 .isa-6 {
     background: #fff;
     padding: 30px;
     max-width: 320px;
     margin-left: auto;
     border-radius: 0;
 }

 .isa-6 .search-fields {
     margin-bottom: 15px;
 }

 .isa-6 strong {
     color: #fff;
 }

 .isa-6 .dropdown-toggle::after {
     right: 12px;
     transform: translateY(-50%);
 }

 .isa-6 .btn {
     height: 45px;
     font-weight: 500 !important;
 }

 .isa-6 .btn i {
     margin-right: 3px;
 }

 .bi-2 {
     margin-top: 100px;
     text-align: left;
 }

 .bi-3 {
     margin-top: 100px;
 }

 .bi-4 {
     margin-top: 50px;
 }

 .filteriz-navigation {
     padding: 0;
 }

 .filteriz-navigation li {
     font-size: 16px;
     color: #343434;
     text-align: center;
     font-weight: 500;
     padding: 7px 25px 7px 25px;
     border: 0;
     margin-bottom: 4px;
     cursor: pointer;
     border-radius: 5px !important;
     background: white !important;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1) !important;
 }

 .portfolio-item,
 .portfolio-item:focus {
     outline: none;
     margin-bottom: 0;
     position: relative;
     cursor: pointer;
 }

 .portfolio-item img,
 .portfolio-item img:focus {
     outline: none;
     width: 100%;
     height: 100%;
 }

 .portfolio-content p {
     font-size: 20px;
     color: #fff;
     z-index: 999;
 }

 .portfolio-content {
     top: 0;
     width: 100%;
     text-align: center;
     padding: 20px;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     -webkit-transition: all 0.8s ease;
     transition: all 0.8s ease;
     color: #1c1c1c;
     height: 100%;
     position: relative;
     right: 0;
     display: inline;
     color: #fff !important;
     opacity: 1;
     position: absolute;
     z-index: 1;
     background: rgb(192 55 39 / 65%);
     opacity: 0;
     visibility: hidden;
 }

 .portfolio-item:hover .portfolio-content {
     opacity: 1;
     visibility: visible;
 }

 .portfolio-content-inner {
     position: relative;
     top: 50%;
     transform: translateY(-50%);
 }

 .overview {
     z-index: 9;
     cursor: default;
     overflow: hidden;
     text-align: center;
     position: relative;
     margin-bottom: 16px;
     box-shadow: 0 0 3px #ddd;
 }

 .overview .mask,
 .overview .content {
     width: 100%;
     height: 100%;
     position: absolute;
     overflow: hidden;
     top: 25%;
     left: 0;
 }

 .overview img {
     display: block;
     position: relative;
     width: 100%;
     height: 232px;
 }

 .overview .big-img {
     height: 480px;
 }

 .overview-box img {
     left: 10px;
     margin-left: -10px;
     position: relative;
     -webkit-transition: all 0.6s ease-in-out;
     transition: all 0.6s ease-in-out;
     border: none;
 }

 .overview-box:hover>img {
     -webkit-transform: scale(2) rotate(10deg);
     transform: scale(2) rotate(10deg);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
     filter: alpha(opacity=30);
     opacity: 0.3;
 }

 .overview h2 {
     text-transform: uppercase;
     color: #fff;
     text-align: center;
     position: relative;
     font-size: 18px;
     padding: 10px;
     background: rgba(0, 0, 0, 0.8);
     margin: 20px 0 0 0;
     text-shadow: none;
 }

 .overview-box h2 {
     color: #333;
     margin: 0 20px 0;
     background: transparent;
     -webkit-transform: scale(0);
     transform: scale(0);
     -webkit-transition: all 0.5s linear;
     transition: all 0.5s linear;
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
 }

 .overview a.btn {
     display: inline-block;
     overflow: hidden;
     text-transform: uppercase;
 }

 .overview-box a.btn {
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
     filter: alpha(opacity=0);
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
     transition: all 0.5s linear;
     padding: 4px 20px;
 }

 .overview-box:hover h2,
 .overview-box:hover p,
 .overview-box:hover a.btn {
     -webkit-transform: scale(1);
     transform: scale(1);
     -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter: alpha(opacity=100);
     opacity: 1;
 }

 .most-popular-places .col-pad {
     padding: 0 8px;
 }

 .bootstrap-select {
     width: 100% !important;
 }

 .bootstrap-select button {
     background: none !important;
     color: #fff !important;
     font-weight: 500;
     border-radius: 3px;
     outline: none;
     padding: 0;
 }

 .bootstrap-select .dropdown-menu li {
     padding: 0;
 }

 .bootstrap-select .dropdown-menu li a {
     padding: 10px;
 }

 .bootstrap-select .dropdown-menu li a:hover {
     background: #fbfbfb;
 }

 .bootstrap-select .dropdown-menu {
     padding: 0;
     margin: -1px 0 0 0 !important;
     border: none;
     border: transparent;
     border-radius: 0;
     box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
     max-width: 100%;
     min-width: 100%;
 }

 .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
     margin-top: 12px;
 }

 .bootstrap-select .dropdown-menu li a {
     padding: 10px;
     font-weight: 500;
     font-size: 14px;
     outline: none;
     border: 0 !important;
 }

 .dropdown-item.active,
 .dropdown-item:active {
     background-color: transparent;
 }

 .bootstrap-select .dropdown-menu li a:hover {
     border: none;
     font-size: 14px;
     font-weight: 500;
 }

 .bootstrap-select .btn-default.active,
 .bootstrap-select .btn-default:active,
 .bootstrap-select .open>.dropdown-toggle.btn-default {
     color: #333;
     background-color: #eee;
     border-color: transparent !important;
     box-shadow: none !important;
 }

 .bootstrap-select .btn-default:hover {
     background: transparent !important;
     color: #777 !important;
     box-shadow: none !important;
 }

 .bootstrap-select .btn-default.active,
 .bootstrap-select .btn-default:active,
 .bootstrap-select .open>.dropdown-toggle.btn-default {
     color: #333;
     background-color: transparent !important;
     border-color: #adadad;
 }

 .btn-default.active,
 .btn-default:active,
 .open>.dropdown-toggle.btn-default {
     color: #333;
     background-color: transparent !important;
     box-shadow: none !important;
     border-color: #adadad;
 }

 .bootstrap-select .dropdown-menu.inner {
     border: 0;
     border-top: none;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .btn-light:hover {
     color: #999;
 }

 .bootstrap-select .dropdown-toggle:focus {
     outline: none !important;
 }

 .bootstrap-select .dropdown-menu>.active>a,
 .bootstrap-select .dropdown-menu>.active>a:focus,
 .bootstrap-select .dropdown-menu>.active>a:hover {
     text-decoration: none;
     background-color: #fff;
     outline: 0;
 }

 .bootstrap-select .bs-actionsbox,
 .bootstrap-select .bs-donebutton,
 .bs-searchbox {
     padding: 4px 8px;
     background: #EEE;
     border-bottom: 1px solid #d5d5d5;
 }

 .bootstrap-select .bs-searchbox .form-control {
     margin-bottom: 0;
     width: 100%;
     float: none;
     height: 36px;
     border: 1px solid #ddd;
     box-shadow: none;
 }

 .bootstrap-select .dropdown-toggle .filter-option-inner {
     overflow: hidden;
     font-size: 16px;
     letter-spacing: 0.6px;
 }

 .bootstrap-select .dropdown-menu li a.active:hover .text {
     color: #515151;
 }

 .main-title {
     margin-bottom: 50px;
     text-align: center;
 }

 .main-title h1 {
     font-size: 34px;
     font-weight: 600;
     margin: 0 0 15px;
 }

 .main-title p {
     font-size: 17px;
     margin-bottom: 0;
 }

 .main-title-2 {
     margin-bottom: 50px;
     text-align: center;
 }

 .main-title-2 h1 {
     font-size: 35px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .main-title-2 .section-subtitle {
     display: inline-block;
     padding: 5px 20px;
     border-radius: 25px;
     position: relative;
     opacity: 1;
     font-weight: 500;
     font-size: 16px;
     margin-bottom: 10px;
 }

 .main-title-2 .section-subtitle::before {
     position: absolute;
     content: "";
     width: 100%;
     height: 100%;
     top: 50%;
     right: 50%;
     -webkit-transform: translateY(-50%) translateX(50%);
     -ms-transform: translateY(-50%) translateX(50%);
     transform: translateY(-50%) translateX(50%);
     border-radius: 25px;
     opacity: 0.1;
 }

 .main-title-3 {
     margin-bottom: 30px;
 }

 .main-title-3 p {
     color: #f0151f;
 }

 .main-title-3 p {
     font-weight: 500;
     font-size: 18px;
     margin-bottom: 2px;
     color: #161616;
 }

 .main-title-3 h1 {
     font-size: 30px;
     font-weight: 600;
     margin-bottom: 0;
     text-transform: uppercase;
 }

 .main-title-4 {
     margin: 32px 0 50px;
     position: relative;
     z-index: 1;
     text-transform: uppercase;
     font-family: "Futura Bk BT";
 }

 .main-title-4 h2 {
     margin-bottom: 0;
     font-weight: 600;
     font-size: 30px;
     font-family: "Futura Bk BT";
 }

 .main-title-4 h1:after,
 .main-title-4 h2:after,
 .main-title-4 h3:after {
     position: absolute;
     content: attr(data-title);
     text-transform: uppercase;
     top: 0;
     left: 50%;
     width: 100%;
     z-index: -1;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     color: #6a6a6aa6;
     font-size: 100px;
     font-weight: 700;
     opacity: .2;
     line-height: 0;
     -webkit-user-select: none;
 }

 .main-title-4.sh-two h2 {
     color: #fff;
 }

 .main-title-4.sh-two h1:after,
 .main-title-4.sh-two h2:after,
 .main-title-4.sh-two h3:after {
     color: #a1a1a1a6;
     opacity: 1;
 }

 .main-title-5 {
     margin-bottom: 40px;
     text-align: center;
 }

 .main-title-5 h1 {
     font-size: 30px;
     font-weight: 700;
     margin-bottom: 8px;
     text-transform: uppercase;
 }

 .main-title-5 p {
     margin-bottom: 0;
     font-weight: 400;
     margin-top: 20px;
 }

 .title-border {
     height: 5px;
     width: 100%;
     background: transparent;
     border-radius: 10px;
     margin: 0 auto;
     display: none;
 }

 .title-border-inner {
     height: 4px;
     width: 50px;
     animation: pulse 3s ease infinite alternate, nudge 5s linear infinite alternate;
     border-radius: 10px;
     margin: 0;
     background: #C5973C !important;
     text-align: center;
     margin: 0 auto;
 }

 /*--------------------------------------------------------------
# Tagline Section
--------------------------------------------------------------*/

 .tagline {
     width: 100%;
     min-height: 180px;
     position: relative;
     padding: 60px 0;
     display: flex;
     align-items: center;
     background: url(../img/tagline-bg.png) center bottom no-repeat;
     background-size: cover;
 }

 @media (max-width: 1200px) {
     .tagline {
         padding: 60px 0;
     }
 }

 .tagline h1 {
     margin: 0;
     font-size: 60px;
     font-weight: 700;
     line-height: 56px;
     text-align: center;
     text-transform: uppercase;
     text-shadow: 4px 3px 0 rgb(0 0 0 / 30%);
 }

 .tagline h3 {
     font-weight: 400;
     font-size: 40px;
     font-family: Mariyam, sans-serif;
     color: #2d3e4f;
     position: absolute;
     left: 50%;
     z-index: -1;
     transform: translate(-50%, -30px);
 }

 @media (max-width: 640px) {
     .tagline h1 {
         font-size: 28px;
         line-height: 36px;
         text-shadow: 3px 2px 0 rgb(0 0 0 / 30%);
     }
     .tagline h3 {
         font-size: 20px;
         transform: translate(-50%, -14px);
     }
 }

 @keyframes up-down {
     0% {
         transform: translateY(10px);
     }
     100% {
         transform: translateY(-10px);
     }
 }

 .about_sec_left h4 {
     font-weight: 600;
     margin-top: 20px;
     /*text-transform: uppercase;*/
     font-size: 24px;
     line-height: 26px;
     margin-bottom: 0;
     font-family: "Cormorant Garamond", serif;
 }

 .about_sec_left h5 {
     margin-top: 5px;
     font-size: 18px;
     text-align: left;
     font-style: italic;
     font-weight: 600;
     color: #2C3E50;
     line-height: 25px;
 }

 .about_sec_left .theme_btn {
     min-width: 180px;
 }

 @keyframes nudge {
     0%,
     100% {
         transform: translate(0, 0);
     }
     50% {
         transform: translate(50px, 0);
     }
     80% {
         transform: translate(20px, 0);
     }
 }

 .main-title-6 {
     text-align: left;
     margin-bottom: 0;
 }

 .main-title-6 h1 {
     color: #fff;
 }

 .main-title-6 p {
     color: #fff;
     margin-bottom: 20px;
 }

 .main-title-7 {
     text-align: left;
     margin-bottom: 0;
 }

 .main-title-7 .title-border {
     height: 5px;
     width: 120px;
     background: transparent;
     border-radius: 10px;
     margin: 0 auto 20px 0 !important;
 }

 .main-title-7 h1 {
     color: #fff;
 }

 .text-color.main-title-6 h1 {
     color: #262525;
 }

 .text-color.main-title-6 p {
     color: #343434;
 }

 .mb-35 {
     margin-bottom: 35px;
 }

 .mt2 h1 {
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .contact-2 {
     z-index: 999;
 }

 .contact-2 .form-control {
     padding: 10px 17px;
     color: #495057 !important;
     width: 100%;
     min-height: 50px;
     font-size: 15px;
     font-weight: 500;
     border-radius: 3px;
     background: #fff;
     border: 1px solid #dbdbdb;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }

 .contact-2 .form-control:focus {
     color: #495057;
     border: 1px solid #dbdbdb;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }

 .contact-2 .contact-info {
     padding: 0;
 }

 .contact-2 .btn-6 {
     padding: 13px 35px;
 }

 .contact-2 textarea {
     min-height: 130px !important;
 }

 .contact-2 .form-group {
     margin-bottom: 20px;
 }

 .contact-2 .btn-message {
     border-radius: 50px;
     padding: 10px 60px 11px;
 }

 .contact-2 .main-title {
     margin-bottom: 60px;
 }

 .contact-map {
     height: 450px !important;
 }

 .contact-2-map .contact-map {
     z-index: -1;
 }

 .contact-map-content .map-content {
     width: 250px;
 }

 .contact-2 .contact-info .ca-box i {
     font-size: 25px;
 }

 .contact-2 .contact-info .ca-box h5 {
     font-weight: 400;
     font-size: 19px;
     margin: 5px 0 5px;
 }

 .contact-2 .contact-info .ca-box p {
     margin-bottom: 0;
     font-size: 15px;
 }

 .contact-2 .contact-info .ca-box p a {
     color: #343434;
 }

 .contact-2 h3 {
     font-size: 22px;
     font-weight: 500;
 }

 .slick-slider-area {
     position: relative;
 }

 .slick-slide-item {
     padding: 0 15px;
 }

 .slick-arrow-buton {
     width: 35px;
     height: 35px;
     line-height: 35px;
     top: 43%;
     font-size: 20px;
     border-radius: 3px;
     position: absolute;
     cursor: pointer;
     color: #2C3E50;
     z-index: 999;
     background: white;
     cursor: pointer;
     text-align: center;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .slick-arrow-buton:hover {
     color: #fff;
 }

 .slick-next {
     right: -15px;
 }

 .slick-prev {
     left: -15px;
 }

 .slick-slide,
 .slick-slide:focus * {
     outline: none !important;
 }

 *:focus {
     outline: none !important;
 }

 .slick-btn {
     text-align: center;
     max-width: 90px !important;
     margin: 0 auto;
     border-radius: 5px;
     position: relative;
 }

 .slick-btn .sab-4 {
     border-radius: 50px 0 0 50px;
 }

 .slick-btn .slick-arrow-buton-2:last-child {
     border: none;
 }

 .slick-btn .sab-3 {
     border-radius: 0 50px 50px 0;
 }

 .slick-btn .slick-arrow-buton-2 {
     width: 45px;
     height: 30px;
     line-height: 30px;
     cursor: pointer;
     text-align: center;
     display: block;
     float: left;
     border-right: solid 1px #e4e4e4;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     background: white;
     font-size: 20px;
     position: absolute;
 }

 .slick-btn .slick-next {
     right: 0;
 }

 .slick-btn .slick-prev {
     left: 0;
 }

 .property-box {
     margin-bottom: 30px !important;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     position: relative;
     background: #fff;
     z-index: 2;
 }

 .property-box:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .property-box:hover .price-box span {
     color: #fff;
     font-weight: 600;
 }

 .property-box .property-photo {
     overflow: hidden;
     position: relative;
 }

 .property-box .property-photo::before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     left: 0;
     bottom: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .property-box .property-photo img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .property-box .property-photo::after {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     right: 0;
     top: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .property-box:hover .property-photo::before,
 .property-box:hover .property-photo::after {
     width: 100%;
     height: 100%;
     opacity: 0.3;
     visibility: visible;
     background: linear-gradient(0, #212aff, rgb(255 171 74 / 17%));
 }

 .property-box:hover .tag {
     background: #fff;
 }

 .property-box:hover .featured {
     background: #fff;
 }

 .property-thumbnail {
     position: relative;
 }

 .property-thumbnail:before {
     content: "";
     top: 0;
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 9;
     background: linear-gradient(to top, rgba(35, 35, 37, 0.2) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
     border-radius: 4px 4px 0 0;
     opacity: 1;
 }

 .property-box .detail {
     padding: 20px 25px;
     background: #fff;
 }

 .property-box .detail .title {
     font-size: 21px;
     margin: 5px 0 10px;
     font-weight: 500;
 }

 .property-box .detail .title a:hover {
     color: #343a40;
 }

 .property-box .detail .location {
     margin: 0;
     font-size: 15px;
     font-weight: 500;
 }

 .property-box .detail .location a {
     color: #5f5e5e;
 }

 .property-box .detail .location i {
     margin-right: 3px;
 }

 .property-box .facilities-list {
     background: #f7f7f7;
     padding: 20px 25px;
 }

 .property-box .facilities-list li {
     list-style: none;
     float: left;
     font-weight: 400;
     line-height: 25px;
     font-size: 15px;
     margin-right: 25px;
 }

 .property-box .facilities-list li:last-child {
     margin: 0;
 }

 .property-box .facilities-list li span {
     display: table;
     font-weight: 500;
 }

 .property-box .footer {
     padding: 15px 25px;
     font-size: 15px;
     font-weight: 400;
     color: #343434;
 }

 .property-box .footer a {
     color: #343434;
 }

 .property-box .footer span {
     float: right;
 }

 .property-box .footer i {
     margin-right: 5px;
 }

 .price-box {
     color: #fff;
     text-align: right;
     font-size: 15px;
     position: absolute;
     bottom: 15px;
     right: 15px;
     font-weight: 500;
     z-index: 20;
     font-family: "Futura Bk BT";
 }

 .ratings span {
     color: #fff;
 }

 .listing-badges {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     display: block;
     font-size: 15px;
     padding: 0;
     overflow: hidden;
     height: 100px;
 }

 .listing-badges .featured {
     float: left;
     transform: rotate(-45deg);
     left: -67px;
     top: 17px;
     position: relative;
     text-align: center;
     width: 200px;
     letter-spacing: 0.5px;
     font-size: 12px;
     margin: 0;
     padding: 7px 10px;
     font-weight: 500;
     color: #fff;
     box-shadow: 1px 2px 3px 0 rgba(2, 0, 0, .2);
     background-color: rgba(0, 0, 0, 0.5);
     text-transform: uppercase;
     z-index: 999;
 }

 .property-box-2 {
     margin-bottom: 30px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     position: relative;
     z-index: 2;
     overflow: hidden;
     background: #fff;
 }

 .property-box-2:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .property-box-2:hover .price-box span {
     color: #fff;
     font-weight: 600;
 }

 .property-box-2 .detail .title {
     font-size: 22px;
     margin-bottom: 10px;
     font-weight: 500;
 }

 .property-box-2 .property-photo::before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     left: 0;
     bottom: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .property-box-2 .property-photo img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .property-box-2 .property-photo::after {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     right: 0;
     top: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .property-box-2:hover .property-photo::before,
 .property-box-2:hover .property-photo::after {
     width: 100%;
     height: 100%;
     opacity: 0.3;
     visibility: visible;
     background: linear-gradient(0, #212aff, rgb(255 171 74 / 17%));
 }

 .property-box-2 .property-photo img {
     height: 245px;
 }

 .property-box-2 .property-photo {
     overflow: hidden;
     position: relative;
 }

 .property-box-2:hover .tag {
     background: #fff;
 }

 .property-box-2:hover .featured {
     background: #fff;
 }

 .property-box-2 .property-img img {
     width: 100%;
 }

 .property-box-2 .detail .title a:hover {
     color: #343a40;
 }

 .property-box-2 .detail .location {
     margin: 0;
 }

 .property-box-2 .detail .location a {
     font-size: 14px;
     color: #5f5e5e;
     font-family: "Futura Bk BT";
     font-weight: 500;
 }

 .property-box-2 .detail .location i {
     margin-right: 5px;
 }

 .property-box-2 .listing-badges .featured {
     left: -51px;
 }

 .property-box-2 .listing-time {
     position: absolute;
     z-index: 9;
     top: 8px;
     left: 30px;
 }

 .property-box-2 .facilities-list {
     background: #f7f7f7;
     padding: 20px 25px;
 }

 .property-box-2 .facilities-list li {
     list-style: none;
     float: left;
     font-weight: 400;
     line-height: 25px;
     font-size: 14px;
     margin-right: 25px;
 }

 .property-box-2 .facilities-list li span {
     display: table;
     font-weight: 500;
 }

 .property-box-2 .facilities-list li:last-child {
     margin: 0;
 }

 .property-box-2 .footer {
     padding: 15px 25px;
     font-size: 15px;
     font-weight: 400;
     color: #343434;
 }

 .property-box-2 .footer a {
     color: #343434;
 }

 .property-box-2 .footer i {
     margin-right: 5px;
 }

 .property-box-2 .footer span {
     float: right;
 }

 .property-box-2 .hdg {
     padding: 20px 25px;
 }

 .op-2 {
     padding: 25px 0 0;
 }

 .property-box-2 .tag {
     left: 15px;
 }

 .property-box-3 {
     position: relative;
     overflow: hidden;
     background: #fff;
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: auto 120%;
     transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
     width: 100% !important;
     border-radius: 0;
 }

 .property-box-3:hover {
     background-size: auto 130%;
 }

 .property-box-3:before {
     content: "";
     top: 0;
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 0;
     border-radius: 4px 4px 0 0;
     opacity: 1;
     background: linear-gradient(0, #2C3E5000087, rgb(102 73 69 / 3%));
     z-index: 1;
 }

 .property-box-3 h3 {
     -webkit-transition: .4s;
     transition: .4s;
     font-weight: 600;
     font-size: 28px;
     margin: 0 0 12px;
     text-transform: uppercase;
 }

 .property-box-3 .box-1 {
     position: relative;
     padding: 50px;
     width: 100%;
     z-index: 2;
     max-width: 800px;
     background: #2C3E500009c;
     text-align: center;
     height: 450px;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     margin: 150px auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .property-box-3 .box-1 .ling-section {
     display: block;
 }

 .property-box-3 h3 a {
     color: #fff;
 }

 .property-box-3 h3 a:hover {
     color: #fff;
     opacity: 0.9;
 }

 .property-box-3 .read-more-btn {
     display: inline-block;
     position: absolute;
     bottom: 0;
     left: 87px;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%);
     opacity: 0;
     visibility: hidden;
     -webkit-transition: 0.6;
     transition: 0.6;
     font-size: 15px;
     font-weight: 500;
     text-align: left;
     padding: 7px 22px;
     border-radius: 3px;
     background: #fff;
 }

 .property-box-3 .read-more-btn::before {
     content: '';
     position: absolute;
     width: 0;
     -webkit-transition: .5s;
 }

 .property-box-3 .member-socials {
     display: flex;
     -webkit-transition: .4s;
     transition: .4s;
     margin-bottom: 25px;
     color: #fff;
     flex-wrap: wrap;
     justify-content: center;
     gap: 15px 20px;
 }

 .property-box-3 .member-socials li {
     list-style: none;
     font-weight: 400;
     line-height: 30px;
     font-size: 13px;
     display: flex;
     width: auto;
     align-items: center;
     justify-content: center;
     gap: 0 12px;
 }

 .property-box-3 .member-socials li img {
     width: 25px;
 }

 .property-box-3:hover .read-more-btn {
     opacity: 1;
     visibility: visible;
     bottom: 0;
     text-align: left;
 }

 .property-box-3 .read-more-btn:hover {
     color: #fff;
 }

 .tag {
     position: absolute;
     top: 15px;
     left: 15px;
     z-index: 20;
     font-size: 12px;
     letter-spacing: 0.8px;
     color: #fff;
     padding: 6px 14px 4px;
     font-weight: 500;
     border-radius: 3px;
     text-transform: uppercase;
 }

 .tag::after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-top: 0;
     border-bottom: 10px solid transparent;
     bottom: -10px;
     left: 0;
 }

 .plan-price {
     font-size: 30px;
     font-weight: 700;
     padding: 0;
     position: absolute;
     bottom: 5px;
     z-index: 40;
     right: 20px;
     font-family: "Futura Bk BT";
 }

 .plan-price sup {
     font-size: 15px;
     position: relative;
     top: -15px;
     color: #fff;
     font-weight: 400;
 }

 .plan-price span {
     font-size: 15px;
     color: #fff;
     font-weight: 400;
 }

 .property-box-4 {
     width: 100%;
     background: #fff;
     margin-bottom: 30px;
     position: relative;
     overflow: hidden;
 }

 .service-info-4:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .property-box-4 .detail .heading {
     padding: 25px 20px;
     margin-bottom: 0;
 }

 .property-box-4 .detail h3 {
     font-size: 21px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .property-box-4 .detail .location {
     margin: 0;
     font-size: 15px;
     font-weight: 400;
 }

 .property-box-4 .detail .location a {
     color: #343434;
 }

 .property-box-4 .detail .location i {
     margin-right: 3px;
 }

 .property-box-4 .properties-listing {
     text-align: center;
     width: 100%;
     border-top: 1px solid #ebebeb;
     border-bottom: 0;
 }

 .property-box-4 .properties-listing ul li {
     color: #5a5959;
     line-height: 45px !important;
     text-align: center;
     width: 33.30%;
     float: left;
     font-size: 14px;
     font-weight: 400;
     border-right: 1px solid #ebebeb;
 }

 .property-box-4 .properties-listing ul li:last-child {
     border-right: none;
 }

 .property-box-4 .properties-listing span:last-child {
     border: none;
 }

 .property-box-4 .property-photo {
     position: relative;
 }

 .property-box-4 .property-photo img {
     border-radius: 0;
 }

 .property-box-4 .property-photo:before {
     content: "";
     top: 0;
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 9;
     background: linear-gradient(to top, rgba(35, 35, 37, 0.4) 0%, rgba(35, 35, 37, 0.1) 35%, rgba(22, 22, 23, 0) 60%, rgba(0, 0, 0, 0) 100%);
     opacity: 1;
 }

 .property-box-4 .price-box {
     color: #fff;
     text-align: right;
     font-size: 15px;
     position: absolute;
     bottom: 10px;
     right: 15px;
     z-index: 20;
 }

 .property-box-4 .tag {
     position: absolute;
     top: 15px;
     left: 15px;
     z-index: 20;
     letter-spacing: 1px;
     color: rgb(255, 255, 255);
     font-weight: 500;
     border-radius: 3px;
 }

 .property-box-4:before {
     content: "";
     position: absolute;
     top: 0px;
     left: -150px;
     height: 2px;
     width: 150px;
     transition: all 0.9s;
     z-index: 999;
 }

 .property-box-4:after {
     content: "";
     position: absolute;
     bottom: 0px;
     right: -150px;
     height: 2px;
     width: 150px;
     transition: all 0.9s;
     z-index: 999;
 }

 .property-box-4:hover:before {
     left: 0;
 }

 .property-box-4:hover:after {
     right: 0;
 }

 .property-box-5 img {
     height: 500px;
 }

 .property-box-5 .detail {
     max-width: 350px !important;
     padding: 30px;
     border-radius: 5px;
     background: rgba(0, 0, 0, 0.36);
     -webkit-box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
     box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
 }

 .property-box-5 .detail ul {
     margin-bottom: 20px;
 }

 .property-box-5 .detail ul li {
     font-weight: 400;
     font-size: 15px;
     line-height: 30px;
     color: #fff;
 }

 .property-box-5 .detail ul li strong {
     font-weight: 500;
     color: #fff;
 }

 .property-box-5 .detail ul li a {
     color: #fff;
 }

 .property-box-5 .detail h3 {
     font-weight: 600;
     font-size: 27px;
     margin-bottom: 20px;
 }

 .property-box-5 .detail h3 a:hover {
     color: #fff;
 }

 .property-box-5 .carousel-caption {
     right: 0;
     bottom: 0;
     left: 0;
     top: 0;
     padding: 86.5px 30px;
 }

 .property-box-5 .carousel-item {
     border-radius: 10px;
 }

 .property-box-5 .btn-3 {
     padding: 0 25px 0 25px;
     line-height: 38px;
 }

 .property-box-5 .carousel-indicators [data-bs-target] {
     width: 12px;
     height: 12px;
     opacity: 1;
     border-top: 0px solid transparent;
     border-bottom: 0px solid transparent;
 }

 .property-box-5 .carousel-indicators {
     margin-bottom: 2rem;
 }

 .property-box-6 {
     padding: 0 0 25px;
     overflow: hidden;
     position: relative;
     background-color: #fff;
     margin-bottom: 30px;
 }

 .property-box-6:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .property-box-6:before,
 .property-box-6:after {
     content: "";
     position: absolute;
     z-index: -1;
 }

 .property-box-6 .property-inner {
     padding: 0 30px;
 }

 .property-box-6:before {
     text-align: left;
 }

 .property-box-6 .properties-name {
     font-size: 21px;
 }

 .property-box-6 .property-photo {
     height: 341px;
     width: 100%;
     margin: 0 auto 30px;
     border-radius: 0;
     overflow: hidden;
 }

 .property-box-6 .property-photo img {
     width: 100%;
 }

 .property-box-6:hover .team-hover-content {
     visibility: visible;
     opacity: 1;
 }

 .property-box-6 .facilities-list li {
     list-style: none;
     margin-right: 20px;
     float: left;
     font-weight: 400;
     line-height: 32px;
     font-size: 15px;
     color: #343434;
 }

 .property-box-6 .facilities-list li:last-child {
     margin-right: 0;
 }

 .property-box-6 .team-hover-content {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     transition: .8s;
     opacity: 0;
     visibility: hidden;
     text-align: left;
 }

 .property-box-6 .team-hover-content .property-photo {
     width: 100%;
     height: 100%;
     border-radius: 0;
     margin-bottom: 0;
 }

 .property-box-6 .team-hover-content .property-info {
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     text-align: left;
     padding: 25px;
     background: linear-gradient(0, #212affb0, rgb(255 171 74 / 17%));
     margin-bottom: 0;
     padding-bottom: 100px;
 }

 .property-box-6:hover h4 a {
     color: #fff;
 }

 .property-box-6 .team-hover-content .properties-name {
     color: #fff;
     font-size: 21px;
     font-weight: 500;
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .3s;
     opacity: 0;
 }

 .property-box-6 .team-hover-content .location {
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .2s;
     transform: translateY(50px);
     opacity: 0;
     color: #fff;
     margin-bottom: 0;
     font-size: 15px;
 }

 .property-box-6:hover .team-hover-content .properties-name {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .1s;
 }

 .property-box-6:hover .team-hover-content .location {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .2s;
 }

 .property-box-6:hover .location a {
     color: #fff;
 }

 .property-box-6:hover .member-socials {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .3s;
 }

 .property-box-6:hover .member-socials li {
     list-style: none;
     margin-right: 15px;
     float: left;
     font-weight: 400;
     line-height: 32px;
     font-size: 15px;
     color: #fff;
 }

 .property-box-6:hover .member-socials li:last-child {
     margin-right: 0;
 }

 .property-box-6 .member-socials {
     position: absolute;
     left: 25px;
     right: 25px;
     bottom: 25px;
     width: 100%;
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .1s;
     opacity: 0;
 }

 .property-box-6 .member-socials li {
     display: inline-block;
     text-align: center;
     transition: .3s;
     color: #fff;
     margin: 0;
 }

 mark {
     color: #fff;
     padding: 10px 25px;
     border-radius: 3px;
 }

 .slide-box-2 {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .slide-box-2 .slide-container {
     width: 100%;
 }

 .slide-box-2 .card {
     width: 100%;
     background: transparent;
     border: none;
 }

 .slide-box-2 .cardImage {
     position: relative;
     display: flex;
     padding: 0 15px;
 }

 .slide-box-2 .clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
 }

 .slide-box {
     padding: 0 15px;
 }

 .comon-slick .slick .item .property-box-3 {
     background-position: center;
     background-size: cover;
     transition: .3s;
     margin: 0;
     opacity: 1;
     -webkit-transform: scale3d(0.9, 0.9, 9);
     transform: scale3d(0.9, 0.9, 9);
     transition: all 0.3s ease-in-out;
 }

 .comon-slick .slick .item .property-box {
     background-position: center;
     background-size: cover;
     transition: .3s;
     margin: 0;
     opacity: 1;
     -webkit-transform: scale3d(0.9, 0.9, 9);
     transform: scale3d(0.9, 0.9, 9);
     transition: all 0.3s ease-in-out;
 }

 .comon-slick .slick .slick-list {
     padding: 0 !important;
 }

 .comon-slick .slick .slick-center .property-box-3 {
     opacity: 1;
     -webkit-transform: scale3d(1.0, 1.0, 1);
     transform: scale3d(1.0, 1.0, 1);
 }

 .comon-slick .slick .slick-center .property-box {
     opacity: 1;
     -webkit-transform: scale3d(1.0, 1.0, 1);
     transform: scale3d(1.0, 1.0, 1);
 }

 .comon-slick .slick-slide {
     outline: none
 }

 .comon-slick .slick-prev,
 .slick-next {
     position: absolute;
     top: 50%;
     z-index: 1;
 }

 .comon-slick .slick-prev i {
     display: none;
 }

 .comon-slick .slick-next i {
     display: none;
 }

 .comon-slick .slick-prev {
     width: 50px;
     height: 50px;
     line-height: 35px;
     position: absolute;
     top: 43%;
     border-radius: 100px;
     z-index: 999;
     left: 30%;
     text-align: center;
     background: #fff;
     border: none;
     opacity: 1;
     font-size: 27px;
     display: initial;
     box-shadow: 0 0 15px rgb(0 0 0 / 10%);
 }

 .comon-slick .slick-prev::before {
     content: "←";
 }

 .comon-slick .slick-next::before {
     content: "→";
 }

 .comon-slick .slick-next {
     width: 50px;
     height: 50px;
     line-height: 35px;
     position: absolute;
     top: 43%;
     z-index: 999;
     right: 30%;
     text-align: center;
     background: #fff;
     opacity: 1;
     font-size: 27px;
     display: initial;
     border: none;
     border-radius: 100px;
     box-shadow: 0 0 15px rgb(0 0 0 / 10%);
 }

 .comon-slick .comon-slick-inner .slick-next {
     display: none !important;
 }

 .comon-slick .comon-slick-inner .slick-prev {
     display: none !important;
 }

 .popular-places {
     margin-bottom: 25px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     position: relative;
     z-index: 2;
 }

 .popular-places .popular-places-photo {
     position: relative;
     transform: scale(1);
     transition: 1s;
 }

 .popular-places .popular-places-inner:hover .popular-places-photo {
     transform: scale(1.2);
 }

 .popular-places .popular-places-overflow {
     overflow: hidden;
     position: relative;
     border-radius: 3px;
 }

 .popular-places-photo:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }

 .popular-places-photo:after {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     background: linear-gradient(to top, rgb(0 0 0 / 77%) 0%, rgb(35 35 37 / 42%) 35%, rgb(255 255 255 / 0%) 60%, rgb(255 255 255 / 0%) 100%);
     bottom: 0;
 }

 .popular-places .popular-places-inner:hover .popular-places-photo:before {
     width: 100%;
 }

 .popular-places .popular-places-photo:before {
     position: absolute;
     content: '';
     background: linear-gradient(0, #2C3E50b0, rgb(192 55 39 / 22%));
     right: 0;
     width: 0%;
     height: 100%;
     transition: 1s;
 }

 .popular-places .info {
     position: absolute;
     bottom: 20px;
     left: 20px;
     z-index: 20;
     color: #fff;
     font-weight: 500;
 }

 .popular-places .info h3 {
     margin-bottom: 2px;
     font-weight: 400;
     color: #fff;
     font-size: 22px;
 }

 .popular-places .info p {
     color: #efefef;
     font-weight: 600;
     font-size: 14px;
     margin-bottom: 0;
 }

 .popular-places .new {
     position: absolute;
     top: 15px;
     right: 15px;
     z-index: 20;
     text-align: center;
     font-size: 14px;
     font-weight: 600;
     line-height: 30px;
     background: #777;
     border-radius: 5px;
     display: block;
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
     padding: 1px 15px;
     letter-spacing: 0.5px;
 }

 .popular-places:hover .new {
     transform: rotateY(360deg);
 }

 .popular-places img {
     width: 100%;
     height: 271px;
     object-fit: cover;
     background-position: center;
 }

 .popular-places .big-img {
     height: 567px;
     width: 100%;
 }

 .about-text {
     padding: 15px 0 0 15px;
 }

 .about-text p {
     margin-bottom: 20px;
 }

 .about-text h3 {
     font-size: 34px;
     font-weight: 600;
     margin: 0 0 15px;
 }

 .about-text .bottom {
     width: 100%;
     margin-top: 30px;
 }

 .about-text .name {
     font-weight: 500;
     font-size: 20px;
     text-transform: uppercase;
     color: #262525;
     margin-bottom: 5px;
 }

 .about-text .left {
     float: left;
 }

 .about-text .signature img {
     vertical-align: middle;
     height: 53px;
 }

 .about-text .signature {
     float: right;
 }

 .about-real-estate .about-img-section {
     position: relative;
 }

 .about-real-estate .about-img-section .image-box {
     position: relative;
     display: block;
     margin-left: auto;
     padding-bottom: 20px;
     max-width: 550px;
 }

 .about-real-estate .about-img-section .image-box .image-1 {
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .about-real-estate .about-box-Experience {
     position: absolute;
     right: 100px;
     bottom: 0;
     width: 320px;
 }

 .about-real-estate .about-box-Experience .content {
     position: absolute;
     right: 32%;
     top: 23%;
     transform: rotate(-28deg);
     text-align: center;
 }

 .about-real-estate .about-box-Experience .content h3 {
     font-size: 45px;
     color: #ffffff;
     font-weight: 700;
     margin-bottom: 5px;
 }

 .about-real-estate .about-box-Experience .content p {
     font-size: 18px;
     color: #ffffff;
     margin-bottom: 0;
 }

 .about-real-estate .about-img-section .image-box {
     -webkit-animation: glide 2s ease-in-out alternate infinite;
 }

 @-webkit-keyframes glide {
     from {
         left: 0px;
         top: 0px;
     }
     to {
         left: 0px;
         top: 20px;
     }
 }

 .service-box {
     padding: 15px;
     margin-bottom: 30px;
     border: none;
 }

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

 .service-box .detail {
     padding: 20px 0 0;
 }

 .service-box img {
     border-radius: 0;
 }

 .service-box p {
     font-size: 15px;
     line-height: 25px;
     margin-bottom: 10px;
 }

 .service-box .heading {
     display: block;
     margin-bottom: 10px;
 }

 .service-box .heading .number {
     margin-right: 10px;
     float: left;
 }

 .service-box .heading .number h5 {
     font-size: 35px;
     font-weight: 500;
     margin: 0;
     line-height: 35px;
 }

 .service-box .title {
     float: left;
 }

 .service-box .heading .title h4 {
     font-size: 16px;
     font-weight: 500;
     line-height: 38px;
     margin: 0;
 }

 .service-box .read-more {
     font-weight: 500;
     font-size: 14px;
 }

 .our-agent-sidebar .team-1 {
     margin: 0 auto 0;
     box-shadow: none;
     border-bottom: solid 1px #f7f7f7;
 }

 .our-agent-sidebar .carousel-indicators li {
     width: 10px;
     height: 10px;
     background-color: #8a8989;
     border-radius: 50px;
 }

 .our-agent-sidebar .carousel-indicators {
     bottom: 20px;
 }

 .our-agent-sidebar .p-20 {
     padding: 20px 20px 0;
 }

 .our-agent-sidebar {
     margin-bottom: 20px;
 }

 .our-agent-sidebar .team-1 .team-details {
     text-align: center;
     padding: 25px 20px 45px;
 }

 .our-agent-sidebar .carousel-indicators [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 15px;
     height: 15px;
     padding: 0;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: #2C3E50;
     border: 0;
     border-top: 0px solid transparent;
     border-bottom: 0px solid transparent;
     opacity: 1;
 }

 .our-agent-sidebar .team-1 .team-info {
     padding: 30px 30px 60px !important;
 }

 .pricing-1 {
     margin-bottom: 30px;
     position: relative;
     z-index: 9;
     background: #fff;
     -webkit-transition: .9s;
     transition: .9s;
     overflow: hidden;
 }

 .pricing-1:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -webkit-transform: translateY(-9px);
     transform: translateY(-9px);
 }

 .pricing-1:hover:before {
     width: 100%;
 }

 .pricing-1::before {
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 100%;
     z-index: -1;
     -webkit-transition: .9s;
     transition: .9s;
     border-radius: 9px;
 }

 .pricing-1:hover .plan-header h5,
 .pricing-1:hover .plan-price sup,
 .pricing-1:hover .plan-price,
 .pricing-1:hover .plan-header p,
 .pricing-1:hover .plan-price span,
 .pricing-1:hover .plan-list ul,
 .pricing-1:hover .plan-list ul li i {
     color: #fff !important;
 }

 .pricing-1:hover .plan-list ul li {
     border-bottom: 1px dashed #ffffff63;
 }

 .pricing-1 .plan-header .plan-price span {
     font-size: 16px;
     color: #343434;
     font-weight: 500;
 }

 .pricing-1 .plan-header {
     padding: 40px 22px 0;
     border-width: 1px;
     position: relative;
     text-align: center;
 }

 .pricing-1 .plan-header h5 {
     margin-bottom: 5px;
     font-weight: 500;
 }

 .pricing-1 .plan-header .plan-price sup {
     font-size: 24px;
     position: relative;
     top: -30px;
     color: #343434;
     font-weight: 500;
 }

 .pricing-1 .plan-header .plan-price {
     font-size: 60px;
     font-weight: 700;
     position: initial;
     text-align: center;
     font-family: "Futura Bk BT";
     padding: 0;
     width: 100%;
 }

 .pricing-1 .plan-header .plan-price span {
     font-size: 16px;
     color: #343434;
     font-weight: 500;
 }

 .pricing-1 .plan-list {
     border-width: 0 1px 1px;
     padding: 20px 0 40px;
 }

 .pricing-1 .plan-list ul {
     display: table;
     margin: 0 auto;
     padding: 0 40px;
 }

 .pricing-1 .plan-list ul li {
     list-style: none;
     border-bottom: 1px dashed #eaeceb;
     line-height: 42px;
     font-size: 15px;
     font-weight: 500;
 }

 .pricing-1 .plan-list ul li i {
     margin-right: 12px;
 }

 .pricing-1 .plan-list ul li:last-child {
     border-bottom: none;
 }

 .pricing-1 .plan-button {
     padding-top: 20px;
 }

 .pricing-1 .pricing-btn {
     border-radius: 3px;
 }

 .pricing-1:hover .pricing-btn {
     background-color: #fff;
     border: solid 1px #fff;
 }

 .intro-section {
     position: relative;
 }

 .intro-section .intro-section-inner {
     padding: 50px 0;
     position: relative;
     z-index: 1;
     overflow: hidden;
 }

 .intro-section h3 {
     font-size: 27px;
     margin: 0;
     line-height: 50px;
     color: #fff;
     z-index: 999;
     font-weight: 300;
 }

 .intro-section .btn-7 {
     float: right;
 }

 .intro-section .intro-section-inner .btn-5 {
     border: 2px solid #fff;
     color: #fff;
 }

 .our-agent-sidebar .team-1 .team-details h5 a {
     font-size: 20px;
 }

 .team-1 {
     text-align: center;
     transition: .5s all ease;
     -webkit-transition: .5s all ease;
     -moz-transition: .5s all ease;
     -o-transition: .5s all ease;
     -ms-transition: .5s all ease;
     background: #fff;
     margin-bottom: 30px;
 }

 .team-1:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .team-1 .team-thumb {
     position: relative;
 }

 .team-thumb img {
     width: 100%;
     height: auto;
     border: none;
     display: block;
     -webkit-border-radius: 0;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
 }

 .team-1 .team-social {
     position: absolute;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     justify-content: flex-end;
     overflow: hidden;
 }

 .team-1 .flex-middle {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .team-1 .team-social .team-overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     transform: translateY(-110%);
     transition: all 0.5s linear;
     transition: .5s all ease;
     -webkit-transition: .5s all ease;
     -moz-transition: .5s all ease;
     -o-transition: .5s all ease;
     -ms-transition: .5s all ease;
 }

 .team-1 .team-social .team-social-inner {
     position: absolute;
     left: 0;
     opacity: 0;
     padding-left: 20px;
     transform: translateX(-100px);
     transition: .3s all ease 0.4s;
     transition: .3s all ease 0.4s;
     -webkit-transition: .3s all ease 0.4s;
     -moz-transition: .3s all ease 0.4s;
     -o-transition: .3s all ease 0.4s;
     -ms-transition: .3s all ease 0.4s;
 }

 .team-1 .team-social a {
     display: block;
     font-size: 18px;
     line-height: 1;
     margin: 5px 0;
     padding: 11px;
     background: #fff;
     border-radius: 5%;
     transition: .3s all ease 0.4s;
     transition: .3s all ease 0.4s;
     -webkit-transition: .3s all ease 0.4s;
     -moz-transition: .3s all ease 0.4s;
     -o-transition: .3s all ease 0.4s;
     -ms-transition: .3s all ease 0.4s;
     color: #2C3E50;
 }

 .team-1 .team-social a:hover {
     color: #2C3E50;
 }

 .team-1 .team-info {
     padding: 30px 20px;
     font-size: 20px;
 }

 .team-1 .team-info h4 {
     font-size: 20px;
     margin-bottom: 5px;
     font-weight: 500;
 }

 .team-1 .team-info p {
     font-size: 16px;
     margin-bottom: 0;
 }

 .team-1:hover .team-social .team-overlay {
     transform: translateY(0);
     opacity: .8;
 }

 .team-1 .team-social .team-overlay,
 .team-sub-line:before {
     background: rgb(12 62 185 / 51%);
 }

 .team-1:hover .team-social .team-social-inner {
     transform: translateX(0);
     opacity: 1;
 }

 .team-2 {
     margin: 0 1px;
     margin-bottom: 30px;
     background: #fff !important;
     position: relative;
     z-index: 2;
 }

 .team-2:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .team-2 .detail {
     padding: 10px 20px 10px 25px;
 }

 .team-2 img {
     width: 100%;
 }

 .team-2 .detail h5 {
     margin: 0 0 20px;
     font-size: 13px;
     font-weight: 500;
     color: #5f5e5e;
     text-transform: uppercase;
 }

 .team-2 .detail h4 {
     margin: 0 0 10px;
     font-size: 22px;
     font-weight: 500;
 }

 .team-2 .photo {
     overflow: hidden;
     position: relative;
 }

 .team-2 .photo::before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     left: 0;
     bottom: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .team-2 .photo img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .team-2 .photo::after {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     background: #fff;
     right: 0;
     top: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .team-2 .photo:hover .photo::before,
 .team-2:hover .photo::after {
     width: 100%;
     height: 100%;
     opacity: 0.7;
     visibility: visible;
     background: linear-gradient(0, #2168ff, rgb(255 171 74 / 17%));
 }

 .team-2 .detail .contact {
     margin-bottom: 20px;
 }

 .team-2 .detail .contact ul li {
     margin-bottom: 10px;
     font-size: 16px;
     position: relative;
     padding-left: 22px;
 }

 .team-2 .detail .contact ul li a {
     font-weight: 400;
     color: #5f5e5e;
 }

 .team-2 .detail .contact ul li i {
     left: 0;
     position: absolute;
 }

 .team-2 .detail .social-list li {
     display: inline-block;
     font-size: 16px;
 }

 .team-2 .detail .social-list li a {
     margin-right: 0px;
     font-size: 14px;
     width: 35px;
     height: 35px;
     border-radius: 0px;
     display: inline-block;
     text-align: center;
     line-height: 35px;
     display: inline-block;
     vertical-align: middle;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .team-2:hover li a {
     transform: rotateY(360deg);
 }

 .team-3 {
     padding: 50px 10px 30px;
     border-radius: 10px;
     overflow: hidden;
     position: relative;
     background-color: #fff;
     margin-bottom: 30px;
     text-align: center;
 }

 .team-3:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .team-3:before,
 .team-3:after {
     content: "";
     position: absolute;
     z-index: -1;
 }

 .team-3:before {
     text-align: left;
 }

 .team-3 .member-name {
     font-size: 20px;
 }

 .team-3 .member-thumb {
     width: 170px;
     height: 170px;
     margin: 0 auto 30px;
     border-radius: 50%;
     overflow: hidden;
 }

 .team-3 .member-thumb img {
     width: 100%;
 }

 .team-3:hover .team-hover-content {
     visibility: visible;
     opacity: 1;
 }

 .team-3 .team-hover-content {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #fff;
     transition: .8s;
     opacity: 0;
     visibility: hidden;
 }

 .team-3 .team-hover-content .member-thumb {
     width: 100%;
     height: 100%;
     border-radius: 0;
     margin-bottom: 0;
 }

 .team-3 .team-hover-content .member-name-designation {
     color: #fff;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     text-align: center;
     padding: 30px 10px;
     background: linear-gradient(0, #215bffc9, rgb(255 171 74 / 17%));
     margin-bottom: 0;
     padding-bottom: 60px;
 }

 .team-3:hover h4 a {
     color: #fff;
 }

 .team-3 .team-hover-content .member-name {
     color: #fff;
     font-size: 20px;
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .3s;
     opacity: 0;
 }

 .team-3 .team-hover-content .member-designation {
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .2s;
     transform: translateY(50px);
     opacity: 0;
     color: #fff;
     margin-bottom: 0;
     font-size: 16px;
 }

 .team-3:hover .team-hover-content .member-name {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .1s;
 }

 .team-3:hover .team-hover-content .member-designation {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .2s;
 }

 .team-3:hover .member-socials {
     opacity: 1;
     transform: translateY(0);
     transition-delay: .3s;
 }

 .team-3 .member-socials {
     position: absolute;
     left: 0;
     bottom: 25px;
     width: 100%;
     transform: translateY(50px);
     transition: all .4s cubic-bezier(.76, .21, .32, .85);
     transition-delay: .1s;
     opacity: 0;
 }

 .team-3 .member-socials a {
     display: inline-block;
     text-align: center;
     transition: .3s;
     color: #fff;
     margin: 0 7px;
 }

 .our-team-4 h1 {
     color: #262525;
     opacity: 1;
 }

 .our-team-4 p {
     color: #343434;
     opacity: 1;
 }

 .team-5 {
     position: relative;
     margin-bottom: 30px;
 }

 .team-5 .team-info {
     width: 100%;
     height: 100%;
     position: relative;
 }

 .team-5 img {
     width: 100%;
     height: 100%;
     border-radius: 8px;
 }

 .team-5 .overlay {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     background-color: rgb(0 0 0 / 30%);
     overflow: hidden;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: 0.3s ease;
     transition: 0.3s ease;
     border-radius: 8px 8px;
 }

 .team-5 .text-section {
     color: white;
     font-size: 20px;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     width: 100%;
 }

 .team-5 .text-section i {
     color: #fff;
     font-weight: 400;
     border: 1px solid #fff;
     padding: 12px 10px 8px;
     border-radius: 3px;
     margin-right: 5px;
     width: 45px;
     height: 45px;
     font-size: 20px;
 }

 .team-5 .text-section i:hover {
     border: 1px solid #fff;
     background: #fff;
 }

 .team-5 .text-section .btn-primary {
     background-color: transparent;
     padding: 10px 25px;
     border-color: #fff;
     margin-top: 20px;
     font-weight: 600;
     font-size: 16px;
 }

 .team-5 .text-section .btn-primary:hover {
     background: #fff;
     border-color: #fff;
 }

 .team-5 .team-box {
     bottom: 20px;
     position: absolute;
     left: 0;
     right: 0;
     padding: 0 20px;
 }

 .team-5 .team-details {
     background-color: #fff;
     overflow: hidden;
     padding: 15px;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     text-align: center;
 }

 .team-5 .team-details .fa-user-circle {
     font-size: 40px;
     background-color: #efefef;
     padding: 15px;
     border-radius: 5px;
     margin-right: 10px;
 }

 .team-5 .team-details h4 {
     font-size: 18px;
     margin: 5px 0 0;
     font-weight: 500;
 }

 .team-5 .team-details h5 {
     margin-top: 4px;
     font-size: 14px;
 }

 .team-5:hover p {
     color: #fff;
 }

 .team-5:hover h4 {
     color: #fff;
 }

 .team-5 .team-details p {
     margin-bottom: 0;
 }

 .team-5 .team-details .user {
     font-size: 30px;
     background-color: #efefef;
     color: #f67828;
     padding: 12.5px 20px;
     border-radius: 5px;
     margin-right: 15px;
 }

 .team-5 .team-info:hover .overlay {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
     cursor: pointer;
 }

 .team-sidebar img {
     width: 80px;
     border-radius: 3px;
 }

 .team-sidebar h5 {
     margin-bottom: 7px;
     font-weight: 400;
 }

 .team-sidebar h5 a {
     font-size: 17px;
     font-weight: 500;
     color: #262525;
 }

 .team-sidebar li {
     margin-bottom: 3px;
     font-size: 15px;
     color: #303030;
     font-weight: 400;
 }

 .team-sidebar li a {
     color: #303030;
 }

 .team-sidebar li i {
     margin-right: 5px;
     font-size: 13px;
 }

 .comments-tr {
     font-family: "Futura Bk BT";
     padding-bottom: 20px;
 }

 .agent-experience {
     font-size: 15px;
     position: relative;
     padding-left: 22px;
 }

 .agent-experience i {
     left: 0;
     position: absolute;
     color: #0b0b0b;
 }

 .agent-experience i {
     top: 7px;
 }

 .rating-area {
     margin-bottom: 20px;
 }

 .rating-area .average-rating {
     padding: 19px;
     text-align: center;
     border-radius: 0;
 }

 .rating-area .average-rating h1 {
     color: #fff;
     font-weight: 500;
 }

 .rating-area .average-rating .ratings i {
     color: orange;
 }

 .rating-area .average-rating h4 {
     font-size: 16px;
     color: #fff;
     margin-bottom: 0;
 }

 .rating-area .rating-item {
     display: flex;
     align-items: center;
     margin-bottom: 6px;
 }

 .rating-area .rating-item .ratings {
     margin-left: auto;
 }

 .rating-area .rating-count {
     width: 40px;
 }

 .rating-area .rating-bar {
     width: 59%;
     height: 15px;
     margin: 0 20px;
     background: #d4d7de;
     position: relative;
 }

 .rating-area .rating-width {
     position: absolute;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 1;
     background: #7a7d8a;
 }

 .rating-area .ratings i {
     color: #eda619;
     font-size: 14px;
 }

 .cmnt .comment-content {
     padding-bottom: 0;
     border-bottom: none;
 }

 .testimonial {
     opacity: 1;
     background: rgba(0, 0, 0, 0.04) url(../img/img-4.html) top left repeat;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 .testimonial:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #062abb;
     content: "";
     z-index: -1;
     opacity: 0.5;
 }

 .testimonial .testimonial-info-box {
     margin: 50px 0 0;
     border: none;
     box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
     position: relative;
     padding: 80px 30px 30px;
     text-align: center;
     background: #fff;
     -webkit-transition: all 0.5s;
     transition: all 0.9s;
     z-index: 1;
 }

 .testimonial .testimonial-info-box:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .testimonial .testimonial-info-box .profile-user {
     position: absolute;
     left: 0;
     top: -50px;
     width: 100%;
 }

 .testimonial .testimonial-info-box .avatar {
     max-width: 100px !important;
     margin: 0 auto;
 }

 .testimonial .testimonial-info-box .avatar img {
     width: 100%;
     border-radius: 100px;
 }

 .testimonial .testimonial-info-box h5 {
     margin-bottom: 7px;
     font-weight: 500;
     font-size: 20px;
 }

 .testimonial .testimonial-info-box p {
     margin-bottom: 0;
 }

 .testimonial .testimonial-info-box h6 {
     margin-bottom: 15px;
     font-weight: 400;
 }

 .testimonial .testimonial-info-box::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 2px;
     -webkit-transition: all 0.5s;
     transition: all 0.9s;
     z-index: -1;
 }

 .testimonial .testimonial-info-box i {
     display: inline-block;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }

 .testimonial .testimonial-info-box:hover i {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
 }

 .testimonial .testimonial-info-box:hover::before {
     height: 100%;
 }

 .testimonial .testimonial-info-box:hover p {
     color: #fff;
 }

 .testimonial .testimonial-info-box:hover h5 a {
     color: #fff;
 }

 .testimonial .testimonial-info-box:hover h6 {
     color: #fff;
 }

 .testimonial-2 {
     background: #f3f3f3;
     background: rgba(0, 0, 0, 0.04) url(../img/img-6.html) top left repeat;
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }

 .testimonial-2:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: inherit;
 }

 .testimonial-2 h1 {
     color: #262525;
     opacity: 1;
 }

 .testimonial-2 .main-title p {
     color: #343434;
     opacity: 1;
 }

 .testimonial-2 .main-title {
     margin-bottom: 50px;
     text-align: center;
 }

 .testimonial-3 {
     padding: 120px 0 130px;
     position: relative;
 }

 .testimonail_video_bg {
     background-position: center center;
     background-size: cover;
     width: 50%;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     display: flex;
     align-items: center;
     background: #2C3E50;
 }

 .testimonail_video_bg img {
     display: none;
 }

 .testimonail_video_bg .btn-4:after {
     background: #2C3E50;
 }

 .testimonail_video_bg .btn-4 {
     background: #FFF;
     color: #2C3E50;
     position: absolute;
     bottom: 40px;
     left: 50%;
     transform: translateX(-50%);
 }

 .testimonial-3 .testimonial-info {
     margin-bottom: 20px;
     text-align: left;
     min-height: 275px;
 }

 .testimonial-3 .testimonial-inner {
     max-width: 550px;
 }

 .testimonial-3 .testimonial-info img {
     max-width: 90px;
     border-radius: 100%;
     border: 1px solid #CCC;
 }

 .testimonial-3 .testimonial-info p {
     font-size: 15px;
 }

 .testimonial-3 .carousel-indicators [data-bs-target] {
     box-sizing: content-box;
     flex: 0 1 auto;
     width: 10px;
     height: 10px;
     padding: 0;
     margin-right: 3px;
     margin-left: 3px;
     text-indent: -999px;
     cursor: pointer;
     background-color: transparent;
     background-clip: padding-box;
     border: 2px solid #2C3E50;
     opacity: 1;
     transition: opacity .6s ease;
 }

 .testimonial-3 .carousel-indicators {
     bottom: -10px;
     margin-bottom: 0;
 }

 .testimonial-3 .testimonial-info h5 {
     margin: 20px 0 10px;
     font-size: 20px;
 }

 .testimonial-3 .testimonial-info h6 {
     font-size: 13px;
     text-transform: uppercase;
     font-weight: 500;
     color: #343434;
 }

 .testimonial-3 .testimonial-info p {
     margin-bottom: 20px;
 }

 .testimonial-3 .carousel-control-prev {
     display: none;
 }

 .testimonial-3 .carousel-indicators {
     justify-content: inherit;
     margin-right: 0;
     margin-left: 0;
 }

 .t4 .main-title {
     margin-bottom: 0;
     text-align: left;
 }

 .testimonial-4 {}

 .testimonial-4 .testimonial-info {
     border: 0;
     padding: 35px 30px 35px;
     background: #FFF;
     position: relative;
     z-index: 2;
     height: calc(100% - 25px);
     box-shadow: 0 5px 29px 0 rgb(0 0 0 / 8%);
 }

 .testimonial-4 .testimonial-info .text p {
     margin: 20px 0 0;
     font-size: 16px;
 }

 .testimonial-4 .testimonial-info .user-section {
     display: flex;
     align-items: center;
     position: relative;
 }

 .testimonial-4 .testimonial-info .user-section:before {
     content: "";
     position: absolute;
     left: -31px;
     top: 0;
     border-radius: 6px;
     width: 6px;
     height: 100%;
 }

 .testimonial-4 .testimonial-info .user-thumb {
     margin-right: 20px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
     padding-right: 15px;
 }

 .testimonial-4 .testimonial-info .user-thumb img {
     transition: 0.3s;
     border-radius: 50%;
     height: 90px;
     min-width: 90px;
 }

 .testimonial-4 .testimonial-info .icon {
     position: absolute;
     top: 50px;
     right: 0;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     color: #fff;
     font-size: 13px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .testimonial-4 .testimonial-info .user-name h5 {
     margin-bottom: 0;
 }

 .testimonial-4 .testimonial-info .user-name p {
     margin-bottom: 0;
 }

 .testimonial-4 .testimonial-info .video {
     position: relative;
     margin-top: 18px;
 }

 .testimonial-4 .testimonial-info .video .customer_speak {
     position: relative;
     top: 0;
     left: 0;
     transform: none;
     width: 33px;
     height: 33px;
     font-size: 12px;
 }

 .testimonial-4 .testimonial-info .video a {
     display: flex;
     align-items: center;
     gap: 0 11px;
     font-weight: 700;
     font-size: 14px;
 }

 .testimonial-4 .testimonial-info .video .customer_speak:after {
     border-color: #666;
 }

 .testimonial-5 {
     opacity: 1;
     background: #f3f3f3;
 }

 .testimonial-5 .testimonial-item-new {
     position: relative;
     z-index: 1;
     padding: 0px 70px 42px 60px;
     max-width: 540px;
     margin: 0 auto;
 }

 .testimonial-5 .testimonial-item-new::before {
     content: '';
     position: absolute;
     clip-path: polygon(0 14%, 100% 0, 100% 100%, 0% 100%);
     background: white;
     width: 100%;
     height: 316px;
     left: 0;
     bottom: 0;
     z-index: -1;
 }

 .testimonial-5 .testimonial-item-new p {
     font-size: 16px;
 }

 .testimonial-5 .testimonial-item-new .pl-40 {
     padding-left: 40px;
 }

 .testimonial-5 .testimonial-item-new .author-img {
     padding-bottom: 20px;
 }

 .testimonial-5 .testimonial-item-new .author-img .author-avatar {
     position: relative;
     float: right;
 }

 .testimonial-5 .testimonial-item-new .fix {
     overflow: hidden;
 }

 .testimonial-5 .testimonial-item-new .author-img img {
     border-radius: 50%;
     height: 120px;
 }

 .testimonial-5 .testimonial-item-new .author-img .icon {
     position: absolute;
     top: 80px;
     right: 0;
     width: 40px;
     height: 40px;
     border-radius: 50%;
     color: #fff;
     font-size: 18px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .testimonial-5 .testimonial-item-new .rating i {
     color: #fed857;
     font-size: 15px;
     margin-right: 3px;
 }

 .testimonial-5 .testimonial-item-new .author-content {
     margin-bottom: 15px;
 }

 .testimonial-5 .testimonial-item-new .author-content h5.left-line {
     position: relative;
 }

 .testimonial-5 .testimonial-item-new .left-line:before {
     width: 25px;
     height: 2px;
 }

 .testimonial-5 .testimonial-item-new .left-line::before {
     content: "";
     position: absolute;
     left: 0;
     top: 10px;
     width: 25px;
     height: 2px;
     z-index: 1;
 }

 .testimonial-5 .testimonial-item-new .author-content h5 .desig {
     font-size: 15px;
     font-weight: 500;
 }

 .testimonial-5 .testimonial-item-new .author-content h5 {
     letter-spacing: 0;
 }

 .service-info {
     padding: 0 20px;
     margin: 0 auto 30px;
     text-align: center;
 }

 .service-info .icon {
     background: #fff;
     width: 110px;
     height: 110px;
     line-height: 110px;
     text-align: center;
     display: inline-block;
     vertical-align: middle;
     margin-bottom: 10px;
     border-radius: 100%;
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

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

 .service-info:hover .icon i {
     color: #fff;
 }

 .service-info .icon i {
     font-size: 50px;
     line-height: 110px;
 }

 .service-info h3 {
     font-size: 21px;
     margin: 25px 0 15px;
     font-weight: 500;
 }

 .service-info p {
     margin-bottom: 0;
     font-size: 16px;
 }

 .service-info:hover {
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
     color: #fff;
 }

 .service-info:hover .icon {
     transform: rotateY(360deg);
 }

 .services-2 {
     background: url(../img/img-2.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }

 .services-2:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #201297;
     content: "";
     z-index: -1;
     opacity: 0.3;
 }

 .single-info-2 {
     padding: 40px 30px 35px 30px;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
     z-index: 3;
     background: #fff;
 }

 .single-info-2:before {
     position: absolute;
     content: '';
     height: 75px;
     width: 75px;
     top: 0;
     left: 0;
     z-index: -1;
     border-radius: 0 0px 70px 0px;
     margin-top: 0px;
     -webkit-transition: .5s all ease;
     -ms-transition: .5s all ease;
     -moz-transition: .5s all ease;
     -o-transition: .5s all ease;
     transition: .5s all ease;
 }

 .single-info-2:hover:before {
     height: 100%;
     width: 100%;
     border-radius: 0;
 }

 .single-info-2 .icon {
     margin-bottom: 10px;
 }

 .single-info-2 .icon-inner {
     position: relative;
 }

 .single-info-2 .icon i,
 .single-info-2 .icon-inner i {
     position: relative;
     font-size: 45px;
     -webkit-transition: all 600ms ease;
     -ms-transition: all 600ms ease;
     -o-transition: all 600ms ease;
     -moz-transition: all 600ms ease;
     transition: all 600ms ease;
     display: inline-block;
 }

 .single-info-2:hover .icon i,
 .single-info-2:hover .icon-inner i {
     -webkit-transform: scale(-1) rotate(180deg);
     -moz-transform: scale(-1) rotate(180deg);
     -ms-transform: scale(-1) rotate(180deg);
     -o-transform: scale(-1) rotate(180deg);
     transform: scale(-1) rotate(180deg);
 }

 .single-info-2 h2 {
     font-size: 20px;
     position: relative;
     margin-bottom: 10px;
 }

 .single-info-2 p {
     margin-bottom: 0;
 }

 .single-info-2 .number {
     font-size: 170px;
     line-height: 1;
     color: #3a30301c;
     display: inline-block;
     position: absolute;
     z-index: 0;
     right: 20px;
     font-weight: 600;
     bottom: 0;
     font-family: "Futura Bk BT";
 }

 .service-info-3 {
     background: #FFF;
     padding: 30px;
     position: relative;
     overflow: hidden;
     margin-bottom: 30px;
     width: 100%;
     min-height: 242px;
 }

 .service-info-3:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
     color: #fff;
 }

 .service-info-3 i {
     font-size: 60px;
     display: inline-block;
     vertical-align: middle;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
     color: #fed130 !important;
 }

 .service-info-3:hover i {
     transform: rotateY(360deg);
 }

 .service-info-3 h3 {
     font-size: 22px;
     margin: 0 0 8px;
 }

 .service-info-3 .icon {
     margin-right: 20px;
     font-size: 50px;
 }

 .service-info-3 h4 {
     position: absolute;
     top: 120px;
     left: 47px;
     z-index: 20;
     text-transform: uppercase;
     margin-bottom: 0;
     font-weight: 500;
     border-radius: 3px 3px 3px 0;
     color: #d4d0d0;
 }

 .service-info-3:before {
     content: "";
     position: absolute;
     top: 0px;
     left: -80px;
     height: 2px;
     width: 80px;
     background: red;
     transition: all 0.8s;
 }

 .service-info-3:after {
     content: "";
     position: absolute;
     bottom: 0px;
     right: -80px;
     height: 2px;
     width: 80px;
     background: red;
     transition: all 0.8s;
 }

 .service-info-3:hover:before {
     left: 0px;
 }

 .service-info-3:hover:after {
     right: 0px;
 }

 .service-info-4 {
     padding: 40px 20px;
     margin-bottom: 30px;
     background: #fff;
     text-align: center;
     -webkit-transition: all 0.5s;
     transition: all 0.9s;
     position: relative;
     border-radius: 4px;
     z-index: 1;
 }

 .service-info-4:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .service-info-4 h3 {
     margin-bottom: 15px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 20px;
     font-weight: 500;
 }

 .service-info-4 p {
     margin-bottom: 20px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
 }

 .service-info-4 .read-more {
     line-height: 1;
     font-weight: 600;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     display: block;
     font-size: 16px;
 }

 .service-info-4 i {
     display: inline-block;
     margin-bottom: 20px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
     font-size: 45px;
 }

 .service-info-4::before {
     content: "";
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 2px;
     border-radius: 4px;
     -webkit-transition: all 0.5s;
     transition: all 0.9s;
     z-index: -1;
 }

 .service-info-4:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .service-info-4:hover i {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
 }

 .service-info-4:hover::before {
     height: 100%;
 }

 .service-info-4:hover p {
     color: #fff;
 }

 .service-info-4:hover h3 {
     color: #fff;
     font-size: 20px;
     font-weight: 500;
 }

 .service-info-4:hover .read-more {
     color: #ffffff;
 }

 .service-info-4:hover i {
     color: #fff;
 }

 .service-info-4 .read-more:hover {
     letter-spacing: 1.5px;
 }

 .pages-404 {
     top: 0;
     width: 100%;
     bottom: 0;
     opacity: 1;
     min-height: 100vh;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 30px 0;
 }

 .pages-404 .error404 {
     line-height: .8;
     margin: 60px 0 40px;
     font-weight: 700;
     font-size: 250px;
     opacity: 2;
     color: #262525;
     text-shadow: 1px 1px 5px rgb(0 0 0 / 16%);
     font-family: "Futura Bk BT";
 }

 .pages-404 .nobottomborder h1 {
     font-size: 35px;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .pages-404 .nobottomborder {
     padding-left: 20px;
 }

 .pages-404 .hr {
     width: 50px;
     height: 10px;
     background: #eee;
     text-shadow: 1px 1px 5px rgba(0, 0, 0, .4);
     margin: 0px 0 20px;
     border-radius: 10px;
 }

 .pages-404 .nobottomborder p {
     line-height: 30px;
     font-size: 17px;
 }

 .pages-404 .form-inline {
     box-shadow: 0 0 5px rgb(0 0 0 / 10%);
 }

 .pages-404 .form-control {
     width: 70%;
     height: 50px;
     padding: 10px 15px;
     border-radius: 0;
     font-size: 15px;
     outline: 0;
     background-color: #fff;
     border-color: #fff;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     color: #6c757c;
     font-weight: 500;
 }

 .pages-404 .btn,
 .pages-404 .btn:hover,
 .pages-404 .btn:active {
     width: 30%;
     border-radius: 0;
     height: 50px;
     padding: 0 15px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     font-size: 16px;
     font-weight: 600;
     cursor: pointer;
     color: #fff;
 }

 .mr-0 {
     margin-right: 0;
 }

 .date-box span {
     font-family: 'Raleway', sans-serif;
     font-size: 19px;
     display: block;
     line-height: 22px;
     color: #fff;
 }

 .blog-1 {
     margin-bottom: 30px;
     position: relative;
     display: block;
     margin-bottom: 30px;
     z-index: 2;
     background: #fff;
     border: none;
     -webkit-transition: .5s;
     transition: .5s;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }

 .blog-1:hover {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .blog-1 .photo {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .blog-1 .photo img {
     width: 100%;
     transform: scale(1.0);
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .9s;
 }

 .blog-1:hover .photo .overlay-icon {
     transform: perspective(400px) scaleY(1.0);
 }

 .blog-1 .photo .overlay-icon {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     z-index: 3;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-wrap: wrap;
     transition: .9s;
     transform: perspective(400px) scaleY(0);
     transform-origin: bottom;
 }

 .blog-1 .photo .overlay-icon a {
     position: relative;
     display: inline-block;
 }

 .blog-1 .photo .overlay-icon span {
     color: #ffffff;
     font-size: 25px;
     line-height: 25px;
 }

 .blog-1 .photo::after {
     position: absolute;
     content: "";
     bottom: 0;
     left: 0;
     right: 0;
     height: 100%;
     background: rgb(12 62 185 / 51%);
     transition-delay: .1s;
     transition-timing-function: ease-in-out;
     transition-duration: .5s;
     transition-property: all;
     opacity: 1;
     transform-origin: bottom;
     transform-style: preserve-3d;
     transform: scaleY(0);
     z-index: 1;
 }

 .blog-1:hover .photo img {
     transform: scale(1.1) rotate(1deg);
 }

 .blog-1:hover .photo::after {
     opacity: 1;
     transform: scaleY(1.0);
 }

 .blog-1 .date-box {
     position: absolute;
     top: 20px;
     font-size: 15px;
     padding: 6px 15px 4px;
     text-align: center;
     right: 20px;
     font-weight: 500;
     background: #fff;
     border-radius: 0;
     z-index: 999;
 }

 .blog-1 .detail {
     padding: 30px 30px 25px;
 }

 .blog-1 .detail h3 {
     font-size: 21px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .blog-1 .post-meta {
     width: 100%;
     margin-bottom: 10px;
 }

 .blog-1 .detail .post-meta span {
     margin-right: 20px;
     font-size: 14px;
     font-weight: 500;
 }

 .blog-1 .detail .post-meta span a i {
     margin-right: 5px;
 }

 .blog-1 .detail .post-meta span:last-child {
     margin-right: 0;
 }

 .blog-1 .detail p {
     font-size: 16px;
     margin-bottom: 10px;
 }

 .blog-2 {
     margin-bottom: 30px;
     border-radius: 0;
     border: none;
     background: #fff;
     z-index: 2;
     position: relative;
     -webkit-transition: .5s;
     transition: .5s;
     overflow: hidden;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .blog-2 .blog-photo {
     position: relative;
 }

 .blog-2:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .blog-2 .blog-image {
     overflow: hidden;
     position: relative;
 }

 .blog-2 .blog-image::before {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     left: 0;
     bottom: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .blog-2 .blog-image img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     transition: all 0.5s ease;
     z-index: 999;
 }

 .blog-2 .blog-image::after {
     position: absolute;
     content: "";
     width: 0;
     height: 0;
     right: 0;
     top: 0;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     -webkit-transition: all 0.6s ease;
     -moz-transition: all 0.6s ease;
     transition: all 0.6s ease;
 }

 .blog-2:hover .blog-image::before,
 .blog-2:hover .blog-image::after {
     width: 100%;
     height: 100%;
     opacity: 0.4;
     visibility: visible;
 }

 .blog-2 .blog-image::before {
     background: rgb(12 62 185 / 51%);
 }

 .blog-2 .blog-image::after {
     background: rgb(12 62 185 / 51%);
 }

 .blog-2 .date-box {
     position: absolute;
     top: 15px;
     font-size: 13px;
     color: #fff;
     width: 60px;
     height: 60px;
     text-align: center;
     padding-top: 10px;
     right: 19px;
     border-radius: 5px 5px 0 5px;
     z-index: 999;
 }

 .blog-2 .date-box::after {
     position: absolute;
     content: '';
     width: 0;
     height: 0;
     border-top: 0;
     border-bottom: 10px solid transparent;
     bottom: -10px;
     right: 0;
 }

 .blog-2 .profile-user {
     position: absolute;
     bottom: 20px;
     left: 20px;
     display: block;
     background-color: #fff;
     border-radius: 50%;
     padding: 2px;
     z-index: 999 !important;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .blog-2:hover .profile-user {
     transform: rotateY(360deg);
 }

 .blog-2 .profile-user img {
     width: 55px;
     height: 55px;
     border-radius: 50%;
 }

 .blog-2 .detail {
     padding: 30px 25px 15px;
 }

 .blog-2 .post-meta {
     width: 100%;
     margin-bottom: 10px;
 }

 .blog-2 .post-meta ul li {
     margin: 0 15px 0 0;
     display: inline-block;
     font-size: 15px;
     font-weight: 500;
     color: #5d5d5d;
     line-height: 26px;
 }

 .blog-2 .post-meta ul li strong {
     font-weight: 500;
 }

 .blog-2 .post-meta ul li strong a {
     color: #525252;
 }

 .blog-2 .post-meta ul li a {
     color: #403e3e;
 }

 .blog-2 .post-meta ul li i {
     margin-right: 5px;
     color: #403e3e;
 }

 .blog-2 .post-meta ul li.float-right {
     float: right;
 }

 .blog-2 .post-meta ul li.float-right.mr-0 {
     margin-right: 0;
 }

 .blog-2 h4 {
     margin-bottom: 15px;
 }

 .blog-2 h4 a {
     font-size: 21px;
     margin-bottom: 10px;
     font-weight: 500;
 }

 .blog-2 h4 a:hover {
     color: #444243;
 }

 .blog-3 {
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     height: 450px;
     border-radius: 7px;
     margin-bottom: 30px;
     z-index: 2;
     -webkit-transition: .5s;
     transition: .5s;
     overflow: hidden;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .blog-3:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .blog-3:hover .date-box {
     transform: rotateY(360deg);
 }

 .blog-3 .date-box {
     position: absolute;
     bottom: 20px;
     right: 20px;
     display: block;
     background-color: #fff;
     border-radius: 50%;
     padding: 2px;
     z-index: 999 !important;
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
     background: #fff;
     top: 20px;
     z-index: 999;
     font-weight: 600;
     width: 90px;
     height: 90px;
     text-align: center;
     font-size: 14px;
     padding-top: 25px;
 }

 .blog-3:hover .date-box {
     color: #fff;
 }

 .blog-3:hover .date-box span {
     color: #fff;
 }

 .blog-3 .date-box span {
     font-size: 27px;
     font-weight: 700;
     margin-bottom: 2px;
 }

 .b-photo2 {
     background: url(../img/blog/blog-1.html);
 }

 .b-photo3 {
     background: url(../img/blog/blog-2.html);
 }

 .b-photo4 {
     background: url(../img/blog/blog-3.html);
 }

 .b-photo5 {
     background: url(../img/blog/blog-1.html);
 }

 .blog-3:before {
     content: "";
     top: 0;
     position: absolute;
     height: 100%;
     width: 100%;
     z-index: 9;
     border-radius: 10px;
     opacity: 1;
     background: linear-gradient(0, #2C3E5000087, rgb(102 73 69 / 3%));
 }

 .blog-3 p {
     color: #fff;
     margin-bottom: 0;
 }

 .blog-3 h3 {
     font-size: 22px;
     font-weight: 500;
     margin-bottom: 10px;
     color: #fff;
 }

 .blog-3 h3 a {
     color: #fff;
 }

 .blog-3 .blog-info {
     position: absolute;
     bottom: 30px;
     left: 25px;
     right: 25px;
     z-index: 999;
 }

 .blog-4 {
     position: relative;
     text-align: left;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     margin: 40px 0 30px;
     border: none;
     background: #fff;
     padding: 70px 30px 30px;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .blog-4:hover {
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
     background: linear-gradient(0, #0100af, rgb(10 0 96 / 99%));
     z-index: 999;
 }

 .blog-4 .blog-photo {
     top: 0;
     left: 0;
     opacity: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     visibility: hidden;
     position: absolute;
     border-radius: 50px;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
 }

 .blog-4 .body {
     z-index: 1;
     position: relative;
 }

 .blog-4 .body h5 {
     font-size: 16px;
     margin-bottom: 10px;
     font-weight: 400;
 }

 .blog-4 .body h3 {
     margin-bottom: 15px;
     font-size: 20px;
     font-weight: 500;
 }

 .blog-4 .body p {
     margin-bottom: 15px;
 }

 .blog-4 .profile-user {
     position: absolute;
     top: -40px;
     z-index: 20;
 }

 .blog-4 .profile-user img {
     box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
     width: 80px;
     height: 80px;
     margin-bottom: 20px;
     webkit-border-radius: 50% / 14%;
     border-radius: 50% / 14%;
 }

 .blog-4:hover .blog-photo {
     opacity: 0.5;
     visibility: visible;
     -webkit-transform: scale(1);
     transform: scale(1);
     z-index: -999;
 }

 .blog-4 .blog-photo {
     top: 0;
     left: 0;
     opacity: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     visibility: hidden;
     position: absolute;
     border-radius: 0;
     -webkit-transition: all 0.5s ease;
     transition: all 0.5s ease;
     -webkit-transform: scale(0.7);
     transform: scale(0.7);
 }

 .blog-4:hover .body h5,
 .blog-4:hover .body h3,
 .blog-4:hover .body p,
 .blog-4:hover .body a {
     color: #fff;
 }

 .blog-big {
     box-shadow: none;
 }

 .blog-big:hover {
     box-shadow: none;
 }

 .blog-big .detail {
     padding: 30px 30px 25px;
 }

 .blog-big:hover {
     -webkit-transform: translateY(0px);
     transform: translateY(0px);
 }

 .blog-big {
     margin-bottom: 0;
 }

 .blog-big .detail h3 {
     font-size: 22px;
     margin: 15px 0;
 }

 .main-footer-1 {
     padding-top: 80px;
     background: url(../img/footer.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     background-color: #fff;
 }

 .main-footer-1 h4 {
     font-size: 22px;
     margin-bottom: 30px;
     font-weight: 500;
 }

 .main-footer-1 .footer-item {
     margin-bottom: 50px;
 }

 .main-footer-1 .footer-inner .links li {
     margin-bottom: 15px;
     position: relative;
     line-height: 20px;
     font-size: 15px;
 }

 .main-footer-1 .footer-inner .links li .link-inner span {
     cursor: pointer;
     display: inline-block;
     position: relative;
     transition: 0.5s;
     color: #343434;
     font-weight: 400;
     font-family: "Futura Bk BT";
 }

 .main-footer-1 .footer-inner .links li .link-inner span:after {
     content: '\00bb';
     position: absolute;
     opacity: 0;
     top: 0;
     left: -20px;
     transition: 0.5s;
 }

 .main-footer-1 .footer-inner .links li .link-inner {
     display: inline-block;
     transition: all 0.5s;
     cursor: pointer;
     color: #343434;
     position: relative;
     line-height: 20px;
     font-size: 15px;
 }

 .main-footer-1 .footer-inner .links li .link-inner:hover {
     color: #e6e9ec;
 }

 .main-footer-1 .footer-inner .links li .link-inner:hover span {
     padding-left: 15px;
 }

 .main-footer-1 .footer-inner .links li .link-inner:hover span:after {
     opacity: 1;
     left: 0;
 }

 .main-footer-1 .footer-inner p {
     font-size: 16px;
 }

 .main-footer-1 .footer-inner .contact-info li {
     margin-bottom: 15px;
     font-size: 16px;
     font-weight: 400;
     position: relative;
     padding-left: 25px;
     font-weight: 400;
     font-family: "Futura Bk BT";
 }

 .main-footer-1 .footer-inner .contact-info li i {
     left: 0;
     position: absolute;
     line-height: 22px;
 }

 .main-footer-1 .footer-inner .contact-info li a {
     color: #343434;
 }

 .main-footer-1 .text {
     margin-right: 30px;
 }

 .main-footer-1 .f-logo {
     margin-bottom: 10px;
     height: 50px;
 }

 .main-footer-1 .sub-footer {
     margin-top: 30px;
 }

 .main-footer-1 .sub-footer {
     padding: 20px 0;
     border-top: solid 1px #5f5f5f54;
 }

 .main-footer-1 .sub-footer .copy {
     margin: 0;
     font-size: 16px;
     color: #343434;
     line-height: 45px;
 }

 .main-footer-1 .sub-footer .copy a {
     color: #343434;
 }

 .main-footer-1 .sub-footer .copy a:hover {
     text-decoration: underline;
 }

 .main-footer-1 .sub-footer .social-list {
     float: right;
 }

 .main-footer-1 .sub-footer .social-list li {
     display: inline-block;
     font-size: 16px;
     text-align: center;
 }

 .main-footer-1 .sub-footer .social-list li a {
     margin-left: 2px;
     color: #fff;
     width: 45px;
     height: 45px;
     line-height: 45px;
     display: inline-block;
     border-radius: 3px;
 }

 .sub-footer .facebook-bg:hover {
     background: #3b62b5 !important;
 }

 .sub-footer .twitter-bg:hover {
     background: #56d7fe !important;
 }

 .sub-footer .google-bg:hover {
     background: #f15446 !important;
 }

 .sub-footer .linkedin-bg:hover {
     background: #0882c3 !important;
 }

 .main-footer-1 .footer-inner form .form-control {
     width: 81%;
     height: 50px;
     padding: 10px 15px;
     border-radius: 0;
     font-size: 16px;
     outline: 0;
     background: #e7e3e3;
     border: 1px solid #e7e3e3;
 }

 .main-footer-1 .form-inline .btn {
     width: 19%;
     border-radius: 0;
     padding: 11px 13px 10px;
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     font-size: 15px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .main-footer-1 .footer-inner .f-border {
     width: 30px;
     height: 2px;
     background: #b2b3b5;
     margin-bottom: 30px;
     border-radius: 50px;
 }

 .main-footer-2 {
     text-align: center;
     padding-top: 50px;
     background: url(../img/footer.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     background-color: #00183E;
 }

 .main-footer-2 .footer-menu ul {
     margin-bottom: 35px;
 }

 .main-footer-2 .footer-menu ul li,
 .footer-menu ul li a {
     display: inline-block;
     position: relative;
 }

 .main-footer-2 .footer-menu ul li a {
     color: #fff;
     margin-right: 40px;
     font-size: 15px;
     text-transform: uppercase;
     margin-bottom: 10px;
 }

 .main-footer-2 .footer-menu ul li a:before {
     position: absolute;
     top: 3px;
     right: -20px;
     width: 1px;
     height: 15px;
     background-color: #fff;
     content: "";
     opacity: .4;
 }

 .main-footer-2 .footer-menu ul li a:hover {
     color: #e9e6e6;
 }

 .main-footer-2 .footer-menu ul li:last-child a:before {
     opacity: 0;
 }

 .main-footer-2 .social-media .social-list {
     margin-bottom: 50px;
 }

 .main-footer-2 .logo-image {
     margin-bottom: 35px;
 }

 .main-footer-2 img {
     height: 50px;
 }

 .main-footer-2 .copy-right {
     border-top: solid 1px #a3a3a340;
     padding: 25px 0;
     text-align: center;
     font-size: 15px;
 }

 .main-footer-2 .copy-right p {
     text-align: center;
     color: #fff;
     margin-bottom: 0;
     font-size: 15px;
 }

 .main-footer-2 .copy-right p a {
     color: #fff;
 }

 .main-footer-3 {
     background-color: #202020;
     z-index: 0;
     position: relative;
 }

 .main-footer-3::before {
     position: absolute;
     content: '';
     background-image: url(../img/foot-png.html);
     background-position: bottom center;
     background-repeat: no-repeat;
     background-size: auto 80%;
     width: 100%;
     height: 100%;
     opacity: 0.1;
 }

 .main-footer-3 .container {
     z-index: 999 !important;
     color: #fff;
 }

 .main-footer-3 ul li a {
     color: #cecece;
 }

 .main-footer-3 h4 {
     font-size: 22px;
     margin-bottom: 7px;
     font-weight: 400;
     color: #e8e7e7;
 }

 .main-footer-3 .footer-item {
     margin-bottom: 60px;
 }

 .main-footer-3 .footer-inner .links li {
     margin-bottom: 10px;
     font-size: 15px;
     font-weight: 400;
     padding-left: 20px;
     position: relative;
     line-height: 20px;
 }

 .main-footer-3 .footer-inner .links li a i {
     left: 0;
     position: absolute;
     top: 0;
     line-height: 22px;
 }

 .main-footer-3 .footer-inner .links li:last-child {
     margin-bottom: 0;
 }

 .main-footer-3 .footer-inner .links li a:hover {
     color: #efe9e9;
 }

 .main-footer-3 a {
     color: #cecece;
 }

 .main-footer-3 .footer-inner p {
     font-size: 15px;
     color: #cecece;
     z-index: 999;
 }

 .main-footer-3 .footer-inner p a {
     color: #cecece;
 }

 .main-footer-3 .footer-inner .contact-info li {
     color: #cecece;
     font-size: 15px;
     line-height: 45px;
     margin-bottom: 10px;
     font-weight: 400;
     position: relative;
     padding-left: 55px;
 }

 .main-footer-3 .footer-inner .contact-info li i {
     font-size: 16px;
     float: left;
     left: 0;
     position: absolute;
     width: 45px;
     height: 45px;
     text-align: center;
     line-height: 45px;
     background: #2C3E50;
     border-radius: 50px;
 }

 .main-footer-3 .social-media {
     float: right;
 }

 .main-footer-3 .social-media .icon {
     margin: 0 0 3px 4px;
 }

 .main-footer-3 .social-media .icon {
     background: #2C3E50;
     color: #fff !important;
 }

 .main-footer-3 .f-logo {
     margin-bottom: 0px;
     height: 50px;
 }

 .main-footer-3 .footer-gallery {
     max-width: 255px;
     margin-left: auto;
 }

 .main-footer-3 .footer-inner {
     padding: 80px 0 20px;
 }

 .sub-main-footer-3 {
     padding: 25px 0 22px;
     border-top: solid 1px #ffffff2e;
     text-align: center;
     margin-bottom: 0;
     color: #fff;
 }

 .sub-main-footer-3 p {
     margin-bottom: 0;
     color: #cecece;
     text-align: left;
     line-height: 44px;
 }

 .main-footer-3 .form-inline {
     width: 100%;
     border-radius: 100px;
     background: #fff;
 }

 .main-footer-3 .subscribe-newsletter .form-control {
     width: 75%;
     height: 60px;
     padding: 10px 30px;
     font-size: 17px;
     outline: 0;
     border-radius: 3px;
     border: transparent;
     margin-right: 3%;
 }

 .main-footer-3 .subscribe-newsletter .btn {
     border: none;
     color: #fff;
     padding: 15px 5px 15px 5px;
     height: 60px;
     font-size: 15px;
     top: 0;
     right: 0;
     text-transform: inherit;
     font-weight: 400;
     border-radius: 3px;
     width: 22%;
 }

 .main-footer-3 .subscribe-newsletter {
     padding: 40px 0;
     border-bottom: solid 1px #ffffff2e;
 }

 .main-footer-3 .subscribe-newsletter .newsletter-content-wrap {
     max-width: 550px;
     margin-left: auto;
 }

 .main-footer-3 .subscribe-newsletter h3 {
     color: #fff;
     margin-bottom: 0;
     line-height: 60px;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 27px;
 }

 .main-footer-3 .recent-posts .media h5 a {
     color: #919398;
 }

 .main-footer-3 .footer-inner .text {
     margin-right: 30px;
 }

 .main-footer-3 .s-border {
     background: #ffffff2e;
 }

 .main-footer-3 .m-border {
     background: #ffffff2e;
 }

 .main-footer-3 .footer-gallery ul li {
     float: left;
     width: 75px;
     height: 75px;
     margin: 0 10px 10px 0;
     position: relative;
     overflow: hidden;
     border-radius: 5px;
 }

 .main-footer-3 .footer-gallery ul li img {
     width: 100%;
     -webkit-transition: .3s;
     transition: .3s;
     border-radius: 5px;
     cursor: pointer;
 }

 .main-footer-3 .footer-gallery ul li:hover img {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
     border-radius: 5px;
 }

 .main-footer-3 .social-media .icon span {
     color: #fff;
 }

 .main-footer-3 .sub-footer {
     padding: 25px 0 22px;
     border-top: solid 1px #ffffff2e;
     text-align: center;
     margin-bottom: 0;
     color: #fff;
 }

 .main-footer-3 .sub-footer p {
     margin-bottom: 0;
     color: #cecece;
     text-align: left;
     line-height: 44px;
 }

 .lines {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 100%;
     z-index: -1;
 }

 .line {
     position: absolute;
     width: 1px;
     height: 100%;
     top: 0;
     left: 50%;
     background: rgba(255, 255, 255, 0.1);
     overflow: hidden;
 }

 .line::after {
     content: '';
     display: block;
     position: absolute;
     height: 15vh;
     width: 100%;
     top: -50%;
     left: 0;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #faa93a 75%, #faa93a 100%);
     animation: drop 7s 0s infinite;
     animation-fill-mode: forwards;
     animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);
     z-index: -888;
 }

 .line:nth-child(1) {
     margin-left: -30%;
 }

 .line:nth-child(1)::after {
     animation-delay: 1s;
 }

 .line:nth-child(3) {
     margin-left: 30%;
 }

 .line:nth-child(3)::after {
     animation-delay: 2s;
 }

 .line:nth-child(4) {
     margin-left: -15%;
 }

 .line:nth-child(4)::after {
     animation-delay: 3s;
 }

 .line:nth-child(5) {
     margin-left: 15%;
 }

 .line:nth-child(5)::after {
     animation-delay: 4s;
 }

 @keyframes drop {
     0% {
         top: -50%;
     }
     100% {
         top: 110%;
     }
 }

 .social-media .social-list {
     display: inline-flex;
 }

 .social-media .icon {
     position: relative;
     background: #f3f3f3;
     border-radius: 3px;
     margin: 0 4px 3px 0;
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 18px;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
     cursor: pointer;
     transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .social-media .tooltip {
     position: absolute;
     top: 0;
     font-size: 14px;
     background-color: #ffffff;
     color: #ffffff;
     padding: 5px 8px;
     border-radius: 5px;
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
     opacity: 0;
     pointer-events: none;
     transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .social-media .tooltip::before {
     position: absolute;
     content: "";
     height: 8px;
     width: 8px;
     background-color: #ffffff;
     bottom: -3px;
     left: 50%;
     transform: translate(-50%) rotate(45deg);
     transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 }

 .social-media .icon span {
     color: #2C3E50;
 }

 .social-media .icon:hover span {
     color: #fff;
 }

 .social-media .icon:hover .tooltip {
     top: -45px;
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
 }

 .social-media .icon:hover span,
 .social-media .icon:hover .tooltip {
     text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1);
 }

 .social-media .facebook:hover,
 .social-media .facebook:hover .tooltip,
 .social-media .facebook:hover .tooltip::before {
     background-color: #3b5999;
     color: #ffffff;
 }

 .social-media .twitter:hover,
 .social-media .twitter:hover .tooltip,
 .social-media .twitter:hover .tooltip::before {
     background-color: #46c1f6;
     color: #ffffff;
 }

 .social-media .instagram:hover,
 .social-media .instagram:hover .tooltip,
 .social-media .instagram:hover .tooltip::before {
     background-color: #e1306c;
     color: #ffffff;
 }

 .social-media .github:hover,
 .social-media .github:hover .tooltip,
 .social-media .github:hover .tooltip::before {
     background-color: #333333;
     color: #ffffff;
 }

 .social-media .youtube:hover,
 .social-media .youtube:hover .tooltip,
 .social-media .youtube:hover .tooltip::before {
     background-color: #de463b;
     color: #ffffff;
 }

 .posts-by-category ul {
     margin: 0;
     padding: 0;
     text-align: left;
 }

 .posts-by-category ul li {
     padding-bottom: 7px;
     margin-bottom: 7px;
     border-bottom: dashed 1px #ededed;
 }

 .posts-by-category ul li a {
     color: #343434;
     font-weight: 400;
     font-size: 15px;
 }

 .posts-by-category ul li a span {
     float: right;
     color: inherit;
 }

 .posts-by-category ul li:last-child {
     border-bottom: none;
     padding: 0;
     margin: 0;
 }

 .intro-section-2 {
     background: url(../img/img-4.html);
     z-index: 1;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     padding: 40px 0 35px;
     border-radius: 0;
 }

 .intro-section-2:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #cf002b;
     content: "";
     z-index: -1;
     opacity: 0.7;
 }

 .intro-section-2 p {
     color: #fff !important;
     margin-bottom: 0;
     font-weight: 400;
     font-size: 16px;
 }

 .intro-section-2 form .form-control {
     width: 68%;
     height: 56px;
     padding: 10px 15px;
     font-size: 15px;
     border-radius: 50px 0 0 50px;
     outline: 0;
     font-weight: 500;
     border: 1px solid #fff;
 }

 .intro-section-2 .btn {
     width: 32%;
     padding: 11px 5px 10px;
     text-align: center;
     border-radius: 0 50px 50px 0;
     font-size: 15px;
     font-weight: 500;
     color: #fff;
 }

 .intro-section-2 .intro-text h3 {
     font-size: 27px;
     margin-bottom: 5px;
     color: #fff;
     line-height: normal;
     font-weight: 400;
 }

 .intro-section-2 .Subscribe-box {
     padding: 2px;
     border-radius: 50px;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     margin-top: 4.5px;
 }

 .tags-box ul li {
     display: inline-block;
 }

 .tags-box ul li a {
     border-radius: 3px;
     color: #343434;
     display: inline-block;
     font-size: 15px;
     margin: 0 0 3px;
     padding: 5px 12px;
     font-weight: 400;
     text-transform: capitalize;
     border: 1px solid #F7F7F7;
     background: #F7F7F7;
 }

 .tags-box ul li a:hover {
     color: #fff;
 }

 .recent-posts-box img {
     width: 70px;
     border-radius: 3px;
 }

 .recent-posts-box h5 {
     margin-bottom: 7px;
     font-weight: 400;
 }

 .recent-posts-box h5 a {
     font-size: 20px;
 }

 .recent-posts-box .listing-post-meta {
     font-size: 14px;
     font-weight: 400;
     color: #343434;
 }

 .recent-posts-box .listing-post-meta a {
     color: #343434;
 }

 .counters-1 {
     background: #f3f3f3;
 }

 .counters-1 .border-r {
     border-right: solid 1px #2C3E500001a;
 }

 .counters-1 .border-l {
     border-left: solid 1px #2C3E500001a;
 }

 .counter-box-1 {
     position: relative;
     z-index: 2;
     -webkit-transition: .5s;
     transition: .5s;
     overflow: hidden;
     transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
     padding: 80px 0;
     text-align: center;
 }

 .counter-box-1:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .counter-box-1 h1 {
     margin: 20px 0 10px;
     font-weight: 700;
 }

 .counter-box-1 .icon {
     font-size: 45px;
     line-height: 100px;
     width: 100px;
     height: 100px;
     margin: 0 auto;
     background: #fff;
     border-radius: 100%;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     display: inline-block;
     vertical-align: middle;
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .counter-box-1:hover .icon i {
     color: #fff;
 }

 .counter-box-1:hover .icon {
     transform: rotateY(360deg);
 }

 .counter-box-1 p {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 0;
 }

 .counters-2 {
     background: url(../img/img-1.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     padding: 0;
 }

 .counters-2:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #001466db;
     content: "";
     z-index: -1;
     opacity: 0.5;
 }

 .counters-2 .border-r {
     border-right: solid 1px #2C3E500001a;
 }

 .counters-2 .border-l {
     border-left: solid 1px #2C3E500001a;
 }

 .counter-box-2 {
     position: relative;
     z-index: 2;
     -webkit-transition: .5s;
     transition: .5s;
     overflow: hidden;
     transition: 0.3s cubic-bezier(0.24, 0.74, 0.58, 1);
     padding: 80px 0;
     text-align: center;
 }

 .counter-box-2:hover {
     -webkit-transform: translateY(-5px);
     transform: translateY(-5px);
 }

 .counter-box-2 h1 {
     margin: 15px 0 10px;
     font-weight: 700;
 }

 .counter-box-2 i {
     font-size: 60px;
     color: #fff;
     display: inline-block;
     vertical-align: middle;
     transition: 0.6s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .counter-box-2:hover i {
     color: #fff;
 }

 .counter-box-2:hover i {
     transform: rotateY(360deg);
 }

 .counter-box-2 p {
     font-size: 16px;
     font-weight: 500;
     margin-bottom: 0;
     color: #fff;
 }

 .counters-3 {
     padding: 100px 0 70px;
     background: url(../img/img-1.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
 }

 .counters-3:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: #201297;
     content: "";
     z-index: -1;
     opacity: 0.4;
 }

 .counter-box-3 {
     margin-bottom: 30px;
     border-radius: 5px;
     position: relative;
 }

 .counter-box-3 .icon {
     width: 75px;
     margin-right: 15px;
     height: 75px;
     text-align: center;
     line-height: 75px;
     border: dashed 1px #fff;
     font-size: 35px;
     -webkit-border-radius: 50% / 14%;
     border-radius: 50% / 14%;
     display: inline-block;
     vertical-align: middle;
     transition: 0.9s cubic-bezier(0.24, 0.74, 0.58, 1);
 }

 .counter-box-3 i {
     font-size: 35px;
     color: #fff;
     line-height: inherit;
 }

 .counter-box-3:hover .icon {
     transform: rotateY(360deg);
 }

 .counter-box-3 h2 {
     font-weight: 600;
     margin: 0 0 3px;
     font-size: 30px;
     text-align: left;
 }

 .counter-box-3 p {
     margin: 0;
     font-size: 16px;
     font-weight: 500;
     color: #fff;
 }

 .counters-4 {
     padding: 80px 0;
     background: rgba(0, 0, 0, 0.04) url(../img/img-3.html) top left repeat;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     position: relative;
     z-index: 1;
 }

 .counters-4 .counters-info-section {
     padding: 40px 40px 10px;
     background: #fff;
 }

 .counters-4 .counter-box {
     max-width: 240px;
     margin: 0 auto 40px;
     border-radius: 5px;
 }

 .counters-4 .counter-box-3 .icon {
     border: dashed 1px #eceaeb;
     background: #f1f1f1;
 }

 .counters-4 .counter-box-3 i {
     font-size: 35px;
     line-height: inherit;
 }

 .counters-4 .counter-box-3 p {
     margin: 0;
     font-size: 16px;
     letter-spacing: normal;
     color: #343434;
     text-transform: initial;
 }

 .counters-4 .counter-box-3 h2 {
     margin: 0 0 5px;
 }

 .counter-box-3:hover .icon i {
     color: #fff;
 }

 .contact-section {
     background: #eef1f6;
 }

 .contact-section a {
     text-decoration: none;
 }

 .contact-section .bg-login-ing {
     background: url(../img/img-1.html) top left repeat;
     background-size: cover;
     top: 0;
     bottom: 0;
     min-height: 100vh;
     text-align: left;
     z-index: 10;
     opacity: 1;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 30px 30px 0;
 }

 .contact-section .bg-login-ing:after {
     position: absolute;
     right: -1px;
     top: 0;
     width: 288px;
     height: 100%;
     content: "";
     z-index: -1;
     background: url(../img/bg-login.html) top left repeat;
     min-height: 100vh;
 }

 .contact-section .form-check-input:checked {
     display: none;
 }

 .contact-section .form-section {
     min-height: 100vh;
     position: relative;
     text-align: center;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 30px;
 }

 .contact-section .form-section .form-box {
     width: 100%;
     position: relative;
 }

 .contact-section .login-inner-form {
     max-width: 450px;
     color: #343434;
     width: 100%;
     text-align: center;
 }

 .contact-section .login-inner-form p {
     color: #343434;
     font-size: 16px;
     margin: 0;
 }

 .contact-section .login-inner-form p a {
     color: #343434;
     font-weight: 500;
 }

 .contact-section .login-inner-form img {
     margin-bottom: 20px;
     height: 100px;
 }

 .contact-section .login-inner-form h3 {
     margin: 0 0 30px;
     font-size: 22px;
     font-weight: 500;
 }

 .contact-section .login-inner-form .form-group {
     margin-bottom: 25px;
 }

 .contact-section .login-inner-form .form-control {
     outline: none;
     width: 100%;
     padding: 10px 25px;
     font-size: 16px;
     outline: 0;
     font-weight: 400;
     color: #343434;
     height: 55px;
     border-radius: 3px;
     border: 1px solid #fff;
 }

 .contact-section .login-inner-form .btn-md {
     cursor: pointer;
     height: 55px;
     color: #fff;
     font-size: 16px;
     font-weight: 500;
     border-radius: 3px;
 }

 .contact-section .login-inner-form input[type=checkbox],
 input[type=radio] {
     margin-right: 3px;
 }

 .contact-section .login-inner-form button:focus {
     outline: none;
     outline: 0 auto -webkit-focus-ring-color;
 }

 .contact-section .login-inner-form .btn-theme.focus,
 .btn-theme:focus {
     box-shadow: none;
 }

 .contact-section .login-inner-form .btn-theme {
     border: none;
     color: #fff;
 }

 .contact-section .login-inner-form .checkbox .terms {
     margin-left: 3px;
 }

 .contact-section .informeson {
     color: #fff;
     max-width: 450px;
     margin: 0 auto 0 150px;
 }

 .contact-section .informeson h1 {
     color: #fff;
     margin-bottom: 20px;
     font-size: 35px;
     font-weight: 600;
     text-transform: uppercase;
 }

 .contact-section .informeson p {
     color: #ebe8e8;
     margin-bottom: 25px;
     line-height: 25px;
     font-size: 15px;
 }

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

 .contact-section .btn-section {
     margin-bottom: 30px;
 }

 .contact-section .login-inner-form .terms {
     margin-left: 3px;
 }

 .contact-section .login-inner-form .form-check {
     float: left;
     margin-bottom: 0;
     padding-left: 0;
 }

 .contact-section .login-inner-form .form-check a {
     color: #343434;
     float: right;
 }

 .contact-section .login-inner-form .form-check-input {
     display: none;
 }

 .contact-section .login-inner-form .form-check label::before {
     content: "";
     display: inline-block;
     position: absolute;
     width: 20px;
     top: 2px;
     height: 20px;
     margin-left: -7px;
     border: 1px solid #fff;
     border-radius: 2px;
     background-color: #fff;
 }

 .contact-section .login-inner-form .form-check-label {
     padding-left: 25px;
     margin-bottom: 0;
     font-size: 16px;
     color: #343434;
 }

 .contact-section .login-inner-form input[type=checkbox]:checked+label:before {
     font-weight: 600;
     color: #fff;
     line-height: 17px;
     font-size: 14px;
     content: "\2713";
     padding-left: 1px;
 }

 .contact-section .login-inner-form input[type=checkbox],
 input[type=radio] {
     margin-top: 4px;
 }

 .contact-section .login-inner-form .checkbox a {
     font-size: 16px;
     color: #343434 !important;
     float: right;
     font-weight: 400;
 }

 .contact-section h1 {
     color: #fff;
     font-size: 35px;
     margin-bottom: 20px;
 }

 .contact-section .typing>* {
     overflow: hidden;
     white-space: nowrap;
     animation: typingAnim 3s steps(50);
 }

 @keyframes typingAnim {
     from {
         width: 0
     }
     to {
         width: 100%
     }
 }

 .contact-section .social-list a {
     transition: transform 0.4s linear 0s, border-top-left-radius 0.1s linear 0s, border-top-right-radius 0.1s linear 0.1s, border-bottom-right-radius 0.1s linear 0.2s, border-bottom-left-radius 0.1s linear 0.3s;
     border-radius: 50%;
 }

 .contact-section .social-list a i {
     transition: transform 0.4s linear 0s;
 }

 .contact-section .social-list a:hover {
     transform: rotate(360deg);
     border-radius: 50px;
 }

 .contact-section .social-list a:hover i {
     transform: rotate(-360deg);
 }

 .contact-section .social-list .buttons {
     display: flex;
 }

 .contact-section .social-list a {
     text-decoration: none !important;
     color: #fff;
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 3px;
     margin: 0 4px 5px;
     font-size: 20px;
     overflow: hidden;
     position: relative;
     background: #fff;
 }

 .contact-section .social-list a i {
     position: relative;
     z-index: 3;
 }

 .contact-section .social-list a.facebook-bg {
     color: #4867aa;
 }

 .contact-section .social-list a.twitter-bg {
     color: #33CCFF;
 }

 .contact-section .social-list a.google-bg {
     color: #db4437;
 }

 .contact-section .social-list a.dribbble-bg {
     color: #2392e0;
 }

 .categories .col-pad {
     padding: 0 7.5px;
 }

 .category {
     overflow: hidden;
     position: relative;
     text-align: center;
     margin: 0 0 15px 0;
     border-radius: 3px;
 }

 .category:hover:before {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     display: block;
     content: "";
     background-color: #262525;
     opacity: 0.4;
     z-index: -11;
     transition: 0.3s ease-out;
 }

 .category_bg_box {
     transition: all 0.35s;
     border-radius: 3px;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     height: 220px;
 }

 .category_long_bg {
     height: 455px;
 }

 .cat-1-bg {
     background-image: url(../img/popular-places/popular-places-1.html);
 }

 .cat-2-bg {
     background-image: url(../img/popular-places/popular-places-2.html);
 }

 .cat-3-bg {
     background-image: url(../img/popular-places/popular-places-3.html);
 }

 .cat-4-bg {
     background-image: url(../img/popular-places/popular-places-5.html);
 }

 .cat-5-bg {
     background-image: url(../img/popular-places/popular-places-4.html);
 }

 .category:hover .category_bg_box {
     transform: scale(1.06);
     transition: transform 0.35s ease-out;
 }

 .category .category-overlay {
     border-radius: 3px;
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
     transition: background-color .15s linear;
     background-color: rgba(36, 42, 53, 0.4);
 }

 .category-subtitle {
     white-space: nowrap;
     color: #fff;
     font-weight: 400;
     font-size: 14px;
     text-align: left;
     letter-spacing: 0.5px;
 }

 .category-content {
     display: block;
     left: 25px;
     position: absolute;
     top: 15px;
     transition: all .15s linear;
 }

 .category-content h3 {
     margin-bottom: 2px;
     text-align: left;
     font-weight: 400;
 }

 .category-content h3 a {
     color: #fff;
     font-size: 22px;
 }

 .category:hover .category-view-more {
     visibility: visible;
 }

 .listings-parallax {
     background: url(../img/listings-parallax.html);
     z-index: 0;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     color: #efefef;
     padding-top: 80px;
 }

 .listings-parallax .text {
     display: inline-block;
 }

 .social-links .social-list li {
     display: inline-block;
     font-size: 16px;
 }

 .social-links .social-list li a {
     font-size: 16px;
     width: 45px;
     height: 45px;
     margin-bottom: 2px;
     border-radius: 3px;
     display: inline-block;
     text-align: center;
     line-height: 45px;
 }

 .social-links .social-list li a i {
     line-height: 45px;
 }

 .option-bar {
     margin-bottom: 30px;
     padding: 10px 15px;
     background: #fff;
 }

 .option-bar .sort {
     color: #262525;
     font-size: 14px;
     font-weight: 500;
     margin-right: 10px;
     line-height: 35px;
 }

 .sorting-options span {
     line-height: 35px;
 }

 .sorting-options {
     float: right;
 }

 .sorting-options2 .bootstrap-select {
     width: 200px !important;
 }

 .sorting-options2 .search-fields {
     min-height: 36px;
     padding: 0;
 }

 .sorting-options2 .dropdown-toggle::after {
     margin-left: .0em;
 }

 .sorting-options2 .bootstrap-select>.dropdown-toggle {
     padding-right: 30px;
 }

 .sorting-options2 .bootstrap-select button {
     color: #545454 !important;
     font-weight: 500;
     border-radius: 3px;
     outline: none;
     padding: 0px 15px 0px 15px;
     line-height: 36px;
 }

 .change-view-btn {
     border-radius: 3px;
     background: transparent;
     padding: 5px 9px;
     margin: 0 2px;
     display: inline-block;
 }

 .change-view-btn:hover {
     color: #fff;
 }

 .active-view-btn {
     color: #fff !important;
     padding: 5px 9px;
 }

 .active-view-btn:hover {
     background: transparent;
 }

 .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
     background-color: #ccc !important;
     filter: "alpha(opacity=20)";
     -ms-filter: "alpha(opacity=20)";
 }

 .comments {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 .comment {
     margin: 0 0 30px 0;
     position: relative;
     display: inline-block;
     width: 100%;
 }

 .comment p {
     font-size: 15px;
     line-height: 25px;
 }

 .comment h5 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 5px;
 }

 .comment-author {
     border-radius: 50%;
     height: 60px;
     width: 60px;
     left: 0;
     position: absolute;
     top: 0;
 }

 .comment-author a img {
     bottom: 2px;
     border-radius: 7%;
     display: block;
     width: 100%;
     position: absolute;
     top: 2px;
     box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
 }

 .t-s {
     margin-top: 40px;
 }

 .t-s h2 {
     font-weight: 500;
     font-size: 22px;
     margin: 0 0 20px;
 }

 .comment-content {
     padding-bottom: 10px;
     border-bottom: dashed 1px #d6d6d6;
     margin: 0 0 0 77px;
 }

 .mrg-bdr {
     margin-bottom: 0;
     border-bottom: none;
     padding: 0;
 }

 .comment-content h3 {
     font-size: 18px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .comment-content .comment-rating {
     color: orange;
 }

 .comment-meta {
     margin-bottom: 10px;
     font-size: 14px;
     color: #343434;
     font-weight: 400;
 }

 .comment-meta a {
     margin-left: 10px;
     font-weight: 500;
 }

 .comments ul {
     list-style: none;
     margin: 0 0 0 80px;
     padding: 0;
 }

 .comment-b .comment-content {
     padding-bottom: 0;
     border-bottom: transparent;
     margin: 0 0 0 85px;
 }

 .comment-b .comment-content p {
     margin-bottom: 0;
 }

 .comment-b {
     margin-bottom: 0;
 }

 .comment-content ul {
     margin-bottom: 20px;
 }

 .comment-content ul li {
     font-weight: 500;
     color: #262525;
     line-height: 30px;
     font-size: 14px;
 }

 .comment-content ul li span {
     font-weight: 500;
     color: #262525;
 }

 .comment-content ul li a {
     color: #262525;
 }

 .comment-content .btn-1 {
     border: none;
     cursor: pointer;
     padding: 6px 20px;
     display: inline-block;
     outline: none;
     font-size: 14px;
     border-radius: 25px;
     font-weight: 500;
     background: #f3f3f3;
     color: #343434;
 }

 .coming-soon {
     background: url(../img/banner/img-2.html) top left repeat;
     background-size: cover;
     top: 0;
     width: 100%;
     bottom: 0;
     opacity: 1;
     min-height: 100vh;
     position: relative;
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 15px 0;
     text-align: center;
     z-index: 1;
 }

 .coming-soon:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgb(36 10 99 / 63%);
     z-index: -1;
 }

 .coming-soon-inner img {
     margin-bottom: 10px;
     height: 40px;
 }

 .coming-soon-inner {
     text-align: center;
     margin: 0 auto;
     max-width: 820px;
     color: #fff;
 }

 .coming-soon-inner h1 {
     font-weight: 600;
     font-size: 90px;
     color: #fff;
     margin-bottom: 30px;
     text-transform: uppercase;
 }

 .coming-soon-inner h6 {
     color: #fff;
     font-size: 16px;
     margin-bottom: 35px;
     font-weight: 400;
     letter-spacing: 1px;
 }

 .coming-soon-inner ul li {
     display: inline-block;
 }

 .coming-soon-inner ul li a {
     color: #fff;
 }

 .coming-soon ul li a {
     color: #fff;
     width: 45px;
     font-size: 18px;
     height: 45px;
     display: inline-block;
     line-height: 45px;
     margin: 2px;
     border-radius: 3px;
     -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
     box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.2);
 }

 .coming-soon ul li a:hover {
     background: #fff;
     -webkit-box-shadow: 0px 0px 0px 2px #fff;
     box-shadow: 0px 0px 0px 2px #fff;
 }

 .coming-soon-inner .coming-form {
     max-width: 55%;
     margin: 0 auto 35px;
 }

 .coming-soon-inner .bordered-right {
     border-right: 1px solid #848484;
 }

 .coming-form {
     position: relative;
     width: 100%;
     margin-bottom: 20px;
 }

 .coming-form .newsletter-form .form-control {
     border: 1px solid #fff;
     border-radius: 3px;
     box-shadow: none;
     color: #999999;
     padding: 15px 20px 15px 20px;
     height: 50px;
     font-size: 15px;
     background: #fff;
     width: 70%;
 }

 .coming-form .newsletter-form .btn-theme {
     border: none;
     color: #fff;
     padding: 15px 5px 15px 5px;
     position: absolute;
     font-size: 15px;
     height: 50px;
     top: 0;
     right: 0;
     text-transform: inherit;
     font-weight: 400;
     border-radius: 3px;
     margin-left: 20px;
     width: 28%;
 }

 .coming-soon-counter {
     margin-bottom: 30px;
 }

 .coming-soon-counter div {
     display: inline-block;
     font-size: 40px;
     font-weight: 900;
     color: #fff;
     margin: 0 10px 10px;
     width: 120px;
     padding: 10px 2px 20px;
     border-radius: 5px;
     -webkit-box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);
     box-shadow: 0px 0px 0px 2px rgb(255 255 255 / 20%);
 }

 .coming-soon-counter div:last-child {
     border: none;
 }

 .coming-soon-counter div span {
     display: block;
     font-weight: 500;
     text-align: center;
     font-size: 14px;
     color: #fff;
 }

 .ca .team-2 .detail {
     padding: 20px 20px 20px 25px;
     left: -0;
 }

 .social-media-box .social-list li {
     float: left;
 }

 .social-media-box .social-list li a {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     display: inline-block;
     font-size: 18px;
     color: #fff;
     margin: 0 6px 4px 0;
     border-radius: 3px;
 }

 .financing-calculator .form-label {
     margin-bottom: 8px;
     font-size: 12px;
     font-weight: 500;
     color: #343434;
 }

 .financing-calculator .form-group {
     margin-bottom: 20px;
 }

 .brand-box {
     text-align: center;
     display: inline-block;
     width: 100%;
     margin-bottom: 30px;
     padding: 15px 20px 20px;
     background: #fff;
 }

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

 .brand-box img {
     margin-bottom: 0;
 }

 .brand-box h5 {
     font-weight: 500;
     margin: 0;
     font-size: 15px;
     color: #343434;
 }

 .view-all {
     text-align: center;
     position: relative;
 }

 .view-all h3 {
     margin-bottom: 20px;
     font-size: 20px;
     font-weight: 500;
     text-transform: uppercase;
 }

 .view-all ul {
     margin-bottom: 20px;
 }

 .view-all ul li {
     display: inline-block;
 }

 .view-all ul li a {
     width: 45px;
     height: 45px;
     line-height: 45px;
     border-radius: 3px;
     margin-bottom: 5px;
     text-align: center;
     display: inline-block;
     font-size: 16px;
     font-weight: 500;
     box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
     background: white;
     color: #343434;
 }

 .search-brand .form-search .form-control {
     padding: 10px 20px;
     color: #495057 !important;
     min-height: 55px;
     font-size: 17px;
     width: 100%;
     outline: none;
     border-radius: 3px;
     font-weight: 500;
     border: 1px solid #2C3E5000017;
     background: #fff !important;
 }

 .mt-30 {
     margin-top: 30px;
 }

 .content-area {
     padding: 70px 0;
 }

 .content-area-2 {
     margin-bottom: 100px;
 }

 .content-area-3 {
     margin-bottom: 70px;
 }

 .content-area-4 {
     padding: 100px 0 50px;
 }

 .content-area-5 {
     padding: 70px 0 50px 0;
 }

 .content-area-6 {
     padding: 100px 0 50px;
 }

 .content-area-7 {
     padding: 70px 0;
 }

 .content-area-8 {
     padding: 187px 0 70px;
 }

 .content-area-9 {
     padding: 60px 0;
 }

 .content-area-10 {
     padding: 100px 0 60px;
 }

 .content-area-11 {
     padding: 100px 0;
 }

 .theme img {
     margin-bottom: 30px;
 }

 .content-area-12 {
     padding: 100px 0 130px;
 }

 .content-area-13 {
     padding: 100px 0 50px;
 }

 .content-area-14 {
     padding: 120px 0 90px;
 }

 .content-area-15 {
     padding: 120px 0 95px;
 }

 .content-area-16 {
     padding: 207px 0 90px;
 }

 .content-area-17 {
     padding-top: 100px;
 }

 .pagination-box {
     margin-bottom: 25px;
 }

 .pagination {
     padding-left: 0;
     border-radius: 4px;
     display: inline-block;
 }

 .pagination li {
     display: inline-block;
 }

 .pagination>li>a {
     color: #262525;
     font-size: 17px;
     background: #fff;
     font-weight: 500;
 }

 .pagination>li>a:hover {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .pagination>li>a,
 .pagination>li>span {
     border-radius: 0;
     margin: 0 2px 5px;
     padding: 12px 19px;
     text-align: center;
     border: none;
 }

 .pagination>li>a:hover {
     color: #fff;
 }

 .pagination>li>.active {
     color: #fff;
 }

 .page-link:focus {
     box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);
 }

 .show-more-options {
     font-weight: 500;
     font-size: 12px;
     margin-bottom: 20px;
     display: block;
 }

 .sidebar-right .show-more-options {
     font-size: 15px;
 }

 .sidebar-left .show-more-options {
     font-size: 14px;
 }

 .slide-box-btn .slick-prev {
     display: none !important;
 }

 .slide-box-btn .slick-next {
     display: none !important;
 }

 .slide-box {
     padding: 0 15px;
 }

 .partners {
     text-align: center;
     padding: 70px 0;
 }

 .partners img {
     max-width: 260px;
     margin: 0 auto;
 }

 .partners .custom-slider {
     width: 100%;
     margin: auto;
 }

 .partners .slick-slider {
     user-select: none;
 }

 .partners .slick-next {
     right: 0;
     display: none !important;
 }

 .partners .slick-prev {
     left: 0;
     display: none !important;
 }

 .navbar-buttons img {
     width: 45px;
     border-radius: 50px;
     margin: 20px 15px 20px 0;
 }

 .navbar-buttons {
     float: right;
     text-align: right;
 }

 .navbar-buttons ul li {
     float: left;
     margin-left: 35px;
 }

 .navbar-buttons .btn-md {
     border-radius: 50px;
     letter-spacing: normal;
     padding: 12px 30px 10px 30px;
 }

 .navbar-buttons .btn-theme {
     font-weight: 500;
     font-size: 13px;
     letter-spacing: 1px;
 }

 .header-2 {
     padding: 0 15px;
 }

 .sidebar-right {
     margin: 0 0 30px 0;
     background: #fff;
 }

 .sidebar-left {
     margin: 0 0 30px 0;
     background: #fff;
 }

 .widget {
     padding: 30px;
     border-bottom: solid 1px #eaeaea;
 }

 .widget-2 {
     margin-bottom: 40px;
     padding: 30px;
 }

 .widget-3 {
     padding: 30px;
     border-bottom: none;
 }

 .widget .search-fields {
     min-height: 50px;
     padding: 0;
     border-radius: 3px;
     box-shadow: none;
     border: 1px solid #e0e0e0;
     background: #fff;
 }

 .widget .form-group {
     margin-bottom: 20px;
 }

 .widget .form-group .dropdown-toggle::after {
     right: 12px;
 }

 .widget .bootstrap-select button {
     color: #545454 !important;
     font-weight: 500;
     border-radius: 3px;
     outline: none;
     padding: 12px 30px 9px 15px;
 }

 .single-block {
     margin-bottom: 30px;
 }

 .sidebar-title {
     font-size: 21px;
     position: relative;
     margin: 0 0 7px;
     font-weight: 500;
 }

 .s-border {
     width: 40px;
     height: 1px;
     margin-bottom: 2px;
     border-radius: 50px;
     background: #c5c5c5;
 }

 .m-border {
     width: 20px;
     height: 1px;
     margin-bottom: 25px;
     border-radius: 50px;
     background: #c5c5c5;
 }

 .sidebar .search-box {
     padding: 20px 20px 0 20px;
     margin-bottom: 0;
 }

 .form-search {
     position: relative;
 }

 .form-search .form-group {
     margin-bottom: 0;
 }

 .form-search .form-control {
     padding: 10px 17px;
     color: #495057 !important;
     width: 100%;
     min-height: 50px;
     font-size: 15px;
     font-weight: 500;
     border-radius: 3px;
     background: #fff;
     border: 1px solid #dbdbdb;
     box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .06);
 }

 .form-search .btn {
     background: none;
     position: absolute;
     right: 0;
     top: 0;
     padding: 15px 20px 14px 15px;
 }

 .form-search .btn:active,
 .form-search .btn:focus {
     box-shadow: none;
     outline: none;
 }

 .form-search .btn i {
     color: #777;
 }

 .form-search .form-group,
 .form-search .form-control {
     width: 100%;
 }

 .search-brand .form-search {
     max-width: 550px;
     margin: 0 auto;
 }

 .range-slider .ui-slider {
     position: relative;
     text-align: left;
 }

 .range-slider label {
     font-size: 13px;
     color: #343434;
     font-weight: 500;
     margin-bottom: 12px;
 }

 .range-slider .ui-slider .ui-slider-handle {
     position: absolute;
     z-index: 2;
     width: 10px;
     height: 10px;
     border-radius: 0;
     border: 2px solid #66676b;
     cursor: w-resize;
     outline: none;
     top: -4px;
     margin-left: -8px;
     box-shadow: none !important;
 }

 .range-slider .ui-slider .ui-slider-range {
     position: absolute;
     z-index: 1;
     display: block;
     border: 0;
     background-position: 0 0;
 }

 .range-slider .ui-slider .ui-slider-handle {}

 .range-slider .ui-widget-content {
     background-color: #ccc;
 }

 .range-slider .ui-widget-header {}

 .range-slider .ui-slider.ui-state-disabled .ui-slider-handle,
 .range-slider .ui-slider.ui-state-disabled .ui-slider-range {
     filter: inherit;
 }

 .range-slider .ui-slider-horizontal {
     height: 3px;
     border-radius: 10px;
     width: calc(100% - 16px);
     margin-left: 8px;
 }

 .range-slider .ui-slider-horizontal .ui-slider-range {
     top: 0;
     height: 100%;
 }

 .range-slider .ui-slider-horizontal .ui-slider-range-min {
     left: 0;
 }

 .range-slider .ui-slider-horizontal .ui-slider-range-max {
     right: 0;
 }

 .min-value:focus,
 .max-value:focus,
 .min-value,
 .max-value {
     width: 40%;
     display: inline-block;
     border: 0;
     background-color: transparent;
     padding: 0;
     margin: 12px 0 0 0;
     cursor: default;
 }

 .min-value {
     float: left;
     margin-left: -8px;
     width: 40%;
     margin-right: -8px;
     font-size: 14px;
     color: #343434;
     font-weight: 500;
     margin-top: 15px;
 }

 .max-value {
     float: right;
     width: 60%;
     text-align: right;
     margin-right: -8px;
     font-size: 14px;
     color: #343434;
     font-weight: 500;
     margin-top: 15px;
 }

 .sidebar .recent-properties-box .detail header {
     padding-bottom: 0;
 }

 .sub-banner {
     background: rgba(0, 0, 0, 0.04) url(../img/img-2.html) top left repeat;
     background-size: cover;
     height: 400px;
     background-position: center center;
     background-repeat: no-repeat;
     position: relative;
 }

 .sub-banner:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgb(9 25 169 / 40%);
 }

 .sub-banner .breadcrumb-area {
     letter-spacing: 1px;
     text-align: center;
     width: 100%;
     position: absolute;
     top: 50%;
     right: 0;
     left: 0;
 }

 .sub-banner .breadcrumb-area h1 {
     margin: 5px;
     font-weight: 600;
     text-transform: uppercase;
     color: #fff;
     line-height: normal;
     font-size: 27px;
 }

 .sub-banner .breadcrumbs li {
     display: inline-block;
     list-style: none;
     font-size: 16px;
     font-weight: 500;
 }

 .sub-banner .breadcrumbs li a {
     color: #fff;
 }

 .sub-banner .breadcrumbs .active {
     margin-left: 5px;
     color: #fff;
 }

 .sub-banner .breadcrumbs .active:before {
     content: "\f105";
     font-family: "FontAwesome";
     font-size: 14px;
     margin-right: 7px;
     font-weight: 500;
 }

 .blog-social-list {
     float: right;
 }

 .blog-social-list a {
     text-align: center;
     display: inline-block;
     list-style: none;
 }

 .blog-social-list span {
     margin-right: 10px;
     font-weight: 500;
     color: #262525;
 }

 .blog-social-list a {
     width: 38px;
     height: 38px;
     line-height: 38px !important;
     text-align: center;
     display: inline-block;
     font-size: 15px;
     color: rgb(255, 255, 255);
     margin-bottom: 5px;
     border-radius: 5%;
 }

 .blog-social-list a i {
     line-height: 38px;
 }

 .blog-tags a {
     border-radius: 3px;
     color: #343434;
     display: inline-block;
     font-size: 14px;
     margin: 0 0 5px;
     padding: 7.5px 11px;
     font-weight: 500;
     text-transform: capitalize;
     border: 1px solid #F7F7F7;
     background: #F7F7F7;
 }

 .blog-tags span {
     margin-right: 10px;
     font-weight: 500;
     color: #262525;
 }

 .my-address form .form-group {
     margin-bottom: 20px;
 }

 .my-address form .input-text {
     width: 100%;
     padding: 10px 17px;
     font-size: 14px;
     border: 1px solid #e8e7e7;
     outline: none;
     height: 45px;
     border-radius: 3px;
     line-height: 30px;
 }

 .my-address form textarea {
     min-height: 150px;
 }

 .my-address form label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-size: 12px;
     font-weight: 500;
     color: #827f7f;
 }

 .my-address {
     background: #fff;
     padding: 20px;
     box-shadow: 0 0 10px 1px rgba(71, 85, 95, .08);
 }

 .edit-profile-photo {
     position: relative;
     background: #fff;
     box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .23);
     padding: 2px;
 }

 .change-photo-btn {
     display: inline-block;
     position: absolute;
     font-size: 13px;
     bottom: -22px;
     left: 40%;
     width: auto;
     transition: 0.3s;
     cursor: pointer;
     line-height: 28px;
 }

 .photoUpload {
     position: relative;
     overflow: hidden;
     padding: 6px 15.5px 10px;
     cursor: pointer;
     font-size: 14px;
     background: #e8e8e8;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .photoUpload.clip-home {
     position: relative;
 }

 .photoUpload span {
     font-weight: 500;
 }

 .photoUpload input.upload {
     position: absolute;
     top: 0;
     right: 0;
     margin: 0;
     padding: 0;
     cursor: pointer;
     opacity: 0;
     filter: alpha(opacity=0);
 }

 .my-address {
     margin-bottom: 30px;
 }

 .footer .listing-meta span a {
     text-decoration: none;
     float: right;
     margin-left: 15px;
     color: #525252;
 }

 .footer .listing-meta span a i {
     margin-right: 4px;
 }

 .footer .listing-meta span a:hover {
     color: #8c8c8c;
 }

 .heading {
     margin: 0 0 30px;
     font-weight: 500;
 }

 .heading-2 {
     margin: 0 0 20px;
     font-size: 21px;
     font-weight: 500;
 }

 .form-group label,
 .checkbox label {
     font-weight: 700;
     font-size: 12px;
     color: #a0a0a0;
     letter-spacing: .5px;
     margin-bottom: 15px;
 }

 .advanced-search .form-group label,
 .checkbox label {
     color: #343434;
 }

 .range-slider.form-group label,
 .checkbox label {
     font-weight: 500;
 }

 .dashboard {
     position: relative;
     top: 0 !important;
     margin-top: 100px;
     padding: 70px 0;
     z-index: 0;
 }

 .dashboard .dashboard-inner {
     padding-top: 20px;
 }

 .fixed-header {
     position: fixed;
     width: 100%;
     z-index: 9999;
     background: #fff;
 }

 .dashboard-nav {
     background-color: #fff;
     display: block;
     box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.12);
     z-index: 11;
     position: relative;
     padding: 0;
     min-height: auto !important;
 }

 .dashboard-nav h4 {
     margin-bottom: 0;
     color: #2a2a2a;
     text-transform: uppercase;
     font-weight: 500;
     font-size: 14px;
     padding: 15px 30px 15px;
 }

 .dashboard-nav ul {
     border-bottom: 1px solid #e4e4e4;
 }

 .dashboard-nav ul li {
     border-left: 3px solid transparent;
     line-height: 25px;
     font-weight: 400;
     font-size: 15px;
 }

 .dashboard .btn-6 {
     padding: 13px 35px;
 }

 .dashboard-nav ul li a {
     color: #242323;
     display: block;
     padding: 12px 27px;
     transition: .3s;
     cursor: pointer;
 }

 .dashboard-nav ul li.active,
 .dashboard-nav ul li:hover {
     background: #f7f7f7;
 }

 .dashboard-nav ul li a i {
     padding-right: 8px;
     width: 20px;
 }

 .dashboard-header {
     margin-bottom: 20px;
 }

 .dashboard-header .breadcrumb-nav {
     right: 15px;
     display: inline-block;
     font-size: 15px;
     font-weight: 400;
     float: right;
 }

 .dashboard-header .breadcrumb-nav ul li {
     display: inline-block;
     list-style: none;
     margin: 0 0 0 15px;
     font-weight: 500;
 }

 .dashboard-header .breadcrumb-nav ul li a {
     color: #262525;
 }

 .dashboard-header h4 {
     font-weight: 500;
     font-size: 21px;
 }

 .dashboard-list {
     padding: 0;
     margin-bottom: 30px;
     display: inline-block;
     width: 100%;
     background: #fff;
 }

 .dashboard-list h3 {
     padding: 15px 25px;
     border-bottom: 1px solid #eee;
     font-size: 18px;
     margin: 0;
     width: 100%;
     font-weight: 500;
 }

 .dashboard-message {
     float: left;
     padding: 25px 25px;
     position: relative;
     width: 100%;
 }

 .dashboard-list h4 {
     padding: 15px 25px;
     border-bottom: 1px solid #eee;
     font-size: 18px;
     font-weight: 500;
     margin: 0;
 }

 .responsive-table {
     padding: 20px;
     display: inline-block;
     border-bottom: 1px solid #eee;
     width: 100%;
 }

 .dashboard-nav ul li span.nav-tag {
     font-family: open sans;
     font-weight: 400;
     display: inline-block;
     font-size: 11px;
     line-height: 20px;
     color: #fff;
     padding: 0 7px;
     text-align: center;
     min-width: 20px;
     height: 20px;
     border-radius: 50px;
     margin-left: 5px;
 }

 .dashboard-list .comment-content {
     padding-bottom: 10px;
     margin-bottom: 0;
 }

 .sub-banner-2 {
     margin: 0 15px 30px !important;
     font-size: 15px;
 }

 .bookings .comment {
     border-bottom: dashed 1px #d6d6d6;
 }

 .bookings .comment-b {
     border-bottom: none;
 }

 .bookings .comment-content {
     border-bottom: none;
 }

 .manage-table .listing-photoo {
     width: 20%;
 }

 .manage-table .listing-photoo img {
     width: 100%;
     border-radius: 5px;
 }

 .manage-table .title-container {
     width: 55%;
     padding: 0 20px;
 }

 .manage-table .title-container h2 {
     font-weight: 500;
     font-size: 22px;
     margin-bottom: 12px;
 }

 .manage-table .title-container h5 {
     font-size: 15px;
     font-weight: 400;
     margin-bottom: 12px;
     color: #343434;
 }

 .manage-table .title-container h6 {
     font-size: 15px;
     font-weight: 400;
     color: #343434;
 }

 .manage-table .expire-date {
     font-size: 15px;
     width: 15%;
     font-weight: 500;
     padding: 0 20px 0 0;
     color: #343434;
 }

 .manage-table .action {
     width: 10%;
 }

 .manage-table .action a {
     display: block;
     font-size: 14px;
     margin: 3px 0;
     font-weight: 500;
     color: #343434;
 }

 .manage-table .action a i {
     margin-right: 3px;
 }

 .manage-table .title-container h2 a:hover {
     color: #4a4747;
 }

 .invoice {
     width: 100%;
     display: inline-block;
 }

 .invoice .address-info {
     margin-bottom: 30px;
 }

 .invoice .address-info .strong {
     font-weight: 500;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: solid 1px #dee2e6;
     color: #262525;
 }

 .invoice .address-info p {
     margin-bottom: 0;
     font-size: 15px;
 }

 .invoice strong {
     color: #fff;
     font-weight: 500;
 }

 .invoice .order {
     text-align: end;
     color: #262525;
     line-height: 40px;
     font-weight: 600;
     font-size: 22px;
 }

 .invoice .logo2 img {
     height: 40px;
 }

 .invoice-mb-30 {
     margin-bottom: 30px;
 }

 .invoice .table {
     margin-bottom: 0;
     border-bottom: solid 1px #e5e5e5;
 }

 .tab-box-2 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
     background: transparent;
     border-radius: 0;
 }

 .tab-box-2 .nav-pills .nav-link {
     padding: 0 5px 10px;
     font-weight: 500;
     color: #262525;
 }

 .tab-box-2 .nav-item {
     float: right;
     display: inline-block;
 }

 .comments-tr {
     border-bottom: 1px solid #eee;
 }

 .comments-tr span {
     font-size: 18px;
     margin: 0;
     font-weight: 500;
     color: #262525;
 }

 .tab-box-2 .comment-content {
     padding-bottom: 0;
     border-bottom: none;
 }

 .tab-box-2 .comment-content p {
     margin-bottom: 0;
     font-size: 15px;
     line-height: 25px;
 }

 .tab-box .nav-link {
     display: block;
     padding: 7px 30px;
     color: #2C3E50;
     font-weight: 500;
     border-radius: 50px !important;
 }

 .tab-box p {
     font-size: 15px;
     margin-bottom: 0;
 }

 .ui-item {
     position: relative;
     width: 100%;
     display: inline-block;
     padding: 30px;
     color: #fff;
     border-radius: 5px;
     margin-bottom: 50px;
 }

 .ui-item i {
     font-size: 70px;
     position: absolute;
     ;
     right: 20px;
     top: 20px;
     color: rgba(255, 255, 255, 0.41);
 }

 .ui-item p {
     color: #fff;
     font-weight: 500;
     margin-bottom: 0;
 }

 .ui-item h4 {
     color: #fff;
     font-weight: 500;
     font-size: 30px;
     margin-bottom: 0;
 }

 .alert-2 {
     margin-bottom: 50px;
     padding: 15px 20px;
 }

 .alert-2 .btn-close:focus {
     outline: 0;
     box-shadow: none;
     opacity: 1;
 }

 .typography .heading {
     text-transform: uppercase;
     margin: 0 0 20px;
 }

 .typography .sd p {
     margin-bottom: 40px;
 }

 .properties-amenities ul li {
     margin-bottom: 10px;
     font-size: 15px;
     padding-left: 27px;
     position: relative;
     font-weight: 500;
 }

 .properties-amenities ul li i {
     left: 0;
     position: absolute;
     top: 3px;
 }

 .search-banner .show-more-options {
     margin-bottom: 20px;
     display: block;
 }

 .property-details ul li {
     font-weight: 500;
     margin-bottom: 15px;
     font-size: 15px;
 }

 .property-details ul li strong {
     margin-right: 5px;
     font-weight: 500;
 }

 .properties-details-page .heading {
     margin-bottom: 20px;
     font-size: 22px;
     font-weight: 500;
 }

 .properties-details-page iframe,
 .modal-body iframe .element.style {
     height: 350px;
 }

 .properties-details-page iframe,
 .modal-body iframe {
     width: 100%;
     border: none;
 }

 .heading-properties {
     letter-spacing: 1px;
     width: 100%;
     top: 0;
     right: 0;
     left: 0;
 }

 .heading-properties h3 {
     margin-top: 0;
     font-size: 22px;
 }

 .heading-properties p {
     margin-bottom: 0;
     font-size: 14px;
 }

 .heading-properties h3 span {
     font-weight: 700;
 }

 .heading-properties h5 {
     text-align: right;
     color: #fff;
     font-size: 14px;
     line-height: 26px;
     margin: 0;
 }

 .heading-properties-2 {
     margin-bottom: 20px;
     background: #fff;
     padding: 30px;
 }

 .heading-properties-2 h1 {
     font-size: 30px;
     font-weight: 500;
     margin: 0 0 10px;
 }

 .heading-properties-2 ul li {
     float: left;
     margin-right: 20px;
     font-weight: 400;
     font-size: 15px;
 }

 .heading-properties-2 .ratings-2 i {
     color: orange;
 }

 .heading-properties-2 .ratings-2 span {
     padding: 5px 10px;
     border-radius: 3px;
     font-size: 12px;
     font-weight: 500;
     color: #fff;
     margin-left: 10px;
 }

 .heading-properties-3 {
     margin-bottom: 20px;
 }

 .heading-properties-3 h1 {
     font-size: 25px;
     font-weight: 500;
     margin: 0 0 5px;
 }

 .heading-properties-3 h1 span {
     float: right;
 }

 .heading-properties-3 p {
     font-size: 16px !important;
     margin-bottom: 0;
 }

 .heading-properties-3 p span {
     float: right;
 }

 .properties-details-sliders .list-inline {
     white-space: nowrap;
     width: 100% !important;
 }

 .properties-details-sliders .carousel-indicators {
     position: static;
     left: initial;
     width: initial;
     margin-left: initial;
     margin-top: 0;
 }

 .properties-details-sliders .carousel-indicators a {
     cursor: pointer;
 }

 .properties-details-sliders .carousel-indicators>li {
     height: initial;
     text-indent: initial;
     margin-right: 0;
     margin-left: 0;
 }

 .dd.properties-details-sliders .carousel-indicators>li {
     width: initial;
     height: initial;
     text-indent: initial;
 }

 .smail-properties .list-inline-item {
     width: 20%;
 }

 .smail-properties .list-inline-item a img {
     width: 100%;
     border: none;
     border-radius: 0;
 }

 .properties-details-sliders .carousel-indicators>li.active img {
     opacity: 0.7;
 }

 .properties-details-sliders .right {
     position: absolute;
     right: 15px;
     top: 45%;
 }

 .properties-details-sliders .left {
     left: 10px;
     top: 47%;
     width: 30px;
     height: 30px;
     line-height: 33px;
     position: absolute;
     z-index: 5;
     display: inline-block;
     right: -30px;
     text-align: center;
     background: #fff;
     border-radius: 5%;
 }

 .properties-details-sliders .left i {
     font-size: 20px;
     color: #262525;
 }

 .properties-details-sliders .right {
     right: 10px;
     top: 47%;
     width: 30px;
     height: 30px;
     line-height: 33px;
     position: absolute;
     z-index: 5;
     display: inline-block;
     text-align: center;
     background: #fff;
     border-radius: 5%;
 }

 .properties-details-sliders .right i {
     font-size: 20px;
     color: #262525;
 }

 .list-inline-item:not(:last-child) {
     margin-right: 1px;
 }

 .smail-properties {
     width: 100%;
 }

 .properties-details-sliders .overview-bgi-2:before {
     position: absolute;
     content: '';
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: rgba(0, 0, 0, 0.29);
 }

 .properties-details-Slider .list-inline {
     position: absolute;
     bottom: 15px;
     text-align: center;
     z-index: 20;
     margin: 0 auto;
     width: 100%;
 }

 .properties-details-Slider .carousel-indicators>li {
     height: initial;
     text-indent: initial;
 }

 .properties-details-Slider .smail-properties .list-inline-item {
     width: 70px;
     margin: 5px;
     box-shadow: 1px 2px 3px 0 rgba(0, 0, 0, .4);
 }

 .properties-details-Slider .location {
     font-size: 15px;
     font-weight: 500;
     color: #fff;
     margin-bottom: 10px;
 }

 .properties-details-Slider .ratings-2 {
     font-size: 13px;
     font-weight: 500;
     margin-bottom: 10px;
 }

 .properties-details-Slider .ratings-2 span {
     color: #fff;
 }

 .properties-details-Slider .price {
     font-weight: 700;
 }

 .properties-details-Slider .price .month {
     color: #fff;
     font-weight: 400;
 }

 .properties-details-Slider .ratings-2 i {
     color: orange;
 }

 .properties-details-Slider h2 {
     color: #fff;
 }

 .pds-2 .heading-listing-3 {
     margin: 0 0 0 20px;
     letter-spacing: 1px;
     position: absolute;
     bottom: 30px;
 }

 .details-banner {
     padding: 0;
     position: relative;
 }

 .details-banner .slick-slide img {
     display: initial;
 }

 .details-banner h1 {
     font-size: 25px;
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: uppercase;
     color: #fff;
 }

 .details-banner .text .ratings-2 span {
     font-size: 15px;
     color: #fff;
     font-weight: 500;
     font-family: "Futura Bk BT";
 }

 .details-banner .text .ratings-box {
     margin-right: 4px;
     padding: 4px 10px;
     color: #fff;
     border-radius: 3px;
 }

 .details-banner .text .ratings-2 i {
     color: orange;
 }

 .details-banner .text .ratings-2 span {
     color: #fff;
 }

 .details-banner .breadcrumb-area-2 {
     letter-spacing: 1px;
     width: 100%;
     position: absolute;
     bottom: 40px;
     right: 0;
     left: 0;
     z-index: 999;
 }

 .details-banner .cover-buttons ul li {
     display: inline-block;
     margin-bottom: 3px;
 }

 .details-banner .cover-buttons ul li {
     color: #eaeaea;
     padding: 7px 12px;
     font-size: 13px;
     font-weight: 500;
     border-radius: 3px;
     -webkit-box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.2);
     box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.2);
     background: rgba(0, 0, 0, 0.36);
 }

 .details-banner .cover-buttons ul li:hover {
     color: #fff;
 }

 .details-banner .container-fluid {
     z-index: 9999 !important;
 }

 .details-banner .slide-box {
     padding: 0;
 }

 .details-banner img {
     height: 500px;
     width: 100%;
 }

 .details-banner .banner-img:before {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.18);
     content: "";
     z-index: 1;
     opacity: 0.1;
     cursor: pointer;
     background: linear-gradient(0, #2C3E50391bf, rgb(255 255 255 / 0%));
 }

 .product-slider-box .product-img-slide {
     display: inline-block;
     width: 100%;
 }

 .product-slider-box .slider-for {
     width: 80%;
     float: left;
     padding: 0;
     background: transparent;
     border: 1px transparent;
     overflow: hidden;
     border-radius: 0;
 }

 .product-slider-box .slider-nav {
     width: 20%;
     float: left;
     padding-left: 13px;
     margin-bottom: 0;
 }

 .product-slider-box .slider-for img {
     border-radius: 3px;
 }

 .product-slider-box .thumb-slide {
     padding: 0;
     margin-bottom: 5px;
     background: #fff;
     overflow: hidden;
     width: 100% !important;
     border-radius: 3px;
 }

 .product-slider-box .slick-current {
     border-color: transparent;
 }

 .product-slider-box .slick-arrow {
     display: none !important;
 }

 .product-slider-box .slick-next {
     top: auto;
     bottom: 0;
     transform: translateX(-50%) rotate(-90deg);
 }

 .product-slider-box .slick-slide img {
     margin: 0 auto;
     width: 100%;
     cursor: pointer;
 }

 .floor-plans table {
     width: 100%;
     margin-bottom: 40px;
     border: 1px solid rgba(0, 0, 0, 0.07);
 }

 .floor-plans table tr:first-child {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 }

 .floor-plans table td,
 table th {
     padding: 10px 15px;
     border-right: 1px solid rgba(0, 0, 0, 0.07);
 }

 .floor-plans table td {
     font-size: 15px;
     font-weight: 400;
     color: #343434;
 }

 .floor-plans table strong {
     font-weight: 500;
 }

 .tabbing-box .tab-pane {
     padding-top: 30px;
 }

 .tabbing-box .nav-tabs {
     background: #fff;
     border-bottom: solid 1px #fff;
 }

 .tabbing-box .nav-tabs li {
     font-size: 17px;
     font-weight: 500;
 }

 .tabbing-box .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link {
     padding: 10px 20px 10px;
 }

 .tabbing-box .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     color: #fff;
     border-radius: 0;
 }

 .tabbing-box .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link:hover {
     border-radius: 0;
     color: #fff;
 }

 .tabbing-box .nav-tabs .nav-link {
     border: none;
 }

 .tabbing-box .accordion-item {
     background-color: transparent;
     border: none;
 }

 .properties-details-page p {
     font-size: 15px;
 }

 .compare-table tr {
     border: 1px solid #ececec;
 }

 .compare-table table {
     width: 100%;
 }

 .compare-table tr:first-child {
     border-top: none;
 }

 .compare-table tr td:first-child {
     width: 350px;
     background: #f8f9fa;
 }

 .compare-table tr td {
     box-sizing: border-box;
     font-size: 15px;
     padding: 20px 15px;
     text-align: center;
     width: 395px;
     font-weight: 500;
     background: #fff;
     color: #343434;
 }

 .compare-table tr td .fa-times {
     color: red;
 }

 .compare-table tr td .fa-check {
     color: green;
 }

 .comparison .faq-accordion .accordion-body {
     padding: 0;
 }

 .search-compare {
     margin-bottom: 20px;
 }

 .search-compare .form-group {
     margin-bottom: 10px;
 }

 .search-compare h4 {
     font-size: 25px;
     line-height: 26px;
     text-align: center;
     margin-bottom: 25px;
 }

 .search-compare .search-fields {
     min-height: 50px;
     padding: 0 !important;
     font-size: 15px;
     width: 100%;
     outline: none;
     color: #616161;
     border-radius: 3px;
     font-weight: 500;
     border: 1px solid #2C3E5000017;
     background: #fff !important;
 }

 .search-compare .bootstrap-select button {
     color: #545454 !important;
     font-weight: 500;
     width: 100%;
     border-radius: 3px;
     outline: none;
     padding: 15px 35px 9px 20px;
 }

 .search-compare .search-button {
     cursor: pointer;
     padding: 16px 26px 15px;
     font-size: 15px;
     font-weight: 600;
     text-transform: uppercase;
     color: #FFF;
     transition: .5s;
     border-radius: 3px;
     border: none;
     width: 100%;
     outline: none;
 }

 .faq-accordion .p-text {
     color: #343434;
 }

 .faq-accordion .p-text li {
     font-weight: 400;
 }

 .faq-accordion .accordion-button:focus {
     z-index: 3;
     border-color: #86b7fe;
     outline: 0;
     box-shadow: none;
 }

 .faq-accordion .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     gap: 15px;
     width: 100%;
     padding: 20px;
     font-size: 18px;
     color: #343434;
     text-align: left;
     background-color: #fff;
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;
 }

 .accordion-button:not(.collapsed)::after {
     background-image: url(../img/down.html);
     transform: rotate(-180deg);
 }

 .accordion-button::after {
     flex-shrink: 0;
     width: 1.25rem;
     height: 1.25rem;
     margin-left: auto;
     content: "";
     background-image: url(../img/up.html);
     background-repeat: no-repeat;
     background-size: 1.25rem;
     transition: transform .2s ease-in-out;
 }

 .faq-accordion .accordion-body {
     padding: 30px 20px;
     background: #fff;
     border-top: 1px solid rgba(0, 0, 0, .125);
 }

 .bd-none {
     border-bottom: 1px none;
 }

 .foq-info p {
     font-size: 14px;
     line-height: 30px;
 }

 .foq-info {
     padding: 15px 0 35px;
 }

 .other-features .accordion-button {
     padding: 0;
     font-size: 18px;
     background-color: transparent;
     border-radius: 3px;
 }

 .other-features .accordion-body {
     padding: 30px 0 0;
     background: #ffffff;
 }

 .other-features .accordion-button:not(.collapsed) {
     background-color: transparent;
     box-shadow: none;
 }

 .other-features .accordion-button:focus {
     box-shadow: none;
 }

 .submit-property .checkbox {
     padding-left: 0;
     margin-bottom: 10px;
 }

 .submit-property .heading-2 {
     margin: 0 0 20px;
     font-size: 21px;
     font-weight: 500;
 }

 .submit-address form .form-control {
     padding: 10px 17px;
     color: #495057 !important;
     width: 100%;
     min-height: 50px;
     font-size: 15px;
     font-weight: 500;
     border-radius: 3px;
     background: #fff;
     border: 1px solid #dbdbdb;
 }

 .submit-address .search-fields {
     min-height: 45px;
     border-radius: 3px;
     font-size: 15px;
     font-weight: 500;
     border: 1px solid #dbdbdb;
     padding: 0;
 }

 .submit-address .bootstrap-select .dropdown-toggle .filter-option-inner {
     overflow: hidden;
     font-size: 15px;
 }

 .submit-address .bootstrap-select button {
     color: #7b7b7b !important;
     font-weight: 500;
     border-radius: 3px;
     outline: none;
     padding: 11px 30px 9px 15px;
     min-height: 50px;
     line-height: 28px;
     font-size: 15px !important;
 }

 .submit-address form textarea {
     min-height: 160px;
 }

 .submit-address form label {
     display: inline-block;
     max-width: 100%;
     margin-bottom: 5px;
     font-weight: 500;
     font-size: 15px;
     color: #262525;
 }

 .pad-20 {
     padding: 25px;
 }

 .submit-address form .form-group {
     margin-bottom: 20px;
 }

 .submit-address textarea {
     height: 180px;
 }

 .dropzone-design {
     border: 2px dashed #d0d0d0;
     min-height: 100px;
 }

 .dropzone-design,
 .dropzone-design * {
     box-sizing: border-box;
 }

 .dropzone-design {
     min-height: 160px;
     border: 2px solid rgba(0, 0, 0, 0.3);
     background: white;
     padding: 20px 20px;
 }

 .dropzone-design.dz-clickable {
     cursor: pointer;
 }

 .dropzone-design.dz-clickable * {
     cursor: default;
 }

 .dropzone-design.dz-clickable .dz-message,
 .dropzone-design.dz-clickable .dz-message * {
     cursor: pointer;
 }

 .dropzone-design.dz-started .dz-message {
     display: none;
 }

 .dropzone-design.dz-drag-hover {
     border-style: solid;
 }

 .dropzone-design.dz-drag-hover .dz-message {
     opacity: 0.5;
 }

 .dropzone-design .dz-preview {
     position: relative;
     display: inline-block;
     vertical-align: top;
     margin: 16px;
     min-height: 100px;
 }

 .dropzone-design .dz-preview:hover {
     z-index: 1000;
 }

 .dropzone-design .dz-preview:hover .dz-details {
     opacity: 1;
 }

 .dropzone-design .dz-preview.dz-file-preview .dz-image {
     border-radius: 3px;
     background: #999;
     background: linear-gradient(to bottom, #eee, #ddd);
 }

 .dropzone-design .dz-preview.dz-file-preview .dz-details {
     opacity: 1;
 }

 .dropzone-design .dz-preview.dz-image-preview {
     background: white;
 }

 .dropzone-design .dz-preview.dz-image-preview .dz-details {
     -webkit-transition: opacity 0.2s linear;
     -moz-transition: opacity 0.2s linear;
     -ms-transition: opacity 0.2s linear;
     -o-transition: opacity 0.2s linear;
     transition: opacity 0.2s linear;
 }

 .dropzone-design .dz-preview .dz-remove {
     font-size: 14px;
     text-align: center;
     display: block;
     cursor: pointer;
     border: none;
 }

 .dropzone-design .dz-preview .dz-remove:hover {
     text-decoration: underline;
 }

 .dropzone-design .dz-preview:hover .dz-details {
     opacity: 1;
 }

 .dropzone-design .dz-preview .dz-details {
     z-index: 20;
     position: absolute;
     top: 0;
     left: 0;
     opacity: 0;
     font-size: 13px;
     min-width: 100%;
     max-width: 100%;
     padding: 2em 1em;
     text-align: center;
     color: rgba(0, 0, 0, 0.9);
     line-height: 150%;
 }

 .dropzone-design .dz-preview .dz-details .dz-size {
     margin-bottom: 1em;
     font-size: 16px;
 }

 .dropzone-design .dz-preview .dz-details .dz-filename {
     white-space: nowrap;
 }

 .dropzone-design .dz-preview .dz-details .dz-filename:hover span {
     border: 1px solid rgba(200, 200, 200, 0.8);
     background-color: rgba(255, 255, 255, 0.8);
 }

 .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) {
     overflow: hidden;
     text-overflow: ellipsis;
 }

 .dropzone-design .dz-preview .dz-details .dz-filename:not(:hover) span {
     border: 1px solid transparent;
 }

 .dropzone-design .dz-preview .dz-details .dz-filename span,
 .dropzone-design .dz-preview .dz-details .dz-size span {
     background-color: rgba(255, 255, 255, 0.4);
     padding: 0 0.4em;
     border-radius: 3px;
 }

 .dropzone-design .dz-preview:hover .dz-image img {
     -webkit-transform: scale(1.05, 1.05);
     -moz-transform: scale(1.05, 1.05);
     -ms-transform: scale(1.05, 1.05);
     -o-transform: scale(1.05, 1.05);
     transform: scale(1.05, 1.05);
     -webkit-filter: blur(8px);
     filter: blur(8px);
 }

 .dropzone-design .dz-preview .dz-image {
     border-radius: 3px;
     overflow: hidden;
     width: 120px;
     height: 120px;
     position: relative;
     transition: all 0.3s;
     display: block;
     z-index: 10;
 }

 .dropzone-design .dz-preview .dz-image img {
     display: block;
     filter: blur(0px);
     transition: all 0.4s;
 }

 .dropzone-design .dz-preview.dz-success .dz-success-mark {
     -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
     -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
     -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
     -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
     animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
 }

 .dropzone-design .dz-preview.dz-error .dz-error-mark {
     opacity: 1;
     -webkit-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
     -moz-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
     -ms-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
     -o-animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
     animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
 }

 .dropzone-design .dz-preview .dz-success-mark,
 .dropzone-design .dz-preview .dz-error-mark {
     pointer-events: none;
     opacity: 0;
     z-index: 500;
     position: absolute;
     display: block;
     top: 50%;
     left: 50%;
     margin-left: -27px;
     margin-top: -27px;
 }

 .dropzone-design .dz-preview .dz-success-mark svg,
 .dropzone-design .dz-preview .dz-error-mark svg {
     display: block;
     width: 54px;
     height: 54px;
 }

 .dropzone-design .dz-preview.dz-processing .dz-progress {
     opacity: 1;
     -webkit-transition: all 0.2s linear;
     -moz-transition: all 0.2s linear;
     -ms-transition: all 0.2s linear;
     -o-transition: all 0.2s linear;
     transition: all 0.2s linear;
 }

 .dropzone-design .dz-preview.dz-complete .dz-progress {
     opacity: 0;
     -webkit-transition: opacity 0.4s ease-in;
     -moz-transition: opacity 0.4s ease-in;
     -ms-transition: opacity 0.4s ease-in;
     -o-transition: opacity 0.4s ease-in;
     transition: opacity 0.4s ease-in;
 }

 .dropzone-design .dz-preview:not(.dz-processing) .dz-progress {
     -webkit-animation: pulse 6s ease infinite;
     -moz-animation: pulse 6s ease infinite;
     -ms-animation: pulse 6s ease infinite;
     -o-animation: pulse 6s ease infinite;
     animation: pulse 6s ease infinite;
 }

 .dropzone-design .dz-preview .dz-progress {
     opacity: 1;
     z-index: 1000;
     pointer-events: none;
     position: absolute;
     height: 16px;
     left: 50%;
     top: 50%;
     margin-top: -8px;
     width: 80px;
     margin-left: -40px;
     background: rgba(255, 255, 255, 0.9);
     -webkit-transform: scale(1);
     border-radius: 8px;
     overflow: hidden;
 }

 .dropzone-design .dz-preview .dz-progress .dz-upload {
     background: #333;
     background: linear-gradient(to bottom, #666, #444);
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     width: 0;
     -webkit-transition: width 300ms ease-in-out;
     -moz-transition: width 300ms ease-in-out;
     -ms-transition: width 300ms ease-in-out;
     -o-transition: width 300ms ease-in-out;
     transition: width 300ms ease-in-out;
 }

 .dropzone-design .dz-preview.dz-error .dz-error-message {
     display: block;
 }

 .dropzone-design .dz-preview.dz-error:hover .dz-error-message {
     opacity: 1;
     pointer-events: auto;
 }

 .dropzone-design .dz-preview .dz-error-message {
     pointer-events: none;
     z-index: 1000;
     position: absolute;
     display: block;
     display: none;
     opacity: 0;
     -webkit-transition: opacity 0.3s ease;
     -moz-transition: opacity 0.3s ease;
     -ms-transition: opacity 0.3s ease;
     -o-transition: opacity 0.3s ease;
     transition: opacity 0.3s ease;
     border-radius: 8px;
     font-size: 13px;
     top: 130px;
     left: -10px;
     width: 140px;
     background: #be2626;
     background: linear-gradient(to bottom, #be2626, #a92222);
     padding: 0.5em 1.2em;
     color: white;
 }

 .dropzone-design .dz-preview .dz-error-message:after {
     content: '';
     position: absolute;
     top: -6px;
     left: 64px;
     width: 0;
     height: 0;
     border-left: 6px solid transparent;
     border-right: 6px solid transparent;
     border-bottom: 6px solid #be2626;
 }

 .dropzone-design {
     position: relative;
     border: 2px dashed #d0d0d0;
     border-radius: 3px;
     background: #fff;
     transition: all 0.3s linear;
     display: inline-block;
     width: 100%;
 }

 .dropzone-design:before {
     position: absolute;
     height: 100%;
     width: 100%;
     content: "";
     top: 0;
     left: 0;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.9));
     background-color: #66676b;
     opacity: 0;
     z-index: 10;
     transition: all 0.3s linear;
     border-radius: 3px;
 }

 .dropzone-design:hover:before {
     opacity: 0.4;
 }

 .dropzone-design .dz-message {
     text-align: center;
     margin: 50px 0;
     font-size: 17px;
     color: #888;
     transition: all 0.3s linear;
     position: relative;
     z-index: 11;
 }

 .dropzone-design:hover .dz-message {
     color: #66676b;
 }

 .dz-message i {
     display: block;
     font-size: 32px;
     margin-bottom: 15px;
 }

 .dropzone-design .dz-default.dz-message span {
     display: inline;
     line-height: 117px;
 }

 .book-btn {
     display: block;
     height: 41px;
     margin-bottom: 15px;
     border-radius: 3px;
 }

 .no-js #loader {
     display: none;
 }

 .js #loader {
     display: block;
     position: absolute;
     left: 100px;
     top: 0;
 }

 .page_loader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 999999;
     background: url(../img/loader.html) center no-repeat #fff;
 }

 .slider-section .simple-slider {
     margin-bottom: 30px;
 }

 .icon-lists .heading {
     margin: 0 0 10px 0;
     text-transform: uppercase;
 }

 .glyph {
     text-align: center;
     padding: 20px 15px;
     font-size: 15px;
     font-weight: 500;
     color: #555;
 }

 .glyph:hover {
     background: #fff;
 }

 .glyph .glyph-icon {
     font-size: 24px;
     font-weight: 500;
     color: #555;
 }

 .glyph fieldset,
 .glyph .hidden-true {
     display: none;
 }

 .glyph .bshadow0 .lnr {
     font-size: 24px;
     color: #555;
     font-weight: 500;
     display: block;
     line-height: 35px;
 }

 .icon-lists mark {
     margin-bottom: 30px;
     display: inline-block;
 }

 .font-awesome-icons .col-print-4 {
     margin-bottom: 15px;
     font-size: 15px;
     font-weight: 500;
 }

 .font-awesome-icons {
     font-size: 14px;
     color: #555;
 }

 .font-awesome-icons .text-muted {
     display: none;
 }

 .portfolio_item_row {
     gap: 20px 0;
 }

 .portfolio-item {
     text-align: center;
 }

 .testimonail_video_bg iframe {
     width: 100%;
     height: 100%;
 }

 .portfolio-item p {
     font-weight: 600;
     margin-bottom: 0;
 }

 .portfolio_item_mg img {
     display: block;
     width: 100%;
     height: 250px;
     object-fit: cover;
     object-position: center;
 }

 .portfolio_item_mg {
     margin-bottom: 15px;
     position: relative;
 }

 .portfolio_item_mg p {
     position: absolute;
     right: 10px;
     bottom: 10px;
     color: #FFF;
     font-size: 10px !important;
     margin-bottom: 0;
     line-height: 1;
     text-shadow: 0 0 5px #2C3E50;
 }

 .pg-2 .filtr-item {
     padding: 0 15px;
 }

 .pg-4 .portfolio-item {
     margin-bottom: 0;
 }

 .pg-3 .container-fluid {
     padding: 0 1px;
 }

 .pg-3 .portfolio-item {
     margin-bottom: 0;
 }

 .option-panel {
     z-index: 9999;
     width: 215px;
     position: fixed;
     right: 0;
     background: #fff;
     top: 20%;
     padding: 20px 15px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .option-panel-collased {
     right: -215px;
 }

 .option-panel h2 {
     font-size: 10px;
     margin: 0 0 0 0;
     text-align: center;
     color: #555;
     padding: 8px 0;
     font-weight: 500;
 }

 .option-panel .color-plate {
     width: 24px;
     height: 24px;
     float: left;
     margin: 3px;
     border-radius: 0;
     cursor: pointer;
 }

 .default-plate {
     background: #ff214f
 }

 .blue-plate {
     background: #2048bb
 }

 .yellow-plate {
     background: #ffb400
 }

 .red-plate {
     background: #f0151f
 }

 .green-light-plate {
     background: #1abc9c
 }

 .green-plate {
     background: #7dba21
 }

 .yellow-light-plate {
     background: #faaa5d
 }

 .green-light-2-plate {
     background: #0dcdbd
 }

 .olive-plate {
     background: #b3c211
 }

 .purple-plate {
     background: #8e44ad
 }

 .midnight-blue-plate {
     background: #376bff
 }

 .brown-plate {
     background: #A14C10
 }

 .setting-button {
     position: absolute;
     font-size: 25px;
     text-align: center;
     width: 55px;
     height: 55px;
     line-height: 55px;
     left: -55px;
     color: #2b303b;
     top: 0;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
     cursor: pointer;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
 }

 .setting-button i {
     line-height: 45px;
 }

 #full-page-search {
     position: fixed;
     top: 0px;
     left: 0px;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.8);
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     -ms-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     -webkit-transform: translate(0px, -100%) scale(0, 0);
     -moz-transform: translate(0px, -100%) scale(0, 0);
     -o-transform: translate(0px, -100%) scale(0, 0);
     -ms-transform: translate(0px, -100%) scale(0, 0);
     transform: translate(0px, -100%) scale(0, 0);
     opacity: 0;
     z-index: 99999;
 }

 #full-page-search.open {
     -webkit-transform: translate(0px, 0px) scale(1, 1);
     -moz-transform: translate(0px, 0px) scale(1, 1);
     -o-transform: translate(0px, 0px) scale(1, 1);
     -ms-transform: translate(0px, 0px) scale(1, 1);
     transform: translate(0px, 0px) scale(1, 1);
     opacity: 1;
 }

 #full-page-search input[type="search"] {
     position: absolute;
     top: 50%;
     width: 100%;
     color: rgb(255, 255, 255);
     background: rgba(0, 0, 0, 0);
     font-weight: 300;
     text-align: center;
     border: 0;
     margin: 0 auto;
     margin-top: -51px;
     padding-left: 30px;
     padding-right: 30px;
     outline: none;
     font-size: 28px;
 }

 #full-page-search .btn {
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: 20px;
     margin-left: -45px;
 }

 #full-page-search .close {
     position: fixed;
     top: 15px;
     right: 15px;
     color: #fff;
     opacity: 1;
     padding: 10px 17px;
     font-size: 17px;
     outline: 0 auto -webkit-focus-ring-color;
     cursor: pointer;
     border-radius: 3px;
     background: #3a3a3a;
 }

 .seach-black {
     background: #fff !important;
 }

 .seach-black:hover {
     background: #3a3a3a !important;
 }

 .active-pate .min-value {
     color: #2C3E50;
 }

 .active-pate .max-value {
     color: #2C3E50;
 }

 .active-pate .range-slider .ui-widget-header {
     background-color: #2C3E50;
 }

 .active-pate .range-slider .ui-slider .ui-slider-handle {
     border: 2px solid #2C3E50 !important;
 }

 .active-pate .range-slider .ui-slider .ui-slider-handle {
     background: #2C3E50 !important;
 }

 .mtb-50 {
     margin: 50px 0;
 }

 .mtb-30 {
     margin: 30px 0;
 }

 .mt-20 {
     margin-top: 20px;
 }

 .mb-40 {
     margin-bottom: 40px;
 }

 .mb-35 {
     margin-bottom: 35px;
 }

 .mb-50 {
     margin-bottom: 50px;
 }

 .mb-30 {
     margin-bottom: 30px !important;
 }

 .mb-20 {
     margin-bottom: 20px;
 }

 .mb-10 {
     margin-bottom: 10px;
 }

 .option-panel {
     z-index: 9999;
     width: 193px;
     position: fixed;
     right: 0;
     top: 20%;
     background: #fff;
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
     padding: 20px;
     -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
     -ms-transition: all 1s ease;
     -o-transition: all 1s ease;
     transition: all 1s ease;
 }

 .option-panel-collased {
     right: -193px;
 }

 .option-panel h2 {
     font-size: 16px;
     margin: 0 0 0 0;
     text-align: center;
     padding: 0 0 10px;
     font-weight: 500;
     color: #262525;
 }

 .option-panel .color-plate {
     width: 32px;
     height: 32px;
     float: left;
     margin: 3px;
     border-radius: 0;
     cursor: pointer;
 }

 .featured-properties .filtr-item {
     padding: 0 15px;
 }

 .ss-search-style {
     display: none;
 }

 .ss-search-style .ssa2 {
     box-shadow: none;
     padding: 30px 15px 10px;
 }

 @media all and (min-width: 992px) {
     .banner img {}
     .dropdown:hover>.dropdown-menu {
         display: block;
         max-width: 700px;
         margin: auto;
         opacity: 1;
         visibility: visible;
     }
     .dropdown .dropdown-item:hover>.dropdown-menu {
         display: block;
     }
     .dropdown-submenu:hover>.dropdown-menu {
         display: block;
     }
     .mh-bg .navbar-expand-lg .navbar-nav .nav-link {
         color: #515151;
     }
     .mh-bg .navbar-nav .nav-link.dropdown-toggle:before {
         color: #515151;
     }
     .hide-carat .nav-link::after {
         display: none !important;
     }
     .sticky-header .nav-link::after {
         display: none !important;
     }
     .sticky-header .navbar-expand-lg .navbar-nav .nav-link {
         color: #fff;
     }
     .sticky-header .navbar-expand-lg .navbar-nav .nav-link:hover {
         color: #fff !important;
     }
     .sticky-header .open-offcanvas {
         color: #fff;
         display: inline-block;
     }
     .header-shrink .navbar-expand-lg .navbar-nav .nav-link {
         color: #515151;
     }
     #main-header-2.header-shrink .navbar-expand-lg .navbar-nav .nav-link:hover {
         color: #515151 !important;
     }
 }

 @media (max-width: 1200px) {
     .contact-section .informeson {
         margin: 0 auto 0 0;
     }
     .team-5 .team-details p {
         font-size: 15px;
     }
     .property-box-6 .property-photo {
         height: 300px;
     }
     .property-box-6 .property-photo img {
         height: 525px;
     }
     .property-box-5 .w-100 {
         width: auto !important;
     }
     .pages-404 .error404 {
         font-size: 230px;
     }
     .banner .banner-slider-inner h1 {
         font-size: 51px;
         margin-bottom: 20px;
     }
     .property-box-2 .facilities-list {
         padding: 15px 20px;
     }
     .property-box .facilities-list li {
         margin-right: 15px;
     }
     .pages-404 .nobottomborder h1 {
         font-size: 34px;
     }
     .inline-search-area {
         max-width: 870px;
     }
     .about-text h3 {
         font-size: 31px;
     }
     .about-text {
         padding: 0;
     }
     .d-none-1200 {
         display: none;
     }
     .contact-2 .contact-form {
         padding: 35px;
     }
     .contact_section .contact_form_wrap .main-title {
         padding: 15px 35px;
     }
     .contact-2 .contact-info {
         padding: 50px;
     }
     .blog-social-list span {
         margin-right: 5px;
     }
     .blog-tags span {
         margin-right: 5px;
     }
     .main-footer-3 .footer-inner .text {
         margin-right: 0;
     }
     .megamenu-area {
         min-width: 47rem;
     }
     .team-5 .team-box {
         bottom: 5px;
         padding: 0 5px;
     }
     .team-5 .team-details {
         padding: 5px;
     }
     .team-5 .team-details .user {
         margin-right: 5px;
     }
     .ui-item {
         padding: 20px;
     }
     .team-3 .member-thumb {
         width: 150px;
         height: 150px;
     }
 }

 @media (max-width: 992px) {
     .isa-992 .dropdown-toggle::after {
         top: 29px;
     }
     .sticky-header {
         position: fixed;
         background: transparent;
         top: 0px;
         z-index: 1000;
         width: 100%;
     }
     .contact-2 .contact-form {
         border: none;
         border-bottom: solid 1px #e5e5e5;
     }
     .contact-section .form-section {
         width: 100%;
     }
     .contact-section .bg-login-ing {
         display: none;
     }
     .contact-section .form-section {
         padding: 30px 15px;
     }
     .inline-search-area.isa-5 .btn-search {
         height: 56px;
     }
     .counters-4 .counter-box-3 p {
         color: #fff;
     }
     .none-992 {
         display: none !important;
     }
     .inline-search-area .bootstrap-select button {
         border-right: none !important;
     }
     .main-footer-3 h4 {
         font-size: 20px;
         margin-bottom: 5px;
     }
     .main-footer-1 h4 {
         margin-bottom: 20px;
         font-size: 20px;
     }
     .main-footer-1 .text {
         margin-right: 0;
     }
     .main-footer-3 .footer-gallery {
         margin-left: 0;
         max-width: 100%;
     }
     .main-footer-3 .subscribe-newsletter .form-control {
         width: 80%;
         height: 50px;
         font-size: 16px;
     }
     .main-footer-3 .footer-inner {
         padding: 60px 0 0;
     }
     .main-footer-3 .subscribe-newsletter .btn {
         height: 50px;
         width: 20%;
     }
     .main-footer-3 .subscribe-newsletter h3 {
         line-height: 50px;
         font-size: 22px;
     }
     .main-footer-2 .footer-menu ul li a {
         margin-right: 20px;
     }
     .main-footer-2 .footer-menu ul li a:before {
         right: -10px;
     }
     .testimonial-3:before {
         display: none;
     }
     .testimonial-3 .testimonial-inner {
         max-width: 100%;
         text-align: center;
     }
     .main-title-7 {
         text-align: center;
     }
     .main-title-7 .title-border {
         margin: 0 auto !important;
     }
     .inline-search-area.isa-5 .sf {
         height: 50px;
     }
     .inline-search-area.isa-5 .btn-search {
         height: 50px;
     }
     .inline-search-area .bootstrap-select button {
         height: 48px;
         line-height: 47px;
     }
     .ssa2 .form-group {
         margin-bottom: 15px;
     }
     .ssa2 .search-button {
         padding: 12.5px 26px;
     }
     .ss-search-style .ssa2 {
         box-shadow: none;
         padding: 30px 0 15px !important;
     }
     .banner-2 .slide h2 {
         font-size: 30px;
     }
     .banner-3 .btn-6 {
         padding: 8.5px 25px;
     }
     .banner .btn-6 {
         padding: 8.5px 25px;
     }
     .banner-2 .btn-6 {
         padding: 8.5px 25px;
     }
     .banner-3 .left-slide {
         display: none;
     }
     .banner-3 .right-slide {
         width: 100%;
     }
     .banner-3 .slider-container .action-buttons button {
         position: absolute;
         left: 5px;
         margin: 2px 0;
     }
     .banner-3 .slider-container .action-buttons .down-button {
         transform: translateY(-100%);
         border: 0;
     }
     .banner-3 .slider-container .action-buttons .up-button {
         margin-top: 5px;
         transform: translateX(0%);
     }
     .banner-3 .action-buttons button {
         border-radius: 3px;
         font-size: 13px;
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .banner-3 .overlay-2 {
         padding: 10px 55px;
     }
     .banner-3 .b2i-2 {
         display: none;
     }
     .banner-3 h1 {
         font-size: 30px;
     }
     .banner-3 p {
         font-size: 17px;
     }
     .banner-slider-inner-2 {
         padding: 0 5px;
     }
     .banner .carousel-control-next,
     .carousel-control-prev {
         width: 30px;
         height: 50px;
         margin: 2px;
     }
     .banner .carousel-control-next-icon,
     .carousel-control-prev-icon {
         display: inline-block;
         width: 1.2rem;
         height: 1.2rem;
     }
     .comon-slick .slick .item .property-box-3 {
         transform: scale3d(1, 1, 1) !important;
     }
     .comon-slick .slick .item .property-box {
         transform: scale3d(1, 1, 1) !important;
     }
     .comon-slick .slick .item {
         padding: 0 15px;
     }
     .intro-section-2 .Subscribe-box {
         max-width: 500px;
         margin: 0 auto;
     }
     .property-box-2 .property-photo img {
         height: 232px;
     }
     .mh-bg .logo2x {
         padding: 15px 0;
     }
     .none-btn-992 {
         display: none !important;
     }
     .banner .btn-4 {
         padding: 10.5px 35px;
         margin-bottom: 35px;
     }
     .category-innerbox-2 {
         background: #fff;
         padding: 30px;
     }
     .category-innerbox-2 .category-icon {
         background-color: #f3f3f3;
     }
     .counter-box-1 {
         padding: 0;
         margin-bottom: 40px;
     }
     .counters-1 {
         padding: 80px 0 40px;
     }
     .counter-box-1 h1 {
         font-size: 25px;
     }
     .counter-box-1 p {
         font-size: 16px;
     }
     .counter-box-1 .icon {
         font-size: 30px;
         line-height: 80px;
         width: 80px;
         height: 80px;
     }
     .counters-1 .border-r {
         border-right: none;
     }
     .counters-1 .border-l {
         border-left: none;
     }
     .counters-2 {
         padding: 80px 0 50px;
     }
     .counter-box-2 i {
         font-size: 50px;
     }
     .counter-box-2 h1 {
         font-size: 28px;
     }
     .counter-box-2 {
         border: solid 1px #2C3E500001a;
         padding: 30px;
         margin-bottom: 30px;
     }
     .counters-2 .border-r {
         border-right: none;
     }
     .counters-2 .border-l {
         border-right: none;
     }
     .counters-4 {
         padding: 80px 0 50px !important;
     }
     .counters-4 .counters-info-section {
         padding: 0;
         border: none;
         background: transparent;
     }
     .main-title p {
         font-size: 16px;
     }
     .testimonial-3 {
         padding: 80px 0 90px;
     }
     .testimonial-3 {
         padding: 50px 0;
     }
     .main-footer-1 .sub-footer .social-list {
         float: inherit;
     }
     .main-title-6 {
         text-align: center;
     }
     .main-title-6 .btn {
         display: none;
     }
     .testimonial .main-title {
         text-align: center;
         margin-bottom: 40px;
     }
     .testimonial .main-title .btn {
         display: none;
     }
     .banner .w-100 {
         width: auto !important;
     }
     .properties-details-Slider .slider-listing {
         height: 375px !important;
     }
     .intro-section-2 p {
         margin-bottom: 20px;
     }
     .intro-section-2 {
         padding: 30px 0 25px;
         text-align: center;
     }
     .service-info {
         padding: 30px 20px;
         background: #fff9f7;
     }
     .ss-search-style {
         display: inherit;
     }
     .team-5 .team-box {
         bottom: 20px;
         padding: 0 20px;
     }
     .content-area-17 {
         padding-top: 80px;
     }
     .contact-2 .contact-innner {
         margin: 0 auto -80px;
     }
     .mh-bg {
         padding: 0;
     }
     .team-5 .team-details {
         padding: 15px;
     }
     .team-5 .team-details .user {
         margin-right: 15px;
     }
     .content-area {
         padding: 50px 0 20px;
     }
     .content-area-2 {
         margin-bottom: 80px;
     }
     .content-area-3 {
         margin-bottom: 50px;
     }
     .content-area-4 {
         padding: 80px 0 50px;
     }
     .content-area-5 {
         padding: 50px 0 30px 0;
     }
     .content-area-6 {
         padding: 80px 0 50px;
     }
     .content-area-7 {
         padding: 50px 0 25px;
     }
     .content-area-8 {
         padding: 80px 0 50px;
     }
     .content-area-9 {
         padding: 80px 0 70px;
     }
     .content-area-10 {
         padding: 80px 0 40px;
     }
     .content-area-11 {
         padding: 50px 0;
     }
     .content-area-12 {
         padding: 80px 0 110px;
     }
     .content-area-13 {
         padding: 80px 0 30px;
     }
     .content-area-14 {
         padding: 100px 0 70px;
     }
     .content-area-15 {
         padding: 100px 0 75px;
     }
     .content-area-16 {
         padding: 100px 0 70px;
     }
     .property-box-5 img {
         height: 427px;
     }
     .main-title-4 h1:after,
     .main-title-4 h2:after,
     .main-title-4 h3:after {
         font-size: 70px;
         top: 5px;
     }
     .main-title-4 h2 {
         font-size: 28px;
     }
     .main-title-4 {
         margin: 17px 0 40px;
     }
     .product-slider-box .slider-for {
         width: 80.5%;
     }
     .product-slider-box .slider-nav {
         width: 19.5%;
     }
     .details-banner .text-end {
         text-align: left !important;
     }
     .details-banner .ratings-2 {
         margin-bottom: 10px;
     }
     .property-box-5 .carousel-caption {
         padding: 50px 20px;
     }
     .properties-details-Slider .smail-properties .list-inline-item {
         width: 50px;
         margin: 3px;
     }
     .counters-2 {
         padding: 80px 0 50px;
     }
     .sub-banner {
         background-position: inherit;
         background-repeat: inherit;
     }
     .bi-3 {
         margin-top: 50px;
     }
     .isa-6 {
         display: none;
     }
     .bi-2 {
         text-align: center;
     }
     .bi-2 .btn-lg {
         margin-bottom: 35px;
     }
     .inline-search-area {
         padding: 0;
     }
     .ss-2 {
         display: none;
     }
     .search-compare {
         margin-bottom: 5px;
     }
     .isa-3 {
         width: 100%;
         display: inline;
     }
     .isa-4 {
         display: none;
     }
     .isa-3 .search-fields {
         width: 100% !important;
     }
     .inline-search-area .search-col .form-control,
     .inline-search-area button.btn-search {
         border-radius: 3px !important;
         height: 50px;
         width: 100% !important;
         font-size: 14px;
     }
     .dashboard-content {
         padding: 30px 30px 0;
     }
     .dashboard-nav {
         display: none !important;
     }
     #banner-inner-2 {
         bottom: 30px;
     }
     .main-footer-1 .sub-footer {
         text-align: center;
     }
     .main-footer-1 .sub-footer .copy {
         line-height: 25px;
         margin-bottom: 10px;
     }
     .banner-properties-info {
         display: none;
     }
     .banner-inner .banner-btn {
         float: inherit;
     }
     .banner-inner .photo {
         position: inherit;
         bottom: 260px;
         max-width: 230px;
         margin: 0 auto;
     }
     .banner-inner h6 {
         margin-bottom: 15px;
     }
     .tab-box-2 .nav-link {
         display: block;
         padding: .5rem .3rem;
     }
     .ui-item {
         margin-bottom: 30px;
     }
     .alert-2 {
         margin-bottom: 30px;
     }
     .header-2 {
         padding: 0;
     }
     .main-title {
         margin-bottom: 40px;
     }
     .mt2 h1 {
         margin-bottom: 15px;
     }
     .sub-banner {
         height: 350px;
     }
     .mh-bg .logo2x img {
         height: 40px;
     }
     .search-area {
         padding: 25px 20px 10px;
         border-radius: 0;
     }
     .search-area .form-group {
         margin-bottom: 15px;
     }
     .about-text h3 {
         font-size: 31px;
     }
     .search-area-2 .range-slider {
         margin-top: 15px;
         margin-bottom: 1rem;
     }
     .bg-grea .range-slider {
         margin-top: 15px;
         margin-bottom: 1rem;
     }
     .search-area-2 {
         padding: 30px 0 10px;
     }
     .t-c {
         text-align: center;
     }
     .heading-properties-3 h1 {
         font-size: 22px;
     }
     .sub-banner .breadcrumb-area h1 {
         font-size: 27px;
     }
     .main-title h1 {
         font-size: 31px;
     }
     .hidden-mb-20 {
         margin-bottom: 20px;
     }
     .category_long_bg {
         height: 350px;
     }
     .search-compare h4 {
         font-size: 20px;
         margin-bottom: 20px;
         text-align: center;
     }
     .search-compare .form-group {
         margin-bottom: 20px;
     }
     .banner .banner-slider-inner h1 {
         font-size: 43px;
         margin-bottom: 20px;
     }
     .banner h2 {
         font-size: 40px;
     }
     .banner p {
         margin-bottom: 25px;
         font-size: 17px;
     }
     .banner .banner-slider-inner {
         padding: 10px 20px;
         top: 0%;
     }
     .banner .bsi2 {
         padding: 10px 0;
     }
     .banner .banner-opt .banner-slider-inner h1 {
         font-size: 20px;
     }
     .banner .banner-opt .banner-slider-inner p {
         line-height: 22px;
         font-size: 14px;
         max-width: 90%;
         margin: 0px auto;
         margin-bottom: 5px;
     }
     .pages-404 .nobottomborder h1 {
         font-size: 25px;
     }
     .pb-hediin-60 {
         padding-bottom: 60px;
     }
     .pb-hediin-12 {
         padding-bottom: 12px;
     }
     .service-info.h-bdr {
         border: solid 1px #efefef;
     }
     .pages-404 .error404 {
         font-size: 150px;
         margin-top: 0;
     }
     .contact-2 .main-title {
         margin-bottom: 40px;
     }
     .megamenu-area {
         box-shadow: none;
     }
     .megamenu-title {
         font-size: 16px;
         font-weight: 400;
         border-bottom: 1px solid #f9f9f9;
     }
     .navbar-light .navbar-toggler {
         border: none;
         font-size: 20px;
         font-weight: 100;
     }
     .navbar-toggler {
         padding: 0;
         width: 35px;
         height: 35px;
         font-size: 1rem;
         border-radius: 0;
         outline: none;
     }
     .contect-agent-photo img {
         margin-top: 40px;
     }
     .team-2 .detail {
         padding: 25px;
         left: -0;
     }
     .about-text {
         margin-bottom: 40px;
     }
     .about-real-estate .about-img-section .image-box {
         margin: 0 auto;
         padding-bottom: 20px;
         max-width: 550px;
     }
     .banner h3 {
         font-size: 43px;
     }
     .b p {
         margin-bottom: 0;
     }
     .search-options-btn,
     .search-options-btn:hover {
         position: absolute;
         z-index: 10;
     }
     .sub-footer-2 .copy {
         text-align: center;
         margin-bottom: 10px;
     }
     .sub-footer-2 {
         text-align: center;
     }
     .sub-footer-2 .social-list {
         float: none;
     }
     .inline-search-area .search-fields {
         margin-bottom: 15px !important;
         border-radius: 3px !important;
     }
     .inline-search-area .bootstrap-select button {
         padding: 11px 15px 14.5px 15px;
         border-radius: 3px;
         font-weight: 500;
     }
     .inline-search-area .bootstrap-select .dropdown-toggle .filter-option-inner {
         overflow: hidden;
         font-size: 15px;
     }
     .heading-properties-2 h1 {
         font-size: 25px;
     }
     .heading-properties-2 ul li {
         margin-right: 15px;
         font-size: 14px;
     }
     .heading-properties-2 .ratings-2 {
         font-size: 14px;
     }
     .counters-3 {
         padding: 80px 0 50px;
     }
     .banner .btn-5 {
         padding: 8.5px 25px;
     }
     .banner_video_bg .isa-5 {
         margin: 0 !important;
     }
     .main-title-3 h1 {
         font-size: 28px;
     }
     .main-title-5 {
         margin-bottom: 40px;
     }
     .main-title-5 h1 {
         font-size: 32px;
     }
     .main-title-2 {
         margin-bottom: 40px;
     }
     .main-title-2 h1 {
         font-size: 31px;
     }
     .main-title-2 .section-subtitle {
         padding: 4px 18px;
         font-size: 15px;
     }
     .coming-soon-inner h1 {
         font-size: 50px;
     }
     .coming-soon-counter div {
         font-size: 30px;
         margin: 0 5px 10px;
         width: 90px;
         padding: 10px 2px 15px;
     }
 }

 @media (max-width: 768px) {
     .main-title-3 h1 {
         font-size: 26px;
     }
     .main-title-3 p {
         font-size: 17px;
     }
     .main-title-5 {
         margin-bottom: 30px;
     }
     .main-title-5 h1 {
         font-size: 25px;
         margin-bottom: 10px;
     }
     .main-title-2 {
         margin-bottom: 30px;
     }
     .main-title-2 h1 {
         font-size: 28px;
     }
     .main-title-4 h1:after,
     .main-title-4 h2:after,
     .main-title-4 h3:after {
         font-size: 60px;
         top: 7px;
     }
     .main-footer-1 .footer {
         padding-top: 60px;
     }
     .main-title-4 h2 {
         font-size: 26px;
     }
     .main-title-4 {
         margin: 13px 0 35px;
     }
     .main-footer-1 .sub-footer {
         margin-top: 10px;
     }
     .about-text h3 {
         font-size: 28px;
     }
     .about-real-estate .about-box-Experience {
         right: 50px;
         width: 250px;
     }
     .about-real-estate .about-box-Experience .content p {
         font-size: 16px;
     }
     .about-real-estate .about-box-Experience .content h3 {
         font-size: 25px;
     }
     .about-real-estate .about-box-Experience .content {
         right: 28%;
         top: 27%;
     }
     .main-footer-2 .social-media .icon {
         margin: 0 2px 3px;
         width: 40px;
         height: 40px;
         line-height: 40px;
         font-size: 16px;
     }
     .main-footer-3 .footer-item.fi-2 {
         margin-bottom: 50px;
     }
     .contact-2 .contact-form {
         padding: 30px;
     }
     .contact-2 .contact-info {
         padding: 30px;
     }
     .content-area-17 {
         padding-top: 60px;
     }
     .contact-2 .contact-innner {
         margin: 0 auto -60px;
     }
     .testimonial-5 .testimonial-item-new {
         padding: 0px 40px 40px 40px;
     }
     .ss-search-style .ssa2 {
         padding: 30px 15px 15px !important;
     }
     .main-footer-3 .subscribe-newsletter h3 {
         line-height: normal;
         margin-bottom: 15px;
     }
     .main-footer-3 .sub-footer p {
         margin-bottom: 20px;
         text-align: center;
         line-height: normal;
     }
     .main-footer-3 .social-media .icon {
         width: 40px;
         height: 40px;
         line-height: 40px;
     }
     .main-footer-3 .social-media {
         float: inherit;
     }
     .widget {
         padding: 30px 20px;
     }
     .widget-2 {
         padding: 30px 20px;
     }
     .widget-3 {
         padding: 30px 20px;
     }
     .property-box-2 .property-photo img {
         height: auto;
     }
     .product-slider-box .slider-for {
         width: 81%;
     }
     .product-slider-box .slider-nav {
         width: 19%;
     }
     .comon-slick .slick-prev {
         left: 20px;
     }
     .properties-details-Slider .slider-listing {
         height: 300px !important;
     }
     .banner-2 .slide h2 {
         font-size: 27px;
     }
     .comon-slick .slick-next {
         right: 20px;
     }
     .slick-prev {
         left: 15px;
     }
     .banner-3 h1 {
         font-size: 27px;
     }
     .banner-3 p {
         font-size: 16px;
     }
     .slick-next {
         right: 15px;
     }
     .tabbing-box .nav-tabs .nav-item.show .nav-link,
     .nav-tabs .nav-link {
         padding: 9px 15px 9px;
         font-size: 15px;
     }
     .intro-section .intro-section-inner {
         padding: 30px 0;
     }
     .intro-section .btn-7 {
         font-size: 15px;
         padding: 9.5px 30px;
     }
     .intro-section h3 {
         font-size: 25px;
         line-height: normal;
         margin-bottom: 10px;
     }
     .intro-section {
         text-align: center;
     }
     .intro-section .btn-7 {
         float: none;
     }
     .intro-section h3 {
         margin-bottom: 15px;
         line-height: normal;
     }
     .counters-3 .counter-box-3 {
         max-width: 240px;
         margin: 0 auto 30px;
     }
     .counters-3 {
         padding: 60px 0 30px;
     }
     .counters-2 {
         padding: 60px 0 30px;
     }
     .counter-box-1 {
         margin-bottom: 40px;
     }
     .counters-1 {
         padding: 60px 0 20px;
     }
     .counters-4 {
         padding: 60px 0 30px !important;
     }
     .counters-4 .counter-box-3 {
         max-width: 240px;
         margin: 0 auto 30px;
     }
     .text-c {
         text-align: center;
     }
     .text-l {
         text-align: center !important;
     }
     .text-r {
         text-align: center !important;
     }
     .banner h3 {
         font-weight: 500;
     }
     .banner p {
         font-size: 16px;
     }
     .banner-property-box .meta ul li i {
         font-size: 15px;
     }
     .btn-secton {
         right: 10px;
     }
     .banner .plan-price {
         font-size: 30px;
     }
     .banner .plan-price sup {
         top: -15px;
     }
     .filteriz-navigation li {
         font-size: 15px;
         padding: 6px 22px 6px 22px;
     }
     .banner .btn-lg {
         padding: 13px 25px 11px 25px;
     }
     .banner .btn-white-lg-outline {
         font-weight: 500;
         padding: 12px 23px 8px;
     }
     .banner-inner .photo {
         max-width: 190px;
     }
     .testimonial .main-title {
         margin-bottom: 30px;
     }
     .top-header {
         display: none;
     }
     .pds-2 .heading-listing-3 {
         margin: 0 0 20px 0;
     }
     .coming-soon-counter div span {
         margin-bottom: 10px;
     }
     .title-wwtn {
         display: inline-block;
         width: 100%;
     }
     .services-photo {
         display: none;
     }
     .bi-4 {
         margin-top: 0px;
     }
     .counters-2 {
         padding: 60px 0 30px;
     }
     .bi-2 {
         margin-top: 50px;
     }
     .main-title h1 {
         font-size: 28px;
     }
     .comment-content .btn-1 {
         padding: 6px 15px;
         font-size: 12px;
         margin-bottom: 3px;
     }
     .compare-table tr td {
         box-sizing: border-box;
         font-size: 13px;
         padding: 10px 7px;
     }
     .main-footer-1 {
         padding-top: 60px;
     }
     .dashboard-content {
         padding: 30px 15px 0;
     }
     .property-box-2 .price-box {
         right: 30px;
     }
     .invoice .text-right {
         text-align: left !important;
     }
     .invoice .order {
         text-align: left;
         line-height: normal;
     }
     .invoice-mb-30 {
         margin-bottom: 20px;
     }
     .manage-table .listing-photoo {
         width: 100%;
         float: left;
         padding-left: 0;
     }
     .manage-table .listing-photoo img {
         max-width: 280px;
         margin: 0 auto;
     }
     .manage-table .title-container {
         padding: 20px 0 0;
         width: 100%;
         float: left;
     }
     .manage-table .expire-date {
         width: 100%;
         float: left;
         margin-bottom: 10px;
     }
     .responsive-table {
         text-align: center;
     }
     .manage-table .action {
         width: 100%;
         float: left;
         padding: 0;
     }
     .manage-table .action a {
         display: inline-block;
         margin: 3px 0;
         padding: 3px 15px;
         background: #f5f6f7;
         border-radius: 50px;
     }
     .manage-table .action a i {
         margin-right: 0;
     }
     .dashboard-header .breadcrumb-nav {
         right: 15px;
         display: inline-block;
         font-size: 15px;
         float: left;
     }
     .dashboard-header .breadcrumb-nav ul li {
         display: inline-block;
         list-style: none;
         margin: 0 15px 0 0;
     }
     .edit-profile-photo {
         width: 160px;
         margin-bottom: 40px;
     }
     .invoice .table td,
     .table th {
         padding: 10px 5px;
     }
     .main-title {
         margin-bottom: 30px;
     }
     .search-area-2 .form-group {
         margin-bottom: 10px;
     }
     .property-meta {
         padding: 20px 5px;
     }
     .search-area-2 {
         padding: 30px 20px 10px;
     }
     .property-meta ul li {
         font-size: 14px;
     }
     .property-meta ul li i {
         margin-right: 7px;
         font-size: 17px;
     }
     .sub-banner {
         height: 320px;
     }
     .sub-banner .breadcrumb-area h1 {
         font-size: 23px;
     }
     .sub-banner .breadcrumbs li {
         font-size: 16px;
         font-weight: 400;
     }
     .sub-footer {
         text-align: center;
     }
     .coming-soon-inner {
         margin: 0 auto;
     }
     .coming-soon-counter div {
         padding: 5px 2px 3px;
     }
     .coming-soon-inner h1 {
         font-size: 32px;
     }
     .coming-soon-counter div {
         width: 80px;
     }
     .coming-soon-inner .coming-form {
         max-width: 95%;
         margin: 20px auto;
     }
     .banner .banner-slider-inner h1 {
         font-size: 35px;
     }
     .banner h2 {
         font-size: 35px;
     }
     .banner-property-box .mb-30 {
         margin-bottom: 20px;
     }
     .banner h3 {
         font-size: 35px;
     }
     .banner .btn-md {
         padding: 9px 15px;
         font-size: 12px;
     }
     .form-content-box {
         margin: 40px auto;
     }
     .form-content-box h3 {
         margin: 0 0 20px;
         font-size: 17px;
     }
     .blog-social-list {
         float: left;
         margin-top: 5px;
     }
     .countdown .top {
         font-size: 30px;
     }
     .pages-404 .error404 {
         margin-bottom: 30px;
         font-size: 150px;
     }
     .pages-404 .nobottomborder h4 {
         font-size: 16px;
     }
     .pages-404 .nobottomborder {
         margin-bottom: 0;
         padding-left: 0;
     }
     .setting-button {
         font-size: 14px;
         width: 36px;
         height: 36px;
         line-height: 38px;
         left: -35px;
     }
     .inside-properties iframe {
         height: 220px;
     }
     .breadcrumbs {
         font-size: 12px;
     }
     .back-to-listings {
         height: 35px;
         line-height: 35px;
         width: 35px;
         font-size: 15px;
     }
     .search-area label {
         display: none;
     }
     .listings-parallax h1 {
         font-size: 25px;
         margin: 0 0 20px;
     }
     .listings-parallax {
         text-align: center;
         padding-top: 60px;
     }
     .contact-details .media .media-left {
         padding-right: 20px;
     }
     .search-area-inner {
         margin: 0 -15px;
     }
     .search-contents .col-xs-12,
     .search-contents .col-xs-6 {
         padding: 3px 10px;
     }
     .search-box .form-group {
         margin-bottom: 0;
     }
     .blog-box .detail .tags-box {
         margin-bottom: 20px;
     }
     .blog-box .detail .blog-share {
         float: left;
         text-align: left;
     }
     .comments ul {
         margin: 0 0 0 0;
     }
     .comment-body {
         margin: 10px 0 0 0;
         line-height: 20px;
         padding: 10px 0 0 0;
         font-size: 13px;
         text-align: justify;
     }
     .blog-banner {
         text-align: center;
         padding: 40px 0;
     }
     .comment-content {
         margin: 0 0 0 80px;
     }
     .comment-author {
         height: 60px;
         width: 60px;
     }
     .form-content-box .details {
         padding: 30px 20px;
     }
     .sec-title-three h2 {
         margin-top: 0;
     }
     .content-area-2 {
         margin-bottom: 60px;
     }
     .content-area-3 {
         margin-bottom: 30px;
     }
     .content-area-4 {
         padding: 60px 0 30px;
     }
     .content-area-6 {
         padding: 60px 0 30px;
     }
     .content-area-8 {
         padding: 60px 0 30px;
     }
     .content-area-10 {
         padding: 60px 0 20px;
     }
     .content-area-11 {
         padding: 30px 0 20px;
     }
     .content-area-12 {
         padding: 60px 0 90px;
     }
     .content-area-9 {
         padding: 50px 0 50px;
     }
     .content-area-13 {
         padding: 60px 0 10px;
     }
     .content-area-14 {
         padding: 80px 0 50px;
     }
     .content-area-15 {
         padding: 80px 0 55px;
     }
     .content-area-16 {
         padding: 80px 0 50px;
     }
     .about-text {
         padding: 0;
     }
     .search-area .form-group {
         margin-bottom: 10px;
     }
     .recent-properties-box .detail .location a {
         font-size: 14px;
     }
     .about-box {
         max-width: 100%;
     }
     .my-properties-box .detail .location {
         font-size: 14px;
     }
     .properties-amenities ul li {
         list-style: none;
         margin-bottom: 10px;
     }
     .properties-condition ul li {
         margin-bottom: 10px;
     }
     .heading-properties h3 {
         font-size: 18px;
     }
     .heading-properties p {
         font-size: 13px;
     }
     .heading-properties h5 {
         font-size: 13px;
     }
     .typography-page p {
         font-size: 13px;
         line-height: 25px;
         text-align: justify;
     }
     .breadcrumb-area .btn-md {
         padding: 10px 20px;
     }
     .heading-properties-2 .pull-left {
         display: inline-block;
         width: 100%;
     }
     .heading-properties-2 h1 {
         font-size: 22px;
     }
     .heading-properties-2 .pull-right {
         float: left;
     }
     .heading-properties-2 ul {
         margin-bottom: 5px;
         display: inline-block;
     }
 }

 @media (max-width: 580px) {
     .inline-search-area .icon-append {
         top: 12px;
     }
     .sorting-options2 .bootstrap-select {
         width: 160px !important;
     }
     .option-bar .sort {
         margin-right: 5px;
     }
     .inline-search-area .btn {
         margin: 0 !important;
     }
     .item-bg img {
         height: 100vh !important;
     }
     .property-box-4 .price-box {
         bottom: 35px;
     }
     .setting-button {
         display: none;
     }
 }

 @media (max-width: 500px) {
     .banner h3 {
         font-size: 27px;
     }
     .banner .banner-slider-inner h1 {
         font-size: 27px;
     }
     .banner h2 {
         font-size: 27px;
     }
 }

 @media (max-width: 380px) {
     .heading-properties-3 .pull-right {
         float: left;
     }
     .heading-properties-3 .pull-left {
         display: inline-block;
         width: 100%;
     }
     .heading-properties-3 span {
         float: left;
     }
     .heading-properties-3 h1 span {
         margin-bottom: 10px;
     }
     .properties-details-page p {
         margin-bottom: 0;
     }
     .heading-properties-3 {
         margin-bottom: 20px;
     }
 }

 <style>
 /* SECTOR 78 HIGHLIGHTS GRID */

 #sector78-highlights {
     padding: 40px 0;
     background: #f9fbfd;
 }

 #sector78-highlights .heading_dlf h2 {
     font-size: 26px;
     color: #0c4b8a;
     margin-bottom: 12px;
 }

 #sector78-highlights .title-border-inner {
     width: 60px;
     height: 3px;
     background: #0c4b8a;
     margin: 10px auto 0;
     border-radius: 2px;
 }

 .sector-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 24px;
     margin-top: 36px;
 }

 .sector-item {
     background: #fff;
     border: 1px solid #e0e7f1;
     border-radius: 12px;
     padding: 24px 18px;
     box-shadow: 0 4px 14px rgba(12, 75, 138, 0.06);
     transition: all 0.3s ease;
 }

 .sector-item:hover {
     transform: translateY(-6px);
     box-shadow: 0 8px 24px rgba(12, 75, 138, 0.12);
 }

 .sector-item h4 {
     font-size: 18px;
     color: #0c4b8a;
     margin-bottom: 10px;
     font-weight: 600;
 }

 .sector-item p {
     font-size: 15px;
     line-height: 1.65;
     color: #4b5966;
     margin: 0;
 }

 /* Responsive */

 @media (max-width: 900px) {
     .sector-grid {
         grid-template-columns: 1fr;
     }
 }

 </style><style>
 /* ABOUT DEVELOPER: Text only style */

 #about-developer {
     padding: 40px 0;
 }

 .about-card {
     background: #ffffff;
     border: 1px solid #e8eef6;
     border-radius: 12px;
     padding: 26px 24px;
     box-shadow: 0 6px 20px rgba(12, 75, 138, 0.05);
 }

 .about-content h3 {
     margin: 0 0 6px;
     font-size: 35px;
     color: #0c4b8a;
     letter-spacing: 0.4px;
     font-weight: 700;
     text-transform: uppercase;
 }

 .about-content h2 {
     margin: 0 0 14px;
     font-size: 22px;
     color: #133d6b;
     line-height: 1.2;
 }

 .about-desc {
     margin: 0 0 16px;
     color: #4b5966;
     font-size: 15px;
     line-height: 1.65;
 }

 .dev-highlights {
     margin: 0 0 16px;
     padding-left: 18px;
     color: #44525a;
     font-size: 15px;
     line-height: 1.6;
 }

 .dev-highlights li {
     margin-bottom: 8px;
 }

 .small-note {
     margin: 10px 0 18px;
     font-size: 13px;
     color: #6b7884;
 }

 /* CTA buttons */

 .about-cta {
     display: flex;
     gap: 12px;
     flex-wrap: wrap;
 }

 .btn-primary,
 .btn-outline {
     padding: 10px 18px;
     border-radius: 8px;
     text-decoration: none;
     font-weight: 600;
     font-size: 14px;
     display: inline-block;
 }

 .btn-primary {
     background: #0c4b8a;
     color: #fff;
     border: 1px solid #0c4b8a;
 }

 .btn-outline {
     background: transparent;
     color: #0c4b8a;
     border: 1px solid #cfe0f6;
 }

 </style><style>
 /* REVIEWS / TESTIMONIALS */

 .reviews-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
     gap: 24px;
     margin-top: 36px;
 }

 .review-card {
     background: #fff;
     border: 1px solid #e0e7f1;
     border-radius: 12px;
     padding: 24px 18px;
     box-shadow: 0 4px 14px rgba(12, 75, 138, 0.06);
     transition: all 0.3s ease;
 }

 .review-card:hover {
     transform: translateY(-6px);
     box-shadow: 0 8px 24px rgba(12, 75, 138, 0.12);
 }

 .review-card p {
     font-size: 15px;
     line-height: 1.65;
     color: #4b5966;
     margin-bottom: 16px;
 }

 .reviewer strong {
     font-size: 15px;
     color: #0c4b8a;
     display: block;
 }

 .reviewer span {
     font-size: 13px;
     color: #6b7884;
 }

 /* Responsive */

 @media (max-width: 900px) {
     .reviews-grid {
         grid-template-columns: 1fr;
     }
 }
/* Fix floating_enquiry bar for only 2 items (Enquiry + Contact Us) */
.floating_enquiry {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9999;
    background: #2C3E50;
}

.floating_enquiry ul {
    display: flex;
    align-items: stretch;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

/* Kill any leftover nth-child width rules from the old 4/5-item layout */
.floating_enquiry ul li {
    flex: 1 1 50%;
    max-width: 50%;
    width: 50% !important;
    text-align: center;
    position: relative;
}

/* Divider line between the two items */
.floating_enquiry ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 15%;
    height: 70%;
    width: 1px;
    background: rgba(255, 255, 255, 0.25);
}

.floating_enquiry ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 100%;
    padding: 14px 10px;
    color: #fff;
    text-decoration: none;
    font-family: "Cormorant Garamond", serif;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 15px;
}

.floating_enquiry ul li a img {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.floating_enquiry ul li a:hover {
    color: #C5973C;
}

/* Mobile tweaks */
@media (max-width: 575px) {
    .floating_enquiry ul li a {
        font-size: 12px;
        padding: 12px 6px;
        gap: 6px;
    }
    .floating_enquiry ul li a img {
        width: 16px;
        height: 16px;
    }
}

@media (max-width: 375px) {
    .floating_enquiry ul li a {
        font-size: 11px;
        flex-direction: column;
        gap: 3px;
    }
}
 </style>