@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200..900&display=swap');

.material-symbols-rounded {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 48;
  margin-left:20px;
}
#my-form .material-symbols-rounded{
margin-left:0px;
}

::placeholder{
	color:#333;
	opacity:1;
}
.featureicon{
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 200,
  'opsz' 48;
  font-size:24px;
  margin-left:0px;
}


html {
  scroll-behavior: smooth;
}


.navbar{
	background:none !important;
	font-weight: 650;
    font-size: 14px;
    letter-spacing: .01em;
}


.navbar-item img {
    max-height: 2.75rem;
}

.navbar a:hover{
	color:#b78c4e !important;
}

body{
	font-family: 'Inter', sans-serif;
	color:#2f3750;
	background:#fff;
	overflow-x:hidden;
}

p:not(:last-child){
	margin-bottom:30px;
}

p.small{
	font-size:13px;
}

.hero-content p{
	font-size:19px;
	line-height:1.8em;
}

h1{
	font-weight:800;
	font-size:72px;
	margin-bottom:45px;
	margin-top:100px;
	line-height:1em;
}

h2{
	font-weight:700;
	font-size:38px;
}

.contact-wrapper h2{
	margin-bottom:30px;
}

h3{
	font-weight:400;
	font-size:24px;
	margin-bottom:20px;
	line-height:1.2em;
}


h4{
	font-weight:700;
	font-size:20px;
	margin:5px 0px 20px 0px;
}


.contact-wrapper h4{
	margin-bottom:0px;
}

.herobtn{
	display:inline-flex;
	justify-content: space-between;
    align-items: center;
	background:#213a72;
	padding:12px 25px;
	border-radius:25px;
	text-transform:uppercase;
	color:#fff;
	font-weight:500;
	font-size:14px;
	letter-spacing:1.3px;
}

.herobtn:hover{
	color:#FFF;
	background:#b78c4e;
}

.hero-wrapper{
	background-image: url(../images/herobg3.png);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:contain;
}

.hero-content{
	background:#fff;
	padding:20px 80px 100px 20px;
}

.body-wrapper{
	padding:80px 20px;
}

.contact-wrapper{
	
	padding:60px 20px;

	margin-top:60px;
}


.form-wrapper{
	background:#2e3e62;
	color:#fff;
	padding:30px;
	border-radius:20px;
}

.footer-wrapper{
	padding:60px 20px;
	background:#1f2a42;
	color:#838da6;
}


.carousel div{
	padding-right:20px;
}

.spacer{height:80px;}

.mw{max-width:85%;}

.logos ul{margin-left:15px; margin-top:15px;}
.logos img{max-height:37px;}
.logos li:not(:last-child) img{
	padding-right:50px;
}


.owl-nav{font-size:64px;}
.owl-prev {
    
    position: absolute;
     bottom: -100px;
    left: 0px;
    display: block !important;
    border:0px solid black;
}

.owl-next {
    position: absolute;
    bottom: -100px;
    left: 40px;
    display: block !important;
    border:0px solid black;
}
.owl-prev i, .owl-next i {transform : scale(1,6); color: #ccc;}

.owl-theme .owl-dots{text-align:left;}

.owl-item{cursor:grab;}

.owl-item img{
	border-radius:20px;
	transition: transform 0.1s ease;
	transistion-property: all;
	transform-style: preserve-3d;
	will-change: transform;
	  z-index: 1;
}

.is-gold{
	background-color:#ba9e75;
	border-color:#ba9e75;
	color:#fff;
	border-radius:25px;
}

.is-gold:hover{
	background-color:#6e84b4;
	border-color:#6e84b4;
	color:#fff;
}
  
.linebreak{
	height:1px;
	background:#333;
	margin:20px 0px;
	opacity:.3;
}

.help{display:none;}


/* Typewriter effect 1 */
@keyframes typing {
  0.0000%{ content: ""; }
  1.1395% { content: "e"; }
  2.2791% { content: "el"; }
  3.4186%{ content: "ell"; }
  4.5581% { content: "ello"; }
  5.6977%{ content: "ello "; }
  6.8372% { content: "ello T"; }
  7.9767% { content: "ello Th"; }
  9.1163% { content: "ello The"; }
  10.1200% { content: "ello Ther"; }
  11.3200% { content: "ello There"; }
  12.7200% { content: "ello There."; }
  100% { content: "ello There."; }

}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.typewriter {
  --caret: currentcolor;
}

.typewriter::before {
  content: "ello There.";
  animation: typing 13.5s 1;
}

.typewriter::after {
  content: "";
  border-right: 1px solid var(--caret);
  animation: blink 0.5s linear infinite;
}

.typewriter.thick::after {
  border-right: 1ch solid var(--caret);
}

.typewriter.nocaret::after {
  border-right: 0;
}


@media (prefers-reduced-motion) {
  .typewriter::after {
    animation: none;
  }
  
  @keyframes sequencePopup {
    0%, 100% { content: "ello There."; }

  }

  .typewriter::before {
    content: "ello There.";
    animation: sequencePopup 12s linear 1;
  }
}

.feature{
	animation-duration: 1s;
	opacity:0;
}

.show{
	animation: wipe-enter 1s forwards;
}

@keyframes wipe-enter {
	0% {
		opacity: 0;
		transform: translate(0px, 100px) scale(1, 1) ;
	}
	100% {
		opacity: 1;
		transform: translate(0px, 0px) scale(1, 1);
	}
	
}

.delay-1 {animation-delay: 0.2s;}
.delay-2 {animation-delay: 0.4s;}
.delay-3 {animation-delay: 0.6s;}
.delay-4 {animation-delay: 0.8s;}
.delay-5 {animation-delay: 1s;}
.delay-6 {animation-delay: 1.2s;}


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

}

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

}

@media screen and (max-width:1123px){
.hero-wrapper{
	background-position:center right -200px;
}
.heroimg{margin-top:30px;}
}

@media screen and (max-width:768px){
	h1{
		margin-top:45px;
	}
	.heroimg{margin-top:30px;}
	#whatwedo .is-7-desktop{padding-top:50px !important;}
	.spacer{height:30px;}
	.logos li{margin-top:15px;  width: 45%;  display: inline-block;}
	.body-wrapper{padding-bottom:0px;}
	.contact-wrapper{margin-top:0px;}
	.field.is-grouped>.control:not(:last-child) {margin-right:0px;}
	.hero-content{padding-right:20px; padding-bottom:0px;}
}