/* 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: auto; 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;}
.banner-section{margin-top: -130px;}
#navbar_top{z-index: 99;}
.social-right-side ul li a{color: #D2B063;font:normal 400 12px/100% "Belleza" ;margin-left: 20px;}
.social-right-side ul li a:hover{color: #D2B063;}
.social-right-side ul li .fa{margin-right: 10px;}


.headbg {
content: '';
top: 0;
left: 0;
background-color:#FFFFFF;
width: auto;
height: auto;
background-repeat: repeat;
z-index: 9999;
left: 0%;
right: 0;
top: 0%;
object-fit: cover;
}
.mentop{
  position: fixed;
  top: 0;
  width: 100%;
  }
.navbar-brand img{height: 66px;float: left;width: auto;margin: auto;}
.nav-item a{padding: 7px 15px;margin: 0 15px;color: #222;}
/* {font: normal 500 14px/19px 'Poppins';color: var(--black);text-transform: capitalize;padding: 0px 10px 0px 10px;margin-right: 32px;position: relative;vertical-align: middle;margin: auto;} */
#navbar_top .nav-item .nav-link{ color: #0B436F;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: -180%;    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;background: #D2B063;}
.social-media .nav-itemm .nav-link .fa {line-height: 35px;text-align: center;font-size: 16px;padding: 0px;color: #fff!important;}
.nav-itemm.navv a{width: 100%;}


.social-media .nav-itemm a:hover,.social-media .nav-itemm a:focus{background: #0B436F;}
.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;}
  

/* ***************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: 100px;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: 27%;left: 40%;max-width: 600px;transform: translate(-50%, -50%);}

.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 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 {color: #FFF;-webkit-text-stroke-color: #000;letter-spacing: 5px;text-transform: uppercase;font:normal 400 48px/52px 'Forum'; }

/****css for the overview projects******/
.other-projects h1{ color: #000;font: normal 400 36px/42px  'Belleza';}
.other-projects .move-ment{animation: move-x 4s linear alternate-reverse infinite }
@keyframes move-x{ from {
 transform: translateX(0);
}

to {
  transform: translateX(50px);
}}

.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 10px;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 h1{text-transform: capitalize; color: #000;font:normal 400 48px/100% 'Belleza';}

.mission-holder img {height: 50px;width: 50px;display: inline-block;}
.mission-holder h2{color: rgba(0, 0, 0, 0.87);font:normal 400 32px/100% 'Belleza'; display: inline;}
.mission-holder p{padding: 25px 0; color: rgba(0, 0, 0, 0.80);font:normal 400 14px/24px 'Belleza';}
.about-section .more-btn{padding: 25px 0;margin-top: 45px;}
.more-btn a{color: #FFF;text-align: right;font:normal 400 20px/24px "Belleza";}
/* .ceo-holder{text-align: center;} */
/* .ceo-holder .ceo{margin: auto;height: 355px;width: 310px;clip-path: polygon(50% 0%, 0% 25%, 0% 75%, 50% 100%, 100% 75%, 100% 25%); } */
.ceo-holder img{height: 250px;width: initial;}
.ceo-holder p:nth-child(1){ color: #000000de;font:normal 400 24px/100% 'Belleza';}
.ceo-holder p:nth-child(2){margin-top: 10px; color: #000000de;font:normal 400 24px/100% 'Belleza';}
.ceo-holder .social-media .nav-itemm a{background: #D2B063;}
.more-btn {text-transform: capitalize; max-width: 240px;height: 46px;background: #D2B063;color: #FFF;text-align: right;font: normal 400 20px/24px "Belleza";display: flex;justify-content: center;align-items: center;}



/******css for the phases section**********/
.phases-section {padding: 100px 0 40px;position: relative;}
.phases-section .heading-title p {margin: auto;max-width: 440px;padding: 20px 0 40px;color: #333;text-align: center;font: normal 400 15px/100% 'Belleza';}
.phases-section .slick-next::before {background:url(./img/export/arrows.svg) no-repeat;height: 50px;width: 100%;}

.phases-section .slick-next::before { background: url(./img/export/arrows.svg) no-repeat;height: 20px;width: 60px;position: absolute;/* top: 100%; */right: 62px;content: '';bottom: -10%;top: inherit;transform: translateY(100px);background-size: contain;}
.all-projects-btn{text-align: center;padding: 50px 0;}
.all-projects-btn a{border: 1px solid #D2B063;padding: 13px 26px; color: #000;font:normal 400 20px/100% 'Belleza';text-transform: capitalize;}

/********css for the amenities*****/
.amenities-section{ padding: 80px 0 20px;background: #EDF6FD;}
.amenities-section .aminities-slider{padding: 80px 0 40px;}
.amenities-section .aminities-slider li{padding: 0 10px;}
.amenities-section .heading-title p{padding-top: 20px; width: 80%;margin: auto;}

.projects-section{ padding: 80px 0 20px;background: #EDF6FD;}
.projects-section .aminities-slider{padding: 80px 0 40px;}
.projects-section .aminities-slider li{padding: 0 10px;}
.projects-section .heading-title p{padding-top: 20px; width: 80%;margin: auto;}

.amin-card{background-color: #D2B063;padding: 24px 40px 44px; }
.amin-card h4{color: #FFF;text-align: center;font:normal 400 16px/34px 'Belleza';}
.amin-card p{height: 32px; padding-top: 15px; color: #FFF;text-align: center;font:normal 400 12px/18px 'Belleza';}
.slick-dots li button::before { font-size: 10px;}

/***css for the testmonial section***/
.testimonial-section{padding: 100px 0 60px;position: relative;background:url(./img/export/testbg.png) center;background-size: cover; }
.testimonial-section .testimonial-slider{padding: 150px 0 20px;}
.testimonial-section .testimonial-slider li{padding: 23px;margin: 24px;}
.testimonial-section .testimonial-slider .testimonial-card{transition: all .8s ease; }
.testimonial-section .testimonial-slider .slick-slide.slick-current.slick-active.slick-center .testimonial-card{transform: scale(1.1); }

.testimonial-card {text-align: center;padding: 50px 20px 20px;position: relative;background: #FFF;box-shadow: 3px 5px 22px 0px #999;margin: 70px 0;}
/* .testimonial-card img:first-child{position: absolute;top: 50%;right:50%;transform: translate(-50%,-50%);} */
/* .testimonial-card::after {z-index: 999;content: '';background: url(./img/export/test1.svg);position: absolute;top: 0%;left: 50%;transform: translate(-50%,-50%);height: 45px;width: 45px;border: 2px solid #fff;border-radius: 50%;border-radius: 100px;border: 5px solid #FFF;box-shadow: 3px 5px 22px 0px #999;background-position: center;} */
.testimonial-card img:first-child {z-index: 999;content: '';position: absolute;top: 0%;left: 50%;transform: translate(-50%,-50%);height: 145px;width: 145px;border: 2px solid #fff;border-radius: 50%;border-radius: 100px;border: 5px solid #FFF;box-shadow: 3px 5px 22px 0px #999;background-position: center;}
/* .testimonial-card img{} */

.testimonial-card .content-holder h4{color: #D2B063;font:normal 700 18px/32px 'Belleza';margin-top: 45px; }
.testimonial-card .content-holder h5{color: rgba(0, 0, 0, 0.87);font:normal 400 16px/24px 'Belleza';}
.testimonial-card .content-holder h5{color: #323232;font:normal 400 16px/26px 'Belleza';}
.testimonial-card .content-holder p{padding: 20px 0 60px; color: #323232;font:normal 400 16px/26px 'Belleza';}
.testimonial-card img:last-child{height: 21px;}

/*****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:first-child{padding-bottom: 30px;}
.footer-points li{padding-bottom: 10px;}
.footer-points li a {color: #FFF;font:normal 400 15px/18px 'Belleza'; }
.footer-points .social-media{ padding-top: 30px; display: flex;justify-content: start; gap: 10px;}
.footer-points  li ul {display: flex;}
.form-control {background-color: #fff;border: none;border-bottom: 2px solid #fff;margin-bottom: 14px;}
.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}

.modal-content {
    background-color: #154b75;padding: 20px; color:#ffff; 
}

.modal-content  h4{    margin-bottom: 15px;
    text-align: center;
    text-transform: uppercase;}