/* TOKENS */
:root {

  --navy: #0B1F3A;
  --navy-light: #17375F;

  --teal: #2DB8A8;
  --teal-dark: #1E9988;
  --teal-light: #50BCBD;

  --pink: #E84D8A;

  --white: #FFFFFF;
  --off-white: #F5F8FA;

  --gray-100: #EDEDED;
  --gray-300: #C8D3DE;
  --gray-500: #7A8FA6;
  --gray-700: #3C4F62;

  --text: #0B1F3A;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --shadow: 0 4px 24px rgba(11,31,58,.12);
  --shadow-lg: 0 10px 10px rgb(11 31 58 / 30%);
  --shadow-txt: 0 5px 10px rgb(11 31 58 / 30%);
}

/* RESET */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {font-family: 'Inter', sans-serif;color: var(--text);background: var(--white);-webkit-font-smoothing: antialiased;}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button, input, select, textarea { font-family: inherit; }
h1, h2, h3, h4 { font-family: 'Inter', sans-serif; line-height: 1.2; }


/* UTILS */
.container {position: relative;width: 100%;max-width: 1180px;margin: 0 auto;padding: 0 20px;}
@media (max-width: 1200px) {
  .container{max-width: 460px;}
}


.tag {display: inline-block;font-family: 'Inter', sans-serif;font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--teal);margin-bottom: 12px;}
.tag--light { color: rgba(255,255,255,.6); }

.btn {display: inline-flex;align-items: center;gap: 8px;padding: 18px 30px;border-radius: 15px;font-family: 'Inter', sans-serif;font-size: 16px;font-weight: 700;cursor: pointer;transition: transform .18s, box-shadow .18s, background .18s;border: none;}
.btn:hover { transform: translateY(-2px); box-shadow: var(--shadow-lg); }
.btn .icon {height: 20px;}

