@font-face {
  font-family: 'inter';
   src:url(../fonts/Inter-Regular.ttf),url(../fonts/Inter-Medium.ttf);
  }
html,body {
	font-family: 'inter';
	font-size: 18px;
	color: #595959;

	line-height: 26px;
	background-color: #fff;
}

.logofont{
font-size: 20px;
}
.rightsidetext{
  position: absolute;
  right: 6%;
  writing-mode: vertical-rl;
text-orientation: mixed;
top: 30%;

}
.future{
  color: #fff;
  text-transform: uppercase;
  font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 18px;
letter-spacing: 0.545em;
text-align: left;
display:none;

}
.slideline{
  width: 10px;
  height: 10px;
  padding:2px;
  border-radius: 50%;
  margin-right: 10px;
}
.slideline.active{

  border: 1px solid #fff;
}
.sliderimages img{
height: 100vh;
position: relative;
}
.visontext{
  background: #fff;
  background: linear-gradient(to right, #fff 0%, #fff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 45px;
  font-weight: 600;
}
.aura{
  font-size: 100px;
  font-weight: 300;
  margin-bottom: 15px;
  line-height: 80px;
  color: #fff;
}
.HalconAI{
margin-top: 18px;
  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: 0.345em;
  text-align: left;
  

}
.getbutton{
  height: 46px;
padding: 11px 40px;
border-radius: 4px;
font-family: Inter;
font-size: 15px;
font-weight: 400;
text-align: center;
color: #FFFFFF;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);

}

.salebutton{
  height: 46px;
padding: 8px 40px;
color:#fff;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 4px;
 
}
.text-banner{
  font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
text-align: left;

}

.slider-caption{
  position: absolute;
  bottom:auto;
  left: 8%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: left;
  top: 35%;
  width: 500px;

}
header {
  width: 100%;
  display: flex;
  /* position: fixed; */
  top: 0;
  left: 0;
z-index: 9999;
height: 80px;
}

.logobox {
width: 300px;
  flex: none;
  margin-left: 20px;
  color: #fff;
  position: absolute;
  top: 15px;
  /* background-color: #FBF9FC;
  padding: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; */
}





.leverage{
  font-family: Inter;
font-size: 45px;
font-style: normal;
font-weight: 300;
line-height: 54px;
letter-spacing: -0.03em;
text-align: left;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
}

.nav-head li a{
text-transform: uppercase;
font-size: 14px;
}
.leverpagepara{
  font-size: 20px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
background: #595959;
margin-top: 20px;
}


.leverage-card{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
border-radius: 13px;
padding: 25px;
transition:all 0.3s ease;height: 249px;
margin-top: 30px;
}
.leverage-card h5{
  font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 167.19%;
letter-spacing: 0.02em;
text-transform: capitalize;
color: #FFFFFF;
}

.leverage-card p{
font-size: 11px;
font-weight: 300;
line-height: 16px;
letter-spacing: 0.03em;
text-align: left;
color: #fff;
}

.morelink{
  display: none;
}
.morelink a{
  color: #fff;
  text-decoration: none;
}
.leverage-card:hover{
  transition:all 0.3s ease;
  height: 290px;
}
.leverage-card:hover .morelink{
  display: block;
  transition:all 0.3s ease;
}

.leverage-sec{
  background-image: url(../images/dotspng.png);
  background-position: center right;
background-repeat: no-repeat;
}

.smartlock{
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
   -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top:80px;
}
.harns{

font-size: 17px;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;

}

.rel-width{
  width: 520px;
}
.pad50{
  padding-top:50px;
  padding-bottom:50px; 
}


.smartindustry .card {
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 13px;
}
.smartindustry .card .card-title{
font-size: 22px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0em;
text-align: center;
text-transform: capitalize;
}
.smartindustry .card .card-text{

  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: center;
  margin: 20px auto;
  
}

.industrysmartall{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 305px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.3s ease;
}
.industrycardbg{
  background-image: url(../images/image1.png);
}

.industrycardbg2{
  background-image: url(../images/image2.png);
 }
 .industrycardbg3{
  background-image: url(../images/image3.png);
 }
 .industrycardbg4{
  background-image: url(../images/image4.png);
 }
 .industrycardbg5{
  background-image: url(../images/image5.png);
 }

 .industrycardbg6{
  background-image: url(../images/image3.png);
 }
 
.img-part{
  display: none;
}
.industrycardbg:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image1.png);
  background-size: cover;
  transition: all 0.3s ease;
}
.industrycardbg2:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image2.png);
  background-size: cover;
  transition: all 0.3s ease;
}
.industrycardbg3:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image3.png);
  background-size: cover;
  transition: all 0.3s ease;
}
.industrycardbg4:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image4.png);
  background-size: cover;
  transition: all 0.3s ease;
}
.industrycardbg5:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image5.png);
  background-size: cover;
  transition: all 0.3s ease;
}

