@font-face {
  font-family: 'DM Sans';
  src: url('./font/DMSans_18pt-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}


/* /////////////////////////////// land page and commercial page css ///////////////////////////////  */

/* ------------------------ land banner ------------------------ */
.landBanner{
    width: 95%;
    height: 100vh;
    background: url(./images/land-banner2.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:auto;
	display:flex;
}

.landInfo{
    width: 650px;
/*     position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%); */
    background: #FFFAEE;
    border-radius: 25px;
    padding: 35px 30px;
	margin: auto 0;
    margin-left: 70px;
	box-shadow: 0px 6px 7px 0px rgba(0, 0, 0, 0.25);
	position: relative;
}

.landPic{
	position:absolute;
	bottom:7px;
	right:10px;
}

	.landPic img{
		width:8em;
	}

.landInfo h1{
    font-size: 42px;
    font-weight: 400;
    color: #CC0005;
	width: 100%;
    margin: 0;
}
.commercialPage h1{
		width: 100%;
}
.landInfo h1 em{
font-style: italic;
}
.landInfo h1 span{
    font-weight: 600;
}

.landInfo p{
    color: #413838;
    font-size: 20px;
    font-weight: 400;
    width: 86%;
    margin-bottom: 0;
    margin-top: 15px;
}
.landtext{
    padding: 15px 0px;
    border-radius: 25px;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    width: fit-content;
    margin-bottom: 4em;

}

.landbtn a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background-color: #B31616;
  color: #fff;
  padding: 10px 22px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease;
}

/* green dot */
.landbtn a::before {
  content: "";
  width: 9px;
  height: 9px;
  background-color: #82EA53;
  border-radius: 50%;
  display: inline-block;
}

/* arrow circle */
.landbtn a::after {
  content: "";
  width: 28px;
  height: 28px;
  background:url("./images/Group 14141.svg") no-repeat center;
  margin-left: 8px;
}

/* ------------------------ land vision  ------------------------ */
.landVision{
    background-color: #ffffff;
    padding: 100px 0;
}

.landVisioninfo{
    text-align: center;
}
.visionIcon{
    display: flex;
    justify-content: center;
    gap: 10px;
    background-color: #FFE1E1;
    border-radius: 25px;
    padding: 8px 20px;
    width: fit-content;
    margin: auto;
}

.visionIcon img{
  width: 1.5em;
}

.landVisioninfo h2{
  font-size: 42px;
  font-weight: 400;
  color: #000000;
  padding: 10px 0;
	    width: 64%;
    margin: 0 auto;
}

.landVisioninfo h2 span{
font-weight: 700;
}

.landVisioninfo h2 span:nth-of-type(2){
color: #CC0005;
}

.landVisioninfo p{
color: #413838;
font-size: 20px;
}

.visionIcon p{
  font-size: 18px;
  color: #CC0005;
  font-weight: 500;
}

	.visionPara{
		width:75% ;
		margin:auto ;
	}

.landVcardsection{
  width: 70%;
  margin: auto;
  padding: 50px 0 0;
}

.lvcardtop{
  display: grid;
  grid-template-columns: 45% 1fr;
  gap: 25px;
}


.lvcard{
  background-color:#FFFAEE ;
  border-radius: 25px;
  padding: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  
}

.lvcardIcon{
  display: flex;
  justify-content: space-between;
  margin-bottom: 4em;
	gap:50px;
	align-items: flex-start;
}

.lvcardIcon img{
  width: 3em;
}

.lvcardIcon h3{
  font-size: 26px;
  font-weight: 500;
  text-align: right;
  color: #CC0005;
}

.lvcard p{
  font-size: 20px;
  color: #000000;
}



.lvcardbottom {
  display: grid;
  grid-template-columns: 3fr 4fr 3fr;
  gap: 25px; 
   margin: 25px 0;
}

.lvcardVideo{
  display: grid;
  grid-template-columns: 45% 1fr;
  gap: 25px;
  align-items: stretch;
}

.lvVideoinfo{
  background-color:#2E5D19;
  border-radius: 25px;
  padding: 25px;
  position: relative;
  min-height: 280px;
}

.lvVideoinfo span{
  font-size: 26px;
  font-weight: 700;
  color: #FFFAEE;
}
.lvVideoinfo p{
  font-size: 20px;
  color:#F6F4F2 ;
  margin-top: 10px;
	font-weight:300;
}

.lvideobtn{
    width: fit-content;
    position: absolute;
    bottom: 30px;
    right: 25px;
}

.lvideobtn a{
    font-size: 16px;
    color: #CC0005;
    font-weight: 700;
    background: #FFFAEE;
    padding: 10px 16px;
    border-radius: 25px;
}

.lvideobtn div{
    font-size: 16px;
    font-weight: 600;
    color: #B31616;
    background: #FFD53F;
    padding: 12px 20px 3px;
    width: fit-content;
    margin: auto;
    border-radius: 0 0 10px 10px;
    line-height: 1.6em;
    letter-spacing: 1.5px;
}


.land-video-wrapper{
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  border-radius: 25px;
  overflow: hidden;
}

.land-video-wrapper video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.land-play-btn{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70px;
  height: 70px;
  color: #fd0101;
  font-size: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s ease;
}



/* ------------------------ land services  ------------------------ */

.landservices{
  background-color:#ffffff ;
}

.landcontainer{
  width: 90%;
  margin: auto;
  background: #ffffff;
  padding: 70px 0;

}

.landsvrHeading{
  text-align: center;
  font-size: 42px;
  font-weight: 400;
  color: #382828;
  width: 50%;
  margin: auto;
}
.landsvrHeading span{
font-weight: 700;
}

.landsvrgrid{
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 15px;
  margin-top: 2em;
}

.landsvrcard{
  background: #FFFAEE;
  border-radius: 25px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.landsvrcard p{
  font-size: 22px;
  font-weight: 700;
  width: 100%;
  color: #B31616;
  margin-bottom: 4em;
  margin-top:10px;
}
.landsvrcard ul{
  margin-left: 15px;
}

.landsvrcard ul li{
  color: #000000;
  font-size: 18px;
  list-style: disc;

}


/* ---------- HOVER LOGIC ---------- */

.landsvrcard{
  position: relative;
  overflow: hidden;
}

/* DEFAULT VIEW */
.card-default{
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* HOVER CONTENT HIDDEN INITIALLY */
.card-hover{
  position: absolute;
  inset: 0;
  padding: 25px;
  opacity: 0;
  transition: opacity 0.3s ease;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* ON HOVER → SWAP */
.landsvrcard:hover .card-default{
  opacity: 0;
}

.landsvrcard:hover .card-hover{
  opacity: 1;
}

.landsvrcard:hover .card-hover {
    opacity: 1;
    background: #cc0005;
    color: #FFFAEE;
}

.landsvrcard:hover .card-hover p{
	color:#ffffff;
}


.landsvrcard .card-hover ul li{
  color: #FFFAEE; 
}


.landUnlocksec{
	background:#EBFFE2;
	padding: 50px 0;
}


.landsvrCont{
  position: relative;
	width:90%;
	margin:auto;
	display: flex;
    justify-content: space-between;
	padding-bottom: 20px;
}
.landsvrCont div:first-child{
	width:70%;
}

.landsubText{
	font-family: 'Dancing Script'; 
	font-size:42px;
	font-weight:400;
	color:#B31616;
}
.landsvrCont h3{
  font-size: 30px;
  font-weight: 400;
  color: #000000;
  width:78%;
  padding-top: 7px;
}

.landsvrCont h3 span{
color:#CC0005 ;
	font-weight: 600;
}

.landsvrCont p{
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}
.landsvrCont .landbtn{
	text-align:right;
	padding-top: 15px;
}

.lvsvrbtn{
    width: fit-content;
    margin: auto;
    padding-top: 1em;
}

.lvsvrbtn a{
    font-size: 16px;
    color: #CC0005;
    font-weight: 700;
    background: #FFFAEE;
    padding: 10px 16px;
    border-radius: 25px;
}

.lvsvrbtn div{
    font-size: 16px;
    font-weight: 600;
    color: #B31616;
    background: #FFD53F;
    padding: 10px 20px 1px;
    width: fit-content;
    margin: auto;
    border-radius: 0 0 10px 10px;
    line-height: 1.6em;
    letter-spacing: 1.5px;
}

/* ------------------------ land Unlock  ------------------------ */

.landunlock{
  width: 90%;
  margin: auto;
  background: url(./images/unlock-banner.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px;
}



.landunlockgrid{
  display: flex;
  justify-content: space-between;
  border-radius:25px;
  background-color: #FFFAEECC;
  padding: 40px;

}

.landunlockinfo, .landunlockvideo{
  width: 45%;
}

.landunlockinfo h3{
  font-size: 34px;
  font-weight: 700;
  color: #CC0005;
}
.unlockpara{
  font-size: 18px;
  font-weight: 400;
  margin: 10px 0 60px; 

}

.landunlockInfo{
	display:flex;
	flex-direction:column;
	gap:15px;
	
}
.landunlockInfo div{
	font-size:16px;
	font-weight:500;
	color:#000000;
}

.landunlockInfo div span{ 
	font-weight:700;
	font-size:18px;
}

.unlocksubText{
  font-size: 20px;
  font-weight: 500;
}

.landunlockgrid ul{
  margin: 15px 0;
}

.landunlockgrid ul li{
list-style-type: disc;
font-size: 16px;
color: #000000;
margin-left: 1em;
}
.landunlockgrid span{
  font-size: 16px;
  font-weight: 600;
}


/* ------------------------ land contact  ------------------------ */
.landLastsec{
  background-color: #ffffff;
}

.landContact{
  width: 90%;
  margin: auto;
  padding: 60px 70px;
  text-align: center;
/*   background-color: #FFFAEE; */
}

.landContact h4{
  font-size: 30px;
  font-weight: 700;
  color: #CC0005;
  margin-bottom:10px;
}

.landContact p{
  font-size: 18px;
  color: #2B2722;
  margin: 5px 0 25px;
}

.landlastbtns{
  display: flex;
  justify-content: center;
  gap: 25px;

}

.landlastbtns a{
font-size: 20px;
font-weight: 400;
padding: 10px 25px;
border-radius: 25px;
}

.landlastbtns a:nth-of-type(1) {
  font-size: 17px;
  color: #CC0005;
  background-color: #E4E3E1;
  font-weight: 500;
  padding: 10px 30px;

}

.landlastbtns a:nth-of-type(2) {
  font-size: 16px;
  color: #FFFAEE;
  background-color: #CC0005;
}


/* ---------//////--------------- Media query starts  -------------//////----------- */

@media(min-width:1200px) and (max-width:1290px){
.landInfo {
    width: 730px;	
}
	.landInfo h1 {
    font-size: 40px; 
	}
	.landInfo p { 
		margin-bottom:4em;
		font-size: 20px;
        width: 88%;
	}
	.landVcardsection p br{
		display:none;
	}
	.landunlockinfo, .landunlockvideo {
    width: 47% !important;
    }
}



@media(max-width:1025px){
  .landInfo {
    width: 80%;
/* 	top:65% */
  }

  .landVcardsection {
    width: 92%;
  }
  .landsvrgrid {
    width: 90%;
  }

  .landsvrcard p {
    font-size: 24px;
    margin-bottom: 2em;
}

.landsvrHeading{
    font-size: 36px;
}

.landunlockgrid {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.landunlockinfo, .landunlockvideo {
    width: 100%;
}

.landunlockinfo h3 {
    font-size: 34px;
    width: 60%;
    margin-bottom: 15px;
}
.lvcardIcon h3 {
	font-size: 20px;
}
	.lvcard p {
    font-size: 18px;
	}
	.landsvrCont h3 {
    font-size: 30px;
	}
	    .landunlockinfo h3 {
        font-size: 30px;
        width: 63%;
	}
	.lvcardIcon img {
    width: 2.4em !important;
}
	.landInfo h1 {
    font-size: 36px;
	}
	.landVisioninfo h2 {
    font-size: 36px;
	}
}


/* ------------------ tablet version ------------------  */


@media(max-width:768px){
.landInfo h1 {
    font-size: 42px;
    margin-bottom: 12px;
}
.landbtn{
      font-size: 18px;
}

.landInfo p {
    font-size: 20px;
    width: 90%;
}

.landVisioninfo h2 {
    font-size: 34px;
}
.landVisioninfo p {
    font-size: 18px;
}

.lvcardIcon h3 {
    font-size: 28px;
}

.lvcardtop{
  grid-template-columns: 1fr 1fr;

  
}
.lvcardbottom{
  grid-template-columns: 1fr 1fr;
}

.landsvrgrid{
  grid-template-columns: 1fr;

}

.lvVideoinfo span {
    font-size: 28px;
}
.lvVideoinfo p {
    font-size: 20px;
    margin-top: 0.4em;
}
.lvVideoinfo {
  min-height: 320px;
}

.landunlockinfo h3 {
    width: 100%;
    font-size: 30px;
}

.landsvrCont h2{
	font-size:26px;	
}

.landContact h4 {
    font-size: 28px;
}
.lvcardIcon h3 {
	font-size: 24px;
}
	.landVisioninfo h2{
		width: 100%;
	}
}

/* -------------------- mobile version --------------------  */

@media(max-width:599px){

  .landInfo {
    width: 95%;
	  margin:auto;
    }

  .landInfo h1 {
    font-size: 26px;
  }

  .landInfo p {
    font-size: 16px;
    width: 95%;
    }

  .landbtn {
  font-size: 14px;
  }
	
	.landPic img{
		width:5em;
	}

  .landVision{
    padding: 70px 0;
  }

  .visionIcon p {
  font-size: 16px;
  }

  .landVisioninfo h2 {
    font-size: 26px;
    }

  .landVisioninfo p br{
    display: none;
  }

  .visionPara {
    width: 90%;
    margin: auto;
}

  .lvcardIcon h3 {
      font-size: 24px;
      width: 80%;
  }
  .lvcardIcon{
    align-items: flex-start;
  }
  .lvcard p {
    font-size: 18px;
  }

  .lvcardtop{
  grid-template-columns: 1fr;

}
.lvcardbottom{
  grid-template-columns: 1fr;
}

.lvcardIcon img {
    width: 2.3em;
}

.lvcardVideo{
  grid-template-columns: 1fr;

}

.land-video-wrapper {
min-height: 250px;
}

.land-video-wrapper video{
min-height: 250px;

}
.landsvrHeading br{
  display: none;
}
.landsvrHeading {
  font-size: 30px;
  width: 95%;
  margin: auto;
}
.landsvrgrid{
  grid-template-columns: 1fr;

}

.landsvrcard p {
font-size: 22px;
}

.landsvrCont {
  width: 90%;
  margin: auto;
	flex-direction: column;
}
.landsvrCont div:first-child {
    width: 100%;
}
	
.landsvrCont br{
  display: none;
}

.landsvrCont h2 {
    font-size: 26px;
}

.landsvrCont p {
    font-size: 18px;
}

.landunlockinfo h3 {
  font-size: 22px;
 
}
	.landsvrCont .landbtn{
		text-align:left;
	}

.landunlock {
  padding: 30px;
  margin-top: 10px;
}

.landunlockgrid{
  padding: 30px;
}

.landContact{
  padding: 35px;
}

.landContact h4 {
  font-size: 23px;
  margin-bottom: 15px;
}

.landlastbtns {
    flex-direction: column;
    gap: 20px;
}

 .landlastbtns a{
  width: 260px;
  margin: auto;
 }
.landsvrCont h3 {
    font-size: 21px;
	 margin-bottom: 10px;
	width: 100%;
	}

	    .commercialHtitle h2 {
        font-size: 26px !important;
}
	
.commercialHtitle p {
    font-size: 18px !important;
	}
.lvVideoinfo span {
        font-size: 24px;
    }
	    .lvVideoinfo p {
        font-size: 18px;
	}
}


/* ---------///////////////////////---- Commercial page css starts ---------///////////////////////----  */

@media(min-width:1024px){
	.commercialPage .landInfo{
	width: 665px;
}
}

.commercialPage .landBanner{
    width: 94%;
    height: 100vh;
    background: url(./images/commercial-banner1.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:auto;
}

.commercialPage .landInfo{
background: #FFFAEE;	

}

.commercialPage .landPic img {
    width: 9em;
}

.commercialPage .landInfo p{
width: 90%;	
}

.commercialPage .landVisioninfo h2 span:nth-of-type(1) {
    color: #CC0005;
}

.commercialPage .lvcardbottom{
	margin:0;
}

.commercialPage .lvcardtop{
	margin:25px 0;
}

.commercialPage .lvVideoinfo{
	order:2;
}

.commercialPage .landsvrHeading {
    color: #191818;
}

.commercialPage .landsvrgrid {
    width: 60%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.commercialPage .commercialLogos{
	padding:70px 0 0;
	background: #ffffff;
}

.commercialHtitle {
    text-align: center;
}

.commercialHtitle h2 {
    font-size: 42px;
    font-weight: 400;
	margin-bottom:7px;
}

.commercialHtitle h2 span{
	font-weight:600;
	color:#CC0005;
}

.commercialHtitle p{
	color:#818181;
	font-size:20px;
}

.commercialLogos .slider{
	width:90%;
}

.commercialPage .lvVideoinfo{
	background-color:#CC0005;
}

.commercialPage .landunlock {
    width: 90%;
    margin: auto;
    background: url(./images/comm-unlock.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin-top:10px;
}

.commercialPage .landunlockinfo, .commercialPage .landunlockvideo {
    width: 45%;
}

.commercialPage .landUnlocksec{
background:#E6E4FF;	
}

/* ---------//////--------------- Commercial page Media query starts  -------------//////----------- */

@media(max-width:1025px){
	
.commercialPage .landInfo h1 br{ 
	display:none;
}
.commercialPage .landsvrgrid {
   width: 90%;

}
.commercialPage .landunlockinfo, .commercialPage .landunlockvideo {
    width: 100%;
}
	.commercialHtitle h2 {
    font-size: 36px;
	}
}


/* --------------- mobile version ---------------  */

@media(max-width:767px){
	
	.commercialPage .landPic img {
    width: 5em;
}
	
	.commercialPage .landsvrgrid{
	  display: grid;
	  grid-template-columns: 1fr;
	}
	
	.commercialHtitle h2 {
    font-size: 28px; 
	}
	
	.commercialPage .slide {
    height: 100px;
    width: 140px;
    flex-shrink: 0;
}
	
	.commercialPage .slide-track {
    animation: scroll 25s linear infinite;
}
	.commercialPage .commercialLogos {
    padding: 70px 0 0;
	margin-bottom:-30px;
}
}

@media(min-width:767px){
	.landvdesktop{
		display:block;
	}
	
	.landvmobile{
		display:none;
	}
}

@media(max-width:767px){
	.landvdesktop{
		display:none;
	}
		.landvmobile{
		display:block;
	}
}


@media (max-width: 768px) {
	
 .lvc-owl .owl-item .lvcard {
    width: 100%;
    box-sizing: border-box;
	 margin-bottom: 10px;
  }
	
	.lvcardMobile{
		margin:20px 0;
	}
	

}