p{
     font-size: 20px;
}
 section{
     padding:40px 0px;
}
 .section-bg-1 {
     background-color: #e0e6f3 !important;
}
.sub-section-title{
        font-size: 32px;
    font-weight: 600;
    line-height: 1.3;
    color: var(--ltn__secondary-color);
}
.background-img{
 background: url(../img/background-img.jpg);
 background-size: cover;
}
.ltn__list-item-1{
list-style-image: url(../img/bullet.png);
}

/*----------------------------------------*/
/* PRE LOADER 
/*----------------------------------------*/
 .preloader {
     position: fixed;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
     z-index: 999999;
     background-color: #000;
}
 .preloader .icon {
     position: fixed;
     left: 0%;
     top: 0%;
     width: 100%;
     height: 100%;
     z-index: 5;
     background-color: rgba(0, 0, 0, 0);
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url(../img/loader.gif);
}
 .page-loaded .preloader .icon {
     opacity: 0;
}
 .ltn__header-4 .ltn__header-middle-area, .ltn__header-5 .ltn__header-middle-area{
     padding-bottom:5px;
     padding-top: 5px;
}
 .banner-sec{
     padding-top: 10%;
     padding-bottom: 10%;
}
 .ltn__breadcrumb-inner img{
     display: block;
     margin-left: auto;
     margin-right: auto;
}
 .bg-overlay-white-30:before {
     background: rgb(0 0 0 / 30%);
}
 .banner-bullet {
     color: #fff;
     list-style: outside none none;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     margin-top: 10px;
}
 .banner-bullet > li {
     float: left;
     font-size: 22px;
     padding: 0 30px;
     letter-spacing: 2px;
}
 .banner-bullet > li:before {
     border-left: 7px solid #78b0f3;
     content: " ";
     display: block;
     float: left;
     height: 23px;
     margin-top: 5px;
     padding: 0 5px;
}
 .banner-img{
     display: flex;
     list-style-type: none;
}
/*---=== About Us ===---*/
 .about-us-info-wrap p{
     font-size: 20px;
     font-weight: 400;
     line-height: 30px;
     margin-bottom: 0.5em;
}
/*---==== Projects ====---*/
 .home-proj{
     background: #efefef;
}
 .product-info{
     text-align: center;
     background-color: #7190ca4d;
     padding: 30px 30px 25px;
}
 .product-info img{
     display: block;
     margin-right: auto;
     margin-left: auto;
}
 .project-type{
     font-size: 20px;
     font-weight: 400;
     margin-top: 10px;
}
 .project-location{
     font-size: 24px;
}
 .thm-btn{
     display: block;
     margin-right: auto !important;
     width: fit-content;
     margin-left: auto;
     font-size: 20px;
     padding: 13px 40px 7px;
}
.apartments-plan-img img{
    box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px, rgb(0 0 0 / 30%) 0px 8px 16px -8px;
    border-radius: 10px;
    width: 100%;
}
.location-advantages{
    padding-left: 0px;
}
.location-advantages li{
    list-style-type: none;
    font-size: 20px;
    margin-top: 0px;
}
.location-advantages .icon-placeholder{
color: var(--ltn__secondary-color);
font-weight: bold;
padding-right: 4px;
}
/*---=== Land Owner ===---*/
.land-owner-sec img{
box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    border: 8px solid #fff;
}

 .sub-title{
     font-size: 28px;
     color: #7190ca;
     font-weight: 400;
}

