@charset "UTF-8";
/*
* Base Theme
*/
@import url("https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?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");

body {
  padding-top: 100px;
}

html {
  margin-top: 0 !important;
}

body,
html {
  overflow-x: clip;
  margin: 0;
  background-color: var(--backgroundNeutralColor);
  width: 100vw;
  max-width: 100vw;
  min-height: 100vh;
  box-sizing: border-box;
  color: var(--darkTextColor);
  font-family: "Poppins";
  scroll-behavior: smooth;
}

body *,
html * {
  box-sizing: border-box;
}

body img,
html img {
  max-width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

body section,
html section {
  width: 100%;
  position: relative;
  padding: var(--spaceBetweenSections) 0;
  background-color: var(--backgroundNeutralColor);
}

body section.light-text,
html section.light-text {
  color: var(--lightTextColor);
}

body section.dark-text,
html section.dark-text {
  color: var(--darkTextColor);
}

body section.dark-text h1,
body section.dark-text h2,
body section.dark-text h3,
body section.dark-text h4,
body section.dark-text h5,
body section.dark-text h6,
html section.dark-text h1,
html section.dark-text h2,
html section.dark-text h3,
html section.dark-text h4,
html section.dark-text h5,
html section.dark-text h6 {
  color: var(--titlesColor);
}

body a[href="#"],
html a[href="#"] {
  cursor: default !important;
}

body a,
html a {
  color: var(--accentColor);
  font-weight: 600;
  text-decoration: none;
  transition: var(--simpleTransition);
}

body a:hover,
html a:hover {
  color: var(--hoverAccentColor);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
html h1,
html h2,
html h3,
html h4,
html h5,
html h6 {
  font-family: "Epilogue";
  font-weight: 500;
}

body h1,
html h1 {
  font-size: 2.5em;
  font-weight: 500;
}

body h2,
html h2 {
  font-size: 2em;
}

body h3,
html h3 {
  font-size: 1.7em;
  line-height: 1.7em;
}

body p,
html p {
  font-size: 1em;
  line-height: 1.65em;
  font-weight: 300;
}

body .container,
html .container {
  position: relative;
  width: var(--containerWidth);
  max-width: var(--containerMaxWidth);
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  z-index: 1;
}

body .has-overlay,
html .has-overlay {
  position: relative;
}

body .has-overlay::before,
html .has-overlay::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  background-color: #282828;
  opacity: 0.5;
  width: 100%;
  height: 100%;
}

body .has-overlay>*,
html .has-overlay>* {
  position: relative;
  z-index: 2;
}

body img.background,
html img.background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

html.stuck,
body.stuck {
  overflow: hidden;
  height: 100vh;
}

.theme-style {
  width: 100%;
  padding-bottom: 30px;
}

.theme-style p {
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
  text-align: justify;
}

.theme-style strong {
  font-weight: 400;
}

.theme-style h2 {
  text-align: left;
  margin-top: 60px !important;
  margin-bottom: 25px !important;
  font-weight: 600;
  color: var(--darkTextColor);
}

.theme-style h3 {
  margin-top: 50px !important;
  margin-bottom: 20px !important;
  font-weight: 500;
  font-size: 24px;
  color: var(--darkTextColor);
}

.theme-style h4 {
  font-size: 20px;
  font-weight: 400;
}

.theme-style ul,
.theme-style ol {
  margin: 45px 0 !important;
  font-weight: 200;
}

.theme-style li {
  margin: 25px 0 !important;
  font-family: "Poppins";
  font-weight: 300;
  color: var(--darkTextColor);
  font-size: 18px;
  line-height: 30px;
  text-align: justify;
}

.theme-style figure {
  width: 100% !important;
  margin: 50px 0;
}

.theme-style img {
  width: 100% !important;
  border-radius: 10px;
}

.theme-style hr {
  margin: 50px 0;
}

.theme-style .wp-block-embed {
  margin: 50px 0 !important;
}

.theme-style .wp-block-embed iframe {
  width: 100%;
  height: 40vh;
  color: var();
}

#navmenu {
  position: fixed;
  height: 100px;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px;
  z-index: 100;
  background-color: var(--backgroundNeutralColor);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

#navmenu .stellarnav {
  width: 80% !important;
  display: flex;
  align-items: center;
  justify-content: end;
}

#navmenu .stellarnav .menu>li>a:not(.dd-toggle) {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--darkTextColor);
  font-weight: 300;
  font-size: 1.1em;
  padding: 0 1.5vw;
  height: 100px;
}

#navmenu .stellarnav .menu>li>a:not(.dd-toggle)::after {
  border-top: 6px solid var(--darkTextColor);
}

#navmenu .stellarnav .menu>li:hover a,
#navmenu .stellarnav .menu>li .current_page_item a {
  color: var(--accentColor);
}

#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li {
  transition: var(--simpleTransition);
  background-color: var(--backgroundNeutralColor);
}

#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li a:not(.dd-toggle) {
  color: var(--darkTextColor);
  font-weight: 400;
  font-size: 1em;
}

#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li:hover,
#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li.current-menu-item {
  background-color: var(--backgroundSecond);
}

#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li:hover>a,
#navmenu .stellarnav .menu>li:has(.sub-menu) .sub-menu li.current-menu-item>a {
  color: var(--lightTextColor);
}

@media only screen and (max-width: 1300px) {
  #navmenu .menu-toggle {
    display: flex;
    justify-content: end;
    color: var(--darkTextColor);
  }

  #navmenu .menu-toggle .bars span {
    background-color: var(--darkTextColor);
  }

  #navmenu .stellarnav .menu {
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
  }

  #navmenu .stellarnav .menu li {
    background-color: var(--backgroundFirst);
  }

  #navmenu .stellarnav .menu li.open .dd-toggle {
    translate: 0 3px;
  }

  #navmenu .stellarnav .menu li .dd-toggle {
    scale: 1.5;
  }

  #navmenu .stellarnav .menu li a:not(.dd-toggle) {
    text-align: center;
    height: -moz-fit-content;
    height: fit-content;
    padding: 15px;
    font-weight: 500;
  }

  #navmenu .stellarnav .menu li .sub-menu li a {
    font-weight: 300;
    border: none;
  }
}

#navmenu .site-logo img {
  height: 85px;
  -o-object-fit: contain;
  object-fit: contain;
}

#default-page #content .container {
  justify-content: start;
  align-items: start;
}

#default-page #content .container h2 {
  color: var(--accentColor);
}

#banner {
  padding: 16vh 5vw;
  min-height: 380px;
  width: 100%;
  background-color: var(--primaryColor);
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--lightTextColor);
  text-align: center;
}

#banner h1 {
  font-size: clamp(2em, 3vw, 3em);
}

#banner h2 {
  font-size: clamp(1.4em, 1.6vw, 1.8em);
  color: #e2e2e2;
  font-weight: 300;
  letter-spacing: 1px;
  margin: 0;
}

footer {
  display: flex;
  flex-direction: column;
  padding-bottom: 0;
  color: white;
  overflow: hidden;
}

footer a {
  color: white;
  font-weight: 400;
}

footer.has-overlay::before {
  background-color: #303030;
  opacity: 0.85;
}

footer .columns {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 5vw;
  gap: 3vh 0;
  position: relative;
}

footer .columns .single-col {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 3vh;
  padding: 0 2vw;
  width: var(--width);
  min-width: var(--min-width);
}

footer .columns .single-col h2,
footer .columns .single-col h3,
footer .columns .single-col h4,
footer .columns .single-col h5,
footer .columns .single-col h6 {
  margin-top: 0;
}

footer .columns .single-col .item-title {
  color: var(--backgroundCards);
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 1vh;
  font-size: 1.15em;
  font-weight: 300;
  margin-top: 0;
}

footer .columns .single-col .short-description img {
  height: 100px;
  width: auto;
  -o-object-fit: contain;
  object-fit: contain;
}

footer .columns .single-col .short-description p {
  text-align: justify;
  font-size: 1.1em;
  line-height: 1.6em;
}

footer .columns .single-col .pages-list .list,
footer .columns .single-col .links-list .list {
  display: flex;
  flex-direction: column;
  gap: 0.5vh;
}

footer .columns .single-col .pages-list .list a,
footer .columns .single-col .links-list .list a {
  font-size: 1.2em;
  font-weight: 500;
  color: white;
  transition: var(--simpleTransition);
}

footer .columns .single-col .pages-list .list a:hover,
footer .columns .single-col .links-list .list a:hover {
  translate: 5px 0;
}

footer .columns .single-col .wysiwyg .content p {
  margin: 5px 0;
  line-height: 1.6em;
  font-weight: 300;
}

footer .columns .single-col .social-medias .list {
  display: flex;
  gap: 10px;
}

footer .columns .single-col .social-medias .list a:not(:last-child) {
  margin-right: 5px;
}

footer .columns .single-col .social-medias .list a img {
  width: 32px;
  height: 32px;
}

