/* == bootstrap == */
@import url("../bootstrap/css/bootstrap.min.css");

/* == owl.carousel == */
@import url("plugins/owl.carousel.min.css");
@import url("plugins/owl.theme.default.min.css");

/* == animate css == */
@import url("plugins/animate.min.css");

/* == themify icons ==*/
@import url("plugins/themify-icons.css");
/*fontawesome icons*/
@import url("plugins/all.min.css");

/* == magnific-popup gallery  == */
@import url("plugins/magnific-popup.css");

/* == BeforeAfter == */
@import url("plugins/before-after.css");

/* == Vegas Slider == */
@import url("plugins/vegas.slider.min.css");


.light{
  background: #fff;
  color: #D43370;
}
.tdnn {
  margin: 0 auto;
  /*change size of toggle with font-size*/
  font-size: 30%;
     margin-top: 1.3em;
    position: relative;
    height: 6em;
    width: 15em;
    border-radius: 16em;
  transition: all 500ms ease-in-out;
  background: #423966;
}
.day{
  background: #FFBF71;
}
.moon {
  position: absolute;
  display: block;
  border-radius: 50%;
  transition: all 400ms ease-in-out;
  
  top: 1em;
  left: 1em;
  transform: rotate(-75deg);
  width: 4em;
  height: 4em;
  background: #423966;
 box-shadow: 
  1.2em 1em 0 0em #D9FBFF inset,
  rgba(255, 255, 255, 0.1) 0em -2.8em 0 -1.8em,
  rgba(255, 255, 255, 0.1) 1.2em 2.8em 0 -1.8em,
  rgba(255, 255, 255, 0.1) 0.8em 5.2em 0 -1.6em,
  rgba(255, 255, 255, 0.1) 2.4em 0.8em 0 -1.64em,
  rgba(255, 255, 255, 0.1) 3.2em 3.2em 0 -1.8em,
  rgba(255, 255, 255, 0.1) 2.4em 5.2em 0 -1.8em,
  rgba(255, 255, 255, 0.1) -1.6em 2.8em 0 -1.8em,
  rgba(255, 255, 255, 0.1) -0.4em 4em 0 -1.8em;
}
.sun {
      top: 1.5em;
    left: 10em;
  transform: rotate(0deg);
  
  background: #fff;
width: 3em;
height: 3em;
box-shadow:
  1.29em 1.29em 0 2.14em #fff inset,
  0 -2.14em 0 -1.16em #fff,
  1.5em -1.5em 0 -1.29em #fff,
  2.14em 0 0 -1.16em #fff,
  1.5em 1.5em 0 -1.29em #fff,
  0 2.14em 0 -1.16em #fff,
  -1.5em 1.5em 0 -1.29em #fff,
  -2.14em 0 0 -1.16em #fff,
  -1.5em -1.5em 0 -1.29em #fff;

}


.cardimg .card-footer:last-child {
       border-radius: 15px;
}

.cardimg .card-footer {
       padding: 35px 78px 20px 78px;
   width: fit-content;
	margin:0 auto;
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
border: 0px solid rgba(255, 255, 255, 0.3);
}

.cardimg .text-center {
    color: #fff;
}