/*---===Footer ===---*/
 .footer-widget p, .footer-widget li{
     font-size: 18px;
     font-weight:300;
}
/*--===== Project =====--*/
 .project-logo{
     display: block;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 3%;
}
 .project-banner-location{
     text-align: center;
     font-size: 25px;
}
 .floor-plan{
     box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
 .thm-title{
     position: relative;
     border-bottom: 3px solid #7190ca;
     width: fit-content;
     display: block;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 30px;
}
 .thm-title::before {
     background-color: #7190ca;
     border: 3px solid var(--white);
     position: absolute;
     content: "";
     right: 50%;
     top: 100%;
     -webkit-transform: translateY(-40%);
     -ms-transform: translateY(-40%);
     transform: translateY(-40%);
     height: 15px;
     width: 15px;
     opacity: 1;
     border-radius: 100%;
}


/*--===== About page =====--*/


.presence{
    background: #e0e6f3;
}

.component {
    position: relative;
    margin-bottom: 3em;
    height: 15em;
    background: none;
    
}

.component > h2 {
    position: absolute;
    overflow: hidden;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 300;
    font-style: italic;
    font-size: 12em;
    opacity: 0.1;
    cursor: default;
}

.cn-button {
        background: #000;
        border:4px solid #fff;
    
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
  
    font-size: 15px;
    font-weight: 700;
    height: 100px;
    left: 48%;
    margin-left: -2.69em;
    margin-top: -2.25em;
    padding-top: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 90%;
    width: 100px;
    z-index: 11;
    letter-spacing: 1px;
}

.cn-wrapper {
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 10;
    margin-top: -13em;
    margin-left: -13.5em;
    width: 27em;
    height: 27em;
    border-radius: 50%;
    background: transparent;
    opacity: 0;
    -webkit-transition: all .3s ease 0.3s;
    -moz-transition: all .3s ease 0.3s;
    transition: all .3s ease 0.3s;
    -webkit-transform: scale(0.1);
    -ms-transform: scale(0.1);
    -moz-transform: scale(0.1);
    transform: scale(0.1);
    pointer-events: none;
    overflow: hidden;
}
/*cover to prevent extra space of anchors from being clickable*/

.cn-wrapper:after {
    content: ".";
    display: block;
    font-size: 2em;
    width: 6.2em;
    height: 6.2em;
    position: absolute;
    left: 50%;
    margin-left: -3.1em;
    top: 50%;
    margin-top: -3.1em;
    border-radius: 50%;
    z-index: 10;
    color: transparent;
}

.opened-nav {
    border-radius: 50%;
    opacity: 1;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    pointer-events: auto;
}

.cn-wrapper li {
    position: absolute;
    /*  top: 50%;*/
    
    left: 50%;
    overflow: hidden;
    margin-top: -1.3em;
    margin-left: -10em;
    width: 10em;
    height: 10em;
    font-size: 1.5em;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: rotate(76deg) skew(60deg);
    -moz-transform: rotate(76deg) skew(60deg);
    -ms-transform: rotate(76deg) skew(60deg);
    transform: rotate(76deg) skew(60deg);
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    pointer-events: none;
}

.cn-wrapper li a {
    backface-visibility: hidden;
   background: linear-gradient(90deg, rgba(113,144,202,1) 0%, rgba(113,144,202,1) 44%, rgba(0,0,0,1) 100%);
    border-radius: 50%;
    bottom: -7.25em;
    color: #fff;
    display: block;
    font-size: 1.2em;
    height: 14.5em;
    line-height: 2;
    pointer-events: auto;
    position: absolute;
    right: -7.25em;
    text-align: center;
    text-decoration: none;
    transform: skew(-60deg) rotate(-75deg) scale(1);
    width: 14.5em;
}

.cn-wrapper li a span {
        display: block;
    font-size: 20px;
   
    letter-spacing: 1px;
    position: relative;
   
    top: 64px;
    transform: rotate(90deg);
}

.vannan,
.mylapore,
.teynmpet,
.kilpauk {
    transform: rotate(-90deg) !important;
}

.cn-wrapper li a:hover,
.cn-wrapper li a:active,
.cn-wrapper li a:focus {
  background: linear-gradient(90deg, rgba(112,164,215,1) 0%, rgba(97,169,241,1) 44%, rgba(0,0,0,1) 100%);
}

.cn-wrapper li a:focus {
    position: fixed;
    /* fix the displacement bug in webkit browsers when using tab key */
}

.opened-nav li {
    -webkit-transition: all .3s ease .3s;
    -moz-transition: all .3s ease .3s;
    transition: all .3s ease .3s;
}

.opened-nav li:first-child {
    -webkit-transform: rotate(-20deg) skew(60deg);
    -moz-transform: rotate(-20deg) skew(60deg);
    -ms-transform: rotate(-20deg) skew(60deg);
    transform: rotate(-20deg) skew(60deg);
}

.opened-nav li:nth-child(2) {
    -webkit-transform: rotate(12deg) skew(60deg);
    -moz-transform: rotate(12deg) skew(60deg);
    -ms-transform: rotate(12deg) skew(60deg);
    transform: rotate(12deg) skew(60deg);
}

.opened-nav li:nth-child(3) {
    -webkit-transform: rotate(44deg) skew(60deg);
    -moz-transform: rotate(44deg) skew(60deg);
    -ms-transform: rotate(44deg) skew(60deg);
    transform: rotate(44deg) skew(60deg);
}

.opened-nav li:nth-child(4) {
    -webkit-transform: rotate(76deg) skew(60deg);
    -moz-transform: rotate(76deg) skew(60deg);
    -ms-transform: rotate(76deg) skew(60deg);
    transform: rotate(76deg) skew(60deg);
}

.opened-nav li:nth-child(5) {
    -webkit-transform: rotate(108deg) skew(60deg);
    -moz-transform: rotate(108deg) skew(60deg);
    -ms-transform: rotate(108deg) skew(60deg);
    transform: rotate(108deg) skew(60deg);
}

.opened-nav li:nth-child(6) {
    -webkit-transform: rotate(140deg) skew(60deg);
    -moz-transform: rotate(140deg) skew(60deg);
    -ms-transform: rotate(140deg) skew(60deg);
    transform: rotate(140deg) skew(60deg);
}

.opened-nav li:nth-child(7) {
    -webkit-transform: rotate(172deg) skew(60deg);
    -moz-transform: rotate(172deg) skew(60deg);
    -ms-transform: rotate(172deg) skew(60deg);
    transform: rotate(172deg) skew(60deg);
}

.about-us-info-wrap h3{
    margin-bottom: 5px;
    margin-top: 15px;
}

/*--===== faqs =====--*/
.card h3{
color: var(--ltn__secondary-color);
font-weight: 400;
    font-size: 20px;
}
.card .ltn__list-item-1 li{
    margin-top: 0px;
}
.bg-style{
        border: 1px solid #d7d7d7;
    background:#eaebfcb5;
        padding: 15px 20px 0px 20px;
}
.inner-vaastu h3{
    font-weight: 400;
  color: var(--ltn__secondary-color);  
}



/*--===== Our Projects =====--*/
.project-page-enquire{
background-color: #1414148f !important;
    color: var(--white) !important;
    border: 3px double #fff;
    border-radius: 4px;
}
#projects .ltn__product-item-4 .product-info{
       padding: 25px 30px 15px; 
}