@media only screen and (max-width: 580px) {
  footer .columns .single-col {
    width: 100%;
  }

  footer .columns .single-col .item-title {
    text-align: center;
  }

  footer .columns .single-col .list {
    justify-content: center;
    align-items: center;
  }

  footer .columns .single-col .short-description {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  footer .columns .single-col .short-description p {
    text-align: center;
  }

  footer .columns .single-col .wysiwyg {
    text-align: center;
  }
}

footer .bottombar {
  width: 100%;
  padding: 3vh 7vw;
  border-top: 1px solid lightgray;
  z-index: 1;
  position: relative;
  display: flex;
  justify-content: space-between;
}

footer .bottombar .copyright {
  color: #fff;
  font-weight: 300;
}

footer .bottombar .copyright a {
  color: #fff;
  transition: var(--simpleTransition);
}

footer .bottombar .copyright a:hover {
  color: var(--accentColor);
}

footer .bottombar .legal-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
}

footer .bottombar .legal-menu ul li:not(:last-child)::after {
  content: "•";
  margin: 0 10px;
  color: #fff;
}

footer .bottombar .legal-menu ul li a {
  color: #fff;
  font-weight: 200;
  transition: var(--simpleTransition);
}

footer .bottombar .legal-menu ul li a:hover {
  color: var(--accentColor);
}

@media only screen and (max-width: 1200px) {
  footer .bottombar {
    flex-direction: column;
  }

  footer .bottombar .copyright,
  footer .bottombar .legal-menu {
    width: 100%;
    margin: 1vh 0;
  }

  footer .bottombar .copyright {
    display: block;
    text-align: center;
    order: 2;
  }

  footer .bottombar .legal-menu {
    display: flex;
    justify-content: center;
    order: 1;
  }
}

/*
* Custom theme
*/
#front-page #hero {
  position: relative;
  height: calc(100vh - 100px);
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

#front-page #hero .background-video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#front-page #hero .background-video video,
#front-page #hero .background-video .overlay {
  width: 100%;
  height: 100%;
}

#front-page #hero .background-video .overlay {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
}

#front-page #hero .background-video video {
  -o-object-fit: cover;
  object-fit: cover;
}

#front-page #hero .main {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

#front-page #hero .main h1 {
  color: var(--lightTextColor);
  translate: 0 -4vh;
  font-size: clamp(2em, 5vw, 3em);
  text-align: center;
  max-width: 1000px;
  line-height: 1.5em;
}

#front-page #hero .main::before {
  opacity: 0.5;
}

#front-page #hero .main .animated-logo {
  position: relative;
  width: 400px;
  height: 400px;
  animation: animatedLogoAppear 1s 0.1s;
}

#front-page #hero .main .animated-logo img {
  width: 100%;
  height: 100%;
}

#front-page #hero .main .animated-logo img.last-frame {
  display: none;
}

#front-page #hero .main .animated-logo.switched img.last-frame {
  display: block;
}

#front-page #hero .main .animated-logo.switched img.gif {
  display: none;
}

@keyframes animatedLogoAppear {
  0% {
    transform: scale(0);
  }

  20% {
    transform: scale(1.1);
  }

  40% {
    transform: scale(0.9);
  }

  60% {
    transform: scale(1.05);
  }

  80% {
    transform: scale(0.98);
  }

  100% {
    transform: scale(1);
  }
}

#front-page #hero .main .buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 30px;
  max-width: 1200px;
}

#front-page #hero .main .domains {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0) 100%);
}

#front-page #hero .main .domains .wrapper {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 1em;
  padding-right: 3em;
  padding-bottom: 1em;
  padding-top: 4em;
  animation: moveDomains 25s linear infinite;
}

#front-page #hero .main .domains .wrapper .domains-content {
  display: flex;
  align-items: center;
}

#front-page #hero .main .domains .wrapper .domains-content .single-domain {
  color: var(--lightTextColor);
  font-size: 4.5em;
  font-weight: bold;
  opacity: 0.25;
  text-wrap: nowrap;
  margin: 0;
  display: flex;
  align-items: center;
}

#front-page #hero .main .domains .wrapper .domains-content .single-domain::after {
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  background-color: var(--lightTextColor);
  border-radius: 100%;
  margin: 0 20px;
}

@keyframes moveDomains {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media only screen and (max-width: 900px) {
  #front-page #hero .main .domains .wrapper .single-domain {
    font-size: 3em;
  }
}

@media only screen and (max-width: 600px) {
  #front-page #hero .main .domains .wrapper .single-domain {
    font-size: 2em;
  }

  #front-page #hero .main .domains .wrapper .single-domain:not(:last-of-type)::after {
    width: 10px;
    height: 10px;
  }
}

#front-page #expertise-domains .simple-paragraph h1 {
  max-width: 900px;
  line-height: 1.5em;
  margin: 0 auto;
}

#front-page #expertise-domains .splide-wrapper .splide__slide .icon-box .btn {
  margin-top: 2em;
}

@media only screen and (max-height: 900px) {
  #front-page #hero {
    justify-content: start;
    height: -moz-fit-content;
    height: fit-content;
  }

  #front-page #hero .buttons {
    padding-bottom: 15em;
  }
}

@media only screen and (max-width: 600px) {
  #front-page #hero .main {
    padding: 0 2vw;
  }

  #front-page #hero .main .animated-logo {
    width: 250px;
    height: 250px;
  }

  #front-page #hero .main .buttons {
    flex-direction: column;
    align-items: center;
    gap: 3vh;
    margin-top: 4vh;
  }

  #front-page #hero .main .buttons .btn {
    margin: 0;
  }
}

#all-posts .categories {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px 40px;
  flex-wrap: wrap;
  margin-bottom: 2vh;
}

#all-posts .categories a {
  padding: 10px 0;
  position: relative;
  color: var(--darkTextColor);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  transition: var(--simpleTransition);
}

#all-posts .categories a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 2px;
  background-color: var(--accentColor);
  opacity: 0;
  transform: translateY(-6px);
  transition: var(--simpleTransition);
}

#all-posts .categories a.active,
#all-posts .categories a:hover {
  color: var(--accentColor);
}

#all-posts .categories a.active::after,
#all-posts .categories a:hover::after {
  opacity: 1;
  transform: translateY(0);
}

#all-posts .wrapper {
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
  gap: 16vh 2%;
  padding-top: 12vh;
  margin-top: 3vh;
}

#all-posts .wrapper .single {
  display: flex;
  flex-direction: column;
  width: 31%;
}

#all-posts .wrapper .single .content {
  flex: 1;
}

#all-posts .wrapper .single .image {
  z-index: 1;
}

@media only screen and (max-width: 1450px) {
  #all-posts .wrapper {
    justify-content: center;
    gap: 16vh 3vw;
  }
}

@media only screen and (max-width: 930px) {
  #all-posts .wrapper {
    gap: 20vh 3vw;
  }

  #all-posts .wrapper .single {
    width: 100%;
    min-width: unset;
  }

  #all-posts .wrapper .single .image img {
    width: 100%;
    height: 30vh;
  }
}

#singlepost-page #the-post {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  max-width: 2000px;
  margin: auto;
  padding: var(--spaceBetweenSections) 6vw !important;
}

#singlepost-page #the-post article {
  width: calc(70% - 3vw);
}

#singlepost-page #the-post article p:first-child {
  margin-top: 0;
}

#singlepost-page #the-post article p:last-child {
  margin-bottom: 0;
}

#singlepost-page #the-post aside {
  display: flex;
  flex-direction: column;
  width: 30%;
}

#singlepost-page #the-post aside .sidebar {
  display: flex;
  flex-direction: column;
  gap: 3vh;
  width: 100%;
  border-left: 1px solid lightgrey;
  padding-left: 3vw;
}

#singlepost-page #the-post aside .sidebar.sticky {
  position: sticky;
  top: calc(100px + 3vh);
}

#singlepost-page #the-post aside .sidebar .single-box {
  padding: 2em;
  border-radius: var(--borderRadius);
  overflow: hidden;
}

#singlepost-page #the-post aside .sidebar .single-box.cta {
  color: var(--lightTextColor);
}

#singlepost-page #the-post aside .sidebar .single-box.cta::before {
  opacity: 0.7;
  background-color: var(--backgroundSecond);
}

#singlepost-page #the-post aside .sidebar .single-box.cta h3 {
  margin-top: 0;
}

#singlepost-page #the-post aside .sidebar .single-box.cta .content {
  margin-bottom: 2em;
}

#singlepost-page #the-post aside .sidebar .single-box.cta .content p:first-child {
  margin-top: 0;
}

#singlepost-page #the-post aside .sidebar .single-box.categories-list {
  padding: 0;
}

#singlepost-page #the-post aside .sidebar .single-box.categories-list .wrapper {
  display: flex;
  justify-content: left;
  align-items: center;
  flex-wrap: wrap;
}

#singlepost-page #the-post aside .sidebar .single-box.categories-list .wrapper .single-category {
  padding: 6px 16px;
  border-radius: var(--borderRadius);
  border: 1px solid var(--accentColor);
}