.cardimg .card-img-overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;   
	flex-direction: column;
}




    .hero-box {
      width: 70%;
     
      margin: auto;
     
    
      transition: all 0.4s ease;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      font-size: 1.5rem;
      transform: scale(0.85);
      transform-origin: top center;
      border-radius: 25px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    }

    
	
	.counter-section {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 100px 20px;
      /* gap: 100px; */
    }

   .counter-section  .counter-box {
      position: relative;
     
      height: 140px;
    }

    .counter-section .number {
      
      font-size: 120px;
      font-weight: 300;
      color: #7a6853;
      opacity: 0.2;
      text-align: left;
	  color: rgba(255, 255, 255, 0);
	      -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #aa8453;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    }

    .counter-section .label {
      position: absolute;
     
      left: 59%; 
      transform: translate(-50%, -50%);
     
      color: #222;
      font-size: 18px;
      font-style: italic;
      font-weight: 400;
      line-height: 1.4;
      text-align: right;
      white-space: pre-line;
      z-index: 2;
    }

.list-sticky .content-sticky {
    position: sticky !important;
}


.list-sticky .content-sticky:nth-child(0) { top: 30px; }
.list-sticky .content-sticky:nth-child(1) { top: 70px; }
.list-sticky .content-sticky:nth-child(2) { top: 110px; }
.list-sticky .content-sticky:nth-child(3) { top: 150px; }
.list-sticky .content-sticky:nth-child(4) { top: 190px; }
.list-sticky .content-sticky:nth-child(5) { top: 230px; }
.list-sticky .content-sticky:nth-child(6) { top: 270px; }
.list-sticky .content-sticky:nth-child(7) { top: 310px; }
.list-sticky .content-sticky:nth-child(8) { top: 350px; }
.list-sticky .content-sticky:nth-child(9) { top: 390px; }
.list-sticky .content-sticky:nth-child(10) { top: 430px; }


.reveal img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transform-origin: left;
}

.reveal {
  visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
 
  overflow: hidden;
}
.scrolltodown span {
	display:block;
	color: #d5d1d1;
}
.scrolltodown{
	position:absolute;
	    top: calc(100vh - 114px);
    z-index: 9;
    left: calc(50% - 68px);
	text-align: center;
}
 .scrolltodown svg {
	 margin-top: 10px;
	 width: 18px;
	 height: 18px;
	 animation: scroll 0.95s ease-in-out alternate infinite;
	 fill: none;
	 stroke: #fff;
	 stroke-linecap: round;
	 stroke-miterlimit: 10;
	 stroke-width: 1;
}
 @keyframes scroll {
	 0% {
		 transform: translateY(0);
	}
	 100% {
		 transform: translateY(10px);
	}
}
 .overflow-hidden {
      overflow: hidden;
    }
	
	.projects .serviceleft-box
	{
		height:400px;
		width:400px;
	}
	.scrollleft-main {
      display: flex;
      height: 100vh;
      align-items: center;
    }

    .serviceleft-box {
      flex: 0 0 auto;
      margin-right: 20px;
    }
	
	
.bgblure{
	background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
	padding-top: 15px;
}
	
	
.numberscrool:hover {
    color: #aa8453;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #aa8453;
	    opacity: .6;
}
.numberscrool {
    color: rgba(255, 255, 255, 0);
  
    font-size: 128px;
    font-style: normal;
    font-weight: 400;
    line-height: 96px;
    position: absolute;
    cursor: pointer;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #aa8453;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
	    top: calc(50% - 63px);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 0;
}
	
.w100hid{
	    width: 100%;
    overflow: hidden;
}
.logo-wrapper.nobg{
	    background: #27272700;
}
.bg-lighgreen img{
	max-width:100px;
}
.bg-lighgreen
{
	color: #ffff;
	background-color:#A0AB81
}
.butn-light a:hover{
	color:#222;
}

.cardimg .card-footer {
	color:#222;
}
.cardimg .card-footer .butn-light a span {
    color: #272727;
}
.cardimg .card-footer .butn-light a:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.serviceleft-box:hover .numberscrool {
    color: #aa8453;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #aa8453;
    opacity: .6;
}
.top110{
	    top: 110px;
}
@media screen and (max-width: 992px) {
	.counter-section {
    gap: unset;
}
.cardimg .butn-light a {
    padding: 6px 20px;
    font-size: 11px;
    letter-spacing: 0px;
}
.cardimg .card-footer h1{
	    font-size: 16px;
}
.cardimg .card-footer .butn-light a span
{
	    font-size: 12px;
}
.cardimg .card-footer {
    padding:13px 15px 0px 15px;
}

.tdnn {
  
    margin-top: 1em;
    width: 13em;
   
}
.sun {
   
    left: 8em;
}
	

    .col.col-custom-5 {
      flex: 0 0 100%;
      max-width: 100%;
    }
  }