.home-carousel {
  background-color: rgba(135, 143, 214, 0.2) !important;
  padding: 56px 56px 1px;
}
.block-views-blockproperty-home-page-block-4 {
  padding-bottom: 56px;
}
.home-carousel > * {
  max-width: 1170px;
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}
.home-carousel .slick-slider .views-row {
  margin: 0 30px 0 0;
  background: #fff;
}
.home-carousel .slick-slider:hover .slick-next {
  right: 50px;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  line-height: inherit;
  font-weight: inherit;
  font-size: inherit;
  width: auto;
  margin: 0;
}
.home-carousel h2 {
  overflow: hidden;
  position: relative;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 38px !important;
  text-transform: uppercase;
}
.property-img-val-wrap {
  position: relative;
}
.sc_property_image {
  width: 100%;
}
.sc_property_image img {
  width: 100%;
}
.property_price_box {
  position: absolute;
  right: 0;
  bottom: 0;
  vertical-align: top;
  z-index: 1;
  padding: 0.636em 1.5em;
  font-family: Montserrat;
  font-size: 1.571em;
  color: #fff;
  background: rgba(239, 89, 90, 0.9);
}
.property_price_box .property_price_box_per {
  font-size: 0.65em;
  font-weight: 100;
  line-height: normal;
  vertical-align: top;
}
.sc_property_description a,
.sc_property_description {
  font-family: Montserrat;
  font-size: 0.714em;
  text-transform: uppercase;
  margin-bottom: 0em;
  color: #ef595a;
  text-decoration: none;
  font-size: 11px;
}
.sc_property_info {
  padding: 10px 28px 18px 28px;
  border-bottom: 1px solid #ebebeb;
}
.sc_property_icon {
  float: left;
  font-size: 2.2em;
  margin-right: 0.25em;
  margin-top: -5px;
  color: #878fd6;
}
.sc_property_title_address_1 {
  font-size: 23.996px;
  line-height: 29px;
  letter-spacing: -1px;
  padding: 3px 0 0;
}
.sc_property_title_address_1 p {
  margin: 0;
}
.sc_property_info_list {
  padding: 12px 28px 13px 28px;
  font-size: 12px;
}
.house-villas .sc_property_info_list {
	color:#212529;
	font-weight: 500;	
}
.sc_property_info_list span {
  margin-right: 1.5em;
}
.sc_property_info_list span:before {
  font-size: 1.25em;
  font-weight: 100;
  color: #999ca9;
  margin-right: 0.25em;
}
.sc_property_info_list span.icon-building113:before {
  margin-right: 0.45em;
}
.sc_property_info_list span:last-of-type {
  margin-right: 0;
}
.more-link {
  display: block;
  text-align: center;
  padding: 20px 0 20px;
}
.more-link a {
  font-size: 14px;
    padding: 14px 50px;
    border-radius: 27px;
    border: 1px solid #000;
    display: inline-block;
    text-decoration: none;
    color: #000;
    background-color: #ffffff;
}