@media only screen and (max-width: 1000px) {
  #singlepost-page #the-post {
    flex-wrap: wrap;
    gap: 3vh;
  }

  #singlepost-page #the-post article,
  #singlepost-page #the-post aside {
    width: 100%;
  }

  #singlepost-page #the-post aside .sidebar {
    padding-left: 0;
    border-left: unset;
  }
}

#contact-page main {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-width: 2000px;
  margin: auto;
  padding: var(--spaceBetweenSections) 6vw !important;
}

#contact-page main #contact-form {
  width: calc(70% - 3vw);
  padding-top: 0;
}

#contact-page main #contact-form form {
  margin-top: 3em;
}

#contact-page main #contact-form .intro h2 {
  margin-top: 0;
}

#contact-page main #contact-form .intro p:first-child {
  margin-top: 0;
}

#contact-page main #contact-form .intro p:last-child {
  margin-bottom: 0;
}

#contact-page main aside {
  display: flex;
  flex-direction: column;
  width: 30%;
  min-width: 400px;
}

#contact-page main aside .sidebar {
  display: flex;
  flex-direction: column;
  gap: 3vh;
  width: 100%;
  padding-left: 3vw;
}

#contact-page main aside .sidebar.sticky {
  position: sticky;
  top: calc(100px + 3vh);
}

#contact-page main aside .sidebar .single-box {
  padding: 6vh 2em;
  border-radius: var(--borderRadius);
  overflow: hidden;
  color: var(--lightTextColor);
}

#contact-page main aside .sidebar .single-box.has-overlay::before {
  opacity: 0.8;
  background-color: var(--backgroundSecond);
}

#contact-page main aside .sidebar .single-box h3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 2em;
}

#contact-page main aside .sidebar .contact-infos .single-contact {
  font-size: 18px;
  font-weight: 400 !important;
}

#contact-page main aside .sidebar .contact-infos .single-contact {
  display: flex;
  align-items: center;
  gap: 1em;
}

#contact-page main aside .sidebar .contact-infos .single-contact:not(:last-child) {
  margin-bottom: 2em;
}

#contact-page main aside .sidebar .contact-infos .single-contact .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  background-color: white;
  border-radius: 100%;
}

#contact-page main aside .sidebar .contact-infos .single-contact .icon svg {
  width: 30px;
  height: 30px;
}

#contact-page main aside .sidebar .contact-infos .single-contact .icon svg path:not(:first-child) {
  stroke: var(--accentColor);
}

#contact-page main aside .sidebar .contact-infos .single-contact .address p {
  margin: 0;
}

#contact-page main aside .sidebar .contact-infos .single-contact a {
  color: var(--lightTextColor);
  display: flex;
  flex-direction: column;
}

#contact-page main aside .sidebar .contact-infos .single-contact a span {
  text-transform: uppercase;
  font-size: 0.85em;
  color: white;
  opacity: 0.9;
  font-weight: 300;
}

#contact-page main aside .sidebar .contact-infos .single-contact a:hover {
  color: var(--hoverAccentColor);
}

@media only screen and (max-width: 1300px) {
  #contact-page main {
    flex-direction: column;
    gap: var(--spaceBetweenSections);
  }

  #contact-page main #contact-form,
  #contact-page main aside {
    width: 100%;
  }

  #contact-page main aside {
    order: 1;
    min-width: unset;
  }

  #contact-page main aside .sidebar {
    padding: 0;
  }

  #contact-page main #contact-form {
    order: 2;
  }
}

#singlejob-page .job-offer .container {
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

#singlejob-page .job-offer .container aside {
  width: calc(35% - 2vw);
}

#singlejob-page .job-offer .container aside .summary {
  position: sticky;
  top: calc(100px + 3vh);
  background-color: var(--backgroundCards);
  padding: 8%;
  border-radius: var(--borderRadius);
}

#singlejob-page .job-offer .container aside .summary .title {
  font-size: 1.1em;
}

#singlejob-page .job-offer .container aside .summary h3 {
  position: relative;
  margin: 0;
  margin-bottom: 3vh;
}

#singlejob-page .job-offer .container aside .summary h3::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: black;
  opacity: 0.1;
  position: absolute;
  left: 0;
  bottom: calc(-1.5vh + 1px);
}

#singlejob-page .job-offer .container aside .summary .wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5vh;
}

#singlejob-page .job-offer .container aside .summary .wrapper .single {
  display: flex;
  align-items: center;
  gap: 3%;
}

#singlejob-page .job-offer .container aside .summary .wrapper .single svg {
  width: 32px;
  height: 32px;
}

#singlejob-page .job-offer .container aside .summary .wrapper .single svg path:not(:first-child) {
  stroke: var(--darkTextColor);
}

#singlejob-page .job-offer .container .details {
  width: calc(65% - 2vw);
}

#singlejob-page .job-offer .container .details .job-description h3 {
  margin: 0;
}

#singlejob-page .job-offer .container .details .dropdowns {
  display: flex;
  flex-direction: column;
  margin-top: 3vh;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown:not(:first-child) {
  border-top: 1px solid lightgray;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown.active .heading h3 {
  color: var(--accentColor);
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown.active .heading svg {
  rotate: -180deg;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1em 0;
  cursor: pointer;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .heading h3 {
  margin: 0;
  font-weight: 400;
  transition: var(--simpleTransition);
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .heading svg {
  transition: var(--simpleTransition);
  width: 38px;
  height: 38px;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .heading svg path:not(:first-child) {
  stroke: var(--accentColor);
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .heading:hover h3 {
  color: var(--accentColor);
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .content {
  overflow: hidden;
  transition: var(--simpleTransition);
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .content p:first-child {
  margin-top: 0;
}

#singlejob-page .job-offer .container .details .dropdowns .single-dropdown .content.hidden {
  height: 0 !important;
  padding-bottom: 0 !important;
}

@media only screen and (max-width: 1100px) {
  #singlejob-page .job-offer .container {
    flex-direction: column;
  }

  #singlejob-page .job-offer .container aside,
  #singlejob-page .job-offer .container .details {
    width: 100%;
  }

  #singlejob-page .job-offer .container aside {
    margin-bottom: var(--spaceBetweenSections);
  }

  #singlejob-page .job-offer .container aside .summary {
    position: relative;
    top: unset;
  }
}

@media only screen and (max-width: 600px) {
  #singlejob-page .job-offer .container .details .dropdowns .single-dropdown h3 {
    font-size: 1.35em;
  }
}

#jobs-page .all-job-offers .container h2 {
  margin-bottom: 4vh;
}

#jobs-page .all-job-offers .container .list {
  display: flex;
  justify-content: center;
  gap: 2vw;
  flex-wrap: wrap;
  width: 100%;
}

#jobs-page .all-job-offers .container .list .single-job {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: calc(33% - 2vw);
  background-color: var(--backgroundCards);
  padding: 2%;
  border-radius: var(--borderRadius);
  border: 2px solid transparent;
  transition: var(--simpleTransition);
  color: var(--darkTextColor);
  flex-grow: 1;
  min-width: 400px;
}

#jobs-page .all-job-offers .container .list .single-job:hover {
  border: 2px solid var(--accentColor);
}

#jobs-page .all-job-offers .container .list .single-job:hover .offer .details .single {
  color: var(--darkTextColor);
}

#jobs-page .all-job-offers .container .list .single-job:hover .arrow>svg {
  translate: 5px 0;
}

#jobs-page .all-job-offers .container .list .single-job .offer {
  width: 100%;
}

#jobs-page .all-job-offers .container .list .single-job .offer h3 {
  margin: 0;
  font-size: 1.4em;
}

#jobs-page .all-job-offers .container .list .single-job .offer svg {
  width: 32px;
  height: 32px;
}

#jobs-page .all-job-offers .container .list .single-job .offer svg path:not(:first-child) {
  stroke: var(--darkTextColor);
}

#jobs-page .all-job-offers .container .list .single-job .offer .details {
  display: flex;
  flex-direction: column;
  gap: 1vh;
  margin-top: 2vh;
}

#jobs-page .all-job-offers .container .list .single-job .offer .details .single {
  display: flex;
  gap: 1.8%;
  align-items: center;
  font-weight: 500;
}

#jobs-page .all-job-offers .container .list .single-job .arrow {
  position: absolute;
  right: 4%;
  bottom: 4%;
  height: 100%;
  width: 40px;
  display: flex;
  align-items: end;
}

#jobs-page .all-job-offers .container .list .single-job .arrow>svg {
  width: 100%;
  transition: var(--simpleTransition);
}

#jobs-page .all-job-offers .container .list .single-job .arrow>svg path:not(:first-child) {
  stroke: var(--accentColor);
}

@media only screen and (max-width: 1100px) {
  #jobs-page .all-job-offers .container .list .single-job {
    padding: 4%;
  }
}

