.divider{
    border-top: 2px solid #dedede;
}
.card .card-body{
    padding-top: 20px;
    padding-bottom: 0px;
}
.card .card-header{
    min-height: unset !important;
}

.card .card-header .card-title, .card .card-header .card-title .card-label{
    font-size: 24px;
    line-height: 24px;
}

.carousel, .carousel-inner, .carousel-item{
    max-height: 600px;
}
.carousel-caption{
    width: 79.48px;
    height: 50px;
}

.carousel-control-prev, .carousel-control-next{
    width: 50px !important;
    height: 100% !important;
}

.carousel-control-prev{
    margin-left: 20px;
}

.carousel-control-next{
    margin-right: 20px;
}

.carousel-indicators li {
/*  width: 150px !important;
    height: 80px !important;
  border: 2px solid #fff;  Indicator border style 
  cursor: pointer;
  margin-left: 7px !important;
  margin-right: 7px !important;*/
}

.carousel-indicators img {
  width: 100%; /* Make the images fill the indicators */
  height: 100%;
}

.carousel-indicators [data-bs-target]{
    opacity: unset !important;
}
.carousel-indicators{
    /*bottom: -75px !important;*/
}

/*#project-info, #basic-info{
    font-family:'GothicCentury';
}*/


a{
    color: var(--primary-color) !important;
    
}

a:hover{
    color: var(--primary-color);
}

.img-container {
  position: relative;
}

.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
 
  
    padding: 10px 10px;
    border-radius: 5px;
}

.img-container:hover .image {
  opacity: 0.3;
}

.img-container:hover .middle {
  opacity: 1;
}

#contact-cont{
    margin-top: 30px;
}

.card{
    margin-top:50px;
}

.title{
    font-size: 36px;
}

#select2-countryCode-results li{
    text-align: left;
}

#contact-form .select2-selection__placeholder{
    color: #a9a5bd !important;
}

#select2-paymentMethod-results li{
    text-align: left;
}

@media (max-width: 749px){
    #related-properties .col-3, #features .col-3{
        width: 100% !important;
    }
    #contact-cont{
        margin-top: 20px;
    }
    .card{
        margin-top:30px;
    }
    .title{
        font-size: 25px;
    }
    
    .carousel-control-prev,.carousel-control-next{
        margin: 0px;
    }
}

@media (min-width: 750px) and (max-width: 1269px){
    #related-properties .col-3, #features .col-3{
        width: 50% !important;
    }
    #contact-cont{
        margin-top: 20px;
    }
    .card{
        margin-top:30px;
    }
    .title{
        font-size: 25px;
    }
    
    .carousel-control-prev,.carousel-control-next{
        margin: 0px;
    
    }
}