@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');







* {

  --dark: #000;

  --orange: #52ACC8;

  --white: #ffffff;

  --black: #1a1a1a;

  --bg-color: #020202;

  --hover-color: #1a1a1a;

  --border-color: #eaeaea;

  --gray: #cbd2de;

  --font-small: 16px;

  --font-medium: 20px;

  --font-large: 36px;

  --font-extra-large: 42px;

  --transition: all .2s ease;

  --media-middle: 768px;

  --media-small: 500px;

  --media--tablet: 1024px;

  --media-laptop: 1230px;

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

  margin: 0;

  padding: 0;

  font-size: 100%;

  vertical-align: baseline
}



a {

  text-decoration: none;

  color: var(--orange);

}



a:hover {

  color: var(--black);

}



a:active,

a:hover {

  outline: 0
}



h1,

h2,

h3,

h4,

h5,

h6 {

  font-size: 100%;

  font-weight: normal
}



html {

  box-sizing: border-box
}



*,

*:before,

*:after {

  box-sizing: border-box
}



:focus {

  outline: 0
}



img,

audio,

video {

  max-width: 100%;

  height: auto
}



audio,

canvas,

iframe,

video,

img,

svg {

  vertical-align: middle
}



iframe {

  border: 0
}



textarea {

  resize: none;

  overflow: auto;

  vertical-align: top;

  box-shadow: none;

  -webkit-box-shadow: none;

  -moz-box-shadow: none
}



input,

textarea,

select,

button {

  outline: none;
  border: none;
  font-size: 100%;
  margin: 0;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1;
  font-weight: 300;
  color: var(--black);
  height: 40px;
  border: 1px solid var(--border-color);
  background-color: var(--white);
  display: block;
  width: 100%;
  font-family: 'Open Sans', sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select {
  cursor: pointer;
  padding-right: 35px; /* Make room for the arrow */
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
}


button,

input {

  line-height: normal
}



table {

  border-collapse: collapse;

  border-spacing: 0
}



td,

th {

  padding: 0;

  text-align: left
}




body {

  font-family: 'Open Sans', sans-serif;

  font-size: var(--font-small);

}



header ul,
footer ul {

  list-style-type: none;

  padding: 0;

  margin: 0;

}



.container {

  max-width: 1230px;

  margin: 0 auto;

  padding: 0 15px;

}



.btn {

  border-style: solid;

  border-top-width: 0;

  border-right-width: 0;

  border-left-width: 0;

  border-bottom-width: 0;

  color: var(--white);

  border-color: var(--orange);

  background-color: var(--orange);

  border-radius: 0px;

  padding-top: 18px;

  padding-right: 32px;

  padding-bottom: 18px;

  padding-left: 32px;

  font-family: inherit;

  font-weight: 600;

  font-size: 14px;

  font-size: 0.875rem;

  line-height: 1;

  text-transform: capitalize;

  text-decoration: none;

  transition: var(--transition);

  display: block;

}



.btn:hover {

  background-color: var(--hover-color);

  color: var(--white);

}



.header.header-desktop {

  display: block;

}



.header.header-mobile {

  display: none;

}



.orange-item {

  color: var(--orange);

  transition: all .3s ease;

}



.header {

  background-color: transparent;

  margin-bottom: -133px;

  position: relative;

  z-index: 100;

}



.header .logo img {

  max-width: 120px;

  width: 100%;

}



.header__in {

  display: grid;

  grid-template-columns: auto auto;

  align-items: center;

  grid-column-gap: 20px;

  overflow-wrap: anywhere;

  padding: 15px 0;

  position: relative;

}



.header__right {

  display: flex;

  justify-content: flex-end;

  align-items: center;

}



.header__getstarted {

  margin-inline-start: 20px;

}



.header__nav-menu {

  display: flex;

  justify-content: flex-end;

  align-items: center;

}



.header__nav-menu a {

  text-decoration: none;

  line-height: 1;

}



.header__nav-menu>li {

  position: relative;

  padding: 15px;

}



.header__nav-menu>li.menu-item-has-children {

  padding-right: 30px;

}



.header__nav-menu>li.menu-item-has-children:before {

  content: '';

  display: block;

  position: absolute;

  right: 10px;

  top: 50%;

  width: 7px;

  height: 7px;

  border-left: 1px solid var(--white);

  border-bottom: 1px solid var(--white);

  transform: translate(0%, -60%) rotate(-45deg);

  transition: var(--transition);

}



.header__nav-menu a {

  font-size: var(--font-small);

  color: var(--white);

  text-decoration: none;

  transition: var(--transition);

}



.header__nav-menu li.current_page_item a {

  color: var(--orange) !important;

}



.header__nav-menu a:hover {

  color: var(--orange);

}



.header__nav-menu li:hover .sub-menu {

  opacity: 1;

  visibility: visible;

  pointer-events: all;

}



.header__nav-menu li .sub-menu a {

  color: var(--black);

}

.header__nav-menu li .sub-menu a:hover {

  color: var(--orange);

}



.header__nav-menu .sub-menu {

  position: absolute;

  left: 0;

  top: 100%;

  background-color: var(--white);

  visibility: hidden;

  opacity: 0;

  pointer-events: none;

  box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);

  width: 240px;

  z-index: 99999;

}