@media (max-width: 991px) {
  .property_price_box {
    padding: 10px 20px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .home-carousel .slick-slider .views-row {
    margin: 0;
  }
  .home-carousel {
    padding: 56px 0px 1px;
  }
}
/*kevin */

.featured-award-wrapper {
  height: 80vh;
  align-items: center;
  /* color: white; */
  text-align: center;
  border-radius: 30px;
  margin-left: 10px;
  opacity: 0; /* Start invisible for fade-in effect */
  transform: translateY(20px); /* Start slightly lower for slide effect */
  animation: fadeInUp 0.8s forwards; /* Trigger animation */
}

@keyframes fadeInUp {
  to {
    opacity: 1; /* Fade in to visible */
    transform: translateY(0); /* Slide up to original position */
  }
}

.view-featured-awards .view-content {
  background-color: #cfe6ff;
  
}
.view-featured-awards .featured-award-wrapper {
  margin-top: 80px;
  margin-bottom: 80px;
}
/* .view-featured-awards .view-content:hover {
  background-color: #31916c;
} */



.view-featured-awards .img-wrapper {
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  width: 450px;
  transition: transform 0.3s ease; /* Add transition for scaling */
  margin-left: 200px;
  
}

.view-featured-awards .img-wrapper:hover {
  transform: scale(1.05); /* Scale up slightly on hover */
}

.view-featured-awards .img-wrapper img { 
  margin: 20px auto;
  /* border-radius: 20px; */
  width: 400px;
   /* Smooth image scaling */
}

.view-featured-awards .content-wrapper .award-winner {
  color:gold;
  display: inline-block; /* Ensure it behaves like an inline element */
  overflow: hidden; /* Hide overflow for animation effect */
  white-space: nowrap; /* Prevent text wrapping */
  animation: typing 3s steps(30, end); /* Animation */
  font-family: 'Arial', sans-serif; /* Use a bold, modern font */
  font-size: 3em; /* Large font size */
}

/* Typing effect */
@keyframes typing {
  from {
    width: 0; /* Start with no width */
  }
  to {
    width: 100%; /* Expand to full width */
  }
}
.view-featured-awards .content-wrapper .award-winner-desig {
  font-size: 15px;
  
}
.block-system-main-block .awards-page-wrapper {
  display: flex;                /* Flexbox layout */
  align-items: flex-start;      /* Aligns items vertically at the top */
  justify-content: flex-end;    /* Align image to the right */
  position: relative;           /* Allows for absolute positioning of text */
  width: 1400px;
  height: 290px; 
  margin-bottom: 100px;       
    /* Set height to match image */
}

.block-system-main-block .awards-page-wrapper img {
  width: 350px;
  height: 300px;
  /* border-radius: 20px; */
  background-color: #f0e68c;
  margin-left: 120px;            /* Space between image and text */
  animation-name: image-animation;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out; /* Smooth acceleration and deceleration */
  position: relative;           /* Image positioning */
  z-index: 1;     
  margin-top: 53px;
}

.block-system-main-block .awards-page-txt-sec {
  position: absolute;           /* Allows text to move freely */
  left: 0;                     /* Start position at the left edge */
  margin-top: 50px; 
  width: 800px;                /* Set a maximum width for the text */
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-style: normal;
  color:black;
  text-align: justify;
  
  /* background: rgb(23, 30, 62); */
  /* background: linear-gradient(180deg, rgb(20, 37, 55) 0%, rgb(41, 42, 81) 99%); */
/* background: linear-gradient(180deg, rgba(0,37,56,1) 0%, rgba(7,12,16,1) 99%);  */
  /* background: linear-gradient(180deg, rgba(0,37,56,1) 0%, rgba(7,12,16,1) 99%);  */
  padding: 15px;
  border-radius: 10px;         /* Rounded corners */
  /* border: 2px solid #212529; */
  /* box-shadow: 2px 2px 8px rgb(24, 38, 64); */
  z-index: 0;                  /* Behind the image */
  animation-name: text-slide;  /* Apply the animation */
  animation-duration: 4s;      /* Set animation duration */
  animation-fill-mode: forwards; /* Keep the final state after animation */
  animation-timing-function: ease-in-out; /* Smooth acceleration and deceleration */
  
}

/* Define the text animation */
@keyframes text-slide {
  from {
    opacity: 0;
    right: -400px;              /* Start fully hidden to the left */
  }
  to {
    opacity: 1;
    left: 160px;               /* Final position next to the image */
  }
}

/* Optional: Animation for the image */
@keyframes image-animation {
  from {
    opacity: 0;
    right: -400px;  /* Slide in from the right */
  }
  to {
    opacity: 1;
    right: 40px;                 /* Final position */
  }
}

.block-system-main-block .views-element-container .view{
  background: rgb(255, 255, 255);
/* background: linear-gradient(180deg, rgb(59, 72, 79) 0%, rgba(7,12,16,1) 99%);    */
}

.awards-list-view {
  background: #150e60;
  padding: 15px; /* Added padding for better spacing */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Added shadow for depth */
}

.awards-list-view h2 {
  text-align: center;
  color: white;
  margin: 15px 0; /* Adjusted top and bottom margins */
}
.awards-list-view .view-content {
  display: flex;
  flex-wrap: wrap;
}
.awards-list-view .view-content .views-row {
  max-width: 33.33%;
}
.awards-list-view .row {
  display: flex; /* Use flexbox for layout */
  flex-wrap: wrap; /* Allow wrapping for responsiveness */
  justify-content: center; /* Center content horizontally */
  margin: 0; /* Reset margins */
}

.awards-list-view .row img {
  margin: 10px; /* Add margin around images */
  width: 100%; /* Make images responsive */
  max-width: 300px; /* Limit maximum width */
  height: auto; /* Maintain aspect ratio */
  border-radius: 5px;
  transition: transform 0.3s; /* Add transition for hover effect */
  position: relative;
  bottom: 30px;
}

.awards-list-view .row img:hover {
  transform: scale(1.05); /* Slightly scale image on hover */
}
.awards-list-view .row .views-row .views-field-name{
  width: 316px;
  height: -20px;
  position: relative;
  left: 10px;
  top: 240px;
  margin-bottom: 10px;
}
.title-content a,
.date-content,
.desc-content p {
  color: #000 !important; 
}