:root{
    --color-accent-primary-1: #b77e3c;
    --color-accent-primary-2: #ebe6dd;
    --color-accent-primary-3: #c9bcae;
      --color-accent-primary-4: #837567;
    --color-accent-secondary-1: #628ab2;
    --color-accent-secondary-2: #b77e3c;
    --color-accent-secondary-3: #283847;
    --color-accent-secondary-4: #162330;
}
@font-face {
    font-family: 'Luxia';
    src: url('assets/fonts/luxia-regular.otf');
}
@font-face {
    font-family: 'TrajanPro';
    src: url('assets/fonts/TrajanPro-Regular.ttf');
}


html{
    overflow-x: hidden !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 15px !important;
    line-height: 20px !important;

}
body.home,.page-id-1195 {overflow-x: hidden;}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Luxia';
}

a {
    text-decoration: none !important;
}

.section-title,
.h2,
h2 {
    font-family: 'Luxia';
    font-size: 25px;
    line-height: 1.4;
    margin-bottom: 20px;
    color: #cba05f;
}

.sec-padd {
    padding: 70px 0;
}

.sec-padd-top {
    padding-top: 70px;
}

.sec-padd-bot {
    padding-bottom: 70px;
}

.mt-30 {
    margin-top: 30px;
}
.mb-60{
    margin-bottom: 60px;
}
.mt-60{
    margin-top: 60px;
}
.sec-mar{
    margin: 70px 0;
}
.text-blue {
    color: #b77e3c;
}

.text-orange {
    color: #b77e3c;
}

.bg-blue {
    background: #b77e3c;
}

.bg-lightblue {
    background: #cfe5f9;
}

.dark-bg {
    background: #212121;
}

.grey-bg {
    background: #f1f0f0;
}

.pink-bg {
    background: #f1f0f0;
}
.pink-bg .animate-border:after{border-color: #f1f0f0 !important;}
.grey-bg  .animate-border:after{border-color: #f1f0f0 !important;}

.pt-30 {
    padding-top: 30px
}
.owl-carousel.off {
    display: block;
}
.hi-txt {
    letter-spacing: 7px;
}
/*#engtClosedCallout {
    display: none;
}*/
header:not(.page header,.blog header,.single header) {
    background: #000;
}
/******************Header**************/

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-light .navbar-toggler {
    color: #fff !important;
    border-color: transparent !important;
}

.navbar {
    display: block !important;

}
.navigation-type-split .navigation-menu-wrapper .navigation-menu-list .menu-item-list a {
    display: flex;
    align-items: center;
    transform: none !important;
    opacity: 1 !important;
    position: relative !important;
    pointer-events: auto !important;
}
.menu-wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.navbar-nav .nav-link {
    position: relative;
    font-family: 'Roboto', sans-serif;
    color: #fff !important;
    font-size: 19px;
    text-transform: capitalize;
    transition: padding .5s cubic-bezier(.77,0,.175,1) 0s,color 1s cubic-bezier(.77,0,.175,1) 0s;
    display: inline-block;
    letter-spacing: 1px;
}
.nav-item{
    margin: 0 15px;

}
.center-navigation .nav-item {
    margin: 0 40px;
    min-width: initial;
    text-align: center;
}
.navbar-nav .nav-link:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background-color: #b77e3c;
    transition: all .5s cubic-bezier(.77,0,.175,1);

}
.navbar-nav li:hover>a:after {
    width: 100%
}
.navbar-nav .nav-link.active:after{width: 100%;}
.navbar-nav .nav-link:after{width: 0;}

nav.fixed {
    transition: ease all 0.5s;
    background: #000000de;
}
.single-jobpost #homenavigation,.error404 #homenavigation {
    transition: ease all 0.5s;
    background: #222 !important;
}
.sjb-container {
    margin-top: 134px;
}
.navbar-nav .dropdown-item {
    padding: 10px 12px !important;
    border-bottom: 1px solid rgba(255,255,255,.21);
    color: #fff;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #1e2125 !important;
}
.dropdown-menu {
    color: #fff;
    background-color: #000 !important;
    min-width: 13rem !important;
}
.dropdown-submenu > a::before {
    position: absolute;
    width: 1.5rem;
    height: 1rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
    background-repeat: no-repeat;
    transition: transform .2s ease-in-out;
    right: 9px;
    top: 12px;
    transform: rotate(0deg);
    transition: ease all 0.5s;
}
.dropdown-submenu:hover > a::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-90deg);
    transition: ease all 0.5s;
    top: 8px;
}
.dropdown-submenu > a {
    position: relative;
}
.navbar-toggler:focus {
    box-shadow: 0 0 0 0 !important;
}

.carousel-caption {
    position: absolute;
    right: 0 !important;
    bottom: 50% !important;
    left: 0 !important;
    top: 27% !important;
    margin: 0 auto !important;
    z-index: 9;
}

/* .carousel::after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .5);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
} */
.home .carousel::after {
    background: transparent;
}
.banner_overlay{
    position: relative;
}
.banner_overlay:after {
    position: absolute;
    content: '';
    /* background: rgba(0,0,0,0.5); */
    background: #b77e3cf2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    clip-path: polygon(101% 0, 54% 100%, 100% 100%);
}
.slider-text {
    position: absolute;
    bottom: 105px;
    right: 30px;
    text-align: right;
    font-family: 'TrajanPro';
    z-index: 9;
	color:#fff;
}

.banner-title {
    font-size: 36px;
    line-height: 1.4;
    letter-spacing: 4px;
    color: #fff;
    padding: 0 15px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
.banner-md-title {
    font-size: 55px;
    line-height: 86px;
    letter-spacing: 2px;
    width: 100%;
}
.banner-sm-title {
    font-size: 40px;
    line-height: 1.2;
}
.banner-xs-title {
    position: relative;
    font-size: 24px;
    letter-spacing: 1px;
    display: inline-block;
    padding: 15px 0 0 30px;
}
.banner-xs-title::before {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    width: 100%;
    left: 0;
    top: 0;
}
.homeslider .item {
    /*height: calc(100vh - 0px);*/
    position: relative;
}
.homeslider .item video{
    min-height: 100%;
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: 50% 0;
}

.homeslider .owl-item.active .banner_overlay:after{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    animation-delay: 1s;
}
.homeslider .owl-item.active .banner-sm-title{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 2s;
}
.homeslider .owl-item.active .banner-md-title{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 3s;
}
.homeslider .owl-item.active .banner-xs-title{
	-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 3.5s;
}

.home .carousel-inner .carousel-item > img{
    height: 100vh;
}
.homeslider .owl-item .item{
	overflow: hidden;
}
.homeslider .owl-item .item img{
    animation: kenburns 40s linear infinite;
}
/* .homeslider .owl-item.active .item img{
    transform: scale(1.2);
    animation: kenburns 60s linear infinite;
} */
.homeslider.owl-carousel .owl-nav button.owl-next, .homeslider.owl-carousel .owl-nav button.owl-prev{
    z-index: 999 !important;
    position: relative !important;
}
.homeslider.owl-carousel .owl-nav button.owl-prev{
    margin-left: 15px;
}
.homeslider.owl-carousel .owl-nav button.owl-next{
    margin-right: 15px;
}
#floorplan .card img {
    height: 350px;
    object-fit: cover;
    object-position: center !important;
}
section {
    overflow-x: hidden;
}
@keyframes kenburns {
    0% {
      opacity: 1;
	  transform: scale(1);
    }
    50% {
      opacity: 1;
      transform: scale(1.2);
    }
    100% {
      opacity: 1;
      transform: scale(1);
    }
}
.page-template-template-project .carousel-item img {
    height: calc(100vh - 100px);
}
.fun-bg {
    background: url('../../uploads/2023/03/fact.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}

.overlay {
    position: relative;
}

.overlay>* {
    position: relative;
    z-index: 9;
}

.overlay:after {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;

}

.fact-item {
    color: #FFFFFF;
}

.event-item h4 {
    font-size: 18px;
    margin-top: 10px;
    color: #222;
}

.box-wrap {
    align-items: center;
    border: 1px solid #000;
    padding: 10px;
    margin-top: 30px;
}

.icon-wrap img {
    width: 45px;
    margin-right: 13px;
}

.box-wrap>* {
    position: relative;
    z-index: 9;
}

.bg-hover {
    position: relative;
}

.bg-hover>* {
    position: relative;
    z-index: 1;
}

.bg-hover:after {
    content: '';
    position: absolute;
    left: 100%;
    bottom: 0px;
    top: 0px;
    height: 100%;
    width: 0px;
    background-color: #b77e3c;
    transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
}

.bg-hover:hover img {
    filter: brightness(0) invert(1);
}

.bg-hover:hover>* {
    color: #fff;
}

.bg-hover:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;

}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px !important;
    line-height: 1.42857143;
    vertical-align: middle;
}

.amenities-gallery {
    position: relative;
    width: 100%;
    overflow: hidden;
    transition: all 0.5s;
    /* margin-bottom: 10px; */
    box-shadow: 0 10px 8px -6px rgba(0, 0, 0, 0.5);
}

.amenities-gallery .actual {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    padding: 0px 10px 2px 10px;
    z-index: 99;
}
.highlight_actual {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    font-size: 16px;
    padding: 6px 20px;
    z-index: 99;
    background: linear-gradient(90deg, rgba(200,177,120,1) 42%, rgba(249,230,176,0.8267682072829132) 100%);
}
ul.listing {
    padding-left: 17px;
}

ul.listing li {
    margin-bottom: 15px;
}

ul.listing li::marker {
    color: #b77e3c;
}
.list-box {
    padding-left: 17px;
}
.list-box li {
    font-size: 15px;
    margin-bottom: 15px;
    position: relative;
    padding-left: 7px;
}
.list-box li::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    left: -19px;
    top: 2px;
    background-image: url("data:image/svg+xml,%3Csvg width='30px' height='30px' viewBox='0 0 30 30' data-name='Layer 1' id='Layer_1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23b77e3c' d='M18.43 7.577a0.962 0.962 0 0 1 0.681 0.283L26.25 14.909 19.12 22.13a0.957 0.957 0 0 1 -0.689 0.293A0.978 0.978 0 0 1 17.445 21.445V17.844s-1.251 -0.625 -3.366 -0.625c-2.469 0 -6.115 0.851 -10.329 4.538 0 0 1.956 -9.782 13.695 -9.782V8.557a0.978 0.978 0 0 1 0.985 -0.981m0 -1.758h0A2.745 2.745 0 0 0 16.55 6.563a2.7 2.7 0 0 0 -0.862 1.996v1.73c-2.254 0.185 -4.307 0.736 -6.12 1.641a14.117 14.117 0 0 0 -4.746 3.837C2.624 18.515 2.051 21.296 2.026 21.413A1.758 1.758 0 0 0 4.908 23.08c3.876 -3.392 7.127 -4.101 9.171 -4.101a8.075 8.075 0 0 1 1.609 0.157V21.445A2.703 2.703 0 0 0 16.55 23.438a2.749 2.749 0 0 0 1.881 0.741 2.708 2.708 0 0 0 1.94 -0.816L27.501 16.145a1.758 1.758 0 0 0 -0.016 -2.486L20.346 6.611a2.711 2.711 0 0 0 -1.915 -0.791Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.redev-list {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 0;
}
.redev-list li {
    flex: 0 0 34%;
}
.redev-list li:last-child{
    margin-bottom: 0;
}
.readmore.collapsed .fa::before {
    content: "\f0fe";
    transition: ease all 0.5s;
}

.readmore .fa::before {
    content: "\f146";
    transition: ease all 0.5s;
}

.projectFactsWrap .facttext {
    color: #b77e3c;
    font-size: 21px;
}

.number{
    font-family: 'Luxia';
    font-size: 63px;
    line-height: 1;
    /* margin-bottom: 20px; */
    color: #d2a463;
}

.fact-item {
    color: #FFFFFF;
    /* border-left: 5px solid #b77e3c;
    padding-left: 25px; */
    display: flex;
    align-items: center;
}
.milestone-content .fact-item{
    border-left: 5px solid #d2a463;
    padding-left: 25px;
}
.suffix {
    color: #b77e3c;
    font-size: 39px;
    margin-left: 5px;
    line-height: 30px;
}
.fact-item .d-flex{
    align-items: flex-start;
    font-style: italic;
}
.funfact {
    padding: 120px 0;
}
.funfact .row>div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fact-item p {
    margin-bottom: 0;
    margin-left: 6px;
    margin-top: 20px;
    font-style: italic;
}

.amenities-icon .icons-wrap img {
    width: 70px !important;
}

.proje-item .proj-img {
    margin-bottom: 10px;
}
.proje-item .proj-btn {
    flex: 0 0 37%;
    text-align: right;
}
.proje-item .proj-img img {
    transform: scale(1);
    transition: ease all 0.5s;

}
.events .owl-item.active .blog_img{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 1s;
}
.events .owl-item.active .blog_content_wrap{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 2s; 
}
.events .blog_content_wrap {
    /* bottom: 50px; */
    /* margin-bottom: -50px; */
    /* margin-right: 50px; */
    padding: 10px 15px;
    position: relative;
    z-index: 1;
    background: #090909;
    min-height: 107px;
    border: 1px solid #b77e3c;
	border-radius: 5px;
	transition:all 0.3s;
    border-radius: 15px;
}
.events .blog_content_wrap:hover {
    border-radius: 15px;
    border: 1px solid #5f421f;
    background-color: #5f421f;
}
/* .proj-carousel .item {
    max-width: 500px;
    margin: 0 auto;
} */

.proje-item .proj-img:hover img {
    transform: scale(1.1);
    transition: ease all 0.5s;
}

.proje-item .proj-img {
    overflow: hidden;
}

/* .proj-logo {
    max-width: 170px;
    min-height: 117px;
} */
.proj-logo img {
    height: 75px;
    object-fit: contain;
	margin: 0 auto;
}
.award-carousel .item{position: relative;}
/* .award-carousel .item:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 0;
    border-top: 3px solid transparent;
    border-left: 3px solid transparent;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.award-carousel .item:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0;
    border-bottom: 3px solid transparent;
    border-right: 3px solid transparent;
    -webkit-transition: all 0.55s ease;
    transition: all 0.55s ease;
}
.award-carousel .item:hover:before, .award-carousel .item:hover:after {
    width: 100%;
    height: 100%;
}
.award-carousel .item:hover:before{
    border-top: 3px solid #C8B178;
    border-left: 3px solid #C8B178;
}
.award-carousel .item:hover:after {
    border-bottom: 3px solid #C8B178;
    border-right: 3px solid #C8B178;
} */
.award-img img {
    max-width: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 94px;
}
.award-carousel .item {
    margin: 30px;
    padding: 15px;
    /* min-height: 295px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    border: 1px solid #b7b7b7;
    background: #ffff; */
}
.award-item .subhead {
    width: 192px;
    height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    position: relative;
    transition: ease all 0.5s;
    word-break: break-word;
    padding: 28px;
    color: #fff;
}
.award-item p {
    font-size: 16px;
    color: #fff;
    font-weight: 800;
    margin-top: 20px;
    line-height: 1.4;
    max-width: 243px;
}
.award-item .subhead::before {
    content: '';
    background: url('../../img/awards-arc.webp') center center;
    position: absolute;
    background-size: contain;
    width: 100%;
    height: 100%;
    transition: ease all 0.5s;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    text-align: center;
}   
.award-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 25px;
}
.award-item::before,.award-item::after{
    position: absolute;
    content: '';
    border: 1px solid #C8B178;
    width: 24px;
    height: 55%;
}
.award-item::before {
    border-right: 0;
    left: 0;
}
.award-item::after {
    border-left: 0;
    right: 0;
}
.award-img {
    max-width: 100px;
    margin: 0  auto;
}
.page-id-507 .navigation-type-split,.page-template-template-project .navigation-type-split{
    position: relative;
    background-color: #222 !important;
}
.page-id-507 .navigation-type-split.fixed,.page-template-template-project .navigation-type-split.fixed{
    position: fixed;
}
.single .inner-banner{
    height: 500px;
}
.page .inner-banner,.archive .inner-banner {
    height: 70vh;
}
.inner-banner {
    position: relative;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.inner-banner {
    background: url("../../img/banner/blog-banner.jpg");
}

.inner-banner .inner-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 50%);
}

