:root {
  --white: #ffffff;
  --black: #000000;
  --green: #0C7735;
  --yellow: #FDD61F;
  --blackk: #292D32;
}
:root {
  --pri-font: "Averia Sans Libre", sans-serif;
  --sec-font: "Mulish", sans-serif;
}
@import url('https://fonts.googleapis.com/css2?family=var(--pri-font)&family=Kumbh+Sans:wght@100..900&family=Mansalva&display=swap');

/*-------------- Owl crousel ---------------*/
.owl-carousel .owl-item img {
  width: auto;
  margin: 0 auto;
  width: auto;
}
body.home{
  background-color: #fff;
}
/* SLIDER */
#slider {
  position: relative;
  padding: 0px;
}
#slider .slider-main-image img{
  width: 100%;
  height: 800px;
}
#slider .carousel-caption{
  top: 25%;
  bottom: 0;
  height: min-content;
}
#slider h1{
  color: #fff;
  font: 700 60px / 80px var(--pri-font);
  text-transform: capitalize;
  width: fit-content;
  animation: fade-in 2s linear infinite;
  -webkit-animation: fade-in 2s linear infinite;
}
#slider .slide-small-heading {
  font: 400 20px / 25px var(--sec-font);
  color: var(--yellow);
  margin: 0;
  position: relative;
  width: fit-content;
}
#slider .slide-small-heading:after {
  content: '';
  width: 100%;
  height: 1px;
  background: var(--yellow);
  position: absolute;
  bottom: 4px;
  left: 0;
}
#slider .slider-para{
  font: 400 18px / 25px var(--sec-font);
  width: 70%;
  color: var(--white);
}
#slider .slider-btn{
  font: 600 15px / 20px Mulish;
  letter-spacing: 0.50px;
  color: #000;
  background: #fff;
  padding: 13px 5px 13px 8px;
  border-radius: 10px;
  /* border: 2px solid #fff; */
}
#slider .btn-icon {
  background: #000;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
}
#slider .carousel-control-prev {
  top: auto;
  bottom: 5px;
}
#slider .carousel-control-next {
  top: 6%;
}
#slider .carousel-control-next{
  background: #000;
}
#slider .carousel-control-prev {
  background: var(--green);
}
#slider .carousel-control-next,#slider .carousel-control-prev {
  width: 42px;
  height: 40px;
  opacity: 1;
  left: 16%;
  border-radius: 8px !important;
}
#slider .carousel-control-prev:hover{
  background: #000;
}
#slider .carousel-control-next:hover{
  background: var(--green);
}
#slide_splice_head1,#slide_splice_head2,#slide_splice_head3{
  position: relative;
  z-index: 3;
}
#slide_splice_head1 .last_slide_head ,#slide_splice_head2 .last_slide_head,#slide_splice_head3 .last_slide_head {
  position: relative;
  z-index: 1;
  color: var(--black);
}
#slide_splice_head1 .last_slide_head:after,#slide_splice_head2 .last_slide_head:after,#slide_splice_head3 .last_slide_head:after{
  /*background: var(--yellow);*/
  position: absolute;
  padding: 0px 8px;
  border-radius: 10px;
  content: '';
  top: 14px;
  height: 50px;
  width: 100%;
  left: 0;
  z-index: -1;
}
#slide_splice_head1:after ,#slide_splice_head2:after,#slide_splice_head3:after{
  /*background: var(--green);*/
  border-radius: 10px;
  content: '';
  width: 103%;
  height: 70px;
  position: absolute;
  top: 5px;
  bottom: 0;
  left: -8px;
  z-index: -1;
}
.carousel-control-nav-box{
  position: relative;
  left: -8%;
  background: #fff;
  width: 6%;
  height: 100px;
  z-index: 1;
  border-radius: 15px;
  transform: translateY(-19em);
}
.nav-image-box{
  position: absolute;
  bottom: 5px;
  left: 8px;
  display: none;
}
.nav-image-box img{
  object-fit: contain;
  position: relative;
  z-index: 1;
}
.nav-image-box:after {
  content: '';
  width: 66px;
  height: 60px;
  background: #dbb8b8;
  position: absolute;
  bottom: 0;
  left: -3px;
  border-radius: 10px;
  z-index: 0;
}