@media only screen and (max-width: 700px) {
  #jobs-page .all-job-offers .container .list {
    gap: 2vh;
  }

  #jobs-page .all-job-offers .container .list .single-job {
    padding: 6%;
    min-width: unset;
    width: 100%;
  }

  #jobs-page .all-job-offers .container .list .single-job h3 {
    font-size: 1.35em;
  }
}

#singleportfolio-page .the-project .container {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
}

#singleportfolio-page .the-project .container #global-portfolio-sections {
  width: calc(65% - 2vw);
}

#singleportfolio-page .the-project .container aside {
  padding-top: var(--spaceBetweenSections);
  width: calc(35% - 2vw);
  padding-left: 2vw;
}

#singleportfolio-page .the-project .container aside .wrapper {
  position: sticky;
  display: flex;
  flex-direction: column;
  top: calc(100px + 3vh);
  gap: 5vh;
}

#singleportfolio-page .the-project .container aside .wrapper .single-group .title {
  padding: 0.15em 1em;
  border: 1px solid var(--accentColor);
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.2vh;
}

#singleportfolio-page .the-project .container aside .wrapper .single-group .title h3 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--accentColor);
  text-transform: uppercase;
  margin: 0;
  margin-top: 3px;
  letter-spacing: 0.4px;
}

#singleportfolio-page .the-project .container aside .wrapper .project-infos {
  display: flex;
  flex-direction: column;
  gap: 1vh;
}

#singleportfolio-page .the-project .container aside .wrapper .project-infos .single {
  display: flex;
  align-items: center;
  gap: 2%;
  padding-top: 1vh;
}

#singleportfolio-page .the-project .container aside .wrapper .project-infos .single:not(:nth-child(2)) {
  border-top: 1px solid lightgray;
}

#singleportfolio-page .the-project .container aside .wrapper .project-infos .single svg {
  width: 34px;
  height: 34px;
}

#singleportfolio-page .the-project .container aside .wrapper .project-infos .single svg path:not(:first-child) {
  stroke: var(--accentColor);
  stroke-width: 1.25px;
}

@media only screen and (max-width: 1240px) {
  #singleportfolio-page .the-project .container {
    flex-direction: column;
  }

  #singleportfolio-page .the-project .container aside,
  #singleportfolio-page .the-project .container #global-portfolio-sections {
    width: 100%;
  }

  #singleportfolio-page .the-project .container aside {
    order: 1;
  }

  #singleportfolio-page .the-project .container #global-portfolio-sections {
    order: 2;
  }
}

#portfolio-page .portfolio-list .container .categories {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px 40px;
  flex-wrap: wrap;
  margin-bottom: var(--spaceBetweenSections);
}

#portfolio-page .portfolio-list .container .categories a {
  padding: 10px 0;
  position: relative;
  color: var(--darkTextColor);
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 1px;
  transition: var(--simpleTransition);
}

#portfolio-page .portfolio-list .container .categories a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: calc(100% + 10px);
  height: 2px;
  background-color: var(--accentColor);
  opacity: 0;
  transform: translateY(-6px);
  transition: var(--simpleTransition);
}

#portfolio-page .portfolio-list .container .categories a.active,
#portfolio-page .portfolio-list .container .categories a:hover {
  color: var(--accentColor);
}

#portfolio-page .portfolio-list .container .categories a.active::after,
#portfolio-page .portfolio-list .container .categories a:hover::after {
  opacity: 1;
  transform: translateY(0);
}

#portfolio-page .portfolio-list .container .projects {
  display: flex;
  justify-content: space-between;
  gap: 6vw;
}

#portfolio-page .portfolio-list .container .projects .project-col {
  display: flex;
  flex-direction: column;
  gap: 4vh;
  width: calc(50% - 3vw);
}

#portfolio-page .portfolio-list .container .projects .project-col .simple-paragraph {
  margin-bottom: 2vh;
  font-size: 1em;
  line-height: 1.65em;
  font-weight: 300;
}

#portfolio-page .portfolio-list .container .projects .project-col .simple-paragraph p {
  font-size: 1em;
  line-height: 1.65em;
  font-weight: 300;
}

@media only screen and (max-width: 1100px) {
  #portfolio-page .portfolio-list .container .projects {
    gap: 0px;
    flex-direction: column;
  }

  #portfolio-page .portfolio-list .container .projects .project-col {
    width: 100%;
  }

  #portfolio-page .portfolio-list .container .projects .project-col:last-child .single-project:last-child {
    margin-bottom: 0;
  }
}

#certifications-page .certifications .container {
  max-width: 1500px;
}

#certifications-page .certifications .container .simple-paragraph {
  margin-bottom: 2em;
}

#global-portfolio-sections {
  padding: var(--spaceBetweenSections) 0;
}

#global-portfolio-sections section {
  padding: 3em 0;
  width: 100%;
}

#global-portfolio-sections section:not(:last-child) {
  padding-bottom: 0;
}

#global-portfolio-sections section img {
  border-radius: var(--borderRadius);
}

#global-portfolio-sections section.text p:last-child {
  margin-bottom: 0;
}

#global-portfolio-sections section.text a,
#global-portfolio-sections section.text a strong {
  color: var(--accentColor);
}

#global-portfolio-sections section.image img {
  width: 100%;
}

#global-portfolio-sections section.double-images .images {
  display: flex;
  justify-content: space-between;
}

#global-portfolio-sections section.double-images .images .img-wrapper {
  width: calc(50% - 1vw);
}

#global-portfolio-sections section.double-images .images .img-wrapper img {
  height: 100%;
}

@media only screen and (max-width: 860px) {
  #global-portfolio-sections section.double-images .images {
    flex-direction: column;
    gap: 3vh;
  }

  #global-portfolio-sections section.double-images .images .img-wrapper,
  #global-portfolio-sections section.double-images .images img {
    width: 100%;
  }
}

#global-portfolio-sections section.slider {
  margin-bottom: 2em;
}

#global-portfolio-sections section.slider .img-wrapper {
  height: 100%;
}

#global-portfolio-sections section.slider .img-wrapper img {
  height: 100%;
  width: 100%;
}

#global-portfolio-sections section.slider .splide__pagination {
  bottom: calc(var(--spaceBetweenSections) - 7.5em) !important;
}

#global-portfolio-sections section.gallery .masonry,
#global-portfolio-sections section.gallery .grid {
  display: flex;
  justify-content: space-between;
}

#global-portfolio-sections section.gallery .masonry .left-col,
#global-portfolio-sections section.gallery .masonry .right-col,
#global-portfolio-sections section.gallery .grid .left-col,
#global-portfolio-sections section.gallery .grid .right-col {
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: calc(50% - 1vw);
}

#global-portfolio-sections section.gallery .masonry .left-col img,
#global-portfolio-sections section.gallery .masonry .right-col img,
#global-portfolio-sections section.gallery .grid .left-col img,
#global-portfolio-sections section.gallery .grid .right-col img {
  width: 100%;
}

#global-portfolio-sections section.gallery .grid img {
  height: 25vh;
}

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

  #global-portfolio-sections section.gallery .masonry,
  #global-portfolio-sections section.gallery .grid {
    flex-direction: column;
    gap: 25px;
  }

  #global-portfolio-sections section.gallery .masonry .left-col,
  #global-portfolio-sections section.gallery .masonry .right-col,
  #global-portfolio-sections section.gallery .masonry img,
  #global-portfolio-sections section.gallery .grid .left-col,
  #global-portfolio-sections section.gallery .grid .right-col,
  #global-portfolio-sections section.gallery .grid img {
    width: 100%;
  }
}

section.paragraph-images .container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5vw;
}

section.paragraph-images .container .content-col {
  width: calc(55% - 5vw);
}

section.paragraph-images .container .images-col {
  position: relative;
  width: calc(45% - 5vw);
  background-color: var(--currentBackground);
}

section.paragraph-images.reverse .container .content-col {
  order: 2;
}

section.paragraph-images.reverse .container .images-col {
  order: 1;
}

section.paragraph-images.reverse .container .images-col .img-wrapper {
  left: unset;
  right: -15%;
}

@media only screen and (max-width: 1100px) {
  section.paragraph-images .container {
    flex-direction: column;
  }

  section.paragraph-images .container .content-col,
  section.paragraph-images .container .images-col {
    width: 100%;
  }

  section.paragraph-images .container .content-col {
    order: 2 !important;
  }

  section.paragraph-images .container .images-col {
    order: 1 !important;
    margin-top: 4vh;
    margin-bottom: 5vh;
  }
}

section.list-images .container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 5vw;
}

section.list-images .container .content-col {
  width: calc(55% - 5vw);
}

section.list-images .container .content-col .list-items ul {
  padding-left: 0;
  list-style: none;
}

section.list-images .container .content-col .list-items ul li {
  display: flex;
  justify-content: left;
  align-items: center;
  gap: 20px;
  padding: 10px 0;
}

section.list-images .container .content-col .list-items ul li span {
  margin: 1em 0;
}

section.list-images .container .content-col .list-items ul li:not(:last-child) {
  border-bottom: 1px solid lightgray;
}

