@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




@font-face {
  font-family: 'Myriad Pro';
  src: url('../../public/styles/fonts/MYRIADPRO-REGULAR.OTF') format('opentype');
}

@font-face {
  font-family: 'VTFJustinaGEO-black';
  src: url('../../public/styles/fonts/VTFJustinaGEO-Black.otf') format('opentype');
}

@font-face {
  font-family: 'VTFJustinaGEO-UltraBold';
  src: url('../../public/styles/fonts/VTFJustinaGEO-UltraBold.otf') format('opentype');
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*:before,
*:after {
  box-sizing: inherit;
}

.after::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0;
  width: 660px;
  height: 40px;
  z-index: -1;
}

html {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  margin: auto;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
  min-width: 1490px;
  background: #111111;
  overflow-x: hidden;


}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

a:hover:not(.btn) {
  text-decoration: none;
}






.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}

.clearfix {
  display: block;
}

/*cookie*/
.cc-animate.cc-revoke.cc-bottom {
  font-size: 14px;
  padding: 5px 10px;
  position: fixed;
  display: block !important;
  transform: none !important;
  bottom: 0 !important;
  left: 20px !important;
}

/*call to action*/
.cta {
  display: none;
}

/*=============================
	          HEADER
===============================*/
header {
  background: url(../images/content/bg-banner.png) center no-repeat;
  min-height: 1023px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 4 !important;
  position: relative;
  padding-inline: 15px;
}


header nav {
  padding-left: 47px;
  overflow: visible;

}

header nav .nav-container ul .left {
  margin-left: -18px;

}



#header nav .nav-container {
  margin: 0 auto;
  background: url(../images/content/bg-nav.png) center no-repeat;
  min-height: 124px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 4 !important;
  max-width: 1400px;
  width: 100%;
  display: flex;
  margin-top: -9px;
  overflow: visible;

}

#header nav .nav-container .main-ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100% !important;
  max-width: 1111px;
  margin: 0 auto;
  padding-right: 45px;
}

#header nav .nav-container div {
  display: flex;
  max-width: 348px;
  width: 100%;
  justify-content: space-between;
  align-items: start;
}

#header nav div ul li {
  font-family: 'Orbitron';
  font-weight: 700;
  font-size: 16px;
}

/* #header nav ul li.active-menu a {
  color: #78B81B;
}

#header nav ul li a:hover {
  color: #78B81B;
} */

header .banner {
  max-width: 1612px;
  margin: 0 auto;
  padding-top: 116px;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: start;
  align-items: start;
}

header .banner h1 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 64px;
  line-height: 119%;
  letter-spacing: -0.672px;
  color: #EDE5D7;
  text-align: center;
  letter-spacing: -0.96px;


  text-shadow:
    4px 2px 4px rgba(0, 0, 0, 0.65),
    4px 4px 23px rgba(0, 0, 0, 0.65);
}

header .banner h1 span {
  display: block;
  color: #78B81A;
}

header .banner .details {
  margin-top: 8px;
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.16px;
  line-height: 34px;
  max-width: 685px;
  text-align: center;

}



/*=============================
	          CONTENT
===============================*/
#welcome {
  background: url(../images/content/bg-2.png) center no-repeat;
  min-height: 1104px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 3 !important;
  position: relative;
  padding-inline: 15px;
  margin-top: -223px;
}

#welcome .inner {
  display: flex;
  justify-content: end;
  padding-top: 311px;
  align-items: start;
  gap: 40px;
}

#welcome h2 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  letter-spacing: 0.765px;
  color: #78B81B;
  text-align: center;
  margin-bottom: 33px;
}

#welcome span {
  color: white;
  display: block;
  text-align: center;
}

#welcome .details {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.16px;
  text-align: center;
  margin-bottom: 37px;
}

.swiper { padding-bottom: 40px !important;}
.swiper .swiper-slide { width: 100%; max-width: 300px; height: 300px; object-fit: cover;}
.swiper-pagination {display: flex; justify-content: center;}
.swiper-pagination-bullet-active { background: #78B81B !important; }

/* Services */
#services {
  min-height: 1903px;
  background: url(../images/content/bg-services.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -235px;
  padding-top: 307px;
  position: relative;
  z-index: 2;


}


#services h2 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  letter-spacing: 0.765px;
  color: #78B81B;
  text-align: center;
  text-shadow:
    4px 4px 4px rgba(0, 0, 0, 0.65),
    4px 4px 23px rgba(0, 0, 0, 0.65);
}

#services h2 span {
  color: #EDE5D7;
  display: block;
}

