@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



* {

  padding: 0;

  margin: 0;

  border: none;

  -moz-box-sizing: border-box;

  -ms-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

}



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,

ol,

ul,

li,

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;

  border: 0;

  font-size: 100%;

  font: inherit;

  vertical-align: baseline;

}



/* HTML5 display-role reset for older browsers */



article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section {

  display: block;

}



body {

  line-height: 1;

}



ol,

ol li,

ul,

ul li {

  list-style-type: none;

  margin-bottom: 0;

}



blockquote,

q {

  quotes: none;

}



blockquote:before,

blockquote:after,

q:before,

q:after {

  content: "";

  content: none;

}



table {

  border-collapse: collapse;

  border-spacing: 0;

}



strong,

b {

  font-weight: bold;

}



em,

i {

  font-style: italic;

}



u {

  text-decoration: underline;

}



a {

  text-decoration: none;

}



*:focus {

  outline: none;

}



a:hover,

a:focus {

  text-decoration: none;

  outline: none !important;

}



button[type="button"]:focus {

  outline: none;

}


input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide number input arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.grecaptcha-badge {
  z-index: 3;
}

/* 1.1 SVG default css*/

svg:not(:root).svgImg {

  overflow: visible;

}



.svgImg {

  display: inline-block;

  font-size: inherit;

  width: 1em;

  height: 1em;

  overflow: visible;

  vertical-align: -0.125em;

}



.svg-icons {

  display: inline-block;

  font-size: inherit;

  height: 1em;

  overflow: visible;

  vertical-align: -0.125em;

}



/*SVG default css*/



img {

  display: block;

  max-width: 100%;

  max-height: 100%;

  width: auto;

  height: auto;

}



p {

  font-size: 16px;

  font-weight: 400;

  line-height: 1.1;

  font-weight: 400;

  letter-spacing: 0.025em;

  font-family: "Lato", sans-serif;

}



p:last-child {

  margin-bottom: 0;

}



a {

  color: #000;

  transition: all 0.4s ease-in-out;

}



:root {

  --white: #ffffff;

  --black: #000000;

  --trans: all 0.4s ease-in-out;

}



html {

  font-size: 1rem;

}



body {

  display: block;

  width: 100%;

  padding: 0;

  margin: 0;

  color: #000;

  background-color: #fff;

  position: relative;

  font-family: "Lato", sans-serif;

  font-size: 16px;

  font-weight: 400;

  line-height: 1.1;

  letter-spacing: 0.025em;

}



.trans {

  -moz-transition: all 0.4s ease-in-out;

  -ms-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

}



:-webkit-autofill,

:-webkit-autofill:hover,

:-webkit-autofill:focus,

:-webkit-autofill:active {

  -webkit-text-fill-color: #fff !important;

  transition: background-color 5000000s ease-in-out 0s !important;

}



input[type="search"]::-webkit-search-decoration,

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-results-button,

input[type="search"]::-webkit-search-results-decoration {

  display: none;

}



.wrapper {

  display: block;

  width: 100%;

  overflow: hidden;

  min-height: 100vh;

  position: relative;

}



.container {

  max-width: 1396px;

  padding: 0 30px;

}



.common-sec {

  padding-top: 115px;

  padding-bottom: 115px;

}



/* button */

.btn {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  color: #fff !important;

  background-color: #8CC63F;

  border-radius: 4px;

  padding: 11px 22px;

  position: relative;

  overflow: hidden;

  letter-spacing: 0;

  min-width: auto;

  border: 0;

  z-index: 2;

  text-transform: uppercase;

  transition: all 0.4s ease-in-out;

  font-size: 19px;

  font-weight: 900;

  line-height: 1.1;

  letter-spacing: 0.04em;

  width: fit-content;

}



.btn::before {

  content: "";

  display: block;

  position: absolute;

  left: 50%;

  bottom: -1.25rem;

  background: #6B2976;

  border-radius: 50%;

  aspect-ratio: 1;

  width: 5%;

  margin: auto;

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

  z-index: -1;

  transition: all 0.4s ease-in-out;

}





.btn:focus {

  box-shadow: none;

}



.btn~.btn {

  margin-left: 17px;

}



.btn.btn-white {

  color: #8CC63F !important;

  background-color: #fff;

}



.btn.btn-white:hover {

  color: #fff !important;

}



