/* Set black background color, white text and some padding */
footer {
  color: white;
  padding: 15px;
  background-color: #25448a; /* For browsers that do not support gradients */
  background-image: linear-gradient(to left, #2cb5bf, #25448a);
}

.navbar {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.pd-lr {
  padding-left: 10%;
  padding-right: 10%;
}

.pd-l1 {
  padding-left: 23%;
  /*padding-right: 10%;*/
}

.pd-r1 {
  padding-left: 10%;
  padding-right: 10%;
}

.mg-bt {
  margin-bottom: 5%;
}

.mg-bt-sm {
  margin-bottom: 2%;
}

.mg-top {
  margin-top: 5%;
}

.heading-txt {
  font-family: "Outfit", sans-serif;
  font-weight: 700;
}

.sub-head-txt {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}

.bd-txt-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.bd-txt {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.img-box {
  text-align: center;
}

.font-very-big {
  font-size: 55px;
  padding: 10% 7% 7% 0%;
}

.banner-img {
  height: 380px;
  padding: 16% 0% 6% 0%;
  width: 300px;
}

.bg-grey-light {
  background-color: #f9f9f9;
}

.p-txt {
  text-align: justify;
}



#myCarousel {
  margin-top: 50px;
}

@media (max-width: 768px) {
  .carousel-inner .carousel-item>div {
      display: none;
  }

  .carousel-inner .carousel-item>div:first-child {
      display: block;
  }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-start,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
  display: flex;
}

.carousel .card{
  border:none !important;
}

@media (min-width: 768px) {

  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next,
  .carousel-item-next:not(.carousel-item-start) {
      transform: translateX(25%) !important;
  }

  .carousel-inner .carousel-item-left.active,
  .carousel-item-prev:not(.carousel-item-end),
  .active.carousel-item-start,
  .carousel-item-prev:not(.carousel-item-end) {
      transform: translateX(-25%) !important;
  }

  .carousel-item-next.carousel-item-start,
  .active.carousel-item-end {
      transform: translateX(0) !important;
  }

  .carousel-inner .carousel-item-prev,
  .carousel-item-prev:not(.carousel-item-end) {
      transform: translateX(-25%) !important;
  }
}

.parent {
  position: relative;
  top: 0;
  left: 0;
}

.image1 {
  position: relative;
  top: 0;
  left: 0;
  box-shadow: rgba(100, 100, 111, 0.3) 0px 7px 10px 0px;
}

.image2 {
  position: absolute;
  bottom: 10%;
  left: 12%;
  height: auto;
  width: 35%;
}

.image3 {
  position: absolute;
  bottom: 10%;
  right: 12%;
  height: auto;
  width: 35%;
}

.image4 {
  position: absolute;
  bottom: 16px;
  right: 16px;
  left: 16px;
  opacity: 1;
}