* {
  color: white;
}

.nav {
  background-image: linear-gradient(90deg, #5BD4EF 0%, #002447 100%);
}

.title {
  padding: 11.8rem 0;
  box-sizing: border-box;
  height: 40.3rem;
  background-image: url(../assets/images/bg-banner-solution.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}
.title::after {
  content: "";
  opacity: 0.9;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(105deg, #5BD4EF 0%, #002447 100%);
}
.title p {
  font-size: 2rem;
  margin-top: 2.8rem;
  max-width: 62.4rem;
}
.title.dmp h1 {
  font-size: 4.7rem;
  margin-bottom: 2rem;
}
.title.dmp p {
  margin: 0;
  margin-bottom: 2rem;
}
.title.dmp .btn-main {
  padding: 1.826rem 5.35rem 1.874rem;
}
.title.dmp .banner-image {
  transform: translateY(-7rem);
}
.title.dmp .banner-image img {
  width: 100%;
}

ul {
  margin-bottom: 2rem;
  padding: 0;
  list-style-type: none;
}
ul li {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #002447;
  margin-bottom: 1rem;
}
ul li .check {
  margin-right: 1.115rem;
  width: 1.985rem;
  height: 1.985rem;
}

.video.video-dmp {
  padding: 0;
  transform: translateY(-27rem);
  margin-bottom: -27rem;
}
.video.video-pmp {
  padding: 10rem 0;
}
.video.video-pmp .video-holder {
  height: 46.2rem;
  padding: 0;
}
.video h3 {
  margin-bottom: 2rem;
}
.video p {
  max-width: 44rem;
}
.video .video-holder {
  padding-bottom: 5rem;
  width: 100%;
  height: 52.3rem;
}
.video .video-holder video,
.video .video-holder iframe,
.video .video-holder img {
  width: 100%;
  height: 100%;
}

.text {
  padding: 9.3rem 0 8.3rem;
  background-image: linear-gradient(104deg, #002447 0%, #269CFC 100%);
}
.text p {
  text-align: center;
  font-size: 1.8rem;
}

.how-it-works {
  padding: 7rem 0;
  transform: translateY(-44.5rem);
  margin-bottom: -44.5rem;
}
.how-it-works .texts {
  transform: translateY(4rem);
}
.how-it-works .texts h3 {
  font-size: 2.8rem;
}
.how-it-works .texts p {
  width: 90%;
}
.how-it-works .image-holder {
  position: relative;
  height: 51.7rem;
  width: 100%;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-it-works .image-holder img {
  width: 100%;
  height: auto;
  max-width: 100%;
}

.cards {
  padding: 0 0 4rem;
}
.cards .card {
  height: 100%;
  box-sizing: border-box;
  padding: 5rem;
  margin: 0rem auto 3rem;
  background-color: white;
  border: 1px solid #E8E8E8;
  text-align: center;
}
.cards .card img {
  margin-bottom: 3rem;
}
.cards .card h4 {
  color: #00509E;
}
.cards .card p {
  color: #002447;
}

.benefits {
  padding: 7.4rem 0 6.3rem;
}
.benefits h3 {
  font-size: 3.5rem;
}
.benefits p {
  max-width: 65rem;
}
.benefits .image-holder {
  position: relative;
}
.benefits .image-holder img {
  width: 100%;
}
.benefits .image-holder::before {
  position: absolute;
  bottom: 4.6rem;
  left: 0;
  content: "";
  height: 8.6rem;
  width: 8.6rem;
  background-image: linear-gradient(212deg, #C1E0F4 0%, #8CC8FA 100%);
  border-radius: 100%;
}

.image-text {
  padding: 7.5rem 0;
  background-color: #F2F2F2;
  position: relative;
}
.image-text .container {
  width: calc(100vw - 30rem);
}
.image-text .texts {
  margin-left: auto;
  width: 51%;
}
.image-text .texts h3 {
  font-weight: bold;
  margin: 0;
}
.image-text .texts .btn-main {
  display: inline-block;
  margin-top: 3rem;
}
.image-text .image {
  width: 46%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-text .image img {
  width: 100%;
  height: auto;
}

.note-additional {
  padding: 8.3rem 0;
  position: relative;
  background-color: #073883;
  background-image: url(../assets/images/note-bg-img-d.svg);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
}
.note-additional p {
  font-size: 2rem;
}

.talk-to-us {
  padding: 54.6rem 0;
  background-image: url(../assets/images/contact-section-img-d.png);
  background-size: 100%;
  background-position: top;
  background-repeat: no-repeat;
}
.talk-to-us h2 {
  margin-bottom: 2.1rem;
}
.talk-to-us p {
  max-width: 44rem;
}
.talk-to-us .btn-main {
  padding-left: 5.6rem;
  padding-right: 5.6rem;
}
.talk-to-us .c-m-1 {
  display: none;
}

.d-note-t1 {
  width: 74%;
  margin: auto;
}

@media (max-width: 767px) {
  .title {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 3.4rem 0;
    height: 27rem;
  }
  .title h1 {
    font-size: 3.3rem;
  }
  .title p {
    font-size: 1.6rem;
  }
  .title .ellipse {
    display: none;
  }
  .title.dmp h1 {
    text-align: left;
    font-size: 3.1rem;
  }
  .title.dmp p,
.title.dmp .btn-main {
    display: block;
    text-align: left;
  }
  .video.video-dmp {
    transform: translateY(-4rem);
    margin-bottom: -5rem;
  }
  .video.video-pmp {
    padding: 3.5rem 0;
  }
  .video.video-pmp .video-holder {
    height: 27.5rem;
    padding: 0;
    padding-bottom: 5rem;
  }
  .video h2 {
    margin-top: 2rem;
  }
  .video p {
    max-width: 44rem;
  }
  .video .video-holder {
    padding-bottom: 3rem;
    width: 100%;
    height: 27.5rem;
  }
  .video .video-holder video,
.video .video-holder iframe,
.video .video-holder img {
    width: 100%;
    height: auto;
  }
  .note-additional {
    padding: 18% 0 18%;
    background-image: url(../assets/images/note-bg-sm.jpg);
  }
  .note-additional p {
    font-size: 131% !important;
  }
  .talk-to-us {
    padding: 2.8rem 0 12rem;
    background-color: #0C2A73;
    background-image: url(../assets/images/contact-bg-sm.jpg);
  }
  .talk-to-us h2 {
    max-width: 50%;
    margin-bottom: 44%;
  }
  .talk-to-us p {
    color: white;
    text-align: center;
  }
  .talk-to-us .btn-main {
    margin: auto;
    display: block;
  }
  .talk-to-us .c-d-1 {
    display: none;
  }
  .how-it-works {
    transform: none;
    margin-bottom: 0;
    padding: 0;
  }
  .how-it-works .texts {
    transform: none;
  }
  .how-it-works .texts h3 {
    font-weight: bold;
    margin-top: 3.3rem;
  }
  .how-it-works .texts p {
    width: 100%;
    margin-bottom: 1.3rem;
  }
  .how-it-works .image-holder {
    position: relative;
    height: 24.7rem;
    left: -2.1rem;
    width: 100vw;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
  }
  .how-it-works .image-holder img {
    width: 100%;
    height: auto;
    max-width: unset;
  }
  .cards .row {
    gap: 1.9rem;
  }
  .cards .card {
    padding: 3rem;
  }
  .benefits {
    padding: 3rem 0;
  }
  .benefits .image-holder {
    display: block;
    width: 27.9rem;
    margin: auto;
  }
  .benefits .image-holder::before {
    width: 5.2rem;
    height: 5.2rem;
    bottom: 2.8rem;
  }
  .benefits h3 {
    font-size: 2.5rem;
    margin-top: 3.3rem;
  }
  .image-text {
    padding: 0 0 4rem;
    display: flex;
    flex-flow: column;
  }
  .image-text .texts {
    margin-top: 2.9rem;
    width: 100%;
    margin-bottom: 2rem;
  }
  .image-text .texts h3 {
    font-size: 2.5rem;
    font-weight: bold;
  }
  .image-text .container {
    width: calc(100vw - 4.2rem);
  }
  .image-text .image {
    position: unset;
    width: 100%;
    height: 25rem;
    overflow: hidden;
  }
  .image-text .image img {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .ellipse {
    display: none;
  }
  .video p {
    max-width: 75%;
  }
  .tab-dmp {
    display: flex;
    flex-direction: column-reverse;
  }
  .video.video-dmp {
    transform: translateY(-9rem);
    margin-bottom: -5rem;
  }
  .video.video-pmp {
    padding: 0rem 0rem 5rem 0rem;
  }
  .video.video-pmp .video-holder {
    padding: 0rem 0rem 5rem 0rem;
  }
  .talk-to-us {
    background-color: #0C2A73;
  }
  .how-it-works {
    padding: 62rem 0 15%;
    margin-bottom: -64.5rem;
  }
  .how-it-works .texts {
    transform: translateY(-13rem);
  }
  .cards {
    padding: 0 0 10%;
  }
  .tab-card-gap {
    gap: 20px;
  }
  .tab-note-text-1 {
    width: 65%;
    margin: auto;
  }
  .tab-note-text-2 {
    width: 70%;
    margin: auto;
  }
  .benefits .image-holder img {
    width: 50%;
    margin: auto;
  }
  .tab-benefits-nowrap-reverse {
    flex-direction: column-reverse !important;
    flex-wrap: nowrap !important;
    gap: 20px;
  }
  .benefits .image-holder::before {
    height: 5.6rem;
    width: 5.6rem;
  }
  .image-text .image {
    width: 50%;
  }
  .image-text .image img {
    width: 175%;
    height: auto;
  }
  .image-text .texts {
    margin-left: auto;
    width: 42%;
  }
  .image-text .container {
    width: 82%;
  }
  .how-it-works .image-holder {
    height: 75%;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .title {
    padding: 8.8rem 0;
  }
  .title p {
    max-width: 49rem;
  }
  .video .video-holder video,
.video .video-holder iframe,
.video .video-holder img {
    width: 100%;
    height: auto;
  }
  .video.video-dmp {
    transform: translateY(-14rem) !important;
    margin-bottom: -19rem !important;
  }
  .video .video-holder {
    padding-bottom: 5rem;
    width: 100%;
    height: 37.3rem;
  }
  .video.video-pmp .video-holder {
    height: 34.2rem;
  }
  .talk-to-us {
    padding: 22% 0 24% !important;
  }
  .how-it-works {
    padding: 7rem 0;
    transform: translateY(-37.5rem);
    margin-bottom: -35.5rem;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .talk-to-us {
    padding: 22% 0 25% !important;
  }
}
@media (min-width: 1400px) and (max-width: 1440px) {
  .talk-to-us {
    padding: 37.6rem 0 43.6rem !important;
  }
}
@media (min-width: 1500px) and (max-width: 1700px) {
  .talk-to-us {
    padding: 45.6rem 0 !important;
  }
}
@media (min-width: 1700px) and (max-width: 1920px) {
  .talk-to-us {
    padding: 22% 0 28% !important;
  }
}
@media (min-width: 2560px) {
  .video .video-holder video,
.video .video-holder iframe,
.video .video-holder img {
    width: 80%;
    height: auto;
  }
  .title {
    padding: 6.8rem 0;
  }
  .title p {
    font-size: 3rem;
    margin-top: 2.8rem;
    max-width: 88.4rem;
  }
  .video.video-dmp {
    transform: translateY(-10rem);
    margin-bottom: 5rem;
  }
  .video.video-pmp {
    padding: 0rem 0 25rem;
  }
  .video p {
    max-width: 71rem;
  }
  ul li {
    font-size: 2.6rem;
  }
  ul li .check {
    width: 2.985rem;
    height: auto;
  }
  ul {
    margin-bottom: 6rem;
  }
  .note-additional p {
    font-size: 3.5rem;
  }
  .talk-to-us {
    padding: 68.6rem 0 73rem;
  }
  .talk-to-us p {
    max-width: 63rem;
  }
  .how-it-works {
    transform: translateY(-30.5rem);
    margin-bottom: -18.5rem;
  }
  .how-it-works .texts h3 {
    font-size: 4rem;
  }
  .d-note-t1 {
    width: 81%;
    margin: auto;
  }
}/*# sourceMappingURL=solutions.css.map */