@import url('animate.css');

::-moz-selection {
    background: none;
    /* color: #C11A80; */
  }
  
  ::selection {
    background: none;
    /* color: #C11A80; */
  }
  
  * {
        margin: 0px;
        padding: 0px;
        border: none;
        outline: none;
    }
  blockquote,
  ul, 
  ol {
      margin: 0px;
      padding: 0;
  }
  
  ul li, 
  ol li {
      margin-bottom: 0px;
  }
  
  li {
      list-style: none;
  }
  
  /*img {
      vertical-align: middle;
      max-width: 100%;
      border-style: none;
      width: 100%;
  }*/
  
  a{
    text-decoration: none;
    color:unset;
  } 
  i {
      border: none;
  }
  
  button {
      padding: 0;
  }
  
  
  /* 1.1. Helpers */
  .rel-pos {
      position: relative;
  }
  
  .d-block {
      display: block;
  }
  
  .d-flex {
      display: -webkit-box;
          display: -ms-flexbox;
              display: flex;
  }
  
  .d-flex-wrap {
      display: -webkit-box;
          display: -ms-flexbox;
              display: flex;
      -ms-flex-flow: wrap;
          flex-flow: wrap;
  }
  
  .flex-center {
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
  }
  html,body{
    overflow-x: hidden !important;
  }
body{
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;

}
body p{
    font-size:14px;
    letter-spacing: 0.2px;
}
:root{
    --shadow:rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    --shadow-white:rgba(255s, 255, 255, 0.25) 0px 54px 55px, rgba(255, 255, 255, 0.12) 0px -12px 30px, rgba(255, 255, 255, 0.12) 0px 4px 6px, rgba(255, 255, 255, 0.17) 0px 12px 13px, rgba(255, 255, 255, 0.09) 0px -3px 5px;
}
header .sub-header{
    height: 35px;
    /* background-color: #A37430; */
    background-color: #ac7e35;
    line-height: 35px;
}
header .sub-header span{
    color: #ffffffe0;
    font-size:14px;
}
header .sub-header .social_links ul li {
	display: inline-block;
    margin: 5px 5px;
}
header .sub-header .social_links ul li:hover a{
    color: #000;
    background: #ffffffe0;
    cursor: pointer;
  }
header .sub-header .social_links ul li a, footer .footer_widget .social_links ul li a {
    display: flex;
	font-size: 8px;
    height: 24px;
    width: 24px;
    color: #ffffffe0;
    border: 2px solid #ffffffe0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all ease 0.3s;
    text-decoration: none;
}

footer .footer_widget .social_links ul li a{
  width: 32px;
  height: 32px;
}

footer .footer_widget .social_links ul li:hover a {
    color: #000;
    background: #ffffffe0;
    cursor: pointer;
}

header .main-header nav{
    background-color: #000;
}
header .main-header nav .navbar-brand{
    max-width: 7%;
    margin: 0 5%;
}
header .main-header nav .navbar-nav{
    justify-content: center;
}
header .main-header nav .navbar-nav .nav-item{
    padding: 34px 0;
    line-height:27px;
}
header .main-header nav .navbar-nav li .nav-link.active,
header .main-header nav .navbar-nav li:hover .nav-link{
    color: #ac7e35;
    border-color: #fff;
}
header .main-header nav .navbar-nav li .nav-link{
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffffe0;
    letter-spacing: 1px;
}
header .main-header nav .navbar-nav li:first-child .nav-link,
header .main-header nav .navbar-nav li:nth-child(2) .nav-link,
header .main-header nav .navbar-nav li:nth-child(5) .nav-link,
header .main-header nav .navbar-nav li:nth-child(6) .nav-link{
    border-right: 2px solid #ffffffe0;
    padding: 0 30px;
    margin: 0;
}
header .main-header nav .navbar-nav li:last-child .nav-link,
header .main-header nav .navbar-nav li:nth-child(3) .nav-link{
    padding: 0 30px;
    margin: 0;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: center;
}
.m-nav-brand{
    display: none;
}
header .main-header nav .navbar-nav .dropdown .dropdown-menu {
    top:100%;
    border-radius: unset;
    background-color: #000;
    border: 0;
    --bs-dropdown-box-shadow: none;
    padding: 10px;
    text-align: center;
}
header .main-header nav .navbar-nav .dropdown .dropdown-menu li{
    padding: 15px 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
header .main-header nav .navbar-nav .dropdown .dropdown-menu li:last-child{
    border-bottom: 0;
}
header .main-header nav .navbar-nav .dropdown .dropdown-menu li .dropdown-item{
    padding: 0;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

header .main-header nav .navbar-nav .dropdown:hover > .dropdown-menu, .dropdown-menu:hover{
    display: block;
    margin-top: 0;
}
 .dropdown-item:hover, .dropdown-item.active{
    color: #ac7e35;
    background-color: transparent;
}
.dropdown_menu-3 .dropdown_item-1 {
    transform-origin: top center;
    animation: rotateZ 300ms 60ms ease-in-out forwards;
  }
  .dropdown_menu-3 .dropdown_item-2 {
    transform-origin: top center;
    animation: rotateZ 300ms 120ms ease-in-out forwards;
  }
  .dropdown_menu-3 .dropdown_item-3 {
    transform-origin: top center;
    animation: rotateZ 300ms 180ms ease-in-out forwards;
  }
  @-moz-keyframes rotateZ {
    0% {
      opacity: 0;
      transform: translateZ(290px);
    }
    80% {
      transform: translateZ(10px);
    }
    100% {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  @-webkit-keyframes rotateZ {
    0% {
      opacity: 0;
      transform: translateZ(290px);
    }
    80% {
      transform: translateZ(10px);
    }
    100% {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  @-o-keyframes rotateZ {
    0% {
      opacity: 0;
      transform: translateZ(290px);
    }
    80% {
      transform: translateZ(10px);
    }
    100% {
      opacity: 1;
      transform: translateZ(0);
    }
  }
  @keyframes rotateZ {
    0% {
      opacity: 0;
      transform: translateZ(290px);
    }
    80% {
      transform: translateZ(10px);
    }
    100% {
      opacity: 1;
      transform: translateZ(0);
    }
  }
header .main-header.sticky {
	box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);
	position: fixed;
	width: 100%;
	top: -70px;
	left: 0;
	right: 0;
	z-index: 99;
	transform: translateY(70px);
	transition: transform 500ms ease, background 500ms ease;
	-webkit-transition: transform 500ms ease, background 500ms ease;
	box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.1);
	padding: 0px 150px;
	background: rgba(0,0,0,1);
}

@media (max-width: 767px) {
  .navbar-toggler{
    border: 0;
  }
	header .main-header.sticky {
		padding: 0px 10px;
	}
  header .main-header nav .navbar-nav .nav-item{
    padding: 10px 0;
  }
    #counters .col-md-10 .col-md-3{
        padding: 0 15px;
    }
    #section-two .service-content{
        display: inherit !important;
    }
    #section-two .service-content .card{
        width: 100% !important;
    }
    #section-two .service-content .card .card-content{
        border-right: 0 !important;
    }
    .mob-px-60{
        padding: 0 60px !important;
    }
    .mob-px-4{
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
    .mob-ms-0{
      margin-left: 0 !important;
    }
    .mob-mb-5{
      margin-bottom: 3rem !important;
    }
    .page-title1 .page-content{
      text-align: center;
    }
    .page-title1 .page-content .sec-title h4:before{
      right: 0 !important;
    }
    .page-title1 .page-content img{
      position: relative !important;
      top: unset !important;
      left: unset !important;
    }
    .page-title1 .page-content .col-md-4.ps-0
    {
      padding-left: calc(var(--bs-gutter-x)* .5) !important;
    }
    #our-projects .card{
        height:300px !important;
    }
    #our-projects .card .card-back .project-content{
        padding:14px 27px !important;
    }
    .button-group .btn{
        padding: 10px 12px;
    }
    .grid-item{
        width:100% !important;
    }
    .left-content{
        position:relative !important;
    }
    .form-group{
        margin: 0 0 30px 0 !important;
    }
    .mob-center{
        display:flex;
        justify-content:center;
    }
    .mob-text-center{
        text-align:center;
    }
    .mb-30{
        margin-bottom:30px;
    }
    .mob-d-none{
        display:none !important;
    }
    .mob-d-block{
        display:block !important;
    }
    .mob-d-flex{
        display:flex !important;
    }
}