#services .card {
  min-width: 429px !important;
  min-height: 562px;
  font-family: 'VTFJustinaGEO-black';
  padding-inline: 19px;
  padding-bottom: 42px;
  position: relative;

}

#services .card h3 {
  font-size: 30px;
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.65);
  color: white;


}

#services .card-1 {
  background: url(../images/content/item-1.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

#services .card-2 {
  background: url(../images/content/item-2.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}



#services .card-3 {
  background: url(../images/content/item-3.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
}

#services .bottom h3 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  letter-spacing: 0.765px;
  color: #EDE5D7;
  text-shadow:
    4px 4px 4px rgba(0, 0, 0, 0.65),
    4px 4px 23px rgba(0, 0, 0, 0.65);
  margin-bottom: 25px;
}

#services .bottom p {
  font-family: 'Montserrat';
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  letter-spacing: -0.16px;
  text-align: start;
  color: white;
  max-width: 796px;
  width: 100%;
}

/* Steps */
.bangking-text {
  font-family: 'VTFJustinaGEO-black';
  font-size: 37px;
  line-height: 119%;
  letter-spacing: -0.555px;
}

.banking-year {
  font-family: 'VTFJustinaGEO-black';
  font-size: 73px;
  line-height: 119%;
  letter-spacing: -0.555px;
  color: #0D4A05;
  vertical-align: middle;
}

/* Steps */
.bangking {
  display: flex;
  align-items: center;
  gap: 14px;
  line-height: 1;
  font-family: 'VTFJustinaGEO-black';
}

.banking-year {
  font-size: 73px;
  line-height: 1;
  letter-spacing: -0.555px;
  color: #0D4A05 !important;
  margin-right: 40px;

}

.banking-text {
  font-size: 37px;
  line-height: 1;
  letter-spacing: -0.555px;
  color: black !important;
}



#steps .inner {
  /* margin-top: -833px; */
  /* margin-top: -1342px; */
}

#steps .outer {
  margin-top: -733px;
}

#steps .step-item {
  min-height: 856px;
  border: 4px solid #78B81C;
  width: 310px;
  display: flex;
  /* align-items: end; */
  padding-bottom: 10px;
  position: relative;
  z-index: 1;
  border-radius: 6px;
  padding-top: 685px;

}

#steps .step-item .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#steps .step-item .number {
  font-family: 'VTFJustinaGEO-black';
  font-size: 86px;
  color: #1F1F1F;
}

#steps .step-item .name {
  font-family: 'VTFJustinaGEO-black';
  font-size: 25px;
  color: #1F1F1F;
}

#steps .step-item .details {
  font-family: 'Montserrat';
  font-size: 17px;
  color: #444444;
}



#process-flag {
  background: url(../images/content/bg-process.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 1 !important;
  min-height: 506px;
  max-width: 1259px;
  margin-left: auto !important;
  /* margin-top: -345px; */
  padding-bottom: 112px;
  padding-right: 264px;

}

#process-flag {
  margin-bottom: -612px;
  position: relative;
}


/* #steps .bot {
  margin-top: -597px;
} */

#process-flag h3 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  color: #EEE5D7;
}

#process-flag h3 span {
  color: #78B81A !important;
}

.num-container {
  background: url(../images/content/number-before.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  max-width: 196px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 31px;
}

#steps .name {
  margin-bottom: 11px;
  line-height: 120%;
}

/* Reviews */
#reviews-upper {
  background: url(../images/content/bg-tupper.jpg) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 732px;
  padding-top: 59px;
}

#reviews-upper .top h3 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  letter-spacing: 0.765px;
  color: #EDE5D7;
  margin-bottom: 10px;
}

#reviews-upper .top .details {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  line-height: 25px;
  max-width: 637px;
  color: #EEE5D7;
}


#reviews-upper .rev-name {
  font-size: 20px;
  font-family: 'VTFJustinaGEO-UltraBold';
  color: #98C14E;
}

/* Gallery */
#gallery {
  background: url(../images/content/bg-gallery.png) center no-repeat;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* min-height: 2194px; */
  min-height: 2000px;
  margin-top: -715px;
}

#gallery .inner {
  padding-top: 543px;
}

#gallery h2 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  /* letter-spacing: 0.765px; */
  color: #EDE5D7;
  text-shadow:
    4px 4px 4px rgba(0, 0, 0, 0.65),
    4px 4px 23px rgba(0, 0, 0, 0.65);
  margin-bottom: 25px;
  text-align: center;
}