/* slider banner */
/*#Banner_slider {*/
/*  margin-top: -6%;*/
/*}*/

.banner-img-box{
  width: 75px !important;
  height: 75px;
  background: var(--green);
  border-radius: 50%;
  position: relative;
}
.banner-img-box:after {
  content: '';
  position: absolute;
  width: 110%;
  height: 110%;
  background: transparent;
  border: 2px dashed var(--green);
  color: var(--green);
  top: -4px;
  left: -4px;
  padding: 12px;
  border-radius: 50px;
  /*animation: spin 10s linear infinite;*/
}
.banner-img-box img{
  width: 70px !important;
  height: 70px !important;
  object-fit: cover;
}
#Banner_slider .icon-img{
  display: none;
  border-radius: 50%;
  border: 6px solid #FFF;
}
.banner-title-box .banner-text{
  color: #565656;
  font: 400 15px / 24px var(--sec-font);
  align-self: end;
}
.banner-count{
  opacity: 10%;
  font-size: 40px;
  font-weight: 700;
  font-family: Poppins;
  align-self: end;
  margin-bottom: 5px;
}
.slider-banner-box{
  position: relative;
  z-index: 1;
  padding: 35px;
  margin: 2px;
}
.slider-banner-box{
  background: #fff;
  padding: 30px;
  box-shadow: 0px 0px 5px 0px #bcbcbc;
  border-radius: 50px;
  min-height: 400px;
}
.owl-dots.disabled {
    padding: 0;
}
/*.slider-banner-box:after {
  display: block;
  content: '';
  width: 100%;
  height: 240px;
  background: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 50px;
  z-index: -1;
  padding: 20px;
  box-shadow: 0px 0px 5px 0px #bcbcbc;
}*/
/* gallery */
#our-Gallery .container{
  position: relative;
  z-index: 1;
}
.main-grid{
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 200px);
  gap: 15px;
}
.grid-items.magnific-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
  position: relative;
}
.grid-items.magnific-img:nth-child(1){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.grid-items.magnific-img:nth-child(2){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 3;
  grid-column-end: 4;
  position: relative;
}
.grid-items.magnific-img:nth-child(3){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 3;
  grid-column-end: 4;
  position: relative;
}
.grid-items.magnific-img:nth-child(4){
  grid-row-start: 1;
  grid-row-end: 3;
  grid-column-start: 4;
  grid-column-end: 5;
  position: relative;
}
.grid-items.magnific-img:nth-child(5){
  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 5;
  grid-column-end: 7;
  position: relative;
}
.grid-items.magnific-img:nth-child(6){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 5;
  grid-column-end: 6;
  position: relative;
}
.grid-items.magnific-img:nth-child(7){
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 6;
  grid-column-end: 7;
  position: relative;
}
.image-popup-vertical-fit{
  /* position: relative; */
}
.image-popup-vertical-fit i{
  display: none;
}
.image-popup-vertical-fit:hover::after {
  content: '';
  background: #000;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
}
.image-popup-vertical-fit:hover i {
  height: fit-content;
  border-radius: 8px;
  display: block;
  position: absolute;
  top: 0%;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 22px;
  z-index: 1;
}
.image-popup-vertical-fit:hover::after{
  content: '';
  background: var(--green);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  border-radius: 12px;
}
.gallery-leaf-image-box{
  position: absolute;
  width: 55%;
  left: 0;
  top: 0;
  z-index: 0;
  height: 850px;
  animation: shake 20s ease infinite;
}
.gallery-leaf-image-box img{
  height: 100%;
  width: 100%;
}
/* projects */
#project .owl-carousel .owl-stage{
  padding-left: 0px !important
}
#project .owl-item.active img{
  border-radius: 30px 0px 0px 30px;
}
#project .owl-item img{
  border-radius: 0px 30px 30px 0px;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: right;
}
#project .owl-item:nth-child(2) .project-active-inner-box{
  /* display: none; */
}
#project .owl-item .project-image{
  width: 400px;
  height: 750px;
}
#project .owl-item.active .project-image{
  width: 100%;
  height: 750px;
}
#project .project-active-inner-box{
  width: 40%;
  background: #fff;
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 30px;
  border-radius: 30px;
}
#project .owl-nav{
  display: block !important;
  position: absolute;
  bottom: 0;
  right: 23%;
  width: fit-content;
  height: 92%;
  border-radius: 250px 250px 0px 0px;
  z-index: 0;
}
#project .owl-item.active .project-image{
  position: relative;
}
#project .owl-item.active .project-image:after {
  content: '';
  width: 19%;
  position: absolute;
  right: 0px;
  z-index: 0;
  bottom: 0;
  background: var(--green);
  height: 700px;
  border-radius: 250px 250px 0px 0px;
}
#project .owl-prev{
  background: var(--yellow) !important;
}
#project .owl-next{
  background: var(--black) !important;
  left: 38% !important;
}
#project .owl-prev i{
  color: #000;
}
#project .owl-next i{
  color: #fff;
}
#project .owl-prev,#project .owl-next{
  width: 42px;
  height: 40px;
  opacity: 1;
  border-radius: 8px !important;
  border: none !important;
  position: relative;
  top: 10%;
  left: 35%;
}
#project .owl-nav i{
  width: 42px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
}
.slide-info .active-slide{
  font: 700 50px / 60px var(--pri-font);
}
.slide-info{
  position: absolute;
  right: 21%;
  bottom: 38%;
  z-index: 1;
  width: fit-content !important;
  color: var(--white);
  font: 600 22px/30px var(--sec-font);
}
/* counter */
#Counter_sec .counter-img {
  background: var(--green);
  padding: 10px;
  border-radius: 10px;
  width: auto;
}
.counter-content-box h3{
  font: 700 32px / 40px var(--pri-font);
}
.counter-inner-box{
  border: 1px solid var(--black);
  padding: 40px 20px;
  border-radius: 15px;
}
.counter-inner-box:hover{
  background: var(--yellow);
}
.counter-main-box .owl-item.active:nth-child(2) .counter-inner-box, .counter-main-box .owl-item.active:nth-child(3) .counter-inner-box, .counter-main-box .owl-item.active:nth-child(4) .counter-inner-box {
  border-left: 0px !important;
}
.counter-content-box p{
  color: #565656;
  font: 400 17px / 24px var(--sec-font);
}
.counter-right-img-box{
  width: fit-content;
  position: absolute;
  bottom: 0;
  right: 15%;
  animation: pulse 10s infinite ease-in-out alternate;
}
.counter-leaf-image-box {
  position: absolute;
  top: -22%;
  width: 25%;
  animation: pulse 6s infinite ease-in-out alternate;
}
#Counter_sec .container{
  position: relative;
  z-index: 1;
}

