@font-face {
  font-family: "Bartomes";
  src: url(../font/Bartomes.otf);
}
@font-face {
  font-family: "Bartomes";
  src: url(../font/Bartomes.ttf);
}
body {
  margin: 0;
  padding: 0;
  font-family: "Poppins";
  color: #ffffff !important;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

a {
  text-decoration: none !important;
  color: #000000;
}
a:hover {
  text-decoration: none !important;
}

p {
  margin: 0;
  font: normal normal 400 22px/150% "Poppins";
}

img, svg {
  max-width: 100%;
  display: block;
}

.container {
  max-width: 1200px;
}

.btn {
  display: inline-block !important;
  background: linear-gradient(268.28deg, #C729FF 0%, #8E36FC 100%);
  padding: 9px 54px !important;
  color: #ffffff !important;
  letter-spacing: 0.364px;
  box-shadow: none !important;
  outline: 0 !important;
  border: 0 !important;
  font: normal normal 700 22px/34px "Poppins" !important;
  border-radius: 5px !important;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  -ms-border-radius: 5px !important;
  -o-border-radius: 5px !important;
}
.btn:hover {
  background: linear-gradient(268.28deg, rgb(199, 41, 255) 0%, rgb(142, 54, 252) 100%);
  color: #ffffff !important;
}
@media screen and (max-width: 1439px) {
  .btn {
    padding: 9px 53px !important;
    font-size: 20px !important;
    line-height: 34px !important;
    letter-spacing: 0.43px;
  }
}
@media screen and (max-width: 1079px) {
  .btn {
    padding: 8px 42px !important;
    font-size: 16px !important;
    line-height: 34px !important;
    letter-spacing: 0.35px;
  }
}
@media screen and (max-width: 575px) {
  .btn {
    padding: 9px 22px !important;
    font-size: 15px !important;
    line-height: 23px !important;
  }
}

/***************** home page *******************/
.banner-section {
  background-image: url(../img/banner.jpg);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1900px) {
  .banner-section {
    background-image: url(../img/banner-1680.jpg);
  }
}
@media screen and (max-width: 1679px) {
  .banner-section {
    background-image: url(../img/banner-1440.jpg);
  }
}
@media screen and (max-width: 1439px) {
  .banner-section {
    background-image: url(../img/banner-1080.jpg);
  }
}
@media screen and (max-width: 1079px) {
  .banner-section {
    background-image: url(../img/banner-834.jpg);
  }
}
@media screen and (max-width: 575px) {
  .banner-section {
    background-image: url(../img/banner-5.jpg);
  }
}

.banner-content {
  text-align: right;
  padding: 106px 65px 210px 15px;
}
@media screen and (min-width: 2050px) {
  .banner-content {
    padding: 380px 68px 380px 15px;
  }
}
@media screen and (max-width: 1920px) {
  .banner-content {
    padding: 106px 160px 210px 15px;
  }
}
@media screen and (max-width: 1900px) {
  .banner-content {
    padding-right: 120px;
  }
}
@media screen and (max-width: 1679px) {
  .banner-content {
    padding-right: 180px;
  }
}
@media screen and (max-width: 1439px) {
  .banner-content {
    padding: 145px 123px 119px 15px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content {
    padding: 61px 57px 62px 15px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content {
    padding: 45px 20px 28px 15px;
  }
}
.banner-content h1 {
  font: normal normal 200 80px/64px "Bartomes";
  color: #ffffff;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  display: -webkit-flex;
  align-items: baseline;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: relative;
  padding-left: 84px;
  margin-left: auto;
}
.banner-content h1 svg {
  position: absolute;
  left: 0;
  top: calc(28% + 12px);
}
@media screen and (max-width: 1439px) {
  .banner-content h1 svg {
    max-width: 60px;
    top: calc(27% + 10px);
  }
}
@media screen and (max-width: 1079px) {
  .banner-content h1 svg {
    max-width: 40px;
    top: calc(23% + 6px);
  }
}
@media screen and (max-width: 575px) {
  .banner-content h1 svg {
    max-width: 24px;
    top: calc(1% + 3.5px);
  }
}
@media screen and (max-width: 1920px) {
  .banner-content h1 {
    padding-left: 88px;
  }
}
@media screen and (max-width: 1439px) {
  .banner-content h1 {
    font: normal normal 200 70px/56px "Bartomes";
    padding-left: 74px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content h1 {
    font: normal normal 200 50px/40px "Bartomes";
    padding-left: 51px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .banner-content h1 {
    font: normal normal 200 30px/24px "Bartomes";
    align-items: baseline;
    padding-left: 29px;
  }
}
.banner-content h1 span {
  font: normal normal 700 100px/150px "Poppins";
  color: #D04CFF;
}
@media screen and (max-width: 1439px) {
  .banner-content h1 span {
    font: normal normal 700 90px/135px "Poppins";
  }
}
@media screen and (max-width: 1079px) {
  .banner-content h1 span {
    font: normal normal 700 70px/105px "Poppins";
  }
}
@media screen and (max-width: 575px) {
  .banner-content h1 span {
    font: normal normal 700 42px/63px "Poppins";
  }
}
.banner-content p {
  max-width: 585px;
  margin-left: auto;
  margin-bottom: 0;
  margin-top: -5.5px;
  letter-spacing: 0.5px;
  font: normal normal 300 24px/30px "Poppins";
}
@media screen and (max-width: 1439px) {
  .banner-content p {
    font-size: 18px;
    max-width: 437px;
    margin-top: -4px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content p {
    font-size: 18px;
    max-width: 437px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content p {
    font-size: 12px;
    line-height: 18px;
    max-width: 300px;
    margin-top: 0;
  }
}
.banner-content p span {
  color: #D04CFF;
  font-weight: 700;
}
@media screen and (max-width: 1439px) {
  .banner-content p span {
    font-size: 18px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content p span {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content p span {
    font-size: 12px;
  }
}
.banner-content hr {
  max-width: 644px;
  height: 0.5px;
  margin: 32px 0 26px auto;
  background: rgba(217, 217, 217, 0.5);
  border: 0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
@media screen and (max-width: 1920px) {
  .banner-content hr {
    max-width: 636px;
  }
}
@media screen and (max-width: 1679px) {
  .banner-content hr {
    max-width: 633px;
  }
}
@media screen and (max-width: 1439px) {
  .banner-content hr {
    max-width: 627px;
    margin: 30px 0 26.5px auto;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content hr {
    max-width: 564px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content hr {
    max-width: 305px;
    margin: 16px 0 26.5px auto;
  }
}
.banner-content p:last-of-type {
  max-width: 644px;
  width: 100%;
  margin-top: 0;
  font: normal normal 200 18px/24px "Poppins";
}
@media screen and (max-width: 1439px) {
  .banner-content p:last-of-type {
    font-size: 16px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content p:last-of-type {
    max-width: 455px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content p:last-of-type {
    font-size: 12px;
    line-height: 18px;
    max-width: 234px;
    letter-spacing: 0.54px;
  }
}
.banner-content .btn {
  margin-top: 147px;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.banner-content .btn:hover {
  background: linear-gradient(268.28deg, #8A1AB1 0%, #51179A 100%);
}
@media screen and (max-width: 1920px) {
  .banner-content .btn {
    margin-top: 147px;
  }
}
@media screen and (max-width: 1439px) {
  .banner-content .btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1079px) {
  .banner-content .btn {
    margin-top: 30px;
  }
}
@media screen and (max-width: 575px) {
  .banner-content .btn {
    margin-top: 96px;
    padding: 9px 22px;
  }
}

/**************** creator-section *************/
.creator-section .oncologists-content {
  padding: 97px 15px 96px;
  max-width: 885px;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .creator-section .oncologists-content {
    padding: 89px 15px;
    max-width: 834px;
  }
}
@media screen and (max-width: 1079px) {
  .creator-section .oncologists-content {
    padding: 56px 15px 50px;
    max-width: 724px;
  }
}
@media screen and (max-width: 575px) {
  .creator-section .oncologists-content {
    padding: 56px 20px 56px;
  }
}
@media screen and (max-width: 450px) {
  .creator-section .oncologists-content {
    max-width: 375px;
  }
}
.creator-section .oncologists-content h2 {
  font: normal normal 600 42px/63px "Poppins";
  color: #637BA1;
  text-transform: capitalize;
  margin-bottom: 14px;
}
@media screen and (max-width: 1439px) {
  .creator-section .oncologists-content h2 {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1079px) {
  .creator-section .oncologists-content h2 {
    font-size: 28px;
    line-height: 42px;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 575px) {
  .creator-section .oncologists-content h2 {
    font-size: 24px;
    line-height: 36px;
  }
}
.creator-section .oncologists-content p {
  font: normal normal 400 14px/20px "Poppins";
  color: #01204E;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 1439px) {
  .creator-section .oncologists-content p {
    letter-spacing: 0.15px;
  }
}
@media screen and (max-width: 575px) {
  .creator-section .oncologists-content p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.36px;
  }
}

.slider-title {
  background-color: #052547;
  padding: 28px 15px 29px;
  text-align: center;
}
@media screen and (max-width: 1439px) {
  .slider-title {
    padding: 33px 15px;
  }
}
@media screen and (max-width: 1079px) {
  .slider-title {
    padding: 19px 15px;
  }
}
@media screen and (max-width: 575px) {
  .slider-title {
    padding: 14px 15px;
  }
}
.slider-title h2 {
  font: normal normal 600 42px/63px "Poppins";
  color: #90A6CA;
  margin-bottom: 0;
}
@media screen and (max-width: 1439px) {
  .slider-title h2 {
    font-size: 36px;
    line-height: 54px;
  }
}
@media screen and (max-width: 1079px) {
  .slider-title h2 {
    font-size: 28px;
    line-height: 42px;
  }
}
@media screen and (max-width: 575px) {
  .slider-title h2 {
    font-size: 24px;
    line-height: 36px;
  }
}

@media screen and (max-width: 1079px) {
  .creator-slide .creater-img img {
    min-height: 417px;
  }
}
@media screen and (max-width: 450px) {
  .creator-slide .creater-img img {
    min-height: unset;
  }
}
.creator-slide .creater-content {
  background: linear-gradient(180deg, rgba(134, 133, 133, 0) 0%, rgba(16, 16, 16, 0.37) 18.49%, rgba(0, 0, 0, 0.7) 27.96%, #000000 36.58%, #000000 100%);
  padding: 176px 55px 102px 59px;
  margin-top: -261px;
  z-index: 1;
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 1079px) {
  .creator-slide .creater-content {
    padding: 159px 57px 40px 40px;
    margin-top: -242px;
  }
}
@media screen and (max-width: 575px) {
  .creator-slide .creater-content {
    padding: 224px 20px 24px 20px;
    margin-top: -217px;
  }
}
.creator-slide .creater-content h3 {
  font: normal normal 600 28px/36px "Poppins";
  margin-bottom: 22px;
}
@media screen and (max-width: 1439px) {
  .creator-slide .creater-content h3 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (max-width: 1079px) {
  .creator-slide .creater-content h3 {
    font-size: 24px;
  }
  .creator-slide .creater-content h3 br {
    display: none;
  }
}
@media screen and (max-width: 575px) {
  .creator-slide .creater-content h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 16px;
  }
}
.creator-slide .creater-content p {
  font: normal normal 300 14px/21px "Poppins";
  margin-bottom: 30px;
  text-align: justify;
  flex: 1;
}
@media screen and (max-width: 1900px) {
  .creator-slide .creater-content p {
    letter-spacing: -0.1px;
  }
}
@media screen and (max-width: 1679px) {
  .creator-slide .creater-content p {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 1439px) {
  .creator-slide .creater-content p {
    font-size: 14px;
    line-height: 21px;
  }
}
@media screen and (max-width: 575px) {
  .creator-slide .creater-content p {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 26px;
  }
}
.creator-slide .creater-content p:last-of-type {
  margin-bottom: 14px;
}
@media screen and (max-width: 575px) {
  .creator-slide .creater-content p:last-of-type {
    margin-bottom: 30px;
  }
}
.creator-slide .creater-content .learn-more-btn {
  text-align: right;
}
.creator-slide .creater-content .learn-more-btn .btn-2 {
  letter-spacing: 0.04px;
  padding: 9px 31px 10px 34px !important;
  font: normal normal 700 14px/21px "Poppins" !important;
  border-radius: 20px !important;
  -webkit-border-radius: 20px !important;
  -moz-border-radius: 20px !important;
  -ms-border-radius: 20px !important;
  -o-border-radius: 20px !important;
}
.creator-slide .creater-content .learn-more-btn .btn-2:hover {
  background: linear-gradient(268.28deg, #8A1AB1 0%, #51179A 100%);
}
@media screen and (max-width: 575px) {
  .creator-slide .creater-content .learn-more-btn .btn-2 {
    display: block !important;
    text-align: center;
    padding: 9px 31px 9px 34px !important;
  }
}

.creator-slide.slick-slide:nth-child(5) br {
  display: block;
}

.slick-slider .slick-track {
  display: flex;
  display: -webkit-flex;
}

.slick-slider .slick-list {
  display: flex;
  display: -webkit-flex;
  padding-right: 128px;
}
@media screen and (max-width: 1920px) {
  .slick-slider .slick-list {
    padding: 0;
  }
}
@media screen and (max-width: 1900px) {
  .slick-slider .slick-list {
    padding-right: 54.92%;
  }
}
@media screen and (max-width: 1679px) {
  .slick-slider .slick-list {
    padding-right: 39.05%;
  }
}
@media screen and (max-width: 1200px) {
  .slick-slider .slick-list {
    padding-right: 39.05%;
  }
}
@media screen and (max-width: 1199px) {
  .slick-slider .slick-list {
    padding-right: 1.9%;
  }
}
@media screen and (max-width: 1079px) {
  .slick-slider .slick-list {
    padding-right: 36%;
  }
}
@media screen and (max-width: 830px) {
  .slick-slider .slick-list {
    padding-right: 0;
  }
}

.slick-initialized .slick-slide {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  height: 100%;
}

.slick-arrow {
  width: 96px;
  height: 96px;
  background-color: #58669A;
  background-image: url(../img/arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16.33px;
  position: absolute;
  cursor: pointer;
  top: calc(50.6% - 44px);
  padding: 0;
  left: 64px;
  border: 0;
  z-index: 1;
  font-size: 0;
  border-radius: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
@media screen and (max-width: 1920px) {
  .slick-arrow {
    left: 160px;
  }
}
@media screen and (max-width: 1900px) {
  .slick-arrow {
    left: 120px;
  }
}
@media screen and (max-width: 1679px) {
  .slick-arrow {
    left: 180px;
  }
}
@media screen and (max-width: 1439px) {
  .slick-arrow {
    left: 123px;
  }
}
@media screen and (max-width: 1079px) {
  .slick-arrow {
    left: 57px;
  }
}
@media screen and (max-width: 830px) {
  .slick-arrow {
    width: 70px;
    height: 70px;
  }
}

.slick-arrow.slick-next {
  left: auto;
  right: 64px;
  background-image: url(../img/arrow-2.svg);
}
@media screen and (max-width: 1920px) {
  .slick-arrow.slick-next {
    right: 160px;
  }
}
@media screen and (max-width: 1900px) {
  .slick-arrow.slick-next {
    right: 120px;
  }
}
@media screen and (max-width: 1679px) {
  .slick-arrow.slick-next {
    right: 180px;
  }
}
@media screen and (max-width: 1439px) {
  .slick-arrow.slick-next {
    right: 123px;
  }
}
@media screen and (max-width: 1079px) {
  .slick-arrow.slick-next {
    right: 57px;
  }
}

@media screen and (max-width: 575px) {
  .creator-slider {
    display: none;
  }
}

.creator-slider-res {
  display: none;
}
@media screen and (max-width: 575px) {
  .creator-slider-res {
    display: block;
  }
}

/****************** bottom-bg ******************/
.bottom-bg {
  background-image: url(../img/bottom_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
}
@media screen and (max-width: 1439px) {
  .bottom-bg {
    background-image: url(../img/bottom_bg2.png);
  }
}
@media screen and (max-width: 1079px) {
  .bottom-bg {
    background-image: url(../img/bottom_bg3.png);
  }
}
@media screen and (max-width: 575px) {
  .bottom-bg {
    background-image: url(../img/bottom_bg4.png);
  }
}

/****************** focus-section ****************/
.focus-section {
  z-index: 1;
}
.focus-section .focus-content {
  padding-top: 77px;
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content {
    padding-top: 80px;
  }
}
@media screen and (max-width: 830px) {
  .focus-section .focus-content {
    padding-top: 48px;
  }
}
.focus-section .focus-content h3 {
  font: normal normal 600 42px/63px "Poppins";
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 56px;
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content h3 {
    font-size: 36px;
    line-height: 54px;
  }
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content h3 {
    margin-bottom: 32px;
    font-size: 28px;
    line-height: 42px;
  }
}
@media screen and (max-width: 830px) {
  .focus-section .focus-content h3 {
    font-size: 24px;
    line-height: 36px;
  }
}
.focus-section .focus-content ul {
  padding: 0 69px 20px 64px;
  display: inline-block;
  margin-bottom: 0;
}
@media screen and (max-width: 1920px) {
  .focus-section .focus-content ul {
    padding: 0 160px 20px 158px;
  }
}
@media screen and (max-width: 1900px) {
  .focus-section .focus-content ul {
    padding: 0 120px 20px 120px;
  }
}
@media screen and (max-width: 1679px) {
  .focus-section .focus-content ul {
    padding: 0 180px 20px 180px;
  }
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content ul {
    padding: 0 123px 20px 123px;
  }
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul {
    padding: 0 57px 20px 57px;
  }
}
@media screen and (max-width: 830px) {
  .focus-section .focus-content ul {
    padding: 0 20px 20px 20px;
  }
}
.focus-section .focus-content ul li {
  float: left;
  width: 49%;
}
@media screen and (max-width: 1679px) {
  .focus-section .focus-content ul li {
    width: 48.5%;
  }
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul li {
    width: 100%;
  }
}
.focus-section .focus-content ul li a {
  padding: 39px 24px;
  display: flex;
  display: -webkit-flex;
  font: normal normal 400 28px/42px "Poppins";
  gap: 10px;
  align-items: center;
  color: rgba(255, 255, 255, 0.8);
  line-height: 30px;
  border: 0.5px solid transparent;
  border-bottom-color: #ffffff;
  border-left: 0;
  border-right: 0;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content ul li a {
    font: normal normal 500 24px/36px "Poppins";
    padding: 30px 24px;
    color: #ffffff;
  }
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul li a {
    padding: 24px;
    font: normal normal 500 20px/30px "Poppins";
  }
}
@media screen and (max-width: 830px) {
  .focus-section .focus-content ul li a {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 12px;
  }
}
@media screen and (max-width: 575px) {
  .focus-section .focus-content ul li a {
    font-size: 16px;
  }
}
.focus-section .focus-content ul li a img {
  max-width: 30px;
  display: none;
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content ul li a img {
    max-width: 22px;
  }
}
@media screen and (max-width: 1439px) {
  .focus-section .focus-content ul li a img {
    max-width: 18px;
  }
}
.focus-section .focus-content ul li a:hover {
  color: #ffffff;
  border-color: #EFF4F7;
  background-color: rgba(255, 255, 255, 0.1019607843);
  font-weight: 600;
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul li a:hover {
    font-weight: 500;
  }
}
.focus-section .focus-content ul li a:hover img {
  display: block;
}
.focus-section .focus-content ul li:nth-child(odd) {
  margin-right: 12px;
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul li:nth-child(odd) {
    margin-right: 0;
  }
}
.focus-section .focus-content ul li:nth-child(even) {
  margin-left: 12px;
}
@media screen and (max-width: 1079px) {
  .focus-section .focus-content ul li:nth-child(even) {
    margin-left: 0;
  }
}

html .no-scroll, body.no-scroll {
  position: relative;
  z-index: -1;
  overflow: hidden;
  height: 100%;
  touch-action: none;
}

.popup-content {
  position: fixed;
  z-index: 1050;
  display: none;
  outline: 0;
}

.popup-content {
  display: none;
  align-items: center;
  justify-content: center;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  background: rgba(3, 65, 115, 0.6);
}

.popup-content.active {
  transition: opacity 0.15s linear;
  display: flex;
  display: -webkit-flex;
}

.popup-content-inner {
  position: relative;
  padding: 40px;
  max-width: 880px;
  margin: auto;
  background: #03223A;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 1439px) {
  .popup-content-inner {
    max-width: 833px;
  }
}
@media screen and (max-width: 1079px) {
  .popup-content-inner {
    max-width: 720px;
    max-height: 90%;
    overflow: hidden;
  }
}
@media screen and (max-width: 830px) {
  .popup-content-inner {
    max-width: 100%;
    overflow: hidden;
    margin: 20px;
  }
}
@media screen and (max-width: 670px) {
  .popup-content-inner {
    padding: 16px;
  }
}
.popup-content-inner h3 {
  font: normal normal 600 28px/42px "Poppins" !important;
  text-align: left !important;
  margin-bottom: 16px !important;
}
@media screen and (max-width: 670px) {
  .popup-content-inner h3 {
    font-size: 24px !important;
    line-height: 36px !important;
    padding-right: 15px !important;
  }
}
.popup-content-inner p {
  font: normal normal 300 18px/28px "Poppins";
  opacity: 0.75;
  letter-spacing: 0.15px;
  text-transform: capitalize;
  margin-bottom: 0;
}
@media screen and (max-width: 1079px) {
  .popup-content-inner p {
    max-height: 85vh;
    overflow-x: scroll;
    padding-bottom: 50px;
  }
  .popup-content-inner p::-webkit-scrollbar {
    width: 0 !important;
    display: none;
  }
}
@media screen and (max-width: 670px) {
  .popup-content-inner p {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .popup-content-inner p {
    max-height: 60vh;
    overflow-x: scroll;
  }
}
.popup-content-inner .close-button-content {
  position: absolute;
  top: 50px;
  right: 50px;
  border: 0 !important;
  padding: 0 !important;
  cursor: pointer !important;
  background-color: transparent !important;
}
@media screen and (max-width: 670px) {
  .popup-content-inner .close-button-content {
    top: 24px;
    right: 15px;
  }
  .popup-content-inner .close-button-content svg {
    max-width: 15px;
  }
}

@media screen and (max-width: 450px) {
  #popupContent6 .popup-content-inner p, #popupContent7 .popup-content-inner p, #popupContent11 .popup-content-inner p {
    max-height: 75vh;
  }
}
@media screen and (max-width: 370px) {
  #popupContent1 .popup-content-inner p, #popupContent2 .popup-content-inner p, #popupContent5 .popup-content-inner p, #popupContent6 .popup-content-inner p, #popupContent7 .popup-content-inner p, #popupContent10 .popup-content-inner p, #popupContent11 .popup-content-inner p, #popupContent14 .popup-content-inner p {
    max-height: 75vh;
  }
}
/*************** contact-us-section *****************/
.contact-us-section {
  padding: 100px 15px 67px;
  background-color: #034173;
}
@media screen and (max-width: 1439px) {
  .contact-us-section {
    padding: 60px 15px 59px;
  }
}
@media screen and (max-width: 1079px) {
  .contact-us-section {
    padding-bottom: 44px;
  }
}
@media screen and (max-width: 575px) {
  .contact-us-section {
    padding: 28px 15px 25px;
  }
}
.contact-us-section h3 {
  font: normal normal 500 26px/30px "Poppins";
  color: #ffffff;
  letter-spacing: 0.5px;
  text-align: center;
  margin-bottom: 36px;
}
@media screen and (max-width: 1079px) {
  .contact-us-section h3 {
    font-size: 24px;
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 575px) {
  .contact-us-section h3 {
    max-width: 270px;
    margin: 0 auto 24px auto;
  }
}

.contact-us-form {
  max-width: 880px;
  width: 100%;
  background-color: #ffffff;
  margin: auto;
  padding: 32px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 1439px) {
  .contact-us-form {
    max-width: 834px;
  }
}
@media screen and (max-width: 1079px) {
  .contact-us-form {
    max-width: 720px;
  }
}
@media screen and (max-width: 830px) {
  .contact-us-form {
    max-width: -webkit-fill-available;
  }
}
@media screen and (max-width: 575px) {
  .contact-us-form {
    padding: 16px;
  }
}
.contact-us-form .name-email {
  display: flex;
  display: -webkit-flex;
  gap: 16px;
}
@media screen and (max-width: 575px) {
  .contact-us-form .name-email {
    flex-direction: column;
  }
}
.contact-us-form .name-email div {
  max-width: 50%;
  width: 100%;
}
@media screen and (max-width: 575px) {
  .contact-us-form .name-email div {
    max-width: 100%;
  }
}
.contact-us-form .name-email div input {
  width: -webkit-fill-available;
  padding: 19px 24px;
  font: normal normal 400 16px/24px "Poppins";
  border-radius: 10px;
  border: 1px solid #E8EBF0;
  background: #F2F4F9;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
.contact-us-form .name-email div input:focus-visible {
  outline: #E8EBF0;
}
.contact-us-form .name-email div:first-child input {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none"><path d="M11.0001 13.75C13.4164 13.75 15.3751 11.7912 15.3751 9.375C15.3751 6.95875 13.4164 5 11.0001 5C8.58388 5 6.62512 6.95875 6.62512 9.375C6.62512 11.7912 8.58388 13.75 11.0001 13.75ZM11.0001 13.75C14.4102 13.75 17.2507 15.5788 17.8733 18M11.0001 13.75C7.59007 13.75 4.74953 15.5788 4.12695 18M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C16.5228 1 21 5.47715 21 11Z" stroke="url(%23paint0_linear_437_111)" stroke-width="1.5" stroke-linecap="round"/><defs><linearGradient id="paint0_linear_437_111" x1="1.84806" y1="4.24999" x2="21.2935" y2="4.95993" gradientUnits="userSpaceOnUse"><stop stop-color="%23CF48FF"/><stop offset="1" stop-color="%236850FF"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 20px;
  padding-left: 54px;
}
.contact-us-form .name-email div:first-child input::-moz-placeholder {
  color: #000000;
}
.contact-us-form .name-email div:first-child input::placeholder {
  color: #000000;
}
.contact-us-form .name-email div:last-child input {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M3 5L10.7721 11.045C11.4943 11.6067 12.5057 11.6067 13.2279 11.045L21 5M5.2 20H18.8C19.9201 20 20.4802 20 20.908 19.782C21.2843 19.5903 21.5903 19.2843 21.782 18.908C22 18.4802 22 17.9201 22 16.8V7.2C22 6.0799 22 5.51984 21.782 5.09202C21.5903 4.71569 21.2843 4.40973 20.908 4.21799C20.4802 4 19.9201 4 18.8 4H5.2C4.07989 4 3.51984 4 3.09202 4.21799C2.71569 4.40973 2.40973 4.71569 2.21799 5.09202C2 5.51984 2 6.07989 2 7.2V16.8C2 17.9201 2 18.4802 2.21799 18.908C2.40973 19.2843 2.71569 19.5903 3.09202 19.782C3.51984 20 4.0799 20 5.2 20Z" stroke="url(%23paint0_linear_312_575)" stroke-width="1.5"/><defs><linearGradient id="paint0_linear_312_575" x1="2.84806" y1="6.59999" x2="22.279" y2="7.48675" gradientUnits="userSpaceOnUse"><stop stop-color="%23CF48FF"/><stop offset="1" stop-color="%236850FF"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 20px;
  padding-left: 54px;
}
.contact-us-form .name-email div:last-child input::-moz-placeholder {
  color: #000000;
}
.contact-us-form .name-email div:last-child input::placeholder {
  color: #000000;
}
.contact-us-form .select-interest h4 {
  font: normal normal 600 20px/24px "Poppins";
  color: #000000;
  letter-spacing: 0.5px;
  margin-top: 48px;
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .contact-us-form .select-interest h4 {
    font-size: 18px;
    margin-top: 24px;
  }
}
.contact-us-form .select-interest h4 span {
  font-style: italic;
  color: #8F8F8F;
}
.contact-us-form .select-interest .interest-select-box {
  display: flex;
  display: -webkit-flex;
}
.contact-us-form .select-interest .interest-select-box ul {
  margin-top: 24px;
  display: inline-block;
  margin-bottom: 0;
}
@media screen and (max-width: 575px) {
  .contact-us-form .select-interest .interest-select-box ul {
    margin-top: 16px;
  }
}
.contact-us-form .select-interest .interest-select-box ul li {
  color: #000000;
  float: left;
  width: 50%;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  margin-bottom: 24px;
}
@media screen and (max-width: 670px) {
  .contact-us-form .select-interest .interest-select-box ul li {
    width: 100%;
    margin-bottom: 16px;
  }
}
.contact-us-form .select-interest .interest-select-box ul li label {
  font: normal normal 400 16px/24px "Poppins";
  margin-bottom: 0;
}
.contact-us-form .select-interest .interest-select-box ul li input[type=checkbox] {
  position: relative;
  border: 1px solid #E8EBF0;
  background: #F2F4F9;
  border-radius: 10px;
  cursor: pointer;
  line-height: 0;
  margin: 0 12px 0 0;
  outline: 0;
  padding: 0 !important;
  vertical-align: text-top;
  height: 32px;
  width: 32px;
  -webkit-appearance: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.contact-us-form .select-interest .interest-select-box ul li input[type=checkbox]:before {
  content: "";
  position: absolute;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M11.3346 0.666992L4.237 7.76462C4.10683 7.8948 3.89577 7.8948 3.7656 7.76462L0.667969 4.66699" stroke="#F2F4F9" stroke-width="1.33333" stroke-linecap="round"/></svg>');
  right: 30%;
  top: 36%;
  width: 12px;
  height: 9px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  border: solid #F2F4F9;
  border-width: 0;
  z-index: 2;
}
.contact-us-form .select-interest .interest-select-box ul li input[type=checkbox]:checked::before {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="9" viewBox="0 0 12 9" fill="none"><path d="M11.3346 0.666992L4.237 7.76462C4.10683 7.8948 3.89577 7.8948 3.7656 7.76462L0.667969 4.66699" stroke="black" stroke-width="1.33333" stroke-linecap="round"/></svg>');
}
.contact-us-form .select-interest .interest-select-box ul li:last-child {
  margin-bottom: 16px;
  width: 100%;
  flex-direction: column;
  align-items: start;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child div:first-child {
  display: flex;
  align-items: center;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child .other-comment-check {
  width: -webkit-fill-available;
  display: none;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child .other-comment-check input {
  width: 100%;
  padding: 19px 24px;
  font: normal normal 400 16px/24px "Poppins";
  border-radius: 10px;
  outline: 0;
  border: 1px solid #E8EBF0;
  background: #F2F4F9;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 7.25C7.58579 7.25 7.25 7.58579 7.25 8C7.25 8.41421 7.58579 8.75 8 8.75V7.25ZM16 8.75C16.4142 8.75 16.75 8.41421 16.75 8C16.75 7.58579 16.4142 7.25 16 7.25V8.75ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75V11.25ZM12 12.75C12.4142 12.75 12.75 12.4142 12.75 12C12.75 11.5858 12.4142 11.25 12 11.25V12.75ZM21.782 15.908L22.4503 16.2485V16.2485L21.782 15.908ZM20.908 16.782L21.2485 17.4503L20.908 16.782ZM20.908 3.21799L21.2485 2.54973L21.2485 2.54973L20.908 3.21799ZM21.782 4.09202L22.4503 3.75153V3.75152L21.782 4.09202ZM3.09202 3.21799L3.43251 3.88624L3.43251 3.88624L3.09202 3.21799ZM2.21799 4.09202L2.88624 4.43251L2.88624 4.43251L2.21799 4.09202ZM3.20734 20.3861L3.64003 20.9987L3.64011 20.9986L3.20734 20.3861ZM7.16989 17.5865L6.73712 16.9739H6.73712L7.16989 17.5865ZM2.09027 20.4776L2.70486 20.0477H2.70486L2.09027 20.4776ZM3.10335 20.4483L2.7683 19.7773L2.76829 19.7773L3.10335 20.4483ZM2.42692 20.6856L2.3173 21.4276H2.3173L2.42692 20.6856ZM3.16983 20.412L2.76547 19.7803L2.76536 19.7804L3.16983 20.412ZM3.14376 20.4276L2.7785 19.7725L2.77845 19.7725L3.14376 20.4276ZM8.26828 17.034L8.40589 17.7712L8.40589 17.7712L8.26828 17.034ZM7.80048 17.1825L8.11351 17.8641L8.11352 17.8641L7.80048 17.1825ZM8 8.75H16V7.25H8V8.75ZM8 12.75H12V11.25H8V12.75ZM5.2 3.75H18.8V2.25H5.2V3.75ZM21.25 6.2V13.8H22.75V6.2H21.25ZM21.25 13.8C21.25 14.3724 21.2494 14.7566 21.2252 15.0525C21.2018 15.3396 21.1599 15.4769 21.1138 15.5675L22.4503 16.2485C22.6221 15.9112 22.6892 15.5546 22.7203 15.1747C22.7506 14.8035 22.75 14.3477 22.75 13.8H21.25ZM18.8 17.75C19.3477 17.75 19.8035 17.7506 20.1747 17.7203C20.5546 17.6892 20.9112 17.6221 21.2485 17.4503L20.5675 16.1138C20.4769 16.1599 20.3396 16.2018 20.0525 16.2252C19.7566 16.2494 19.3724 16.25 18.8 16.25V17.75ZM21.1138 15.5675C20.9939 15.8027 20.8027 15.9939 20.5675 16.1138L21.2485 17.4503C21.7659 17.1866 22.1866 16.7659 22.4503 16.2485L21.1138 15.5675ZM18.8 3.75C19.3724 3.75 19.7566 3.75058 20.0525 3.77476C20.3396 3.79822 20.4769 3.8401 20.5675 3.88624L21.2485 2.54973C20.9112 2.37789 20.5546 2.31078 20.1747 2.27974C19.8035 2.24942 19.3477 2.25 18.8 2.25V3.75ZM22.75 6.2C22.75 5.65232 22.7506 5.19646 22.7203 4.82533C22.6892 4.44545 22.6221 4.08879 22.4503 3.75153L21.1138 4.43251C21.1599 4.52307 21.2018 4.66035 21.2252 4.94748C21.2494 5.24336 21.25 5.62757 21.25 6.2H22.75ZM20.5675 3.88624C20.8027 4.00608 20.9939 4.19731 21.1138 4.43251L22.4503 3.75152C22.1866 3.23408 21.7659 2.81338 21.2485 2.54973L20.5675 3.88624ZM5.2 2.25C4.65232 2.25 4.19646 2.24942 3.82533 2.27974C3.44544 2.31078 3.08879 2.37789 2.75153 2.54973L3.43251 3.88624C3.52307 3.8401 3.66035 3.79822 3.94748 3.77476C4.24336 3.75058 4.62757 3.75 5.2 3.75V2.25ZM2.75 6.2C2.75 5.62757 2.75058 5.24336 2.77476 4.94748C2.79822 4.66035 2.8401 4.52307 2.88624 4.43251L1.54973 3.75153C1.37789 4.08879 1.31078 4.44545 1.27974 4.82533C1.24942 5.19646 1.25 5.65232 1.25 6.2H2.75ZM2.75153 2.54973C2.23408 2.81338 1.81338 3.23408 1.54973 3.75153L2.88624 4.43251C3.00608 4.19731 3.19731 4.00608 3.43251 3.88624L2.75153 2.54973ZM18.8 16.25H9.01639V17.75H18.8V16.25ZM3.64011 20.9986L7.60267 18.199L6.73712 16.9739L2.77457 19.7736L3.64011 20.9986ZM1.25 19.7056C1.25 19.9052 1.24925 20.1067 1.26441 20.2723C1.27946 20.4367 1.31739 20.6811 1.47568 20.9074L2.70486 20.0477C2.77289 20.145 2.76568 20.2176 2.75816 20.1355C2.75499 20.1009 2.75258 20.051 2.7513 19.976C2.75002 19.9014 2.75 19.8146 2.75 19.7056H1.25ZM2.76829 19.7773C2.68118 19.8208 2.61175 19.8552 2.5523 19.8832C2.49244 19.9114 2.4529 19.9283 2.42597 19.9384C2.36294 19.9622 2.42374 19.927 2.53654 19.9437L2.3173 21.4276C2.57835 21.4661 2.80366 21.3991 2.95491 21.3421C3.1054 21.2854 3.27432 21.2013 3.43841 21.1193L2.76829 19.7773ZM1.47568 20.9074C1.67274 21.1892 1.97716 21.3773 2.3173 21.4276L2.53654 19.9437C2.60457 19.9537 2.66545 19.9913 2.70486 20.0477L1.47568 20.9074ZM2.75 19.7056V6.2H1.25V19.7056H2.75ZM2.77465 19.7735C2.76983 19.7769 2.76637 19.7793 2.76338 19.7814C2.76043 19.7835 2.75887 19.7846 2.75804 19.7852C2.75672 19.7861 2.76002 19.7838 2.76547 19.7803L3.5742 21.0436C3.60147 21.0262 3.62688 21.008 3.64003 20.9987L2.77465 19.7735ZM3.4384 21.1193C3.45307 21.112 3.4808 21.0983 3.50907 21.0826L2.77845 19.7725C2.78396 19.7695 2.78751 19.7677 2.78623 19.7683C2.78538 19.7688 2.78372 19.7696 2.78053 19.7712C2.77732 19.7728 2.77354 19.7747 2.7683 19.7773L3.4384 21.1193ZM2.76536 19.7804C2.76971 19.7776 2.77403 19.775 2.7785 19.7725L3.50902 21.0826C3.53112 21.0703 3.55295 21.0572 3.5743 21.0435L2.76536 19.7804ZM9.01639 16.25C8.66604 16.25 8.3965 16.2471 8.13067 16.2967L8.40589 17.7712C8.50388 17.7529 8.6118 17.75 9.01639 17.75V16.25ZM7.60266 18.199C7.9331 17.9656 8.02294 17.9057 8.11351 17.8641L7.48745 16.501C7.2417 16.6139 7.02325 16.7718 6.73712 16.9739L7.60266 18.199ZM8.13067 16.2967C7.90869 16.3381 7.69265 16.4067 7.48745 16.501L8.11352 17.8641C8.20679 17.8212 8.30499 17.7901 8.40589 17.7712L8.13067 16.2967Z" fill="url(%23paint0_linear_312_578)"/><defs><linearGradient id="paint0_linear_312_578" x1="2.84806" y1="5.87445" x2="22.2863" y2="6.67685" gradientUnits="userSpaceOnUse"><stop stop-color="%23CF48FF"/><stop offset="1" stop-color="%236850FF"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position: 24px center;
  background-size: 20px;
  padding-left: 54px;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child .other-comment-check input::-moz-placeholder {
  color: #000000;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child .other-comment-check input::placeholder {
  color: #000000;
}
.contact-us-form .select-interest .interest-select-box ul li:last-child .other-comment-check.active {
  display: block;
  margin-top: 16px;
}
.contact-us-form .other-comment {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
}
.contact-us-form .other-comment textarea {
  width: -webkit-fill-available;
  font: normal normal 400 16px/24px "Poppins";
  padding: 19px 24px;
  outline: 0;
  color: #000000;
  border-radius: 10px;
  border: 1px solid #E8EBF0;
  background: #F2F4F9;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 7.25C7.58579 7.25 7.25 7.58579 7.25 8C7.25 8.41421 7.58579 8.75 8 8.75V7.25ZM16 8.75C16.4142 8.75 16.75 8.41421 16.75 8C16.75 7.58579 16.4142 7.25 16 7.25V8.75ZM8 11.25C7.58579 11.25 7.25 11.5858 7.25 12C7.25 12.4142 7.58579 12.75 8 12.75V11.25ZM12 12.75C12.4142 12.75 12.75 12.4142 12.75 12C12.75 11.5858 12.4142 11.25 12 11.25V12.75ZM21.782 15.908L22.4503 16.2485V16.2485L21.782 15.908ZM20.908 16.782L21.2485 17.4503L20.908 16.782ZM20.908 3.21799L21.2485 2.54973L21.2485 2.54973L20.908 3.21799ZM21.782 4.09202L22.4503 3.75153V3.75152L21.782 4.09202ZM3.09202 3.21799L3.43251 3.88624L3.43251 3.88624L3.09202 3.21799ZM2.21799 4.09202L2.88624 4.43251L2.88624 4.43251L2.21799 4.09202ZM3.20734 20.3861L3.64003 20.9987L3.64011 20.9986L3.20734 20.3861ZM7.16989 17.5865L6.73712 16.9739H6.73712L7.16989 17.5865ZM2.09027 20.4776L2.70486 20.0477H2.70486L2.09027 20.4776ZM3.10335 20.4483L2.7683 19.7773L2.76829 19.7773L3.10335 20.4483ZM2.42692 20.6856L2.3173 21.4276H2.3173L2.42692 20.6856ZM3.16983 20.412L2.76547 19.7803L2.76536 19.7804L3.16983 20.412ZM3.14376 20.4276L2.7785 19.7725L2.77845 19.7725L3.14376 20.4276ZM8.26828 17.034L8.40589 17.7712L8.40589 17.7712L8.26828 17.034ZM7.80048 17.1825L8.11351 17.8641L8.11352 17.8641L7.80048 17.1825ZM8 8.75H16V7.25H8V8.75ZM8 12.75H12V11.25H8V12.75ZM5.2 3.75H18.8V2.25H5.2V3.75ZM21.25 6.2V13.8H22.75V6.2H21.25ZM21.25 13.8C21.25 14.3724 21.2494 14.7566 21.2252 15.0525C21.2018 15.3396 21.1599 15.4769 21.1138 15.5675L22.4503 16.2485C22.6221 15.9112 22.6892 15.5546 22.7203 15.1747C22.7506 14.8035 22.75 14.3477 22.75 13.8H21.25ZM18.8 17.75C19.3477 17.75 19.8035 17.7506 20.1747 17.7203C20.5546 17.6892 20.9112 17.6221 21.2485 17.4503L20.5675 16.1138C20.4769 16.1599 20.3396 16.2018 20.0525 16.2252C19.7566 16.2494 19.3724 16.25 18.8 16.25V17.75ZM21.1138 15.5675C20.9939 15.8027 20.8027 15.9939 20.5675 16.1138L21.2485 17.4503C21.7659 17.1866 22.1866 16.7659 22.4503 16.2485L21.1138 15.5675ZM18.8 3.75C19.3724 3.75 19.7566 3.75058 20.0525 3.77476C20.3396 3.79822 20.4769 3.8401 20.5675 3.88624L21.2485 2.54973C20.9112 2.37789 20.5546 2.31078 20.1747 2.27974C19.8035 2.24942 19.3477 2.25 18.8 2.25V3.75ZM22.75 6.2C22.75 5.65232 22.7506 5.19646 22.7203 4.82533C22.6892 4.44545 22.6221 4.08879 22.4503 3.75153L21.1138 4.43251C21.1599 4.52307 21.2018 4.66035 21.2252 4.94748C21.2494 5.24336 21.25 5.62757 21.25 6.2H22.75ZM20.5675 3.88624C20.8027 4.00608 20.9939 4.19731 21.1138 4.43251L22.4503 3.75152C22.1866 3.23408 21.7659 2.81338 21.2485 2.54973L20.5675 3.88624ZM5.2 2.25C4.65232 2.25 4.19646 2.24942 3.82533 2.27974C3.44544 2.31078 3.08879 2.37789 2.75153 2.54973L3.43251 3.88624C3.52307 3.8401 3.66035 3.79822 3.94748 3.77476C4.24336 3.75058 4.62757 3.75 5.2 3.75V2.25ZM2.75 6.2C2.75 5.62757 2.75058 5.24336 2.77476 4.94748C2.79822 4.66035 2.8401 4.52307 2.88624 4.43251L1.54973 3.75153C1.37789 4.08879 1.31078 4.44545 1.27974 4.82533C1.24942 5.19646 1.25 5.65232 1.25 6.2H2.75ZM2.75153 2.54973C2.23408 2.81338 1.81338 3.23408 1.54973 3.75153L2.88624 4.43251C3.00608 4.19731 3.19731 4.00608 3.43251 3.88624L2.75153 2.54973ZM18.8 16.25H9.01639V17.75H18.8V16.25ZM3.64011 20.9986L7.60267 18.199L6.73712 16.9739L2.77457 19.7736L3.64011 20.9986ZM1.25 19.7056C1.25 19.9052 1.24925 20.1067 1.26441 20.2723C1.27946 20.4367 1.31739 20.6811 1.47568 20.9074L2.70486 20.0477C2.77289 20.145 2.76568 20.2176 2.75816 20.1355C2.75499 20.1009 2.75258 20.051 2.7513 19.976C2.75002 19.9014 2.75 19.8146 2.75 19.7056H1.25ZM2.76829 19.7773C2.68118 19.8208 2.61175 19.8552 2.5523 19.8832C2.49244 19.9114 2.4529 19.9283 2.42597 19.9384C2.36294 19.9622 2.42374 19.927 2.53654 19.9437L2.3173 21.4276C2.57835 21.4661 2.80366 21.3991 2.95491 21.3421C3.1054 21.2854 3.27432 21.2013 3.43841 21.1193L2.76829 19.7773ZM1.47568 20.9074C1.67274 21.1892 1.97716 21.3773 2.3173 21.4276L2.53654 19.9437C2.60457 19.9537 2.66545 19.9913 2.70486 20.0477L1.47568 20.9074ZM2.75 19.7056V6.2H1.25V19.7056H2.75ZM2.77465 19.7735C2.76983 19.7769 2.76637 19.7793 2.76338 19.7814C2.76043 19.7835 2.75887 19.7846 2.75804 19.7852C2.75672 19.7861 2.76002 19.7838 2.76547 19.7803L3.5742 21.0436C3.60147 21.0262 3.62688 21.008 3.64003 20.9987L2.77465 19.7735ZM3.4384 21.1193C3.45307 21.112 3.4808 21.0983 3.50907 21.0826L2.77845 19.7725C2.78396 19.7695 2.78751 19.7677 2.78623 19.7683C2.78538 19.7688 2.78372 19.7696 2.78053 19.7712C2.77732 19.7728 2.77354 19.7747 2.7683 19.7773L3.4384 21.1193ZM2.76536 19.7804C2.76971 19.7776 2.77403 19.775 2.7785 19.7725L3.50902 21.0826C3.53112 21.0703 3.55295 21.0572 3.5743 21.0435L2.76536 19.7804ZM9.01639 16.25C8.66604 16.25 8.3965 16.2471 8.13067 16.2967L8.40589 17.7712C8.50388 17.7529 8.6118 17.75 9.01639 17.75V16.25ZM7.60266 18.199C7.9331 17.9656 8.02294 17.9057 8.11351 17.8641L7.48745 16.501C7.2417 16.6139 7.02325 16.7718 6.73712 16.9739L7.60266 18.199ZM8.13067 16.2967C7.90869 16.3381 7.69265 16.4067 7.48745 16.501L8.11352 17.8641C8.20679 17.8212 8.30499 17.7901 8.40589 17.7712L8.13067 16.2967Z" fill="url(%23paint0_linear_312_578)"/><defs><linearGradient id="paint0_linear_312_578" x1="2.84806" y1="5.87445" x2="22.2863" y2="6.67685" gradientUnits="userSpaceOnUse"><stop stop-color="%23CF48FF"/><stop offset="1" stop-color="%236850FF"/></linearGradient></defs></svg>');
  background-repeat: no-repeat;
  background-position: 24px 22px;
  background-size: 20px;
  padding-left: 54px;
  -webkit-appearance: none;
}
.contact-us-form .other-comment textarea::-moz-placeholder {
  color: #000000;
}
.contact-us-form .other-comment textarea::placeholder {
  color: #000000;
}
.contact-us-form .form-btns {
  display: flex;
  display: -webkit-flex;
  gap: 24px;
  margin-top: 48px;
}
@media screen and (max-width: 575px) {
  .contact-us-form .form-btns {
    flex-direction: column;
    margin-top: 32px;
    gap: 16px;
  }
}
.contact-us-form .form-btns button {
  width: 50%;
  text-align: center;
  padding: 16px 52px;
  font: normal normal 700 20px/30px "Poppins";
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 575px) {
  .contact-us-form .form-btns button {
    width: 100%;
  }
}
.contact-us-form .form-btns button:first-child {
  background: #F2F4F9;
  border: 1px solid #E8EBF0;
  font-weight: 400;
  color: #000000;
}
.contact-us-form .form-btns button:first-child:hover {
  border-color: #000000;
}
.contact-us-form .form-btns button:last-child {
  background: linear-gradient(268.28deg, #C729FF 0%, #8E36FC 100%);
  border: 1px solid transparent;
  color: #ffffff;
}
.contact-us-form .form-btns button:last-child:hover {
  background: linear-gradient(268.28deg, #8A1AB1 0%, #51179A 100%);
}

.error {
  font: normal normal 400 16px/125% "Poppins";
  color: red;
  text-align: start;
  display: block;
}

.contactus-bottom {
  padding: 64px 0 0;
  max-width: 428px;
  margin: auto;
}
@media screen and (max-width: 575px) {
  .contactus-bottom {
    padding-top: 48px;
  }
}
.contactus-bottom p {
  text-align: center;
  font: normal normal 500 18px/24px "Poppins";
  color: rgba(255, 255, 255, 0.8);
}
.contactus-bottom a {
  color: #BE8CFF;
  margin-top: 4px;
  display: block;
  text-align: center;
  font: normal normal 500 18px/24px "Poppins";
  padding-bottom: 28px;
}
.contactus-bottom a:hover {
  color: #ffffff;
}
.contactus-bottom .copyright-line {
  padding-top: 28px;
  border-top: 1px solid rgba(255, 255, 255, 0.1019607843);
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

#myForm {
  position: relative;
  z-index: 1;
}

.modal {
  background: rgba(13, 35, 58, 0.2);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
}

.modal-dialog {
  max-width: 662px;
}

.modal-body {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.modal-body p {
  margin: 0;
}

.modal-body h4 {
  max-width: 400px;
  color: #000;
  text-align: center;
  font-family: Poppins;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 32px;
}
@media screen and (max-width: 830px) {
  .modal-body h4 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}

.modal-body svg {
  width: 60px;
  height: auto;
  margin: 0;
}

.modal-body h4 span {
  font-weight: 700;
}

.modal-content {
  padding: 40px;
  border-radius: 40px !important;
  background: #FFF;
  box-shadow: 0px 40px 40px 0px rgba(155, 169, 177, 0.2);
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  -ms-border-radius: 40px !important;
  -o-border-radius: 40px !important;
}
@media screen and (max-width: 670px) {
  .modal-content {
    padding: 30px 15px;
    border-radius: 20px !important;
    -webkit-border-radius: 20px !important;
    -moz-border-radius: 20px !important;
    -ms-border-radius: 20px !important;
    -o-border-radius: 20px !important;
  }
}

.modal-footer .btn {
  min-width: 342px;
  width: 100%;
  margin: 0 auto 0;
  border-radius: 10px !important;
  border: 1px solid #DAE3E8;
  background: #EEF1F3;
  display: flex !important;
  box-shadow: none;
  outline: 0;
  padding: 19px 24px !important;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  color: #6B7683 !important;
  text-align: center;
  font: normal normal 700 20px/24px "Poppins" !important;
  letter-spacing: 0.307px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 575px) {
  .modal-footer .btn {
    min-width: 270px;
  }
}
.modal-footer .btn:hover {
  color: #ffffff !important;
}

/************* detail page ****************/
.detail-section {
  background-image: url(../img/detail-page-banner.jpg);
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (max-width: 1900px) {
  .detail-section {
    background-image: url(../img/detail-page-banner1680.jpg);
  }
}
@media screen and (max-width: 1679px) {
  .detail-section {
    background-image: url(../img/detail-page-banner5.jpg);
  }
}
@media screen and (max-width: 1439px) {
  .detail-section {
    background-image: url(../img/detail-page-banner3.jpg);
  }
}
@media screen and (max-width: 1079px) {
  .detail-section {
    background-image: url(../img/detail-page-banner4.jpg);
  }
}
@media screen and (max-width: 575px) {
  .detail-section {
    background-image: url(../img/detail-page-banner2.jpg);
  }
}
.detail-section .detail-content {
  padding: 147px 304px 147px 15px;
  text-align: right;
}
@media screen and (max-width: 1920px) {
  .detail-section .detail-content {
    padding-right: 240px;
  }
}
@media screen and (max-width: 1900px) {
  .detail-section .detail-content {
    padding-right: 120px;
  }
}
@media screen and (max-width: 1679px) {
  .detail-section .detail-content {
    padding-right: 50px;
  }
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content {
    padding: 156px 40px 162px 15px;
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content {
    padding: 169px 30px 168px 15px;
  }
}
@media screen and (max-width: 830px) {
  .detail-section .detail-content {
    padding: 120px 20px 120px 15px;
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content {
    padding: 54px 20px 89px 15px;
  }
}
.detail-section .detail-content h1 {
  font: normal normal 200 80px/64px "Bartomes";
  color: #ffffff;
  margin: 0;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  display: -webkit-flex;
  align-items: baseline;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  position: relative;
  padding-left: 84px;
  margin-left: auto;
}
.detail-section .detail-content h1 svg {
  position: absolute;
  left: 0;
  top: calc(28% + 12px);
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content h1 svg {
    max-width: 60px;
    top: calc(27% + 10px);
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content h1 svg {
    max-width: 40px;
    top: calc(23% + 6px);
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content h1 svg {
    max-width: 24px;
    top: calc(1% + 3.5px);
  }
}
@media screen and (max-width: 1920px) {
  .detail-section .detail-content h1 {
    padding-left: 88px;
  }
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content h1 {
    font: normal normal 200 70px/56px "Bartomes";
    padding-left: 74px;
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content h1 {
    font: normal normal 200 50px/40px "Bartomes";
    padding-left: 51px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content h1 {
    font: normal normal 200 30px/24px "Bartomes";
    align-items: baseline;
    padding-left: 29px;
  }
}
.detail-section .detail-content h1 span {
  font: normal normal 700 100px/150px "Poppins";
  color: #D04CFF;
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content h1 span {
    font: normal normal 700 90px/135px "Poppins";
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content h1 span {
    font: normal normal 700 70px/105px "Poppins";
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content h1 span {
    font: normal normal 700 42px/63px "Poppins";
  }
}
.detail-section .detail-content p {
  max-width: 585px;
  margin-left: auto;
  margin-bottom: 0;
  margin-top: -5.5px;
  letter-spacing: 0.5px;
  font: normal normal 300 24px/30px "Poppins";
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content p {
    max-width: 500px;
    font-size: 18px;
    margin-top: -4px;
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content p {
    font-size: 18px;
    max-width: 437px;
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content p {
    font-size: 12px;
    line-height: 18px;
    max-width: 300px;
    margin-top: 0;
  }
}
.detail-section .detail-content p span {
  color: #D04CFF;
  font-weight: 700;
}
@media screen and (max-width: 1439px) {
  .detail-section .detail-content p span {
    font-size: 24px;
  }
}
@media screen and (max-width: 1079px) {
  .detail-section .detail-content p span {
    font-size: 18px;
  }
}
@media screen and (max-width: 575px) {
  .detail-section .detail-content p span {
    font-size: 12px;
  }
}

/************* detail-info-section ***********/
.detail-info-section {
  margin-top: -158px;
  padding: 0 20px;
}
@media screen and (max-width: 830px) {
  .detail-info-section {
    margin-top: -65px;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .detail-info-section {
    margin-top: -100px;
  }
}

.info-inner {
  max-width: 1440px;
  margin: auto;
  padding-bottom: 145px;
}
@media screen and (max-width: 1679px) {
  .info-inner {
    max-width: 1080px;
    padding-bottom: 77px;
  }
}
@media screen and (max-width: 1439px) {
  .info-inner {
    max-width: 834px;
    padding-bottom: 81px;
  }
}
@media screen and (max-width: 1079px) {
  .info-inner {
    max-width: 720px;
    padding-bottom: 81px;
  }
}
@media screen and (max-width: 575px) {
  .info-inner {
    padding-bottom: 60px;
  }
}
.info-inner .info-img {
  display: flex;
  display: -webkit-flex;
  align-items: end;
  gap: 52px;
  margin-bottom: 56px;
}
@media screen and (max-width: 830px) {
  .info-inner .info-img {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 575px) {
  .info-inner .info-img {
    gap: 28px;
  }
  .info-inner .info-img .img-content h3 br {
    display: none;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .info-inner .info-img {
    flex-direction: row;
    margin-bottom: 30px;
  }
}
@media only screen and (max-device-width: 575px) and (orientation: landscape) {
  .info-inner .info-img {
    flex-direction: column;
    margin-bottom: 0;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .info-inner .info-img .img-content {
    margin-top: 100px;
  }
  .info-inner .info-img .img-content a {
    font-size: 18px;
    line-height: 24px;
  }
  .info-inner .info-img .img-content a svg {
    max-width: 20px;
  }
  .info-inner .info-img .img-content h3 {
    font-size: 18px;
    line-height: 28px;
    margin-top: 24px;
  }
}
@media only screen and (max-device-width: 575px) and (orientation: landscape) {
  .info-inner .info-img .img-content {
    margin-top: 0;
  }
}
.info-inner .info-img .res-only {
  display: none;
}
@media screen and (max-width: 830px) {
  .info-inner .info-img .res-only {
    display: block;
  }
}
.info-inner .info-img .desk-only {
  display: block;
}
@media screen and (max-width: 830px) {
  .info-inner .info-img .desk-only {
    display: none;
  }
}
.info-inner .info-img img {
  max-width: 400px;
  max-height: 500px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
@media screen and (max-width: 830px) {
  .info-inner .info-img img {
    max-width: 335px;
    width: 100%;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .info-inner .info-img img {
    max-width: 200px;
  }
}
.info-inner .info-img a {
  display: flex;
  display: -webkit-flex;
  gap: 13px;
  align-items: center;
  font: normal normal 400 24px/36px "Poppins";
  color: #000000;
  text-decoration: none;
}
@media screen and (max-width: 575px) {
  .info-inner .info-img a {
    font-size: 0;
    gap: 0;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: 40px;
    left: 8%;
  }
  .info-inner .info-img a svg path {
    stroke: #ffffff;
  }
}
@media screen and (max-width: 510px) {
  .info-inner .info-img a {
    top: 47px;
  }
}
@media screen and (max-width: 450px) {
  .info-inner .info-img a {
    top: 52px;
    left: 7.5%;
  }
}
@media screen and (max-width: 420px) {
  .info-inner .info-img a {
    top: 57px;
  }
}
@media screen and (max-width: 370px) {
  .info-inner .info-img a {
    top: 59px;
    left: 8%;
  }
}
@media screen and (max-width: 333px) {
  .info-inner .info-img a {
    top: 65px;
    left: 9%;
  }
}
.info-inner .info-img h3 {
  font: normal normal 600 52px/78px "Poppins";
  color: #000000;
  max-width: 685px;
  margin: 40px 0 63px;
}
@media screen and (max-width: 1679px) {
  .info-inner .info-img h3 {
    font-size: 46px;
    line-height: 69px;
    margin-bottom: 81px;
  }
}
@media screen and (max-width: 1439px) {
  .info-inner .info-img h3 {
    font-size: 36px;
    line-height: 54px;
    margin-bottom: 57px;
  }
}
@media screen and (max-width: 1079px) {
  .info-inner .info-img h3 {
    font-size: 32px;
    line-height: 48px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 830px) {
  .info-inner .info-img h3 {
    margin-top: 28px;
  }
}
@media screen and (max-width: 575px) {
  .info-inner .info-img h3 {
    max-width: 335px;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 15px;
    margin-top: 0;
  }
}
.info-inner p {
  font: normal normal 300 24px/36px "Poppins";
  color: #000000;
  margin-bottom: 30px;
}
@media screen and (max-width: 575px) {
  .info-inner p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 24px;
  }
}
@media only screen and (max-device-width: 1000px) and (orientation: landscape) {
  .info-inner p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 16px;
  }
}
.info-inner p:last-child {
  margin-bottom: 0;
}

.hidden {
  display: none;
}/*# sourceMappingURL=style.css.map */