.inner-banner.contactus-banner {
    background: url("../../img/banner/contact-banner.jpg");
}
.inner-banner.blog-banner {
    background: url("../../img/banner/blog-banner.png");
    background-position: top center !important;
}
.inner-banner.career-banner {
    background: url("../../img/banner/career-banner.webp");
}

.inner-banner.selectclub-banner {
    background: url("../../img/banner/select-banner.webp");
    background-position: top center !important;
}
.inner-banner.selectconnect-banner {
    background: url("../../img/banner/connect-banner.webp");
}
.inner-banner.partner-banner {
    background: url("../../img/banner/partner-1.jpg");
}
.inner-banner.nri-banner {
    background: url("../../img/banner/nri-banner.webp");
}
.inner-banner.redevelop-banner {
    background: url("../../img/banner/redevelop-banner.webp");
}
.inner-banner.about-banner {
    background: url("../../img/banner/about-banner.jpg");
}
.inner-banner.faqs-banner{
    background: url("../../img/banner/faqs-banner.webp");
    background-position: top center !important;
}
.inner-banner.testimonial-banner{
    background: url("../../img/banner/testimonial-banner.jpg");
}
.inner-banner.newsletter-banner{
    background: url("../../img/banner/news-banner.webp");
}
.inner-banner.pr-banner{
    background: url("../../img/banner/pr-banner.webp");
}
.inner-banner.pune-banner{
    background: url("../../img/banner/pune-banner.webp");
}
.inner-banner.event-banner{
    background: url("../../img/banner/events-banner.webp");
}
.inner-banner.mumbai-banner{
    background: url("../../img/banner/projects-banner.jpg");
}
.inner-banner.innercircle-banner{
    background: url("../../img/banner/innercircle_banner.webp");
    background-position: top center !important;
}
.inner-banner.awards-banner{
    background: url("../../img/banner/awards-banner.webp");
}
.inner-banner.brand-banner{
    background: url("../../img/banner/brand-banner.webp");
}
.expertise-sec .expertise-banner{
    background: url("../../img/banner/expertise-bg-1.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 4rem 0;
}
#awards {
    background: url("../../img/layer-bg.png");
    position: relative;
    background-size: cover;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 1);
    padding-top: 9rem;
    margin-top: -178px;
}
.benefits-sec{
    background: url("../../img/banner/Select-club-middle.jpg");
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 11rem 0 10rem;
}
.blog_date i {
    margin-right: 10px;
}
/****************Testimonial*********/
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #b77e3c !important;
    border-color: transparent !important;
    border-radius: 0 !important;
}

.nav-tabs .nav-link {
    border: 1px solid #b77e3c !important;
    color: #272727 !important;
    border-radius: 0 !important;

}
.testimonial-carousel .item img {
    height: 350px;
    object-fit: cover;
    object-position: center;
}
.testimonial .item a,
.video a,.two_col_carousel a {
    position: relative;
	display: inline-block;
    overflow: hidden;
}
.testimonial img,
.video img,.two_col_carousel .item img {
    width: 100%;
    display: block;
    transition: all 0.5s;
}
.two_col_carousel .item img {
    border-radius: 50px 0;
}
.page-template-page-videos .video img {
    object-fit: contain;
}
.testimonial a:hover img,
.video a:hover img,.two_col_carousel a:hover img{
    transform: scale(1.19);
    transition: all 0.5s;
}
.testimonial .item a::before,
.video a::before {
    position: absolute;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 60 60' style='enable-background:new 0 0 294.843 294.843;' xml:space='preserve' width='60' height='60'%3E%3Cg%3E%3Cpath fill='%23fff' d='M56.68 16.269c-2.101 -4.075 -5.165 -7.673 -8.86 -10.405c-0.542 -0.401 -1.307 -0.286 -1.708 0.256s-0.286 1.307 0.256 1.708c3.396 2.511 6.211 5.817 8.142 9.561c2.023 3.923 3.048 8.166 3.048 12.612c0 15.195 -12.363 27.558 -27.558 27.558S2.442 45.196 2.442 30S14.804 2.442 30 2.442c0.674 0 1.221 -0.547 1.221 -1.221s-0.547 -1.221 -1.221 -1.221C13.458 0 0 13.458 0 30s13.458 30 30 30s30 -13.458 30 -30C60 25.229 58.852 20.481 56.68 16.269z'/%3E%3Cpath fill='%23fff' d='M22.324 16.07c-0.382 0.217 -0.618 0.623 -0.618 1.061v26.795c0 0.674 0.547 1.221 1.221 1.221s1.221 -0.547 1.221 -1.221V19.279l18.077 10.762l-13.293 8.565c-0.567 0.365 -0.73 1.121 -0.365 1.688c0.365 0.567 1.121 0.731 1.688 0.365l14.95 -9.632c0.355 -0.229 0.567 -0.625 0.559 -1.048c-0.008 -0.423 -0.233 -0.811 -0.596 -1.028L23.551 16.082C23.174 15.858 22.705 15.853 22.324 16.07z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    width: 50px;
    height: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    animation: pulse-cust2 2s infinite;
    border-radius: 50%;
    z-index: 9;
}
.video img {
    min-height: 350px;
    object-fit: cover;
    object-position: center !important;
}
.video-title {
    position: relative;
    bottom: 0;
    padding: 10px 15px;
    font-size: 18px;
    width: 100%;
    height: auto;
    color: #222;
    z-index: 9;
    line-height: 1.4;
    background: #fff;
    margin-bottom: 0;
    text-align: center;
}
.testimonial .item a::after, .video a::after {
    position: absolute;
    content: '';
    background: rgba(0,0,0,.4);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.testimonial-carousel .item {
    text-align: center;
}
@-webkit-keyframes pulse-cust2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(243, 235, 235, 0.5)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(255, 0, 0, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@keyframes pulse-cust2 {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(243, 235, 235, 0.5)
    }

    70% {
        -webkit-box-shadow: 0 0 0 50px rgba(255, 0, 0, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}


.box-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-right .btn-wrap {
    text-align: right;
    margin-top: -25px;
    margin-right: 25px;
}

.box-left .btn-wrap {
    text-align: left;
    margin-top: -25px;
    margin-left: 25px;
}

.box-title h4 {
    background: #b77e3c;
    color: #fff;
    padding: 6px 20px;
    margin-bottom: 0;
}

.box-item .logo-wrap img {
    max-width: 190px;
    margin: 0 auto;
}

.box-item .logo-wrap {
    text-align: center;
    margin: 30px 0;
}
.title-box {
    color: #222;
}

.boxitem1 .box-left,
.boxitem2 .box-right {
    border: 1px solid #b77e3c;
}

.boxitem1 .box-right,
.boxitem2 .box-left {
    position: relative;
    z-index: 9;
}

.boxitem1 .box-left {
    padding-right: 120px;
    margin-right: -80px;
    box-shadow: rgb(0 0 0 / 50%) 0px 30px 60px -12px, rgb(0 0 0 / 30%) 0px 18px 36px -18px;
    background: #fff;
}

.boxitem2 .box-right {
    padding-left: 120px;
    margin-left: -80px;
    box-shadow: rgb(0 0 0 / 50%) 0px 30px 60px -12px, rgb(0 0 0 / 30%) 0px 18px 36px -18px;
    background: #fff;
}
.owl-carousel .owl-stage-outer {
    z-index: 9;
}
.owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    bottom: 50%;
  }
  .owl-carousel .owl-nav button.owl-prev {
    float: left;
    margin-left: -50px;
  }
  .owl-carousel .owl-nav button.owl-next {
    float: right;
    margin-right: -50px;
  }

/**********faqs***********/
.inner-mb{
    margin-bottom: 33vh;
}
.faqs .owl-item .item {
    padding: 30px;
    min-height: 300px;
}

.faqs .owl-item:nth-child(odd) {
    background: #ededed;
}

.faq-title {
    font-size: 18px;
    line-height: 1.4;
}

.anshead {
    position: relative;
    display: inline-block;
    padding: 5px 35px 5px 0;
}

.anshead::after {
    position: absolute;
    content: '';
    border-top: 2px solid #b77e3c;
    width: 25px;
    right: 0;
    top: 16px;
}

/********Call back********/
.calbackbg {
    position: relative;
}

.calbackbg::after {
    position: absolute;
    content: '';
    background: url('../../uploads/2023/03/callbackbg-1.jpg') no-repeat;
    background-position: center;
    left: 0;
    top: 0;
    width: 100%;
    height: 70%;
    background-attachment: fixed;
}


.callback-wrapper {
    position: relative;
    z-index: 9;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    background: url('../../uploads/2023/04/sec-bg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px;
    margin-top: 60px;
}

.referral-form .greypatch-bg {
    position: relative;
    background: url('../../uploads/2023/04/sec-bg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}
.greypatch-bg {
    position: relative;
    background: url('../../uploads/2023/04/sec-bg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(255,255,255,0.8);
}
.club-section{
    position: relative;
    background: url('../../uploads/2023/04/home-patch.png') no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgb(228 228 228 / 90%);
}
.callback-wrapper .contact-form {
    background: transparent;
}
.thanyou-sec .greypatch-bg {
    position: relative;
    background: #f1f0f0 !important;
}
.image-stack::after {
    content: ' ';
    display: table;
    clear: both;
}

.image-stack__item--top {
    float: right;
    width: 75%;
    padding-top: 0;
}
.image-stack__item--bottom {
    float: left;
    width: 46%;
    padding-top: 0;
    margin-top: -38%;
}
/*******about us*********/
.redefining{
    background: url("../../uploads/2023/03/redefining-bg.jpg");
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 6rem 0 17rem;
}
.customer-delight{
    background: url("../../uploads/2023/04/customer-delight-1.jpg") !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.customer-delight:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0,0,0,0.7203256302521008) 0%, rgba(0,0,0,0.5410539215686274) 43%, rgba(0,0,0,0) 100%);
}
.milestone-sec{
    background: url("../../uploads/2023/04/milestone-bg.jpg");
    position: relative;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}
.our-legacy{
    background: url("../../uploads/2023/03/legacy-bg.jpg");
    background-size: cover;
    background-position: right top;
    background-repeat: no-repeat;
    position: relative;
    padding: 5rem 0 10rem;
}
/* .our-legacy::before,.our-legacy::after{
    position: absolute;
    content: '';
    height: 100%;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}
.our-legacy::before{
    left: 0;
    top: 0;
    background: url('/wp-content/uploads/2023/04/skyscraper-part1.jpg');
    width: 32vw;
}
.our-legacy::after {
    right: 0;
    top: 0;
    background: url('/wp-content/uploads/2023/04/skyscraper-part2.jpg');
    width: 17vw;
} */
.about{position: relative;
z-index: 9;
}
.map-bg {
    background: #f1eff0;
}
#location {
    position: relative;
    z-index: 9;
}
/* .map-wrap iframe {
    filter: grayscale(100%);
} */
.single-ltr {
    font-size: 60px;
    color: #b77e3c;
    line-height: 76px;
}
.value-wrap {
    height: 100%;
    background: #f1f0f0;
    margin-top: 15px;
}
.value-content {
    padding: 10px 20px;
}
.milestone-item {
    font-size: 22px;
}
.milestone .fact-item {
    margin-bottom: 30px;
}
.team-title {
    font-size: 26px;
}
.team-head {
    border-left: 5px solid #b77e3c;
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
}
.team-head::after {
    display: inline-block;
    content: "";
    margin-left: 20px;
    background: #b77e3c;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%235081f5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%23b77e3c' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%23b77e3c'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%23b77e3c' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transition: transform ease .25s;
    -moz-transition: transform ease .25s;
    -ms-transition: transform ease .25s;
    transition: transform ease .25s;
    width: 18px;
    height: 10px;
    position: absolute;
    right: 30px;
    transform: translateX(0);

}
.team-head > * {
    margin-left: 15px;
}
.team-item {
    margin-bottom: 30px;
    cursor: pointer;
}
.team-item:hover .team-head::after {
    transform: translateX(10px);
}
.leadership_details .leader_tittle {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
}
.leadership_details .leader_tittle img {
    width: 70px;
    margin-right: 10px;
}
.leadership_details .leader_tittle .tittle_txt {
    border-left: 4px solid var(--color-accent-primary-1);
    padding-left: 10px;
}
.leadership_details .leader_tittle .tittle_txt .t_name {
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 0;
    color: #fff;
}
.leadership_details p {
    color: #fff;
}
.leadership_details .leader_tittle .tittle_txt .t_desig {
    margin-bottom: 0;
    font-style: italic;
    font-size: 14px;
    color: #fff;
    text-align: left;
}
/*Timeline*/
.milestone {
    width: 100%;
    position: relative;
  }
  
  .milestone ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .milestone-carousel .owl-item a {
    text-decoration: none;
    color: #6c6c6c;
    background: #fff;
    padding: 3px;
    line-height: 30px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  }
  
  .milestone-carousel .owl-item.active.center a {
    color: #b77e3c;
    font-size: 25px;
    font-weight: bold;
    line-height: 30px;
  }
  
  .years {
    position: relative;
    height: 30px;
    display: flex;
    justify-content: center;
  }
  
  .years .y_dot {
    width: 10px;
    height: 10px;
    display: block;
    background: #343434;
    border-radius: 50%;
    margin-top: 0px;
    position: absolute;
    top: 10px;
    z-index: 1;
    left: 0;
    right: 0;
    margin: auto;
  }
  
  .years p {
    color: #343434;
    margin-bottom: 0;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: 600;
  }
  
  .years:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #343434;
    top: 45%;
  }
  .center .years:after {
    background: #b77e3c;
}
  .years-carousel .center .years .y_dot {
    background: var(--color-accent-primary-1);
  }
  
  .years-carousel .center .years p {
    color: var(--color-accent-primary-1);
  }
  
  .years-carousel .owl-stage-outer {
    padding: 20px 45px;
  }
  
  
  .milestone-carousel .owl-stage>div:last-child>div.years:after {
    width: 0;
  }
  
  .tab_sec_holder {
    position: relative;
  }
  
  .main_time_wrapper {
    position: relative;
  }
    
  .milestone-carousel {
    padding-top: 70px;
  }

  .years-carousel {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
  }
  .time_text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    align-items: center;
}
.timeline-year {
    font-size: 45px;
    font-weight: 600;
}
.timeline-project {
    border-left: 5px solid #b77e3c;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.timeline-project p {
    margin-bottom: 0;
    font-size: 14px;
}
.timeline-title {
    font-size: 22px;
}
.timeline-project > *{
    margin-left: 15px;
}
.timeline-project {
    flex: 0 0 19%;
}
.milestone-carousel.owl-carousel .owl-nav {
    position: absolute;
    bottom: -18%;
}

/************Project************/
.qr-img img {
    width: 290px;
}
.transparent-btn {
    border: 1px solid #d3d3d3 !important;
    background: #fff !important;
    color: #272727 !important;
}

.main-heading .round-btn.active {
    background: #b77e3c !important;
    color: #fff !important;
    border: 1px solid !important;
}

.transparent-btn:hover {
    color: #fff !important;
}
.projects{background:#fff;max-width: 1300px;margin: 0 auto;}
.cust-container {
    max-width: 1400px;
    margin: 0 auto;
}
.overview-content ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.ribbon_wrap {
    position: absolute;
    top: -42px;
    left: 22px;
    z-index: 9;
}
.ribbon_wrap .ribbon {
    margin-bottom: 0;
    background: #b77e3c;
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    position: relative;
    padding-right: 13px;
}

.ribbon_wrap .ribbon:before {
    content: "";
    position: absolute;
    background: url(../../uploads/2023/03/badge-before3.png) no-repeat;
    background-size: contain;
    right: -19px;
    bottom: 0px;
    width: 19px;
    height: 45.5px;
    z-index: 9999999;
}

.ribbon_wrap .ribbon:after {
    content: "";
    position: absolute;
    background: url(../../uploads/2023/03/badge-after3.png) no-repeat;
    background-size: contain;
    left: -9px;
    bottom: 0px;
    width: 21px;
    height: 45.5px;
}
.page-tabs {
    background: #f1f0f0;
    display: flex;
    justify-content: center;
    z-index: 9;
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    margin-top: 0;
    top: 87px !important;
}
.page-tabs.sticky {
    width: 100%;
    left: 0;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1607843137);
    background: #FFFFFF;
    border-top: 1px solid #c7c7c7;
}
.project_nav {
    padding: 10px 0;
    background: #FFFFFF;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1607843137);
    display: flex;
    justify-content: center;
    align-items: center;
}
.pro_nav_logo {
    /* width: 120px; */
    margin-right: 65px;
    height: 51px;
}
.mob-tab-selected {
    display: none;
}
.page-tabs ul {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-left: 0;
}
.page-tabs ul li {
    list-style: none;
}
.page-tabs .tab {
    color: #222222;
    padding: 17px;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    display: block;
}
.page-tabs ul > li + li:before {
    content: "|" !important;
    color: #828282;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}
#underline {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 132px;
    height: 2px;
    border-bottom: 2px solid var(--color-accent-primary-1);
}
.main-heading .round-btn {
    min-width: 190px;
    margin: 0 15px;
}

.proj-conf-wrap {
    border-top: 1px solid #272727;
    border-bottom: 1px solid #272727;
    margin: 15px 0;
}

.proj-conf-wrap p {
    margin: 10px 0 !important;
    position: relative;
    padding-left: 25px;
}

.project-content p {
    font-size: 13px;
}

.proj-conf-wrap p::before {
    position: absolute;
    content: '';
    width: 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    left: 0;
    top: 0;
}
.proje-item {
    position: relative;
}
.proje-item .proj-logo {
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 5px;
	background-color: rgb(255 255 255 / 70%);
    border-radius: 10px;
}
.proje-item .proj-conf-wrap p {
    margin: 7px 0 !important;
    font-size: 14px;
}

.proj-conf::before {
    background: url(../../uploads/2022/12/bed.png);
}

.proj-maharea::before {
    background:url(../../img/maharera-logo.svg);
    /* background: url(images/maharera-logo.svg); */

}

.project-wrap .proj-logo {
    min-height: auto;
}

.proj-right-content {
    position: relative;
    height: 100%;
    background: #fff;
}

.proj-right-content .btn-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0px;
    margin-top: 20px;
}