.btn--teal { background: var(--teal); color: #fff; }
.btn--teal:hover { background: var(--pink); color: #fff; }

.btn--pink { background: var(--pink); color: #fff; }
.btn--pink:hover  { background: var(--teal); color: #fff; }

.btn--teal { background: var(--teal); color: #fff; }
.btn--outline { background: transparent; border: 2px solid var(--teal); color: var(--teal); }
.btn--outline:hover { background: var(--teal); color: #fff; }
.btn--white { background: #fff; color: var(--navy); }





/* NAVIGATION */
.nav {position: fixed;top: 0;width: 100%;z-index: 100;background: var(--white);border-bottom: 1px solid rgba(255, 255, 255, .1);box-shadow: var(--shadow);}
.nav .nav__inner {display: flex;align-items: center;justify-content: space-between;height: 120px;}
.nav .nav__logo {display: flex;align-items: center;gap: 10px;font-family: 'Inter', sans-serif;font-size: 18px;font-weight: 800;color: #fff;cursor: pointer;transition: transform .18s, box-shadow .18s, background .18s;}
.nav .nav__logo img {width: 100%; max-width: 215px;}
.nav .nav__logo:hover { transform: translateY(-2px);}

.nav .nav__links {display: flex;gap: 20px;align-items: center;}
.nav .nav__links a {font-size: 18px;color: var(--navy);font-weight: 500;padding: 10px;cursor: pointer;transition: transform .18s, box-shadow .18s, background .18s;}
.nav .nav__links a:hover { color: var(--teal);  transform: translateY(-2px); text-shadow: var(--shadow-txt);}

.nav .nav__cta { display: flex; gap: 12px; align-items: center; }

.nav .nav__hamburger {display: none;flex-direction: column;gap: 5px;cursor: pointer;background: none;border: none;padding: 4px;}
.nav .nav__hamburger span {display: block;width: 25px;height: 3px;background: var(--navy);border-radius: 2px;transition: all .3s;}
.nav .nav__hamburger span:nth-child(1) { transform-origin: center; }
.nav .nav__hamburger span:nth-child(2) { transform-origin: center; }
.nav .nav__hamburger span:nth-child(3) { transform-origin: center; }

.nav .nav__hamburger.open span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.nav .nav__hamburger.open span:nth-child(2) { opacity: 0; transform: scaleX(0); }
.nav .nav__hamburger.open span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }

.nav .nav__mobile-menu {display: none;flex-direction: column;background: var(--navy-mid);gap: 0;padding: 0 0 20px 0;}
.nav .nav__mobile-menu.open { display: flex; }
.nav .nav__mobile-menu a {color: var(--navy);font-size: 18px;font-weight: 500;padding: 15px 0;border-top: 1px solid rgb(0 0 0 / 15%);}
.nav .nav__mobile-menu a:first-child{border: none;}

@media (max-width: 1200px) {
  .nav .nav__links, .nav .nav__cta { display: none; }
  .nav .nav__hamburger { display: flex; }
  .nav .nav__inner{height: 80px;}
}




/* FORM */

.form {text-align: left;background: var(--navy);border-radius: 40px;padding: 40px 30px;box-shadow: var(--shadow-lg);border: solid 1px var(--teal-dark);position: relative;}
.form h3 {font-size: 28px;font-weight: 700;color: var(--white);margin-bottom: 10px;}
.form p {font-size: 17px;color: var(--gray-300);font-weight: 300;}

.form .bar{height: 2px;width: 100%;background: var(--gray-700);margin: 20px auto 40px;}
.form .bar .width{background: var(--teal-light);height: 2px;}

.form .form-group {display: flex;flex-direction: column;gap: 4px;margin-bottom: 14px;}
.form .form-group label {font-size: 15px;font-weight: 300;color: var(--white);}
.form .form-group input {height: 50px;border: 1.5px solid var(--gray-700);border-radius: var(--radius-md);padding: 0 14px;font-size: 14px;color: var(--white);background-color: var(--navy-light);transition: border-color .15s;outline: none;margin: 5px 0;}
.form .form-group input:focus { border-color: var(--teal); }
.form .form-group input::placeholder { color: var(--gray-300);}

.form .form-group select{cursor: pointer;box-shadow: none;font: 100% 'Inter', sans-serif;background-color: var(--navy-light);color: var(--white);display: block;width: 100%;font-weight: 400;appearance: none;height: 50px;border: 1.5px solid var(--gray-700);border-radius: var(--radius-md);padding: 0 14px;font-size: 14px;transition: border-color .15s;outline: none;margin: 5px 0;background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDE4IDEwIj4NCiAgPGcgaWQ9Ikdyb3VwXzk4NjYiIGRhdGEtbmFtZT0iR3JvdXAgOTg2NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTggLTEwMS40NzgpIHJvdGF0ZSg5MCkiPg0KICAgIDxnIGlkPSJHcm91cF85ODY1IiBkYXRhLW5hbWU9Ikdyb3VwIDk4NjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwMS40NzgpIj4NCiAgICAgIDxwYXRoIGlkPSJQYXRoXzE5NDEiIGRhdGEtbmFtZT0iUGF0aCAxOTQxIiBkPSJNMTExLjIwNiw4LjMsMTAzLjYzMi4yODhhLjkuOSwwLDAsMC0xLjMxNywwbC0uNTU4LjU5YTEuMDI3LDEuMDI3LDAsMCwwLDAsMS4zOTNMMTA4LjExOCw5LDEwMS43NSwxNS43M2ExLjAyOCwxLjAyOCwwLDAsMCwwLDEuMzkzbC41NTguNTlhLjkuOSwwLDAsMCwxLjMxNywwTDExMS4yMDYsOS43YTEuMDM1LDEuMDM1LDAsMCwwLDAtMS40WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMS40NzggMCkiIGZpbGw9IiM3NDhhYTEiLz4NCiAgICA8L2c+DQogIDwvZz4NCjwvc3ZnPg0K");background-repeat: no-repeat;background-position: right 15px center;background-size: 14px 8px;}
.form .form-group select:focus { border-color: var(--teal); }
.form .form-group select::placeholder { color: var(--gray-300);}


.form .form-group.error input{border: 1.5px solid rgb(255 0 0);}
.form .form-group.error select{border: 1.5px solid rgb(255 0 0);}
.form .form-group.error label{color: red;}

.form .btn { width: 100%; justify-content: center; margin-top: 4px; }
.form .privacy {display: flex;align-items: center;gap: 6px;margin-top: 12px;font-size: 12px;color: var(--gray-500);justify-content: center;}
.form .privacy svg { width: 13px; height: 13px; flex-shrink: 0; }

@media screen and (max-width: 1024px) {
    .form{
    padding: 30px 20px;
}
}


/* Check status */
.msgresponse {position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #ffffff;border-radius: 20px;display: flex;align-items: center;justify-content: center;align-content: center;}
.msgresponse .center{text-align: center;}
.msgresponse .center img{margin: 0 auto 20px;width: 70px;}
.msgresponse .center img.loader{animation: spin 1.5s linear infinite;}
.msgresponse .center h3{margin: 0 auto 20px;font-size: 20px;color: #282828;}
.msgresponse .center p{margin: 0 auto;font-size: 16px;max-width: 360px;text-align: center;color: #282828 !important;font-weight: 400;background: none;}
.msgresponse .center b{display: block;margin: 15px 0 0 0;font-size: 16px;text-align: center;}
.msgresponse .center span{display: inline-block;width: 40px;height: 40px;margin: 0;border: 5px solid #ffffff;border-radius: 20px;border-top: 5px solid #8500bb;border-bottom: 5px solid #8500bb;animation: spin 0.5s linear infinite;}
.msgresponse .center a{background: #0666eb;font-size: 16px;font-weight: 600;padding: 10px 36px;border-radius: 30px;outline: none;color: #fff;margin: 30px 0 0;display: inline-block;text-align: center;}
.msgresponse .center a:hover {background: #3184f8;}
.msgresponse.hidden {display:none!important;}







/* FOOTER */
.footer {background: #071526;padding: 50px 0;}

.footer .footer__nav {margin-bottom: 50px;display: grid;grid-template-columns: repeat(3, 1fr);align-items: center;text-align: left;}
.footer .footer__nav .footer__col ul {display: flex;flex-direction: column;gap: 0px;}
.footer .footer__nav .footer__col ul a {font-size: 14px;color: var(--gray-300);transition: color .15s;}
.footer .footer__nav .footer__col ul a:hover { color: var(--teal); }

.footer .footer__bottom {border-top: 1px solid rgba(255,255,255,.07);padding-top: 30px;display: flex;align-items: center;justify-content: center;gap: 20px;flex-wrap: wrap;}
.footer .footer__bottom p {font-size: 14px;color: var(--gray-700);line-height: 1.6;}

@media (max-width: 1200px) {
  .footer .footer__nav {grid-template-columns: 1fr;text-align: center;}
  .footer .footer__nav .footer__col {margin: 15px auto;}
  .footer .footer__bottom { flex-direction: column; text-align: center; }
}




.grecaptcha-badge{display:none;}


/* Animate css */
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}

@keyframes updown {
  0% {transform: translateY(-20%);}
  50% {transform: translateY(20%);}
  100% {transform: translateY(-20%);}
}

@keyframes pulse {
	0% {transform: scale(1);box-shadow: 0 0 0 0 rgba(0, 255, 51, 0.7);}
	70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(0, 255, 51, 0);}
	100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(0, 255, 51, 0);}
}

@keyframes tel {
	0% {transform: scale(1);box-shadow: 0 0 0 0 rgb(0 170 255 / 70%);}
	70% {transform: scale(1);box-shadow: 0 0 0 10px rgba(0, 255, 51, 0);}
	100% {transform: scale(1);box-shadow: 0 0 0 0 rgba(0, 255, 51, 0);}
}