/* button */

.sec-head {

  display: block;

  margin-bottom: 20px;

}



.sec-title {

  font-weight: 900;

  font-size: 33px;

  line-height: 1.2;

  letter-spacing: 0.01em;

  color: #FFFFFF;

  display: block;

  margin-bottom: 20px;

}



/* slick-silder */



.slick-slide {

  outline: none;

}



.slick-dots {

  display: block;

  text-align: center;

  margin-top: 20px;

}



.slick-dots li {

  display: inline-block;

  width: auto;

  list-style: none;

  padding: 0 0.1875rem;

}



.slick-dots li button {

  font-size: 0;

  height: 4px;

  width: 4px;

  border-radius: 50%;

  background-color: #fff;

  position: relative;

  -moz-transition: all 0.4s ease-in-out;

  -webkit-transition: all 0.4s ease-in-out;

  transition: all 0.4s ease-in-out;

  cursor: pointer;

  outline: none;

  position: relative;

  transition: color 0.4s ease-in-out, background-color 0.4s ease-in-out,

    border-color 0.4s ease-in-out, transform 0.4s ease-in-out,

    box-shadow 0.4s ease-in-out;

}



.slick-dots li.slick-active button {

  width: 8px;

  height: 8px;

  background: #fff;

}



.slick-dots li button:after {

  content: "";

  background: transparent;

  height: 4px;

  width: 4px;

  background: #fff;

  border-radius: 50%;

  position: relative;

  margin: auto;

  position: absolute;

  left: 0;

  top: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  transition: all.5s ease-in-out;

}



.slick-dots li.slick-active button:after {

  opacity: 1;

  width: 8px;

  height: 8px;

}



.slick-prev {

  background: rgba(255, 255, 255, 0.15);

  backdrop-filter: blur(20px);

  width: 60px;

  height: 60px;

  position: absolute;

  left: 84px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  font-size: 0;

  border: none;

  border-radius: 60px;

  outline-color: transparent;

}



.slick-prev:before {

  content: "";

  width: 30px;

  height: 30px;

  background-image: url(../img/svg/left-arrow.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transform: rotate(-180deg);

  transition: all 0.4s ease-in-out;

}



.slick-next {

  background: rgba(255, 255, 255, 0.15);

  backdrop-filter: blur(20px);

  width: 60px;

  height: 60px;

  position: absolute;

  right: 84px;

  top: 50%;

  transform: translateY(-50%);

  z-index: 9;

  font-size: 0;

  border-radius: 60px;

  border: none;

  outline-color: transparent;

}



.slick-next:before {

  content: "";

  width: 30px;

  height: 30px;

  background-image: url(../img/svg/left-arrow.svg);

  background-repeat: no-repeat;

  background-position: center;

  background-size: 15px;

  position: absolute;

  left: 0;

  right: 0;

  top: 0;

  bottom: 0;

  margin: auto;

  transition: all 0.4s ease-in-out;

}



.slick-prev:before,

.slick-next:before {

  opacity: 0.2;

}



.slick-arrow:hover:before {

  opacity: unset;

}



.slick-line {

  position: relative;

}



.slick-line::before {

  content: "";

  position: absolute;

  top: -0.3125rem;

  left: 2.625rem;

  width: 0.0625rem;

  height: 2.6875rem;

  background-color: rgba(226, 226, 226, 20%);

}



/* slick-silder */



/* header */





.header-main {

  padding: 12px 0;

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  z-index: 9;

  background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 18.99%, rgba(0, 0, 0, 0.4) 63.51%);

}



.site-logo {

  position: relative;

}



.site-logo::before {

  position: absolute;

  content: "";

  background: #FFFFFF;

  filter: blur(42.25px);

  width: 321px;

  height: 321px;

  left: -87px;

  top: -183px;

  z-index: -1;

}



.sticky-header .site-logo::before {

  display: none;

}



.site-logo img {

  max-width: 112px;

  object-fit: cover;

}



.navigation-bar {

  display: inline-block;

  vertical-align: middle;

}



@media only screen and (min-width: 1280px) {

  .navigation-bar {

    padding-left: 28px;

  }

}



.mb-menu-logo {

  display: none;

}



.navbar-main .nav-menu-main ul {

  margin-bottom: 0;

  list-style: none;

}