.project-wrap {
    position: relative;
    padding: 65px 0px 30px 0;
    margin: 0 30px 60px 0;
	z-index: 9;
}

.project-wrap::after {
    position: absolute;
    content: '';
    border: 1px solid #707070;
    left: 22px;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: -1;
}


/****************Contact*************/
.info-box {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.icon {
    max-width: 30px;
}

.contact-detail .subhead {
    padding-bottom: 15px;
}

.info-box a {
    color: #212529;
}

.info-box a:hover {
    color: #b77e3c;
}

.border-end-dashed {
    border-right: 2px dashed #979595;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #f1f0f0 !important;
}
.modal .wpcf7-response-output {
    color: #fff;
}
.form-field .c_icon {
    position: relative;
    padding-left: 35px;
}

.form-field {
    position: relative;
    margin-top: 10px;
}

.form-field span i {
    position: absolute;
    color: #b77e3c;
    z-index: 1;
    top: 0;
    left: 0;
    padding: 11px;
}

.form-field .form-control {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    padding: 0.5rem 0.5rem;
    padding-left: 35px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.form-field textarea {
    height: 150px;
}

.form-field .form-control:focus {
    border-color: #b77e3c;
}

.consent .wpcf7-list-item {
    margin: 0;
}

.contact-box form .row>p {
    margin-bottom: 0px;
}

span.wpcf7-list-item-label {
    color: #272727;
    font-weight: normal;
}

span.wpcf7-list-item.first {
    margin-left: 0;
}

/*******Referral form********/
/* .referral-form .greypatch-bg {
    padding: 100px;
} */

.border-top-effect {
    position: relative;
}

.border-top-effect::before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    border-left: 5px solid #b77e3c;
    height: 148px;
}

/* .supreme-select {
    padding: 70px 0 230px;
} */
.box-border {
    position: relative;
}
.box-border::before {
    position: absolute;
    content: '';
    border: 1px solid #707070;
    width: 100%;
    height: 100%;
    top: 21px;
    z-index: -1;
}
.programs .tab-content {
    padding: 0 30px 30px 30px;
}   
.programs .main-heading {
    background: #fff;
    display: inline-block;
    padding: 0 25px 25px 0;
}
.referral-form-wrapper {
    padding: 40px;
}
/* .referral-form {
    margin-top: -218px;
} */


/********404***********/
.cls-1 {
    fill: #652D90;
}

.cls-2 {
    fill: #652D90;
}

.cls-3 {
    fill: #b77e3c;
}

.cls-4 {
    fill: #f78d5e;
}

.cls-5 {
    fill: #fa976c;
}

.cls-6,
.cls-7,
.cls-8 {
    fill: #b65c32;
}

.cls-10,
.cls-6 {
    opacity: 0.6;
}

.cls-7 {
    opacity: 0.4;
}

.cls-9 {
    fill: #f4b73b;
}

.cls-11 {
    fill: #f9c358;
}

.cls-12 {
    fill: #9b462c;
}

.cls-13 {
    fill: #aa512e;
}

.cls-14 {
    fill: #7d6aa5;
}


/* animations */

.wheel {
    animation: wheel-rotate 6s ease infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wheel-rotate {
    50% {
        transform: rotate(360deg);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    100% {
        transform: rotate(960deg)
    }
}

.clock-hand-1 {
    animation: clock-rotate 3s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

.clock-hand-2 {
    animation: clock-rotate 6s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes clock-rotate {
    100% {
        transform: rotate(360deg)
    }
}

#box-top {
    animation: box-top-anim 2s linear infinite;
    transform-origin: right top;
    transform-box: fill-box;
}

@keyframes box-top-anim {
    50% {
        transform: rotate(-5deg)
    }
}

#umbrella {
    animation: umbrella-anim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes umbrella-anim {
    25% {
        transform: translateY(10px) rotate(5deg);
    }

    75% {
        transform: rotate(-5deg);
    }
}

#cup {
    animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    transform-origin: top left;
    transform-box: fill-box;
}

@keyframes cup-rotate {
    50% {
        transform: rotate(-5deg)
    }
}

#pillow {
    animation: pillow-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes pillow-anim {
    25% {
        transform: rotate(10deg) translateY(5px)
    }

    75% {
        transform: rotate(-10deg)
    }
}

#stripe {
    animation: stripe-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes stripe-anim {
    25% {
        transform: translate(10px, 0) rotate(-10deg)
    }

    75% {
        transform: translateX(10px)
    }
}

#bike {
    animation: bike-anim 6s ease infinite;
}

@keyframes bike-anim {
    0% {
        transform: translateX(-1300px)
    }

    50% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    100% {
        transform: translateX(1300px)
    }
}

#rucksack {
    animation: ruck-anim 3s linear infinite;
    transform-origin: top;
    transform-box: fill-box;
}

@keyframes ruck-anim {
    50% {
        transform: rotate(5deg)
    }
}

.circle {
    animation: circle-anim ease infinite;
    transform-origin: center;
    transform-box: fill-box;
    perspective: 0px;
}

.circle.c1 {
    animation-duration: 2s
}

.circle.c2 {
    animation-duration: 3s
}

.circle.c3 {
    animation-duration: 1s
}

.circle.c4 {
    animation-duration: 1s
}

.circle.c5 {
    animation-duration: 2s
}

.circle.c6 {
    animation-duration: 3s
}

@keyframes circle-anim {
    50% {
        transform: scale(.2) rotateX(360deg) rotateY(360deg)
    }
}

.four,
#ou {
    animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}

.four.a {
    transform-origin: bottom left;
    animation-duration: 3s;
    transform-box: fill-box;
}

.four.b {
    transform-origin: bottom right;
    animation-duration: 3s;
    transform-box: fill-box;
}

#ou {
    animation-duration: 6s;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes four-anim {
    50% {
        transform: scale(.98)
    }
}

/************Button**************/

.round-btn {
    color: #b77e3c;
    border:1px solid #b77e3c;
    padding: 7px 20px;
    margin-right: 10px;
    border-radius: 50px;
    text-decoration: none;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 24px;
    transition: all 0.3s ease;
    position: relative;
    display: inline-block;
    outline: none;
    overflow: hidden;
    z-index: 1;
    font-weight: 600;
}

.white-btn {
    background: #fff;
    border: none;
    z-index: 1;
    color: #b77e3c;
}

/* .round-btn:hover,
.form-btn:hover {
    color: #fff;
    background: #b77e3c;
} */

.round-btn:after,
.form-btn:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    border-radius: 50px;
    top: 0;
    right: 0;
    z-index: -1;
    background: #343434;
    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
        7px 7px 20px 0px rgba(0, 0, 0, .1),
        4px 4px 5px 0px rgba(0, 0, 0, .1);
    transition: all 0.3s ease;
}

.round-btn:hover,
.form-btn:hover {
    color: #fff;
    background: #b77e3c;

}

.round-btn:hover:after,
.form-btn:hover:after {
    left: 0;
    width: 100%;
}
.club-section .round-btn{
    background: #b77e3c;
    color: #fff;
}
.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
    color: #fff !important;
    background: #b77e3c !important;
    padding: 10px 20px !important;
    margin-left: 8px;
    border-radius: 50px !important;
    text-transform: capitalize;
    font-size: 15px;
    line-height: 25px;
    transition: all 0.3s ease;
    position: relative;
    outline: none;
    overflow: hidden;
    border: 0 !important;
}

.sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a:hover {
    background: #343434 !important;

}
.sp-pcp-post .sp-pcp-post-thumb-area:hover img,.blog_img:hover img {
    transform: scale(1.2);
    transition: ease all 0.5s;
}
.sp-pcp-post .sp-pcp-post-thumb-area,.blog_img{
    position: relative;
    overflow: hidden;
}
.sp-pcp-post .sp-pcp-title {
    min-height: 55px;
}
.sp-pcp-post .sp-pcp-post-thumb-area img,.blog_img img {
    width: 100%;
	height: 280px;
    -o-object-fit: cover;
    object-fit: cover;
    transform: scale(1);
    transition: ease all 0.5s;
    object-position: top right;
}
.card-title {
    font-size: 25px;
    line-height: 1.4;
}

.content-wrap {
    max-width: 638px;
    margin-left: auto;
    padding-right: 80px;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    margin-top: 30px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent !important;
    color: #343434 !important;
}


.wpcf7 form .wpcf7-response-output {
    margin: 0 !important;
}

form .form-btn {

    display: inline-block !important;
}

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


.con-wrap {
    padding: 20px 0;
    border-bottom: 1px solid #dcdedf;
}

.icon-wrap i {
    font-size: 27px;
    margin-right: 15px;
}

.con-title {
    font-size: 22px;
}

.con-subtitle {
    font-size: 18px;
}

/*----------Modal Design-------*/
label.error {
    color: red;
    font-size: 12px;
    font-weight: 300;
}

.modal {
    z-index: 9999;
    background: rgba(185, 185, 185, 0.6);
}

.modal-content {
    background: #191617 !important;
    border: none;
    border-radius: 17px;
}

.modal-body {
    padding-top: 40px;
    padding-bottom: 30px;
}

.modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 1;
    outline: none;
    border: none;
    z-index: 9;
}

.modal-dialog {
    z-index: 9999 !important;
}

.modal-body p {
    font-size: 14px;
}

.modal-body h3 {
    text-align: center;
    font-size: 25px;
}
.btn-close {
    background: transparent url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffff'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") center/1em auto no-repeat !important;
}
/*---modal form--*/

/*-------------------------------*/

.modal-body form input,
.modal-body form select {
    height: 40px;
    border: 1px solid #ffffff;
    width: 100%;
    background: #fff;
    margin-bottom: 0;
    padding-left: 10px;
    border-radius: 7px !important;
    color: #222222;
    border-left: none;
}

.modal-body form input::placeholder,
.modal-body form textarea::placeholder {
    color: #222222;
}

.modal-body form .input-group-addon {
    background: #fff;
    color: #306e3c;
    border: 1px solid #ffffff;
    border-right: 0;
    border-radius: 7px 0 0 7px;
}

.form-ico {
    font-size: 19px !important;
}

.modal-body form textarea {
    border: none;
    resize: none;
    /*background: #e4e4e4;*/
}

.modal-body form .form-group {
    height: 40px;
    margin-bottom: 23px;
    margin-top: 0;
}

.form-control:focus {
    box-shadow: none !important;
}

.btn-center {
    display: block;
    margin: 0 auto;
}

.modal-body form .input-group {
    box-shadow: 0 5px 30px #00000014;
}

.modal-body form button {
    margin: 0 auto;
}

/*-----------Modal End --------*/

.owl-theme .owl-nav [class*=owl-] {
    color: #b77e3c !important;
}


