.home-banner{
	background-image: url(/images/contact-banner.jpg);
	background-repeat: no-repeat;
	background-position:left;
	background-size:cover;
	min-height:450px;
	width:100%;
}

.home-footer-banner{
	background-image: url(/images/join-our-bg.jpg);
		background-repeat: no-repeat;
	background-position:left;
	background-size:cover;
	min-height:400px;
	width:100%;
}

.banner-text{
	margin-top:133px;
}

.home-footer-banner .cmn-btn{
	margin-top:10px;
	padding:30px !important;
	border:1px solid #000  !important;
}

/* ============ Hero Banner ============ */

.hero-sec{padding:625px 0 95px; position: relative;background-size:100% 100%;}
.bnr-text-cont {max-width:725px;}
.banner-text p{font-size:20px;color: var(--white);margin: 0;}

.hero-after{position: relative; z-index: 2; }


.down-arrow{
    position: absolute;
    right:0;
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.mouse-icon{
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
    display: flex;
    align-content: center;
    justify-content: center;
    transition: var(--common-transition);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
/* .mouse-icon:hover{background-color: var(--white);border:1px solid var(--white);} */
.mouse-icon img{
  transition: var(--common-transition);
}
.mouse-icon:hover img{
  -webkit-filter: saturate(0) brightness(0) invert(1);
}
.mouse-icon a{position: relative; z-index: 1;}
.banner-text h1{
    line-height:1;
}

@media only screen and (max-width:1599px) {
.banner-text p{font-size:18px;}
.hero-sec { padding: 605px 0 90px;}
.down-arrow {width: 195px;}
.bnr-text-cont {max-width: 655px;}

}

@media only screen and (max-width:1440px) {
.banner-text p{font-size:16px;}
.hero-sec {padding: 580px 0 80px;}
.down-arrow {width: 175px;}
  .bnr-text-cont {max-width: 575px;}
}

@media only screen and (max-width:1399px) {
  .banner-text p{font-size:15px;}
  .down-arrow {width: 165px;}
}
@media only screen and (max-width:1280px) {
.banner-text p{font-size:14.5px;}
.hero-sec {padding: 545px 0 60px;}
.down-arrow {width: 145px;}
}
@media only screen and (max-width:1199px) {
  .hero-sec {padding: 490px 0 50px;}
  .down-arrow {width: 135px;}
  .bnr-text-cont {max-width: 525px;}

}
@media only screen and (max-width:1080px) {
 .hero-sec { padding: 450px 0 50px;}
 .down-arrow {width: 125px;}
}
@media only screen and (max-width:1024px) {
 .hero-sec {padding: 415px 0 50px;}
 .down-arrow {width: 115px;}


}
@media only screen and (max-width:991px) {
 .hero-sec {
    padding: 375px 0 50px;
  }
}
@media only screen and (max-width:900px) {
  
}
@media only screen and (max-width:840px) {

}
@media only screen and (max-width:768px) {
    .hero-sec {
    padding: 310px 0 50px;
  }
}
@media only screen and (max-width:667px) {
 .hero-sec {padding: 255px 0 50px;}
  .bnr-text-cont {max-width: 395px;}
  .mouse-icon img {width: 12px;}
  .down-arrow {width: 95px;}

}
@media only screen and (max-width:575px) {
.hero-sec {padding: 210px 0 30px;}


}
@media only screen and (max-width:484px) {
 .bnr-text-cont { max-width: 355px;}
}
@media only screen and (max-width:420px) {
   .hero-sec {padding: 165px 0 25px;}
  .down-arrow {width: 85px;bottom: 68px;}
}
 @media only screen and (max-width:390px) {
    .down-arrow {
    width: 70px;
    bottom: 97px;
  }
 }

 @media only screen and (max-width:360px) {
  
 }

/* ============ Hero Banner ============ */


/* ======== About us sec ============*/
.about-us-sec {
    position: relative;
    z-index: 1;
    padding-top:90px;
}
.abt-content {
    padding-left: 95px;
    padding-right: 50px;
}
ul.serv-list{margin-bottom: 0;padding:0}
ul.serv-list li{list-style: none;letter-spacing:1px; margin-bottom:25px;position:relative;padding-left:46px;font-size:22px;color:var(--body-font-color);text-transform: uppercase;}
ul.serv-list li:after{position:absolute;content:'';top:1px;left:0;background:url(../images/square-tick.jpg);background-repeat: no-repeat;background-size:100% 100%;width:26px;height:26px;}
ul.serv-list li:last-child{margin-bottom:0;}
.about-pic{border:10px solid var(--white);
 box-shadow: -1px -1px 31px 18px rgba(239, 246, 229, 0.75);
    -webkit-box-shadow: -1px -1px 31px 18px rgba(239, 246, 229, 0.75);
    -moz-box-shadow: -1px -1px 31px 18px rgba(239, 246, 229,0.75);
}
@media only screen and (max-width:1599px) {
  .abt-content {padding-left: 75px;padding-right: 40px;}
  ul.serv-list li {margin-bottom: 20px;padding-left: 40px;font-size: 20px;}
ul.serv-list li::after {width: 23px;height: 23px;}


}
@media only screen and (max-width:1399px) {
  .abt-content {padding-left: 65px;padding-right:35px;}
  ul.serv-list li {margin-bottom: 15px;font-size:18px;}
ul.serv-list li::after {width: 21px;height: 21px;}
.about-us-sec { padding-top: 75px;}


}
@media only screen and (max-width:1280px) {
  .abt-content {padding-left:55px;padding-right:30px;}
  .about-us-sec { padding-top: 65px;}
}
@media only screen and (max-width:1199px) {
  .abt-content {padding-left:40px;padding-right:20px;}
   ul.serv-list li { margin-bottom: 10px; font-size: 16px;padding-left: 35px;}
  
}
@media only screen and (max-width:1080px) {
  .abt-content {padding-left:30px;padding-right:0;}
  .about-us-sec { padding-top: 55px;}
}
@media only screen and (max-width:1024px) {
  
}
@media only screen and (max-width:991px) {
   .about-us-sec { padding-top: 45px;}
}
@media only screen and (max-width:768px) {
  .abt-content {padding-left:0;padding-right:0;}
}
@media only screen and (max-width:767px) {
  .abt-content {margin-top: 30px;}
}
 
/* ======== About us sec ============*/

/* ============== why choose ==============*/
.why-choose-us{
    background-color:var(--white);
    margin-top: -407px;
}

.why-aftr{position:relative; background-repeat: no-repeat !important; background-position: left center !important; background-size: cover !important; width: 100%;padding:550px 0 0px;}


.why-outr-bg-dv {
    position: relative;
    z-index: 1;
}


.why-content{max-width: 520px; margin: 0 0 0 80px;}



.icon-des h4{color:var(--body-font-color);text-transform: uppercase;font-family: var(--font-family);letter-spacing: 1px;}
.icon-bx{margin:0 0 40px;}
.why-icon-outr {padding: 0 10px;}


@media only screen and (max-width:1599px) {
 .icon-bx img { width: 95px;}
.icon-bx {margin: 0 0 35px;}
}

@media only screen and (max-width:1399px) {
    .icon-bx img { width: 85px;}
    .icon-bx {margin: 0 0 30px;}
}
@media only screen and (max-width:1199px) {
    .icon-bx img { width: 75px;}
    .icon-bx {margin: 0 0 25px;}
    .why-aftr {padding: 480px 0 0px;}
}
@media only screen and (max-width:1080px) {
    .icon-bx img { width: 65px;}
    .icon-bx {margin: 0 0 20px;}
}
@media only screen and (max-width:991px) {
.icon-bx {margin: 0 0 15px;}
.why-icon-outr {max-width: 450px;margin: 0 auto 20px;}
 .why-aftr {padding: 445px 0 0px; }

}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:480px) {
.why-icon-outr {max-width: 100%;}
}

/* ============== why choose ==============*/

/* ================ Feature Projects ================*/
.feature-projects-sec{padding-top:115px;  position: relative;
    z-index: 1;}
.feature-inner {
    margin: 0 15px;
    border:1px solid var(--grey-border);
    border-radius: 3px;
    background-color:var(--white);
}
.feature_img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.feature_img img {
    width: 100%;
    object-fit: cover;
    height: auto;
    aspect-ratio: 1 / 1;
}
.feature__text {}
.feature__text h3 a{color:var(--green);text-transform: uppercase;font-family: var(--font-family);letter-spacing:1px;}
.feature__text > div{padding:40px 30px; border-bottom: 1px solid var(--grey-border);}
.feature__text ul {
    display: flex;
    align-items: center;
    padding:10px 30px;
}
.feature__text ul li {
    position: relative;
    color:var(--subhdr-text-color);
    font-size:20px;
    font-family: var(--font-family);
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-right: 10px;
    margin-right: 10px;
    display:flex;
    align-items:center;
}
.feature__text ul li img{margin-right:10px;}
.feature__text ul li:after {
    position: absolute;
    content: "";
    right: 0;
    background: #3e4140;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 2px;
    height: 15px;
}
.feature__text ul li:last-child {
    padding-right: 0;
    margin-right: 0;
}
.feature__text ul li:last-child:after{
	display:none;
}
.sld-comn-arow .slick-prev.slick-arrow {
	left: auto;
  right:90px;
}
.sld-comn-arow .slick-next.slick-arrow {
	left:auto;
	right: 10px;
}
.sld-comn-arow .slick-prev:before, .sld-comn-arow .slick-next:before {
    display: none;
}

.sld-comn-arow .slick-next.slick-arrow,
.sld-comn-arow .slick-prev.slick-arrow {

  position: absolute;
	margin: auto;
	top:-90px;
	border:1px solid var(--circle-border);
	z-index:1;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	margin: auto;
}
.sld-comn-arow button.slick-prev svg,
.sld-comn-arow button.slick-next svg {
	fill: #fff7e9;
}
.status-tag {
    position: absolute;
    top:0;
    left:0;
}
.status-tag h4{
  color:#ffffff;
  font-size:22px;
  text-transform:uppercase;
  font-family: var(--font-family);
  letter-spacing:1px;
  margin:0;
  padding:10px 35px;
}
.sold-out-text h3 a{
  color:#8a8a8a;
}
.sold-out{
  background-color: #8a8a8a;
}
.coming-soon{
  background-color:#7dba2d;
}
@media only screen and (max-width:1599px) {
    .feature__text > div {padding: 35px 25px;}
    .feature__text ul li {font-size:18px;}
    .feature__text ul li img {width: 32px;}
    .feature__text ul {padding: 10px 25px;}
    .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {width: 65px; height: 65px;}
    .feature-projects-sec {padding-top: 105px;}
}
@media only screen and (max-width:1399px) {
    .feature__text > div {padding: 30px 20px;}
    .feature__text ul li {font-size:16px;}
    .feature__text ul li img {width: 28px;}
    .feature__text ul {padding: 10px 20px;}
    .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {width: 55px; height: 55px;  top: -80px;}
    .sld-comn-arow .slick-prev.slick-arrow {right: 80px;}
    .feature-projects-sec {padding-top: 95px;}
  
}
@media only screen and (max-width:1199px) {
    .feature__text > div {padding: 25px 15px;}
    .feature__text ul li {font-size:15px;}
    .feature__text ul li img {width: 25px;}
    .feature__text ul {padding: 10px 15px;}
    .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {width: 50px; height: 50px;}
     .sld-comn-arow .slick-prev.slick-arrow {right: 70px;}
     .feature-projects-sec {padding-top: 85px;}
}
@media only screen and (max-width:1080px) {
    .feature__text > div {padding: 15px 10px;}
    .feature__text ul {padding: 10px 10px;}
}
@media only screen and (max-width:991px) {
    .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {width: 40px; height: 40px;top: -72px;}
    .sld-comn-arow .slick-prev.slick-arrow {right: 60px;}
    .feature-projects-sec {padding-top: 75px;}
}
@media only screen and (max-width:767px) {
    .feature__text ul li {font-size: 13px;}
    .feature-projects-sec {padding-top: 65px;}
    .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {top: -45px;}
}
@media only screen and (max-width:667px) {
   .sld-comn-arow .slick-next.slick-arrow, .sld-comn-arow .slick-prev.slick-arrow {top: auto;bottom: -150px;}
   .sld-comn-arow .slick-prev.slick-arrow {right: 0;left:-50px;}
   .sld-comn-arow .slick-next.slick-arrow {left: 0;right: -50px;}
   .feature-projects-sec {padding-top: 50px;}
   .feature-projects-sec {padding-bottom: 40px;}
}
@media only screen and (max-width:575px) {
   .feature-projects-sec {padding-top: 40px;}
    
}
@media only screen and (max-width:480px) {
   .feature-projects-sec {padding-top: 30px;}
}
@media only screen and (max-width:420px) {
   .feature-projects-sec {padding-top: 25px;}
}

/* ================ Feature Projects ================*/






/* ================ Join Our ================*/
.join-outr-sec{background-repeat: no-repeat;background-size:cover;width:100%; padding:100px 0 565px;}

@media only screen and (max-width:1599px) {
   .join-outr-sec {padding: 90px 0 450px;
   margin-top:200px;
   }
}
@media only screen and (max-width:1399px) {
   .join-outr-sec {padding: 80px 0 400px;}
}
@media only screen and (max-width:1199px) {
    .join-outr-sec {padding: 75px 0 350px;}
}
@media only screen and (max-width:1080px) {
   .join-outr-sec {padding: 55px 0 280px;}
}
@media only screen and (max-width:991px) {
   .join-outr-sec {padding: 45px 0 240px;}
}
@media only screen and (max-width:767px) {
    .join-outr-sec {padding: 40px 0 165px;}
}
@media only screen and (max-width:667px) {
    .join-outr-sec {padding: 65px 0 110px;}
}
@media only screen and (max-width:667px) {
    .join-outr-sec {padding: 65px 0 80px;}
}
/* ================ Join Our ================*/