@media (min-width: 768px) and (max-width: 991px) {
	header .main-header.sticky {
		padding: 0px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
	header .main-header.sticky {
		padding: 0px 20px;
	}
}

@media (min-width: 1200px) and (max-width: 1500px) {
	header .main-header.sticky {
		padding: 0px 20px;
	}
}

header .main-header .navbar {
	padding: 0;
}
@media (max-width: 767px) {
    .m-nav-brand{
        display: block;
    }
    .d-nav-brand,header .sub-header{
        display: none;
    }
    header .main-header nav .navbar-brand{
        max-width: 30%;
        margin-left: 5%;

    }
    .navbar-toggler{
        font-size: 1.75rem;
    }
    .navbar-toggler:focus{
        box-shadow: none;
    }
    header .main-header nav .navbar-nav li{
        text-align: center;
        margin: 2% 0;
    }
    header .main-header nav .navbar-nav li .nav-link{
        border-right: 0 !important;
        padding-left: 5px !important;
    }
    #minimal-bootstrap-carousel .carousel-inner .carousel-item .image{
        background-size: cover !important;
    }
    .mob-order-1{
        order: 1;
    }
    .mob-order-2{
        order: 2;
    }
    .mob-order-3{
        order: 3;
    }
    #whychooseus .section-info{
        padding: 60px 20px 0 20px !important;
        text-align: center;
    }
    .three-dot {
        display: inline-block;
        /* font-size: 1em; */
        overflow: hidden;
        position: relative;
        /* line-height: 1.4; */
        max-height: 6em;
        /* text-align: justify; */
        padding-right: 1em;
      }
      /* .three-dot:before {
        content: "...";
        position: absolute;
        right: 10px;
        top: 4.6em;
      } */
      .project-content p{
        font-size: 14px !important;
        padding: 0 12px !important;
      }
      .mob-mt-3{
        margin-top: 1rem !important;
      }
      .mob-mx-3{
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }
      .mob-mx-1{
          margin-left:0.5rem !important;
          margin-right:0.5rem !important;
      }
      .mob-mb-1{
        margin-bottom: 0.5rem !important;
      }
      .mob-mb-3{
        margin-bottom: 1rem !important;
      }
      #our-projects .theme-btn{
        padding: 10px 30px;
      }
      .mob-mt-10p{
        margin-top: 10%;
      }
      .mob-mt-90p{
        margin-top: 90% !important;
      }
      .mob-mt-35p{
        margin-top: 35% !important;
      }
      .mob-mb-35p{
        margin-bottom: 35% !important;
      }
      .mob-ps-15{
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
      }
      .mob-pe-15{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
      }
      #counters .col-md-10 .col-md-3{
        padding-right: calc(var(--bs-gutter-x)* .5) !important;
        padding-left: calc(var(--bs-gutter-x)* .5) !important;
      }
      .mob-px-0{
        padding-right: 0px !important;
        padding-left: 0px !important;
      }
      .mob-py-0{
        padding-top: 0px !important;
        padding-bottom: 0px !important;
      }
      .mob-pt-0{
        padding-top: 0px !important;
      }
      .mob-pb-3{
        padding-bottom: 1rem !important;
      }
      .mob-box-shadow-none{
        box-shadow: none !important;
      }
      .mob-counter{
        box-shadow: 5px 5px 10px;
        margin: 0 10%;
      }
      .counter-text{
        margin: 0 !important;
        padding: 30px 0px;
        text-align: center;
        border-bottom: 1px solid;
        border-right: 0 !important;
      }

      #testimonials .section-space{
        padding-top: 80px !important;
      }
      #testimonials .section-content{
        padding: 30px 0 !important;
      }
      .mob-justify-content-center{
        justify-content: center !important;
      }
      #testimonialContent .carousel-inner .carousel-item{
        padding: 30px 20px 30px !important;
      }
      .carousel-control-next, .carousel-control-prev{
        display: none;
      }
      #our-services .service-content .service-icon{
        left: 28% !important;
      }
      .text-left h4:before{
          margin: 0 auto !important;
      }
      .mob-text-center{
          text-align:center;
      }
      .project-detail .col-md-6:nth-child(1) .page-content2,
      .project-detail .col-md-6:nth-child(2) .page-content2,
      .project-detail .col-md-6:nth-child(3) .page-content2,
      .project-detail .col-md-6:nth-child(4) .page-content2{
          padding:2rem !important;
      }
      .mob-w-40p{
          width:40%;
      }
      .mob-w-60p{
          width:60%;
      }
      .mob-m-auto{
          margin:auto;
      }
}

/*** 

====================================================================
    Main slider
====================================================================

***/

#minimal-bootstrap-carousel {
    margin-top: 0px;
    position: relative;
    /* z-index: 99; */
}

#minimal-bootstrap-carousel .carousel-caption {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0;
    text-align: right;
    text-shadow: none;
}

#minimal-bootstrap-carousel .carousel-caption .container {
    display: table;
    width: 100%;
    height: 90%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

#minimal-bootstrap-carousel .carousel-caption .container .box {
    display: table-cell;
    text-align: left;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-top {
    vertical-align: top;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-bottom {
    vertical-align: bottom;
}

#minimal-bootstrap-carousel .carousel-caption .container .box.valign-middle {
    vertical-align: middle;
}

#minimal-bootstrap-carousel .carousel-caption .container .box .content {
    display: block;
}

#minimal-bootstrap-carousel .carousel-control {
    background: none;
    width: 60px;
    height: 60px;
    font-size: 36px;
    line-height: 56px;
    color: #ac7e35;
    background: transparent;
    visibility: visible !important;
    opacity: 1;
    font-weight: normal;
    margin-top: -20px;
    border: 2px solid rgba(255, 255, 255, .3);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    top: 50%;
    z-index: 99;
    text-shadow: none;
}
/* .carousel-fade .carousel-item{
    height: 100vh;
} */
#minimal-bootstrap-carousel .carousel-control:hover {
    background: #ac7e35;
    border-color: #ac7e35;
    color: #fff;
}

@media (max-width: 667px) {
    #minimal-bootstrap-carousel .carousel-control {
        width: 30px;
        height: 30px;
        font-size: 15px;
        line-height: 25px;
    }
}

#minimal-bootstrap-carousel .carousel-control.left {
    left: 1%;
}

#minimal-bootstrap-carousel .carousel-control.right {
    right: 1%;
}

#minimal-bootstrap-carousel .carousel-control:hover {
    opacity: 1;
}

/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/* fixing slider height */
#minimal-bootstrap-carousel .custom-navigation {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 999;
    margin: 0;
}

#minimal-bootstrap-carousel .custom-navigation,
#minimal-bootstrap-carousel .custom-navigation li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#minimal-bootstrap-carousel .custom-navigation li {
    border: 0;
    border-radius: 0;
    text-indent: 0;
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid #FFFFFF;
    cursor: pointer;
    border-radius: 50%;
}

#minimal-bootstrap-carousel .custom-navigation li+li {
    margin-left: 10px;
}

#minimal-bootstrap-carousel .custom-navigation li.active {
    opacity: 1;
    border-color: #ac7e35;
    background: #ac7e35;
}

#minimal-bootstrap-carousel .carousel-inner .carousel-item {
    height: 100vh;
    width: 100%;
}
#minimal-bootstrap-carousel .carousel-inner .carousel-item .image {
    height: 100%;
    width: 120%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 120%;
    background-color: rgba(0,0,0,0.4);
    background-attachment: fixed;
    /* background-image: linear-gradient(rgba(0,0,0,0.1),rgba(255,255,255,0.1)); */
    background-blend-mode: overlay;
    animation: zoom-out 8s linear infinite;
}
@keyframes zoom-out {
    100% {
        background-size: 100%;
    }
  }
.main-banner-content-two h3 {
    animation-delay: .5s;
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    position: relative;
}