.industrysmartall:hover .img-part{
display: block;
}
.rs-videos.style2 .rs-icon-inners .animate-border .popup-border {

  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
 top:0;
 bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.rs-videos.style2 .rs-icon-inners .animate-border .popup-border i {
  font-size: 20px;
  line-height: 80px;
  display: block;
  color: #ffffff;
}





.benifitesweek{
  background: url(../images/week1.png);
  background-position: center;
  background-size: cover;
  height: 660px;
 }
.benifitesweekcontainer{
  background: rgba(50, 87, 255, 0.1);
  box-shadow: 67.2667px -67.2667px 67.2667px 1px rgba(38, 66, 194, 0.048), inset -67.2667px 67.2667px 67.2667px rgba(255, 255, 255, 0.048);
  backdrop-filter: blur(16.144px);
  /* Note: backdrop-filter has minimal browser support */
  padding: 20px;
  border-radius: 16px;
}
.benifitsword{
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: center;
  color: #fff;
  margin: 30px auto;
}

.score p{
  font-family: Inter;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 22px;
letter-spacing: 0em;
text-align: center;
color: #FFFFFF;
margin-top: 30px;
}
.score .number{
  font-family: Inter;
font-size: 50px;
font-style: normal;
font-weight: 800;
line-height: 61px;
letter-spacing: 0em;
text-align: center;
color: #00E9C6;
padding: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}

.HalconAIbutton{
  border: 1px solid #00E9C6;
border-radius: 4px;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: center;
color: #fff;
padding: 14px 20px;
text-decoration: none;
margin-top: 50px;
text-transform: uppercase;
}


.inputfield{
  height: 47px;
  border: 1px solid  linear-gradient(180deg, #2256C6 0%, #099EA8 100%);
  border-radius: 4px;
  
}
.inputfield::placeholder{
  font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-transform: uppercase;
}

.w-60{
  width: 60%;
}
.w-40{
  width: 39%;
  margin-left: 10px;
}

.interested{
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
   -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: capitalize;
    margin-top:40px;
    margin-bottom:40px;

}


.foot-head{
  font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 17px;
letter-spacing: 0.05em;
text-align: left;
color: #000;
margin-top: 15px;
margin-bottom: 30px;
}
.product-list{
  padding:0;
  margin: 0;
}
.product-list li{
  font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 39px;
letter-spacing: 0.02em;
text-align: left;
list-style: none;
}
.product-list li a{
  color: #595959;
  text-decoration: none;

}

.terms-list{
  margin: 0 auto;
}

.terms-list li{
  font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 25px;
letter-spacing: 0.02em;
text-align: left;
list-style: none;
float: left;
margin-right: 30px;
}
.terms-list li a{
  color: #595959;
  text-decoration: none;

}


.carousel-indicators{
bottom: 10px;
}



.rightside{
  float: right;
}










.prodct-sec1{

  background-image:url(../images/probg1.png);
  background-position: top 70px right;
background-repeat: no-repeat;
}

.pro-sec2{
  background-image:url(../images/probg2.png);
  background-position: top -170px right;
background-repeat: no-repeat;
height: 750px;
}

.mar-t-100{
  margin-top: 140px;
}
.pad-t-100{
  padding-top: 140px;
}

.posi-real{
  position:relative;
}

.circle1{

background-image: url(../images/circle1.png);
background-repeat: no-repeat;
background-size: cover;
width: 500px;
height: 500px;
margin-top: -120px;
}


.circle2{
  /* background-image: url(../images/circle1.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 500px;
  height: 500px;
  margin-top: -120px; */
}
.mt-50{
margin-top:50px;
}
.pro-bgsec2{
  background-image:url(../images/7.png);
  background-position: left;
background-repeat: no-repeat;
background-size: cover;
height: 625px;
}
.widthdowm{
  height: 210px;
width: 492px;
}


.probg-sec3{
  background-image: url(../images/8.png);
  background-position: top -105px right 0px;
  background-repeat: no-repeat;
  background-size: contain;
  height: 700px;
}

.effectcostbox{
  height: 210px;
width: 505px;


}





/* second page */

.bg-visonannotation{
  background-color: #000;
  height: 100vh;
  position: relative;
}

.visonslider-caption{
margin-top:37%;
}

.slider-title{
font-size: 40px;
font-weight: 300;
line-height: 54px;
letter-spacing: 0em;
text-align: left;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
 -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}

.text-visionbanner{
 
width: 443px;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22px;
letter-spacing: 0.03em;
text-align: left;
color:#fff;
}
.vision-roundimg{
  margin-top: 20%;
}
.tools-text{
  font-family: Inter;
font-size: 30px;
font-style: normal;
font-weight: 300;
line-height: 45px;
letter-spacing: 0em;
text-align: left;text-transform: capitalize;

color: #595959;


}

.tools-card{
  border-radius: 0px 20px 0px 20px;
 background: url(../images/toolsbg.png);
 background-size: cover;
 background-position: right bottom;
 padding: 25px 40px;
 margin-top: 30px;
 height: 255px;
}

.tools-card h5{
  font-weight: 300;
  font-size: 22px;
  line-height: 149.69%;
  text-transform: uppercase;
  color: #00051D;
}

.tools-card p{
  font-size: 17px;
  font-weight: 300;
  line-height: 27px;
  letter-spacing: 0em;
  text-align: left;
  color: #595959;
  text-transform: capitalize;
}
.tools-card .equal-height{
  height: 75px;
}
.tools-card img{
  width: 70px;
}


.serviceanno-card{
  background: #C4C4C4;
height: 140px;
margin-top: 30px;
}



.text1{
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;

}



.servicesicons-card{
  background: #FFFFFF;
  box-shadow: 0px 23px 43px 6px #E5E5E5;
  border-radius: 42px;
 padding: 25px 40px;
 margin-top: 100px;
 position: relative;
 height: 300px;
}
.servicesicons-card .iconsbg{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(67.73deg, #3257FF 12.85%, #00E9C6 79.68%);
box-shadow: 9px 21px 47px -11px #00BA9E;
border-radius: 50%;
width: 100px;
    height: 100px;
    text-align: center;
    margin-top: -64px;
}
.servicesicons-card .iconsbg img{
  margin-top: 14px;
}
.servicesicons-card p{
  width: 300px;
  font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 27px;
letter-spacing: 0em;
text-align: left;

}
.servicesicons-card h5{
  font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 33px;
letter-spacing: 0em;
text-align: left;
color: #00051D;

}

.annotation-boundary{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
border-radius: 4px;

}
.sale-button{
  border: 1px solid;

background-color: linear-gradient(180deg, #00E9C6 0%, #3257FF 96.35%);

  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
   -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    text-align: center;

}
.annotation-boundary  .carousel-control-prev{
  margin: auto;
  left: -12%;
  background: transparent;
  opacity: 1;
  border-radius: 50%;
  border:none
}
.annotation-boundary .carousel-control-next{
  
  margin: auto;
  right: -10%;
  background: transparent;
  opacity: 1;
  border-radius: 50%;
  border:none;
transform: rotate(180deg);
}

.annotation-boundary .carousel-control-next img, .carousel-control-prev img{
position: absolute;
margin:-13px auto;
}





.getbutton:hover{
color: #fff!important;
}
.salebutton:hover{
color: #fff;
}
.HalconAIbutton:hover{
  color: #fff;
}



.usecaseslider-caption{
margin-top: 37%;
}

.usecasesslider-title{
  font-size: 40px;
}

.bg-usecases{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
  color: #fff;
}

.usescases-glance{
  font-family: Inter;
font-size: 45px;
font-style: normal;
font-weight: 300;
line-height: 54px;
letter-spacing: 0em;
text-align: left;
text-transform: uppercase;
}

.usecases-text{
  font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 300;
line-height: 30px;
letter-spacing: 0em;
text-align: left;
width: 440px;
text-transform: capitalize;
}

.uses-HalconAI{
  font-family: Inter;
  font-size: 45px;
  font-style: normal;
  font-weight: 300;
  line-height: 54px;
  letter-spacing: 0em;
  text-align: left;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
   -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-transform: uppercase;
    margin-top:0px;
}

.img-eye img{
  width: 90%;
}
.img-eye img:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image5.png);
  background-size: cover;
  transition: all 0.3s ease;
}



.usersmartall{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 385px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.3s ease;
  width: 85%;
  
}

 .usercardbg1{
  background-image: url(../images/image3.png);
  border-radius: 13px;
  box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.25);
 }

 .usercardbg2{
  background-image: url(../images/userimage2.png);
  border-radius: 13px;
  box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.25);
 }
 .usercardbg3{
  background-image: url(../images/userimage3.png);
  border-radius: 13px;
  box-shadow: 0px 4px 50px 10px rgba(0, 0, 0, 0.25);
 }