.icon-right-arrow {

  mask-image: url(../img/svg/right-arrow.svg);

  mask-position: center;

  mask-repeat: no-repeat;

  mask-size: contain;

  width: 17px;

  height: 17px;

  display: block;

  background-color: #5A1B88;

  margin-left: 14px;

}



.navbar-main ul:first-child {

  display: flex;

  justify-content: center;

  align-items: center;

}



.navbar-main .nav-menu-main>ul>li {

  margin-right: 30px;

  position: relative;

  line-height: 0;

}



.navbar-main .nav-menu-main>ul>li.menu-item-has-children {

  padding-right: 15px;

}



.navbar-main .nav-menu-main ul li a {

  position: relative;

  transition: all 0.4s ease-in-out;

  font-weight: 700;

  font-size: 16px;

  line-height: 1;

  letter-spacing: 0.01em;

  color: #FFFFFF;

}



.sticky-header .navbar-main .nav-menu-main ul li a {

  color: #000;

}



.navbar-main .nav-menu-main>ul>li .sub-menu li {

  padding: 0;

  position: relative;

  margin-right: 0;

  width: 100%;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu>li>a {

  font-size: 0.9375rem;

  font-weight: 500;

  color: #000;

  display: block;

  padding: 0.625rem 0.75rem;

  border-bottom: 1px solid rgb(0 0 0 / 11%);

}



.navbar-main .nav-menu-main>ul>li>.sub-menu>li:last-child>a {

  border-bottom: none;

}



.sidebar-overlay {

  visibility: hidden;

  min-height: 100vh;

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  opacity: 0;

  background: var(--black);

  z-index: 998;

}



.header.has-sticky .header-main {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.4);

  background: #272727;

  backdrop-filter: blur(3.125rem);

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  z-index: 999;

  padding: 0.9375rem 0;

}



.header.has-sticky::before {

  display: none;

}