section.list-images .container .content-col .list-items ul li svg {
  stroke: var(--accentColor);
}

section.list-images .container .content-col .list-items ul li:has(svg) p {
  width: calc(100% - 24px);
}

section.list-images .container .images-col {
  position: relative;
  width: calc(45% - 5vw);
  background-color: var(--currentBackground);
}

section.list-images.reverse .container .content-col {
  order: 2;
}

section.list-images.reverse .container .images-col {
  order: 1;
}

section.list-images.reverse .container .images-col .img-wrapper {
  left: unset;
  right: -15%;
}

@media only screen and (max-width: 1100px) {
  section.list-images .container {
    flex-direction: column;
  }

  section.list-images .container .content-col,
  section.list-images .container .images-col {
    width: 100%;
  }

  section.list-images .container .content-col {
    order: 2 !important;
  }

  section.list-images .container .images-col {
    order: 1 !important;
    margin-top: 4vh;
    margin-bottom: 5vh;
  }
}

section.icon-boxes-images .container {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4vw;
}

section.icon-boxes-images .container .content-col {
  width: calc(55% - 4vw);
}

section.icon-boxes-images .container .content-col .icon-boxes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1em;
  gap: 3em;
}

section.icon-boxes-images .container .content-col .icon-boxes .icon-box {
  flex: 1;
  min-width: 300px;
}

section.icon-boxes-images .container .content-col .icon-boxes.full-width .icon-box {
  min-width: 100%;
}

section.icon-boxes-images .container .images-col {
  position: relative;
  width: calc(45% - 4vw);
  background-color: var(--currentBackground);
}

section.icon-boxes-images.reverse .container .content-col {
  order: 2;
}

section.icon-boxes-images.reverse .container .images-col {
  order: 1;
}

section.icon-boxes-images.reverse .container .images-col .img-wrapper {
  left: unset;
  right: -15%;
}

@media only screen and (max-width: 1100px) {
  section.icon-boxes-images .container {
    flex-direction: column;
  }

  section.icon-boxes-images .container .content-col,
  section.icon-boxes-images .container .images-col {
    width: 100%;
  }

  section.icon-boxes-images .container .content-col {
    order: 2 !important;
  }

  section.icon-boxes-images .container .images-col {
    order: 1 !important;
    margin-top: 4vh;
    margin-bottom: 5vh;
  }
}

@media only screen and (max-width: 600px) {
  section.icon-boxes-images .container .content-col .icon-boxes {
    flex-direction: column;
    gap: 2em;
  }

  section.icon-boxes-images .container .content-col .icon-boxes .icon-box {
    width: 100%;
  }
}

section.quote::before {
  background: var(--backgroundSecond);
  opacity: 0.85;
}

section.quote .container {
  align-items: center;
}

section.quote .container .quote {
  color: var(--lightTextColor);
  font-size: 1.35em;
  font-weight: 300;
  line-height: 1.75em;
  text-align: center;
}

section.quote .container .author {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 2.65em;
}

section.quote .container .author .infos {
  text-align: center;
}

section.quote .container .author .infos .name {
  font-size: 1.25em;
  font-weight: 300;
  color: var(--lightTextColor);
}

section.quote .container .author .infos .job {
  color: lightgray;
  font-size: 1.08em;
  font-weight: 200;
  margin-top: 0.25em;
}

section.testimonials .intro {
  margin-bottom: 4vh;
}

section.testimonials .testimonials-zone {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

section.testimonials .testimonials-zone .cta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3%;
  width: calc(45% - 2vw);
  border-radius: var(--borderRadius);
  overflow: hidden;
}

section.testimonials .testimonials-zone .cta h3 {
  color: var(--lightTextColor);
  margin: 0;
  font-weight: 600;
}

section.testimonials .testimonials-zone .splide-wrapper {
  width: calc(55% - 2vw);
}

section.testimonials .testimonials-zone .splide-wrapper .splide_testimonials button.splide__arrow--prev {
  display: none;
}

section.testimonials .testimonials-zone .splide-wrapper .splide_testimonials button.splide__arrow--next {
  display: block;
}

section.testimonials.reverse .testimonials-zone .cta {
  order: 2;
}

section.testimonials.reverse .testimonials-zone .splide-wrapper {
  order: 1;
}

section.testimonials.reverse .testimonials-zone .splide-wrapper .splide_testimonials button.splide__arrow--prev {
  display: block;
}

section.testimonials.reverse .testimonials-zone .splide-wrapper .splide_testimonials button.splide__arrow--next {
  display: none;
}

@media only screen and (max-width: 1100px) {
  section.testimonials .testimonials-zone {
    flex-direction: column;
    gap: 3vh;
  }

  section.testimonials .testimonials-zone .cta,
  section.testimonials .testimonials-zone .splide-wrapper {
    width: 100%;
  }

  section.testimonials .testimonials-zone .cta {
    order: 1;
    padding: 6%;
  }

  section.testimonials .testimonials-zone .splide-wrapper {
    order: 2;
  }

  section.testimonials.reverse .testimonials-zone .cta {
    order: 1;
  }

  section.testimonials.reverse .testimonials-zone .splide-wrapper {
    order: 2;
  }

  section.testimonials.reverse .testimonials-zone .splide-wrapper .splide_testimonials button.splide__arrow {
    display: block;
  }
}

section.full-width-banner {
  position: relative;
  width: 100%;
  padding: 0;
}

section.full-width-banner .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}

section.full-width-banner .wrapper::before {
  opacity: 0.75;
}

section.full-width-banner .wrapper .container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 12vh 0;
  max-width: 1200px;
}

section.full-width-banner .wrapper .container h2,
section.full-width-banner .wrapper .container h3 {
  font-size: 2.8em;
  color: white;
  font-weight: 600;
  text-align: center;
  z-index: 1;
  margin: 1.5vh 0;
  line-height: 1.4em;
}

section.full-width-banner .wrapper .container h3 {
  font-weight: 300;
  font-size: 1.6em;
  margin: 0;
}

section.full-width-banner .wrapper .container a {
  margin-top: 2.5vh;
}

@media only screen and (max-width: 750px) {
  section.full-width-banner .wrapper .container h2 {
    font-size: 2em;
  }

  section.full-width-banner .wrapper .container h3 {
    font-size: 1.5em;
  }
}

@media only screen and (max-width: 500px) {
  section.full-width-banner .wrapper .container h2 {
    font-size: 1.75em;
  }

  section.full-width-banner .wrapper .container h3 {
    font-size: 1.2em;
  }
}

section.paragraph-cards {
  padding-bottom: 0;
  margin-bottom: -100px;
}

section.paragraph-cards .container .cards {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5em;
  margin-top: 2em;
}

section.paragraph-cards .container .cards .single-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  flex: 1;
  min-width: 350px;
  background-color: var(--backgroundCards);
  border-radius: var(--borderRadius);
  padding: 25px;
  overflow: hidden;
  box-shadow: rgba(149, 157, 165, 0.1) 0px 8px 24px;
}

@media only screen and (max-width: 500px) {
  section.paragraph-cards .container .cards .single-card {
    min-width: 100%;
  }
}

section.paragraph-cards .container .cards .single-card .title {
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0.5em 0;
  margin-bottom: 0.8em;
}

section.paragraph-cards .container .cards .single-card .content p:first-child {
  margin-top: 0.5em;
}

section.paragraph-cards .container .cards .single-card .content p:last-child {
  margin-bottom: 0;
}

section.paragraph-cards .container .cards .single-card .content strong,
section.paragraph-cards .container .cards .single-card .content b {
  font-weight: 500;
}

section.paragraph-cards .container .cards .single-card:has(.icon) .icon {
  width: 75px;
  height: 75px;
}

section.paragraph-cards .container .cards .single-card:has(.icon) .icon img {
  width: 100%;
  height: 100%;
}

section.paragraph-cards .container .cards .single-card:has(.image) {
  display: flex;
  flex-direction: column;
  justify-content: start;
  padding-top: 270px;
}

section.paragraph-cards .container .cards .single-card:has(.image) .image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 250px;
}

section.paragraph-cards .container .cards .single-card:has(.image) .image img {
  width: 100%;
  height: 100%;
}

section.paragraph-cards+section {
  padding-top: calc(var(--spaceBetweenSections) + 100px);
}

section.blog-posts {
  width: 100%;
  position: relative;
}

section.blog-posts .blog-posts-zone {
  width: 100%;
}

section.blog-posts .blog-posts-zone .splide_blog_posts {
  margin-top: 2.5vh;
}

section.blog-posts .blog-posts-zone .splide_blog_posts .splide__track {
  padding: 40px 0;
}

section.blog-posts .blog-posts-zone .splide_blog_posts .splide__track .splide__slide .horizontal-post-card .image {
  background-color: var(--sectionBackground);
}

section.blog-posts .blog-posts-zone .btn {
  margin: 0 auto;
  margin-top: 1.5em;
}

