.cd__main {
  background: linear-gradient(to right, #ff7900, #f16e00) !important;
}

body {
  background-color: #ffedd6;
  background: #ff7900;  /* fallback for old browsers */
  /* background: -webkit-linear-gradient(to right, #ff7900, #ff7900);  Chrome 10-25, Safari 5.1-6 */
  background: #ffedd6; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.image-text-container img {
  width: 100%; 
  height: 450px; 
  object-fit: cover;
}

@media (max-width: 768px) {
  .image-text-container img {
    height: 300px;
  }
}

.image-text-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.carousel-caption {
  position: static;
  right: 0;
  text-align: left;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  margin-left: 50%; /* Position the text starting from the middle of the container */
  max-width: 50%; /* Limit the text width to the right half */
}

@media (max-width: 768px) {
  .carousel-caption {
    margin-left: 0;
    max-width: 100%;
    text-align: center;
  }
}




.padding {padding: 80px 0;}
.img-rounded{
  border-radius: 50% !important;
}
.about_section .about_img img
{
    max-width:100%;
	  /* border-radius:50px; */
    box-shadow:0 16px 28px 0 rgba(0, 0, 0, 0.792);}

@media (min-width:992px)
{
    .about_section .about_img img
    {
	  width:60%;}

    .about_section .about_img_2
    {
    margin:-180px 0 0 270px;}
    
    .about_section .about_img_3
    {
    margin:-260px 0 0 40px;}
}

@media(max-width:991px)
{
    .about_section .about_img img
  {
      margin:3rem 0;}
}

.about_section .content 
{
  font-size: x-large;
  
}

/* Keyframes for fading in from the left */
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translateX(-50px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Keyframes for fading in from the right */
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translateX(50px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Apply animation to the about section content */
.about_section .content {
  animation: fadeInLeft 1s ease-out forwards;
}

/* Apply animation to the images, with staggered delays for a sequential effect */
.about_section .about_img_1 {
  animation: fadeInRight 1s ease-out forwards;
}

.about_section .about_img_2 {
  animation: fadeInRight 1.5s ease-out forwards;
}

.about_section .about_img_3 {
  animation: fadeInRight 2s ease-out forwards;
}