.usersmartall .img-part{
  display: none;
}

.pad-t-100{
  padding-top: 100px;
}

.usercardbg1:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/image3.png);
  background-size: cover;
}
.usercardbg2:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/userimage2.png);
  background-size: cover;
}
.usercardbg3:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/userimage3.png);
  background-size: cover;
}

.bghalfround{
  background-image: url(../images/userbghalfround.png);
  background-position: right;
  background-repeat: no-repeat;
}

.usersmartall:hover .img-part{
display: block;
}
.rs-videos.style2 .rs-icon-inners .animate-border .popup-border {

  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
 top:0;
 bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
}
.rs-videos.style2 .rs-icon-inners .animate-border .popup-border i {
  font-size: 20px;
  line-height: 80px;
  display: block;
  color: #ffffff;
}
.listuses{
  padding: 0;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

.listuses li{
  font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 32px;
letter-spacing: 0em;
text-align: left;

}






.userimagevideobodycard{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 1) 0%, rgba(0, 233, 198, 1) 103.82%);
  background-size: cover;
  color: #fff;
  border-radius: 0px 0px 19px 19px;
}

.userimagevideoall:hover .img-part{
  display: block;
  }

.userimagevideoall{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 385px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  transition: all 0.3s ease;
  width: 100%;
  
}
.userimagevideocard{
  border-radius: 25px 25px!important;
  border: none;
  margin-top: 40px;
}
.userimagevideobg1{
  background-image: url(../images/userimagevideo1.png);
  border-radius: 0px;
  box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.25);
  background-size: cover;
 }

 .userimagevideobg2{
  background-image: url(../images/userimagevideo2.png);
  border-radius: 0px;
  box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.25);
  background-size: cover;
 }
 .userimagevideobg3{
  background-image: url(../images/userimagevideo3.png);
  border-radius: 0px;
  box-shadow: 0px 22px 20px rgba(0, 0, 0, 0.25);
  background-size: cover;
 }