.main-banner-content-two h3:before {
    content: '';
    background: #ac7e35;
    width: 70px;
    height: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.text-center .main-banner-content-two h3:before {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.main-banner-content-two h1 {
    animation-delay: 1s;
    margin: 0;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 60px;
    line-height: 80px;
    text-transform: uppercase;
    margin-top: 25px;
}

.main-banner-content-two p {
    animation-delay: 1.5s;
    margin: 0;
    color: #FFFFFF;
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 1px;
    /* font-weight: 600; */
    margin-top: 5px;
    margin-bottom: 45px;
}

.main-banner-content-two .theme-btn {
    animation-delay: 2s;
    
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.theme-btn {
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #ffffffe0;
    padding: 10px 30px;
    letter-spacing: 0.1em;
    background: #ac7e35;
    border: 2px solid #ac7e35;
    /* border-radius: 3px; */
    text-transform: capitalize;
    /*box-shadow: var(--shadow);*/
    
     /*box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px; */
     box-shadow: 0  17px 10px -10px rgba(0, 0, 0, 0.4);
}
.main-banner-content-two .theme-btn:hover{
    color: rgba(255,255,255, 0.8);
}
.theme-btn:hover {
    color: rgb(0,0,0, 0.8);
    background-color: transparent;
    border: 2px solid #ac7e35;
}

#section-two{
    position: relative;
    z-index: 1;
    /* margin-top: -20%; */
}
#section-two .service-content{
    display: flex;
    margin-top: -140px;
}
#section-two .service-content .card{
    border-radius: 0;
    width: 260px;
    height: 235px;
    padding: 40px 0 30px 20px;
    border: 0;
    background-color: #000;
    display: inline-block;
    cursor: pointer;
    transition: transform .2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
#section-two .service-content .card:hover {
    transform: scale(1.1, 1.1);
    background-color: #ac7e35;
    z-index: 1;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  #section-two .service-content .card:hover .card-icon{
      /*box-shadow: var(--shadow);*/
      /*  -webkit-transform: scale(1.08);*/
      /*  transform: scale(1.08);*/
  }
#section-two .service-content .card:hover .card-content{
    border: 0;
}
#section-two .service-content .card .card-content{
    border-right: 1px solid #ffffffe0;
    padding-right: 20px;
}
#section-two .service-content .card:last-child .card-content{
    border-right: 0;
}
#section-two .service-content .card .card-icon{
    display: flex;
    height: 80px;
    width: 80px;
    color: #ffffffe0;
    border: 3px solid #ffffffe0;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    transition: all ease 0.3s;
    text-decoration: none;
    margin: auto;
-webkit-transition: 0.4s ease;
        transition: 0.4s ease;
}
#section-two .service-content .card .card-icon i{
    font-size: 45px;
}

#section-two .service-content .card h5.card-title{
    text-align: center;
    color: #ffffffe0;
    margin: 20px 0;
    text-transform: uppercase;
}
#section-two .service-content .card .card-text{
    text-align: center;
    color: rgba(255, 255, 255, 0.6);
    font-size: 14px;
}

.sec-title h4 {
    position: relative;
    padding:0;
    color:#ac7e35;
    line-height: 1;
    letter-spacing:0.3px;
    font-size: 30px;
    font-weight: 700;  
    /* text-align:center; */
    text-transform:uppercase;
    margin-bottom:30px;
  }
  .sec-title h4:before {
    content: '';
    width: 60px;
    height: 3px;
    background: #ac7e35;
    position: absolute;
    left: 0px;
    bottom: -10px;
    right:0;  
    margin:0 auto;
  }
  .sec-title h4 span {
    font-weight: 700;
    padding-bottom: 5px;
    color:#2f2f2f
  }
  #whychooseus{
    position: relative;
  }
  #whychooseus .nav-tabs{
    border-bottom: 0;
  }
  .section-space{
    padding-top: 100px;
    padding-bottom: 50px;
  }

  .step-container {
    position: relative;
    text-align: center;
    transform: translateY(-43%);
  }
  .step-circle-1:hover, .step-circle-1.active{
    border-radius: 50%;
    border: 2px solid #ac7e35;
    width: 21px;
    height: 21px;
    padding: 3px;
    background-color: #fff;
  }