#gallery .tabs p {
  font-family: 'VTFJustinaGEO-black';
  font-size: 23px;
  line-height: 119%;
  color: #EEE5D7;

}

/*=============================
	          FOOTER
===============================*/



footer {
  background: url(../images/content/bg-footer.png) center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 1512px;
  padding-left: 15px;
  padding-right: 15px;
  padding: 69px 15px 0 15px;
  margin-top: -768px;
}

footer .inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}




footer .inner .right {
  width: 100%;
  background: #EFE6D7;
  padding-inline: 83px;
  padding-top: 52px;
  padding-bottom: 15px;
  min-height: 714px;

}


footer .inner .right .right-inner h2 {
  font-family: 'VTFJustinaGEO-black';
  font-size: 51px;
  line-height: 119%;
  letter-spacing: 0.765px;
  color: #1F1F1F;
  margin-bottom: 25px;
  text-align: center;
}


footer .inner .right .right-inner p {
  font-family: 'Poppins';
  font-size: 14px;
  color: #000000;
  line-height: 176%;
  margin-bottom: 42px;
  font-weight: 400;
  text-align: center;
}




/* footer mid */
footer .mid {
  margin-top: 85px;
}




/* Footer bot */
footer .bot .inner {
  display: flex;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}


footer .cp {
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 1.6px;
  color: white;
  text-align: center;

}

footer nav {
  margin-bottom: 9px;
}

footer nav ul li.active-menu a {
  font-weight: 700;
}

footer nav ul li a:hover {
  color: #00BFFF;
}


.cp {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.designed-by {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.footer-logo {
  width: 40px;
  height: auto;
  vertical-align: middle;
}




.ctc-form {
  width: 100%;
  max-width: 1470px;
  margin: 0 auto;
}

select,
option,
.ctc-form input[type=text],
.ctc-form input[type=email],
.ctc-form textarea {
  font-family: 'Poppins';
  height: 60px;
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  box-sizing: border-box;
  padding-left: 22px;
  text-align: left;
  background: #131313;
  box-shadow: inset 1px 1px 4px 1px rgba(0, 0, 0, 0.24);
  font-size: 15px;
  letter-spacing: 0.165px;
  color: white;

}

option::placeholder,
select::placeholder,
.ctc-form input::placeholder,
.ctc-form textarea::placeholder {
  color: #888888;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  letter-spacing: 0.165px;
  opacity: 0.8;
  line-height: 180%;
}


.ctc-form textarea {
  padding-top: 16px;
  height: 150px;
  resize: none;
  padding-bottom: 30px;
}

.ctc-form .recap {
  display: inline-block;
}

.ctc-form .ctc-hide {
  display: none;
}

.ctc-form .copy {
  text-align: start;
  /* padding-top: 20px; */
  color: #000000 !important;
  font-size: 13px;
  font-family: 'Open Sans';
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-bottom: 17px;
}

.ctc-form .btn,
.ctc-form .ctcBtn {}


form .messages p {
  display: none;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  font-size: 16px !important;
}

form .loading {
  display: none;
}

form .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

form .alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

form .alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}


/* INNER PAGES ========================== */
.inner-page h1,
.inner-page h2 {
  font-family: 'VTFJustinaGEO-black', sans-serif !important;
  color: white !important;
  letter-spacing: -0.672px;
}

.inner-page h1 {
  font-size: 56px;
}

.inner-page h2 {
  font-size: 42px;
}

.inner-page p {
  font-family: 'Poppins', sans-serif;
  color: white;
  font-size: 17px;
  line-height: 33px;
  margin-bottom: 25px;
}

#inner-reviews .review-cards .r-card {
  max-width: 452px;
  width: 100%;
  min-height: 392px;
  border-radius: 15px;
  background: white;
  padding-inline: 37px;
  padding-top: 30px;
  padding-bottom: 32px;
  display: flex;
  flex-direction: column;
}

#inner-reviews .review-cards .r-card .circle {
  height: 84px;
  width: 84px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-bottom: 18px;
}

#inner-reviews .review-cards .r-card .circle p {
  color: white;
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 43px;
}

#inner-reviews .review-cards .r-card img {
  margin-bottom: 10px;
  max-width: 162px;
}

#inner-reviews .review-cards .r-card .details {
  color: #111111;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-size: 15px;
  line-height: 25px;
  margin-bottom: 8px;
}

#inner-reviews .review-cards .r-card .name {
  color: #132666;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 19px;
  margin-top: auto !important;
}

@media(max-width:1672px) {
  .reponsive-box-r {
    right: 10px !important;
  }

  .reponsive-box-l {
    left: 10px !important;
  }
}