.userimagevideobg1:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/userimagevideo1.png);
  background-size: cover;
}
.userimagevideobg2:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/userimagevideo2.png);
  background-size: cover;
}
.userimagevideobg3:hover{
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
  linear-gradient(90deg, rgba(50, 87, 255, 0.5) 0%, rgba(0, 233, 198, 0.5) 103.82%),url(../images/userimagevideo3.png);
  background-size: cover;
}


.icons {
display: inline-flex;
margin-left: auto;
}
.icons a {
transition: all 0.2s ease-in-out;
padding: 0.2rem 0.4rem;
color: #ccc !important;
text-decoration: none;
}
.icons a:hover {
color: white;
text-shadow: 0 0 30px white;
}



.text-red{
  color: #db1c23;
}

.title-gab{
  font-family: 'Gabriola';
}
/* menu css start */

.active{
  color: #db1c23!important;
  font-weight: 600;
}

.menu{
  background-color: #fffdf6;
  height: 70px;
}

.bg-orange{
  background-color: #ef7f1a;
}

.logo{
  width: 25%;
  text-align: center;
}

.logo img{
  width: 25%;
}

.menubar nav ul li{
  padding: 10px 10px;
}

.menubar nav ul li a {
  font-size: 1.5rem;
}

.menufont{
  font-family: 'Nunito', sans-serif;
}

.menu nav ul li a{
  font-size: 1.2rem;
}

/* menu css end */























/* home about css start */

.ban-con{
  /* background-color: #fffdf6; */
  width: 100%;
  /* padding: 3rem; */
  height: 100vh;
  clear: both;
  background-image: url(../images/banner.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner{
  padding-top:20%;
}
.productinfo h2{
  font-size: 3rem;
  margin-top: 1rem;
  /* margin-bottom: 4rem; */
}

.banner-con{
  float: left;
  padding-left: 6rem;
  /* margin-top: 7rem; */
}

.banner-con h1{
  /* font-family: 'Gabriela', serif; */
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 0px;
}

.banner-img{
  float: left;
  margin-top: -100px;
}

.banner-img img{
  width: 100%;
}

.banner-con a{
  border-radius: 100px;
  border: none!important;
  box-shadow: none!important;
  outline: none!important;
}

/* home about css end */


/*  discoutn start  */

.disc{
  background-color: transparent;
  width: 100%;
  padding: 100px 15px; 
  height: auto;
  clear: both; 
  background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 247, 220) 100%);
}



.d1{
  background-color: #fff;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 100%!important;
  border: 2px solid #ffeebe;
}
.d1 h3{
  font-weight: 600;
}
.d1 img{
  width: 15%;

}

.d2{
  background-color: #fff;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 28%!important;
  border: 2px solid #ffeebe;
}

.d2 img{
  width: 15%;
}

.d3{
  background-color: #fff;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important;
  border: 2px solid #ffeebe;
}

.d3 img{
  width: 15%;
}

.discinfo h3{
  font-weight:600;
}




.font-600{
  font-weight: 600;
}
.font-700{
  font-weight: 700;
}
/*  discount end  */

/*  our products start  */