.step-circle-1{
    border-radius: 50%;
    border: 2px solid transparent;
    width: 21px;
    height: 21px;
    padding: 2px;
  }
  .step-circle-1:hover .step-circle,.step-circle-1.active .step-circle{
    background-color: #ac7e35;
    width: 11px;
    height: 11px;
  }
  .step-circle-1:hover .step-circle span, .step-circle-1.active .step-circle span{
  color: #ac7e35;
  }
  .step-circle {
    position: relative;
    width:15px;
    height: 15px;
    border-radius: 50%;
    background-color: #000;
    /* border: 2px solid #007bff; */
    line-height: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    cursor: pointer; /* Added cursor pointer */
  }
  .step-circle span{
    position: absolute;
    top: -26px;
    text-transform: uppercase;
  }
  .step-line {
    position: absolute;
    top: 10px;
    left: 4px;
    width:calc(100% - 20px);
    height: 2px;
    background-color: rgba(0,0,0,0.4);
    z-index: -1;
  }

  #whychooseus .section-info{
    /* padding-top: 100px; */
    padding: 60px 0px 0 50px;
  }
  #whychooseus .section-info p{
    font-size: 14px;
    color: rgb(0,0,0, 0.7);
    /* padding: 0 30px; */
  }
  #whychooseus .section-info h4{
    padding-left: 30px;
    font-weight: bold;
  }
  .mb-50{
    margin-bottom: 50px;
  }
  /* #whychooseus .section-info .theme-btn{
    margin-left: 30px;
  } */
  #whychooseus .section-thumb{
        padding-top: 50px;
        position: relative;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        #whychooseus .section-thumb {
            -webkit-justify-content: flex-start;
            -moz-justify-content: flex-start;
            -ms-justify-content: flex-start;
            justify-content: flex-start;
            -ms-flex-pack: flex-start;
            margin-top: 30px;
        }
    }
    @media(max-width: 767.98px){
        #whychooseus .section-thumb .img img{
            max-width: 86% !important;
        }
    }
    #whychooseus .section-thumb .img img {
        position: absolute;
        max-width: 50%;
        cursor: pointer;
    }
    #whychooseus .section-thumb .img.img_1 img {
        z-index: 1;
        right: 0;
    }
    #whychooseus .section-thumb .img.img_2 img {
        top: 100px;
         right: 50px; 
        /* left: -50px; */
    }
    
    #whychooseus .section-thumb:hover .img.img_2 img {
        z-index: 2;
    }

    .owl-slider{
        position: relative;
    }
    /*.owl-overlay{*/
    /*    position: absolute;*/
    /*    top: 0;*/
    /*    bottom: 0;*/
    /*    left: 0;*/
    /*    right: 0;*/
    /*    z-index: 2;*/
        
    /*}*/
    /*.project-content{*/
    /*    display:none;*/
    /*}*/
   .project-content{
        position: absolute;
        top: 10%;
        bottom: 10%;
        left: 10%;
        right: 10%;
        z-index: 3;
        text-align: center;
        border: 2px solid #000;
        background-color: rgba(0,0,0,0.5);
        }
    /*.owl-slider:hover .project-content{*/
    /*    display:block;*/
    /*}*/
    .project-content h4{
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
    .project-content p{
        color:rgba(255, 255, 255, .8) ;
        font-size: 14px;
        padding: 0 30px;
    }
    .owl-nav{
        display: none;
    }
    #our-services .service-content{
        position: relative;
        border: 4px solid #000;
        padding: 30px;
        text-align: center;
        cursor: pointer;
    }
    #our-services .service-content .service-text p{
        font-size:14px;
    }
    #our-services .service-content h4
    {
        font-size:1.494rem
    }
    #our-services .service-content:hover .service-icon .icon-circle{
        box-shadow: var(--shadow);
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }
    #our-services .service-content:hover{
        background-color: rgb(0,0,0, 1);
    }
    #our-services .service-content .service-text h4{
        text-transform: uppercase;
    }
    #our-services .service-content:hover .service-text h4{
        color: #ffffffe0;
    }
    #our-services .service-content:hover .service-text p{
        color: #ffffffe0;
    }
    #our-services .service-content:hover .service-text .theme-btn{
        box-shadow: var(--shadow-white);
    }
    #our-services .service-content .service-text .theme-btn:hover{
        color: #fff;
    }
    .px-20{
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #our-services .service-content .service-icon{
        position: absolute;
        top: -110px;
        left: 36%;
        display: flex;
        height: 150px;
        width: 150px;
        color: #ffffffe0;
        border: 3px solid #ac7e35;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        transition: all ease 0.3s;
        text-decoration: none;
        margin: auto;
        background-color: #ac7e35;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
    }
    .mt-12p{
        margin-top: 12%;
    }
    #our-services .service-content .service-icon .icon-circle{
        width:90px;
        height:90px;
        border:5px solid #fff;
        border-radius: 50%;
        display:flex;
        justify-content:center;
        align-items:center;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
    }
    
    /*#our-services .service-content .service-icon svg{*/
    /*border: 5px solid;*/
    /*border-radius: 50%;*/
    /*color: #fff;*/
    /*font-size: 35px;*/
    /*padding: 20px 15px;*/
    
    /*}*/
    .pb-50{
        padding-bottom: 50px;
    }
    #essenceofearth{
        background-image: url(../images/background/leaf.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
    }
    #testimonials{
        background-image: url(../images/background/leaf.jpg);
        background-attachment: fixed;
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 100vh;
    }
    #essenceofearth .section-content, .section-content{
        background-color: rgba(0, 0, 0, 0.65);
        padding: 60px 0;
        
    }
    #essenceofearth .section-content p, .section-content p{
        font-size:14px;
    }
    #essenceofearth .section-content .theme-btn:hover, #our-projects .project-content .theme-btn:hover{
       color: #fff;
       background-color: #000;
    }
    .shadow-rightbottom{
        box-shadow: 5px 5px 10px;
    }
    .shadow-rightbottom-btn{
      box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  }
    .shadow-leftbottom{
        box-shadow: -5px 10px 10px -1px;
    }
    .counter-text{
        margin: 30px 0px;
        text-align: center;
        border-right: 1px solid;
    }
    #counters .col-md-10 .col-md-3{
        padding: 0;
    }
    #counters .col-md-10 .col-md-3:last-child .counter-text{
        border-right: 0;
        border-bottom: 0;
    }
    .counter-text p{
        margin-bottom: 0;
    }
    .counter-text p.number{
        font-size: 30px;
        padding: 0;
        font-weight: bold;
    }
    .counter-text p.percent:after {
        content: "+";
        padding-left: 5px;
        display: inline-block;
      }
    .counter-text p{
        /* color: rgba(255, 255, 255, 0.8); */
        font-size: 16px;
        margin: 0;
        /* padding: 10px; */
        text-transform: uppercase;
        font-weight: bold;
      }

  #testimonialContent .carousel-inner .carousel-item{
        padding: 30px 150px 70px;
        color: #ffffffe0;
        text-align: center;
      }

      .instragram_area {
        display: block;
        overflow: hidden;
    }
    
    .instragram_area #instafeed .single_instagram {
        width: 20%;
        float: left;
        position: relative;
        overflow: hidden;
    }
    /* .instragram_area .single_instagram{width:20%;float:left;position:relative;overflow:hidden} */
    @media (max-width: 767px) {
        .instragram_area #instafeed .single_instagram {
            width: 100%;
            height:auto;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .instragram_area #instafeed .single_instagram {
            /*width: 50%;*/
            height:auto;
        }
    }
    
    .instragram_area #instafeed .single_instagram img {
        width: 100%;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }
    
    .instragram_area #instafeed .single_instagram .ovrelay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.2);
        -webkit-transform: translateX(-80%);
        -moz-transform: translateX(-80%);
        -ms-transform: translateX(-80%);
        transform: translateX(-80%);
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        opacity: 0;
        visibility: hidden;
    }
    
    .instragram_area #instafeed .single_instagram .ovrelay a {
        color: #fff;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        text-align: center;
        font-size: 34px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    
    .instragram_area #instafeed .single_instagram .ovrelay a i{
        background: linear-gradient(115deg, rgb(249, 206, 52), rgb(238, 42, 123), rgb(98, 40, 215));
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        font-weight:bold;
    }
    
    .instragram_area #instafeed .single_instagram:hover .ovrelay {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
        visibility: visible;
    }
    
    .instragram_area #instafeed .single_instagram:hover img {
        -webkit-transform: scaleX(1.1);
        -moz-transform: scaleX(1.1);
        -ms-transform: scaleX(1.1);
        transform: scaleX(1.1);
    }


    .footer {
        background: #000;
    }
    
    .footer .footer_top {
        padding-top: 145px;
        padding-bottom: 80px;
    }
    .footer .footer_top img{
        max-width: 35%;
    }
    @media (max-width: 767px) {
        .footer .footer_top {
            padding-top: 60px;
            padding-bottom: 30px;
        }
        .footer{
            text-align:center;
        }
        .t-center{
            text-align:center;
        }
    }
    
    @media (max-width: 767px) {
        .footer .footer_top .footer_widget {
            margin-bottom: 30px;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
        .footer .footer_top .footer_widget {
            margin-bottom: 30px;
        }
    }
    
    .footer .footer_top .footer_widget .footer_title {
        font-size: 22px;
        font-weight: 400;
        color: #fff;
        text-transform: capitalize;
        margin-bottom: 40px;
    }
    
    @media (max-width: 767px) {
        .footer .footer_top .footer_widget .footer_title {
            margin-bottom: 20px;
        }
    }
    
    .footer .footer_top .footer_widget p.footer_text {
        font-size: 14px;
        color: #BABABA;
        margin-bottom: 23px;
        font-weight: 400;
        line-height: 28px;
    }
    
    .footer .footer_top .footer_widget ul li a {
        font-size: 14px;
        color: #BABABA;
        line-height: 35px;
    }
    
    .footer .footer_top .footer_widget ul li a:hover {
        color: rgb(161, 112, 1);
    }
    
    .footer .footer_top .footer_widget .newsletter_form {
        position: relative;
        margin-bottom: 20px;
    }
    
    .footer .footer_top .footer_widget .newsletter_form input {
        width: 100%;
        height: 45px;
        background: #fff;
        padding-left: 20px;
        font-size: 14px;
        color: #000;
        border: none;
    }
    
    .footer .footer_top .footer_widget .newsletter_form input::placeholder {
        font-size: 14px;
        color: #919191;
    }
    
    .footer .footer_top .footer_widget .newsletter_form button {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        border: none;
        font-size: 14px;
        color: #fff;
        background: rgb(161, 112, 1);
        padding: 10px;
        padding: 0 22px;
        cursor: pointer;
    }
    
    .footer .footer_top .footer_widget .newsletter_text {
        font-size: 14px;
        color: #BABABA;
    }
    
    .footer .copy-right_text {
        padding-bottom: 10px;
        background-color: rgb(161, 112, 1);
    }
    
    .footer .copy-right_text .footer_border {
        border-top: 1px solid rgba(255,255,255,0.2);
        padding-bottom: 10px;
    }
    
    .footer .copy-right_text .copy_right {
        font-size: 13px;
        color: #fff;
        margin-bottom: 0;
        font-weight: 400;
    }
    
    @media (max-width: 767px) {
        .footer .copy-right_text .copy_right {
            font-size: 14px;
        }
    }
    
    .footer .copy-right_text .copy_right a {
        color: #919191;
    }
    .footer .copy-right_text .copy_right a:hover {
      color: #fff;
  }
    .footer .footer_widget .social_links {
        /* text-align: right; */
    }
    
    @media (max-width: 767px) {
        .footer .footer_widget .social_links {
            text-align: center;
            margin-top: 30px;
        }
        .footer .copy-right_text .copy_right br{
            display:block !important;
        }
    }
    .footer .copy-right_text .copy_right br{
            display:none;
        }
    .footer .footer_widget .social_links ul li {
        display: inline-block;
    }
    
    .footer .footer_widget .social_links ul li a {
        color: #A8A7A0;
        margin: 0 10px;
        font-size: 14px;
    }
    
    /* .footer .footer_widget .social_links ul li a:hover {
        color: #fff;
    }  */

    .page-title {
        position: relative;
        padding: 215px 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #4a4a4a;
        background-position: bottom;
        background-attachment: fixed;
    }
    
    .page-title:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(to bottom, rgba(24, 24, 24, 1), rgba(24, 24, 24, .80), rgba(24, 24, 24, .50));
    }
    .page-title1 {
        position: relative;
        padding: 71px 0px 0px;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #4a4a4a;
        background-position: bottom;
        background-attachment: fixed;
    }
    
    .page-title1:before {
        position: absolute;
        content: '';
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        display: block;
        background: linear-gradient(to top, rgba(24, 24, 24, 1), rgba(24, 24, 24, .80), rgba(24, 24, 24, .50));
    }
    .page-title h1 {
        position: relative;
        font-size: 48px;
        line-height: 1.2em;
        font-weight: 700;
        color: #ffffff;
        text-align: center;
        margin-bottom: 70px;
        text-transform: capitalize;
    }
    /* .page-title1 p{
        font-size: 16px;
    } */
    
    .page-title1 .page-content{
        background-color: #ffffffe6;
        position: relative;
    }
    .page-title1 .page-content1{
        background-color: #ffffffe6;
        position: relative;
        text-align: end;
        padding: 90px;
    }

    .page-title1 .page-content2{
        /* background-color: #000; */
        position: relative;
        color: #ffffffe0;
        margin: 0 70px;
        padding: 5rem;
    }

    .page-title1 .page-content img{
        position: absolute;
        max-width:40%;
        top: 25%;
        left: -18%;
    }
    .page-title1 .page-content1 .sec-title h4:before{
        /*left: unset;*/
    }
    .page-content .sec-title h4:before{
        right: unset;
    }
    .page-breadcrumb {
        position: relative;
        padding: 15px 0;
    }
    
    .page-breadcrumb li {
        position: relative;
        display: inline-block;
        font-size: 16px;
        line-height: 25px;
        color: #ac7e35;
        margin-right: 8px;
        padding-right: 13px;
        font-weight: 400;
    }
    
    .page-breadcrumb li:after {
        position: absolute;
        content: '\f105';
        right: -3px;
        top: 1px;
        color: #ffffff;
        font-family: 'FontAwesome';
    }
    
    .page-breadcrumb li:last-child::after {
        display: none;
    }
    
    .page-breadcrumb li:last-child {
        padding-right: 0px;
        margin-right: 0px;
    }
    .scrollToTopBtn img{
        width: 50px;
    }
    .page-breadcrumb li a {
        color: #ffffff;
        font-weight: 400;
        text-transform: capitalize;
        transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
    
    .page-breadcrumb li a:hover {
        color: #ac7e35;
    }

    #our-vision, #our-team{
        background-image: url(../images/background/black.jpg);
        background-attachment: fixed;
        padding: 100px 0;
    }
    #our-vision .page-content p{
        color: #ffffffe0;
    }
    .ftco-section {
        padding: 7em 0;
        position: relative;
      }

    /* .ftco-animate {
        opacity: 0;
        visibility: hidden; } */

        .block-2 {
          margin-bottom: 0;
          -webkit-perspective: 1000;
          -moz-perspective: 1000;
          -ms-perspective: 1000;
          perspective: 1000;
          -ms-transform: perspective(1000px);
          -moz-transform: perspective(1000px);
          -moz-transform-style: preserve-3d;
          -ms-transform-style: preserve-3d;
          margin-bottom: 30px; }
          @media (max-width: 991.98px) {
            .block-2 {
              margin-bottom: 20px; } }
          .block-2:hover .back, .block-2.hover .back {
            -webkit-transform: rotateY(0deg);
            -moz-transform: rotateY(0deg);
            -o-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            transform: rotateY(0deg); }
          .block-2:hover .front, .block-2.hover .front {
            -webkit-transform: rotateY(180deg);
            -moz-transform: rotateY(180deg);
            -o-transform: rotateY(180deg);
            transform: rotateY(180deg); }
          .block-2, .block-2 .front, .block-2 .back {
            width: 100%;
            height: 400px; }
          .block-2 .flipper {
            -webkit-transition: 0.3s;
            -webkit-transform-style: preserve-3d;
            -ms-transition: 0.3s;
            -moz-transition: 0.3s;
            -moz-transform: perspective(1000px);
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            transition: 0.6s;
            transform-style: preserve-3d;
            position: relative; }
          .block-2 .front, .block-2 .back {
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
            border-radius: 0px;
            -webkit-transition: 0.3s;
            -webkit-transform-style: preserve-3d;
            -webkit-transform: rotateY(0deg);
            -moz-transition: 0.3s;
            -moz-transform-style: preserve-3d;
            -moz-transform: rotateY(0deg);
            -o-transition: 0.3s;
            -o-transform-style: preserve-3d;
            -o-transform: rotateY(0deg);
            -ms-transition: 0.3s;
            -ms-transform-style: preserve-3d;
            -ms-transform: rotateY(0deg);
            transition: 0.3s;
            transform-style: preserve-3d;
            transform: rotateY(0deg);
            position: absolute;
            top: 0;
            left: 0; }
          .block-2 .front {
            -webkit-transform: rotateY(0deg);
            -ms-transform: rotateY(0deg);
            background: lightgreen;
            z-index: 2;
            background-size: cover;
            background-position: bottom;
            background-repeat: no-repeat; }
            .block-2 .front:before {
              content: '';
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              /* opacity: .7; */
              background: linear-gradient(to top, rgba(24, 24, 24, 1), rgba(24, 24, 24, 0), rgba(24, 24, 24, 0));
              /* background: rgba(255, 255, 255, 0);
              background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 0.4) 100%);
              background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 0.15)), color-stop(100%, rgba(0, 0, 0, 0.4)));
              background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 0.4) 100%);
              background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 0.4) 100%);
              background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 0.4) 100%);
              background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(38%, rgba(255, 255, 255, 0.15)), to(rgba(0, 0, 0, 0.4)));
              background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 38%, rgba(0, 0, 0, 0.4) 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 ); } */
            }
            .block-2 .front .box {
              position: absolute;
              bottom: 0px;
              left: 0px;
              right: 0px;
              padding: 10px;
              background-color: #000;
              text-align: center;
              
             }
              .block-2 .front .box h2, .block-2 .front .box p {
                color: #fff;
                margin: 0;
                padding: 0;
                line-height: 1.5; }
              .block-2 .front .box h2 {
                font-size: 20px;
                font-weight: 600; }
              .block-2 .front .box p {
                font-size: 12px; }
          .block-2 .back {
            background: #ac7e35;
            -webkit-box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
            box-shadow: 0 0 70px -10px rgba(0, 0, 0, 0.4);
            -webkit-transform: rotateY(-180deg);
            -moz-transform: rotateY(-180deg);
            -o-transform: rotateY(-180deg);
            -ms-transform: rotateY(-180deg);
            transform: rotateY(-180deg); }
          .block-2 .back p {
            position: absolute;
            top: 40px;
            left: 0;
            right: 0;
            text-align: center;
            padding: 0 20px;
            font-size: 16px;
            color: rgba(255, 255, 255, 0.9); }
          .block-2 .author {
            bottom: 0;
            position: absolute;
            bottom: 20px;
            left: 20px;
            right: 20px; }
            .block-2 .author .image {
              width: 80px; }
              .block-2 .author .image img {
                border-radius: 5px;
                max-width: 100%; }
            .block-2 .author .name {
              color: #fff;
              font-weight: 600; }
            .block-2 .author .position {
              display: block;
              color: rgba(255, 255, 255, 0.9);
              font-size: 14px;
              font-family: "Poppins", sans-serif;
              font-weight: normal; }
          @media (max-width: 991.98px) {
            .block-2 .back {
              -webkit-transform: rotateY(180deg);
              -moz-transform: rotateY(180deg);
              -o-transform: rotateY(180deg);
              -ms-transform: rotateY(180deg);
              transform: rotateY(180deg); }
            .block-2 .front {
              -webkit-transform: rotateY(0deg);
              -moz-transform: rotateY(0deg);
              -o-transform: rotateY(0deg);
              transform: rotateY(0deg); } }
              
              
              
              #our-projects .card{
                position: relative;
                height: 450px;
                width: 100%;
                /*margin: 10px 0;*/
                transition: ease all 2.3s;
                perspective: 1200px;
                /*background-color: black;*/
                overflow: hidden;
                border:0;
                border-radius:0;
              }
              #our-projects .card:hover .cover {
                transform: rotateX(0deg) rotateY(-180deg);
              }
              #our-projects .card:hover .cover:before {
                transform: translateZ(30px);
              }
              #our-projects .card:hover .cover:after {
                background-color: black;
              }
              #our-projects .card:hover .cover h1 {
                transform: translateZ(100px);
              }
              #our-projects .card:hover .cover .price {
                transform: translateZ(60px);
              }
              #our-projects .card:hover .cover a {
                transform: translateZ(-60px) rotatey(-180deg);
              }
              #our-projects .card .cover {
                position: absolute;
                height: 100%;
                width: 100%;
                transform-style: preserve-3d;
                transition: ease all 2.3s;
                background-size: cover;
                background-position: center center;
                background-repeat: no-repeat;
                box-shadow: 0 0 12px rgba(255, 255, 255, 0.3);
              }
              #our-projects .card .cover:before{
                content: "";
                position: absolute;
                border: 5px solid rgba(172,126,53,0.5);
                box-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
                top: 20px;
                left: 20px;
                right: 20px;
                bottom: 20px;
                z-index: 2;
                transition: ease all 2.3s;
                transform-style: preserve-3d;
                transform: translateZ(0px);
              }
              #our-projects .card .cover:after{
                content: "";
                position: absolute;
                top: 0px;
                left: 0px;
                right: 0px;
                bottom: 0px;
                z-index: 2;
                transition: ease all 1.3s;
                /* background: rgba(35, 35, 35,0.7); */
              }
              #our-projects .card .cover.item-a {
                background-image: url("../images/banner/dummy.png");
              }
              #our-projects .card .cover.item-b {
                background-image: url("../images/banner/project-2.jpg");
              }
              
              #our-projects .card .cover h1 {
                font-weight: 600;
                position: absolute;
                top: 55px;
                left: 0px;
                right: 0px;
                text-align:center;
                color: black;
                text-transform:uppercase;
                transform-style: preserve-3d;
                transition: ease all 2.3s;
                z-index: 3;
                font-size: 1.8em;
                transform: translateZ(0px);
              }
              
              #our-projects .card .card-back{
                position: absolute;
                height: 100%;
                width: 100%;
                background: #0b0f08;
                transform-style: preserve-3d;
                transition: ease all 2.3s;
                transform: translateZ(-1px);
                display: flex;
                align-items: center;
                justify-content: center;
              }
              #our-projects .card .card-back .project-content {
                transform-style: preserve-3d;
                transition: ease transform 2.3s, ease background 0.5s;
                transform: translateZ(-1px) rotatey(-180deg);
                background: transparent;
                border: 1px solid white;
                font-weight: 200;
                font-size: 1.3em;
                color: white;
                padding: 14px 32px;
                outline: none;
                text-decoration: none;
              }
              /*#our-projects .card .card-back a:hover {*/
              /*  background-color: white;*/
              /*  color: #0b0f08;*/
              /*}*/             

              .achievement{
                position: relative;
                right: -15%;
              }
              .achievement.right{
                left: -5%;
              }
              .achievement .half-circle{
                border-left: 12px solid #fff;
                border-radius: 50%;
                border-bottom: 12px solid transparent;
                border-top: 12px solid transparent;
                border-right: 12px solid transparent;
                height: 160px;
                width: 160px;
                padding: 15px;
                position: relative;
                z-index: 2;
                left: 8px;
              }
              .achievement.right .half-circle{
                position: relative;
                border-right: 12px solid #fff;
                border-left: 12px solid transparent;
                left: 58%;
              }

              .achievement .half-circle .circle{
                    border: 14px solid rgb(161, 112, 1);
                    border-radius: 50%;
                    background-color: #000;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    box-shadow: 5px 0 10px rgb(0,0,0,0.5);
              }
              .achievement.right .half-circle .circle{
                box-shadow: -5px 0 10px rgb(0,0,0,0.5);
              }
              .achievement .half-circle .circle i{
                font-size: 50px;
                padding: 14px 0;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                text-align: center;
              }
              .achievement .line-content{
                background-color: #fff;
                color: #000;
                border-radius: 35px;
                text-align: left;
                width: 75%;
                position: absolute;
                padding: 10px 10px 10px 118px;
                top: 41px;
                left: 7%;
                z-index: 1;
              }
              .achievement .line-content p{
                margin-bottom: 0;
                font-size: 13px;
              }
              .achievement.right .line-content{
                padding: 10px 117px 10px 12px;
                text-align: right;
              }
              .timeline{
                position: relative;
              }
              .line-left-right{
                position: absolute;
                width: 100px;
                height: 50px;
                border-width: 0px 0 2px 2px;
                border-style: solid;
                border-color: rgb(161, 112, 1);
                border-radius: 0 35px;
                top: -48px;
                left: 31%;
              }
              .line2-left-right{
                position: absolute;
                width: 100px;
                height: 50px;
                border-width: 2px 2px 0 0;
                border-style: solid;
                border-color: rgb(161, 112, 1);
                border-radius: 0 35px 0;
                right: 32%;
              }
              .line-right-left{
                position: absolute;
                width: 100px;
                height: 50px;
                border-width: 0px 2px 2px 0;
                border-style: solid;
                border-color: rgb(161, 112, 1);
                border-bottom-right-radius: 35px;
                top: -48px;
                right: 32%;
              }
              .line2-right-left{
                position: absolute;
                width: 100px;
                height: 50px;
                border-width: 2px 0 0 2px;
                border-style: solid;
                border-color: rgb(161, 112, 1);
                border-top-left-radius: 35px;
                left: 31%;
              }
              @media (max-width: 767px){
                .page-title1 .page-content2{
                  margin: 0 10px;
                  padding: 5rem 0;
              }
              .achievement .half-circle{
                width: 140px;
                height: 140px;
                left: -55px;
              }
              .achievement .half-circle .circle i{
                font-size: 35px;
                margin-bottom: 1px;
              }
              .achievement .line-content{
                padding: 10px 10px 10px 55px;
                top: 40px;
                left: 4%;
                width: 80%;
              }
              .achievement .line-content.extra{
                top: 31px;
              }
              .achievement.right .half-circle{
                left: 65%;
              }
              .achievement .line-content p{
                font-size: 10px;
              }
              .achievement.right .line-content{
                padding: 10px 69px 10px 12px;
                width: 85%;
              }
              .line-left-right{
                left:20%;
                width: 31%;
              }
              .line2-left-right{
                right:20%;
                width: 31%;
              }
              .line2-right-left{
                left:20%;
                width: 31%;
              }
              .line-right-left{
                right:20%;
                width: 31%;
              }
              .page-title h1{
                  font-size:45px;
              }
              .page-title1{
                  padding-top:185px;
              }
              .page-title1 .page-content1{
                padding-left:30px !important;
                padding-right: 30px !important;
                text-align: center !important;
              }
              .page-title1 .page-content1 .sec-title h4:before{
                left: 0 !important;
              }
              
              }

              .page-title1 .page-content2 p{
                color: #000;
              }
              .text-left h4:before{
                margin: 0;
              }

              .button-group{ text-align: center; margin-bottom: 60px; margin-top: 60px;}
              .btn{
                padding: 10px 20px;
                background: #fff; color: #000;
                text-transform: uppercase;
                font-size: 13px;
                border: none;
                border-radius: 0;
                font-weight: 700;
                margin-right: 15px;
                letter-spacing: 1px;
              }
              .btn.on, .btn:hover{
                background: rgb(161, 112, 1);
                color: #fff;
              }

              /* grid */
              .grid{ display: flex; }
              .grid-item { 
                width: 33.3%;
                padding: 15px;
                position: relative;
              }	
              .project-img{
                position: relative;
              }
              .grid-title{
                position: absolute;
                background-color: #000;
                width: 100%;
                justify-content: space-between;
                align-items: center;
                
                padding: 10px 0;
                opacity: 0;
                transform: translateY(100%);
                transition: transform 0.5s, opacity 0.5s;
              }
              .grid-item:hover .grid-title{
                bottom: 0;
                opacity: 1;
                transform: translateY(0);
              }
              .grid-title h6{
                margin-bottom: 0;
                padding-left: 10px;
                letter-spacing: 0.5px;
              }
              .grid-title a{
                font-size: 11px;
                text-transform: capitalize;
                letter-spacing: 1px;
                padding: 5px 10px;
                background-color: rgb(161, 112, 1);
                border: 1px solid rgb(161, 112, 1);
                margin-right: 10px;
              }
              .grid-title a:hover{
                background-color: #fff;
                color: #000;
                border: 1px solid rgb(161, 112, 1);
              }
              
              .page-title .page-content3{
                background-color: rgba(0,0,0,0.5);
                position: relative;
              }
              .form-group{
                margin: 0 0 30px 30px;
              }
              .form-control{
                border-radius: 0;
                background-color: transparent;
                color: #fff;
                border: 2px solid rgb(161, 112, 1);
                padding: .7rem .75rem;
              }
              .form-control:focus{
                color: #fff;
                background-color: transparent;
                border-color: rgb(161, 112, 1);
                outline: 0;
                box-shadow: none;
              }
              input.form-control::-ms-input-placeholder { /* Edge 12-18 */
                color: white;
              }
              
              input.form-control::placeholder {
                color: white;
              }
              input[type=number]::-webkit-inner-spin-button, 
              input[type=number]::-webkit-outer-spin-button { 
                  -webkit-appearance: none;
                  -moz-appearance: none;
                  appearance: none;
                  margin: 0; 
              }
              .clients-talk .sec-title h4{
                margin-bottom: unset;
              }
              .left-content{
                position: absolute;
                bottom: 0;
                background-color: rgb(161, 112, 1);
                color: #fff;
                padding: 35px 0 25px;
                width: 100%;
              }
              marquee{
                margin-bottom: 0;
              }
              .project-detail .page-content2{
                /* background-color: #000; */
                position: relative;
                color: #ffffffe0;
                margin: 0 0px;
                /* padding: 5rem; */
            }
              .project-detail .col-md-6:nth-child(1) .page-content2{
                padding: 5rem 1rem 5rem 5rem;
              }
              .project-detail .col-md-6:nth-child(2) .page-content2{
                padding: 5rem 5rem 5rem 1rem;
              }
              .project-detail .col-md-6:nth-child(3) .page-content2{
                padding: 0rem 1rem 0rem 5rem;
              }
              .project-detail .col-md-6:nth-child(4) .page-content2{
                padding: 0rem 5rem 5rem 1rem;
              }
              /* .project-detail .col-md-5 .page-content2 .sec-title h4{
                font-size: 20px;
              } */
              .project-detail .page-content2 h5{
                font-weight: 700;
                text-transform: uppercase;
                margin-top: 1.5rem;
              }
              .project-detail .client-text{
                background-color: rgb(161, 112, 1);
              }

              .project-detail .page-content2 .client-text p{
                padding: 1rem 1rem 4rem;
                color: #fff;
              }
              .full-shadow{
                /* box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; */
                /* box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; */
                box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
              }
              .client-title{
                background-color: #fff;
                position: relative;
                /* padding-right: 1rem; */
                bottom: 70%;
                border-radius: 15px;
              }
              .client-img img{
                /* max-width: 80%; */
                height: 12vh;
              }
              .contact-info{
                background-image: url(../images/background/contact.jpg);
                
                background-attachment: fixed;
                background-size: cover;
                position: relative;
              }
              .background-overlay{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                background-color: rgb(255, 255, 255, 0.45);
              }
              .contact-info .form-control, .contact-form .form-control{
                background-color: #fff;
                border: 0;
                box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
              }
              .request-form .form-control{
                background-color: #fff;
                border: 0;
                /* box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px; */
              }
              .contact-form .form-control, .request-form .form-control{
                background-color: rgb(0,0,0,0.2);
              }
              .contact-info input.form-control::-ms-input-placeholder, .contact-form input.form-control::-ms-input-placeholder,
              .request-form input.form-control::-ms-input-placeholder
              { /* Edge 12-18 */
                color: black;
                font-weight: 400;
              }
              
              .contact-info input.form-control::placeholder, .contact-form input.form-control::placeholder,
              .request-form input.form-control::placeholder {
                color: black;
                font-weight: 400;
              }

              .contact-info .form-control:focus, .contact-form .form-control:focus,.request-form .form-control:focus{
                color: #000;
              }
              .contact-info .form-group{
                margin: 0 0 0 30px;
              }
              .contact-form .form-group{
                margin: 0 0 30px 5px;
              }
              .request-form .form-group{
                margin: 0 0 30px 0px;
              }
              .contact-info .theme-btn{
                padding: 11px 50px;
              }
              .contact-info .section-space{
                padding-top: 150px;
                padding-bottom: 150px;
              }

              textarea.form-control:-moz-placeholder, /* Firefox 18- */
              textarea.form-control::-moz-placeholder, /* Firefox 19+ */
              textarea.form-control:-ms-input-placeholder, /* IE 10+ */
              textarea.form-control::-webkit-input-placeholder, /* Webkit based */
              textarea.form-control::placeholder { /* Modern browsers */
                color: #000;  
                font-weight: 400;
              }
              .contact-form .theme-btn{
                padding: 10px 40px;
              }

              .main-banner, .banner-section-2{
                background-attachment: fixed;
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                position: relative;
              }
              .main-banner:before, .banner-section-2:before{
                position: absolute;
                content: '';
                left: 0px;
                top: 0px;
                width: 100%;
                height: 100%;
                display: block;
                background: linear-gradient(to top, rgba(24, 24, 24, 1), rgba(24, 24, 24, .40), rgba(24, 24, 24, .50));
              }
              .section-padding-top{
                padding: 180px 0 0 0;
              }
              .section-padding{
                padding: 180px 0 40px 0;
              }
              .page-title1 .service-content{
                background-color: #fff;
                padding: 3rem;
              }
              .service-request-form{
                position:relative;
                background-color: #fff;
                padding: 5rem 0;
              }

              .accordion {
                /* background-color: rgb(201 227 245); */
                /* border:2px solid rgb(161, 112, 1); */
                /* border-radius: 1rem; */
                /* box-shadow: 0 5px 5px -5px rgb(52 80 99); */
              }
              
              .accordion + .accordion {
                margin-top: 1rem;
              }
              
              .ac-state {
                display: none;
              }
              
              .ac-trigger {
                display: flex;
                justify-content: space-between;
                align-items: center;
                cursor: pointer;
                padding: 1rem 3.5rem 1rem 1rem;
                border:2px solid rgb(161, 112, 1);
                box-shadow: 0 5px 5px -5px rgb(52 80 99);
                position: relative;
                /* border-radius: 1rem; */
              }
              
              .ac-trigger:hover,
              .ac-trigger:focus {
                background-color: rgb(161, 112, 1);
                color: #fff;
              }
              
              .ac-title {
                font-weight: 600;
              }
              
              .ac-content {
                display: grid;
                grid-template-rows: 0fr;
                transition: grid-template-rows 300ms ease;
                box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
              }
              
              .ac-content-inner {
                overflow: hidden;
                padding: 0 1rem;
              }
              
              .ac-content img {
                display: block;
                margin: 0 auto;
              }
              
              .ac-state:not(:checked) ~ .ac-trigger .ac-icon-close {
                display: none;
              }
              
              .ac-state:checked ~ .ac-trigger {
                background-color: rgb(161, 112, 1);
                box-shadow: 0 5px 5px -5px rgb(52 80 99);
                color: #fff;
              }
              
              .ac-state:checked ~ .ac-trigger .ac-icon-open {
                display: none;
              }
              
              .ac-state:checked ~ .ac-content {
                grid-template-rows: 1fr;
              }
              .ac-icon{
                background: #fff;
                width: 40px;
                height: 40px;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #000;
                position: absolute;
                right: 10px;
              }
              .ac-content-inner p{
                padding-top: 1rem;
              }
              .service-request-form .sec-title.text-start h4:before{
                right: unset;
              }
              .request-form{
                background-color: #fff;
                padding:2rem 1.5rem;
                margin: 0 3rem 0 2rem;
                box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
              }

              .service-main-content{
                padding: 5rem;
              }

              .services-content{
                background-color: #fff;
                padding: 1.5rem;
                margin-top: 2rem;
              }
              .service-icon{
                text-align: center;
                width: 100px;
                height: 100px;
                border: 4px solid rgb(161, 112, 1);
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                margin: auto;
              }
              .service-head{
                text-align: center;
                padding: 20px 0;
              }
              .service-head h5{
                margin-bottom: 0;
              }
              .service-text{
                text-align: center;
              }
              .service-text p{
                margin-bottom: 0;
              }

              .col-md-4:first-child .services-content{
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
              }
              .col-md-4:first-child .services-content, .col-md-4:nth-child(5) .services-content{
                border-bottom-right-radius: 35px;
                border-top-left-radius: 35px;
              }
              .col-md-4:nth-child(3) .services-content, .col-md-4:nth-child(6) .services-content{
                border-bottom-left-radius: 35px;
                border-top-right-radius: 35px;
              }
              .col-md-4:nth-child(5) .services-content, .col-md-4:nth-child(6) .services-content{
                box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
              }
              .px-2-6{
                padding-left: 2.6rem;
                padding-right: 2.6rem;
              }
              .key-icon{
                width: 70px;
                height: 70px;
                display: flex;
                justify-content: center;
                align-items: center;
                border-radius: 50%;
                border: 2px solid rgb(161, 112, 1);
              }
              .key-head h5{
                color: rgb(161, 112, 1);
              }
              .key-text p{
                color: #fff;
              }

              .heading {
                text-align: center;
                color: #454343;
                font-size: 30px;
                font-weight: 700;
                position: relative;
                margin-bottom: 70px;
                text-transform: uppercase;
                z-index: 999;
            }
            .white-heading{
                color: #ffffff;
            }
            .heading:after {
                content: ' ';
                position: absolute;
                top: 100%;
                left: 50%;
                height: 40px;
                width: 180px;
                border-radius: 4px;
                transform: translateX(-50%);
                background: url(img/heading-line.png);
                background-repeat: no-repeat;
                background-position: center;
            }
            .white-heading:after {
                background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
                background-repeat: no-repeat;
                background-position: center;
            }
            
            .heading span {
                font-size: 18px;
                display: block;
                font-weight: 500;
            }
            .white-heading span {
                color: #ffffff;
            }
            /*-----Testimonial-------*/
            
           
            
            .testimonial {
                height: 460px;
                z-index: 1;
                position: relative;
                /* background: url(https://i.ibb.co/PTJDkgb/testimonials.jpg); */
                padding-top: 100px;
                /* padding-bottom: 50px; */
                background-position: center;
                    background-size: cover;
            }
            #testimonial4 .carousel-inner:hover{
              cursor: -moz-grab;
              cursor: -webkit-grab;
            }
            #testimonial4 .carousel-inner:active{
              cursor: -moz-grabbing;
              cursor: -webkit-grabbing;
            }
            #testimonial4 .carousel-inner .item{
              overflow: hidden;
            }
            
            .testimonial4_indicators .carousel-indicators{
              left: 0;
              margin: 0;
              width: 100%;
              font-size: 0;
              height: 20px;
              bottom: 15px;
              padding: 0 5px;
              cursor: e-resize;
              overflow-x: auto;
              overflow-y: hidden;
              position: absolute;
              text-align: center;
              white-space: nowrap;
            }
            .testimonial4_indicators .carousel-indicators li{
              padding: 0;
              width: 14px;
              height: 14px;
              border: none;
              text-indent: 0;
              margin: 2px 3px;
              cursor: pointer;
              display: inline-block;
              background: #000000;
              -webkit-border-radius: 100%;
              border-radius: 100%;
            }
            .testimonial4_indicators .carousel-indicators .active{
              padding: 0;
              width: 14px;
              height: 14px;
              border: none;
              margin: 2px 3px;
              background-color: #000000;
              -webkit-border-radius: 100%;
              border-radius: 100%;
            }
            .testimonial4_indicators .carousel-indicators::-webkit-scrollbar{
              height: 3px;
            }
            .testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb{
              background: #000000;
              -webkit-border-radius: 0;
              border-radius: 0;
            }
            
            .testimonial4_control_button .carousel-control{
              top: 175px;
              opacity: 1;
              width: 40px;
              bottom: auto;
              height: 40px;
              font-size: 10px;
              cursor: pointer;
              font-weight: 700;
              overflow: hidden;
              line-height: 38px;
              text-shadow: none;
              text-align: center;
              position: absolute;
              background: transparent;
              border: 2px solid #000000;
              text-transform: uppercase;
              -webkit-border-radius: 100%;
              border-radius: 100%;
              -webkit-box-shadow: none;
              box-shadow: none;
              -webkit-transition: all 0.6s cubic-bezier(0.3,1,0,1);
              transition: all 0.6s cubic-bezier(0.3,1,0,1);
            }
            .testimonial4_control_button .carousel-control.left{
              left: 7%;
              top: 50%;
              right: auto;
            }
            .testimonial4_control_button .carousel-control.right{
              right: 7%;
              top: 50%;
              left: auto;
            }
            .testimonial4_control_button .carousel-control.left:hover,
            .testimonial4_control_button .carousel-control.right:hover{
              color: #000;
              background: #000;
              border: 2px solid #000;
            }
            
            .testimonial4_header{
              top: 0;
              left: 0;
              bottom: 0;
              width: 550px;
              display: block;
              margin: 30px auto;
              text-align: center;
              position: relative;
            }
            .testimonial4_header h4{
              color: #000;
              font-size: 30px;
              font-weight: 600;
              position: relative;
              letter-spacing: 1px;
              text-transform: uppercase;
            }
            
            .testimonial4_slide{
              top: 0;
              left: 0;
              right: 0;
              bottom: 0;
              width: 70%;
              margin: auto;
              padding: 20px;
              position: relative;
              text-align: center;
            }
            .testimonial4_slide img {
                top: 0;
                left: 0;
                right: 0;
                width: 136px;
                height: 136px;
                margin: auto;
                display: block;
                color: #f2f2f2;
                font-size: 18px;
                line-height: 46px;
                text-align: center;
                position: relative;
                border-radius: 50%;
                box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
                -moz-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
                -o-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
                -webkit-box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
            }
            .testimonial4_slide p {
                color: #000000;
                /* font-size: 20px; */
                line-height: 1.4;
                margin: 40px 0 20px 0;
            }
            .testimonial4_slide h4 {
              color: #000000;
              font-size: 22px;
            }
            
            .testimonial .carousel {
              /* padding-bottom:50px; */
            }
            .testimonial .carousel-control-next-icon, .testimonial .carousel-control-prev-icon {
                width: 35px;
                height: 35px;
            }
            .testimonial .carousel-inner .carousel-item{
              background-color: rgb(161, 112, 1);
              box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
            }
            #testimonials .carousel-inner .carousel-item{
                background-color:transparent;
                box-shadow:none;
            }
            .blog{
              background-color: #fff;
              padding: 2rem;
              box-shadow: -6px 6px 6px rgba(0, 0, 0, 0.23);
            }
            .blog-head{
              text-align: center;
              padding: 1rem 0;
            }

            .float{
              position:fixed;
              width:100px;
              height:100px;
              bottom:40px;
              left:25px;
              /* background-color:rgba(255,255,255,0.6); */
              color:#FFF;
              border-radius:50px;
              text-align:center;
              font-size:30px;
              /* box-shadow: 2px 2px 3px #999; */
              z-index:100;
              
            }
            
            .float img{
              width: 100%;
              -webkit-transform: scale(1);
              -moz-transform: scale(1);
              -ms-transform: scale(1);
              transform: scale(1);
              -webkit-transition: .5s;
              -moz-transition: .5s;
              -o-transition: .5s;
              transition: .5s;
            }
            .float:hover img{
              -webkit-transform: scale(1.1);
              -moz-transform: scale(1.1);
              -ms-transform: scale(1.1);
              transform: scale(1.1);
            }
            .slide-left{
              position:fixed;
              bottom: 70px;
              left: -260px;
              background-color: transparent;
              width: 260px;
              height: 50px;
              border-top-right-radius: 25px;
              border-bottom-right-radius: 25px;
              z-index: -1;
              -webkit-transition-duration: 0.3s;
              -moz-transition-duration: 0.3s;
              transition-duration: 0.3s;
              -o-transition-duration: 0.3s;
            }

            .slide-left h4{
              line-height: 50px;
              padding-left: 60px;
              color: #000;
            }
            
            .float:hover .slide-left{
              left: 55px;
              /* margin-left: 100px; */
              background-color: #fff;
            }

            .scrollToTopBtn {
              background-color: transparent;
              border: none;
              border-radius: 50%;
              color: white;
              cursor: pointer;
              font-size: 30px;
              line-height: 48px;
              width: 48px;
                /* place it at the bottom right corner */
              position: fixed;
              bottom: 40px;
              right: 40px;
                /* keep it on top of everything else */
              z-index: 100;
                /* hide with opacity */
              opacity: 0;
                /* also add a translate effect */
              transform: translateY(100px);
                /* and a transition */
              transition: all .5s ease
            }
            
            .showBtn {
              opacity: 1;
              transform: translateY(0)
            }

            .bounce {
              animation: bounce 2s ease infinite;
            }
            @keyframes bounce {
              0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
              40% {transform: translateY(-30px);}
              60% {transform: translateY(-15px);}
            }
            .pulse {
              animation: pulse 1s infinite ease-in-out alternate;
            }
            @keyframes pulse {
              from { transform: scale(0.9); }
              to { transform: scale(1); }
            }