body{
  font-family: "Poppins", sans-serif!important;
  color: #858585 !important;
}

a {
    text-decoration: none!important;
    color: #858585 !important;
}

img{
  transition: opacity 0.8s ease-in-out;
}

.button-secondary {
    border: 1px solid #e1e1e1;
    color: #313131 !important;
    padding: 10px 30px;
    border-radius: 10px;
    display: inline-block;
}

.background-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000cc;
}

.logo{
  width: 180px;
}

.width-100-percent{
  width:100%;
}

.height-100-percent{
  height:100%;
}

.height-100-vh{
  height:100vh;
}

nav.nav {
    height: 90px;
}

.zoom-in-out {
  animation: zoom-in-zoom-out 55s ease infinite;
}

@keyframes zoom-in-zoom-out {
  0% {
    scale: 100%
  }
  50% {
    scale: 130%;
  }
  100% {
    scale: 100%;
  }
}

.button-primary {
    background: #ccb071;
    padding: 15px 38px;
    color: #000000!important;
    display: inline-block;
}

.button-primary a{
    color: #000000!important;
}

.button-primary-white {
    background: #ffffff;
    padding: 15px 38px;
    color: #000000!important;
    display: inline-block;
}

.button-primary-secondary {
    border: 2px solid #ccb071;
    padding: 13px 38px;
    color: #ffffff !important;
    display: inline-block;
}

.white{
  color: #ffffff!important;
}

.main-header {
    font-size: 3.6vw;
    font-weight: 800;
}

.brown{
  color:#ccb071;
}

.small-header {
    color: #ccb071;
    font-weight: 600;
}

.in-header{
  color:#000000;;
}

.bold{
  font-weight:700;
}

.bold i {
    font-weight: 900;
    text-shadow: 0px -1px 0px;
}

.border-radius-big{
  border-radius:12px;
}

.background-in-about{
  background-image: url(../../images/background/about-background.jpg);
  background-size: cover;
}

.about-background-main-1{
  background-image: url(../../images/background/trimming.jpg);
  background-size: cover;
  width: 58%;
  height: 80%;
  box-shadow: 122px 50px 0px #ccb071;
}

.serve-background-main-1{
  background-image: url(../../images/background/background-painting.jpg);
  background-size: cover;
  width: 100%;
  height: 100%;
}

.position-absolute.about-background-main-2.border-radius-big {
    bottom: -20px;
    right: 32px;
    width: 60%;
    border: 16px solid #fff;
}

.background-brown{
    background: #ccb071;
    color:#ffffff!important;
}

.big-icon {
    width: 65px;
    height: 65px;
    border-radius: 8px;
}



.total-background {
    background-image: url(../../images/services/premix.jpg);
    background-size: cover;
    background-attachment: fixed;
}

.border-right {
    border-right: 1px solid;
}

.background-brown-gradient{
  background: #CCB071;
  background: linear-gradient(0deg, rgba(204, 176, 113, 1) 0%, rgba(143, 123, 82, 1) 48%, rgb(71 58 34) 100%);
}

.more-background {
    position: absolute;
    bottom: 0;
}

.slider-in {
    height: 450px;
    background-image: url(../../images/slider/image1.jpg);
}

.label {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #ccb071;
    padding: 8px 18px!important;
    border-radius: 99px;
    font-size: 13px;
    color: #000;
}

.background-grey {
    background: #f4f4f4;
}

.input {
    padding: 15px 20px!important;
    border: none;
    color: #8b8b8b !important;
}

.clearHeader {
    transition:.3s;
}

.clearHeader.darkHeader {
    transition:.3s;
    backdrop-filter: blur(5px);
    background-color: #182330cc;
}

.clearHeader.darkHeader a{
    /* color: #ffffff !important; */
    transition:.3s;
}

.background-dark-grey {
    background: #1f2733;
}

.small-icon {
    width: 38px;
    opacity: 0.5;
    background: #343d4b;
    height: 38px;
    padding: 10px;
    border-radius: 6px;
}

.whatsapp {
    position: fixed;
    bottom: 35px;
    right: 35px;
    width: 85px;
    height: 85px;
    background: #128C7E;
    z-index: 999;
    padding: 23px;
    border-radius: 999px;
}

.border-top {
    border-top: 1px solid #858585 !important;
}

.border-right {
    border-right: 1px solid #858585 !important;
}

.border-left {
    border-left: 1px solid #858585 !important;
}

.border-bottom {
    border-bottom: 1px solid #858585 !important;
}

.icon-big {
    width: 60px;
    background: #ccb071;
    border-radius: 12px;
    padding: 13px;
}

i.bi.bi-list {
    color: #ccb071;
    font-size: 37px;
}

.work-card {
    height: 265px;
}













/*RESPONSIVE DESIGN - MOBILE*/
@media only screen and (max-width: 988px) {
  .desktop {
      display: none;
  } 

  .background-half-brown{
    background: #f1f1f1;
  }  
  .col-sm-3.border-right.py-5 {
    border-right: 0px!important;
  }
}


/*RESPONSIVE DESIGN - DESKTOP*/
@media only screen and (min-width: 988px) {
  .mobile {
      display: none;
  } 
  
  .background-half-brown{
    background: #ccb071;
    background: linear-gradient(90deg, rgba(204, 176, 113, 1) 26%, rgb(245, 245, 245) 26%);
  }

  .mobile-main-header {
    font-weight: 700;
    font-size: 2.8em;
  }

  .col-sm-3.border-right.py-5 {
    border-right: 1px dashed !important;
  }
}