.product{
  /* background-color: #fffdf6; */
  width: 100%;
  padding: 100px 15px;
  height: auto;
  clear: both; 
  background-image: url(../images/aboutproduct.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
}

.productinfo .col-lg-4 a{
padding-left: 25px;
}

.p1{
  float: left;
  background-color: #fff8e4;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 100%!important;
  margin-top: 25px;
  text-align: center;
}

.w-370{
  width: 370px!important;
}
.redcolor{
  color: #f53335;
}


.p1 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.pimg{
  width: 9%important;
}

.p1 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}

.p2{
  float: left;
  background-color: #fff8e5;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important;
}

.p2 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.p2 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}

.p3{
  float: left;
  background-color: #fff8e5;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important;
}

.p3 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.p3 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}

.p4{
  float: left;
  background-color: #fff8e5;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important; 
  clear: both;
}

.p4 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.p4 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}

.p5{
  float: left;
  background-color: #fff8e5;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important; 
}

.p5 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.p5 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}

.p6{
  float: left;
  background-color: #fff8e5;
  border-radius: 25px;
  padding: 1rem;
  margin: 10px;
  float: left;
  width: 29%!important;
}

.p6 h3{
  color: #f60000;
  transition: all 0.3s ease 0s;
}

.p6 h3:hover{
  cursor: pointer;
  padding-left: 20px;
}
/*  our products end  */

/*  About Start  */

.about{
  /* background-color: #fffdf6; */
  width: 100%;
  padding: 60px 0px;
  background-image: url('../images/aboutbg.png');
  background-size: cover;
  background-position: top right;
  /* padding-left: 10rem; */
  height: auto;
  clear: both;  
}

.about-img{
  float: left;
}

.about-con{
  float: left;
}

.about-con h2{
  /* font-family: 'Gabriela', serif; */
  font-size: 3rem;  
}

.about-con {
  margin: 100px 0px;
}
.font-20{
  font-size: 27px;
}

.geninune{
  padding-left: 25px;
  line-height: 30px;
  margin-top:20px;
  font-size: 30px;
}
.apara{
  text-align: justify;
  font-size: 18px;
  line-height: 30px;
}

.pb1{
  border-right:url(../images/lav.png);
  /* height: 20px; */
}
/*  About End */


.navbar-nav{
  float: right;
  margin-right:40px;
}
.navbar-collapse{
  margin-right: 50px;
}
/*  Promotion banner start  */

.proban{
  background-image: url('../images/promotionbanner.jpg');
  background-size: cover;
  background-position: center;
  width: 100%;
  /* padding: rem; */
  padding: 40px 0px;
  height: auto;
  clear: both;   
}

.pban{
  clear: both;
  overflow: hidden;
}

.pb1{
  float: left;
  margin-left: 10px;
  padding-right: 30px;
  /* border-right: 2px solid #fec30f; */
  width: 31%!important;
  background-image:url(../images/lav.png);
  background-position: right;
  background-repeat: no-repeat;
}
.pr-30{
padding-right: 30px;
}
.pb1:last-child{
  background-image:none;
}

.productinfo .col-lg-4 img{
  width: 300px; 
  margin: 0 auto;
}

.pb1img img{
  float: left;
  padding: 5px;
  /* margin-left: 75px; */
}

.pb1txt p{
  float: left;
  margin-top: 20px;
  margin-left: 5px;
  /* font-family: 'Gabriela', serif; */
  font-size: 1.3rem;
  font-weight: 600;
}

/*  Promotion banner end  */

/* contact start */

.contact{
  background-color: #fffdf6;
  width: 100%;
  padding: 5rem;
  padding-left: 10rem;
  height: auto;
  clear: both;    
}

.contact-info{
  clear: both;
  overflow: hidden;
}
.c1-contact{
  float: left;
  border-right: 2px solid #fec30f;
  padding:50px 0px 50px 50px;

}

.c1{
  float: left;
  border-right: 2px solid #fec30f;
  padding:50px 0px 50px 50px;

}

.c1 h2{
  /* font-family: 'Gabriela', serif; */
  font-size: 2.5rem;
  /* padding-left: 3rem; */
  /* padding-top: 2rem; */
}

.c2{
  float: left;
  padding-left: 50px;
  /* text-align: center; */
}