/* our process */
.process-head-content-box{
  position: relative;
  z-index: 9;
}
.process-inner-box{
  padding: 35px;
}
.process-img{
  width: 55px !important;
  height: 70px;
  object-fit: contain;
  background: var(--yellow);
  padding: 10px 10px;
  border-radius: 10px;
  margin: unset !important;
}
.process-content-box p{
  color: #565656;
  font: 400 15px / 25px var(--sec-font);
  padding-top: 10px;
  position: relative;
}
.process-count{
  opacity: 10%;
  font-size: 60px;
  font-weight: 700;
  font-family: Poppins;
  align-self: center;
  margin-bottom: 5px;
}
.process-hover-img{
  position: absolute;
  top: 0;
  z-index: -1;
  height: 100%;
  left: 0;
  right: 0;
  border-radius: 0px 50px 50px 50px;
  object-fit: cover;
  object-position: top;
}
.process-svg-box{
  position: absolute;
  top: 0;
}
#Our_process .owl-carousel .owl-stage {
  padding-top: 25%;
  padding-bottom: 5%;
}
.process-main-box{
  margin-top: -20% !important;
}
.process-main-box .owl-item.active:nth-child(2){
  position: relative;
  top: 130px;
}
.process-main-box .owl-item.active:nth-child(3){
  position: relative;
  bottom: 50px;
}
.process-main-box .owl-item.active:nth-child(4){
  position: relative;
  bottom: 200px;
}