section.content-images-grid.slider .splide-wrapper {
  width: 100%;
  margin-top: 2em;
}

section.content-images-grid.slider .splide-wrapper .splide__slide {
  display: flex;
  flex-direction: column;
}

section.content-images-grid.slider .splide-wrapper .splide__slide .img-wrapper {
  flex-grow: 1;
}

section.content-images-grid.slider .splide-wrapper .splide__slide img {
  border-radius: var(--borderRadius);
  height: 100%;
}

section.content-images-grid.slider .splide-wrapper .splide__slide .icon-box {
  border: 2px solid var(--accentColor);
  border-radius: var(--borderRadius);
  padding: 6.5%;
}

section.content-images-grid.slider .splide-wrapper .splide__slide:nth-child(odd) .icon-box {
  margin-bottom: 2vw;
}

section.content-images-grid.slider .splide-wrapper .splide__slide:nth-child(odd) .img-wrapper {
  order: 2;
}

section.content-images-grid.slider .splide-wrapper .splide__slide:nth-child(even) .icon-box {
  margin-top: 2vw;
  order: 2;
}

section.content-images-grid.slider .splide-wrapper .splide__slide:nth-child(even) .img-wrapper {
  order: 1;
}

section.content-images-grid.slider .btn {
  margin-top: calc(3vh + 35px);
}

@media only screen and (max-width: 650px) {
  section.content-images-grid.slider .container .splide-wrapper .splide__slide:nth-child(odd) .icon-box {
    margin-bottom: 2vh;
  }

  section.content-images-grid.slider .container .splide-wrapper .splide__slide:nth-child(even) .icon-box {
    margin-top: 2vh;
  }
}

section.content-images-grid .container .simple-paragraph {
  margin-bottom: 3em;
}

section.content-images-grid .container .boxes {
  gap: 1.5em;
  display: grid;
  grid-template-columns: repeat(3, minmax(300px, 1fr));
  width: 100%;
}

section.content-images-grid .container .boxes .box {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

section.content-images-grid .container .boxes .box .icon-box {
  display: flex;
  flex-direction: column;
  gap: 1em;
  border: 2px solid var(--accentColor);
  border-radius: var(--borderRadius);
  padding: 6.5%;
}

section.content-images-grid .container .boxes .box .img-wrapper {
  height: 100%;
  border-radius: var(--borderRadius);
  overflow: hidden;
}

section.content-images-grid .container .boxes .box .img-wrapper img {
  height: 100%;
}

section.content-images-grid .container .boxes .box:nth-child(3n+2) .icon-box {
  order: 2;
}

section.content-images-grid .container .boxes .box:nth-child(3n+2) .img-wrapper {
  order: 1;
}

section.portfolio-projects .projects-wrapper {
  margin-top: 4vh;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  gap: 1vw;
  padding: 0 1vw;
}

section.portfolio-projects .projects-wrapper .single-project {
  padding: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--borderRadius);
}

section.portfolio-projects .projects-wrapper .single-project:nth-child(1),
section.portfolio-projects .projects-wrapper .single-project:nth-child(6) {
  grid-column: span 2;
}

section.portfolio-projects .projects-wrapper .single-project::before {
  opacity: 0.65;
  transition: var(--simpleTransition);
}

section.portfolio-projects .projects-wrapper .single-project:hover::before {
  background-color: var(--accentColor);
}

section.portfolio-projects .projects-wrapper .single-project:hover img {
  scale: 1.05;
}

section.portfolio-projects .projects-wrapper .single-project:hover .short-description {
  opacity: 1;
}

section.portfolio-projects .projects-wrapper .single-project:hover h3 {
  top: 0;
  translate: 0 0;
}

section.portfolio-projects .projects-wrapper .single-project h3,
section.portfolio-projects .projects-wrapper .single-project p {
  color: var(--lightTextColor);
  text-align: center;
}

section.portfolio-projects .projects-wrapper .single-project h3 {
  margin: 0;
  top: 50%;
  translate: 0 -50%;
  transition: var(--simpleTransition);
}

section.portfolio-projects .projects-wrapper .single-project .short-description {
  opacity: 0;
  transition: var(--simpleTransition);
}

section.portfolio-projects .projects-wrapper .single-project img {
  transition: var(--simpleTransition);
}

section.portfolio-projects .btn {
  margin: 0 auto;
  margin-top: 4vh;
}

@media only screen and (max-width: 1300px) {
  section.portfolio-projects .projects-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  section.portfolio-projects .projects-wrapper .single-project:nth-child(1),
  section.portfolio-projects .projects-wrapper .single-project:nth-child(6) {
    grid-column: span 1;
  }
}

@media only screen and (max-width: 1000px) {
  section.portfolio-projects .projects-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }

  section.portfolio-projects .projects-wrapper .single-project:nth-child(1),
  section.portfolio-projects .projects-wrapper .single-project:nth-child(6) {
    grid-column: span 2;
  }
}

@media only screen and (max-width: 800px) {
  section.portfolio-projects .projects-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }

  section.portfolio-projects .projects-wrapper .single-project {
    grid-column: 1;
  }
}

section.paragraph-icon-box .container {
  flex-direction: row;
  justify-content: space-between;
}

section.paragraph-icon-box .container .paragraph-col {
  width: calc(55% - 2vw);
}

section.paragraph-icon-box .container .images-col {
  width: calc(45% - 2vw);
}

section.paragraph-icon-box .container .images-col .images {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.2vw;
}

section.paragraph-icon-box .container .images-col .images img {
  aspect-ratio: 1;
  height: 100%;
  width: calc(50% - 0.6vw);
  border-radius: var(--borderRadius);
}

section.paragraph-icon-box .container .images-col .icon-box {
  overflow: hidden;
  border-radius: var(--borderRadius);
  padding: 5%;
}

section.paragraph-icon-box .container .images-col .icon-box .heading *,
section.paragraph-icon-box .container .images-col .icon-box .content * {
  color: var(--lightTextColor);
}

section.paragraph-icon-box .container .images-col .icon-box .heading {
  display: flex;
  align-items: center;
  gap: 15px;
}

section.paragraph-icon-box .container .images-col .icon-box .heading .icon {
  width: 52px;
  height: 52px;
}

section.paragraph-icon-box .container .images-col .icon-box .heading .icon img {
  width: 100%;
  height: 100%;
}

section.paragraph-icon-box .container .images-col .icon-box .content {
  padding-top: 0.8em;
}

section.paragraph-icon-box .container .images-col .icon-box .content p {
  font-weight: 400;
}

section.paragraph-icon-box .container .images-col .icon-box::before {
  background-color: var(--accentColor);
  opacity: 0.8;
}

section.paragraph-icon-box.reverse .container .paragraph-col {
  order: 2;
}

section.paragraph-icon-box.reverse .container .images-col {
  order: 1;
}

@media only screen and (max-width: 1200px) {
  section.paragraph-icon-box .container {
    flex-direction: column;
  }

  section.paragraph-icon-box .container .paragraph-col,
  section.paragraph-icon-box .container .images-col {
    width: 100%;
  }

  section.paragraph-icon-box .container .paragraph-col {
    order: 1 !important;
    margin-bottom: 4vh;
  }

  section.paragraph-icon-box .container .images-col {
    order: 2 !important;
  }
}

@media only screen and (max-width: 650px) {
  section.paragraph-icon-box .container {
    flex-direction: column;
  }

  section.paragraph-icon-box .container .images-col .images {
    flex-direction: column;
    gap: 2vw;
    margin-bottom: 2vw;
  }

  section.paragraph-icon-box .container .images-col .images img {
    width: 100%;
  }
}

section.vertical-timeline {
  padding-bottom: 0;
}

section.vertical-timeline .timeline.stacking-cards {
  display: flex;
  flex-direction: column;
  width: 100%;
}

section.vertical-timeline .timeline.stacking-cards .single-item {
  display: flex;
  justify-content: center;
  align-items: start;
  position: sticky;
  top: 100px;
  background-color: inherit;
  padding: 5vh 0;
}

section.vertical-timeline .timeline.stacking-cards .single-item:nth-child(even) {
  background-color: #f5f5f5;
}

section.vertical-timeline .timeline.stacking-cards .single-item:nth-child(even) .container .year {
  order: 2;
  display: flex;
  justify-content: end;
}

section.vertical-timeline .timeline.stacking-cards .single-item:nth-child(even) .container .content {
  order: 1;
}

section.vertical-timeline .timeline.stacking-cards .single-item:nth-child(odd) {
  background-color: #fff;
}

section.vertical-timeline .timeline.stacking-cards .single-item .container {
  flex-direction: row;
  align-items: start;
  justify-content: space-between;
}

section.vertical-timeline .timeline.stacking-cards .single-item .container .year {
  display: flex;
  justify-content: start;
  font-size: 8em;
  font-weight: 900;
  color: #DDDDDE;
  letter-spacing: 4px;
}

section.vertical-timeline .timeline.stacking-cards .single-item .container .content {
  width: calc(65% - 5vw);
  display: flex;
  flex-direction: column;
}