/* partner */
.process-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(127px, 1fr));
}
.process-icon img {
    max-width: 50px;
    margin: 0 auto;
}
.process-wave {
    padding: 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.process-wave::before{
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.process-wave.first-wave::before {
    background-image: url('../../uploads/2023/05/first_wave.png');
}
.process-wave.repeat-wave::before {
    background-image: url('../../uploads/2023/05/repeat_wave.png');
}
.process-title {
    margin-top: 15px;
}
/**************************Page banner********************************/
.page-banner {
    position: relative;
    background: url('../images/homebuyers.html');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
}

.page-banner:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.section-head {
    position: relative;
    z-index: 999;
}
.subhead{line-height: 1.4;}

.breadcrumb-item a {
    color: #000;
    text-decoration: none;
}
.breadcrumb-item a:hover{
    color: #b77e3c;
}
.breadcrumb-item.active {
    color: #b77e3c !important;
}


/*****************Footer*******************/
.footer{
    background: #191617;
    color: #fff;
}
.copyright{
    background: #252525;
    color: #fff;
    font-size: 14px;
}
.social-item {
    list-style: none;
    margin: 0 5px;
    height: 40px;
    width: 40px;
    color: #C5CDD9;
    border: 2px solid #C5CDD9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}
.socila-links li:hover {
    color: #b77e3c;
    background: #C5CDD9;
    cursor: pointer;
}
.socila-links li:hover i {
    color: #000;
}
nav .social-item i {
    color: #fff;
}

.social-item i {
    color: #fff;
}

.footer-title {
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}

.footer-area li {
    margin-bottom: 10px;
}

.footer-area li a {
    color: #fff;
    text-decoration: none;
}

.footer-area li a:hover {
    color: #b77e3c;
}
.footer .menu li {
    transform: translateX(0px);
    transition: 0.3s;
}
.footer .menu li:hover {
    transform: translateX(5px);
    transition: 0.3s;
}
.footer-area li:last-child {
    margin-bottom: 0;
}

.footer-area .menu {
    list-style: none;
    margin-top: 0;
    font-size: 14px;
}
.address-wrap p {
    font-size: 14px;
}
.footer-area h4 {
    position: relative;
    display: inline-block;
    padding: 20px 0;
    margin-bottom: 20px;
}
.footer-area h4::after {
    position: absolute;
    content: '';
    display: block;
    width: 40px;
    height: 1px;
    background: #b77e3c;
    bottom: 6px;
}

/**********Project**************/
.proj-loc .fas {
    color: #b77e3c;
}
.proj-conf {
    text-transform: capitalize;
}
/* #floorplan {
    overflow: initial;
} */
.floorpopup-btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}
.carpet-area {
    display: inline-block;
}

.border-tb {
    border-top: 1px solid #b77e3c;
    border-bottom: 1px solid #b77e3c;
    padding: 20px 0 !important;
}

.project-image,
.project-image-wrapper,
.read-more-wrap {
    position: relative;
}

.projects .round-btn {
    margin-right: 2px;
}

.projects .proj-img img {
    max-height: 530px;
    object-fit: cover;
}

.proj-title {
    position: absolute;
    bottom: 30px;
    left: -30px;
    background: #b77e3c;
    font-size: 18px;
    color: #fff;
    padding: 6px;
    font-weight: 600;
    z-index: 3;
}

.border-effect {
    position: absolute;
    content: '';
    border: 1px solid #b77e3c;
    width: 100%;
    height: 100%;
    top: -20px;
    right: -20px;
}


.bl-effect {
    position: absolute;
    content: '';
    border-top: 1px solid #b77e3c;
    width: 100%;
    height: 100%;
    top: 23px;
    left: 0;
}

.image-wrap img {
    position: relative;
    z-index: 2;
}

.btn-right {
    position: relative;
    display: inline-block;
    /*background: #fff;*/
    z-index: 1;
    padding-left: 15px;
}

.error {
    color: #ff0000;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-size: 14px;
}

.btneffect-title {
    font-size: 20px;
    display: inline-block;
    background: #fff;
    color: #b77e3c;
    padding: 10px 30px;
    font-weight: 600;
    line-height: 30px;
    position: relative;
}

.btneffect-title::after {
    position: absolute;
    content: '';
    border-top: 1px solid #fff;
    width: 100%;
    height: 100%;
    top: 24px;
    right: auto;
}

.image-wrapper {
    float: left;
    width: 50%;
    margin: 0 15px 28px 0;
}

#text {
    display: none;
}


.section-bg {
    padding: 120px 0;
    color: #fff;
    position: relative;
}

.section-bg:before {
    content: "";
    background: #b77e3c;
    position: absolute;
    bottom: 60px;
    top: 60px;
    left: 0;
    right: 0;
    transform: skewY(-3deg);
}

.tab-content>.tab-pane {
    display: block !important;
    height: 0 !important;
    overflow: hidden;
}

.tab-content>.tab-pane.active {
    display: block !important;
    height: auto !important;
}

.gallery .fade:not(.show) {
    opacity: 0 !important;
}

.gallery .fade.show {
    opacity: 1 !important;
}


/********Detail page******/
.reralogo img {
    max-width: 50px;
}
.rerano {
    font-size: 13px;
}
.sm-margin {
    margin: 30px 0;
}

.conf-box {
    background-position: center;
    background-size: cover;
}

.conf-bg {
    background: url('../../uploads/2022/12/conf-bg.png') no-repeat;
}

.address-bg {
    background: url('../../uploads/2022/12/address-bg.png') no-repeat;
}

.possession-bg {
    background: url('../../uploads/2022/12/possession-bg.png') no-repeat;
}

.conf-img img {
    height: 80px;
    object-fit: cover;
}

.conf-box {
    height: 100%;
    padding: 30px;
}

.conf-title {
    position: relative;
    padding: 60px 30px 0;
}

.conf-title::before {
    position: absolute;
    content: '';
    border-left: 1px solid #b77e3c;
    width: 100%;
    height: 170px;
    /* height: calc(100% - (-15px)); */
    left: 0;
}

.conf-details .row>div {
    margin-bottom: 40px;
}
.degree-view{
    background: url('../../uploads/2022/12/callbackbg.jpg') no-repeat;
    background-position: center;
    background-size: cover;
}
.degree-view a{
    min-height: 400px;
}

.list li::marker,
.loc-list li::marker {
    color: #b77e3c;
}

.ami-iconholder {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 8px;
}

.icon-wrapper {
    width: 115px;
    height: 115px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
    transition: ease all .5s;
}

.icon-wrapper img {
    width: 60px !important;
    filter: invert(53%) sepia(97%) saturate(2497%) hue-rotate(348deg) brightness(97%) contrast(90%) !important;
    transition: ease all .5s;
}
.icon-wrapper:hover img {
    filter: invert(1) brightness(100) !important;
    transition: ease all .5s;
}
.icon-wrapper:hover {
    background-color: #252525;
    outline: 1px solid #252525;
    outline-offset: 6px;
    transition: ease all .5s;
    border: 1px solid #707070;
}
.ami-iconholder p {
    text-align: center;
    font-size: 13px;
    margin-top: 20px;
}

.gallery .card{
    position: relative;
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
}
.owl-item.active.center .gall-item{
    position: relative;
    width: 100%;
    transition: all 0.5s;
    overflow: hidden;
}
.owl-item.active.center .gall-item:hover .ami-overlay{
    bottom: 0;
    opacity: 1;
    transition: ease all 0.5s;
    cursor: url('../../uploads/2023/01/hovericon.png'), auto !important;
}
.ami-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(0 0 0 / 74%);
    opacity: 0;
    transition: ease all 0.5s;
}
.gallery .card:hover .ami-overlay {
    bottom: 0;
    opacity: 1;
    transition: ease all 0.5s;
}

.gallery .card:hover .ami-overlay {
    cursor: url('../../uploads/2023/01/hovericon.png'), auto !important;
}
.gallery .card:hover img{
    transform: scale(1.2);
    transition: ease all 0.5s;
}
.gallery .card-img-top {
    border-radius: 0 !important;
    transition: ease all 0.5s;
    transform: scale(1);
}
.gall_txt {
    color: #fff;
    position: relative;
    transition: ease all 0.5s;
    padding: 10px;
    text-transform: capitalize;
    text-align: center;
}
.fancybox-caption__body {
    text-transform: capitalize;
}
.loaction-wrapper {
    max-width: 640px;
    margin-left: auto;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.loc-list {
    padding-left: 17px;
	list-style:none;
}

.loc-list li {
    margin-bottom: 8px;
    font-size: 14px;
    margin-bottom: 15px;
	position:relative;
	padding-left:7px;
}
.loc-list li::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    left: -19px;
	top:0;
    background: url("data:image/svg+xml,%3Csvg width='32px' height='32px' viewBox='0 0 32 32' id='i-location' xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23b77e3c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='16' cy='11' r='4' /%3E%3Cpath d='M24 15 C21 22 16 30 16 30 16 30 11 22 8 15 5 8 10 2 16 2 22 2 27 8 24 15 Z' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
}
.loc-list li:last-child {
    margin-bottom: 0;
}
.accordion-flush .accordion-item .accordion-button {
    letter-spacing: 1px;
}

#exterior img {
    max-height: 675px;
}

.list li {
    font-size: 15px;
    line-height: 23px;
    margin-bottom: 13px;
}

/*************Accordian**************/

.accordion-button:focus {
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%) !important;
}

.accordion-body {
    background: #fff !important;
    margin-bottom: 4px;
}
.accordion-button{
    background-color: #F3F3F3 !important;
}
.accordion-button:not(.collapsed) {
    color: #272727 !important;
    background-color: #F3F3F3 !important;
    box-shadow: inset 0 0px 0 rgb(0 0 0 / 13%) !important;
}
.style2 .accordion-button:not(.collapsed) {
    background-color: #e7f1ff !important;
}
.accordion-button:not(.collapsed)::after {
    filter: invert(53%) sepia(97%) saturate(2497%) hue-rotate(348deg) brightness(97%) contrast(90%) !important;
}
.accordion-item{
    border-top: 0 !important;
    margin-bottom: 12px;
    border-bottom: 0 !important;

}
.accordion a {
    color: #191617;
    /* font-weight: 600; */
    display: inline-block;
    margin: 0 3px;
}
.accordion a:hover {
    color:#b77e3c;
}
/*-----caption--- hover-----*/

.hovereffect {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .amen-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: rgba(75, 75, 75, 0.2);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect:hover .amen-overlay {
    background-color: rgba(0, 0, 0, 0.6);
}

.hovereffect img {
    display: block;
    position: relative;
}

.hovereffect h3 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    position: absolute;
    bottom: 45px;
    width: 100%;
    margin-bottom: 0;
}

.hovereffect:hover h3 {
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
}

.hovereffect .info {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    outline: 1px solid #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    width: 100%;
    height: 100%;
    outline-offset: -12px;
    padding: 20px 0;
}

.hovereffect:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect .info:hover {
    box-shadow: 0 0 5px #fff;
}
/**************Completed project************/
.portfolio-item .h-content {
    color: #fff;
    z-index: 1;
    padding: 25px 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.portfolio-item:hover .h-content:before {
    opacity: 0.7;
}

.portfolio-item .h-content:before {
    content: '';
    background: #121212;
    opacity: 0;
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 300ms ease;
    -o-transition: 300ms ease;
    transition: 300ms ease;
    -webkit-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    -o-transition-property: color, background, mix-blend-mode, opacity, visibility, height;
    transition-property: color, background, mix-blend-mode, opacity, visibility, height;
}

.portfolio-item:hover .h-content>* {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
}

.portfolio-item .h-content .p {
    font-size: 18px;
    font-weight: bold;
}

.portfolio-item:hover .h-content>*:nth-child(2) {
    -webkit-transition-delay: 100ms;
    -o-transition-delay: 100ms;
    transition-delay: 100ms;
}

.portfolio-item .h-content .n {
    font-size: 18px;
    font-weight: bold;
}

.portfolio-item .h-content>* {
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: -webkit-transform 500ms ease-in-out;
    -o-transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out, -webkit-transform 500ms ease-in-out;
    -webkit-transform: translateX(-125%);
    -ms-transform: translateX(-125%);
    transform: translateX(-125%);
}

/**************Form***********/
#position{pointer-events: none;opacity: .7;}
.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="tel"],
.contact-form input[type="date"] {
    height: 40px;
    border: none;
    border-radius: 0;
    width: 100%;
    padding-left: 8px;
    color: #8A8A8A;
    background: transparent;
    border-bottom: 1px solid #8A8A8A;
}

.contact-form {
    background: #fff;
    padding: 20px;
}


#contact-form input[type="text"],
#contact-form input[type="email"],
#contact-form input[type="tel"],
#contact-form input[type="date"],#popup-form input[type="text"],
#popup-form input[type="email"],
#popup-form input[type="tel"],
#popup-form input[type="date"]  {
    width: 100%;
    background-color: #252525;
    padding: 0.5rem 0.5rem;
    padding-left: 35px;
    color: #fff;
    border: 1px solid #252525;
}
#contact-form .form-control:focus ,#popup-form .form-control:focus {
    color: #fff;
    background-color: #252525;
    border-color: #b77e3c;
    outline: 0;
    border: 1px solid #fff;
}
#contact-form .form-btn,#popup-form .form-btn {
    border: 1px solid #fff !important;
    color: #fff;
    margin-top: 0;
}
#contact-form .form-group ,#popup-form .form-group {
    margin-bottom: 20px;
}
#contact-form span i ,#popup-form span i {
    position: absolute;
    color: #fff;
    z-index: 1;
    padding: 11px;
}
#contact-form ::placeholder,#popup-form ::placeholder{
    color: #fff;
}
#contact-form ,#popup-form {
    background: transparent;
    padding: 0;
}
.form-btn, .modal .form-btn {
    border: 1px solid #b77e3c !important;
    color: #b77e3c;
    padding: 7px 40px;
    border-radius: 50px;
    margin-top: 20px;
    background: transparent;
}
span.wpcf7-spinner {
    top: 6px;
    margin: 0 15px 0;
}

.input-field p {
    margin-bottom: 0px;
}

.form-control:focus {
    box-shadow: 0 0 0 0 rgb(13 110 253 / 25%) !important;
}


.form-wrapper {
    padding: 30px;
    background: #edf7ff;
}

section.contact-pageform {
    margin-top: -200px;
}

.conpage-form {
    /* background: #f1f0f0; */
    border-top: 5px solid #b77e3c;
}

/*********Blog*******/
.sp-pcp-post-content p {
    min-height: 60px;
}
h2.pcp-section-title {
    display: none;
}
.cat-item a {
    color: #222;
}
.blog_date {
    color: #888;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
}
.blog_date img {
    width: 20px !important;
    margin-right: 5px;
}

.blog_tittle a {
    color: #111;
}
.blog_tittle{ font-size: 20px;
    line-height: 24px;}