.process-hover-img{
  display: none !important;
}
.process-main-box .owl-item.active:hover .process-inner-box:after,.process-main-box .owl-item.active:hover .process-hover-img{
  display: block !important;
}
/*.process-main-box .owl-item.active:hover .process-content-box h4,.process-main-box .owl-item.active:hover .process-content-box p,.process-main-box .owl-item.active:hover .process-box .process-count{*/
/*  color: #fff;*/
/*}*/
.process-main-box .owl-item.active:hover .process-count{
  opacity: 20%;
}
.process-right-img-box{
  width: fit-content;
  position: absolute;
  right: 0;
  bottom: 11%;
  animation: shake 20s ease infinite;
}
/* why choose us */
.why-choose-head-content-box {
  background: var(--green);
  padding: 10%;
  border-radius: 50px;
}
.why-choose-head-content-box .why-choose-para{
  font: 400 18px / 25px var(--sec-font);
  color: #fff;
  width: 80%;
}
.why-choose-btn.btn{
  font: 700 15px / 20px Mulish;
  letter-spacing: 0.50px;
  color: #000;
  background: #fff;
  padding: 13px 5px 13px 8px;
  border-radius: 12px;
}
.why-choose-btn .btn-icon {
  background: #000;
  color: #fff;
  font-size: 14px;
  padding: 8px 10px;
  border-radius: 6px;
}
.why-choose-small-head{
  color: var(--yellow);
  font: 400 16px / 20px var(--sec-font);
}
.why-choose-head-content-box h5{
  color: #fff;
  font: 700 28px / 40px var(--pri-font);
}
.why-choose-img-box img{
  width: auto;
  background: var(--yellow);
  border-radius: 10px;
  padding: 15px 15px;
}
.why-choose-grid-box{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, 100px);
  gap: 30px;
  padding: 6% 0% 8% 0%;
}
.why-choose-head-content-box{
  grid-row-start: 1;
  grid-row-end: 4;
  grid-column-start: 1;
  grid-column-end: 2;
  position: relative;
  width: 102%;
  height: 100%;
}
.why-choose-content-box:nth-child(2){
  grid-row-start: 3;
  grid-row-end: 4;
  grid-column-start: 2;
  grid-column-end: 3;
}
.why-choose-content-box:nth-child(3){
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 1;
  grid-column-end: 2;
  position: relative;
  background: #EAEAEA;
}
.why-choose-content-box:nth-child(4){
  grid-row-start: 4;
  grid-row-end: 5;
  grid-column-start: 2;
  grid-column-end: 3;
}
.why-choose-title{
  font: 700 20px / 25px var(--pri-font);
}
.why-choose-para{
  color: #565656;
  font: 400 16px / 20px var(--sec-font);
}
.why-choose-content-box{
  align-self: center;
  background: #fff;
  padding: 15px;
  border-radius: 15px;
}
.why-choose-left-image img{
  height: 100%;
}
.why-choose-left-image{
  position: absolute;
  top: 13%;
  z-index: -1;
  width: auto;
  height: 70%;
  animation: pulse 6s infinite ease-in-out alternate;
}
.why-choose-right-image{
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  width: 55%;
}
.why-choose-right-image img{
  width: 100%;
  height: 100%;
}
#why-choose{
  margin-top: -6%;
}
/* partner */
.patnerimage-box img{
  height: 120px;
  border: 1px solid var(--green);
  padding: 20px;
  border-radius: 20px;
  background: #EAEAEA;
  object-fit: contain;
}
.patner-image:hover img{
  background: var(--yellow);
}