.header__nav-menu .sub-menu a {

  padding: 0.9em 1em;

  display: block;

  word-wrap: break-word;

  text-decoration: none;

  transition: all .2s linear;

}



.burger-btn {

  position: relative;

  display: block;

  width: 20px;

  height: 20px;

  line-height: 1;

}



.burger-btn span {

  display: block;

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 2px;

  background-color: var(--orange);

  transition: var(--transition);

}



.burger-btn span:nth-child(2) {

  top: 50%;

  transform: translateY(-50%);

}



.burger-btn span:last-child {

  top: 100%;

}



.burger-btn.open span:first-child {

  top: 50%;

  transform: translate(0, -50%) rotate(-45deg);

}



.burger-btn.open span:last-child {

  top: 50%;

  transform: translate(0, -50%) rotate(45deg);

}



.burger-btn.open span:nth-child(2) {

  top: 50%;

  transform: translate(-100%, -50%);

  opacity: 0;

  visibility: hidden;

}



.open-sub-btn {

  display: block;

  position: absolute;

  top: 0;

  right: 15px;

  width: 40px;

  height: 40px;

  outline: none !important;

  appearance: none !important;

  background-color: transparent;

  cursor: pointer;



}



.open-sub-btn:before {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  border-left: 1px solid var(--black);

  border-bottom: 1px solid var(--black);

  transform: translate(-50%, -60%) rotate(-45deg);

  width: 14px;

  height: 14px;

}



.header__mobile-menu {

  background-color: var(--white);

  position: absolute;

  left: 50%;

  top: 101%;

  transform: translateX(-50%);

  width: calc(100% + 30px);

  display: none;

  box-shadow: 0 4px 10px -2px rgb(0 0 0 / 10%);

  z-index: 1000;

}



.header__mobile-nav-menu a {

  display: block;

  width: 100%;

  color: var(--black);

  transition: var(--transition);

  line-height: 1;

  font-size: var(--font-small);

}



.header__mobile-nav-menu a:hover {

  color: var(--orange);

}



.header__mobile-nav-menu li.open-sub-menu .sub-menu {

  max-height: 1000px;

}



.header__mobile-nav-menu .sub-menu {

  max-height: 0;

  overflow: hidden;

  transition: all .5s ease;

}



.header__mobile-nav-menu .sub-menu a {

  position: relative;

  padding-left: 30px;

}



.header__mobile-nav-menu .sub-menu a:before {

  content: '';

  width: 7px;

  height: 7px;

  border-right: 1px solid var(--black);

  border-top: 1px solid var(--black);

  transform: rotate(45deg);

  display: block;

  position: absolute;

  top: 20px;

  left: 15px;

}



.header__mobile-nav-menu li {

  position: relative;

  border-top: 1px solid var(--border-color);

}



.header__mobile-nav-menu li.current-menu-item a {

  color: var(--orange) !important;

}



.header__mobile-nav-menu>li a {

  padding: 15px;

  padding-right: 25px;

}



.header__mobile-menu.active {

  display: block;

}





