/*! Place your custom styles here */ :root {
  --fq-red: #a6192e;
  --fq-blue: #202a44;
  --fq-blue-sh4: #dbdde1;
  --blue: #5544BA;
  --dark-blue: #182a38;
  --fume: #394854;
  --indigo: #6610f2;
  --purple: #7c18e8;
  --pink: #e83e8c;
  --red: #ff0018;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #8b81ab;
  --gray-dark: #343a40;
  --primary: #007bff;
  /*--secondary: #6c757d;*/
  --secondary: #e1e2e4;
  --success: #01ff3b;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #f00;
  --light: #bbb3f8;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}
.lt-g-100 {
  background-color: var(--lt-color-gray-100);
}
.lt-g-200 {
  background-color: var(--lt-color-gray-200);
}
.lt-g-300 {
  background-color: var(--lt-color-gray-300);
}
.lt-g-400 {
	background-color: var(--lt-color-gray-400);}
	
	
	
	


h1, h2, h3, h4, h5, h6 {font-family: gilroy;}
.content-block{background-color: transparent !important}

body {font-family:"gilroy", arial, sans-serif !important;}

.navik-header-overlay .burger-menu {

  background: var(--fq-red);
  transition: all .2s ease-in-out;
}

h2{font-family: reckless !important;}

.navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a, .navik-menu-overlay > ul > li > .menu-overlay-link a:hover, .overlay-dropdown-plus:hover + a, .overlay-menu-hover > .menu-overlay-link a {
  color: var(--fq-red) !important;
}



.navik-menu-overlay { 	
	background-image: url(../images/amblem.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% }
.navik-menu-overlay {}
.menu-slide .nav-menu-wrapper.overlay-menu-open {

	width: 50%;
	background-color: var(--fq-blue);
}


.navik-menu-overlay > ul > li > .menu-overlay-link a {
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2em;
  color: #212121;
  text-transform: none !important;
  transition: color .2s ease-in-out;
}


.header-dark .navik-menu-overlay > ul ul li a {
  color: #fff;
	font-style: normal;
	font-weight: 500
}


.navik-menu-overlay ul li a {
  font-family: "gilroy",sans-serif; font-weight: 700;
  text-decoration: none;
}

.navik-menu-overlay > ul ul li a:hover {
  color: #e1e2e4 !important;
}


span.qlink {
  display: inline;
  top: -15px;
  position: relative;
  left: 10px;
  text-decoration: none;
  color: black;
  font-weight: 500;
  font-family: gilroy;
}

p {
  font-family: gilroy, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}



.brtr-500 {
  border-top-right-radius: 0px;
}

.welcome {
  width: calc(100%);
}



footer {
  border-top-left-radius: 0px;
}


footer h6::after {

  background-color: #ff0026;

}

.navik-header-overlay .burger-menu, .navik-header-overlay.header-dark .burger-menu.menu-open {
  background: var(--fq-red);

  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;

}


h2, h3, h4, h5, h6 {font-weight: 500;}

span.lead2 {
  font-family: recklessIT;
  font-size: 28px;
  line-height: 1.4;
}


.rarrow {
  font-size: 42px !important;
  color: var(--fq-blue-sh4) !important;
  line-height: 42px;
}

.w-100 {max-width: 100vw !important}
.slider h1 {font-size:2.3vw !important;font-family: Reckless, serif;}

.title.title-4{

  backdrop-filter: blur(16px) saturate(90%);
  -webkit-backdrop-filter: blur(16px) saturate(107%);
background-color: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 75px;
 
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
  min-height: 200px;


}





.slides.logos img {
  max-width: 100%;
  margin-bottom: 1.85714286em;
  width: 70%;
  filter: none;
  height: 55px;
}


.animate-amblem {height:80%;position:fixed; left:50%;transform:translate(-50%);}

.lt-g-500 {
  background-color: var(--lt-color-gray-500);
}
.lt-g-600 {
  background-color: var(--lt-color-gray-600);
}
.lt-g-700 {
  background-color: var(--lt-color-gray-700);
}
.lt-g-800 {
  background-color: var(--lt-color-gray-800);
}
h1, h2, h3, h4, h5, h6 {
  font-family: Gilroy, sans-serif;
  font-weight: 800;
}
.hero { /*max-height: 800px;*/
}
.hero .row {
  height: calc(100% + 70px)
}
h3, h4, h5, h6 {font-family: Gilroy, sans-serif;}
.hero .container {
  height: calc(100%)
}

.bg--secondary {
  background-color: #f6f6f6;
}
.round-20 {
  border-radius: 20px;
}
.content {
  display: flex;
  align-items: flex-end;
  height: calc(100%);
}
.content-block {
  padding-top: clamp(calc(80px * 0.65), 5.55556vw, 80px);
  padding-bottom: clamp(calc(90px * 0.65), 6.25vw, 90px);
  width: 100%;
  background-color: #fff !important;
  padding-left: clamp(calc(80px * 0.65), 5.55556vw, 80px);
  border-top-left-radius: 122px;
  position: relative;
  min-height: 40vh;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  padding-left: 125px;
}
strong {
  font-weight: 800;
}
h1 {
  font-family: Reckless, sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -2px;
  /*font-size: 3.7vw;*/
  line-height: 0.9;
}
h2 {
  line-height: 1;
}
h2, .h2 {
  font-size: 3.4em;
  letter-spacing: -1.4px;
}
p {
  font-family: Gilroy, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}
p.lead {
  font-family: recklessIT;
  font-size: 24px;
  line-height: 1.4;
}


.title.title-4 h1 {font-family:reckless !important; font-weight: 600 !important;}
.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-variation-settings:
    'FILL'0, 'wght'400, 'GRAD'0, 'opsz'48;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -moz-font-feature-settings: 'liga';
  -moz-osx-font-smoothing: grayscale;
}
.header-opacity-on .header-shadow-wrapper, .header-transparent-on .header-shadow-wrapper {
  width: calc(100% - 85px);
}
.rarrow {
  font-size: 42px !important;
  color: #19ca35 !important;
  line-height: 42px;
}
.alink {
  line-height: 42px;
  vertical-align: middle;
}
.navik-menu ul li > a {
  text-transform: none;
  font-family: Gilroy;
  font-weight: 700;
	cursor:pointer !important;
}
.navik-header {
  border-bottom-right-radius: 75px;
}
.display-none {
  display: none;
}
.slides li h3 {
  line-height: 63px;
  vertical-align: middle;
  display: inline;
  margin-bottom: 6px !important;
  color: #666;
}
.slides li p {
  font-family: gilroy;
  line-height: 1.1;
  font-size: 20px;
}
.slides.logos img {
  max-width: 100%;
  margin-bottom: 1.85714286em;
  width: 70%;
  filter: grayscale(100%);
  height: 55px;
}
.header-opacity-on .navik-menu > ul > li.current-menu > a, .header-opacity-on .navik-menu > ul > li:hover > a, .header-transparent-on .navik-menu > ul > li.current-menu > a, .header-transparent-on .navik-menu > ul > li:hover > a {
  color: #000;
  font-weight: 800;
}
/*li.current-menu a::before {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #19ca35;
  border-radius: 50px;
  display: inline-block;
  top: -1px;
  position: relative;
  left: -2px;
}*/
.brbr-75 {
  border-bottom-right-radius: 75px;
}
.flex-middle {
  align-items: center;
  display: flex;
  height: 100%;
}
a.qlink {
  text-decoration: none !important;
}
span.qlink {
  display: inline;
  top: -15px;
  position: relative;
  left: 10px;
  text-decoration: none;
  color: black;
  font-weight: 600;
  font-family: Gilroy;
}
.joinus::before {
  content: "join us";
  font-size: 23vw;
  color: rgba(156, 156, 156, 0.1);
  position: sticky;
  letter-spacing: -1.8vw;
  font-family: Gilroy;
  font-weight: 800;
  top: 23vw;
}
.welcome::before {
  background: url(../../assets/images/amblem.svg);
  content: "";
  height: 100%;
  width: 100%;
  width: auto;
  position: absolute;
  bottom: 100vh;
}
blockquote {
  font-family: reckless;
  font-style: normal;
  font-weight: 400;
  font-size: 2.1vw;
  line-height: 1.2;
}
.jus-image {
  height: 80px;
  border: 5px white solid;
  box-shadow: #00000026 2px 2px 10px;
  margin-bottom: 25px !important;
}
.full-round {
  border-radius: 1000px;
}
/*.flex-end {
  display: flex;
  justify-content: end;
}*/
footer h6 {
  margin-bottom: 0px !important;
  font-family: articulat-cf;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: -.7px;
}
footer h6::after {
  content: "";
  height: 8px;
  width: 8px;
  background-color: #19ca35;
  border-radius: 50px;
  display: inline-block;
  top: -1px;
  position: relative;
  right: -10px;
}
footer ul.list--hover {
  margin: 0px;
}
footer a {
  font-weight: 500 !important;
  font-family: gilroy;
  font-size: 16px;
}
footer ul:not(.list-inline):not(.slides) > li {
  line-height: 1.7em !important;
}
.bg--dark {
  background-color: var(--dark-blue)
}

.subpage .content-block::after {
  background-color: transparent !important;
}
.subpage .content-block {
  background-color: transparent !important;
	top: -10vh;
}
hr.short {
  width: 2.78571429em;
  border-color: #ffe300;
  margin: 1em 0;
}
span.page-desc {
  font-weight: 500;
  font-size: 16px;
  font-family: articulat-cf;
}
.title--subtitle h4 {
  letter-spacing: -.5px;
  font-weight: 500;
  font-family: Gilroy;
  font-size: 24px;
}
.reckless {
  font-family: reckless !important;
}
.inline-icon {
  width: 50px;
}


.lead {
  font-weight: 400;
  color: #767676;
}

.profile-photo {
border-radius: 1000px;
	width:150px;
  border: 5px white solid;
  box-shadow: #00000026 2px 2px 10px;
  margin-bottom: 25px !important;
}

.board p{text-align:justify;}


.title.title-5 {
  backdrop-filter: blur(16px) saturate(90%);
  -webkit-backdrop-filter: blur(16px) saturate(107%);
  background-color: rgba(174, 174, 174, 0.1);
  border-radius: 12px;
  padding: 50px 25px;
    padding-bottom: 50px;
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
  min-height: 250px;
}


.title.title-5 h4 {line-height: 1}
.title.title-4 {
  backdrop-filter: blur(16px) saturate(90%);
  -webkit-backdrop-filter: blur(16px) saturate(107%);
background-color: rgba(216, 193, 12, 0.15);
  border-radius: 12px;
  padding: 50px 25px;
    padding-bottom: 50px;
  padding-bottom: 50px;
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
  min-height: 200px;
 
}

.title.title-6 h4 {
position: absolute;
top: -30px;
background: #a6192e;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
padding: 5px 10px 0px 15px;
color: white;
}

.job-list li {margin-bottom: 50px;}


.navik-menu ul ul li > a {
 
  font-style: normal !important; font-size: 16px;

}

.navik-header .logo {
  padding: 10px 40px;
  text-align: center;
}


ul.list {
  list-style: square;
  margin-left: 40px;
  font-size: 20px;
font-style: normal !important;
  color: var(--wst-black);
  margin-top: 20px;
	line-height: 1.2;
}

span.page-desc {
  font-weight: 500;
  font-size: 16px;
  font-family: gilroy;
/*  background: #182a38;
  width: fit-content;
  padding: 5px 25px;
  margin-bottom: 5px;
  border-radius: 100px;
  vertical-align: middle;*/
}


section.hero-module.page-hero.rounded-bottom.rounded-element-white .rounded-element {
  background-color: #fff;
}
.hero .round-bottom {
  width: 100%;
  height: clamp(calc(140px * 0.65), 9.72222vw, 140px);
  min-height: clamp(calc(140px * 0.65), 9.72222vw, 140px);
  border-top-right-radius: 1000px;
  position: absolute;
  left: 0;
  bottom: 0;
 z-index: 10 !important;
background: white;
}



.mbm-multiply{mix-blend-mode: multiply;}

.flickity-prev-next-button {
 
	background: var(--fq-red);}

.flickity-prev-next-button:hover {
  background: none !important;
}


/* Turns to design 2*/



h1, h2, h3, h4, h5, h6 {font-family: gilroy;}
.content-block{background-color: transparent !important}

body {font-family:"gilroy", arial, sans-serif !important;}

.navik-header-overlay .burger-menu {

  background: var(--fq-red);
  transition: all .2s ease-in-out;
}

h2{font-family: reckless !important;}

.navik-menu-overlay > ul > li.current-menu > .menu-overlay-link a, .navik-menu-overlay > ul > li > .menu-overlay-link a:hover, .overlay-dropdown-plus:hover + a, .overlay-menu-hover > .menu-overlay-link a {
  color: var(--fq-red) !important;
}



.navik-menu-overlay { 	
	background-image: url(../images/amblem.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80% }
.navik-menu-overlay {}
.menu-slide .nav-menu-wrapper.overlay-menu-open {

	width: 50%;
	background-color: var(--fq-blue);
}


.navik-menu-overlay > ul > li > .menu-overlay-link a {
  display: inline-block;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2em;
  color: #212121;
  text-transform: none !important;
  transition: color .2s ease-in-out;
}


.header-dark .navik-menu-overlay > ul ul li a {
  color: #fff;
	font-style: normal;
	font-weight: 500
}


.navik-menu-overlay ul li a {
  font-family: "gilroy",sans-serif; font-weight: 700;
  text-decoration: none;
}

.navik-menu-overlay > ul ul li a:hover {
  color: #e1e2e4 !important;
}


span.qlink {
  display: inline;
  top: -15px;
  position: relative;
  left: 10px;
  text-decoration: none;
  color: black;
  font-weight: 500;
  font-family: gilroy;
}

p {
  font-family: gilroy, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
}



.brtr-500 {
  border-top-right-radius: 0px;
}

.welcome {
  width: calc(100%);
}



footer {
  border-top-left-radius: 0px;
}


footer h6::after {

  background-color: #ff0026;

}

.navik-header-overlay .burger-menu, .navik-header-overlay.header-dark .burger-menu.menu-open {
  background: var(--fq-red);

  border-top-left-radius: 6px;
  border-bottom-right-radius: 6px;

}


h2, h3, h4, h5, h6 {font-weight: 500;}

span.lead2 {
  font-family: recklessIT;
  font-size: 28px;
  line-height: 1.4;
}


.rarrow {
  font-size: 42px !important;
  color: var(--fq-blue-sh4) !important;
  line-height: 42px;
}

.w-100 {max-width: 100vw !important}
.slider h1 {font-size:2.3vw !important;font-family: Reckless, serif;}

.title.title-4{

  backdrop-filter: blur(16px) saturate(90%);
  -webkit-backdrop-filter: blur(16px) saturate(107%);
background-color: rgba(255, 255, 255, 0.15);
  border-radius: 12px;
  padding: 75px;
 
  box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);
  min-height: 200px;


}





.slides.logos img {
  max-width: 100%;
  margin-bottom: 1.85714286em;
  width: auto;

  height: 55px;
	filter: grayscale(100);
opacity: .8;
}


.animate-amblem {height:80%;position:fixed; left:50%;transform:translate(-50%);}

.subpage .round-bottom {display:none}

.header-dark .overlay-dropdown-plus {
background: var(--fq-red);
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;

}

.header-dark .overlay-dropdown-plus::after, .header-dark .overlay-dropdown-plus::before{background:#fff;}

		.mobile-motto {height: 70vh;
display: flex !important;
align-items: end;
	}


.pos-vertical-bottom {
  position: relative;
  top: 100%;
  transform: translateY(-110%);
	-webkit-transform: translateY(-110%);
	
align-items: self-end;
}

.hero-mobile h1 {font-family: "reckless", serif !important;}





.title.title-6{backdrop-filter: blur(16px) saturate(90%);
-webkit-backdrop-filter: blur(16px) saturate(107%);
background-color: rgba(174, 174, 174, 0.1);
border-radius: 12px;
padding: 50px 25px;
  padding-bottom: 50px;
padding-bottom: 50px;
padding-bottom: 50px;
padding-bottom: 50px;
box-shadow: 2.8px 2.8px 2.2px rgb(0 0 0 / 2%), 6.7px 6.7px 5.3px rgb(0 0 0 / 3%), 12.5px 12.5px 10px rgb(0 0 0 / 4%), 22.3px 22.3px 17.9px rgb(0 0 0 / 4%), 41.8px 41.8px 33.4px rgb(0 0 0 / 5%), 100px 100px 80px rgb(0 0 0 / 7%);}

.title.land-development{
	background-image: url(../images/title-land-development.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}


.title.insurance{
	background-image: url(../images/title-insurance.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}


.title.healthcare{
	background-image: url(../images/title-healthcare.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.title.heavy-industry{
	background-image: url(../images/title-heavy-industry.png);
	background-position: right bottom;
	background-size: contain;
	background-repeat: no-repeat;
}


.rel-box{justify-content: flex-start; display: flex; margin-top:50px;}

.rel-logo {height: 40px;
width: auto;
margin-bottom: 0px;
margin-right:20px;
top: -17px;
position: relative;padding: 10px 15px;
box-sizing: content-box;
background: #f2f2f2;
border-radius: 10px;}


.article-title-container {
  position: absolute;
  bottom: 50px;
  left: 50px;
  z-index: 3 !important;
}

ol {
  list-style-position: inside;
  list-style-type: decimal;
	margin-right: 30px; font-weight: 500; font-size: 20px;
}

div.apply {
  width: fit-content;
  border: 2px solid gray;
  padding: 2px 20px;
  float: right;
  border-radius: 50px;
}


.feature.feature-5.title.title-6 p {font-size:14px !important;}

.rarrow.dark{color:black !important;}



.zoom {
  cursor: pointer;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: all 0.3s ease;
	transform:translate(0)!important;
}

.zoom.zoomed {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
  margin: auto;
  z-index: 9999;
  max-width: 100%;
  max-height: 100%;
  width: auto !important;
  height: auto !important;
}


.job-list-1 a {color: white;}

.job-list-1 .title.title-6 h4 {
  position: absolute;
  top: -30px;
  background: gray;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 5px 10px 0px 15px;
  color: white;
}

.d-none {display:none;}
.blur-dark {background-color: rgba(0, 0, 0, 0.15) !important;}

.pos-heading-red{background-color: #a6192e !important}

.menu-overlay-link {
    /* other styles */
    cursor: pointer;
}