.blog_tittle a:hover{color:#b77e3c}
.two_column_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    margin: 0 auto;
}
.three_column_grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    margin: 0 auto;
}
.single a {
    color: #b77e3c;
}
.widget-title {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    align-items: center;
    word-break: break-word;
    z-index: 1;
}
.widget-title:first-child::after {
    content: "";
    width: 100%;
    height: 1px;
    top: 14px;
    border-top: 1px solid var(--color-accent-primary-1);
    margin: 0 0 0 30px;
    flex: 1 0 20px;
}
.post_img {
    margin-bottom: 20px;
}
.post_detail {
    margin-bottom: 40px;
}
.post_detail ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    align-items: center;
}
.post_detail ul li {
    margin-right: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.post_detail ul li:last-child{
	 margin-right: 0;
}
.post_detail ul li img {
    width: 20px;
    margin-right: 7px;
}

/*masonary blog**/
.blog-page .grid-item{
    margin-bottom: 20px;
    padding: 10px;
}

.post-img{
    overflow: hidden;
}
.blog-page .page-item .page-numbers {
    padding: .375rem .75rem;
    color: #b77e3c;
    border: 1px solid #ddd;
    background-color:#fff
}
.blog-page .page-item .page-numbers.current{
    color: #fff;
    border: 1px solid #b77e3c;
    background-color:#b77e3c
}
.masonry.sm-grid .grid-sm-boxes-in .grid-sm-border:hover .img-responsive,.post-img:hover img {
    transform: scale(1.2);
    transition: ease all 0.5s;
}
.masonry.sm-grid .grid-sm-boxes-in .grid-sm-border .img-responsive ,.post-img img {
    overflow: hidden;
    height: 100%;
    width: 100%;
    transform: scale(1);
    transition: ease all 0.5s;
    display: block;
}
.masonry .grid-sm-border {
    overflow: hidden;
}
.masonry .sm-gallery-title {
    background: none repeat scroll 0 0 rgb(0 0 0 / 32%);
}
.masonry.sm-grid .grid-sm-boxes-in:hover .grid-sm-border .sm-gallery-title {
    bottom: 9px;
    left: 9px;
    right: 9px;
    padding: 0;
    height: calc(100% - 18px);
    width: calc(100% - 18px);
}
.masonry .sm-gallery-title a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 50%;
    padding: 0 10px;
}
.masonry .sm-gallery-title a:hover{
    color: #fff;
}
.masonry .sm-gallery-textPart + span.sm-gallery-arrow {
    margin-top: 0;
    position: relative;
    right: auto;
    top: initial;
}
.masonry .sm-gallery-title span.sm-gallery-arrow img {
    max-width: 20px;
    filter: invert(1);
    margin-left: 10px;
}
nav.sm-pagination span.current {
    background-color: #b77e3c;
    border-color: #b77e3c;
}
nav.sm-pagination a {
    color: #b77e3c;
}

.masonry.sm-grid .grid-sm-boxes-in .grid-sm-border:hover .img-responsive {
    transform: initial;
    transition: ease all 0.5s;
}
.sm-grid .grid-sm-boxes-in .sm-post-title a,.post-title {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 1.4;
    display: inline-block;
    font-weight: 600;
}
.smblog_masonry_numcol .sm-grid-boxes-caption {
    padding-top: 20px;
    padding-left: 15px;
    padding: 10px;
    background: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.sm-meta-part i{color: #b77e3c;}

/* preve next post */
.wpb-posts-nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 50px;
    align-items: center;
    margin: 30px auto;
}
  
.wpb-posts-nav a {
    display: grid;
    grid-gap: 20px;
    align-items: center;
}
  
.wpb-posts-nav h4,
.wpb-posts-nav strong {
    margin: 0;
}
.wpb-posts-nav h4 {
    font-size: 18px;
    line-height: 1.4;
}
.wpb-posts-nav a:hover{
    color: #212529;
}
.wpb-posts-nav a svg {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}
  
.wpb-posts-nav > div:nth-child(1) a {
    grid-template-columns: 100px 1fr;
    text-align: left;
}
  
.wpb-posts-nav > div:nth-child(2) a {
    grid-template-columns: 1fr 100px;
    text-align: right;
}
  
.wpb-posts-nav__thumbnail {
    display: block;
    margin: 0;
}
  
.wpb-posts-nav__thumbnail img {
    border-radius: 10px;
}

/***************Pr coverage**********/
.pr-coverage .blog_content_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(34, 34, 34, 0.6392156863);
    padding: 15px;
}
.pr-coverage .blog_date,.pr-coverage .blog_tittle {
    color: #fff;
}
.pr-btn-wrap {
    position: absolute;
    bottom: 10px;
}
.pr-btn{
    position: relative;
    text-decoration: none;
    display: flex;
    background: var(--color-accent-primary-1);
    color: #fff !important;
    align-items: center;
    z-index: 1;
    overflow: hidden;
    border: none;
    font-size: 14px;
    display: inline-block;
    padding: 7px 20px;
}
.pr-coverage .blog_wrap:hover .blog_img img{
    transform: scale(1.2);
    transition: ease all 0.5s;
}
.sm-meta-poster {
    display: none;
}
/**************Career page****************/
.career-content {
    max-width: 638px;
    margin-left: auto;
}
.cta-text a:hover{color: #000;}
.transp-btn {
    position: absolute;
    border: 1px solid rgba(255,255,255,0.5);
    padding: 10px 30px;
    margin: 40px 0;
    color: #fff;
    font-size: 20px;
    font-family: 'Luxia';
    letter-spacing: 1px;
    bottom: 0;
}
.transp-btn:hover,.pr-btn:hover{color: #fff;}
.transp-btn:after,.pr-btn:after  {
    display: inline-block;
    content: "";
    margin-left: 20px;
    background: #fff;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%235081f5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%235081f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.867' height='8.733' viewBox='0 0 17.867 8.733'%3E%3Cg id='Group_5838' data-name='Group 5838' transform='translate(14.75 -1.999)'%3E%3Cpath id='Path_4' data-name='Path 4' d='M3290.464,377.064l4.366-4.367-4.366-4.367Z' transform='translate(-3291.713 -366.333)' fill='%235081f5'/%3E%3Cline id='Line_5' data-name='Line 5' x2='14.523' transform='translate(-14 6.499)' fill='none' stroke='%235081f5' stroke-linecap='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    vertical-align: middle;
    -webkit-transition: transform ease .25s;
    -moz-transition: transform ease .25s;
    -ms-transition: transform ease .25s;
    transition: transform ease .25s;
    width: 18px;
    height: 10px;
}
.transp-btn:hover:after,.pr-btn:hover:after{
    -webkit-transform: translateX(6px);
    -moz-transform: translateX(6px);
    transform: translateX(6px);
}
.border-lefteffect {
    border-left: 5px solid #b77e3c;
}
.border-righteffect {
    border-right: 5px solid #b77e3c;
}
.current-opening .round-btn {
    text-transform: inherit;
    font-weight: 400;
    width: 117px;
    text-align: center;
    padding: 7px 20px;
    border: 1px solid #b77e3c !important;
}

.current-opening .round-btn:hover {
    border: 1px solid #343434 !important;
}

.job-text {
    margin: 1rem 0;
}

.career {
    position: relative;
}

.career::before {
    position: absolute;
    content: '';
    background: #f1f0f0;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    z-index: -1;
}

/******Select club******/
/* .content-box {
    margin-top: 25px;
} */
.content-box .subhead {
    margin-bottom: 15px;
}
.bannerhead {
    font-size: 16px;
    letter-spacing: 1px;
}

.banner-logo img {
    max-width: 145px;
}

.bannersubtitle {
    font-size: 11px;
}

.banner-content {
    background: #000000;
    padding: 30px 50px;
    margin-top: 60px;
}

.phone-icon img {
    max-width: 60px;
    margin-right: 15px;
}

.benefit-box {
    height: 100%;
    text-align: center;
    padding: 25px 20px;
    background: url("../../uploads/2023/04/iocn-texture.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: rgba(255,255,255,1);
}
.benefit-box .icon-box img {
    margin: 0 auto;
}
.icon-box img {
    height: 80px;
    margin-bottom: 25px;
}

.benefit-box p {
    font-size: 14px;
    margin-top: 25px;
}

/*****************connect*********/
.connect-box .icon-box img {
    max-width: 40px;
    height: auto;
    margin-bottom: 0;
    margin-right: 13px;
}

.testimonial-page .tab-content .row>div {
    margin-top: 30px;
}

.events-page .row>div {
    margin-bottom: 30px;
}

.events-page .event-item {
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding: 20px;
}
.event-carousel .event-item {
    background: #fff;
    margin: 0 30px 30px;
    box-shadow: #b77e3ce6 0px 0.0625em 0, rgb(0 0 0 / 25%) 0px 0.125em 0.5em, rgb(255 255 255 / 10%) 0px 0px 0px 1px inset;
}
.event-carousel .event-item > h4,.event-carousel .event-item .d-flex{padding: 0 15px}

.event-item .round-btn {
    margin-right: 0;
}

.events-page .event-item .event-img {
    overflow: hidden;
}

.events-page .event-item .event-img img {
    width: 100%;
    display: block;
    transition: ease all 0.5s;
    transform: scale(1);
}

.events-page .event-item:hover .event-img img {
    transition: ease all 0.5s;
    transform: scale(1.1);
}

.over-box {
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
    flex: 0 0 50%;
}
.over-box p,.spec-list li {
    position: relative;
    margin-bottom: 13px;
    font-size: 14px;
    padding-left: 20px;
}
.over-item p::before,.spec-list li::before {
    position: absolute;
    content: '';
    width: 16px;
    height: 16px;
    left: 0;
    top: 2px;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 50 50' xml:space='preserve' width='50' height='50'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23b77e3c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M36.875 26.406l-14.531 14.688c-1.563 1.563 -4.063 1.563 -5.625 0l0 0c-1.563 -1.563 -1.563 -4.063 0 -5.625l8.906 -9.063c0.781 -0.781 0.781 -1.875 0 -2.656l-8.906 -9.063c-1.563 -1.563 -1.563 -4.063 0 -5.625l0 0c1.563 -1.563 4.063 -1.563 5.625 0l14.531 14.688C37.656 24.375 37.656 25.625 36.875 26.406z'/%3E%3C/svg%3E");
}
.over-box p:last-child,.spec-list li:last-child {
    margin-bottom: 0;
}
.over-box .icon-wrap {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #707070;
}
.over-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.over-box .icon-wrap img{margin-right: 0;}
.spec-box {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #b77e3c;
    padding: 15px 15px 15px 50px;
    margin-left: 30px;
    margin-bottom: 30px;
}
.spec-icon img {
    max-width: 50px;
    filter: invert(68%) sepia(37%) saturate(7387%) hue-rotate(346deg) brightness(95%) contrast(94%);
}
.content-box .spec-list {
    margin-top: 20px;
    margin-bottom: 50px;
}
ul.spec-list {
    margin-bottom: 0;
}
.spec-icon {
    background: #fff;
    padding: 6px 0;
    position: absolute;
    left: -23px;
}
.specification .sticky-top {
    top: 178px;
    z-index: -1;
}

  
/* scroll bar style */
body::-webkit-scrollbar {
    width: 6px;
  }
  body::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  body::-webkit-scrollbar-thumb {
    background: #b77e3c;
  }
  body::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
/* ---- grid ---- */
  
  /* clear fix */
  .grid:after {
    content: '';
    display: block;
    clear: both;
  }
  
  /* ---- .grid-item ---- */
  
  .grid-sizer,
  .grid-item {
    width: 33.333%;
  }
  
  .grid-item {
    float: left;
    padding: 5px;
  }
  
  .grid-item img {
    display: block;
    max-width: 100%;
  }
  

  /* .grid-wrapper > div {
	display: flex;
	justify-content: center;
	align-items: center;
} */


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

.grey_patch_section {
    padding: 60px 0;
    position: relative;
    border-radius: 10px 0 0 10px;
    margin: 50px 0;
}
.grey_patch_section .grey_patch_inner {
    margin-left: -70px;
}
.grey_patch_section .grey_patch_inner .patch_section_txt_wrap {
    display: flex;
    align-items: center;
    height: 100%;
    width: 90%;
    max-width: 100%;
    background: #f3f3f3;
    padding-left: 60px;
}
.patch_section_tittle {
    position: relative;
}
.patch_section_tittle:after {
    content: "";
    position: absolute;
    width: 40px;
    height: 2px;
    background: var(--color-accent-primary-1);
    top: 19px;
    left: -50px;
}

.grey_patch_section:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 130%;
    left: 0;
    background: #f3f3f3;
    z-index: -1;
    top: 0;
    border-radius: 10px 0 0 10px;
}
.grey_patch_section.patch_left_side:after {
    content: "";
    left: initial;
    right: 0;
    border-radius: 0 10px 10px 0;
}
.grey_patch_section.patch_left_side .grey_patch_inner {
    margin-left: 0;
    margin-right: -70px;
}
.grey_patch_section.patch_left_side .grey_patch_inner .patch_section_txt_wrap {
    padding-left: 0;
}

/* Glass reflection*/

.img-reflection,.proj-img{
	background-position:left top;	
	position:relative;
	overflow:hidden;
	background-size:100% auto;
	background-repeat:no-repeat;
}
.img-reflection:after,.proj-img:after{
	content:"";
	background-color:rgba(255, 255, 255, 0.2);
	position:absolute;
	width:35%;
	height:200%;
	left:-100%;
	top:-50%;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
	
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	transform: rotate(40deg);
}
.img-reflection:hover:after,.proj-img:hover:after{
	left:150%;
}
/***************Thank you ****************/

.msgicon {
    height: 100px;
    width: 100px;
    border: 4px solid #fff;
    font-size: 39px;
    background: #b77e3c;
    color: #fff;
    border-radius: 50%;
    padding: 27px;
    text-align: center;
    margin: 0px auto;
    display: block;
    line-height: 40px;
}

.oops {
    text-align: center;
    font-size: 45px;
    margin-top: 20px;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-weight: 800;
}

.oops span {
    font-weight: 300;
}

.oops-subtitle {
    /*color: #fff;*/
    font-size: 18px;
}

.go-home {
    color: #414041;
    font-size: 19px;
    padding: 10px;
    margin: 0px auto;
    margin-top: 30px;
    border-radius: 5px;
    text-align: center;
    transition: ease 0.5s;
}

.go-home:hover {
    transition: ease 0.5s;
    color: #fff;
    background: #b77e3c;
    border-radius: 25px;
}

.oops-greet {
    color: #b77e3c;
    font-size: 25px;
    /*font-weight: 600;*/
    margin-bottom: 15px;
}
/*!========================================================================
* 118. Widget
* ======================================================================!*/
.widget {
    margin-bottom: 50px;
  }
  
  .widget p:last-of-type {
    margin-bottom: 0;
  }
  
  .widget select {
    width: 100%;
    max-width: 100%;
  }
  
  .widget ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: left;
  }
  
  .widget ul li {
    display: block;
    margin-bottom: 20px;
  }
  
  .widget ul li:last-child {
    margin-bottom: 0;
  }
  
  .widget ul ul {
    width: 100%;
    padding-left: 1em;
    margin-top: 1em;
  }
  
  .widget ul .sub-menu {
    padding-left: 1em;
    margin-top: 1em;
  }
  
  .widget ul li a,.widget .tagcloud a {
    color: #888888;
  }
  
  .widget ul li a:hover {
    color: var(--color-accent-primary-1);
  }
  
  .widgettitle {
    display: block;
    font-family: var(--font-primary);
    font-size: calc(var(--subheading-min-font-size) * 1px);
    font-weight: bold;
    line-height: var(--subheading-line-height);
    letter-spacing: 2px;
    color: #888888;
    text-transform: uppercase;
    color: var(--color-accent-secondary-2);
    margin-bottom: 1.5em;
  }
  
  @media screen and (min-width: 320px) {
    .widgettitle {
      font-size: calc(var(--subheading-min-font-size) * 1px + (var(--subheading-max-font-size) - var(--subheading-min-font-size)) * ((100vw - 320px) / 1600));
    }
  }
  
  @media screen and (min-width: 1920px) {
    .widgettitle {
      font-size: calc(var(--subheading-max-font-size) * 1px);
    }
  }
  
  .widgettitle:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-accent-secondary-2);
    margin-bottom: 0.5em;
  }
  #secondary .recent_post li {
    display: flex;
    align-items: center;
    padding: 20px 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(136, 136, 136, 0.3);
    }
    .recent_post li img {
        border-radius: 5px;
        margin-right: 10px;
        width: 70px;
    }
    .recent_post li a {
        font-family: var(--font-secondary);
        font-weight: bold;
        color: var(--color-accent-secondary-2) !important;
        flex: 0 0 80%;
    }
  /*!========================================================================
  * 119. Widget Archive
  * ======================================================================!*/
  .widget_archive ul li {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .widget_archive ul li span {
    color: #888888;
    font-size: 13px;
    line-height: 1;
  }
  
  /*!========================================================================
  * 120. Widget Calendar
  * ======================================================================!*/
  #wp-calendar {
    width: 100%;
    text-align: center;
  }
  
  #wp-calendar caption {
    caption-side: top;
    width: 100%;
    text-align: center;
    padding-top: 0;
    padding-bottom: 10px;
  }
  
  #wp-calendar th {
    font-weight: 600;
    padding: 5px;
    text-align: center;
  }
  
  #wp-calendar td {
    padding: 5px;
    color: #888888;
  }
  
  #wp-calendar td#next {
    text-align: right;
  }
  
  #wp-calendar td#prev {
    text-align: left;
  }
  
  #wp-calendar tbody a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    background-color: #f7f5f0;
    border-radius: 100%;
    transform: translate(-50%, -50%);
    z-index: -1;
    transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  }
  
  #wp-calendar tbody a:hover {
    color: #ffffff;
  }
  
  #wp-calendar tbody a:hover:before {
    background: var(--color-accent-secondary-2);
  }
  
  #wp-calendar tr {
    border-bottom: none;
  }
  
  #wp-calendar a {
    display: inline-block;
    position: relative;
    color: var(--color-accent-secondary-2);
    z-index: 50;
  }
  
  #wp-calendar a:hover {
    color: var(--color-accent-primary-1);
  }
  
  /*!========================================================================
  * 121. Widget Cassio Menu Inline
  * ======================================================================!*/
  .widget_cassio_menu_inline ul li {
    display: inline-block;
    margin-bottom: 0;
  }
  
  .widget_cassio_menu_inline ul li a {
    padding: 4px;
  }
  
  .widget_cassio_menu_inline ul li a:before {
    display: none;
  }
  
  @media screen and (max-width: 991px) {
    .widget_cassio_menu_inline .menu {
      text-align: center;
    }
    /* .sub-menu.active-list > .menu-item.flex-column #readmore5{
        display: block;
    } */
.portfolio-item .h-content:before {
    opacity: 0.55 !important;
}
.portfolio-item .h-content>* {
    -webkit-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
}
  }
  
  /*!========================================================================
  * 122. Widget Cassio Social
  * ======================================================================!*/
  .widget_cassio_social ul {
    text-align: inherit;
  }
  
  .widget_cassio_social ul li {
    display: inline-block;
    margin-bottom: 0;
  }
  
  /*!========================================================================
  * 123. Widget Categories
  * ======================================================================!*/
  .widget_categories ul li {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }
  
  .widget_categories ul li span {
    color: #888888;
    font-size: 13px;
    line-height: 1;
  }
  
  /*!========================================================================
  * 124. Widget Logo
  * ======================================================================!*/
  .widget_cassio_logo {
    max-width: 360px;
  }
  
  @media screen and (max-width: 991px) {
  
    .widget_ruben_logo,
    .widget_cassio_logo {
      max-width: 100%;
    }
  
    .widget_ruben_logo .logo,
    .widget_cassio_logo .logo {
      margin-bottom: 1em;
    }
  }
  
  /*!========================================================================
  * 125. Widget Nav Menu
  * ======================================================================!*/
  .widget_nav_menu ul li {
    margin-bottom: 1em;
  }
  
  .widget_nav_menu ul.menu>li {
    margin-bottom: 1em !important;
    white-space: normal;
    word-break: break-word;
  }
  
  .widget_nav_menu ul.menu>li a {
    display: inline-block;
    padding: 0;
    font-size: 16px;
  }
  
  .widget_nav_menu ul.menu>li a:after,
  .widget_nav_menu ul.menu>li a:before {
    display: none;
  }
  
  .widget_nav_menu ul.menu>li:last-child {
    margin-bottom: 0 !important;
  }
  
  .widget_nav_menu ul.menu>li.menu-item-has-children {
    margin-bottom: 1.5em !important;
  }
  
  .widget_nav_menu ul.menu>li.menu-item-has-children a:after,
  .widget_nav_menu ul.menu>li.menu-item-has-children a:before {
    display: none;
  }
  
  .widget_nav_menu ul.sub-menu {
    background-color: transparent;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    border-bottom: none;
    transform: none;
    margin-top: 1em;
    padding-top: 0;
    padding-bottom: 0;
  }
  
  .widget_nav_menu ul.sub-menu>li {
    border-left: none;
  }
  
  .widget_nav_menu ul.sub-menu>li>a {
    padding: 3px 0;
    border-left: none;
  }
  
  .widget_nav_menu ul.sub-menu>li>a:hover {
    background-color: unset;
  }
  
  /*!========================================================================
  * 126. Widget Polylang
  * ======================================================================!*/
  .widget_polylang {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .widget_polylang select {
    width: auto;
    display: inline-block;
    padding: 5px 25px 5px 15px;
    cursor: pointer;
  }
  
  .widget_polylang ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
  }
  
  .widget_polylang ul li {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  
  /*!========================================================================
  * 127. Widget RSS
  * ======================================================================!*/
  .widget_rss .rsswidget {
    font-family: var(--font-secondary);
    font-weight: bold;
    color: var(--color-accent-secondary-2);
  }
  
  .widget_rss .rss-date {
    display: block;
    width: 100%;
    font-size: 13px;
    margin-top: 0.5em;
    margin-bottom: 1em;
    color: #888888;
  }
  
  .widget_rss .rssSummary {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  
  .widget_rss ul>li {
    border-bottom: 1px solid rgba(136, 136, 136, 0.3);
    padding-bottom: 1em;
  }
  
  .widget_rss ul>li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  
  /*!========================================================================
  * 128. Widget Recent Comments
  * ======================================================================!*/
  .widget_recent_comments ul li {
    padding: 20px 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(136, 136, 136, 0.3);
  }
  
  .widget_recent_comments ul li:first-child {
    padding-top: 0;
  }
  
  .widget_recent_comments ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }
  
  .widget_recent_comments ul li a {
    color: var(--color-accent-secondary-2);
    font-family: var(--font-secondary);
    font-weight: bold;
  }
  
  .widget_recent_comments ul li a:hover {
    color: var(--color-accent-primary-1);
  }
  
  .widget_recent_comments .comment-author-link a {
    color: #888888;
    font-family: var(--font-primary);
    font-weight: normal;
  }
  
  /*!========================================================================
  * 129. Widget Recent Entries
  * ======================================================================!*/
  .widget_recent_entries .post-date {
    display: block;
    width: 100%;
    font-size: 13px;
    margin-top: 0.25em;
    color: #888888;
  }
  
  .widget_recent_entries ul li {
    padding: 20px 0;
    margin-bottom: 0 !important;
    border-bottom: 1px solid rgba(136, 136, 136, 0.3);
  }
  
  .widget_recent_entries ul li a {
    font-family: var(--font-secondary);
    font-weight: bold;
    color: var(--color-accent-secondary-2) !important;
  }
  
  .widget_recent_entries ul li a:hover {
    color: var(--color-accent-primary-1) !important;
  }
  
  .widget_recent_entries ul li:first-child {
    padding-top: 0;
  }
  
  .widget_recent_entries ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

/****Scroll down****/
.scroll-down {
    color: #fff;
    cursor: s-resize;
    margin: 0 auto;
    padding: 45px 0;
    /* right: 6vw;0 */
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    user-select: none;
    z-index: 3;
}
.scroll-down i {
    display: block;
    margin: auto;
    position: relative;
    width: 35px;
    height: 84px;
    text-align: center;
}
.scroll-down i:before {
    background: #fff;
    content: "";
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 1px;
    height: 60px;
    top: 0;
    transition: all .6s cubic-bezier(.77,0,.175,1);
    z-index: 1;
}
.scroll-down svg.arrow {
    margin: 0 auto;
    right: 0;
    left: 0;
    position: absolute;
    width: 7px;
    height: 5px;
    top: 66px;
    transition: top .6s cubic-bezier(.77,0,.175,1);
    z-index: 1;
}

.scroll-down svg.circle {
    opacity: .5;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 35px;
    height: 35px;
    transform: rotate(-90deg);
    z-index: 0;
}
.scroll-down svg.arrow g path {
    transition: fill .6s cubic-bezier(.77,0,.175,1);
}
.scroll-down svg.circle circle {
    stroke: #fff;
    stroke-dasharray: 95;
    stroke-dashoffset: 0;
    transition: all .6s ease-in;
}
.scroll-down:hover svg.circle circle {
    stroke-dashoffset: 95;
}
.scroll-down:hover svg.arrow {
    top: 75px;
}
.scroll-down:hover i:before {
    height: 75px;
}


/************Redevelopment**************/
.process-steps{
    display: grid;
    grid-template-columns: repeat(7,1fr);
}
.process {
    position: relative;
    padding-bottom: 51px;
}
.process::before {
    position: absolute;
    content: '';
    left: 0;
    right: 0;
    bottom: 0;
    transform: translateY(-50%);
    margin: auto;
    width: 14px;
    height: 14px;
    background: #b77e3c;
    line-height: 30px;
    border-radius: 100%;
    transition: all 0.4s;
}
.process::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    background: #b77e3c;
    bottom: 13px;
}

