
/*
.hero {  
  background-size: cover;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 0px;
  height: 690px;
}
@media (min-width: 768px) {
  .hero {
    height: 750px;    
  }
}
@media (min-width: 992px) {
  .hero {
    height: calc(100vh + 0px);    
  }
}*/

.middle-first {
  background: linear-gradient(180deg, #171717 5%, rgba(255,255,255,1) 50% );
}

.animation-dark .text-color-anime span {
  color: rgba(54, 54, 54, 0.4)!important;
  transition: color .8s Cubic-bezier(1,0,.43,1);
}
.animation-dark .text-color-anime span.text-white {
  color: #171717!important;
}


.middle-third {
  background: linear-gradient(180deg, #171717 0.5%, rgba(26, 26, 26, 0) 80%),url(/wp-content/uploads/2023/02/bg-design-form-cl.png) no-repeat; 
  background-size: 100% 100%; 
  max-height: 100%;
  background-position: center top;
  padding-bottom: 100px;
}
@media (min-width:768px) {
.middle-third {
  background: linear-gradient(180deg, #171717 0.5%, rgba(26, 26, 26, 0) 80%),url(/wp-content/uploads/2023/02/bg-design-form-cl.png) no-repeat; 
  background-size: 100% 100%; 
  max-height: 100%;
  background-position: center top;
}
}
@media (min-width:992px) {
.middle-third {
  background: linear-gradient(180deg, #171717 0.5%, rgba(26, 26, 26, 0) 80%),url(/wp-content/uploads/2023/02/bg-design-form-cl.png) no-repeat; 
  background-size: 100% 100%; 
  max-height: 100%;
  background-position: center top;
}
}

input[type="text"], input[type="email"],
input[type="url"], input[type="password"], 
input[type="search"], input[type="number"], 
input[type="tel"], input[type="range"], 
input[type="date"], input[type="month"], 
input[type="week"], input[type="time"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="color"], .form-group textarea {
  color: rgba(255, 255, 255, 1);
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  padding: 3px;
}
label {
  color: rgba(255, 255, 255, 0.5);
}
.text-white_light {
  color: rgba(255, 255, 255, 0.8) !important;
}


  .footer-middle-wrap {
    background: #fff;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .footer-bottom {
    
  }    
  @media (min-width: 768px) {
    .carousel-control-prev,
    .carousel-control-next {
      position: absolute!important;
    }
    .footer-middle-wrap {
      background: #fff;
      
    }
  }
  @media (min-width: 992px) {
    .footer-middle-wrap {
      background: #fff;
      
    }
  }
  @media (max-width: 767px) {
    #testimonials .carousel-control-next {
      right: -20px;
      top: -24px;
    }
  }

  
@media (max-width: 991px) {  
  .container.process-container {
    max-width: 100%;
    overflow: scroll;
    padding-left: calc((100vw - 700px) / 2);
  }
  .container.process-container .row {    
    overflow-x: visible;
  }
}
@media (max-width: 574px) {  
  .container.process-container {
    max-width: 100%;
    overflow: scroll;
    padding-left: 1.2rem;
  }
  .container.process-container .row {    
    overflow-x: visible;
  }
}

.card-text-wrap {
  background: linear-gradient(0deg, rgba(23, 23, 23, 0.9) 0%, rgba(23, 23, 23, 0.2) 40%, rgba(23, 23, 23, 0.2) 40%, rgba(23, 23, 23, 0) 100%);
  opacity: 1;
  transition: opacity 0.4s Cubic-bezier(1,0,.43,1);
  cursor: pointer;
}

.short-description {
  height: 0px;
  padding-top: 0px;
  overflow: hidden;
  justify-content: center;
  transition: height 0.4s Cubic-bezier(1,0,.43,1), padding-top 0.4s Cubic-bezier(1,0,.43,1);  
}
.card-wrap:hover .short-description {
  height: 70px;
  padding-top: 12px;
  justify-content: center;
  transition: height 0.4s Cubic-bezier(1,0,.43,1), padding-top 0.4s Cubic-bezier(1,0,.43,1);
}
.mw-350 {
  max-width: 350px;
}
.designs-list {
  /*background: #FFF;*/
}

.card-wrap {
  background: #F6F1EA;
  border: 0px solid #F0E6D9;
  display: flex;
  justify-content: center;
  align-items: center;
}


.card-wrap {
  max-height: 60vw;
  height: 60vw;
}

.card-wrap img {
  max-height: 60vw;
  height: 100%;
}

.col-12>.col-6>.card-wrap,
.col-12>.col-6>.card-wrap img {
  max-height: calc((60vw / 2));
  height: calc((60vw / 2));
}
@media (min-width: 768px) {

  .card-wrap {
    max-height: 280px;
    height: 280px;
  }   
  .card-wrap img {
    max-height: 280px;
    height: 100%
  }
  .col-12>.col-6>.card-wrap,
  .col-12>.col-6>.card-wrap img {
    max-height: 125px;
    height: 125px;
  }
  
}

@media (min-width: 992px) {

  .card-wrap {
    max-height: 360px;
    height: 360px;
  }  
  .card-wrap img {
    max-height: 360px;
    height: 100%
  }  
  .col-12>.col-6>.card-wrap,
  .col-12>.col-6>.card-wrap img {
    max-height: 165px;
    height: 165px;
  }
  
}

@media (min-width: 1200px) {

  .card-wrap {
    max-height: 480px;
    height: 480px;
  }  
  .card-wrap img {
    max-height: 480px;
    height: 100%
  }  
  .col-12>.col-6>.card-wrap,
  .col-12>.col-6>.card-wrap img {
    max-height: 226px;
    height: 226px;
  }
  
}
@media (max-width: 767px) {
  .col-12>.col-6>.card-wrap,
  .col-12>.col-6>.card-wrap img,
  .col-6.col-md-6>.card-wrap,
  .col-6.col-md-6>.card-wrap img {
    max-width: calc(((540px - 1rem) / 2) - 10px);
    max-height: calc((60vw / 2));
    height: calc((60vw / 2));
  }  
}
@media (max-width: 574px) {
  .col-12>.col-6>.card-wrap,
  .col-12>.col-6>.card-wrap img,
  .col-6.col-md-6>.card-wrap,
  .col-6.col-md-6>.card-wrap img {
    max-width: calc(((100vw - 1.9rem) / 2) - 10px);
  }
}

.custom-details {
  overflow: auto;
  max-height: calc(100vh - 50px);
}
.custom-details>.row {
  
}
.in-modal {
  position: fixed;
  background: rgba(23, 23, 23, 0.8);  
  z-index: 12;
}



.custom-details .content-wrap {
  max-height: 150px;
  overflow-y: auto;
}

@media (min-width:992px) {
  .custom-details .content-wrap {
    max-height: 295px;
  }
}


.content-wrap::-webkit-scrollbar {
  width: 4px;
}

/* Track */
.content-wrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey; 
  border-radius: 2px;
}
 
/* Handle */
.content-wrap::-webkit-scrollbar-thumb {
  background: #C74428; 
  border-radius: 2px;
}

/* Handle on hover */
.content-wrap::-webkit-scrollbar-thumb:hover {
  background: #C74428; 
}

/* Modal Slider */
.gallery-slider .slick-track {
  display: flex;
}
.modal-details-wrap .gallery-slider .slick-list.draggable {
  overflow: hidden;
}

/* main-slider */
.gallery-slider.slider-main .slick-track {
  margin-bottom:12px;
}
.slider-main .custom-gallery-item.slick-slide {
  height: inherit !important;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #F6F1EA;
  border: 0px solid #F0E6D9;
  border-radius: 10px;
  max-height: 430px;
}
.slider-main .custom-gallery-item.slick-slide img {  
  max-height: 430px;
  height: auto;
}
.slider-main .custom-gallery-item.slick-slide iframe{  
  max-height: 430px;
}
.embed-container { 
  position: relative;
  overflow: hidden;
  max-width: 100%;
  height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width:767px) {
  .slider-main .custom-gallery-item.slick-slide {
    max-height: 180px;
  }
  .slider-main .custom-gallery-item.slick-slide img {  
    max-height: 180px;
  }
  .slider-main .custom-gallery-item.slick-slide iframe{  
    max-height: 180px;
  }
}
/* thumbnails-slider */
@media (max-width: 575px) {
  .slider-thumbnails {
    display: none
  }
}
.slider-thumbnails .custom-gallery-item.slick-slide {
    height: inherit !important;
    display: flex;
    justify-content: center;
    align-items: center;
    /*max-height: 88px;*/
    background: #F6F1EA;
    border: 0px solid #F0E6D9;
    border-radius: 10px;
    margin-right:10px;
}
.slider-thumbnails .custom-gallery-item.slick-slide.youtube-thumbnails {
  background: transparent;
}
.slider-thumbnails .custom-gallery-item.slick-slide iframe{
  height: inherit !important;
  max-height: 88px;
  border: 0px solid #F0E6D9;
  border-radius: 10px;
  z-index: -1;
}
.slider-thumbnails .slick-list {
  margin-right: -7px;
}

.in-modal .slick-slide {
  margin: 0px;
}