/* team */
#our-team .team-image img{
  border-radius: 15px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#our-team .team-content p{
  color: #565656;
}
#our-team .detail {
  background: #fff;
  border-radius: 15px;
  padding: 10px;
  box-shadow: 0px 0px 4px 0px #d4d4d4;
  margin-bottom: 10px;
}
#our-team .teambox{
  position: relative;
  z-index: 0;
  margin: 3px;
}
#our-team .owl-item.active:hover .team-designation-box{
  display: none;
}
#our-team .owl-item.active:hover .team-image{
  height: 575px;
}
#our-team .owl-item.active:hover .team-hover-content h4{
  font: 700 26px / 40px var(--pri-font);
  color: #fff;
}
#our-team .owl-item.active:hover .team-hover-content p{
  font: 400 20px / 30px var(--sec-font);
}
#our-team .owl-item.active:hover .team-hover-content h4,#our-team .owl-item.active:hover .team-hover-content p{
  color: #fff;
}
#our-team .owl-item.active:hover .team-hover-content {
  display: block !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  padding: 35px;
}
#our-team .owl-item .team-image{
  position: relative;
  height: 500px;
}
#our-team .owl-item.active:hover .team-image:after {
  content: "";
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: var(--green);
  transition: 0.2s ease-in-out;
  border-radius: 8px;
  opacity: 0.9;
}
.team-social-icon-box-main{
  width: 80%;
  margin: auto;
}
.team-social-icon-box-main i{
  background: #fff;
  color: #000;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 50px;
  font-size: 18px;
  /* animation: tada 4s linear infinite; */
}
.team-social-icon-box-main .fa-share-alt{
  background: #fff;
  color: #000;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 50px;
  font-size: 25px;
}
.team-social-icon-box-main i:hover{
  background: var(--yellow);
}
.team-social-icon-box-main p{
  align-self: center;
}
.team-right-image{
  width: fit-content;
  right: 0;
  position: absolute;
  bottom: 9%;
  z-index: -1;
  animation: pulse 20s infinite ease-in-out alternate;
}
/* testimonial */
.testimonial-image img{
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.testimonial-active-image img{
  border-radius: 50%;
  border: 4px solid #fff;
  width: 200px;
  height: 100%;
}
.testimonial-vertical-box.slick-slide.slick-active .testimonial-image-box img,.testimonial-vertical-box.slick-slide.slick-active .testimonial-image-box img{
  position: relative;
  left: 28px;
}
.testimonial-vertical-box.slick-slide.slick-current.slick-active.slick-center .testimonial-image-box img{
  left: 0px;
}
.testimonial-vertical-box:nth-child(2) .testimonial-image-box{
  margin: 10% 0px;
}
.testimonial-active-inner-box {
  background: #fff;
  padding: 5% 5% 5% 5%;
  border-radius: 35px;
  position: relative;
  left: 10%;
  width: 90%;
}
.testimonial-active-image{
  width: fit-content;
  position: absolute;
  top: 15%;
  bottom: 0;
  height: fit-content;
  left: -10%;
}
.testimonial-active-text{
  font: 400 15px / 24px var(--sec-font);
  color: #565656;
  letter-spacing: 1px;
}
.testimonial-active-name p{
  color: #787878;
  font: 500 14px / 25px var(--sec-font);
}
.testimonial-nav-box{
  height: 280px;
  border-radius: 15px;
  background: #fff;
  position: relative;
  padding: 0;
  box-shadow: inset #aaa8a8 10px 10px 10px 0px;
}
.testimonial-arrow{
  width: fit-content;
  position: absolute;
  bottom: 2px;
  left: 0;
  right: 0;
  margin: auto;
}
.slider.slider-for .fa-arrow-left{
  background: #000;
  width: 42px;
  height: 40px;
  opacity: 1;
  border-radius: 8px !important;
  color: #fff;
  line-height: 42px;
  text-align: center;
  position: absolute;
  right: -9%;
  z-index: 1;
  top: 26%;
}
.slider.slider-for .fa-arrow-right{
  background: #000;
  width: 42px;
  height: 40px;
  opacity: 1;
  border-radius: 8px !important;
  color: #fff;
  line-height: 42px;
  text-align: center;
  position: absolute;
  right: -9%;
  z-index: 1;
  top: 9%;
}
.testimonial-vertical-box.slick-slide.slick-current.slick-active.slick-center .testimonial-image{
  position: relative;
}
.testimonial-vertical-box.slick-slide.slick-current.slick-active.slick-center .testimonial-image:after {
  content: "";
  width: 80px;
  height: 80px;
  z-index: 7;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--green);
  transition: 0.2s ease-in-out;
  border-radius: 8px;
  opacity: 0.8;
  border-radius: 50px;
}
.slick-vertical .slick-slide.slick-current.slick-active{
  /* padding: 10px 0px; */
}
.slider-nav .slick-track{
  top: -20px !important;
}