.gradient-overlay-1 {
    background: linear-gradient(90deg, #01375d 12.37%, rgba(57, 103, 138, 0) 100%);
}
.radius {
    border-radius: 35px;
}
/* Zoom-in animation keyframes */
@keyframes zoomIn {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* Apply zoom-in only to the 3rd image */
.zoom-img {
  animation: zoomIn 8s ease-in-out forwards;
}
/* Slider styles */
#sliderCarousel .carousel-item .carousel-caption {
    right: unset;
    top: 30%;
    bottom: unset;
    left: 15%;
    text-align: left;
}
#sliderCarousel .carousel-item .carousel-caption h5 {
    /* background: #fff; */
    color: #ffffff;
    font-size: 3rem;
    /* padding: 1rem; */
    font-weight: 800;
    opacity: 0;
}
#sliderCarousel .carousel-caption p {
    font-size: 1.3rem;
    font-weight: 400;
    position: relative;
    /* padding-left: 21px; */
    opacity: 0;
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
#sliderCarousel .carousel-item .carousel-caption.caption-animate p {
  animation: fadeInTop 0.8s ease both;
  animation-delay: 0.5s;
}
#sliderCarousel .carousel-item .carousel-caption.caption-animate .custom-btn {
  animation: fadeInTop 0.8s ease both;
  animation-delay: 0.5s;
}
#sliderCarousel .carousel-item .carousel-caption.caption-animate .phone {
  animation: fadeInTop 0.8s ease both;
  animation-delay: 0.6s;
}
#sliderCarousel .carousel-item .carousel-caption.caption-animate h5 {
  animation: fadeInTop 0.8s ease both;
  animation-delay: 0.4s;
}
/* #sliderCarousel .carousel-caption p:before {
    content: '\f111';
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-size: 10px;
    color: #f9ad00;
    font-weight: 700;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
} */
#sliderCarousel .carousel-control-next, #sliderCarousel .carousel-control-prev {
    opacity: 1;
}
#sliderCarousel .carousel-control-prev-icon, #sliderCarousel .carousel-control-next-icon {
    background: #031331;
    position: relative;
    padding: 23px;
}
#sliderCarousel .carousel-control-prev-icon:before {
    content: '\f053';
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    color: #f9ad00;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#sliderCarousel .carousel-control-next-icon:before {
    content: '\f054';
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-size: 20px;
    color: #f9ad00;
    font-weight: 700;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media only screen and (max-width: 996px) {
    #sliderCarousel .carousel-item .carousel-caption {
        top: 20%;
    }
    #sliderCarousel .carousel-item .carousel-caption h5 {
        font-size: 4vw;
    }
    #sliderCarousel .carousel-caption p {
        font-size: 3vw;
    }
}
@media only screen and (max-width: 676px) {
    #sliderCarousel .carousel-item .carousel-caption {
        top: 50%;
        left: 0;
        padding: 57px;
        transform: translate(0, -50%);
    }
    #sliderCarousel .carousel-item .carousel-caption h5 {
        font-size: 6vw;
        padding: 2vw;
    }
    #sliderCarousel .carousel-caption p {
        font-size: 6vw;
    }
    #sliderCarousel .carousel-control-prev-icon, #sliderCarousel .carousel-control-next-icon {
        padding: 3vw;
    }
    .radius {
        border-radius: 0px!important;
    }
}
@media only screen and (max-width: 767px) {
    
    .radius {
        border-radius: 0px!important;
    }
}