* {
  margin: 0px;
}

.yc-banner {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 580px;
  position: relative; 
  
}

.blue-vector {
    position: relative;
  width: 141px;
  height: 126px;
  left: 429px;
  top: 0px;
}

.text-banner {
    position: absolute;
  left: 137px;
  top: 174px;
  width: 70%;

}



.new-team-text{
  width: 46.94%;
}



.mobile {
  display: none;
}


.bolder {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
  /* or 200% /
  / Inchcape Dark Blue */
  color: #00233A;
}

.light-btn {
  font-family: 'Century Gothic';
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  line-height: 38px;
  padding: 5px 23px;
  border: 1px solid #16BAE7;
  color: #16BAE7;
}

.light-btn:hover {
  background-color: #16BAE7;
  color: white;
}


.ydevelopment-container {
  width: 46.94%;
  position: relative;

}

.nt-image {
  width: 484px;
  height: 362px;
  object-fit: cover;
}

.hover:hover {
  transition-timing-function: ease;
  transition-duration: 2s;
  transition-delay: 0s;
  transition-property: all;
  cursor: pointer;
}

.yd-text {
  width: 90%;
}

.title-bold-yd {
	font-family: 'AvantGarde Bold';
	font-style: normal;
	font-weight: 700;
	font-size: 30px;
	line-height: 38px;
	/* or 127% *//* Inchcape Dark Blue */color: #00233A;
}


@media screen and (max-width: 990px) {
    .nt-image {
  width: 350px;
  height: 315px;
}

}


@media screen and (max-width: 768px) {
  * {
      margin: 0px;
      padding: 0px;
  }

  .large-banner{
    font-weight: 700;
    font-size: 45px;
    line-height: 85%;
  }

  .blue-vector {
    width: 132px;
    height: 121px;
    left: 65.36px;
    top: 0px;
  }

  .yd-text {
    width: 90%;
  }

  .yc-banner {

    background-position: cover;
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    height: 735px;
    background-position-x: 35%
  }

  .newteam-title {
    width: 75%;
  }

  .new-team {
    gap: 40px;
    }

  .text-banner {
    left: 35px;
    top: 627px;
  }

  .new-team-text{
  width: 95%;
}

.nt-image {
  width: 100%;
  height: 232px;
}

.s-btn-mobile {
    align-items: center;
}
.ydevelopment-container {
  width: 95%;

}

.spacing {
    gap: 40px;
}

.title-bold-yd {
  font-size: 16px;
  line-height: 38px;
}

}