section.vertical-timeline .timeline.stacking-cards .single-item .container .content img {
  width: 100%;
  height: 42vh;
  border-radius: var(--borderRadius);
  margin-bottom: 1vh;
}

section.vertical-timeline .timeline.stacking-cards .single-item .container .content .text {
  width: 100%;
}

@media only screen and (max-width: 1500px) {
  section.vertical-timeline .timeline.stacking-cards .single-item .year {
    width: calc(40% - 5vw);
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .content {
    width: calc(60% - 5vw);
  }
}

@media only screen and (max-width: 1280px) {
  section.vertical-timeline .timeline.stacking-cards .single-item .year {
    width: calc(50% - 5vw);
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .content {
    width: calc(50% - 5vw);
  }
}

@media only screen and (max-width: 1100px) {
  section.vertical-timeline .timeline.stacking-cards {
    gap: 5vh;
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .container {
    flex-direction: column;
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .container .year,
  section.vertical-timeline .timeline.stacking-cards .single-item .container .content {
    width: 100%;
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .container .year {
    translate: 0;
    margin-top: -0.5em;
    z-index: -1;
    order: 1 !important;
  }

  section.vertical-timeline .timeline.stacking-cards .single-item .container .content {
    order: 2 !important;
  }
}

@media only screen and (max-width: 700px) {
  section.vertical-timeline .timeline.stacking-cards .single-item .container .year {
    font-size: 5em;
  }
}

section.step-boxes .container .boxes {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 4vh;
  gap: 1.8vw;
}

section.step-boxes .container .boxes .single {
  width: calc(33% - 1vw);
  flex: 1;
}

@media only screen and (max-width: 600px) {
  section.step-boxes .container .boxes {
    gap: 4vw;
  }
}

section.faqs .container .faqs-list {
  margin-top: 4vh;
}

.btn {
  display: flex;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 3vh;
  transition: var(--simpleTransition);
  font-weight: 400;
  letter-spacing: 0.01em;
}

.btn.primary {
  color: white;
  background-color: var(--accentColor);
  padding: 10px 25px;
  border-radius: var(--borderRadius);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.btn.primary:hover {
  background-color: var(--hoverAccentColor);
}

.btn.primary svg {
  width: 25px !important;
  height: 25px !important;
}

.btn.primary svg path:not(:first-child) {
  stroke: white;
  stroke-width: 2px;
  transition: var(--simpleTransition);
}

.btn.primary.light {
  background-color: var(--lightTextColor);
  color: var(--darkTextColor);
}

.btn.primary.light:hover {
  color: var(--lightTextColor);
  background-color: var(--backgroundSecond);
}

.btn.primary.light:hover path:not(:first-child) {
  stroke: var(--lightTextColor);
}

.btn.primary.light svg path:not(:first-child) {
  stroke: var(--darkTextColor);
}

.services-full,
.certifications-full {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.services-full .single-service,
.services-full .single-certification,
.certifications-full .single-service,
.certifications-full .single-certification {
  width: 29%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 0 2%;
  margin-top: 2.5em;
}

.services-full .single-service:hover .content,
.services-full .single-certification:hover .content,
.certifications-full .single-service:hover .content,
.certifications-full .single-certification:hover .content {
  transform: translateY(-15px);
}

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

  .services-full .single-service,
  .services-full .single-certification,
  .certifications-full .single-service,
  .certifications-full .single-certification {
    width: 44%;
  }

  .services-full .single-service .content,
  .services-full .single-certification .content,
  .certifications-full .single-service .content,
  .certifications-full .single-certification .content {
    margin-top: -120px !important;
    translate: -5% 0 !important;
  }
}

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

  .services-full .single-service,
  .services-full .single-certification,
  .certifications-full .single-service,
  .certifications-full .single-certification {
    width: 100%;
    max-width: 600px;
  }
}

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

  .services-full .single-service .content,
  .services-full .single-certification .content,
  .certifications-full .single-service .content,
  .certifications-full .single-certification .content {
    margin-top: -50px !important;
    translate: 0 !important;
    width: 95% !important;
  }
}

.services-full .single-service .image,
.services-full .single-certification .image,
.certifications-full .single-service .image,
.certifications-full .single-certification .image {
  display: flex;
  aspect-ratio: 12/9;
  width: 100%;
  height: auto;
  border-radius: var(--borderRadius);
  overflow: hidden;
}

.services-full .single-service .content,
.services-full .single-certification .content,
.certifications-full .single-service .content,
.certifications-full .single-certification .content {
  position: relative;
  padding: 15px 25px;
  padding-bottom: 35px;
  background-color: var(--backgroundCards);
  border-radius: var(--borderRadius);
  color: var(--darkTextColor);
  text-align: center;
  flex: 1;
  translate: -7% 0;
  margin-top: -80px;
  z-index: 1;
  transition: var(--simpleTransition);
}

.services-full .single-service .content .heading,
.services-full .single-certification .content .heading,
.certifications-full .single-service .content .heading,
.certifications-full .single-certification .content .heading {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.services-full .single-service .content .heading .icon,
.services-full .single-certification .content .heading .icon,
.certifications-full .single-service .content .heading .icon,
.certifications-full .single-certification .content .heading .icon {
  height: 50px;
  width: auto;
}

.services-full .single-service .content .heading .icon img,
.services-full .single-certification .content .heading .icon img,
.certifications-full .single-service .content .heading .icon img,
.certifications-full .single-certification .content .heading .icon img {
  -o-object-fit: contain;
  object-fit: contain;
}

.services-full .single-service .content .content-inner,
.services-full .single-certification .content .content-inner,
.certifications-full .single-service .content .content-inner,
.certifications-full .single-certification .content .content-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1em;
  line-height: 1.65em;
  font-weight: 300;
}

.services-full .single-service .content .content-inner .btn,
.services-full .single-certification .content .content-inner .btn,
.certifications-full .single-service .content .content-inner .btn,
.certifications-full .single-certification .content .content-inner .btn {
  margin-top: 2em;
}

.vertical-post-card {
  min-width: 380px;
  margin-top: -12vh;
}

.vertical-post-card .image {
  padding: 0 5%;
  margin-bottom: -12vh;
  transition: var(--simpleTransition);
}

.vertical-post-card .image img {
  height: 18vh;
  width: 100%;
  border-radius: var(--borderRadius);
}

.vertical-post-card .content {
  background-color: var(--backgroundCards);
  padding: 5%;
  padding-top: 14.5vh;
  border-radius: var(--borderRadius);
  color: var(--darkTextColor);
  text-align: center;
  transition: var(--simpleTransition);
}

.vertical-post-card .content h2,
.vertical-post-card .content h3,
.vertical-post-card .content h4,
.vertical-post-card .content h5,
.vertical-post-card .content h6 {
  margin: 0;
  line-height: 1.3em;
  font-size: 1.5em;
}

.vertical-post-card .content .btn {
  margin: 0 auto;
  margin-top: 2em;
}

.vertical-post-card:hover .image {
  scale: 1.025;
}

.vertical-post-card:hover .content {
  translate: 0 -5px;
}

.forminator-ui .forminator-input,
.forminator-ui textarea {
  background-color: transparent !important;
  border-radius: var(--borderRadius) !important;
  border: 1px solid rgb(205, 205, 205) !important;
}

.forminator-ui label {
  font-size: 1em !important;
  font-weight: 400 !important;
  margin-bottom: 0.35em !important;
}

.forminator-ui .forminator-button {
  background-color: var(--accentColor) !important;
  padding: 10px 25px !important;
  border-radius: var(--borderRadius) !important;
  transition: var(--simpleTransition) !important;
  box-shadow: none !important;
}

.forminator-ui .forminator-button:hover {
  background-color: var(--hoverAccentColor) !important;
}

.simple-paragraph .heading .title {
  position: relative;
  margin: 0;
  padding-bottom: 0.65em !important;
  margin-bottom: 1em !important;
  line-height: 1.45em !important;
}

.simple-paragraph .heading .title::after {
  content: "";
  width: 100px;
  height: 5px;
  background-color: var(--backgroundThird);
  border-radius: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
}

.simple-paragraph .heading .subtitle {
  font-size: 4em;
  font-weight: bold;
  opacity: 0.16 !important;
  color: var(--accentColor);
  text-transform: uppercase;
  margin: 0;
  margin-bottom: -15px;
  line-height: 1.2em;
  margin-bottom: 0.35em;
}

.simple-paragraph .content h1,
.simple-paragraph .content h2,
.simple-paragraph .content h3,
.simple-paragraph .content h4,
.simple-paragraph .content h5,
.simple-paragraph .content h6 {
  margin-bottom: 0;
}

.simple-paragraph .content h1+p,
.simple-paragraph .content h2+p,
.simple-paragraph .content h3+p,
.simple-paragraph .content h4+p,
.simple-paragraph .content h5+p,
.simple-paragraph .content h6+p {
  margin-top: 0.25em;
}

.simple-paragraph .content p:first-child {
  margin-top: 0;
}

.simple-paragraph .content p:last-child {
  margin-bottom: 0;
}

.simple-paragraph .content strong,
.simple-paragraph .content b {
  font-weight: 500;
}

.simple-paragraph.center .heading h1::after,
.simple-paragraph.center .heading h2::after,
.simple-paragraph.center .heading h3::after,
.simple-paragraph.center .heading h4::after,
.simple-paragraph.center .heading h5::after,
.simple-paragraph.center .heading h6::after {
  left: 50%;
  translate: -50% 0;
}

.two-images-superposition {
  position: relative;
  width: 100%;
  background-color: var(--currentBackground);
  height: 100%;
}

.two-images-superposition .img-wrapper {
  position: absolute;
  bottom: -8%;
  left: -14%;
  background-color: inherit;
  border-radius: var(--borderRadius);
  width: 80%;
  height: 60%;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px;
}

.two-images-superposition img {
  border-radius: var(--borderRadius);
  height: 100%;
}

@media only screen and (max-width: 1100px) {
  .two-images-superposition {
    height: 400px;
  }

  .two-images-superposition>img {
    height: 100%;
  }

  .two-images-superposition .img-wrapper {
    left: unset;
    right: unset;
    left: 56% !important;
    bottom: -16%;
    translate: -50% 0;
    height: 60%;
    width: 80%;
  }
}

.icon-box {
  display: flex;
  flex-direction: column;
}

.icon-box img {
  width: 70px;
  height: 70px;
}

.icon-box h3 {
  margin: 0.5em 0;
}

.icon-box .content {
  font-size: 1.05em;
  font-weight: 300;
  line-height: 1.7em;
}

.icon-box .content strong,
.icon-box .content b {
  font-weight: 500;
}

.icon-box .content p:first-child {
  margin-top: 0;
}

.icon-box .content p:last-child {
  margin-bottom: 0;
}

.icon-box.center {
  align-items: center;
  text-align: center;
}

.testimonial-card {
  background-color: var(--backgroundCards);
  border-radius: var(--borderRadius);
  display: flex;
  flex-direction: column;
  padding: 6%;
  height: 100%;
  position: relative;
}

.testimonial-card img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-bottom: 1.5em;
}

.testimonial-card .name {
  font-weight: 500;
  font-size: 1.2em;
  margin-bottom: 0.6em;
}

.testimonial-card .tag {
  position: absolute;
  right: 10%;
  top: 0;
  width: 50px;
  height: 60px;
  background-color: var(--accentColor);
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 80%, 0% 100%);
}

.testimonial-card .tag svg {
  width: 30px;
  height: 30px;
}

.horizontal-post-card {
  width: 90%;
  display: flex;
  justify-content: space-between;
}

.horizontal-post-card .content {
  padding-bottom: 5%;
  width: 55%;
}

.horizontal-post-card .content .wrapper {
  box-sizing: content-box;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  background-color: var(--backgroundCards);
  padding: 2em;
  padding-right: 50%;
  border-radius: var(--borderRadius);
  color: var(--darkTextColor);
}

.horizontal-post-card .content .wrapper h3 {
  margin-top: 0;
  line-height: 1.3em;
}

.horizontal-post-card .image {
  width: 43%;
  translate: 20% 8%;
  border-radius: var(--borderRadius);
  transition: var(--simpleTransition);
}

.horizontal-post-card .image img {
  height: 100%;
  border-radius: var(--borderRadius);
}

.horizontal-post-card:hover .image {
  translate: 20% calc(8% - 7px);
}

@media only screen and (max-width: 650px) {
  .horizontal-post-card {
    align-items: center;
    flex-direction: column;
    width: 100%;
  }

  .horizontal-post-card .image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 18vh;
    padding: 0;
    margin-bottom: -12vh;
    order: 1;
    translate: 0;
    background-color: unset;
  }

  .horizontal-post-card .image img {
    width: 95%;
    height: 100%;
    border-radius: var(--borderRadius);
  }

  .horizontal-post-card .content {
    order: 2;
    background-color: var(--backgroundCards);
    padding: 5%;
    padding-top: 15vh;
    border-radius: var(--borderRadius);
    color: var(--darkTextColor);
    text-align: center;
    width: 100%;
  }

  .horizontal-post-card .content .wrapper {
    padding: 0;
  }

  .horizontal-post-card .content .wrapper .btn {
    margin: 0 auto;
    margin-top: 3vh;
  }
}

.single-step-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: var(--backgroundCards);
  padding: clamp(20px, 2%, 100px);
  border-radius: var(--borderRadius);
  position: relative;
  min-width: 380px;
}