/* Animated heading border */
.animate-border {
    position: relative;
    display: block;
    width: 40px;
    height: 1px;
    background: #b77e3c;
    margin-bottom: 40px;

}

/*****loader*******/
.loader {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: visible;
    background-color: #fff;
    text-align: center;
 }
 .loader img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 }
 

/* job listing */
#quick-apply-btn {
    display: inline-block !important;
}
/* .sjb-apply-now-btn p > a {
    display: none !important;
} */
.sjb-listing .list-view {
    display: flex;
	gap: 10px;
	flex-wrap:wrap
}
.list-data .v1 header .row .row div:first-child {
    width: 100%;
}
.list-data .v1 header .row .row div{
	width: 50%;
}
.list-data .v1 header .row .row div:nth-child(4) {
    display: none;
}
.list-data {
    flex: 0 0 23%;
}
.popup-outer .sjb-quick-apply-modal-close-btn {
    right: -10px;
    top: -10px;
}
.sjb-page .list-data .v1 .job-info h4 a:hover{
    color: #3b3a3c;

}
.job-info a {
    line-height: 1.4;
    pointer-events: none;
}
.news-section select {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    padding: .5rem 1rem;
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    margin-right: 20px;
}
.media-sec{
    background: #704e26;
}
.media-sec .blog_date,.media-sec .blog_tittle a {
    color: #fff;
    font-size: 16px;
}
.media-sec .blog_date,.media-sec .blog_tittle a span {
    color: #c69251;
}
.light-arrow .owl-nav img {
    filter: invert(1) brightness(100);
}

.gallery-carousel.owl-carousel .owl-nav {
    position: relative;
    width: 100%;
    bottom: 0;
    margin-top: 30px;
}
.gallery-carousel.owl-carousel .owl-nav button.owl-prev {
    float: none;
    margin-left: 0;
}
.gallery-carousel.owl-carousel .owl-nav button.owl-next {
    float: none;
    margin-right: 0;
}
.gallery-carousel .owl-item .item img {
    -webkit-transition:  all 0.3s ease;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition:  all 0.3s ease;
    transition:  all 0.3s ease;
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.gallery-carousel .owl-item.center .item img {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    transition:  all 0.3s ease;
    -webkit-transition:  all 0.3s ease;
    -o-transition:  all 0.3s ease;
}

.gallery-carousel .owl-nav {
    text-align: center;
}
.sjb-listing .job-location {
    display: none;
}
.sjb-listing .job-description p {
    font-weight: bold;
}
.post-title {
    width: 100%;
}
.pr-media-btn {
    border: 1px solid rgb(236 111 36 / 30%);
    background-color: rgb(236 111 36 / 01%);
    border-radius: 5px;
    padding: 17px 15px 18px;
    color: #111111;
    display: inline-block;
    letter-spacing: 1px;
    font-weight: normal;
    transition: all .3s;
    width: 100%;
	font-size: 15px;
}
.pr-media-btn:hover {
    border-radius: 25px;
    color: #000000;
    border: 1px solid rgb(236 111 36 / 040%);
    background-color: rgb(236 111 36 / 40%);
}
.blog-page .grid-item {
    margin-bottom: 0px;
}
/*************Media Queries***************/


/* ============ desktop view ============ */
@media all and (min-width: 992px) {
    .custom-logo {
        width: 190px;
        /*width:100%;*/
        transition: ease all 0.5s;
        margin-left: -100px;
    }
    .fixed .custom-logo {
        width: 8vw;
        transition: ease all 0.5s;
    }
    .navbar .nav-item .dropdown-menu {
        padding: 0;
    }
    .dropdown-menu[data-bs-popper] {
        top: auto !important;
        left: auto !important;
        margin-top: 0 !important;
    }
    .navbar .nav-item:hover .dropdown-menu {
        display: block;
    }

    .navbar .nav-item .dropdown-menu {
        margin-top: 0;
    }
    .dropdown-submenu{ position: relative; 	}

	.dropdown-submenu .submenu{ 
		display: none;
		position: absolute;
		left:100%; 
        top:-7px;
        background: #000;
	}
	.dropdown-submenu:hover > .submenu{ display: block; }

    .owl-theme .owl-dots .owl-dot.active span,
    .owl-theme .owl-dots .owl-dot:hover span,.page #pcp_wrapper-130 .dots .swiper-pagination-bullet-active{
        background: #b77e3c !important;
    }
    .owl-theme .owl-dots .owl-dot span, .owl-theme .owl-dots .owl-dot:hover span,#pcp_wrapper-130 .dots .swiper-pagination-bullet {
        border: 1px solid #b77e3c !important;
        background: transparent !important;
    }
    .navbar-expand-md .navbar-toggler {
        display: block !important;
        margin: 0 auto;
    }

    /* .referral-form.connect-form .greypatch-bg {
        padding: 60px;
    } */
    /* .carousel-inner {
        height: 100vh;
    } */
    .proje-item .proj-conf-wrap p {
        font-size: 0.8vw;
    }
    .proj-logo img {
        height: 5vw;
    }
    .projects .proj-img img {
        max-height: 28vw;
    }
    .milestone-content .fact-item {
        margin-top: 60px;
    }
}