#projects .ltn__product-item-4 .product-title{
    font-size: 30px;
        margin-bottom: 5px;
}
#projects .ltn__product-item-4 .product-description p{
    font-size: 18px;
        margin-bottom: 3px;
}

/*--===== Contact Us =====--*/
.contact-form{
background-color: #718fc838;
}

.ltn__map-item .btn-border {
    border: 2px solid var(--ltn__secondary-color);
}
.nice-select.open .list{
     overflow: auto;
     height: 200px;
 
}


.completed-logo{
    background: #dce0e4;
    box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    border: 5px solid #ffffff;
    margin-top: 10px;
    margin-bottom: 10px;
}
.completed-logo img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*---===== POPUP FORM ====---*/
 .open-button.right-btn{
     position: fixed;
     top: 50%;
     right: -60px;
     font-size: 20px;
    letter-spacing: 1px;
     transform: rotate(90deg);
     padding:3px 20px;
     text-transform: uppercase;
     z-index: 9999;
     border-radius: 30px;
     border: 5px solid #fff;
     font-weight: bold;
     box-shadow: 1px 1px 10px #000000;
}
 .form-popup {
     display: none;
     position: fixed;
     bottom: 0;
     right: 0;
     z-index: 999999999999999999999999999;
     background: #0000008c;
     padding: 0;
     width: 100%;
     top: 0;
     padding: 40px;
}
 .form-container {
     max-width: 40%;
     padding: 10px 50px 25px 50px;
     margin: auto;
     position: relative;
     border-radius: 10px;
     background:var(--ltn__secondary-color);
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
 .form-container h4{
     text-align : center;
}
 .form-container input[type=text], .form-container input[type=password], .form-container input[type=email],.form-container textarea {
     width: 100%;
     padding: 10px 11px;
     margin: 10px 0 10px 0;
     border: none;
     height: 55px;
     background:#fff !important;
     resize : unset;
     color: #686868;
     border-radius: 8px;
    
}
.form-container textarea{
    height: 125px;
}

 .form-container select {
     width: 100%;
     padding: 10px 11px;
     margin: 10px 0 10px 0;
     border: none;
     resize : unset;
     background-color: #6868682e;
     color: #686868;
}
 .form-container input::-webkit-input-placeholder, .form-container textarea::-webkit-input-placeholder, .form-container select{
     font-size: 20px;
     font-weight: 400;
}
 .form-container input[type=text]:focus, .form-container input[type=password]:focus {
     background-color: #ddd;
     outline: none;
     color: #000;
}
 .form-container .btn {
     background: #000;
     color: white;
     padding:8px 32px;
     font-size: 20px;
     border: none;
     cursor: pointer;
     margin-bottom: 10px;
     width: fit-content;
     display: block;
     margin-left: auto;
     margin-right: auto;
     margin-top: 10px;
     border-radius: 30px;
}
 .form-container .cancel {
     width: 30px;
     height: 30px;
     padding: 0;
     color: #000;
     font-weight: 800;
     position: absolute;
     top: -25px;
     right: -15px;
     background:#fff;
     border-radius: 50%;
}
 .form-container .btn:hover, .open-button:hover {
     opacity: 1;
}
 .open-button{
     background: var(--ltn__secondary-color);
     color:#fff;
     border: unset;
     padding: 9px 20px;
}
 .popup_title{
     font-size: 30px;
     font-weight:bold;
    
     padding: 18px 0px 0px 0px;
}




 @media only screen and (max-width: 767px) {
     .ltn__header-4 .ltn__header-middle-area, .ltn__header-5 .ltn__header-middle-area{
         padding-bottom:15px;
         padding-top: 15px;
    }
     .ltn__copyright-design p{
         font-size: 16px;
    }
     .ltn__header-4 .ltn__header-options, .ltn__header-5 .ltn__header-options{
         flex: none;
    }
     .banner-bullet{
         display: block;
    }
     .banner-sec{
         padding-top: 10% !important;
         padding-bottom: 10% !important;
    }
     .ltn__breadcrumb-area{
         margin-bottom: 0px;
             padding-top: 55px;
    padding-bottom: 55px;
    }
     .ltn__header-4 .site-logo-wrap, .ltn__header-5 .site-logo-wrap{
         margin:0px 0 0px;
    }
     .banner-logo{
         display: none;
    }
     .ltn__utilize-menu > ul > li > a{
         font-size: 20px;
    }
     .ltn__utilize-menu > ul > li .sub-menu li{
         font-size: 18px;
    }
     .ltn__social-media-2 ul li{
         margin-right: 3px;
    }
     .project-banner-location{
         font-size: 18px;
    }
     .mbl-space{
         padding-top: 20px;
         padding-bottom: 20px;
    }
     .ltn__shop-details-area {
         padding-top: 0px;
    }
     .ltn__about-us-area{
         padding-top: 45px;
         padding-bottom: 20px;
    }
    h1{
 font-size: 35px;
    }
    h3 {
    font-size: 22px;
}
    .ltn__breadcrumb-list ul li {
    font-size: 22px;
}
.liton__wishlist-area {
    padding-top: 0px;
}
.ltn__tab-menu-list .nav {
    
    margin-right: auto;
}
.bg-style{
    padding:0px;
}
   .open-button.right-btn {
         position: fixed;
         bottom: 0;
         right: 0;
         transform: unset;
         width: 100%;
         top: unset;
         border-radius: 0px !important;
    }
      .form-container{
         max-width: 100%;
         padding: 20px;
            }
            .form-container input[type=text], .form-container input[type=password], .form-container input[type=email],.form-container textarea {
height: 50px;
            }
            .form-container textarea{
                min-height: 100px;
            }
            .ltn__copyright-menu{
                margin-top:0px;
            }
            .ltn__copyright-area {
    padding-bottom: 65px;
}
.footer-widget{
    margin-bottom: 22px;
}
}
 @media only screen and (max-width: 991px) {
     .sticky-active {
         position: fixed;
    }
     .inner-mbl > li .menu-expand::before, .inner-mbl > li .menu-expand::after{
         display: none !important;
    }
}