.single-step-box h3 {
  margin: 0;
  margin-top: 2em;
}

.single-step-box .content p {
  text-align: center;
}

.single-step-box .content p:last-child {
  margin-bottom: 0;
}

.single-step-box .counter {
  position: absolute;
  top: 0;
  font-size: clamp(5em, 6vw, 7em);
  font-weight: 800;
  color: var(--accentColor);
  opacity: 0.2;
}

@media only screen and (max-width: 1600px) {
  .single-step-box h3 {
    margin-top: 1.4em;
  }
}

@media only screen and (max-width: 600px) {
  .single-step-box {
    min-width: unset;
    width: 100% !important;
    flex: unset !important;
  }
}

.single-faq .question {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 100%;
  cursor: pointer;
  padding: 20px 0;
  border-top: 1px solid lightgray;
}

.single-faq .question h2,
.single-faq .question h3,
.single-faq .question h4,
.single-faq .question h5,
.single-faq .question h6 {
  font-size: 1.2em;
  font-weight: 400;
  width: 80%;
  margin: 0;
  transition: var(--simpleTransition);
}

.single-faq .question svg {
  width: 40px;
  transition: var(--simpleTransition);
  rotate: -45deg;
}

.single-faq .answer {
  padding: 0;
  overflow: hidden;
  transition: var(--simpleTransition);
}

.single-faq .answer p:first-child {
  margin-top: 0;
}

.single-faq .answer.hidden {
  height: 0 !important;
  padding-bottom: 0 !important;
}

.single-faq:hover .question h3,
.single-faq:hover .question h4,
.single-faq.active .question h3,
.single-faq.active .question h4 {
  color: var(--accentColor);
}

.single-faq.active .question svg {
  rotate: 0deg;
}

.single-faq:last-child .answer {
  border-bottom: 1px solid lightgrey;
}

.single-portfolio-card {
  margin-bottom: 3vh;
}

.single-portfolio-card:hover .img-wrapper::before {
  opacity: 0.6;
}

.single-portfolio-card:hover .img-wrapper .inside-card {
  opacity: 1;
}

.single-portfolio-card:hover .img-wrapper .inside-card svg {
  margin-left: 10px;
}

.single-portfolio-card:hover .img-wrapper img {
  scale: 1.02;
}

.single-portfolio-card .img-wrapper {
  position: relative;
  margin-bottom: 0.5vh;
  height: 50vh;
  overflow: hidden;
  border-radius: var(--borderRadius);
}

.single-portfolio-card .img-wrapper::before {
  opacity: 0;
  transition: var(--simpleTransition);
}

.single-portfolio-card .img-wrapper img {
  height: 100%;
  transition: var(--simpleTransition);
}

.single-portfolio-card .img-wrapper .inside-card {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: var(--simpleTransition);
}

.single-portfolio-card .img-wrapper .inside-card h3 {
  color: white;
}

.single-portfolio-card .img-wrapper .inside-card svg {
  transition: var(--simpleTransition);
}

.single-portfolio-card .content .heading {
  display: flex;
  align-items: center;
  gap: 15px;
}

.single-portfolio-card .content .heading h3 {
  margin: 0;
  margin-top: 5px;
  color: var(--accentColor);
}

.single-portfolio-card .content .heading svg path {
  stroke: var(--accentColor);
}

.single-portfolio-card .content .description p {
  margin: 0;
  color: var(--darkTextColor);
}

.single-portfolio-card:hover .content .heading h3 {
  color: var(--accentColor);
}

.single-portfolio-card:hover .content .description p {
  color: var(--darkTextColor);
}

button.splide__arrow {
  background: transparent;
  opacity: 1;
}

button.splide__arrow svg {
  fill: var(--accentColor);
  width: 28px;
  height: 28px;
  transition: var(--simpleTransition);
}

button.splide__arrow:hover svg {
  fill: var(--hoverAccentColor);
}

button.splide__arrow.splide__arrow--prev {
  left: -50px;
}

button.splide__arrow.splide__arrow--next {
  right: -50px;
}

@media only screen and (max-width: 750px) {
  button.splide__arrow.splide__arrow--prev {
    left: -30px;
  }

  button.splide__arrow.splide__arrow--next {
    right: -30px;
  }
}

.splide__pagination {
  bottom: -35px !important;
}

.splide__pagination button.is-active {
  background-color: var(--accentColor) !important;
}

/*# sourceMappingURL=style.css.map */