@font-face {
  font-family: 'NewYork';
  src: url('./font/NewYork.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {font-family: "Montserrat", sans-serif;font-size: 16px;}

.contain {width: 100%;max-width: 1688px;margin: 0px auto;padding: 0px 24px;}

.hero-wrapper {position: relative;min-height: 100vh;width: 100%;overflow: hidden;padding: 100px 0px;display: flex;}
.hero-wrapper video {position: absolute;object-fit: cover;object-position: right center;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.hero-wrapper .contain {position: relative;z-index: 2;flex: 1;display: flex;flex-direction: column;}
.hero-wrapper .contain .title a {color: #fff;font-family: 'NewYork', serif;font-size: 138px;text-decoration: none;}
.hero-wrapper .contain .text {flex: 1;display: flex;justify-content: flex-end;align-items: flex-end;}
.hero-wrapper .contain .text p {color: #fff;font-family: 'NewYork', serif;font-size: 60px;line-height: normal;}

.hero-section .contain .text {align-items: center;}

.text-banner {background-color: #fff;padding: 160px 0px;}
.text-banner .text p {max-width: 1285px;color: #272727;font-size: 34px;text-align: center;margin: auto;}

.text-banner--bg {background-size: cover;background-position: center bottom;padding: 170px 0px}
.text-banner--bg .text p {color: #272727;font-family: 'NewYork', serif;font-size: 75px;text-align: left;line-height: 90px;}

.text-banner .row p {font-size: 26px;max-width: 660px;}
.text-banner .row .title {font-family: 'NewYork', serif;font-size: 54px;font-weight: 400;display: block;margin-top: 70px;}
.text-banner .row .btn-primary {color: #fff;background-color: #0050F0;padding: 22px 42px;font-size: 24px;font-weight: 700;border-radius: 120px;margin-top: 12px;}

.form {background-color: #0050F0;padding: 152px 0px 170px 0px;}
.form .contain {max-width: 1400px;margin: auto;}
.form .fields-wrapper {max-width: 534px;}
.form p {color: #fff;font-size: 34px;font-weight: 600;margin-bottom: 34px;}
.form label {color: #fff;font-size: 28px;font-weight: 600;padding-bottom: 60px;}
.form input::placeholder {color: #C9C9C9;font-size: 20px;}
.form input {color:#fff !important;}
.form a {color:#fff !important;text-decoration:underline}
.form .form-check{display:flex;gap: 16px;flex-wrap: nowrap;align-items:baseline;}
.form .form-check-label {font-size: 20px;font-weight:300;padding-bottom:0px;}
.form .input {background-color: transparent;border: none;border-bottom: 1px solid #fff;border-radius: 0px;padding-left: 0px;margin-bottom: 50px;}
.form button.btn-primary  {color: #0050F0;background-color: #fff;padding: 26px 46px;font-size: 24px;font-weight: 700;border-radius: 120px;}
.invalid-feedback {color:#fff;font-weight:700;}
.form-check-input.is-invalid~.form-check-label, .was-validated .form-check-input:invalid~.form-check-label {color:#fff !important}

.footer {background-size: cover;background-position: center;min-height: 1030px;padding: 130px 0px;}
.footer .logo {display: flex;align-items: flex-end;position: relative;overflow: hidden;}
.footer p {color: #fff;font-size: 34px;}
.footer .logo .rotate {position: relative;}
.footer .logo .rotate .img-rotate {animation: spin 60s linear infinite;transform-origin: center center;}
.footer .logo .rotate .arrow {position: absolute; top: 50%;left: 50%;transform: translate(-40%, -40%);}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.social {flex: 1;display: flex;justify-content: flex-end;align-items: flex-end;flex-direction: column;}
.social-wrapper {}
.social-wrapper a {color: #fff;text-decoration: none;}
.social ul {padding: 0px;list-style: none;display: flex;gap: 16px;}

.heroTitle {position: relative;top: -50px;opacity: 0;}
.heroSub {position: relative;bottom: -50px;opacity: 0;}
.heroText {position: relative;top: -50px;opacity: 0;}
.heroImg {position: relative;bottom: -100px;}

@media only screen and (max-width:992px) {

    .hero-wrapper {position: relative;min-height: 100vh;width: 100%;overflow: hidden;padding: 40px 0px;display: flex;}
    .hero-wrapper video {position: absolute;object-fit: cover;object-position: right center;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .hero-wrapper .contain {position: relative;z-index: 2;flex: 1;display: flex;flex-direction: column;}
	.hero-wrapper .contain img {max-width:150px;}
    .hero-wrapper .contain .title a {color: #fff;font-family: 'NewYork', serif;font-size: 42px;text-decoration: none;}
    .hero-wrapper .contain .text {flex: 1;display: flex;justify-content: flex-end;align-items: flex-end;}
    .hero-wrapper .contain .text p {color: #fff;font-family: 'NewYork', serif;font-size: 24px;line-height: normal;}
	.hero-wrapper .contain a {margin-bottom: 12px;}
	
    .hero-section .contain .text {align-items: center;}
	.hero-section .contain .text p{font-size: 44px;}
	.hero-section video {object-position: center;}

    .text-banner {background-color: #fff;padding: 80px 0px;}
    .text-banner .text p {max-width: 1285px;color: #272727;font-size: 24px;text-align: center;margin: auto;}

    .text-banner--bg {background-size: cover;background-position: center bottom;padding: 170px 0px}
    .text-banner--bg .text p {color: #272727;font-family: 'NewYork', serif;font-size: 42px;text-align: left;line-height: normal;}

    .text-banner .row p {font-size: 24px;max-width: 640px;}
    .text-banner .row .title {font-family: 'NewYork', serif;font-size: 42px;font-weight: 400;display: block;margin-top: 70px;}
    .text-banner .row .btn-primary {color: #fff;background-color: #0050F0;padding: 22px 42px;font-size: 24px;font-weight: 700;border-radius: 120px;margin-top: 12px;padding: 14px 22px;font-size: 18px;font-weight: 700;border-radius: 120px;}

    .form {background-color: #0050F0;padding: 80px 0px 80px 0px;}
    .form .contain {max-width: 1400px;margin: auto;}
    .form .fields-wrapper {max-width: 534px;}
    .form p {color: #fff;font-size: 24px;font-weight: 600;margin-bottom: 34px;}
    .form label {color: #fff;font-size: 22px;font-weight: 600;padding-bottom: 0px;}
    .form input::placeholder {color: #C9C9C9;font-size: 20px;}
    .form .input {background-color: transparent;border: none;border-bottom: 1px solid #fff;border-radius: 0px;padding-left: 0px;margin-bottom: 45px;}
    .form button.btn-primary  {color: #0050F0;background-color: #fff;padding: 14px 22px;font-size: 18px;font-weight: 700;border-radius: 120px;margin-top: 20px;}

    .footer {background-size: cover;background-position: center;min-height: 1030px;padding: 130px 0px;}
    .footer .logo {display: flex;align-items: flex-end;position: relative;overflow: hidden;}
    .footer p {color: #fff;font-size: 26px;}
	.footer .logo .rotate {max-width: 200px;}
	.footer .logo {justify-content: center;flex:1;margin-bottom: 30px;}
    .footer .logo .rotate .img-rotate {animation: spin 60s linear infinite;transform-origin: center center;}
    .footer .logo .rotate .arrow {position: absolute; top: 50%;left: 50%;transform: translate(-40%, -40%);}

    .social {align-items: center;flex:0;}
    .social-wrapper {}
    .social-wrapper a {color: #fff;text-decoration: none;}
    .social ul {padding: 0px;list-style: none;display: flex;gap: 16px;justify-content: center;}  
	.social ul li img {    max-width: 42px;}
}