/* ============ desktop view .end// ============ */
@media only screen and (max-width:1600px) {
    .banner-sm-title {
        font-size: 30px;
    }
    .banner-md-title {
        font-size: 35px;
		line-height: 60px;
    }
    .banner_overlay:after {
        clip-path: polygon(101% 0, 54% 100%, 100% 100%);
    }
    .cust-container {
        max-width: 1200px;
    }

}

@media only screen and (max-width:1400px) {
    .banner-sm-title {
        font-size: 30px;
    }
    .banner-md-title {
        font-size: 46px;
        line-height: 66px;
    }
    .banner_overlay:after {
        clip-path: polygon(101% 0, 40% 100%, 100% 100%);
    }
	.center-navigation .nav-item {
    min-width: inherit;
	margin: 0 30px;
}
}


@media only screen and (max-width:1300px) {
    .sec-padd {
        padding: 50px 0;
    }

    .sec-padd-top {
        padding-top: 50px;
    }

    .sec-padd-bot {
        padding-bottom: 50px;
    }

    .navbar-nav .nav-link{
        font-size: 14px;
    }
    .navbar-nav .dropdown-item {
        font-size: 12px;
    }
    .content-wrap {
        max-width: 543px;
    }
    .navbar-nav .dropdown-item {
        padding: 7px 10px !important;
    }
    .dropdown-menu {
        min-width: 11rem !important;
    }
        .footer-logo img {
        max-width: 127px;
    }
    .owl-nav img {
        width: 30px;
    }
    .footer p {
        font-size: 14px;
    }
    .footer-area .menu li {
        /* margin-bottom: 7px; */
        font-size: 14px;
    }

    .footer-title {
        font-size: 16px;
    }
    .over-box p {
        font-size: 12px;
    }
    .cust-container {
        max-width: 1170px;
    }
    .contact-form input[type="text"],
    .contact-form input[type="email"],
    .contact-form input[type="tel"],
    .contact-form input[type="date"] {
        font-size: 12px;
    }

    .title-box h3 {
        font-size: 20px !important;
    }

    .section-title,
    h2 {
        font-size: 25px !important;
    }

    .number{
        font-size: 56px;
    }
    .fact-item p {
        margin-top: 21px;
    }
    .rerano {
        font-size: 11px;
    }
    .round-btn {
        padding: 6px 13px;
        font-size: 10px;
        line-height: 20px;
    }
    .carousel-caption h5 {
        font-size: 22px;
    }
    .banner-sm-title {
        font-size: 25px;
    }
    .banner-title {
        font-size: 47px;
        line-height: 53px;
    }
    .banner-md-title {
        font-size: 42px;
        line-height: 52px;
    }
    .banner-xs-title {
        font-size: 14px;
    }
    .event-item h4 {
        font-size: 14px;
    }

    .sp-pcp-post .sp-pcp-title,
    .sp-pcp-post .sp-pcp-title a,.blog_tittle  {
        font-size: 16px;
        line-height: 22px;
    }

    .sp-pcp-post-content p,.blog_desc {
        font-size: 14px;
    }

    .sp-pcp-post .sp-pcp-post-content .sp-pcp-readmore a {
        padding: 7px 20px !important;
        font-size: 12px;
        line-height: 22px;
    }

    .subhead {
        font-size: 18px;
    }

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

    .nav-tabs .nav-link {
        font-size: 13px;
    }

    .box-item .logo-wrap img {
        max-width: 108px;
    }

    .box-wrapper .box-item .img-wrap img {
        max-width: 350px;
    }

    .ans,
    .faq-item ul li {
        font-size: 12px;
    }

    .copyright p {
        font-size: 11px;
    }

    .owl-theme .owl-nav [class*=owl-] .fas {
        font-size: 25px;
    }


    .main-heading .round-btn {
        min-width: 135px;
        margin: 0 10px;
    }

    .proj-conf-wrap p,
    .proj-info {
        font-size: 10px;
    }

    .projects .proje-item {
        max-width: 280px;
        margin: 0 auto;
    }

    .testimonial .item img {
        max-width: 600px;
        margin: 0 auto;
    }


    .faq-title {
        font-size: 15px;
    }

    .proj-conf-wrap p {
        padding-left: 23px;
    }
    .customer-delight {
        padding: 6rem 0 11rem;
    }
    .conf-title {
        font-size: 18px;
    }

    .conf-img img {
        height: 60px;
    }

    .degree-img img {
        max-width: 60px;
    }

    .degree-view a{
        min-height: 300px;
    }

    .loaction-wrapper {
        max-width: 550px;
    }

    #exterior img {
        max-height: 585px;
    }

    .projects .proj-img img {
        max-height: 387px;
    }

    .career-content {
        max-width: 545px;
    }

    .career::before {
        height: 75%;
    }

    .job-text {
        font-size: 12px;
    }

    .card-title {
        font-size: 18px;
    }

    .jobop,
    .jobloc {
        margin-bottom: 5px;
        font-size: 13px;
    }

    .current-opening .round-btn {
        width: 90px;
        padding: 5px 20px;
    }

    .single .inner-banner {
        height: 400px;
    }

    .form-field textarea {
        height: 100px;
    }

    /* .referral-form .greypatch-bg {
        padding: 70px;
    } */

    /* .referral-form {
        margin-top: -199px;
    } */

    .connect-box p {
        font-size: 13px;
    }

    .connect-box .icon-box img {
        max-width: 32px;
    }
    .conf-title::before {
        height: 150px;
    }
    .carousel-inner svg {
        width: 32px;
        height: 32px;
    }
    .page-tabs {
        top: 66px !important;
    }
    .project-content p {
        font-size: 11px;
    }
    /* .award-carousel .item {
        min-height: 255px;
    } */
    .milestone-item {
        font-size: 18px;
    }
    .our-legacy{
        padding: 4rem 0;
    }
    .timeline-project {
    flex: 0 0 23%;
    }
    .timeline-year {
        font-size: 30px;
    }
    .center-navigation .nav-item {
        margin: 0 15px;
    }
    .video-title {
        font-size: 16px;
    }
    .testimonial .item a::before, .video a::before {
        width: 35px;
        height: 35px;
    }
    .team-title {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .team-head::after {
        right: 11px;
    }
    .team-head p {
        font-size: 13px;
    }
    .benefits-sec {
        padding: 7rem 0 6rem;
    }
    
}
@media only screen and (max-width:1200px) {
    .redev-list li {
        flex: 0 0 50%;
    }
    .center-navigation .nav-item {
        margin: 0 10px;
    }
    .banner-md-title {
        font-size: 37px;
        line-height: 55px;
    }
    .banner-sm-title {
        font-size: 24px;
    }
    .banner_overlay:after {
        clip-path: polygon(101% 0, 37% 100%, 100% 100%);
    }
    .award-carousel .item {
        margin: 0;
    }
    .award-item p {
        max-width: 220px;
        min-height: 60px;
    }
    #awards {
        padding-top: 6rem;
        margin-top: -94px;
    }

}
@media only screen and (max-width:991px) {
    .custom-logo {
        width: 120px;
        transition: ease all 0.5s;
    }
    .fixed .custom-logo {
        width: 90px;
        transition: ease all 0.5s;
    }
    .sec-padd {
        padding: 30px 0;
    }

    .sec-padd-top {
        padding-top: 30px;
    }
    .sec-padd-bot {
        padding-bottom: 30px;
    }
    .sec-mar{
        margin: 30px 0;
    }
    .mt-60{
        margin-top: 30px;
    }
    .sjb-container {
        margin-top: 91px;
    }
    #navbarNavDropdown {
        position: absolute;
        top: 80px;
        left: 0;
        z-index: 9999;
        background: #fff;
        width: 100%;
    }
    .home .carousel-inner .carousel-item > img {
        height: auto;
    }
    .projectFactsWrap {
        flex-direction: column;
    }
	.post_detail ul li {
		margin-right: 15px;
	}
    .projectFactsWrap .item:nth-child(2) {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        padding: 15px 0;
        margin: 15px 0;
        border-left: 0;
        border-right: 0;
    }
    .ribbon_wrap .ribbon:after {
        left: -17px;
    }
    .content-wrap {
        max-width: 100%;
        margin-left: auto;
        padding-right: 0;
    }
    .section-title,
    .h2,
    h2 {
        font-size: 35px !important;
    }
    .conf-title {
        font-size: 17px;
    }
    .rightside-content::before {
        width: 16px;
        left: 0px;
    }

    .rightside-content {
        padding-left: 24px;
    }

    .round-btn {
        font-size: 13px;
        line-height: 23px;
    }

    .resources-inner .card {
        margin-bottom: 60px;
        margin-left: 0;
        margin-right: 0;
    }

    #canv {
        width: 100% !important;
        height: auto;
    }

    .nav-item {
        padding: 0px 15px;
        border-bottom: 1px solid;
    }

    .nav-item:last-child {
        border-bottom: 0;
    }

    .navbar-nav .dropdown-menu {
        padding: 0 !important;
        border: 0;
    }

    .page-banner {
        padding: 40px 0;
    }

    .form-wrapper {
        padding: 30px 15px;
        margin-top: 30px;
    }

    .icon-wrap i,
    .con-title {
        font-size: 22px;
    }
    .transp-btn {
        padding: 10px 22px;
        font-size: 16px;
    }
    .project-content {
        padding-top: 30px;
        padding-left: 0px;
    }

    .amen-slide .item {
        margin-bottom: 60px;
    }

    .dropdown-menu {
        display: block !important;
    }

    .carousel-caption h5 {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .banner-title {
        font-size: 28px;
        letter-spacing: 2px;
        line-height: 38px;
    }

    .carousel-caption {
        padding-top: 60px !important;
    }

    .owl-theme .owl-dots {
        display: none;
    }
    .homeslider .item {
        height: 100%;
    }
    .funfact {
        padding: 50px 0;
        margin-bottom: 30px;

    }

    .fact-item {
        margin-bottom: 30px;
    }

    .owl-theme .owl-nav [class*=owl-] .fas {
        font-size: 22px;
    }

    .footer-area .menu {
        /* margin-top: 20px; */
        padding-left: 0;
    }

    .faqs .owl-item .item {
        padding: 15px;
    }

    .faqs .owl-item .item {
        min-height: auto;
    }

    .boxitem1 .box-left {
        padding-right: 0;
        margin-right: 0;
    }

    .boxitem2 .box-right {
        padding-left: 0;
        margin-left: 0;
    }

    .box-item {
        flex-direction: column;
    }

    .callback-wrapper {
        padding: 15px;
    }

    .funfact .row>div {
        justify-content: initial;
    }

    .box-wrapper .box-item .img-wrap img {
        max-width: auto;
    }

    .project-wrap {
        padding: 65px 0px 20px 0;
        margin: 0px 15px 40px;
    }

    .project-wrap::after {
        left: 14px;
    }

    .proj-right-content .btn-wrap {
        position: relative;
        margin-bottom: 0px;
    }

    .single .inner-banner {
        height: 301px;
    }

    .projects .proje-item,
    .events .event-item,
    .testimonial .item img {
        max-width: initial;
    }

    .sm-margin {
        margin: 20px 0;
    }

    .conf-box {
        padding: 15px;
    }

    .conf-title::before {
        height: 95px;
        bottom: -48px;
    }

    .conf-title {
        padding: 40px 14px 0;
    }

    .conf-details .row>div {
        margin-bottom: 50px;
    }

    .cont-effect {
        padding: 15px;
    }

    .blog-page.grid-item {
        width: 50%;
    }
    .projects .proj-img img {
        max-height: 465px;
    }

    .career-content {
        max-width: 338px;
    }

    .border-lefteffect {
        border-left: 3px solid #b77e3c;
    }
    .border-righteffect {
        border-right: 3px solid #b77e3c;
    }
    .team-head {
        border-left: 3px solid #b77e3c;
    }
    .border-end-dashed {
        border-bottom: 2px dashed #979595;
        margin-right: 0;
        padding-bottom: 25px;
        margin-bottom: 25px;
        border-right: 0;
    }

    section.map-wrapper iframe {
        height: 500px;
    }

    .banner-content {
        padding: 20px 40px;
    }

    .bannerhead {
        font-size: 14px;
    }

    /* .referral-form .greypatch-bg {
        padding: 50px;
    } */

    /* .referral-form {
        margin-top: -179px;
    } */

    /* .supreme-select {
        padding: 30px 0 210px;
    } */

    .thanyou-sec {
        margin-top: -100px !important;
    }

    .testimonial .item a::before,
    .video a::before {
        width: 30px;
        height: 30px;
    }

    .events-page .event-item {
        padding: 10px;
    }
    .carousel-inner svg {
        bottom: 17px;
        width: 17px;
    }
    .proje-item .proj-btn {
        flex: 0 0 40%;
    }
    .animate-border {
        margin-bottom: 15px;
    }
    .cont-inner iframe {
        margin-top: 30px;
        height: 400px;
    }
	#secondary {
    margin-top: 25px;
	}
	.widget {
    margin-bottom: 30px;
	}
    .event-carousel .event-item {
        margin: 10px 10px 30px;
    }
    .over-list {
        align-items: start;
        justify-content: start;
        flex-direction: column;
    }
    .specification .sticky-top {
        top: initial;
    }
    .spec-icon img {
        max-width: 35px;
    }
    .spec-box {
        padding: 15px 15px 15px 24px;
    }
	.list-data {
		flex: 0 0 47%;
	}
	.popup-outer .list-data .job-title {
		font-size: 17px;
	}
    .wpb-posts-nav h4 {
        font-size: 16px;
    }
    .redefining {
        padding: 0;
    }
    .single-ltr {
        font-size: 70px;
        line-height: 54px;
    }
    .milestone-content .fact-item {
        padding-left: 15px;
    }
    .milestone-carousel {
        padding-top: 20px;
    }
    .timeline-project > * {
        margin-left: 13px;
    }
    .three_column_grid{grid-template-columns: 1fr 1fr;}
    .video-title {
        bottom: 0;
    }
    .banner_overlay:after {
        clip-path: polygon(101% 0, 19% 100%, 100% 100%);
    }
    .process-steps {
        grid-template-columns: repeat(4,1fr);
    }
    .process {
        margin-bottom: 30px;
    }
    .team-head::after {
        right: 62px;
    }
    .page-tabs {
        margin-top: 0;
    }
    .award-item {
        max-width: 342px;
        margin: 0 auto;
    }
    .benefits-sec  {
        padding: 4rem 0;
    }
    .programs .tab-content {
        padding: 0 20px 20px 20px;
    }
    .referral-form-wrapper {
        padding: 20px;
    }
    .highlight_actual {
        font-size: 14px;
        padding: 5px 15px;
    }
}

