/* You can add global styles to this file, and also import other style files */
*{margin:0; padding:0; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }
*:after,*:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;display: initial;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
header,nav,section,article,aside,footer,hgroup,figure {display: block; }
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
::-webkit-scrollbar { width: 4px;}

/************Firefox*****************/
input[type=number] {-moz-appearance: textfield;}
button:focus, input:focus{outline: none;box-shadow: none!important;outline-color: transparent;outline-width: 0;}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin-bottom: 0;font-family: "Belleza"; }
html, body{scrollbar-width: thin; max-width: 100%;overflow-x: hidden; font-family: "Belleza";}
.modal-content{border: 0;}
.custom-control-input:focus~.custom-control-label::before{box-shadow: none;}
a, a:hover{text-decoration: none;outline: 0;outline-color: transparent;outline-width: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
button{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
body{font-size:16px;width: 100%!important;overflow-x: hidden;font-family:apice;font-weight: normal;font-style: normal;}
.form-group{position: relative;}

.scrollable-element {scrollbar-width: thin;}
::-webkit-scrollbar { display: none;}
html {scroll-behavior: smooth;}
img{width: 100%;height: 100%; padding: 0; margin: 0 ;}
#navbar_top{transition: position 3s linear !important ;}
#navbar_top.fixed-top {position: fixed; transition: all 1s ease;}
.fixed-top{transition: all 3s ease }
a:focus, a:hover {text-decoration: none;outline: 0;color: var(--white);}

/********** css for the navbar ***************/
.navbar{flex-direction: column !important;}
.nav{position: relative;}
.social-right-side {display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;justify-content: end;width: 60%;margin-left: auto;}
.social-right-side ul{display: flex; flex-direction: row;margin-left: auto;}
#navbar_top{z-index: 99;}
.social-right-side ul li a{color: #0B436F;font:normal 400 11px/100% 'Inter';margin-left: 20px;}
.social-right-side ul li a:hover{color: #1772b8;}
.social-right-side ul li .fa{margin-right: 10px;}

.headbg {content: '';top: 0;left: 0;background:transparent;width: auto;height: auto;background-repeat: repeat;z-index: 9999;left: 0%;right: 0;top: 0%;object-fit: cover;}
.navbar-brand img{height: 66px;float: left;width: auto;margin: auto;}
.nav-item a{padding: 7px 15px;margin: 0 15px;color: #222;}
.navbar-brand-right img {height: 50px;}
#navbar_top .nav-item .nav-link{ color: #000;font:normal 400 13px/100% 'Belleza';text-transform: uppercase; }
#navbar_top .nav-item .nav-link {text-align: center; padding-bottom: 10px; left: 0; float: left; display: block;  transition: all .3s ease-in;}
#navbar_top .nav-item .nav-link:hover{border-bottom: 1px solid #EDF6FD;}

/* #navbar_top .nav-item .nav-link::after{position: absolute;content:'';background: var(--orange);border-radius: 20px;top: inherit;left: 0%;  bottom: 8px;    transform: matrix(1, 0, 0, -1, 0, 0);width: 0%; height: 2px;z-index: 99;} */
/* #navbar_top .nav-item .nav-link.active:after{width: 100%;} */
#navbar_top .social-media .nav-itemm .nav-link img{height: 24px ;width: 24px;aspect-ratio: 1;margin-bottom: 10px;margin-right: 16px;} 

.social-media .nav-item{padding-top: 5px;}
.social-media .nav-itemm{margin: 0 5px;}
.social-media .nav-itemm .nav-link{padding: 0 10px;}

.social-media .nav-itemm  a {border-radius: 15%;height: 35px;width: 35px;display: block;transition: all .5s ease;}
.social-media .nav-itemm .nav-link .fa {line-height: 35px;text-align: center;font-size: 16px;padding: 0px;color: #0B436F;}
.nav-itemm.navv a{width: 100%;}

.social-media .nav-itemm a:hover,.social-media .nav-itemm a:focus{background: #b92525;}
.social-media .nav-itemm a:hover .fa{color: #fff !important;}
.social-media .navv .nav-link{border: none;color: #000;font: normal 500 14px/22px 'poppins';}
.social-media .navv .nav-link:hover,.social-media .navv .nav-link:focus{background: none;}
.amen-sec .nav-item a {padding: 7px 16px;margin: 0 10px;}
.about-section {padding: 120px 0 140px;}
.modal-content .form-group label , .form-group input::placeholder,select option,.modal-content select,.form-group select,
.form-horizontal textarea,
#eform .form-group label{ font:normal 500 14px/20px 'Poppins';color: #DDC5A9;}
button span{font: normal 700 20px/21px 'Nunito';color: var(--black); transition:all .5s linear;}
 #eform input:focus ,
 #eform input:active ,
 #eform input:focus-visible{background-color: #0b446f86;} 
 #eform select:focus ,
 #eform select:active ,
 #eform select:focus-visible{background-color: #0b446f86;outline: none;outline-offset:0;box-shadow: none; } 

/* ***************banner overlapping section***************** */
.banner-section .slick-slide{position: relative;}
.banner-section .slick-slide img{margin:auto; /*max-width: 1414px;min-width: 1414px;max-height: 550px; min-height: 550px;*/height: 100%;width: 100%;}
.banner-section .slick-slide .banner-overlap{position: absolute;content: '';height: 100%;width: 100%;top: 0px;left: 0px;right: 0;}
/* .banner-section .slick-slide .banner-overlap .fix-banner-fonts{position: absolute;bottom: 10%;left: 8%; } */

.banner-section .slick-slide .banner-overlap .fix-banner-fonts::after{position: relative;height: 100%;width: 100%;max-width: 1140px;margin: auto; }
.banner-section .slick-slide .banner-overlap .fix-banner-fonts::before{position: relative;height: 100%;width: 100%;max-width: 1140px;margin: auto; }
.banner-section .slick-slide .banner-overlap .fix-banner-fonts {position: absolute;top: 50%;left: 20%;max-width: 355px;transform: translate(-50%, -50%);}
/* .banner-section .slick-prev,
 .banner-section .slick-next{position: relative;}  */
.banner-section .slick-prev::before,
.banner-section .slick-next::before {position: absolute;content: ''; width: 100px;height: 100px;top: 50%;background-size: contain;z-index: 99;}
.banner-section .slick-prev::before{background:url(./img/project/leftarrow.svg) no-repeat center;left:0px}
.banner-section .slick-next::before{background:url(./img/project/rightarrow.svg) no-repeat center;right: 0;}
.banner-section .slick-prev.slick-arrow {z-index: 999;}
.banner-section .slick-dots li button::before{position: absolute;border: 2px solid #fff;border-radius: 50px; content: '';width: 20px;height: 5px;}
.banner-section .slick-dots {position: absolute;bottom: 0px; left: -30%;display: block;}

/*****css for the popup form******/
.modal #eform h4{color: #FFF;text-align: center;font-family:normal 700 22px/100% 'Montserrat';text-transform: uppercase;}
.modal #eform .form-control{margin-bottom: 20px;}
.modal-content{ border-radius: 20px;background: #0B436F;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);backdrop-filter: blur(19.950000762939453px);}
.modal .close {width: 50px;float: right;margin-left: auto;z-index: 999999;font-size: 40px;}


/*********css for the overloping fonts********/
/* .fix-banner-fonts h1{color: #FFF;text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   -webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;font:normal 48px/150% 'Forum';letter-spacing: 5px;text-transform: uppercase;} */
.fix-banner-fonts h1 span {color: #FFF;font:normal 700 48px/100% "PT Sans";}
.fix-banner-fonts h1 {color: #FFF;font:normal 400 43px/100% "PT Sans";}
.fix-banner-fonts p{color: #FFF;font:normal 400 20px/100% "PT Sans";padding: 25px 0 80px;}
.fix-banner-fonts a{border-radius: 32px;border: 1px solid #FFF;padding: 10px 20px;color: #FFF;font:normal 400 18px/100% "PT Sans";}

/*********for about us ********/
.hero-section{margin-top: -75px;}
.about-us{padding: 120px 0 120px;}
.quote > p{position: relative; padding: 20px;}
.quote p:first-child::after {z-index: 9;position: absolute;content: '';background: url(./img/project/leftquote.svg) center no-repeat;background-size: contain; top: 0;left: 0;height: 20px;width: 20px; }
.quote p:nth-child(2){position: relative; width: 91%;}
.quote p:nth-child(2)::before {z-index: 9;position: absolute;content: '';background: url(./img/project/leftquote.svg) center no-repeat;background-size: contain; top: 0;right: 0;height: 20px;width: 20px; }
.about-img-holder{position: relative;}
.about-img-holder::before{position: absolute;content: '';background:url(./img/project/aboutbefore.svg) no-repeat;bottom: -50px;right: -50px;height: 117px;width: 117px;background-size: contain;}
.form-heading h1{padding-bottom: 25px; color: #FFF;text-transform: capitalize; font:normal 700 36px/45px 'Montserrat';}
#eform{border-radius: 20px;padding: 30px 40px;margin: 0 30px;
  background: #0B436F;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(19.950000762939453px);}
  #eform .form-control option,  #eform .form-control,  #eform .form-control option:first-child,
#eform .form-control::placeholder{text-transform: capitalize; color: #FFF;font: normal 400 17px/100% 'Poppins';}
#eform .footer-btn{text-align: center; margin: 20px 0; max-width: 173px;border-radius: 80px;padding: 10px 20px;border: none;background: #BD8100;color: #FFF;display: flex;justify-content: center;text-align: center;font:normal 700 18px/100% 'Montserrat';text-transform: uppercase;}
 #eform .form-control.active option,
 #eform .form-control.open option,
 #eform .form-control:focus option{background: #0b446f9d;}

/******css for the key points ********/
.key-points ul{border-radius: 15px;background: #7AA54F; padding: 35px 20px; display: flex; flex-direction: row; justify-content: space-around;gap: 20px; align-items: center;}
.key-points ul li{ color: #FFF;text-align: center;font:normal 400 14px/42px 'Montserrat';}
.key-points ul li span{display: block; color: #FFF;font:normal 700 32px/42px 'Montserrat';}
.key-points ul li:not(:last-child){ padding-right: 10px; border-right: 1px solid #fff5;}
.overview-imgs{position: relative;margin: 70px 0;}

/******** css for the amenities section*********/
.amenities-section{ position: relative;padding: 40px 0;}
.amenities-section ul{padding: 120px 0; text-align: center; justify-content: space-around; display: grid;gap: 100px 40px;  grid-template-columns:repeat(6,115px) }
.amenities-section ul li p{padding: 8px 0 10px; color: #4E5825;text-transform: capitalize;text-align: center; font:normal 400 20px/28px "PT Sans";}

/******css for the floore plans********/
.project-gallery-section .gallery-slider li{margin: 25px;}
.construction-section .construction-slider li{margin: 15px;margin: 30px;}
.construction-section .construction-slider li img{transition: all .3s ease-in;}
.construction-slider li.slick-active.slick-center img{transform: scale(1.2);}

.project-gallery-section{padding: 100px 0 50px;}
.construction-section,.floore-section,
.construction-slider,.gallery-slider,.floore-slider{padding: 100px 0; position: relative;}
.floore-slider::before{ position: absolute; content: '';background: url(./img/project/floor-root.svg) no-repeat; z-index: -1; top: 0 ;left: 0 ;width: 150px;height: 150px;background-size: contain;}
.floore-slider li{padding: 20px 40px;height: inherit;}
.floore-slider li img{padding: 20px; height: auto;aspect-ratio: 1;}
.send-btn, .floore-btn a{padding: 10px 20px;text-transform: capitalize; color: #FFF;font:normal 400 17px/28px "PT Sans";border-radius: 32px;background: #1A4F78;box-shadow: -5px -5px 10px 0px #FFF, 5px 5px 10px 0px rgba(170, 170, 204, 0.50); }
.const-btn a{color: #FFF;text-transform: capitalize; padding: 10px 20px;font:normal 400 17px/28px "PT Sans";border-radius: 32px;background: #1A4F78;box-shadow: -5px -5px 10px 0px #FFF, 5px 5px 10px 0px rgba(170, 170, 204, 0.50);}
.other-projects span{color: #D2B063;font:normal 400 40px/42px 'Belleza';}
.other-projects h1 a img {height: 120px;display: inline-block;width: 100px;}
.overview-imgs ul{display: flex;gap:30px; flex-direction: row;justify-content: space-around;align-items: center;}
.overview-imgs ul li{height: 145px;}
.overview-points{position: relative;padding: 40px 0;}

/**********about us section*************/
.about-section{position: relative;padding: 100px 0 80px;background: #EDF6FD;}
.about-section .ceo-holder .social-media{justify-content: center;flex-direction: row;padding-top: 12px;}
.about-section .para p{padding: 40px 0 60px; color: #2B3015;font:normal 400 17px/28px 'Belleza';}
.heading-title h1 img {margin-right: 10px;height: 30px;display: inline-block;width: 30px;}
.heading-title{margin-bottom: 12px;}
.heading-title h1{text-transform: capitalize;color: #1A4F78;font:normal 400 48px/64px "PT Sans";}
.quote h4 span{padding:6px 16px; border-radius: 8px;background: #0B436F;color: #FFF;font:normal 700 13px/150% 'Poppins';letter-spacing: 1.56px;text-transform: capitalize;}
.quote h4 {padding: 80px 0 20px; color: #171717;font:normal 700 13px/150% 'Poppins';letter-spacing: 1.56px;text-transform: capitalize;}
.about-img-holder{height: 370px;width: 370px;object-fit: contain;}

/*****css for the footer section******/
.footer-section{padding: 90px 0 ; position: relative;background-image:linear-gradient(to bottom, #222329b0, #30142925),url('./img/export/footerbg.png');background-size: cover;}
.footer-section .logo-holder img{height: 72px;width: auto;}
.footer-section .heading-title p {width: 60%;}
.footer-section .heading-title h1 {width: 60%;}
.footer-section .heading-title h1{margin-right: auto;}
.footer-section .heading-title{margin-right: auto;}
.footer-points li {color: #FFF;font:normal 400 15px/18px 'Belleza'; }
.footer-points li a {color: #FFF;font:normal 400 15px/18px 'Belleza'; }
.footer-points li:first-child{padding-bottom: 30px;}
.footer-points li{padding-bottom: 10px;}

.footer-points .social-media{ padding-top: 30px; display: flex;justify-content: start; gap: 10px;}
.footer-points  li ul {display: flex;}
.form-control {background-color: transparent;border: none;border-bottom: 2px solid #fff;border-start-end-radius: 16px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0;}
.footer-form{padding:40px 30px;}
.footer-btn{background: transparent; border: 1px solid #B3B5B5;color: #B3B5B5;width: 100%;padding: 16px 0;font:normal 400 16px/24px 'Belleza';  text-transform: uppercase;}
.footer-section .heading-title h1{ color:#fff}
.footer-section .heading-title p{ color:#fff}

.footer-section .footer-form .form-control::placeholder,
.footer-section .footer-form option{color: #B3B5B5;font:normal 400 16px/100% 'Belleza'; text-transform: uppercase;}
.footer-section .footer-form select{color: #B3B5B5;font:normal  400 16px/100% 'Belleza';text-transform: uppercase;}

/*****css for the phase -fixing fonts*****/
/* .phase-slider li{position: relative;}
.phase-fixing{position: absolute; content: '';top: 0;left: 0; width: 100%;height: 100%;}
.phase-fonts {transform: rotate(-90deg);top: 50%;left: 4%;position: absolute;}
.phase-fonts h5 {color: #FFF;text-shadow: 0px 0px 3px #000000bf;font: normal 400 16px/24px 'Inter';letter-spacing: 0.5px;text-transform: uppercase;border-bottom: 2px solid #fff;width: 200px;padding-bottom: 5px;}
.address-fonts{position: absolute;top: 60%;left: 15%;}
.address-fonts ul li {color: #fff;}
.address-fonts ul li:nth-child(1){font:normal 400 22px/32px 'Belleza';letter-spacing: 0.5px;text-transform: uppercase;}
.address-fonts ul li:nth-child(2),.address-fonts ul li:nth-child(3){font:normal 400 14px/32px 'Belleza';letter-spacing: 0.5px;text-transform: lowercase;} */

/**********css fot the fixing the icon as download btn********/
body{position: relative;}
.fixed-icon-div {position: fixed;top: 200px;right: 0;left: inherit;z-index: 99;transform: translateX(55px) rotate(90deg);background: #000;padding: 5px 20px;border-radius: 5px;}
.fixed-icon { transition: all .3s ease-in-out; text-transform: uppercase;color: #FFF;font: normal 400 26px/34px "Bebas Neue";line-height: 0px;letter-spacing: 0px;}
.fixed-icon:hover{ color:#ffffff6b}

.construction-section .slick-prev::before,
.construction-section .slick-next::before ,
.project-gallery-section .slick-prev::before,
.project-gallery-section .slick-next::before,
.floore-section .slick-prev::before,
.floore-section .slick-next::before {position: absolute;content: ''; width: 100px;height: 100px;top: 50%;background-size: contain;z-index: 99;}

.construction-section .slick-prev::before,
.project-gallery-section .slick-prev::before,
.floore-section .slick-prev::before{background:url(./img/project/arrowleft.svg) no-repeat center;left:0px}

.construction-section .slick-next::before,
.project-gallery-section .slick-next::before,
.floore-section .slick-next::before{background:url(./img/project/arrowright.svg) no-repeat center;right: 0;}

.slick-prev.slick-arrow,.slick-next.slick-arrow{z-index: 999;}


.scroll-container {
    max-height: 200px;
	overflow-y: scroll;
    border: 1px dashed #afafaf;
    padding: 30px;
}
.scroll-container p{ text-transform: capitalize;
    margin-bottom: 20px !important;
    font-family: 'PT Sans';
}

.mb-w {
    max-height: 189px;
    max-width: 115px;
    margin-bottom: 30px;
}
.mb-w div p {
    padding: 8px 0 10px;
    color: #4E5825;
    text-transform: capitalize;
    text-align: center;
    font: normal 400 20px / 28px "PT Sans";
}