.navbar-main .nav-menu-main ul li .arrow {

  position: absolute;

  display: inline-block;

  content: "";

  width: 0.5rem;

  height: 0.5rem;

  border: none;

  border-bottom: 0.125rem solid #fff;

  border-right: 0.125rem solid #fff;

  transform: rotate(45deg);

  right: 0;

  top: 3px;

  transition: border 0.4s ease-in-out;

  padding-right: 0rem;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu {

  position: absolute;

  left: -1.875rem;

  top: 85%;

  right: 0;

  margin: auto;

  background: #fff;

  box-shadow: rgba(99, 99, 99, 0.2) 0rem 0.125rem 0.5rem 0rem;

  z-index: 9;

  display: block;

  -webkit-transform: translateY(2.25rem);

  transform: translateY(2.25rem);

  visibility: hidden;

  opacity: 0;

  width: 15.125rem;

  padding: 15px;

  border-radius: 0.9375rem;

  transition: all 0.4s ease-in-out;

}



.navbar-main .nav-menu-main>ul>li:hover>.sub-menu {

  -webkit-transform: translateY(1.625rem);

  transform: translateY(1.625rem);

  opacity: 1;

  visibility: visible;

}



.navbar-main .nav-menu-main>ul>li>.sub-menu::before {

  content: "";

  width: 0;

  height: 0;

  border-bottom: 0.625rem solid #fff;

  border-left: 0.625rem solid transparent;

  border-right: 0.625rem solid transparent;

  position: absolute;

  left: 2.5rem;

  top: 0;

  transform: translateY(-100%);

}



.header.has-sticky .site-logo img {

  max-width: 12.5625rem;

}



.menu-icon {

  display: none;

  width: 2rem;

  height: 2rem;

  position: relative;

  padding: 0;

  margin-top: 0;

  margin-left: 0.9375rem;

  color: #000;

}



.menu-icon span {

  display: block;

  width: 1.25rem;

  position: absolute;

  top: 0;

  bottom: 0;

  right: 0;

  height: 0.125rem;

  background: #fff;

  margin: auto;

}



.menu-icon span:before {

  content: "";

  width: 1.5625rem;

  position: absolute;

  top: -0.5rem;

  right: 0;

  height: 0.125rem;

  background: #fff;

}



.menu-icon span:after {

  content: "";

  width: 1.5625rem;

  position: absolute;

  bottom: -0.5rem;

  right: 0;

  height: 0.125rem;

  background: #fff;

}



.body-fixed {

  overflow: hidden;

}



.body-fixed .sidebar-overlay {

  opacity: 0.8;

  visibility: visible;

  left: 0;

  transition: all 0.6s ease-in-out;

}



.navbar-main .nav-menu-main ul li.current-menu-item a,

.navbar-main .nav-menu-main ul li.current-menu-parent .sub-menu li.current-menu-item a,

.navbar-main .nav-menu-main ul li.current-menu-parent a,

.footer-col ul li.current-menu-parent a,

.footer-col ul li.current-menu-item a {

  color: #8cc63f;

}



.btn.btn-mb-sticky {

  position: fixed;

  bottom: 0;

  left: 0;

  right: 0;

  width: 100%;

  border-radius: 0;

}



.sticky-header .header-main {

  position: fixed;

  z-index: 9;

  padding: 15px 0;

  left: 0;

  top: 0;

  width: 100%;

  box-shadow: 0 0 10px rgba(0, 0, 0, .6);

  background: var(--white);

  -webkit-animation-name: fadeInDown;

  animation-name: fadeInDown;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

  z-index: 999

}



.sticky-header .menu-icon span:before,

.sticky-header .menu-icon span:after,

.sticky-header .menu-icon span {

  background-color: #000;

}



.sticky-header .navbar-main .nav-menu-main ul li a.active{

  color: #8cc63f;

}



/* header */



/* hero-banner */



.hero-banner .hero-banner-content {

  max-width: 940px;

  margin: 0 auto;

  text-align: center;

  position: absolute;

  bottom: 170px;

  left: 50%;

  width: 100%;

  transform: translateX(-50%);

  z-index: 2;

  padding-left: 15px;

  padding-right: 15px;

}



.hero-banner .hero-sub-title {

  font-weight: 900;

  font-size: 16px;

  line-height: 1.1;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: #FFFFFF;

}



.hero-banner .hero-title {

  font-weight: 900;

  font-size: 68px;

  line-height: 1.3;

  letter-spacing: -0.01em;

  color: #FFFFFF;

}



.hero-banner-content .cms-con p {

  font-weight: 400;

  font-size: 23px;

  line-height: 1.2;

  letter-spacing: 0.025em;

  color: #FFFFFF;

  margin-bottom: 40px;

}



.hero-banner .hero-banner-content .btn {

  margin: 0 auto;

}



.hero-img.desktop-img img {

  max-height: 960px;

  min-height: 960px;

  width: 100%;

  object-fit: cover;

  display: inline-block;

  vertical-align: bottom;

}



.hero-banner .slick-dots {

  position: absolute;

  bottom: 120px;

  left: 50%;

  transform: translateX(-50%);

}



/* about-us */



.about-us {

  background-color: #6B2976;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  position: relative;

  overflow: hidden;

}

.about-us-con .sec-head .sec-title{

  margin-bottom: 10px;

}

.about-us-con .cms-con p {

  color: #fff;

  font-size: 19px;

  line-height: 1.2;

  letter-spacing: 0.025em;

}



.about-us-img img {

  max-width: 385px;

  object-fit: cover;

  margin-left: auto;

  width: 100%;

  position: relative;

  z-index: 2;

}



.about-row {

  gap: 20px;

  margin-left: 60px;

  position: relative;

  z-index: 2;

}



.about-us-img {

  position: relative;

}



.about-us .about-us-img::before {

  position: absolute;

  content: "";

  right: 175px;

  top: 50%;

  width: 60vw;

  height: 60vw;

  background-color: #8CC63F;

  border-radius: 100%;

  aspect-ratio: 1;

  transform: translateY(-50%);

}





/* our-capabilities */



.our-capabilities .sec-head .sec-title {

  color: #000;

  margin-bottom: 10px;

}



.our-capabilities-row {

  margin-bottom: 42px;

}



.our-capabilities-row:last-child {

  margin-bottom: 0;

}



.our-capabilities-wraper {

  margin-bottom: 75px;

}



.our-capabilities-icon img {

  margin-bottom: 30px;

  object-fit: cover;

  max-width: 120px;

}



.our-capabilities-con .title {

  font-weight: 700;

  font-size: 23px;

  line-height: 1;

  display: block;

  margin-bottom: 16px;

}



.row.our-capabilities-row:nth-child(even) .our-capabilities-con {

  padding-left: 20px;

}



.row.our-capabilities-row:nth-child(odd) {

  flex-direction: row-reverse;

}



.our-capabilities-img img {

  border-radius: 8px;

  object-fit: cover;

  aspect-ratio: 1.72/1;

  width: 100%;

}



.our-capabilities-con {

  max-width: 75%;

}



/* contact-con */



.contact-con {

  background-color: #8CC63F;

}



.contact-form-con {

  padding: 0 84px;

}



.contact-form-con .sec-head .sec-title {

  margin-bottom: 10px;

}



.contact-form-con .cms-con p {

  font-weight: 400;

  font-size: 19px;

  line-height: 1.2;

  letter-spacing: 0.025em;

  color: #FFFFFF;

}



.contact-con {

  border-radius: 8px;

  overflow: hidden;

}



.contact-form {

  margin-top: 32px;

}



.contact-img img {

  aspect-ratio: 0.69 / 1;

  object-fit: cover;

}



/* footer */



.footer-wrapper {

  background-color: #6B2976;

  background-image: url(../img/footer-bg.png);

  background-position: top;

  background-size: cover;

  background-repeat: no-repeat;

  padding: 60px 0;

}



.footer-ndis-logo img {

  max-width: 117px;

  margin-left: auto;

  object-fit: cover;

  width: 100%;

}



.footer-links ul li {

  display: inline-block;

  margin-right: 30px;

}



.footer-links ul li a {

  color: #fff;

}



.footer-links ul li:hover a {

  color: #8CC63F;

}



.footer-links {

  text-align: center;

  padding-left: 30px;

}



.footer-ndis-logo {

  background-color: #fff;

  padding: 4px;

  width: fit-content;

  border-radius: 12px;

  margin-left: auto;

}



.contact-details img {

  max-width: 23px;

  object-fit: contain;

  margin: 0 auto;

  margin-bottom: 16px;

}



.contact-details p,

.contact-details a {

  font-weight: 400;

  font-size: 16px;

  line-height: 1.1;

  letter-spacing: 0.025em;

  color: #FFFFFF;

  border-bottom: 0;

}



.contact-details a:hover {

  color: #8CC63F;

}



.footer-contact-details {

  margin-top: 50px;

}



.copy-right {

  background-color: #000;

  padding: 18px 0;

}



.copy-right-con p,

.copy-right-con p a,

.powerdby p {

  font-weight: 400;

  font-size: 14px;

  line-height: 1.2;

  letter-spacing: 0.04em;

  color: rgb(255 255 255 / 60%);

}



.copy-right-con p a:hover {

  color: #8CC63F;

}



.contact-details.contact-address {

  padding-left: 10px;

}



.contact-details.call-number {

  padding-right: 20px;

}

.powerdby a img{
  margin-left: 6px;
  max-width: 34px;
  object-fit: cover;
}



.hidden {

  width: 0;

  height: 0;

  display: none

}



.back-to-top {

  -webkit-transition: .3s ease-in-out;

  -moz-transition: .3s ease-in-out;

  -ms-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: all .3s ease-in-out;

  position: fixed;

  bottom: -50px;

  right: 20px;

  width: 2.75rem;

  height: 2.75rem;

  background: #6b2976;

  border-radius: 4.375rem;

  text-align: center;

  border: 2px solid #fff;

  opacity: 0;

  overflow: hidden;

  color: #fff

}



.back-to-top.active {

  bottom: 85px;

  opacity: 1;

  z-index: 9

}



.back-to-top>div {

  -webkit-transition: .3s ease-in-out;

  -moz-transition: .3s ease-in-out;

  -ms-transition: .3s ease-in-out;

  -o-transition: .3s ease-in-out;

  transition: all .3s ease-in-out

}



.back-to-top>.arrow {

  position: absolute;

  top: 50%;

  left: 50%;

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

  opacity: 1;

  height: inherit;

  display: flex;

  align-items: center;

  justify-content: center

}



.back-to-top>.arrow svg {

  fill: #fff;

  height: 20px;

  width: 100%

}



.back-to-top>.text {

  font-size: .5rem;

  font-weight: 600;

  line-height: 1.2;

  text-transform: uppercase;

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translateY(50%) translateX(-50%);

  opacity: 0;

  margin-top: 1px

}



.back-to-top:hover {

  transform: scale(1.1);

  bottom: 85px;

  cursor: pointer

}



.back-to-top:hover>.arrow {

  transform: translateY(-150%) translateX(-50%);

  opacity: 0

}



.back-to-top:hover>.text {

  transform: translateY(-50%) translateX(-50%);

  opacity: 1

}



/* form */





.form-label {

  font-weight: 900;

  font-size: 14.2px;

  line-height: 1.2;

  letter-spacing: 0.04em;

  text-transform: uppercase;

  color: #FFFFFF;

}



.form-group {

  margin-bottom: 24px;

}



.form-control,

.form-select {

  font-size: 14px;

  font-weight: 400;

  line-height: 2;

  color: #fff;

  padding: 10px 16px;

  border: 1px solid rgba(255, 255, 255, 0.6);

  border-radius: 8px;

  background-color: rgba(255, 255, 255, 0.1);

}



.form-select:focus {

  box-shadow: none;

}



.form-control::placeholder {

  opacity: 1;

  color: #fff;

}



.form-control:focus {

  color: #fff;

  background-color: rgba(255, 255, 255, 0.1);

  border-color: rgba(255, 255, 255, 0.6);

  outline: 0;

  box-shadow: none;

}



/* .form-control:focus::placeholder {

  color: rgba(10, 0, 61, 1);

} */



.form-control:focus-visible {

  border-color: none;

  outline: 0;

}



.form-select {

  background-image: url(../img/select-arrow.svg);

  background-repeat: no-repeat;

  background-position: right 23px center;

  background-size: 13px 7.5px;

  padding-right: 40px !important;

}



select:has(option:checked:first-child) {

  color: #fff;

}



select:has(option:checked:first-child) option {

  color: #000;

}



.form-select:focus {
  color: #000;
  border-color: rgba(255, 255, 255, 0.6);

}



textarea {

  height: 100px;

  min-height: inherit !important;

  resize: none;

}



.wpcf7-form-control-wrap {

  display: block

}



.wpcf7-form-control-wrap .wpcf7-not-valid-tip,

.wpcf7-form-control-wrap label.error {

  position: absolute;

  right: 0;

  top: -20px;

  width: auto;

  height: auto;

  margin: 0;

  font-size: 12px !important;

  line-height: 12px !important;

  background: #fb0101;

  padding: 5px 5px 4px !important;

  color: #fff !important

}



.wpcf7-form-control-wrap .wpcf7-not-valid-tip:after,

.wpcf7-form-control-wrap label.error:after,

.error:after {

  border-color: #fb0101 transparent transparent;

  -o-border-image: none;

  border-image: none;

  border-right: 6px solid transparent;

  border-style: solid;

  border-width: 6px;

  content: "";

  height: 0;

  left: 5px;

  position: absolute;

  bottom: -10px;

  width: 0;

  transform: rotate(360deg)

}



.wpcf7 form.invalid .wpcf7-response-output {

  color: #fff;

}



/* 404 */



.error-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

  height: calc(100vh - 85px);

  text-align: center;

  flex-direction: column;

  min-height: 450px;

}



.error-title {

  font-size: 200px;

  font-weight: 900;

  line-height: 1;

  color: #6b2976;

  margin-bottom: clamp(0.938rem, 0.526rem + 1.754vw, 1.875rem);

}



.error-message {

  font-size: clamp(1rem, 0.89rem + 0.468vw, 1.25rem);

  line-height: 1.4;

  font-weight: 500;

  margin-bottom: clamp(1.25rem, 0.702rem + 2.339vw, 2.5rem);

}



.error-wrapper .sec-title {

  color: #000;

}





/* thankyou */





.thank-you-sec {

  height: calc(100vh - 85px);

  min-height: 450px;

}





.thank-you-sec .thank-you-img {

  max-width: 150px;

  margin-left: auto;

  margin-right: auto;

  margin-bottom: 20px;

  display: block

}



.thank-you-sec .thank-you-con .thank-you-title {

  font-size: 120px;

  line-height: 1;

  margin-bottom: 15px;

  font-weight: 600;

  color: #000

}



.thank-you-sec .thank-you-con p {

  color: #000;

  font-size: 18px;

  font-weight: 500;

  display: block;

  line-height: 1.4;

  margin-bottom: 22px

}