@media only screen and (max-width:767px) {
    .qr-img img {
        width: 135px;
    } 
	.qr-box p {
		font-size: 13px;
	}
    .conf-details .row>div:nth-child(3) {
        margin-bottom: 0;
    }
   .page .inner-banner,.single .inner-banner,.archive .inner-banner {
        height: 301px;
    }
    .page-template-template-project .carousel-item img {
        height: auto;
    }
    .section-title,
    .h2,
    h2 {
        font-size: 26px !important;
    }
    .blog-page .grid-item {
        width: 100%;
    }
    .footer-2 {
        padding: 30px 0;
    }

    .reverse-col {
        flex-direction: column-reverse;
    }

    .cloud {
        max-width: 70px;
        top: 0;
    }

    .image-wrapper {
        width: 100%;
        margin: 0 0 15px 0;
    }
    .loaction-wrapper {
        max-width: 648px;
    }

    .nav-tabs .nav-link {
        margin-bottom: 20px !important;
    }

    .map-wrap iframe {
        height: 350px;
    }

    .career-content {
        max-width: initial;
    }

    .benefit-box {
        height: initial;
    }

    /* .referral-form .greypatch-bg {
        padding: 40px 20px;
    } */

    .main-heading .round-btn {
        margin: 0 10px 15px;
    }
	.gall-carousel .item {
    position: relative !important;
    width: 100%;
    left: 0 !important;
    top: 0 !important;
    }
        .grid-wrap {
        height: auto !important;
        width: auto !important;
    }
        .gallery img {
        height: 412px;
        object-fit: cover;
    }
        #exterior img {
        max-height: initial;
    }
    .hovereffect h3 {
        position: relative;
    }
    .hovereffect:hover h3 {
        -webkit-transform: translateY(45px);;
        -ms-transform: translateY(45px);;
        transform: translateY(45px);;
    }
    .hovereffect .info {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: left;
        color: #000;
        opacity: 1;
        filter: alpha(opacity=1);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 35px 0;
        outline-offset: 0;
        background-color: #f1f0f0;
    }
    .hovereffect:hover .amen-overlay {
        background-color: #f1f0f0;
    }
    .hovereffect .amen-overlay{position: relative;}
    .proje-item .d-flex {
        flex-direction: column;
        justify-content: flex-start !important;
        align-items: self-start !important;
    }
    .proje-item .proj-btn {
        margin-top: 15px;
    }
    .redev-list li {
        flex: 0 0 100%;
    }
    .gall_txt {
        color: #222;
    }
    .ami-overlay {
        position: relative;
        background: #f1f0f0;
        opacity: 1;
    }
	.list-data {
		flex: 0 0 100%;
	}
    .homeslider.owl-carousel .owl-nav {
        position: absolute;
    }
    .homeslider.owl-carousel .owl-nav button.owl-prev {
        float: left;
    }
    .homeslider.owl-carousel .owl-nav button.owl-next {
        float: right;
    }
    .owl-carousel .owl-nav {
        position: relative;
      }
    .owl-carousel .owl-nav button.owl-prev {
        float: none;
        margin-left: 0;
    }
    .owl-carousel .owl-nav button.owl-next {
        float: none;
        margin-right: 0;
    }
    .page-tabs .project_nav {
        box-shadow: none;
        position: relative;
        padding: 12px 0;
    }
    .page-tabs .tab {
        padding: 12px;
    }
    .page-tabs ul.tabs-list {
        right: 0;
        transition: 0.5s;
    }
    .page-tabs ul {
        display: block;
        transition: 0.5s;
        right: -100%;
        top: 115px;
        width: calc(100% - 70px);
        position: fixed;
        background: #fff;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
        height: auto;
    }
    .mob-tab-selected {
        display: block;
    }
    .mob-tab-selected span {
        display: block;
        padding: 6px 0;
        font-size: 15px;
    }
    .mob-tab-selected.active:after {
        transition: 0.5s;
        transform: rotate(180deg);
    }
    .mob-tab-selected:after {
        content: "";
        position: absolute;
        right: 30px;
        border: 7px solid var(--color-accent-primary-1);
        border-left-color: transparent;
        border-right-color: transparent;
        border-bottom: none;
        transition: 0.5s;
        top: 50%;
        transform: translateY(-50%);
    }
    .pro_nav_logo {
        /* width: 48px; */
        height: 35px;
        position: absolute;
        left: 0;
    }
    .page-tabs {
        background: #fff;
        box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1607843137);
        top: 58px !important;
        margin-top: 0;
    }
    .page-tabs ul li {
        border-bottom: 1px solid #e1e1e1;
    }
    .page-tabs ul > li + li:before {
     display: none;
    }
    .wpb-posts-nav {
        grid-template-columns: 1fr;
    }
    .transp-btn {
        padding: 10px;
        font-size: 14px;
    }
    .single-ltr {
        font-size: 50px;
        line-height: 42px;
    }
    .team-title {
        font-size: 22px;
    }
    .faq-title {
        font-size: 17px;
    }
    .ans, .faq-item ul li {
        font-size: 15px;
    }
    .timeline-year {
        width: 100%;
        text-align: center;
    }
    .timeline-project {
        flex: 0 0 44%;
    }
    .value-wrap {
        height: auto;
    }
    .timeline-year {
        font-size: 23px;
    }
    .timeline-title {
        font-size: 20px;
    }
    .timeline-project p {
        font-size: 12px;
    }
    .milestone-carousel.owl-carousel .owl-nav {
        bottom: -117px;
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    .owl-nav img {
        width: 26px;
        height: auto;
    }
    .years-carousel .owl-stage-outer {
        padding: 20px 8px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        margin: 0 8px;
    }
    .our-legacy {
        padding: 3rem 0 5rem;
    }
	#legacy:before {
    content: '';
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}
    .supreme-way{
        overflow-x: hidden;
    }
    .grey_patch_section {
        padding: 20px 0 20px 15px;
    }
    .grey_patch_section .grey_patch_inner {
        margin-left: 0;
    }
    .grey_patch_section .grey_patch_inner .patch_section_txt_wrap {
        padding-top: 20px;
        padding-left: 10px;
        width: 95%;
    }
    .patch_section_tittle:after {
        width: 13px;
        left: -5px;
    }
    .patch_section_tittle {
        padding-left: 16px;
    }
    .grey_patch_section.patch_left_side .grey_patch_inner {
        margin-right: 0;
    }
    .grey_patch_section.patch_left_side {
        padding: 20px 15px 20px 0;
    }
    .banner-sm-title {
        font-size: 21px;
    }
    .banner-md-title {
        font-size: 28px;
        line-height: 46px;
        letter-spacing: 1px;
    }
    .scroll-down {
        display: none;
    }
    .slider-text {
        bottom: 15px;
        right: 20px;
    }
    .banner_overlay:after {
        clip-path: polygon(300% 0, -50% 100%, 100% 100%);
    }
    .loader img {
        width: 205px;
    }
    .process-steps {
        grid-template-columns: repeat(2,1fr);
    }
    .footer .socila-links {
        margin: 20px 0 !important;
		justify-content: center;
    }
    .testimonial-carousel .item img {
        height: 280px;
        object-fit: cover;
        object-position: center;
    }
    .customer-delight:before {
        background: rgba(0,0,0,.5);
    }
    .customer-delight {
        background-position: right top !important;
    }
    .inner-mb {
        margin-bottom: 0;
    }
    .award-carousel .item {
        margin: 10px;
        padding: 0
    }
    .award-item .subhead {
        width: 171px;
        height: 153px;
    }
    .gallery-carousel .owl-item .item img{
        transform: none;
        -webkit-transform:none;
        -ms-transform:none;
    }
    .gallery-carousel .owl-item.center .item img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .expertise-sec .expertise-banner {  
        background-position: left;
    }
    #awards {
        padding-top: 2rem;
		margin-top: -40px;
    }
	.footer-area {
    text-align: center;
}
.footer-logo img {
    margin: 0 auto;
}
.footer-area .input-field {
    text-align: left;
}
.contact-form .form-group:last-child .input-field {
    text-align: center;
	position: relative;
}
}

@media only screen and (max-width:420px) {
	.two_column_grid {grid-template-columns: 1fr;}
    .three_column_grid{grid-template-columns: 1fr;}
	.team-img .img-fluid {
    width: 100%;
}
	.qr-content {
    text-align: center;
}
.sjb-listing .list-view {
    gap: 0px;
}
.team-img .img-fluid {
    width: 100%;
}
}
.c_icon.phone {
    padding-left: 70px !important;
}
#popup-form .intl-tel-input.allow-dropdown .flag-container,#popup-form .intl-tel-input.separate-dial-code .flag-container,#contact-form .intl-tel-input.allow-dropdown .flag-container,#contact-form .intl-tel-input.separate-dial-code .flag-container {
    left: 25px!important;
}
.engt .engt-right-theme {
    bottom: 80px!important;
    right: 10px!important;
}
.disclaimer p {
    font-size: 13px;
    margin-bottom: 10px;
}
.proje-item
{
    background: #ddd;
    border-radius: 20px;
    box-shadow: 0px 0px 6px #c9c9c9 !important;
}
.proj_content
{    
    padding: 10px;
}

.projects .proj-img img
{
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}

.footer_logo img
{
    width: 160px;
}



/* Property Collection Start */
.property_collection_section
{
    padding: 60px 0px;
}
.property_Coll_heading h2
{
    margin-bottom: 40px;
}
.gray-bg {
    background: #f7f7f7;
}
.grid, .grid1-1 {
    margin-bottom: 25px;
    overflow: hidden;
}
.posR {
    position: relative;
}
.grid img, .grid-1 img {
    transform: scale(1);
    transition: all .7s ease-in;
    -webkit-transform: scale(1);
    -webkit-transition: all .7s ease-in;
    width: 100%;
}
.blackStp {
    color: #fff;
    font-size: 1.3em;
    height: 100%;
    left: 0;
    padding-top: 39%;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
}
.blackStp span {
    background: rgba(0,0,0,0.7);
    margin: auto;
    padding: 5px 10px;
    border-radius: 3px;
    display: table;
    text-transform: uppercase;
    text-shadow: 0 0 5px #000;
    transform: translate3d(0px,0px,0px);
    transition: transform .35s ease 0s;
    font-weight: 600;
    font-size: 14px;
    -webkit-transform: translate3d(0px,0px,0px);
    -webkit-transition: -webkit-transform .35s ease 0s;
}
.blackStp>.view_pro {
    background: #fff;
    display: table;
    border: medium none;
    text-decoration: none;
    border-radius: 3px;
    color: #000;
    -webkit-display: block;
    font-size: .6em;
    font-weight: 600;
    margin: auto;
    padding: 6px 8px;
    transform: translate3d(0px,-20px,0px);
    transition: transform .35s ease 0s;
    visibility: hidden;
    text-transform: capitalize;
    -webkit-transform: translate3d(0px,-20px,0px);
    -webkit-transition: -webkit-transform .35s ease 0s;
}
.grid:hover img, .gridSt img:hover {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}
.blackStp:hover {
    cursor: pointer;
    text-decoration: none;
 }
.blackStp:hover span {
    transform: translate3d(0px,-30px,0px);
    -webkit-transform: translate3d(0px,-30px,0px);
}
.blackStp:hover>.view_pro {
    visibility: visible;
    cursor: pointer;
    text-decoration: none;
} 

.posR img
{
    width: 100%;
    border-radius: 20px;
    margin-top: 15px;
}

.bg_patten_04 
{
    background-image: url(../../img/pattern-07.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: auto;
}

.redefing-content span
    {
        color: #cba05f;
        font-weight: 600;
    }

.specifications_box .icon_box img
{
    width: 100%;
}

.specifications_box p
{
    text-align: center;
    font-size: 16px;
    padding: 10px 0px;
}

.specifications_box p span
{
    font-size: 11px;
}
/* Property Collection End */

.fa.fa-twitter
    {
        font-family:sans-serif;
    }
.fa.fa-twitter::before
    {
        content:"𝕏";
        font-size:1.2em;
    }

.blog_wrap
    {
        border: 1px solid #b77e3c;
        padding: 10px 20px;
        border-radius: 20px;
        height: 240px;
    }

.blog_desc  
    {
        color: #fff !important;
    }

.specifications_points
    {

    }

.specifications_points ul
    {
        list-style-type: none;
        padding-left: 0;
    }

.specifications_points ul li
    {
        position: relative;
        padding-left: 20px;
        margin-bottom: 4px;
        color: #000;
        line-height: 24px;
        font-size: 15px;
        margin-top: 10px;
    }

.specifications_points ul li::before
    {
        content: "\f192";
        font-family: "FontAwesome";
        color: #b77e3c;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 15px;
    }



.blog_section
    {
        padding: 70px 0px;
    }

.blog_section .blog_item_box
    {
        background: #fff;
        box-shadow: 0px 0px 7px #dadada;       
        border-radius: 15px;
    }

.blog_section .blog_item_box:hover
    {
        background: #fff;
        box-shadow: 0px 0px 10px #a5a5a5;       
        border-radius: 15px;
    }

.blog_section .blog_item_box .blog_item_image img
    {
        width: 100%;
    }

.blog_section .blog_item_box .blog_item_content
    {
        padding: 15px;
    }

.blog_section .blog_item_box .blog_item_content h3 a
    {
        color: #b77e3c;
        font-size: 17px;
        line-height: 16px;
    }

.blog_section .blog_item_box .blog_item_content ul
    {
        padding-left: 0px;
    }

.blog_section .blog_item_box .blog_item_content ul li
    {
       
        display: inline-block;
        padding-left: 10px;
        margin-top: 10px;
    }

.blog_section .blog_item_box .blog_item_content ul li a
    {
        color: #b77e3c;
    }

.blog_section .blog_item_box .blog_item_content .blog_btn_box
    {
        color: #fff;
        background: #b77e3c;
        padding: 5px 10px;
        transition: 1s;
        border-radius: 5px;
        
    }

.blog_section .blog_item_box .blog_item_content .blog_btn_box:hover
    {
        color: #b77e3c;
        background: #000;
        padding: 5px 10px;
        
    }

.blog_sidebar_box
    {
        background: #b77e3c;
        padding: 20px;
        border-radius: 15px;
    }

.blog_sidebar_box h3
    {
        color: #fff;
    }

.blog_sidebar_box h3
    {
        color: #fff;
    }

.blog_sidebar_box .blog_btn_box_deails
    {
        background: #72491a;
        color: #fff;
        transition: 1s;
    }

.blog_sidebar_box .blog_btn_box_deails:hover
    {
        background: #000;
        color: #d18e41;
    }

.details_content h2
    {
        color: #d18e41;
    }

.details_content ul
    {
        padding-left: 0px;
    }

.details_content ul li 
    {
        display: inline-block;
        padding-left: 15px;
        margin-top: 20px;
    }

.details_content ul li a
    {
        color: #d18e41;
    }

.details_content ul
    {
        padding-left: 0px;
        list-style-type: none;
    }

.details_content ul li
    {
        position: relative;
        padding-left: 20px;
        margin-bottom: 4px;
        color: #000;
        line-height: 24px;
        font-size: 14px;
        margin-top: 10px;
        display: block;
    }

.details_content ul li::before
    {
        content: "\f192";
        font-family: "FontAwesome";
        color: #d18e41;
        position: absolute;
        left: 0;
        top: 0;
        font-size: 14px;
    }