.footer {

  background: radial-gradient(49.06% 263.81% at 73.52% 50%, #2049CF 0%, #101E4A 100%);

  color: var(--white);

}



.footer__top {

  padding: calc(min(104px, 15vw)) 0;

  display: grid;

  grid-gap: 30px;

  grid-template-columns: repeat(4, 1fr);

}







.footer__menu-title {

  font-size: 1.375rem;

  color: var(--white);

  margin-bottom: 1em;

  font-weight: 400;

}



.footer__bottom {

  padding: 32px 0;

}



.footer a {

  color: var(--white);

  transition: var(--transition);

}



.footer__menu-nav li {

  margin-bottom: 5px;

}



.footer__menu-nav li.current-menu-item a {

  color: var(--orange);

}



.footer__menu-nav li:last-child {

  margin-bottom: 0;

}



.footer__logo {

  margin-bottom: 2.8em;

  display: block;

}



.footer__logo img {

  max-width: 180px;

  width: 100%;

}



.footer__top-left p {

  margin: 0;

}



.footer__bottom-in {

  display: grid;

  grid-template-columns: auto auto;

  grid-gap: 30px;

  align-items: center;

  grid-column-gap: 20px;

  overflow-wrap: anywhere;

  padding: 15px 0;

  position: relative;

}



.footer__bottom-right {

  display: flex;

  justify-content: flex-end;

}



.footer__bottom-menu-nav {

  display: flex;

  justify-content: flex-end;

  flex-wrap: wrap;

}



.footer__bottom-menu-nav li {

  position: relative;

  padding: 0 15px;

  line-height: 1;

}



.footer__bottom-menu-nav li.current-menu-item a {

  color: var(--orange);

}



.footer__bottom-menu-nav li:before {

  content: '|';

  display: block;

  position: absolute;

  right: 0;

  top: 50%;

  transform: translate(50%, -60%);

  color: var(--white);

  font-size: var(--font-small);

}



.footer__bottom-menu-nav li:last-child:before {

  display: none;

}



.footer a:hover {

  color: var(--orange);

}



.footer__copy {

  color: var(--gray);

  font-size: 14px;

}



.title-h1 {

  font-size: 4.4em;

  color: var(--white);

  line-height: 1.1;

}



/* hero start */

.hero {

  background-color: var(--bg-color);

  padding: calc(min(100px, 15vw)) 0;

  color: var(--white);

}



.hero__in {

  display: flex;

  justify-content: space-between;

}



.hero__left {

  width: 60%;

}



.hero__left .title-h1 {

  margin-bottom: 20px;

}



.hero__left p {

  color: var(--gray);

  margin-bottom: 40px;

}



.hero__left ul {

  display: flex;

  flex-wrap: wrap;

  margin-bottom: 20px;

}



.hero__left ul:last-child {

  margin-bottom: 0;

}



.hero__left ul li {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  margin-right: 15px;

}



.check-icon {

  width: 14px;

  height: 14px;

  line-height: 1;

  font-size: 14px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  position: relative;

  background-color: var(--orange);

  border-radius: 50%;

  margin-right: 5px;

}



.check-icon:before {

  content: '';

  display: block;

  position: absolute;

  left: 50%;

  top: 50%;

  width: 5px;

  height: 7px;

  border-bottom: 1px solid var(--black);

  border-right: 1px solid var(--black);

  transform: translate(-50%, -60%) rotate(45deg);

}



.number-cart-hover:hover .orange-item {

  color: var(--white);

}

.number-cart-hover:hover h3 {

  color: var(--white);

}

.number-cart-hover:hover p {

  color: var(--white);

}





.hero__right {

  width: 40%;

}

/*  hero end  */

@media(max-width: 768px) {

  .header.header-desktop {

    display: none;

  }



  .header.header-mobile {

    display: block;

  }

  .footer__top {

    grid-template-columns: repeat(2, 1fr);

  }

}



@media(max-width: 640px) {

  .footer__bottom-in {

    display: flex;

    flex-direction: column;

    grid-gap: 0;

  }

  .footer__bottom {

    padding: 20px 0;

  }

  .footer__copy {

    margin-bottom: 15px;

  }

  .footer__bottom-right {

    justify-content: center;

  }

}



@media(max-width: 500px) {

  .footer__top {

    grid-template-columns: 1fr;

  }

}



.main__contact-form input,
.main__contact-form textarea {

  padding: 10px 15px;

  font-size: 14px;

  line-height: 1;

  font-weight: 300;

  color: var(--black);

  border: 1px solid var(--border-color);

  background-color: var(--white);

  display: block;

  width: 100%;

  font-family: 'Open Sans', sans-serif;

}



.main__contact-form input:-webkit-autofill,

.main__contact-form input:-webkit-autofill:hover,

.main__contact-form input:-webkit-autofill:focus,

.main__contact-form input:-webkit-autofill:active {

  transition: background-color 5000s ease-in-out 0s;

}



.main__contact-form input:-webkit-autofill {

  background-color: var(--white);

}



.contact__form-name-line {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.contact__form-name-line .form-group {

  width: 48%;

}



.wpcf7-not-valid-tip {

  font-size: 10px;

}



.wpcf7 form .wpcf7-response-output {

  margin: 1em;

  text-align: center;

  font-size: 12px;

  border: none;

  font-weight: 500;

}



.form-group {

  position: relative;

  margin-bottom: 15px;
  
  height: 40px;

}



.form-group .intl-tel-input {

  width: 100%;

}



.form-group .wpcf7-not-valid-tip {

  position: absolute;

  left: 0;

  top: 101%;

  width: 100%;

  text-align: left;

}



.form-submit {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  position: relative;

}



.intl-tel-input.allow-dropdown .flag-container,
.intl-tel-input.separate-dial-code .flag-container {

  font-size: 14px;

}



.intl-tel-input .country-list {

  font-size: 12px;

}



.form-submit .wpcf7-spinner {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  z-index: 1;

  margin: 0;

}



.submitting .form-submit input {

  filter: grayscale(.5);

  pointer-events: none;

}



.form-submit input {

  max-width: 300px;

}



.main__contact-form input[type="submit"] {

  background-color: var(--orange);

  color: var(--white);

  border: none;

  outline: none !important;

  cursor: pointer;

  appearance: none !important;

  transition: var(--transition);

  font-size: 16px;

  font-weight: 500;

  padding: 14px 15px;

  text-align: center;

}



.form-group .wpcf7-form-control-wrap {

  position: initial;

}



.main__contact-form input[type="submit"]:hover {

  background-color: var(--black);

}



.background-gradient {

  background: radial-gradient(49.06% 263.81% at 73.52% 50%, #2049CF 0%, #101E4A 100%);

}



.header__custom-list {

  margin-bottom: 15px;

}



.header__custom-list ul {

  display: flex;

  justify-content: flex-start;

  width: 100%;

}



.header__custom-list ul li {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  margin-right: 35px;

}



.header__custom-list ul li svg {

  margin-right: 5px;

}

.hidden-input{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}



/* Fix submit button text alignment */
.main__contact-form input[type="submit"] {
  background-color: var(--orange);
  color: var(--white);
  border: none;
  outline: none !important;
  cursor: pointer;
  appearance: none !important;
  transition: var(--transition);
  font-size: 16px;
  font-weight: 500;
  padding: 14px 15px;
  text-align: center;
  display: flex;              /* Use flexbox for centering */
  align-items: center;        /* Center vertically */
  justify-content: center;    /* Center horizontally */
  line-height: 1.2;          /* Better line height for text */
  height: auto;              /* Let height adjust to content */
  min-height: 48px;          /* Ensure minimum height */
  margin-top: 10px;
}

.main__contact-form input[type="submit"]:hover {
  background-color: var(--black);
}

/* Center the GDPR link */
.form-submit a {
  display: block;
  text-align: center;
  font-size: 12px;
}

/* Center the disclaimer text */
.form-submit {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
  text-align: center;        /* Center all text content */
}

/* Style the disclaimer text specifically */
.form-submit[style*="color:#333"] {
  font-size: 12px;
  color: #333;
  margin-top: 10px;
  text-align: center;
  max-width: 400px;          /* Limit width for better readability */
}

/* Style the disclaimer with the new class */
.form-disclaimer {
  font-size: 12px;
  color: #333;
  margin-top: 15px;
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.4;
}