@font-face {font-family: "Amaranth-Bold";src: url("../fonts/Amaranth-Bold.ttf");}
@font-face {font-family: "Amaranth-Regular";src: url("../fonts/Amaranth-Regular.ttf");}
@font-face {font-family:"Outfit-Regular";src: url("../fonts/Outfit-Regular.ttf");}



body{margin: 0;padding: 0;box-sizing: border-box;scroll-behavior: smooth;overflow-x: hidden!important;}


.navbar {padding-top: 10px;padding-bottom: 10px;background: transparent!important;color: #333;transition: all 0.3s;}
.navbar .container{min-width: 75%;padding: 5px 0px;}
.navbar.compressed {padding-top: 1px;padding-bottom: 1px;background: #bfa85e!important;
color: #000;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}
.navbar-dark .navbar-nav .nav-link{font-family:"Outfit-Regular";color: #bfa85e;font-size: 15px;text-transform: uppercase;
padding: 8px 15px;letter-spacing: 0.8px;}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{color:#bfa85e;}
.navbar-dark .navbar-nav .nav-link{position: relative;}
.navbar-dark .navbar-nav .nav-link:before{content: "";position: absolute;width: 0px;height: 1px;background-color: #bfa85e;
left: 10%;right: 0;bottom: 5px;transition: 0.5s;}
.navbar-dark .navbar-nav .nav-link:hover:before{width: 80%;}





.navbar .right-sec{display: flex;align-items: center;}
.navbar ul{list-style-type: none;padding-right: 25px;margin-bottom: 0;}
.navbar ul li{display: inline-block;}
.navbar ul li a{color: #bfa85e;padding: 0px 6px;}
.navbar .right-sec span{font-family:"Amaranth-Bold";font-size: 18px;border: 1px solid #bfa85e;padding: 5px 15px;cursor: pointer;
color: #bfa85e;}

.navbar-brand h2{color: #bfa85e;text-align: left;text-transform: uppercase;font-size: 18px;letter-spacing: 8px;margin-bottom: 0;}
.navbar-brand h2 span:first-child {
    font-family: "Amaranth-Bold";
    font-size: 18px;
    border-top: 1px solid #bfa85e;
    padding: 2px 0px;
    display: grid
;
    text-transform: capitalize;
    letter-spacing: 4.5px;
    margin-top: 3px;
}

.navbar-brand h2 span:last-child {
    border-top: 0;
    letter-spacing: 0.5px;
    font-size: 12px;
}
.navbar-brand img{width: 180px;}

.navbar-brand{position: relative;margin: 0;padding: 0;}
.navbar-brand:before{content: "#";position: absolute;left: -40px;color: #bfa85e;font-size: 56px;top: -18px;}


.navbar.compressed .navbar-nav .nav-link{color: #000;}
.navbar.compressed .navbar-brand h2{color: #000;}
.navbar.compressed .navbar-brand h2 span:first-child{border-top: 1px solid #000;}
.navbar.compressed .right-sec span {border: 1px solid #000;color: #000;}
.navbar.compressed ul li a{color: #000;}

.navbar.compressed .navbar-brand:before{color: #000;}

img.slider-image.glider-slide.right-1{padding: 50px!important;}
.container {max-width: 80%;height: auto;margin-inline: auto;padding-inline: 1.25rem;}
.wrapper{height: 72vh;background-color: #181619;position: relative;}
.wrapper .road{position: absolute;content: '';height: 81%;width: 70%;bottom: 0%;left: 0%;}
.wrapper .road img{width: 100%;height: 100%;opacity: 0.1;}


.wrapper .inner-sec{display: flex;justify-content: space-between;height: 100%;}
.wrapper .container{height: 100%;padding-top: 7%;}
.wrapper .inner-sec .content{width: 50%;display: grid;align-items: center;z-index: 5;}
.wrapper .inner-sec .content h1{font-size: 50px;font-family: "Amaranth-Bold";text-align: right;
position: relative;z-index: 2;color: #bfa85e;}
.wrapper .inner-sec .content h1 img{position: absolute;width: 200px;top: 0;z-index: -1;left: 24px;top: -17px;}
.wrapper .inner-sec .content h1 span{display: block;margin-right: -100px;}
.wrapper .inner-sec .content button{margin-top: 45px;padding-right: 8%;margin-left: auto;color: #bfa85e;}

.wrapper .inner-sec .key-point{display: flex;padding: 25px 0px;text-align: right;justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 25px 0px;}
.wrapper .inner-sec  .bot-line{color: #fff;text-align: right;font-size: 12px;margin-bottom: 0;}

.wrapper .inner-sec .key-point .box{width: 50%;}
.wrapper .inner-sec .key-point .box h2{color: #bfa85e;font-size: 24px;font-family: "Amaranth-Regular";}
.wrapper .inner-sec .key-point .box p{color: #ccc;font-size: 18px;margin-bottom: 0;font-family: "Outfit-Regular";}

.wrapper .inner-sec .price-box{text-align: right;padding-bottom: 15px;}
.wrapper .inner-sec .price-box .p-box{background-color: #bfa85e;width: 250px;margin-left: auto;margin-top: 30px;padding: 15px;border-bottom-left-radius: 15px;border-top-left-radius: 15px;padding-right: 25px;}
.wrapper .inner-sec .price-box p{color: #222;font-family: "Amaranth-Regular";}
.wrapper .inner-sec .price-box h2{color: #000;font-family: "Amaranth-Bold";}

.wrapper .inner-sec .banner{width: 50%;/* display: grid; *//* align-items: center; *//* z-index: 2; */}
.wrapper .inner-sec .banner .inner-bann{display: flex;justify-content: flex-end;}
.wrapper .inner-sec .left{width: 90%;}
.wrapper .inner-sec .right{width: 50%;padding: 5%;padding-bottom: 0;padding-top: 10%;display:  none;}


.main-btn{display: grid;border: none;background-color: transparent;text-align: right;
font-family:"Outfit-Regular";text-transform: uppercase;letter-spacing: 0.5px;
font-size: 15px;cursor: pointer;}
.main-btn img{width: 24px;margin-left: auto;margin-top: 15px;}


.modal{z-index: 9999;}
.modal-body{background-color: #bfa85e;opacity: 1;
background-position: 0 0, 6px 6px;background-size: 12px 12px;align-items: center;text-align: center;padding: 50px;
background-image:  linear-gradient(135deg, #bfa85e 25%, transparent 25%), linear-gradient(225deg, #bfa85e 25%, transparent 25%), linear-gradient(45deg, #bfa85e 25%, transparent 25%), linear-gradient(315deg, #bfa85e 25%, #bfa85e 25%);
background-position:  10px 0, 10px 0, 0 0, 0 0;background-size: 5px 5px;background-repeat: repeat;border: 4px solid #000;;}
.modal-body img{width: 200px;}
.modal-body h2{color: #222;text-align: left;text-transform: uppercase;font-size: 18px;letter-spacing: 8px;margin-bottom: 0;
width: 220px;position: relative;margin: 0 auto;margin-bottom: 50px;padding-left: 40px;}
.modal-body h2:before {content: "#";position: absolute;left: 0px;color: #222;font-size: 56px;top: -12px;}
.modal-body h2 span:first-child{font-family:"Amaranth-Bold";font-size: 18px;border-top: 1px solid #222;padding: 2px 0px;
display: grid;text-transform: capitalize;letter-spacing: 0.4px;margin-top: 3px;}
.modal-body h2 span:last-child{border-top: 0;letter-spacing: 0.5px;font-size: 12px;}
.modal-body .form-control{border: none;background-color: transparent;color: #222;border-radius: 0px;
margin-bottom: 25px;border-bottom: 1px solid #222;padding-left: 0;font-family:"Amaranth-Bold";}
.modal-body .form-control::placeholder{color: #222;}
.modal-body button{width: 100%;background-color: #000;color: #bfa85e;}
.modal-body .main-btn img{width: 24px;}
.modal .close{color: #fff;opacity: 1;right: -18px;position: absolute;z-index: 9999!important;top: -16px;
background-color: #000;padding: 8px 10px;border-radius: 50px;padding-top: 6px;width: 40px;height: 40px;}


.animation {position: relative;overflow: hidden;width: 100%;height: 40rem;max-width: 100%;background-color: #181619;
animation: 24s linear infinite sky;}
.animation:after {position: absolute;z-index: 0;top: 0;left: 0;content: "";display: block;width: 100%;height: 100%;
box-shadow: 0 7rem 30rem -4rem #181619 inset;}
.animation [class^=animation__], .animation [class*=" animation__"] {position: absolute;}
.animation__plane {position: absolute;z-index: 1;top: calc(15% - (62px/2));left: calc(50% - (272px/2));width: 17rem;height: 6.2rem;
animation: 2s ease-in-out takeOff, 5s ease-in-out infinite alternate flight 2s;}

.animation__cloud--front {z-index: 2;top: 35%;left: 20%;width: 8.5rem;height: 3rem;fill: #bfa85e;
animation: 4s linear infinite cloudFront;}
.animation__cloud--middle {top: 22%;left: 75%;width: 6rem;height: 3rem;fill: #bfa85e;animation: 5s linear infinite cloudMiddle;}
.animation__cloud--back {top: 6%;left: 34%;fill: #bfa85e;animation: 8s linear infinite cloudBack;}

@keyframes takeOff {
0% {transform: translate(-220%, 110%);}
100% {transform: translate(0, 0);}
}

@keyframes flight {
0% {transform: translate(0, 0);}
25% {transform: translate(0, 10%);}
75% {transform: translate(0, -10%);}
100% {transform: translate(0, 0);}
}

@keyframes cloudFront {
0% {transform: translate(520%, 0);}
100% {transform: translate(-600%, 0);}
}
@keyframes cloudMiddle {
0% {transform: translate(230%, 0);}
100% {transform: translate(-900%, 0);}
}
@keyframes cloudBack {
0% {transform: translate(910%, 0);}
100% {transform: translate(-1000%, 0);}
}

.small-title{font-family:"Outfit-Regular";color: #bfa85e;}
.small-title span{position: relative;}
.small-title span:before{position: absolute;content: "";background-image: url(../images/icon/motorway.png);top: -20px;
left: -45px;width: 45px;height: 45px;z-index: 1;background-size: cover;}
.small-title span:after{position: absolute;content: "";background-color: #bfa85e;bottom: -5px;right: 0px;width: 25px;
height: 1px;z-index: 1;background-size: cover;}

.main-btn-center{display: flex;border: none;background-color: transparent;text-align: right;
font-family:"Outfit-Regular";text-transform: uppercase;letter-spacing: 0.5px;cursor: pointer;
font-size: 15px;}
.main-btn-center .left{display: grid;padding-right: 25px;}
.main-btn-center .right{display: grid;}
.main-btn-center .right img{width: 24px;margin-left: auto;}
.main-title{font-family: "Amaranth-Bold";font-size: 60px;padding-bottom: 15px;letter-spacing: 1px;color: #bfa85e;}
.main-pera{font-family:"Outfit-Regular";font-size: 16px;line-height: 28px;}

.land{position: relative;margin-top: -10%;}
.land .content-box{position: absolute;top: 0;left: 20%;width: 60%;text-align: center;margin-top: -8%;}
.land .content-box h6{padding-bottom: 15px;}
.land .content-box button{margin: 0 auto;}
.land .content-box p{color: #bfa85e;padding-bottom: 15px;}
.scene {width: 100%;}
.land .scene:first-child{margin-top: -5%;} 

.side-btn{position: fixed;top: 45%;right: 0;writing-mode: vertical-lr;background-color: #bfa85e;padding: 25px 10px;
font-size: 18px;font-family: "Amaranth-Bold";z-index: 999;color: #000;letter-spacing: 1px;border-bottom-left-radius: 15px;
border-top-left-radius: 15px;cursor: pointer;border: 1px solid #000;border-right: 0;display: none;}

.connectivity{padding: 100px 0px;position: relative;background-color: #181619;}
.connectivity .inner-connect{display: flex;justify-content: space-between;}
.connectivity .inner-connect .left{width: 40%;}
.connectivity .inner-connect .right{width: 55%;display: grid;align-items: center;}
.connectivity .inner-connect .right button{margin-top: 25px;margin-left: 50px;}
.connectivity .inner-connect .right .content-box p{text-align: justify;color: #bfa85e;}
.connectivity .inner-connect .right .content-box h6{padding-left: 50px;padding-bottom: 10px;}
.connectivity .inner-connect .right .content-box h2{padding-bottom: 25px;font-size: 54px;}
.connectivity .inner-connect .right .content-box h2 span{display: grid;padding-left: 10%;padding-top: 10px;}
.connectivity .inner-connect .right .content-box .media{padding-left: 8%;padding-top: 15px;}
.connectivity .inner-connect .right .content-box .media h4{font-family: "Amaranth-Bold";font-size: 18px;letter-spacing: 0.5px;
color: #bfa85e;}
.connectivity .inner-connect .right .content-box .media img{width: 60px;margin-right: 25px;padding: 8px;height: 60px;
border: 1px solid #bfa85e;}


button:focus {outline: unset;}
section.retail {width: 100%;height: 75vh;background-image: url("../images/a2.jpg");
background-position: center;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;
display: flex;flex-direction: column;justify-content: center;align-items: center;}

.retail .test-box{background-color: rgba(0, 0, 0, 0.8);height: 100%;display: grid;align-items: center;width: 100%;}
.retail .test-box .retail-box{text-align: center;width: 60%;margin: 0 auto;}
.retail .test-box .retail-box h2{color: #bfa85e;}
.retail .test-box .retail-box p{color: #bfa85e;font-size: 18px;font-family: "Amaranth-Regular";letter-spacing: 0.5px;line-height: 36px;
padding-bottom: 25px;}
.retail .test-box .retail-box button{margin: 0 auto;color: #000;}
.retail .test-box .retail-box button img{filter: invert();}
.retail .counter-top{display: flex;justify-content: space-between;border-bottom: 1px solid #ffeace;border-top: 1px solid #ffeace;
padding: 40px 0px;margin: 40px 0px;}
.retail .counter-top h6{font-size: 16px;color: #bfa85e;}
.retail .counter-top h4{font-family: "Amaranth-Bold";font-size: 36px;letter-spacing: 1px;color: #bfa85e;}
.retail .counter-top img{margin-right: 25px;width: 70px;height: 70px;margin-top: 5px;
background-color: #fbf5f3;border-radius: 100px;padding: 15px;}


.insights{padding: 100px 0px;background-color: #181619;}
.insights .in-btn{margin: 0 auto!important;display: block!important;margin-top: 50px;}
.insights .header{text-align: center;padding-bottom: 50px;}
.insights .inner-insight{display: flex;justify-content: space-between;}
.insights .inner-insight h4{font-family: "Amaranth-Bold";font-size: 20px;letter-spacing: 0.5px;padding-bottom: 10px;
display: flex;justify-content: space-between;color: #000;}
.insights .inner-insight h4 span{background-color: #222;padding: 5px;border-radius: 100px;font-size: 16px;color: #bfa85e;}
.insights .inner-insight p{text-align: justify;line-height: 24px;font-size: 15px;color: #000;}
.insights .inner-insight p span{font-weight: 500;}
.insights .inner-insight .box{background-color: #bfa85e;padding: 25px;border-radius: 25px;margin: 25px 0px;min-height: 235px;}
.insights .inner-insight button{margin-left: auto;margin-top: 50px;}
.insights .inner-insight .left{width: 35%;display: grid;align-content: space-between;z-index: 1;}
.insights .inner-insight .mid{width: 30%;display: grid;align-items: center;justify-content: center;}
.insights .inner-insight .right{width: 35%;display: grid;align-content: space-between;z-index: 1;}
.insights .inner-insight .mid .inner-box-img{height: 200px;width: 200px;border: 1px solid #bfa85e;border-radius: 100%;}

.insights .inner-insight .mid .inner-box-img .box-img{text-align: center;}
.insights .inner-insight .mid .inner-box-img .box-img button{height: 200px;justify-content: center;padding-top: 0px;
width: 200px;position: relative;color: #bfa85e;}
.insights .inner-insight .mid .inner-box-img .box-img button:before{content: "";position: absolute;width: 200%;height: 200%;
border: 1px solid #bfa85e;border-radius: 100%;top: -75%;}
.insights .inner-insight .mid .inner-box-img .box-img button:after{content: "";position: absolute;width: 270%;height: 270%;
border: 1px solid #bfa85e;border-radius: 100%;top: -110%;}
.insights .inner-insight .mid .inner-box-img .box-img button span:first-child{font-size: 28px;}
.insights .inner-insight .mid .inner-box-img .box-img button .left{width: 75%;margin-top: -10px;}
/*.insights .inner-insight .mid .inner-box-img .box-img button .right{width: 28%;}*/

.insights .inner-insight .mid .space-b{margin-top: 45px;}
.insights .inner-insight .mid .space-t{margin-bottom: 45px;}

.mall{height: 100vh;position: relative;}
.mall .bg-mall{height: 100%;object-fit: cover;}
.mall .inner-content{position: absolute;width: 100%;top: 0;left: 0;right: 0;bottom: 0;height: 0;display: grid;
align-items: center;padding-right: 12%;height: 100%;}
.mall .inner-content .mall-content{width: 40%;margin-left: auto;padding: 50px;background-color: rgba(000, 000, 000, 0.9);}
.mall .inner-content .mall-content button{margin-left: auto;margin-top: 25px;margin-right: 35%;}
.mall .inner-content .mall-content p{color: #bfa85e;}

.form-control:focus {outline: unset;box-shadow: unset;}

.bg-color-btn{background-color: #1e1e1c;font-size: 18px;color: #ffffff;border: none;padding: 8px 25px;font-family: "Amaranth-Bold";letter-spacing: 1px;cursor: pointer;width: 200px;}

.bg-color-btn-y {background-color: #bfa85e;}

.builder{padding: 100px 0px;background-color: #bfa85e;}
.builder .bottom-builder{font-family: "Amaranth-Bold";font-size: 24px;display: block;text-align: center;color: #000;}
.builder .container{max-width: 60%;}
.builder .inner-builder{display: flex;justify-content: space-between;}
.builder .inner-builder .left{width: 40%;padding-top: 12%;}
.builder .inner-builder .left h6{padding-left: 40px;margin-bottom: 25px;}
.builder .inner-builder .right p{letter-spacing: 0.5px;font-size: 15px;text-align: justify;margin-bottom: 50px;
color: #000;}
.builder .inner-builder .right p span{display: grid;}
.builder .inner-builder .left h2{color: #000;}

.builder .inner-builder .left .content-box h6{color: #000;}

.builder .small-title span:after{background-color: #000;}
.builder .small-title span:before{filter: brightness(0%);}

.builder .inner-builder .left h2 span{display: grid;}
.builder .inner-builder .right{width: 55%;}
.builder .inner-builder .right .form-box{padding: 50px;}
.builder .inner-builder .right .form-box .form-control{background-color: transparent;border: none;border-radius: 0;
border-bottom: 1px solid #000;margin-bottom: 25px;padding-left: 0;font-family: "Amaranth-Bold";letter-spacing: 1px;
font-size: 18px;color: #000;}
.builder .inner-builder .right .form-box button{color: #000;margin-top: 50px;margin-left: auto;}
.builder .inner-builder .right .form-box .form-control::placeholder{color: #000;}
.builder .inner-builder .right .form-box button img{filter: contrast(100%);}

.builder{position: relative;z-index: 2;}
.builder .road{ position: absolute;content: '';height: 80%;width: 70%;bottom: 0%;left: 0%;z-index: -1;}
.builder .road img{width: 100%;height: 100%;opacity: 0.1;filter: invert();}


.footer{background-color: #181619;padding: 0px 0px 25px 0px;}
.footer p{color: #ccc;font-size: 14px;text-align: center;margin-bottom: 0px;font-family: "Amaranth-Regular";
line-height: 26px;letter-spacing: 0.1px;}
.footer p span{font-family: "Amaranth-Regular";}
.footer p a{color: #ccc;}

p{letter-spacing: 0.4px;}
.mobile-section{position:fixed; bottom:0; left:0; width:100%; background: #181619;
z-index: 999;display: none;}
.mobile-section .btn{padding: 6px 10px;font-size: 17px;text-align: center;flex-grow:1;color: #c5a75e;border: 1px solid #bfa85e;position: relative;font-family: "Amaranth-Bold";letter-spacing: 0.7px;}
.mobile-section .btn:not(:last-child):before{position:absolute; content:''; height:10px;
width:1px; background:#000; right:0; top:50%; transform:translateY(-50%); display:block; }

.sidebar-contact{position:fixed;top:50%;z-index: 99;right:-360px;transform:translateY(-50%);width:360px;height:auto;
padding:40px;background:#fff;box-shadow: 0 20px 50px rgba(0,0,0,.5);box-sizing:border-box;transition:0.5s;}
.sidebar-contact.active{right:0;}
.sidebar-contact input,
.sidebar-contact textarea{width:100%;height:50px;padding:5px;margin-bottom:10px;box-sizing:border-box;border:none;
background-color: #f7f7f7;outline:none;}
.sidebar-contact input,
.sidebar-contact textarea::placeholder{padding: 6px 15px;}
.sidebar-contact h2{font-family: "Amaranth-Bold";letter-spacing: 2px;padding:0;}
.sidebar-contact p{position: relative;margin-bottom: 50px;}
.sidebar-contact p:before {content: "";width: 50px;height: 4px;bottom: -25px;left: 0;background-color: #bfa85e;
position: absolute;}
.sidebar-contact textarea{height:50px;resize:none;}

.btn-all{background-color:#bfa85e;color:#fff;width: 100%;height: 50px;cursor:pointer;border:none;font-family: "Amaranth-Regular";letter-spacing: 2px;
font-size:20px;line-height: 50px;}
.toggle{position:absolute;height:145px;width:48px;text-align:center;cursor:pointer;background:#bfa85e;top:0;
left:-48px;line-height:48px;writing-mode: vertical-lr;color: #000;padding: 5px 1px;font-size: 18px;
font-family: "Amaranth-Bold";border-bottom-left-radius: 15px;border-top-left-radius: 15px;}
.toggle:before{font-family:fontAwesome;font-size:20px;color:#222;}
.toggle.active:before{}

.sidebar-contact.active {
    right: 0px;
}
.mobile-form {
    padding: 30px;
    background: #181619;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
}
.mobile-form h2 {
    font-size: 24px;
    margin-bottom: 16px;
    text-align: center;
    letter-spacing: 0px;
    color: #000000;
}

.mobile-form .form-control {
    border: none;
    background-color: transparent;
    color: #000000;
    border-radius: 0px;
    margin-bottom: 25px;
    border-bottom: 1px solid #000000;
    padding-left: 0;
    font-family: "Amaranth-Bold";
}

.mobile-form .form-control::placeholder{color: #000000;}

.form-box {
   width: 100%;
    background: #bfa85e;
    border-radius: 25px;
    padding: 8px 0px;
            margin-top: 2%;
}
.row-form{
    justify-content: space-evenly;
    display: flex;
}
.row-form .box {
    /* margin: 0px 0px; */
}

.navbar .right-sec .ivr_dsk {
    letter-spacing: 1px;
    color: #bfa85e;
}

nav.navbar.navbar-expand-sm.bg-dark.navbar-dark.fixed-top.compressed .right-sec .ivr_dsk {
    letter-spacing: 1px;
    color: #000000;
}

.navbar .right-sec img {
    /* filter: invert(1); */
    width: 18px;
}

.mobile-section .btn {
    padding: 6px 10px;
    font-size: 17px;
    text-align: center;
    flex-grow: 1;
    color: #c5a75e;
    position: relative;
    font-family: "Amaranth-Bold";
    letter-spacing: 0.7px;
}
.banner_carousel .item .title {
    position: absolute;
    content: '';
    left: 0px;
    width: 100%;
    text-align: center;
    bottom: 10px;
    color: #bfa85e;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 3px;
    font-weight: 600;
    /* text-shadow: 1px 1px #636363; */
}
.banner_carousel .item:before {
    position: absolute;
    content: '';
    height: 100px;
    left: 0;
    width: 100%;
    bottom: 0;
    background-image: linear-gradient(0deg, rgb(0 0 0 / 90%), rgb(0 0 0 / 50%), rgb(0 0 0 / 0%));
}
.banner_carousel .item img {
    display: block;
    width: 100%;
    max-height: 590px;
    object-fit: cover;
}

.price-img{

}

.inner-content p{
text-align: right;
}

@media screen and (max-width: 1500px){
    .banner_carousel .item img {
      
        max-height: 450px;
       
    }
        .navbar-brand h2 span:first-child {
        letter-spacing: 1px;
    }

    .navbar-brand h2 span:last-child {
    border-top: 0;
    letter-spacing: 0.5px;
    font-size: 9px;
}
.navbar-brand h2 {font-size: 15px;letter-spacing: 5px;}
.navbar-brand h2 span{font-size: 16px;}
.navbar-brand:before {left: -35px;font-size: 48px;}
.navbar-dark .navbar-nav .nav-link {padding: 8px 10px;}
.wrapper .inner-sec .content h1 {font-size: 34px;}
.wrapper .inner-sec .content h1 img {width: 100px;}
.main-title{font-size: 34px;}
.land .content-box p {padding-bottom: 0px;}
.main-pera {font-size: 15px;line-height: 26px;}
.land .content-box {left: 15%;width: 70%;margin-top: -14%;}
.connectivity .inner-connect .right .content-box h2 {padding-bottom: 12px;line-height: 45px;font-size: 44px;}
.container {max-width: 90%;}
.connectivity .inner-connect .left .img-sec {height: 100%;}
.connectivity .inner-connect .left .img-sec img{height: 100%;object-fit: cover;}
.connectivity .inner-connect .right .content-box .media{margin-bottom: 5px;}
.connectivity .inner-connect .right .content-box .media img {width: 52px;padding: 6px;height: 52px;}
.retail .test-box .retail-box {width: 85%;}
.retail .test-box .retail-box h2.main-title{margin-bottom: 0;padding-bottom: 0;}
.retail .counter-top {border-bottom: 1px solid #ffeace45;border-top: 1px solid #ffeace45;padding: 35px 0px;
margin: 35px 0px;}
.insights .inner-insight .box {padding: 20px;margin: 15px 0px;min-height: 224px;}
.insights .inner-insight p{line-height: 24px;}
.insights .inner-insight .mid {width: 25%;}
.insights .inner-insight .left {width: 40%;}
.insights .inner-insight .right {width: 40%;}
.mall .inner-content .mall-content p{text-align: justify;}
.mall .inner-content .mall-content {width: 50%;padding: 25px;}
.mall .inner-content{padding-right: 2%;}
.builder {padding: 25px 0px;}
.builder .container {max-width: 82%;}
.wrapper:before {height: 55%;width: 94%;left: 2%;}
.wrapper .inner-sec .content h1 img {left: 58px;top: -4px;}
.wrapper .inner-sec .key-point .box h2 {font-size: 20px;}
.wrapper .inner-sec .left {width: 80%;}
.wrapper .inner-sec .content {/* width: 41%; */}
.wrapper .inner-sec{height: 94%;}
.wrapper .inner-sec .price-box p{margin-bottom: 5px;}
.sidebar-contact{padding: 25px;padding-top: 20px;}
.sidebar-contact p{margin-bottom: 40px;font-size: 15px;}
.sidebar-contact h2{letter-spacing: 1px;font-size: 24px;margin-bottom: 4px;}
.sidebar-contact p:before {bottom: -17px;}
.sidebar-contact input {height: 45px;padding: 5px 15px;margin-bottom: 8px;}
.sidebar-contact textarea{padding: 5px 2px;}
.toggle{letter-spacing: 1px;}
.btn-all {height: 48px;letter-spacing: 1px;font-size: 18px;line-height: 46px;}
.sidebar-contact{width: 320px;right: -320px;}

}

@media screen and (max-width: 1368px){
.wrapper .inner-sec .content h1 img {left: 24px;}
section.retail {height: 90vh;}
.main-title {font-size: 36px;}
.mall .inner-content .mall-content button {margin-top: 25px;}
.mall {height: 110vh;}
.wrapper .container {height: 104%;}
.wrapper .road{left: -4%;}
.builder .road{left: -4%;}
.banner_carousel .item img {
    max-height: 406px;
}
}

@media screen and (max-width: 1280px){
    .banner_carousel .item img {
        max-height: 388px;
    }
.wrapper .inner-sec .content h1 img {left: -10px;}
.wrapper .inner-sec .content button {margin-top: 15px;padding-right: 0%;}
.wrapper .inner-sec .content {/* width: 38%; */}
.wrapper .inner-sec .content h1 {font-size: 33px;}
.wrapper .inner-sec .key-point .box p{font-size: 15px;}
.wrapper .inner-sec .key-point .box h2 {font-size: 18px;}
}

.m-v{display: none;}

@media (max-width: 768px) {
    .mobile-section img.img-fluid.icon {
        width: 18px;
        filter: invert(1);
    }
    .mobile-section .btn {
        font-size: 15px;
    }
}

@media screen and (max-width: 575px){

	.inner-content p {
    text-align: unset;
}
.price-img {
    width: 100%;
}
.m-v{display: block;}
.d-v{display: none;}
.wrapper .inner-sec .content h1{color: #000;}
.wrapper .inner-sec .content h1 span{padding-left: 12px;color: #000;}
.mobile-section{display: flex;}
.wrapper .inner-sec {display: grid;flex-direction: column;padding-top: 75px;padding-bottom: 40px;}
.wrapper .inner-sec .content {width: 100%;order: 2;}
.wrapper .inner-sec .banner {width: 100%;order: 1;}
.navbar .right-sec{display: none;}
.navbar-toggler-icon{filter: invert();}
.navbar-brand h2 {font-size: 12px;letter-spacing: 2px;color: #000;}
.navbar-brand h2 span:first-child {font-size: 16px;padding: 2px 0px;padding-bottom: 0px;color: #000;}
.navbar-brand h2 span:first-child{    border-top: 1px solid #000;}
.navbar-brand h2 span:last-child{font-size: 10px;}
.navbar-brand:before {left: 0px;font-size: 36px;}
.wrapper .inner-sec .content h1 {font-size: 26px; text-align: center;z-index: 2;display: flex;justify-content: center;
margin-bottom: 25px;}
.wrapper .inner-sec .banner{display: block;overflow-x: hidden;}
.wrapper .inner-sec .content h1 img {width: 90px;position: unset;margin-right: -30px;}
.insights .inner-insight p{line-height: 26px;}
.wrapper .inner-sec .content button {justify-content: center;margin: 0 auto;display: block;}
.main-btn img {margin-left: 10px;margin-top: 0px;}
.main-btn{display: block;}
.wrapper {height: 100%;}
.container {max-width: 100%;}
.navbar-dark .navbar-brand{padding-left: 25px;}
.wrapper .road {left: 5%;height: 30%;width: 70%;bottom: -2%;}
.animation{margin-top: -20px;height: 20rem;}
.land .content-box {width: 100%;padding: 25px 20px;position: unset;
background-color: #181619;}
.insights .inner-insight button{margin-top: 30px;margin-bottom: 20px;}
.insights br{display: none;}
.main-pera {font-size: 15px;line-height: 28px;}
.connectivity .inner-connect{display: block;}
.land .content-box p{text-align: justify;color: #bfa85e;}
.connectivity {padding: 50px 0px;}
.connectivity .inner-connect .left {width: 100%;}
.connectivity .inner-connect .right {width: 100%;display: block;padding-top: 50px;}
.connectivity .inner-connect .right .content-box h2{font-size: 36px;padding-bottom: 25px;line-height: 36px;}
.connectivity .inner-connect .right .content-box h2 span {display: unset;padding-left: 0;}
.connectivity .inner-connect .right .content-box .media {padding-left: 0%;padding-top: 0px;}
.connectivity .inner-connect .right .content-box .media img{margin-right: 15px;}
.retail .test-box .retail-box {width: 100%;}
.retail .counter-top {padding: 0px 0px;margin: 22px 0px;display: block;}
.retail .counter-top .box-flex{padding: 15px 0px;background-color: #ffffff17;margin: 10px 0px;}
.retail .counter-top{border-bottom: none;border-top: none;}
.retail .test-box .retail-box p {font-size: 16px;line-height: 28px;padding-bottom: 10px;}
section.retail {height: 100vh;}
.insights {padding: 50px 0px;}
.insights .header{padding-bottom: 0px;}
.insights .inner-insight {flex-direction: column;}
.insights .inner-insight .left {width: 100%;order: 1;}
.insights .inner-insight .right {width: 100%;order: 2;}
.insights .inner-insight .mid {width: 100%;order: 3;}
.insights .inner-insight .mid .inner-box-img {height: auto;width: 100%;}
.insights .inner-insight .mid .inner-box-img .box-img button {height: auto;width: 100%;}
.insights .inner-insight .mid .inner-box-img .box-img button:before{display: none;}
.insights .inner-insight .mid .inner-box-img .box-img button:after{display: none;}
.insights .inner-insight .mid .inner-box-img{border: 0;}
.main-btn-center{text-align: left;}
.insights .inner-insight .mid .inner-box-img .box-img button .left {width: 100%;}
.mall .inner-content{position: relative;}
.mall {height: 100%;}
.mall .inner-content .mall-content {width: 100%;background-color: #bfa85e;padding: 25px 25px;}
.mall .inner-content .mall-content p{z-index: 5;color: #000;}
.mall .inner-content:before{background-color: #181619; 
height: 100%;width: 100%;top: 0;left: 0;bottom: 0;right: 0;
content: "";position: absolute;z-index: -2;}
.mall .inner-content h4{color: #bfa85e;}
.mall .inner-content p{color: #000;}
.mall .inner-content .bg-color-btn {background-color: #000;margin-top: 15px;color: #bfa85e;}
.mall .bg-mall{display: none;}
.mall .mall-mobile{width: 100%;height: 100%;z-index: -1;background-size: cover;position: relative;
margin-left: auto;margin-bottom: -10%;display:flex;border-bottom: 5px solid #000;}
.mall .mall-mobile h4{position: absolute;left: 25px; font-size: 40px;top: 20%;width: 200px;}
.mall .mall-mobile img{width: 75%;margin-left: auto;}
.builder .inner-builder{display: block;}
.mall .inner-content {padding: 0px 15px;}
.builder .inner-builder .left {width: 100%;}
.builder .inner-builder .right {width: 100%;}
.builder .container {max-width: 100%;}
.builder .inner-builder .right .form-box {padding: 25px 0px;padding-top: 0;}
.builder .inner-builder .right p{margin-bottom: 25px;text-align: left;font-family: "Amaranth-Bold";border: 1px solid #222;
padding: 20px;color: #000;}
.builder .inner-builder .left h2 span {display: unset;}
.builder .road {height: 50%;width: 100%;z-index: -1;}
.builder .inner-builder .right .form-box button {color: #222;font-family: "Amaranth-Bold";margin-top: 35px;font-size: 20px;
margin-left: 0;}
.builder .inner-builder .right .form-box button img{transform: rotate(180deg);}
.footer{padding-bottom: 50px;padding-top: 20px;}
.side-btn{display: none;}         
.wrapper .inner-sec .right {padding: 5%;padding-bottom: 0%;padding-top: 3%;padding-right: 0;}
.navbar{background-color: #bfa85e!important;        padding-top: 4px;
        padding-bottom: 4px;}
.navbar ul{padding-top: 50px;padding-left: 15px;margin-bottom: 25px;}
.navbar-dark .navbar-nav .nav-link {padding: 5px 10px;color: #000;}
.navbar-dark .navbar-nav .nav-link{font-family: "Amaranth-Bold";font-size: 18px;}
.navbar-dark .navbar-toggler {border-color: rgb(0 0 0 / 10%);}
.insights .inner-insight .box {margin: 5px 0px;min-height: auto;}
.modal-body{padding: 25px;}
.modal-body h2 {font-size: 14px;letter-spacing: 2px;padding-left: 28px;width: 180px;margin-bottom: 35px;}
.modal-body h2 span:first-child{font-size: 16px;}
.modal-body h2 span:last-child{font-size: 10px;}
.modal-body h2:before{font-size: 38px;top: 0;}
.modal .close {right: -8px;top: -9px;padding: 0px 0px;padding-top: 2px;width: 30px;height: 30px;}
.animation:after {box-shadow:unset;background-color: #181619;}
.mall .inner-content .mall-content button{margin-right: 0;}
.insights .inner-insight .mid .inner-box-img .box-img button span:first-child{font-family: "Amaranth-Bold";font-size: 50px;}
.insights .inner-insight .mid{justify-content: start;}
.insights .in-btn{width: 100%;}
.wrapper .inner-sec .right{display: none;}
.wrapper .inner-sec .left{width: 100%;}
.wrapper .container{padding: 0;}
.wrapper .inner-sec .content{display: block;/* margin-top: -60px; */}
.wrapper .inner-sec .content h1 img{filter: brightness(1000%);}
.bg-color-btn{width: 100%;padding: 10px 25px;}
.connectivity .inner-connect .right button {margin-left: 0;}
.builder .inner-builder .right p span {color: #000;font-size: 24px;padding-top: 10px;}
.navbar-dark .navbar-nav .nav-link:before {left: 3%;bottom: 1px;}
.navbar-dark .navbar-nav .nav-link:hover:before{width: 40%;}
.wrapper .inner-sec .content h1 {color: #ffffff;padding: 15px 25px;}
.wrapper .inner-sec .key-point{padding: 0;}
.wrapper .inner-sec .key-point{justify-content: center;text-align: center;}
.wrapper .inner-sec .price-box .p-box {padding: 15px;border-bottom-left-radius: 0;border-top-left-radius: 0;
padding-right: 25px;text-align: center;width: 100%;}
.wrapper .inner-sec .bot-line{text-align: center;}
.sidebar-contact{width:90%;height:auto;right:-90%;}
.sidebar-contact .toggle{top:50%;transform:translateY(-50%);transition:0.5s;}
.sidebar-contact.active .toggle{top:0;right:0;transform:translateY(0);}
.sidebar-contact{box-shadow: unset;}
.sidebar-contact{display: none;}
.row-form {
    display: unset;
}
.form-box {
    width: 100%;
    background: #bfa85e;
    border-radius: 8px;
    padding: 10px 10px;
}
.mobile-form {
    padding: 0px;
}
}

@media screen and (max-width: 500px){
    .banner_carousel .item img {
        max-height: unset;
    }
.wrapper .inner-sec .content h1{font-size: 40px;background-color:#a88e40;color: #000;padding-top: 10px;padding-bottom: 10px;}
.wrapper .inner-sec .content h1 img {width: 65px;margin-right: -26px;}
.land .content-box {margin-top: -40%;}
.connectivity {padding: 25px 0px;}
.connectivity .inner-connect .right .content-box .media h4{padding-top: 0;}
.main-title {font-size: 28px;}
.connectivity .inner-connect .right .content-box h2{font-size: 28px;}
.retail .counter-top h4{font-size: 28px;}
.insights .header h2{padding-bottom: 0;}
.builder .inner-builder .left .content-box h2{padding-bottom: 15px;}
.builder .bottom-builder{font-size: 18px;}
.builder .inner-builder .right .form-box button{font-size: 16px;}
.footer p {font-size: 14px;line-height: 20px;letter-spacing: 0.4px;}
.wrapper .inner-sec .content h1{font-size: 18px;letter-spacing: 0.5px;}
.wrapper .inner-sec .content h1 img {filter: brightness(0%);}
.wrapper .inner-sec .content h1 img {width: 56px;margin-right: -14px;}
.wrapper .inner-sec .key-point .box h2 {font-size: 16px;margin-bottom: 0;}
.wrapper .inner-sec .key-point .box p {font-size: 13px;}
.wrapper .inner-sec .key-point .box{width: 100%;padding: 5px 0px;}
.wrapper .inner-sec .key-point .box:nth-of-type(2){border-top: 1px solid rgba(255, 255, 255, 0.1);border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
}