.c2 h2{
  /* font-family: 'Gabriela', serif;  */
  padding-top: 70px;
  padding-bottom: 0;
  margin-bottom: 5px; 
  font-size: 2rem;
  font-weight: 600;
}
.c2-contact h2{
  /* font-family: 'Gabriela', serif;  */
  padding-top: 30px;
  padding-bottom: 0;
  margin-bottom: 5px; 
  font-size: 2rem;
  font-weight: 600;
}
.c2-contact{
  float: left;
  padding-left: 50px;
  /* text-align: center; */
}
.c2-contact input,.c2-contact textarea{
  border: 1px solid #fec30f;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}

.c2-contact button{
  width: 100%;
  border-radius: 10px;
}
.c2 form{
  /* padding: 2rem; */
}
.pad-100{
  padding-top: 140px;
  padding-bottom: 140px;
}
.pad-80{
  padding-top: 80px;
  padding-bottom: 80px;
}
.pad-50{
  padding-top: 50px;
  padding-bottom: 50px;
}
.dec-none{
  text-decoration: none;
}
.instabox{
  text-align: center;
  margin: 125px auto;
}
.gray{
  color:#999;
}
.red{
  color:red;
}
.font-40{
font-size: 40px;
}
.font-50{
  font-size: 50px;
  }
.c2 input{
  border: 1px solid #fec30f;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 2rem;
}

.c2 button{
  width: 100%;
  border-radius: 10px;
}

.location{
  /* padding: 3rem; */
  clear: both;
  overflow: hidden;
}

.location img{
  float: left;
  width: 5%;
}

.location p{
  float: left;
  margin-left: 1rem;
}

.call{
  /* padding: 3rem; */
  padding-top: 0;
  clear: both;
  overflow: hidden; 
}

.call img{
  float: left;
  width: 5%;
}

.call p{
  float: left;
  margin-left: 1rem;
  line-height: 35px;
}

.email{
  /* padding: 3rem; */
  padding-top: 0;
  clear: both;
  overflow: hidden;   
}

.email img{
  float: left;
  width: 5%;
}

.email p{
  float: left;
  margin-left: 1rem;
  line-height: 35px;
}

/* contact end */

/*  footer start  */

.footer{
  background-color: #fcf3db;
  width: 100%;
  padding: 4rem;
  padding-left: 10rem;
  height: auto;
  clear: both;
}

.footer1{
  float: left;
}

.footer1 img{
  width: 70%;
}

.footer2{
  float: left;
}

.footer2 p{
  padding-top: 1rem;
  font-size: 16px;
  text-align: justify;
}

.footer3 {
  float: left;
}

.footer3 ul{
  margin-top: 0;
  float: right;

}

.footer3 ul li{
  list-style: none;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  /* width: 20%; */
}

.footer3 ul li a img{
  float: left;
  width:100%;
}

.footercon{
  border-bottom: 1px solid #c3c3c3;
}

.footer-body{
 padding-top: 5px;
 padding-bottom: 5px;
 text-align: center; 
 display: flex;                  
}

.footer-body ul{
  /* margin-left: 25rem; */
  margin: 0 auto;
  padding: 0;
}

.footer-body ul li{
  list-style: none;
  float: left;
  padding: 5px 10px;
  margin: 0 auto;
    display: inline-flex;
}

.footer-body ul li a{
  text-decoration:  none;
  color: #585856;
  font-weight: 500;
  text-transform: capitalize;
}

.copy{
  background-color: #ffc20f;
  text-align: center;
  padding: 1rem;
  font-weight: 600;
  font-size: 1.2rem;
}

/*  footer end  */

.about-banner{
  /* padding: 3rem; */
  /* background-color: #fffdf6; */
  background-image: url(../images/banner.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 80vh;
  padding-top: 50px;

}

/* contact page start */

.dry-friutsfont{
  font-size: 8px;
}

.contact-banner{
  /* padding: 3rem; */
  /* background-color: #fffdf6; */
  background-image: url(../images/conat.png);
  background-position: left;
  background-repeat: no-repeat;
  height: 60vh;

}

.cban{
  padding-top: 100px;
}

.innertitle{
  font-size: 5rem;
  font-weight: 600;
  text-align: center;
  padding-top: 60px;
}



.cban2{
  float: left;
}

.cban2 img{
  width: 100%;
}

.c2 input{
  padding: 5px 20px;
}

/* contact page end */

/* spicepowder start */

.spbanner{
  background-image: url('../images/spice-powder.jpg');
  padding: 3rem;
  width: 100%;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.sp{
  clear: both;
  overflow: hidden;
}

.sp1{
  float: left;
  padding: 6rem;
}

.sp1 p{
  text-align: justify;
}

.sp2{
  float: left;
}

.spiceprod{
  /* background-color: #fcf3db; */
  padding: 3rem;
}

.prodspice{
  clear: both;
  overflow: hidden;
}

.ps1{
  float: left;
}

.ps1 img{
  width: 100%;
}

.ps2{
  float: left;
  padding: 5rem;
}

.copy p{
  margin-bottom: 0px;
}

.ps2 p{
  text-align: justify;
  font-size: 17px;
}

.ps2 ul{
  padding: 0;
}

.ps2 ul li{
  list-style: none;
}

.sprelate{
  background-color: #fffdf6;
  padding: 3rem;
}

.section-title{
  padding: 3rem;
  /* font-family: 'Gabriela', serif; */
  padding-left: 0;

}

.section-title h1{
  font-size: 3rem;
}

.almond-nuts li {
list-style: none;
}
.almond-nuts{
  padding: 0;
  margin: 0;
}
.srp{
  clear: both;
  overflow: hidden;
}

.srp1{
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 31%!important;
}

.srp1 img{
  width: 10%;
}

.srp1 h4{
  /* font-family: 'Gabriela', serif; */
  margin-top: 10px;
}

.srp2{
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 31%!important;
  margin-top: 5rem;
}

.srp2 img{
  width: 10%;
}

.srp2 h4{
  /* font-family: 'Gabriela', serif; */
  margin-top: 10px;
}

.srp3{
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  padding: 15px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 31%!important;
}

.srp3 img{
  width: 10%;
}

.srp3 h4{
  /* font-family: 'Gabriela', serif; */
  margin-top: 10px;
}

.srp a{
  color: #111!important;
}

/* spicepowder end */

/* oils start */

.obanner{
  background-color: #fffdf6;
  padding: 3rem;
  width: 100%;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.op2{
  float: left;
}

.op2 img{
  width: 50%;
}

/* oils end */

/* dry fruits start */

.df1{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 32%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.df2{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 32%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.df3{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 32%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.df4{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 32%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* dry fruits end */

/* masala powders start */

.mp1{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 23%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mp2{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 23%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mp3{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 23%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

.mp4{
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  padding: 8px;
  border-radius: 10px;
  background-color: #fff8e5;
  border: 2px solid #ffeebe;
  width: 23%!important;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* masala powders end */
.mango50{
  margin-top: 50px;
}









.bg-visonsaas{
  background-image: url(../images/pexels-negative-space.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  position: relative;
}


.second-text{
font-size: 15px;
line-height: 22.45px;
letter-spacing: 0.03em;
text-transform: capitalize;
color: #595959;
font-weight: normal;
font-style: normal;
}




.rectangle1{
  position: absolute;
  width: 506px;
  height: 1359.74px;
  right: 0px;
  border-radius: 253px;
  top: 500px;
  z-index: 1;
}
.rectangle2{
  position: absolute;
  width: 506px;
  height: 1359.74px;
  right: 0px;
  border-radius: 253px;
  top: 695px;
  z-index: 2;
}
.divimg1{
position:absolute;
z-index: 3;
right: 100px;

}
.divimg11{
  position:absolute;
  z-index: 3;
  right: 100px;
  
  }
.divimg2{
  position: absolute;
  /* width: 229px; */
  z-index: 4;
  background: #fff;
  right: -32px;
  border-radius: 5px;
  top: 20%;
  box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
  padding: 10px 10px 10px 30px;
  }
  .divimg3{
    position: absolute;
    z-index: 4;
    left: -10px;
    /* border-radius: 5px; */
    top: 23%;
    /* box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 25%); */
    background: #FBFBFB;
    padding: 0 15px 0 0;
    }
    .divimg4{
      position: absolute;
    z-index: 4;
    left: -25px;
    border-radius: 2px;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
    background: #fff;
    padding: 0 15px 0 0;
    top: 50%;
    width: 100px;
      }
      .divimg5{
        position: absolute;
        z-index: 4;
        right: -20px;
        border-radius: 2px;
        box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
        background: #fff;
        padding: 0 15px 0 0;
        bottom: 5px;
        width: 100px;
        }
      .divimg4 span,.divimg5 span{
        font-size: 10px;
      }
.sec1{
  position: relative;
}
.text2{
  font-family: Inter;
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 36px;
text-transform: capitalize;
background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
.text3{
  font-family: Inter;
font-style: normal;
font-weight: 300;
font-size: 20px;
line-height: 177.19%;
text-transform: capitalize;
color: #595959;
}

.btn1{
  justify-content: space-around;
  position: absolute;
  width: 190px;
  height: 56px;
  border: 1px solid #595959;
  box-sizing: border-box;
  border-radius: 4px;
  text-decoration: none;
  color: #595959;
  margin-top: 20px;
  font-family: Inter;
  font-size: 15px;
  padding: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0em;
  text-align: center;

}

.sec2bg1{
background-image: url(../images/4.png);
background-position: left;
background-repeat: no-repeat;

}




.bgrect{
  background: url(../images/6.png),rgba(255, 255, 255, 1);
  background-position: left;
  background-repeat: no-repeat;
   height: 600px;
   background-size: contain;
 position: relative;
 padding: 100px 20px;
}
.sec3img1{
  position: relative;
  z-index: 1;
margin: 0 auto;
  padding: 50px;
  }

  .divimg6{
    position: absolute;
    z-index: 4;
    left: 0;
    border-radius: 2px;
    box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
    background: #fff;
    padding: 5px 15px 5px 0;
    width: 154px;
    right: 0;
    top: 40px;
    margin: 0 auto;
    }
    
    .divimg6 span,.divimg7 span{
      font-size: 15px;
      font-weight: 500;
    }
    .divimg7{
      position: absolute;
      z-index: 4;
      border-radius: 2px;
      box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
      background: #fff;
      padding: 5px 15px 5px 0;
      width: 154px;
      right: -30px;
      bottom: 92px;
      }

      .rectangle3{
        position: absolute;
        width: 506px;
        /* height: 1359.74px; */
        left: 180px;
        border-radius: 253px;
       margin-top: 155px;
        z-index: 1;
      }
      .sec3img2{

        position: absolute;
        top: 167px;
        right: 0;
        height: 75px;
        /* width: 400px; */
        /* margin: auto 0; */
        background: #fff;
        padding-left: 52px;
        /* box-shadow: 1px 0px 0px 0px rgb(0 0 0 / 10%); */
        box-shadow: 2px 0px 2px -1px rgb(0 0 0 / 25%);
      }
      .sec3img2 img{
        height: inherit;
      }
      .divpad{
        padding-left: 120px;
        padding-top: 120px;

      }

      
      .divimg8 {
        position: absolute;
        z-index: 4;
        /* left: -25px; */
        border-radius: 2px;
        box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
        background: #fff;
        padding: 0 15px 0 0;
        top: 35%;
        width: 100px;
        right: -32px;
      }
      .divimg8 span,.divimg9  span{
        font-size: 10px;
        font-weight: 500;
      }
      .divimg9 {
        position: absolute;
        z-index: 4;
        right: 0px;
        border-radius: 2px;
        box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
        background: #fff;
        padding: 0 15px 0 0;
        bottom: 150px;
        /* top: 100px; */
        width: 100px;
    }
      .divimg4 .col-lg-7,.divimg5 .col-lg-7,.divimg6 .col-lg-8,.divimg7 .col-lg-8,.divimg8 .col-lg-7,.divimg9 .col-lg-7{
        padding-left: 5px;
      }
      .divimg4 .col-lg-5,.divimg5 .col-lg-5,.divimg6 .col-lg-4,.divimg7 .col-lg-4,.divimg8 .col-lg-5,.divimg9 .col-lg-5{
        padding-right: 0;
      }
      .rectangle4{
        position: absolute;
        width: 506px;
        /* height: 1359.74px; */
        /* left: 180px; */
        border-radius: 253px;
        margin-top: -120px;
        z-index: 1;
        right: 0;
    }
    .mt-150{
      margin-top: 250px;
    }

    .pad-b-100{
      padding-bottom: 100px;
    }
    .bgrect2{
      background: url(../images/6.png),rgba(255, 255, 255, 1);
      background-position: right;
      background-repeat: no-repeat;
      /* height: 400px; */
      position: relative;
      /* margin-top: 100px; */
    }


    .bgrectlast{
      background: url(../images/6.png),rgba(255, 255, 255, 1);
      background-position: right;
      background-repeat: no-repeat;
    
      position: relative;
      /* margin-top: 100px; */
    }
    .divimg10 {
      position: absolute;
      /* width: 229px; */
      z-index: 4;
      background: #fff;
      right: 0;
      border-radius: 5px;
      top: 10%;
      box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 25%);
  }

  .mobshow{
    display: none;
  }
  .blue{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), linear-gradient(90deg, #3257FF 0%, #00E9C6 103.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .textcap{
    text-transform: uppercase;
  }
  .hgt .card-body{
    height: 400px;
  }
  .footh6 h6{
    font-size: 15px;
  }

  .banner-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .5);
}




.modal-header .btn-close{
  position: absolute;
right: 0;
top: 0;
background-color: #fff;
opacity: 1;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
z-index: 9999;
}
.defaultmodals .modal-header,.defaultmodals .modal-body{
  padding: 0px!important;
  border: 0px!important;
}
.defaultmodals .modal-content{
  background-color: transparent!important;
  border: none!important;
}
.defaultmodals .modal-body video{
  border-radius: 15px;
}

.modal-images .modal-header .btn-close{
  position: absolute;
right: 0;
top: 0;
background-color: #fff;
opacity: 1;
border-radius: 50%;
box-shadow: 0px 0px 10px rgba(0,0,0,0.8);
z-index: 9999;
}
.modal-images .modal-header,.modal-images .modal-body{
  padding: 0px!important;
  border: 0px!important;
}
.registerbutton{
  display: block;
  text-decoration: none;
  border-radius: 0px!important;
  font-size: 20px;
}