/**
 * Theme Name:        TTU 2026
 * Theme URI:         
 * Description:       
 * Version:           1.0.0
 * Author:            
 * Author URI:        
 * Tags:              
 * Text Domain:       
 * Domain Path:       
 * Tested up to:      
 * Requires at least: 
 * Requires PHP:      
 * License:           
 * License URI:       
 */
*, html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  background-color: #F0EBE4;
}
body header {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 2.7vw 5.2vw 0 5.2vw;
  width: 100vw;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  body header {
    padding: 35px 4.8vw 0 4.8vw;
  }
}
@media (max-width: 640px) {
  body header {
    padding: 35px 8.6vw 0 8.6vw;
  }
}
body header .logo {
  width: 11.25vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1440px) {
  body header .logo {
    width: 165px;
  }
}
body header .menu-icon {
  width: 27px;
  height: 28px;
  position: absolute;
  right: 5.2vw;
  z-index: 1;
  margin-top: 2.3vw;
}
@media (min-width: 1920px) {
  body header .menu-icon {
    width: 36px;
    height: 32px;
  }
}
@media (max-width: 1440px) {
  body header .menu-icon {
    width: 27px;
    height: 28px;
  }
}
@media (max-width: 1280px) {
  body header .menu-icon {
    right: 4.8vw;
  }
}
@media (max-width: 640px) {
  body header .menu-icon {
    right: 8.6vw;
  }
}
body header .menu-icon {
  cursor: pointer;
}
body header .menu-icon.open {
  z-index: 2;
  position: relative;
  right: 0;
  margin-top: 0 !important;
  padding-bottom: 2vw;
}
body header .menu-icon.open span {
  background-color: #F0EBE4;
  position: absolute;
}
body header .menu-icon.open span:first-child {
  transform: rotate(40deg);
  top: 14px;
}
body header .menu-icon.open span:last-child {
  transform: rotate(-40deg);
  top: 14px;
}
body header .menu-icon.open {
  transition: opacity 0.2s ease;
}
body header .menu-icon.open:hover {
  opacity: 0.8;
}
body header .menu-icon span {
  display: block;
  width: 27px;
  height: 4px;
  position: absolute;
  border-radius: 1vw;
  background-color: #004435;
}
@media (min-width: 1920px) {
  body header .menu-icon span {
    width: 36px;
    height: 4px;
  }
}
@media (max-width: 1440px) {
  body header .menu-icon span {
    width: 27px;
    height: 4px;
  }
}
body header .menu-icon span {
  transition: all 0.2s ease;
}
body header .menu-icon span:first-child {
  top: 1%;
}
body header .menu-icon span.middle {
  top: 35%;
}
body header .menu-icon span:last-child {
  top: 70%;
}
body header .menu-icon.light span {
  background-color: #F0EBE4;
}
body header .menu-icon.menu-icon-open:hover span {
  scale: 108%;
}
body header .menu-icon.menu-icon-open:hover span:first-child {
  top: -7%;
}
body header .menu-icon.menu-icon-open:hover span.middle {
  top: 35%;
}
body header .menu-icon.menu-icon-open:hover span:last-child {
  top: 78%;
}
body header .menu-icon {
  /* transition: opacity 0.2s ease;
  &:hover{
      opacity: 0.8;
  } */
}
body header .ham-menu {
  display: flex;
  position: fixed;
  top: 0px;
  right: 0;
  transform: translateX(110%);
  width: 30.4vw;
  height: 100vh;
  z-index: -1;
  padding: 4.4vw 0 0 4.3vw;
  background: linear-gradient(100deg, #004435, #002920);
  box-shadow: -3px -3px 16px rgba(0, 41, 32, 0.5490196078);
  /* opacity: 0; */
  list-style: none;
  /* transition-duration: 0.5s; */
  overflow: scroll;
}
@media (max-width: 1440px) {
  body header .ham-menu {
    width: 437px;
    padding: 62px 0 0 62px;
  }
}
@media (max-width: 640px) {
  body header .ham-menu {
    width: 100vw;
    padding: 12.1vw 0 0 13vw;
  }
}
body header .ham-menu .ham-text {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-top: 1.8vw;
}
@media (max-width: 1280px) {
  body header .ham-menu .ham-text {
    padding-top: 37px;
  }
}
@media (max-width: 640px) {
  body header .ham-menu .ham-text {
    padding-top: 37px;
  }
}
body header .ham-menu .ham-text li {
  overflow-y: hidden;
  height: -moz-fit-content;
  height: fit-content;
}
body header .ham-menu .ham-text li a {
  display: block;
  font-family: "Cal Sans", sans-serif;
  color: #F0EBE5;
  font-size: 2.6vw;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  transition: color 0.2s ease;
}
body header .ham-menu .ham-text li a:hover {
  color: rgba(240, 235, 229, 0.7647058824);
}
body header .ham-menu .ham-text li a {
  margin-bottom: 2.1vw;
}
@media (max-width: 1280px) {
  body header .ham-menu .ham-text li a {
    font-size: 32px;
    margin-bottom: 21px;
  }
}
@media (max-width: 640px) {
  body header .ham-menu .ham-text li a {
    font-size: 32px;
    margin-bottom: 21px;
  }
}
body header .ham-menu .ham-text li a {
  /* Max height */
}
@media (max-height: 52vw) and (min-width: 1281px) {
  body header .ham-menu .ham-text li a {
    font-size: 5vh;
    margin-bottom: 2vh;
  }
}
@media (max-height: 82vw) and (max-width: 1280px) {
  body header .ham-menu .ham-text li a {
    font-size: 5vh;
    margin-bottom: 2vh;
  }
}
@media (max-height: 170vw) and (max-width: 640px) {
  body header .ham-menu .ham-text li a {
    font-size: 5vh;
    margin-bottom: 2vh;
  }
}
body header .ham-menu p :hover {
  color: #B2C8FC;
}
body header .ham-menu h2 :hover {
  color: #B2C8FC;
}
body header .show {
  right: 0% !important;
  /* opacity: 1 !important; */
  z-index: 2;
}
body main {
  overflow-x: hidden;
}
body main .hero-section {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  min-height: 40vw;
}
@media (max-width: 640px) {
  body main .hero-section {
    min-height: 100vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.yrkesutbildning, body main .hero-section.foretag {
    height: 100vh;
    min-height: 230vw;
  }
  body main .hero-section.yrkesutbildning .hero-video, body main .hero-section.foretag .hero-video {
    height: 70%;
  }
}
body main .hero-section .hero-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body main .hero-section .hero-shape {
  position: absolute;
  bottom: 0;
  left: -1px;
  width: calc(100vw + 2px);
  height: 16.64vw;
  background-size: 100%;
  background-repeat: no-repeat;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape {
    width: 143.6451vw;
    height: 23.9868vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape {
    width: 192.5581vw;
    height: 32.0674vw;
  }
}
body main .hero-section .hero-shape h2 {
  position: absolute;
  /* left: 5.2vw; */
  top: 3.2vw;
  line-height: 100%;
  color: #F0EBE4;
  opacity: 0;
  padding-left: 5.2vw;
  padding-bottom: 0.55vw;
  /* border-bottom: 0.104vw solid #F0EBE4;
  @media(min-width: 1920px){
      border-width: 2px;
  }
  @media(max-width: 1440px){
      border-width: 1.5px;
  } */
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape h2 {
    padding-left: 7.44vw;
    padding-bottom: 2.35vw;
    /* left: 7.44vw; */
    top: 6vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape h2 {
    padding-left: 5.2vw;
    padding-bottom: 1.35vw;
    /* left: 5.2vw; */
    top: 6.4vw;
  }
}
body main .hero-section .hero-shape .hero-line {
  position: absolute;
  left: 0vw;
  line-height: 100%;
  color: #F0EBE4;
  opacity: 0;
  border-bottom: 0.104vw solid #F0EBE4;
}
@media (min-width: 1920px) {
  body main .hero-section .hero-shape .hero-line {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  body main .hero-section .hero-shape .hero-line {
    border-width: 1.5px;
  }
}
body main .hero-section .hero-shape .hero-line.start {
  bottom: 3vw;
  width: 32.76vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.start {
    bottom: 3.2vw;
    width: 47vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.start {
    bottom: 5.5vw;
    width: 56.8vw;
  }
}
body main .hero-section .hero-shape .hero-line.yrkesutbildning {
  bottom: 7.6vw;
  width: 29.2vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.yrkesutbildning {
    bottom: 21.8vw;
    width: 41.2vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.yrkesutbildning {
    bottom: 93.5vw;
    width: 49.4vw;
  }
}
body main .hero-section .hero-shape .hero-line.foretag {
  bottom: 7.6vw;
  width: 28vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.foretag {
    bottom: 26.6vw;
    width: 40vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.foretag {
    bottom: 100vw;
    width: 47.9vw;
  }
}
body main .hero-section .hero-shape .hero-line.om-skolan {
  bottom: 7.6vw;
  width: 27.5vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.om-skolan {
    bottom: 21.8vw;
    width: 41.2vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.om-skolan {
    bottom: 43.5vw;
    width: 49.4vw;
  }
}
body main .hero-section .hero-shape .hero-line.aktuellt {
  bottom: 7.6vw;
  width: 34.6vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.aktuellt {
    bottom: 13.3vw;
    width: 49.5vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.aktuellt {
    bottom: 26vw;
    width: 60.4vw;
  }
}
body main .hero-section .hero-shape .hero-line.samarbeten {
  bottom: 7.6vw;
  width: 31.6vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.samarbeten {
    bottom: 9.3vw;
    width: 45.1vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.samarbeten {
    bottom: 15vw;
    width: 54.6vw;
  }
}
body main .hero-section .hero-shape .hero-line.integritetspolicy {
  bottom: 7.6vw;
  width: 38.8vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.integritetspolicy {
    bottom: 9.3vw;
    width: 55.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.integritetspolicy {
    bottom: 15vw;
    width: 68.2vw;
  }
}
body main .hero-section .hero-shape .hero-line.studentprojekt {
  bottom: 7.6vw;
  width: 36.6vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-line.studentprojekt {
    bottom: 14.8vw;
    width: 52.3vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-line.studentprojekt {
    bottom: 36.9vw;
    width: 64vw;
  }
}
body main .hero-section .hero-shape .hero-list {
  position: absolute;
  bottom: 0;
  width: 100vw;
  color: #F0EBE4;
  padding: 1.9vw 5.2vw;
  /* display: grid;
  grid-template-columns: repeat(10, 1fr); */
  display: flex;
  grid-template-columns: repeat(10, 1fr);
  justify-content: space-between;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-list {
    padding: 4.2vw 4.4vw 4vw 4.4vw;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3vw 0;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-list {
    padding: 6.8vw 3.9vw 31.8vw 3.9vw;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw 2.3vw;
  }
}
body main .hero-section .hero-shape .hero-list article {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape .hero-list article p {
    font-size: 1.04vw;
  }
}
body main .hero-section .hero-shape .hero-list article .bold {
  font-family: "Cal Sans", sans-serif;
  font-weight: 500;
}
body main .hero-section .hero-shape .hero-list article.mobile {
  display: none;
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-list article.mobile {
    display: block;
  }
}
body main .hero-section .hero-shape .hero-list.om-skolan {
  padding: 2vw 5.2vw;
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape .hero-list.om-skolan {
    padding: 4.2vw 4.4vw 4vw 4.4vw;
    grid-template-columns: repeat(4, 1fr);
    gap: 3vw 0;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape .hero-list.om-skolan {
    padding: 6.8vw 3.9vw 9.8vw 3.9vw;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw 2.3vw;
  }
}
body main .hero-section .hero-shape.start {
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape.svg);
}
body main .hero-section .hero-shape.start h2 {
  border-bottom: none;
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.start h2 {
    top: 6.4vw;
  }
}
body main .hero-section .hero-shape.yrkesutbildning {
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-info_desktop.svg);
  height: 16.6vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.yrkesutbildning {
    height: 34.9vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-info_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.yrkesutbildning {
    height: 110.4vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-info_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.yrkesutbildning h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.foretag {
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-foretag_desktop.svg);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.foretag {
    height: 40.8vw;
    width: calc(100vw + 2px);
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-foretag_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag {
    height: 116.7vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-foretag_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.foretag h2 {
    top: 3.7vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.foretag p {
    font-size: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag p {
    font-size: 3.5vw;
  }
}
body main .hero-section .hero-shape.foretag .foretag-row {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #F0EBE4;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 1.5vw 5.2vw 1.4vw 5.2vw;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.foretag .foretag-row {
    flex-direction: column;
    align-items: start;
    padding: 4vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag .foretag-row {
    padding: 0 4.4vw 10.2vw 4.4vw;
  }
}
body main .hero-section .hero-shape.foretag .foretag-row p {
  width: 30.7vw;
  margin-bottom: 0.6vw;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.foretag .foretag-row p {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.foretag .foretag-row p {
    width: 54.9vw;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag .foretag-row p {
    width: 100%;
    margin-bottom: 4.4vw;
  }
}
body main .hero-section .hero-shape.foretag .foretag-row .button-article {
  display: flex;
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.foretag .foretag-row .button-article {
    width: 89.6vw;
    justify-content: space-between;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag .foretag-row .button-article {
    flex-direction: column;
    align-items: center;
  }
}
body main .hero-section .hero-shape.foretag .foretag-row .button-article .main-button {
  margin-left: 2.6vw;
}
@media (min-width: 1080px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.foretag .foretag-row .button-article .main-button {
    padding: 1.15vw 1.5vw 1.35vw 1.5vw;
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) and (min-width: 641px) {
  body main .hero-section .hero-shape.foretag .foretag-row .button-article .main-button {
    padding: 2vw 3.7vw 2.3vw 3.7vw;
    margin-top: 4vw;
  }
  body main .hero-section .hero-shape.foretag .foretag-row .button-article .main-button:nth-child(1) {
    margin-left: 0;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.foretag .foretag-row .button-article .main-button {
    width: 56.3vw;
    margin-top: 3.8vw;
    text-align: center;
  }
}
body main .hero-section .hero-shape.om-skolan {
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-om-skolan_desktop.svg);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.om-skolan {
    height: 34.9vw;
    width: calc(100vw + 2px);
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-om-skolan_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.om-skolan {
    height: 60.5vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-om-skolan_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.om-skolan h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.aktuellt {
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-aktuellt_desktop.svg?2);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.aktuellt {
    height: 27.3vw;
    width: 100%;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-aktuellt_tablet.svg?2);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.aktuellt {
    height: 43vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-aktuellt_mobile.svg?2);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.aktuellt h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.aktuellt p {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #F0EBE4;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 1.5vw 5.2vw 3.6vw 5.2vw;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.aktuellt p {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.aktuellt p {
    padding: 4vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.aktuellt p {
    padding: 0 4.4vw 10.2vw 4.4vw;
  }
}
body main .hero-section .hero-shape.samarbeten {
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-samarbeten_desktop.svg);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.samarbeten {
    height: 24vw;
    width: 100%;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-samarbeten_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.samarbeten {
    height: 32vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-samarbeten_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.samarbeten h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.samarbeten p {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #F0EBE4;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 1.5vw 5.2vw 3.6vw 5.2vw;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.samarbeten p {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.samarbeten p {
    padding: 4vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.samarbeten p {
    padding: 0 4.4vw 10.2vw 4.4vw;
  }
}
body main .hero-section .hero-shape.studentprojekt {
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-studentprojekt_desktop.svg);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.studentprojekt {
    height: 29.2vw;
    width: 100%;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-studentprojekt_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.studentprojekt {
    height: 53.7vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-studentprojekt_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.studentprojekt h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.studentprojekt p {
  margin-bottom: 0.6vw;
  position: absolute;
  bottom: 0;
  width: 44.7vw;
  color: #F0EBE4;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 1.5vw 5.2vw 1.4vw 5.2vw;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.studentprojekt p {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.studentprojekt p {
    flex-direction: column;
    align-items: start;
    padding: 0 0 4vw 7.44vw;
    width: 74.9vw;
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.studentprojekt p {
    padding: 0 4.4vw 10.2vw 4.4vw;
    width: 100%;
  }
}
body main .hero-section .hero-shape.integritetspolicy {
  display: flex;
  flex-direction: column;
  background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-integritetspolicy_desktop.svg);
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.integritetspolicy {
    height: 24vw;
    width: 100%;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-integritetspolicy_tablet.svg);
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.integritetspolicy {
    height: 32vw;
    background-image: url(/wp-content/themes/ttu/img/svg/hero-shape-integritetspolicy_mobile.svg);
  }
}
@media (min-width: 1081px) {
  body main .hero-section .hero-shape.integritetspolicy h2 {
    top: 3.7vw;
  }
}
body main .hero-section .hero-shape.integritetspolicy p {
  position: absolute;
  bottom: 0;
  width: 100%;
  color: #F0EBE4;
  display: flex;
  justify-content: space-between;
  align-items: end;
  padding: 1.5vw 5.2vw 3.6vw 5.2vw;
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section .hero-shape.integritetspolicy p {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section .hero-shape.integritetspolicy p {
    padding: 4vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section .hero-shape.integritetspolicy p {
    padding: 0 4.4vw 10.2vw 4.4vw;
  }
}
body main .hero-section.yrkesutbildning .main-button {
  position: absolute;
  bottom: 8.5vw;
  right: 5.2vw;
}
@media (min-width: 1280px) {
  body main .hero-section.yrkesutbildning .main-button {
    font-size: 1.3vw;
  }
}
@media (min-width: 1081px) and (max-width: 1280px) {
  body main .hero-section.yrkesutbildning .main-button {
    font-size: 1.04vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section.yrkesutbildning .main-button {
    bottom: 23.6vw;
    right: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.yrkesutbildning .main-button {
    bottom: 8.5vw;
    right: 50%;
    transform: translateX(50%);
  }
}
body main .hero-section.aktuellt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 50vw;
  padding: 0 0 0.7vw 34.2vw;
}
@media (max-width: 1080px) {
  body main .hero-section.aktuellt {
    padding: 0 0 18vw 8vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.aktuellt {
    padding: 0 3.5vw 8vw 3.5vw;
  }
}
body main .hero-section.aktuellt .aktuellt-hero {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  z-index: 5;
}
body main .hero-section.aktuellt .aktuellt-hero img {
  width: auto;
  height: 32.1vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1080px) {
  body main .hero-section.aktuellt .aktuellt-hero img {
    width: 67.9vw;
    height: auto;
    max-width: 70vh;
  }
}
@media (max-width: 640px) {
  body main .hero-section.aktuellt .aktuellt-hero img {
    width: 100%;
    height: auto;
  }
}
body main .hero-section.aktuellt .aktuellt-hero article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1.3vw;
}
@media (max-width: 1080px) {
  body main .hero-section.aktuellt .aktuellt-hero article {
    margin-top: 1.9vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.aktuellt .aktuellt-hero article {
    margin-top: 2.8vw;
  }
}
@media (max-width: 1080px) {
  body main .hero-section.aktuellt .aktuellt-hero article h3 {
    opacity: 0;
  }
}
@media (min-width: 840px) and (max-width: 1280px) {
  body main .hero-section.aktuellt .aktuellt-hero article h3 {
    font-size: 2.2vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.aktuellt .aktuellt-hero article h3 {
    font-size: 20px;
  }
}
body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg {
  width: 2.4vw;
  height: 2.4vw;
  margin-left: 10px;
}
@media (max-width: 1080px) {
  body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg {
    width: 3vw;
    height: 3vw;
  }
}
@media (max-width: 640px) {
  body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg {
    width: 5.8vw;
    height: 5.8vw;
  }
}
body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg svg {
  width: 100%;
  height: 100%;
}
body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg {
  transition: opacity 0.2s ease;
}
body main .hero-section.aktuellt .aktuellt-hero .scrolldown-svg:hover {
  opacity: 0.8;
}
body main .main-info-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 640px) {
  body main .main-info-section {
    flex-direction: column;
  }
}
body main .main-info-section .left-div {
  display: flex;
  flex-direction: column;
  width: 41vw;
  margin-top: 1.9vw;
}
@media (max-width: 1280px) {
  body main .main-info-section .left-div {
    width: 45.2vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section .left-div {
    width: 100%;
  }
}
body main .main-info-section .right-div {
  display: flex;
  flex-direction: column;
}
@media (max-width: 640px) {
  body main .main-info-section .right-div {
    align-items: end;
  }
}
body main .main-info-section .right-div .scroll-zoom {
  width: 33.2vw;
  height: 31.9vw;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1280px) {
  body main .main-info-section .right-div .scroll-zoom {
    width: 41.8vw;
    height: 40.1vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section .right-div .scroll-zoom {
    width: calc(100% + 3.5vw);
    height: auto;
  }
  body main .main-info-section .right-div .scroll-zoom.sm-margin-0 {
    margin-right: -4vw;
  }
}
body main .main-info-section .right-div .scroll-zoom img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 5;
}
body main .main-info-section h1 {
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section h1 {
    margin-bottom: 1.08vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section h1 {
    margin-bottom: 2.1vw;
  }
}
body main .main-info-section h3 {
  margin-bottom: 0.83vw;
}
body main .main-info-section {
  padding: 6.7vw 0 9.2vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section {
    padding: 10.5vw 0 5.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section {
    padding: 12.1vw 3.5vw 25.3vw 3.5vw;
  }
}
body main .main-info-section.start .left-div h3 {
  margin-top: 4.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.start .left-div h3 {
    margin-top: 10vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.start .left-div h3 {
    margin-top: 19.3vw;
  }
}
body main .main-info-section.start .right-div .scroll-zoom {
  margin-bottom: 6.7vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.start .right-div .scroll-zoom {
    margin-bottom: 8.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.start .right-div .scroll-zoom {
    margin-top: 15.3vw;
    margin-bottom: 11.9vw;
  }
}
body main .main-info-section.circle-img-right {
  padding: 4.2vw 5.4vw 0 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.circle-img-right {
    padding: 7vw 4.4vw 11vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right {
    flex-direction: column-reverse;
    padding: 10.7vw 4vw 30.7vw 3.5vw;
  }
}
body main .main-info-section.circle-img-right p {
  margin-bottom: 1.9vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.circle-img-right p {
    margin-bottom: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right p {
    margin-bottom: 8.8vw;
  }
}
body main .main-info-section.circle-img-right .left-div {
  margin-top: 8.65vw;
}
@media (min-width: 1281px) {
  body main .main-info-section.circle-img-right .left-div {
    width: 45vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.circle-img-right .left-div {
    margin-top: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right .left-div {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right .right-div {
    align-items: center;
    margin-bottom: 8.8vw;
  }
}
body main .main-info-section.circle-img-right .right-div .scroll-zoom {
  width: 27.7vw;
  height: 27.7vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
}
@media (max-width: 1280px) {
  body main .main-info-section.circle-img-right .right-div .scroll-zoom {
    width: 40.8vw;
    height: 40.8vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right .right-div .scroll-zoom {
    height: 100%;
    width: 100%;
  }
}
body main .main-info-section.circle-img-right.sarskilt-stod .left-div {
  margin-top: 6.5vw;
}
@media (min-width: 1281px) {
  body main .main-info-section.circle-img-right.sarskilt-stod .left-div {
    width: 41vw;
    margin-bottom: 15.2vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.circle-img-right.sarskilt-stod .left-div {
    margin-top: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.circle-img-right.sarskilt-stod .left-div {
    margin-top: 0;
    margin-bottom: 0;
  }
}
body main .main-info-section.circle-img-right.sarskilt-stod .right-div .scroll-zoom {
  margin-right: 0;
}
@media (min-width: 1281px) {
  body main .main-info-section.yrkesutbildning .left-div {
    margin-top: 1vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div p {
  margin-bottom: 3.9vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div p {
    margin-bottom: 7.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div p {
    margin-bottom: 15.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div h3 {
    font-size: 3.1vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div h3 {
  margin-top: 0;
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div h3 {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div h3 {
    margin-bottom: 2.4vw;
    font-size: 4.7vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div .passar-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.2vw;
  margin-bottom: 4.6vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid {
    gap: 4.9vw 1.9vw;
    margin-bottom: 6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid {
    gap: 10.4vw 4.4vw;
    margin-bottom: 5vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div .passar-grid article {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0.65vw 0 0 0.6vw;
  border-top: 2px solid #000;
}
body main .main-info-section.yrkesutbildning .left-div .passar-grid article img {
  width: 5.6vw;
  height: 5.6vw;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1.2vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid article img {
    width: 6.6vw;
    height: 6.6vw;
    margin-right: 1.1vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid article img {
    width: 15.6vw;
    height: 15.6vw;
    margin-right: 1.5vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid article h4 {
    font-size: 1.7vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .passar-grid article h4 {
    font-size: 3.4vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs {
  margin-left: -16.3vw;
  display: flex;
  flex-direction: row;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs {
    margin-left: -4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs {
    margin-left: -3.5vw;
    display: none;
  }
}
body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img {
  width: 27.6vw;
  height: 16.1vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img {
    width: 24vw;
    height: auto;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img {
    width: 88.6vw;
    height: auto;
  }
}
body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img:nth-child(1) {
  margin-right: 1.8vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img:nth-child(1) {
    margin-right: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img:nth-child(1) {
    margin-right: 0;
    margin-bottom: 8.8vw;
  }
}
body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img:nth-child(2) {
  margin-right: 2.6vw;
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .left-div .tratekniker-imgs img:nth-child(2) {
    display: none;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .right-div {
    align-items: center;
  }
}
body main .main-info-section.yrkesutbildning .right-div .scroll-zoom {
  margin-bottom: 5.7vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .right-div .scroll-zoom {
    margin-bottom: 8.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .right-div .scroll-zoom {
    margin-top: 15.3vw;
    margin-bottom: 11.9vw;
    width: 96.5vw;
    height: auto;
  }
}
body main .main-info-section.yrkesutbildning .right-div .krav-box {
  display: flex;
  flex-direction: column;
  width: 21.4vw;
  padding: 1.9vw 2.3vw 2.2vw 2.3vw;
  margin-top: 3.7vw;
  border: #004435 solid 2px;
  border-radius: 0 30px 0 30px;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box {
    width: 37.5vw;
    padding: 2.5vw 2.9vw 2.9vw 2.9vw;
    margin-top: 12vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box {
    width: 100%;
    padding: 4.4vw;
    margin-right: 0;
  }
}
body main .main-info-section.yrkesutbildning .right-div .krav-box h3 {
  margin-bottom: 0;
}
@media (min-width: 641px) and (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box h3 {
    font-size: 2.4vw;
    margin-bottom: 0.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box h3 {
    margin-bottom: 1.4vw;
  }
}
body main .main-info-section.yrkesutbildning .right-div .krav-box p {
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box p {
    margin-bottom: 3.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.yrkesutbildning .right-div .krav-box p {
    margin-bottom: 6.4vw;
  }
}
body main .main-info-section.kurs-info {
  padding: 0 0 6.1vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info {
    padding: 10.5vw 0 20vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info {
    padding: 12.1vw 3.5vw 22vw 3.5vw;
  }
}
body main .main-info-section.kurs-info .left-div {
  margin-top: 0;
}
body main .main-info-section.kurs-info .left-div p {
  margin-bottom: 2.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div p {
    margin-bottom: 19.6vw;
  }
}
@media (max-width: 1080px) {
  body main .main-info-section.kurs-info .left-div p {
    margin-bottom: 7.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div p {
    margin-bottom: 15.6vw;
  }
}
body main .main-info-section.kurs-info .left-div h3 {
  margin-top: 0;
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div h3 {
    margin-bottom: 1.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div h3 {
    margin-bottom: 2.4vw;
    /* font-size: 4.7vw; */
  }
}
body main .main-info-section.kurs-info .left-div .passar-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.2vw 4.2vw;
  margin-bottom: 4.6vw;
  width: 63vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .passar-grid {
    gap: 6.5vw 5vw;
    margin-bottom: 0;
    width: 77.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div .passar-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 10.4vw 4.4vw;
    margin-bottom: 22vw;
    width: 100%;
  }
}
body main .main-info-section.kurs-info .left-div .passar-grid article {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0.65vw 0 0 0.6vw;
  border-top: 2px solid #000;
}
body main .main-info-section.kurs-info .left-div .passar-grid article img {
  width: 5.6vw;
  height: 5.6vw;
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 1.2vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .passar-grid article img {
    width: 6.6vw;
    height: 6.6vw;
    margin-right: 1.1vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div .passar-grid article img {
    width: 15.6vw;
    height: 15.6vw;
    margin-right: 1.5vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .passar-grid article h4 {
    font-size: 1.7vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div .passar-grid article h4 {
    font-size: 3.4vw;
  }
}
body main .main-info-section.kurs-info .left-div .kurser-list {
  border-top: 2px solid #004334;
  margin-bottom: 8.2vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .kurser-list {
    padding-top: 0.5vw;
    margin-bottom: 16.7vw;
    width: 77.8vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .kurser-list {
    padding-top: 0.5vw;
    margin-bottom: 16.7vw;
    width: 100%;
  }
}
body main .main-info-section.kurs-info .left-div .kurser-list article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
body main .main-info-section.kurs-info .left-div .kurser-list article p {
  margin-bottom: 0;
  margin-top: 0.25vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .left-div .kurser-list article p {
    margin-top: 0.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .left-div .kurser-list article p {
    margin-top: 0.5vw;
  }
}
body main .main-info-section.kurs-info .right-div {
  padding-right: 5.1vw;
}
body main .main-info-section.kurs-info .right-div .scroll-zoom, body main .main-info-section.kurs-info .right-div .maskinkort-img {
  margin-bottom: 3.8vw;
  width: 27.9vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom, body main .main-info-section.kurs-info .right-div .maskinkort-img {
    width: 37.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom, body main .main-info-section.kurs-info .right-div .maskinkort-img {
    width: 100%;
    /* margin-top: 15.3vw; */
  }
  body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(2), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(2) {
    display: none;
  }
}
body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(1), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(1) {
  margin-top: 1.25vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(1), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(1) {
    margin-top: 0;
    margin-bottom: 46.7vw;
  }
}
@media (max-width: 1080px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(1), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(1) {
    margin-bottom: 400px;
  }
}
@media (max-width: 840px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(1), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(1) {
    margin-bottom: 650px;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(1), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(1) {
    margin-bottom: 0;
  }
}
body main .main-info-section.kurs-info .right-div .scroll-zoom:nth-child(2), body main .main-info-section.kurs-info .right-div .maskinkort-img:nth-child(2) {
  border-radius: 100%;
}
@media (min-width: 1281px) {
  body main .main-info-section.exempel-utbildningar {
    margin-bottom: 4.4vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.exempel-utbildningar {
    padding: 0 0 15vw 4.4vw;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.exempel-utbildningar .left-div h3 {
    margin-bottom: 2vw;
  }
}
@media (min-width: 641px) and (max-width: 1280px) {
  body main .main-info-section.exempel-utbildningar .left-div h3 {
    margin-bottom: 2.4vw;
  }
}
body main .main-info-section.exempel-utbildningar .left-div p {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  body main .main-info-section.exempel-utbildningar .left-div p {
    font-size: 15px;
  }
}
body main .main-info-section.exempel-utbildningar .left-div .passar-grid {
  margin-bottom: 0;
}
@media (min-width: 1281px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid {
    gap: 2.8vw 4.2vw;
  }
}
@media (min-width: 641px) and (max-width: 1280px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid {
    gap: 4.2vw 4.2vw;
    width: 90vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid {
    width: 95%;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid h4 {
    margin-bottom: 0.4vw;
  }
}
@media (min-width: 641px) and (max-width: 1280px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid h4 {
    margin-bottom: 0.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.exempel-utbildningar .left-div .passar-grid h4 {
    font-size: 15px;
  }
}
body main .main-info-section.exempel-utbildningar .left-div .passar-grid article {
  align-items: start;
  flex-direction: column;
  padding-left: 0;
}
body main .main-info-section.om-skolan {
  justify-content: space-between;
  padding: 7.8vw 0 2.7vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-skolan {
    padding: 10.5vw 0 7.6vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan {
    padding: 12.1vw 3.5vw 15.3vw 3.5vw;
  }
}
body main .main-info-section.om-skolan .left-div {
  margin-top: 0vw;
  margin-right: 8.5vw;
}
@media (min-width: 1281px) {
  body main .main-info-section.om-skolan .left-div {
    width: 40.6vw;
  }
}
body main .main-info-section.om-skolan .left-div {
  /* @media(max-width: 640px){
      margin-bottom: 19.5vw;
  } */
}
body main .main-info-section.om-skolan .left-div p {
  margin-bottom: 0;
  /* @media(max-width: 640px){
      margin-bottom: 8.8vw;
  } */
}
body main .main-info-section.om-skolan .right-div {
  align-items: start;
}
@media (min-width: 1281px) {
  body main .main-info-section.om-skolan {
    padding: 7.7vw 0 2.7vw 16.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.om-skolan .left-div {
    margin-top: 0.9vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.om-skolan .left-div h1 {
    font-size: 5.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan .left-div h1 {
    font-size: 9vw;
  }
}
body main .main-info-section.om-skolan .left-div h3 {
  margin-top: 0;
  margin-bottom: 1.6vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-skolan .left-div h3 {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan .left-div h3 {
    margin-bottom: 2.4vw;
    font-size: 4.7vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan .right-div {
    align-items: center;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.om-skolan .right-div img {
    margin-bottom: 8.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan .right-div img {
    margin-top: 0;
    margin-bottom: 0;
    width: 96.5vw;
    height: auto;
  }
}
body main .main-info-section.om-skolan .right-div .scroll-zoom {
  margin-bottom: 7.8vw;
}
body main .main-info-section.om-skolan .right-div .scroll-zoom.om-ttu-video {
  height: 25vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-skolan .right-div .scroll-zoom.om-ttu-video {
    height: 40vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-skolan .right-div .scroll-zoom.om-ttu-video {
    height: 60vw;
  }
}
body main .main-info-section.om-skolan .right-div .scroll-zoom.om-ttu-video video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
body main .main-info-section.om-ttu {
  justify-content: space-between;
  padding: 1.7vw 16.4vw 1.1vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-ttu {
    padding: 9.5vw 4.4vw 7.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-ttu {
    padding: 12.1vw 3.5vw 25.3vw 3.5vw;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.om-ttu.foretag {
    padding: 5.5vw 16.4vw 7.4vw 17.4vw;
  }
}
body main .main-info-section.om-ttu {
  /* @media(min-width: 1281px){
      padding: 5.5vw 16.4vw 7.4vw 17.4vw;
  }
  @media(max-width: 640px){
      padding: 0 3.5vw 15.3vw 3.5vw;
  } */
}
body main .main-info-section.om-ttu .left-div {
  margin-top: 0;
  margin-right: 4.4vw;
}
@media (max-width: 640px) {
  body main .main-info-section.om-ttu .left-div {
    margin-bottom: 19.5vw;
  }
}
body main .main-info-section.om-ttu .left-div p {
  margin-bottom: 2vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-ttu .left-div p {
    margin-bottom: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-ttu .left-div p {
    margin-bottom: 8.8vw;
  }
}
body main .main-info-section.om-ttu .right-div {
  align-items: start;
  margin-top: 0;
}
@media (min-width: 1281px) {
  body main .main-info-section.om-ttu .right-div {
    width: 22.8vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.om-ttu .right-div {
    width: 35vw;
  }
}
body main .main-info-section.om-ttu .right-div h3 {
  width: 18.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-ttu .right-div h3 {
    width: 27vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-ttu .right-div h3 {
    width: 60vw;
  }
}
body main .main-info-section.om-ttu .right-div .person-p {
  margin-top: 0.8vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.om-ttu .right-div .person-p {
    margin-top: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.om-ttu .right-div .person-p {
    margin-top: 3.5vw;
  }
}
body main .main-info-section.det-har-gor-jag {
  justify-content: left;
  padding: 6.7vw 16.4vw 10.2vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag {
    padding: 4.5vw 4.4vw 10.5vw 0;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag {
    padding: 0 3.5vw 15.3vw 3.5vw;
  }
}
body main .main-info-section.det-har-gor-jag .left-div, body main .main-info-section.det-har-gor-jag .right-div {
  margin-top: 0;
  margin-right: 5.8vw;
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag .left-div, body main .main-info-section.det-har-gor-jag .right-div {
    margin-bottom: 4.4vw;
    align-items: start;
    width: 100%;
  }
}
body main .main-info-section.det-har-gor-jag .left-div img, body main .main-info-section.det-har-gor-jag .right-div img {
  width: 25vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #000000;
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag .left-div img, body main .main-info-section.det-har-gor-jag .right-div img {
    width: 44.6vw;
    border-radius: 0 0 30px 0;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag .left-div img, body main .main-info-section.det-har-gor-jag .right-div img {
    width: calc(100% + 3.5vw);
    margin-left: -3.5vw;
  }
}
body main .main-info-section.det-har-gor-jag .left-div .video-container, body main .main-info-section.det-har-gor-jag .right-div .video-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .main-info-section.det-har-gor-jag .left-div .video-container video, body main .main-info-section.det-har-gor-jag .right-div .video-container video {
  width: auto;
  height: 30vw;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #000000;
  border-radius: 0 0 30px 0;
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag .left-div .video-container video, body main .main-info-section.det-har-gor-jag .right-div .video-container video {
    width: 44.6vw;
    border-radius: 0 0 30px 0;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag .left-div .video-container video, body main .main-info-section.det-har-gor-jag .right-div .video-container video {
    width: calc(100% + 3.5vw);
    height: auto;
    margin-left: -3.5vw;
  }
}
body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button {
  width: 7.42vw;
  height: 7.42vw;
  background-color: #004435;
  border-radius: 0 20px 20px 20px;
  border: none;
  padding-left: 0.5vw;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button.hide, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button.hide {
  display: none;
}
body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button {
  transition: opacity 0.3s ease;
}
body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button:hover, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button:hover {
  opacity: 0.8;
}
body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button svg, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button svg {
  width: 3.64vw;
  height: auto;
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button {
    width: 20vw;
    height: 20vw;
  }
  body main .main-info-section.det-har-gor-jag .left-div .video-container .play-button svg, body main .main-info-section.det-har-gor-jag .right-div .video-container .play-button svg {
    width: 8vw;
  }
}
body main .main-info-section.det-har-gor-jag .left-div h4, body main .main-info-section.det-har-gor-jag .right-div h4 {
  margin-top: 10px;
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag .left-div h4, body main .main-info-section.det-har-gor-jag .right-div h4 {
    text-align: center;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag .left-div h4, body main .main-info-section.det-har-gor-jag .right-div h4 {
    text-align: left;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.det-har-gor-jag .left-div p, body main .main-info-section.det-har-gor-jag .right-div p {
    text-align: center;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.det-har-gor-jag .left-div p, body main .main-info-section.det-har-gor-jag .right-div p {
    text-align: left;
  }
}
body main .main-info-section {
  /* &.utlatande{
      padding-top: 0;
      .left-div{
          @media(min-width: 1281px){
              width: fit-content;
          }
      }
      .video-container{
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;

          .play-button{
              width: 7.42vw;
              height: 7.42vw;
              background-color: #004435;
              border-radius: 0 20px 20px 20px;
              border: none;
              padding-left: 0.5vw;
              position: absolute;
              cursor: pointer;
              z-index: 10;

              display: flex;
              justify-content: center;
              align-items: center;
              &.hide{
                  display: none;
              }
              transition: opacity 0.3s ease;
              &:hover{
                  opacity: 0.8;
              }
              svg{
                  width: 3.64vw;
                  height: auto;
              }

              @media(max-width: 1280px){
                  width: 20vw;
                  height: 20vw;
                  svg{
                      width: 8vw;
                  }
              }
          }
      }
  } */
}
@media (min-width: 1281px) {
  body main .main-info-section.foretagsutbildning {
    padding: 7.7vw 0 1vw 16.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning {
    flex-direction: column-reverse;
  }
}
body main .main-info-section.foretagsutbildning .left-div p {
  margin-bottom: 3.9vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagsutbildning .left-div p {
    margin-bottom: 7.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning .left-div p {
    margin-bottom: 0;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagsutbildning .left-div h1 {
    font-size: 5.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning .left-div h1 {
    font-size: 9vw;
  }
}
body main .main-info-section.foretagsutbildning .left-div h3 {
  margin-top: 0;
  margin-bottom: 0.6vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagsutbildning .left-div h3 {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning .left-div h3 {
    margin-bottom: 2.4vw;
    font-size: 4.7vw;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.foretagsutbildning .right-div {
    margin-top: -1.1vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning .right-div {
    align-items: center;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagsutbildning .right-div img {
    margin-bottom: 8.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagsutbildning .right-div img {
    margin-top: 0;
    margin-bottom: 7.8vw;
    width: 96.5vw;
    height: auto;
  }
}
body main .main-info-section.foretagstjanster {
  padding: 1.7vw 5.2vw 0.5vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagstjanster {
    padding: 10.5vw 4.4vw 5.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster {
    padding: 12.1vw 3.5vw 5.3vw 3.5vw;
    flex-direction: column-reverse;
  }
}
body main .main-info-section.foretagstjanster .left-div {
  margin-top: 3.1vw;
}
body main .main-info-section.foretagstjanster .left-div p {
  margin-bottom: 3.9vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagstjanster .left-div p {
    margin-bottom: 7.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster .left-div p {
    margin-bottom: 0;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagstjanster .left-div h1 {
    font-size: 5.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster .left-div h1 {
    font-size: 9vw;
  }
}
body main .main-info-section.foretagstjanster .left-div h3 {
  margin-top: 0;
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.foretagstjanster .left-div h3 {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster .left-div h3 {
    margin-bottom: 2.4vw;
    font-size: 4.7vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster .right-div {
    align-items: center;
  }
}
body main .main-info-section.foretagstjanster .right-div .scroll-zoom {
  border-radius: 100%;
}
@media (min-width: 1281px) {
  body main .main-info-section.foretagstjanster .right-div .scroll-zoom {
    width: 27.9vw;
    height: 27.9vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.foretagstjanster .right-div .scroll-zoom {
    margin-top: 0;
    margin-bottom: 7.8vw;
    width: 100%;
    height: auto;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.samarbetspartners {
    padding: 6.7vw 0 5.7vw 16.3vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners {
    flex-direction: column-reverse;
  }
}
@media (min-width: 1281px) {
  body main .main-info-section.samarbetspartners .left-div {
    margin-top: 1vw;
    width: 43vw;
  }
}
body main .main-info-section.samarbetspartners .left-div p {
  margin-bottom: 3.9vw;
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div p {
    margin-bottom: 15.6vw;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .left-div h1 {
    font-size: 5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div h1 {
    font-size: 9.6vw;
  }
}
body main .main-info-section.samarbetspartners .left-div h3 {
  margin-top: 0;
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .left-div h3 {
    font-size: 2vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div h3 {
    margin-bottom: 2.4vw;
    font-size: 4.7vw;
  }
}
body main .main-info-section.samarbetspartners .left-div .partners-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0vw 2.1vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid {
    gap: 2vw 2.1vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.5vw 4.9vw;
  }
}
body main .main-info-section.samarbetspartners .left-div .partners-grid article img, body main .main-info-section.samarbetspartners .left-div .partners-grid a img {
  width: 100%;
}
@media (max-width: 1919px) and (min-width: 1441px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid article:nth-child(-n+3), body main .main-info-section.samarbetspartners .left-div .partners-grid a:nth-child(-n+3) {
    border-top: 0.104vw solid #004435;
    padding-top: 1.9vw;
  }
}
@media (min-width: 1920px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid article:nth-child(-n+3), body main .main-info-section.samarbetspartners .left-div .partners-grid a:nth-child(-n+3) {
    border-top: 2px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 1440px) and (min-width: 1281px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid article:nth-child(-n+3), body main .main-info-section.samarbetspartners .left-div .partners-grid a:nth-child(-n+3) {
    border-top: 1.5px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 1280px) and (min-width: 641px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid article:nth-child(-n+3), body main .main-info-section.samarbetspartners .left-div .partners-grid a:nth-child(-n+3) {
    border-top: 1.5px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid article:nth-child(-n+2), body main .main-info-section.samarbetspartners .left-div .partners-grid a:nth-child(-n+2) {
    border-top: 1.5px solid #004435;
    padding-top: 7.4vw;
  }
}
body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article {
    height: 7vw;
  }
  body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article img {
    width: 80%;
    height: 100%;
  }
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article {
    height: auto;
  }
  body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article img {
    height: 7vw;
    width: 90%;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article img {
    width: 80%;
    height: 22vw;
  }
}
body main .main-info-section.samarbetspartners .left-div .partners-grid .partners-article img {
  /* height: 100%; */
  -o-object-fit: contain;
     object-fit: contain;
  /* @media(min-width: 641px){
      transition: scale 0.4s ease;
      &:hover{
          transform: scale(1.08);
      }
  } */
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .right-div {
    align-items: center;
  }
}
body main .main-info-section.samarbetspartners .right-div img {
  margin-bottom: 5.7vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .right-div img {
    margin-bottom: 8.5vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .right-div img {
    margin-top: 0;
    margin-bottom: 7.8vw;
    width: 96.5vw;
    height: auto;
  }
}
body main .main-info-section.samarbetspartners .right-div .krav-box {
  display: flex;
  flex-direction: column;
  width: 21.4vw;
  padding: 1.9vw 2.3vw 2.2vw 2.3vw;
  margin-top: 3.7vw;
  border: #004435 solid 2px;
  border-radius: 0 30px 0 30px;
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box {
    width: 37.5vw;
    padding: 2.5vw 2.9vw 2.9vw 2.9vw;
    margin-top: 12vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box {
    width: 100%;
    padding: 4.4vw;
    margin-right: 0;
  }
}
body main .main-info-section.samarbetspartners .right-div .krav-box h3 {
  margin-bottom: 0;
}
@media (min-width: 641px) and (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box h3 {
    font-size: 2.4vw;
    margin-bottom: 0.4vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box h3 {
    margin-bottom: 1.4vw;
  }
}
body main .main-info-section.samarbetspartners .right-div .krav-box p {
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box p {
    margin-bottom: 3.6vw;
  }
}
@media (max-width: 640px) {
  body main .main-info-section.samarbetspartners .right-div .krav-box p {
    margin-bottom: 6.4vw;
  }
}
body main .se-studentprojekt-section {
  display: flex;
  flex-direction: row;
  padding-bottom: 9.2vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section {
    padding-bottom: 15.5vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section {
    flex-direction: column;
    justify-content: start;
    padding-bottom: 0vw;
  }
}
body main .se-studentprojekt-section img {
  width: 32.3vw;
  height: 18.9vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section img {
    width: 45.7vw;
    height: 26.6vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section img {
    width: calc(100% - 3.5vw);
    height: auto;
  }
}
body main .se-studentprojekt-section img:nth-child(1) {
  margin-right: 2.14vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section img:nth-child(1) {
    margin-right: 7.3vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section img:nth-child(1) {
    margin-right: 0;
    margin-bottom: 4.8vw;
  }
}
body main .se-studentprojekt-section img:nth-child(2) {
  margin-right: 2.6vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section img:nth-child(2) {
    display: none;
  }
}
body main .se-studentprojekt-section .text-div {
  display: flex;
  flex-direction: column;
  width: 22.4vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section .text-div {
    justify-content: center;
    width: 40.2vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section .text-div {
    width: 100%;
    padding: 0vw 3.5vw 22.5vw 3.5vw;
  }
}
body main .se-studentprojekt-section .text-div h3 {
  margin-top: 2.9vw;
  margin-bottom: 1.04vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section .text-div h3 {
    margin-top: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section .text-div h3 {
    margin-top: 0;
    margin-bottom: 2.8vw;
  }
}
body main .se-studentprojekt-section .text-div p {
  margin-bottom: 2.1vw;
}
@media (max-width: 1280px) {
  body main .se-studentprojekt-section .text-div p {
    margin-bottom: 4.5vw;
  }
}
@media (max-width: 640px) {
  body main .se-studentprojekt-section .text-div p {
    margin-bottom: 8.8vw;
  }
}
body main .start-om-section {
  display: flex;
  flex-direction: row;
  padding-bottom: 7.3vw;
  padding-right: 16.5vw;
}
@media (max-width: 1280px) {
  body main .start-om-section {
    padding-bottom: 10.5vw;
    padding-right: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section {
    flex-direction: column;
    justify-content: start;
    padding-bottom: 0vw;
    padding-right: 0;
  }
}
body main .start-om-section .scroll-zoom, body main .start-om-section .maskinkort-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 4.2vw;
}
@media (max-width: 1280px) {
  body main .start-om-section .scroll-zoom, body main .start-om-section .maskinkort-img {
    width: 100%;
    height: 26.6vw;
    margin-right: 4.2vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section .scroll-zoom, body main .start-om-section .maskinkort-img {
    width: calc(100% - 3.5vw);
    height: auto;
    margin-right: 0;
    margin-bottom: 4.8vw;
  }
}
body main .start-om-section .scroll-zoom img, body main .start-om-section .scroll-zoom video, body main .start-om-section .maskinkort-img img, body main .start-om-section .maskinkort-img video {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 5;
}
body main .start-om-section .scroll-zoom.om-ttu-video, body main .start-om-section .maskinkort-img.om-ttu-video {
  height: 25vw;
}
@media (max-width: 1280px) {
  body main .start-om-section .scroll-zoom.om-ttu-video, body main .start-om-section .maskinkort-img.om-ttu-video {
    height: 40vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section .scroll-zoom.om-ttu-video, body main .start-om-section .maskinkort-img.om-ttu-video {
    height: 60vw;
    translate: -12%;
  }
}
body main .start-om-section .scroll-zoom.om-ttu-video video, body main .start-om-section .maskinkort-img.om-ttu-video video {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  translate: initial;
}
body main .start-om-section .text-div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media (max-width: 1280px) {
  body main .start-om-section .text-div {
    justify-content: center;
  }
}
@media (max-width: 640px) {
  body main .start-om-section .text-div {
    padding: 0vw 3.5vw 22.5vw 3.5vw;
  }
}
body main .start-om-section .text-div h3 {
  margin-top: 4.2vw;
  margin-bottom: 0.83vw;
}
@media (max-width: 1280px) {
  body main .start-om-section .text-div h3 {
    margin-top: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section .text-div h3 {
    margin-top: 0;
    margin-bottom: 2.8vw;
  }
}
body main .start-om-section .text-div p {
  margin-bottom: 2.2vw;
}
@media (max-width: 1280px) {
  body main .start-om-section .text-div p {
    margin-bottom: 4.5vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section .text-div p {
    margin-bottom: 8.8vw;
  }
}
body main .start-om-section.maskinkorkort {
  padding-top: 5vw;
  margin-top: -5vw;
}
body main .start-om-section.maskinkorkort img {
  -o-object-fit: contain;
     object-fit: contain;
  margin-right: 4.2vw;
}
@media (min-width: 1281px) {
  body main .start-om-section.maskinkorkort img {
    width: 29.6vw;
    height: 23.8vw;
    margin-left: 5.2vw;
  }
}
@media (max-width: 1280px) {
  body main .start-om-section.maskinkorkort img {
    margin-left: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section.maskinkorkort img {
    -o-object-fit: contain;
       object-fit: contain;
    width: auto;
    margin-right: 3.5vw;
    margin-bottom: 7.8vw;
    margin-left: 3.5vw;
  }
}
body main .start-om-section.maskinkorkort h1 {
  margin-bottom: 1.4vw;
}
@media (max-width: 1280px) {
  body main .start-om-section.maskinkorkort h1 {
    margin-bottom: 1.08vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section.maskinkorkort h1 {
    margin-bottom: 2.1vw;
  }
}
body main .start-om-section.maskinkorkort article {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1280px) {
  body main .start-om-section.maskinkorkort article {
    flex-direction: column;
  }
}
@media (min-width: 1281px) {
  body main .start-om-section.maskinkorkort article p {
    width: 55%;
  }
}
@media (min-width: 1281px) {
  body main .start-om-section.varfor-tra .scroll-zoom {
    width: 34.8vw;
    height: 23.4vw;
  }
}
@media (max-width: 1280px) {
  body main .start-om-section.varfor-tra .scroll-zoom {
    height: 100%;
  }
  body main .start-om-section.varfor-tra .scroll-zoom img {
    height: 100%;
  }
}
body main .start-om-section.varfor-tra .scroll-zoom img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 5;
}
@media (min-width: 1281px) {
  body main .start-om-section.varfor-tra .text-div {
    width: 44.7vw;
  }
}
@media (max-width: 1280px) {
  body main .start-om-section.varfor-tra .text-div {
    width: 56vw;
  }
}
@media (max-width: 1280px) {
  body main .start-om-section.varfor-tra .text-div {
    width: 56vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section.varfor-tra .text-div {
    width: 100%;
  }
}
body main .start-om-section.skolans-historia .img-container {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  height: 100%;
}
body main .start-om-section.skolans-historia .img-container .scroll-zoom {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
}
@media (min-width: 1281px) {
  body main .start-om-section.skolans-historia .img-container .scroll-zoom {
    margin-top: 1.9vw;
  }
}
body main .start-om-section.skolans-historia .img-container article {
  display: flex;
  flex-direction: column;
  margin-right: 4.2vw;
}
body main .start-om-section.skolans-historia .img-container article p {
  margin-top: 5px;
  text-align: center;
}
@media (max-width: 640px) {
  body main .start-om-section.skolans-historia .img-container article p {
    display: none;
  }
}
body main .start-om-section.skolans-historia .img-container .person-img {
  height: 12.8vw;
  width: 9.2vw;
  margin: 0;
  margin-top: 1.6vw;
  z-index: 5;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1280px) {
  body main .start-om-section.skolans-historia .img-container .person-img {
    width: 11vw;
    height: 15vw;
  }
}
@media (max-width: 640px) {
  body main .start-om-section.skolans-historia .img-container .person-img {
    display: none;
  }
}
@media (min-width: 1281px) {
  body main .start-om-section.skolans-historia h3 {
    margin-top: 0;
  }
}
body main .news-section {
  padding: 2.8vw 16.9vw 5vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .news-section {
    padding: 7.8vw 4.4vw 14vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section {
    padding: 10.7vw 4vw 17.7vw 4vw;
  }
}
body main .news-section .news-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .news-section .news-header {
    margin-bottom: 1.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-header {
    margin-bottom: 3.3vw;
  }
}
body main .news-section .news-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5vw 5.7292vw;
}
@media (max-width: 1280px) {
  body main .news-section .news-grid {
    gap: 8vw 3.6vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12vw 5.3vw;
    margin-bottom: 23.7vw;
  }
}
body main .news-section .news-grid .news-article {
  border-top: 0.104vw solid #004435;
  padding-top: 1.6vw;
  text-decoration: none;
  color: inherit;
}
@media (min-width: 1920px) {
  body main .news-section .news-grid .news-article {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  body main .news-section .news-grid .news-article {
    border-width: 1.5px;
  }
}
@media (max-width: 1280px) {
  body main .news-section .news-grid .news-article {
    padding-top: 3.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-grid .news-article {
    padding-top: 7vw;
  }
}
body main .news-section .news-grid .news-article h3 {
  margin-top: 2.4vw;
}
@media (max-width: 1280px) {
  body main .news-section .news-grid .news-article h3 {
    margin-top: 3.2vw;
    margin-bottom: 1.7vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-grid .news-article h3 {
    margin-bottom: 5.3vw;
  }
}
body main .news-section .news-grid .news-article .scroll-zoom-hover {
  width: 18.23vw;
  height: 13.5vw;
  margin-bottom: 1.6vw;
}
@media (max-width: 1280px) {
  body main .news-section .news-grid .news-article .scroll-zoom-hover {
    width: 27.9vw;
    height: 21vw;
    margin-bottom: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-grid .news-article .scroll-zoom-hover {
    width: 100%;
    height: 32.6vw;
    margin-bottom: 3.7vw;
  }
}
body main .news-section .news-grid .news-article .scroll-zoom-hover img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 5;
  transition: scale 0.4s ease;
}
body main .news-section .news-grid .news-article h4 {
  margin-bottom: 0.57vw;
}
@media (max-width: 1280px) {
  body main .news-section .news-grid .news-article h4 {
    margin-bottom: 1.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section .news-grid .news-article h4 {
    margin-bottom: 2.3vw;
  }
}
body main .news-section .news-grid .news-article.button {
  display: flex;
  align-items: start;
  justify-content: end;
}
@media (max-width: 640px) {
  body main .news-section .news-grid .news-article.button {
    display: none;
  }
}
body main .news-section .news-grid .news-article h4, body main .news-section .news-grid .news-article p {
  transition: color 0.4s ease, opacity 0.4s ease;
}
body main .news-section .news-grid .news-article p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 641px) {
  body main .news-section .news-grid .news-article:hover .scroll-zoom-hover img {
    scale: 106%;
  }
  body main .news-section .news-grid .news-article:hover h4, body main .news-section .news-grid .news-article:hover p {
    opacity: 0.6;
    /* color: #FFFFFF; */
  }
}
body main .news-section.just-nu {
  background: linear-gradient(to bottom, #004435, #00260A);
  color: #F0EBE4;
}
@media (max-width: 640px) {
  body main .news-section.just-nu .news-grid .news-article:nth-child(3) {
    display: none;
  }
}
body main .news-section.just-nu .news-header h3 {
  margin-top: 2.4vw;
}
@media (max-width: 1280px) {
  body main .news-section.just-nu .news-header h3 {
    margin-top: 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .news-section.just-nu .news-header h3 {
    margin-top: 0;
  }
}
@media (max-width: 640px) {
  body main .news-section.just-nu .main-button {
    display: none;
  }
}
body main .news-section.just-nu .main-button.mobile-button {
  margin: auto;
  display: none;
}
@media (max-width: 640px) {
  body main .news-section.just-nu .main-button.mobile-button {
    display: block;
  }
}
body main .news-section.just-nu .news-article {
  border-color: #F0EBE4;
}
@media (min-width: 641px) {
  body main .news-section.just-nu .news-article:hover h4, body main .news-section.just-nu .news-article:hover p {
    color: #FFFFFF;
    opacity: 1;
  }
}
body main .partners-section {
  padding: 2.8vw 16.9vw 7.9vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .partners-section {
    padding: 0 4.4vw 15.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section {
    padding: 0 4vw 35.3vw 4vw;
  }
}
body main .partners-section .partners-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-top: -3vw;
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .partners-section .partners-header {
    margin-top: 0;
    margin-bottom: 1.4vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section .partners-header {
    margin-bottom: 3.3vw;
  }
}
body main .partners-section .partners-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0vw 2.1vw;
}
@media (max-width: 1280px) {
  body main .partners-section .partners-grid {
    grid-template-columns: repeat(5, 1fr);
    gap: 4vw 4.9vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section .partners-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.5vw 10vw;
  }
}
body main .partners-section .partners-grid .partners-article {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1280px) {
  body main .partners-section .partners-grid .partners-article {
    height: 7vw;
  }
  body main .partners-section .partners-grid .partners-article img {
    width: 80%;
    height: 100%;
  }
}
@media (max-width: 1280px) {
  body main .partners-section .partners-grid .partners-article {
    height: auto;
  }
  body main .partners-section .partners-grid .partners-article img {
    height: 7vw;
    width: 90%;
  }
}
@media (max-width: 640px) {
  body main .partners-section .partners-grid .partners-article img {
    width: 80%;
    height: 22vw;
  }
}
@media (max-width: 1919px) and (min-width: 1441px) {
  body main .partners-section .partners-grid .partners-article:nth-child(-n+5) {
    border-top: 0.104vw solid #004435;
    padding-top: 1.9vw;
  }
}
@media (min-width: 1920px) {
  body main .partners-section .partners-grid .partners-article:nth-child(-n+5) {
    border-top: 2px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 1440px) and (min-width: 1281px) {
  body main .partners-section .partners-grid .partners-article:nth-child(-n+5) {
    border-top: 1.5px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 1280px) and (min-width: 641px) {
  body main .partners-section .partners-grid .partners-article:nth-child(-n+5) {
    border-top: 1.5px solid #004435;
    padding-top: 4.9vw;
  }
}
body main .partners-section .partners-grid .partners-article {
  /* @media(max-width: 1080px) and (min-width: 641px){
      &:nth-child(-n+4){
          border-top: 1.5px solid #004435;
          padding-top: 4.9vw;
      }
  } */
}
@media (max-width: 640px) {
  body main .partners-section .partners-grid .partners-article:nth-child(-n+2) {
    border-top: 1.5px solid #004435;
    padding-top: 7.4vw;
  }
}
body main .partners-section .partners-grid .partners-article img {
  /* height: 100%; */
  -o-object-fit: contain;
     object-fit: contain;
  /* @media(min-width: 641px){
      transition: scale 0.4s ease;
      &:hover{
          transform: scale(1.08);
      }
  } */
}
body main .partners-section.vara-partners {
  margin-top: -1.5vw;
}
@media (max-width: 1280px) {
  body main .partners-section.vara-partners {
    margin-top: 0;
  }
}
body main .partners-section.yrkesutbildning .partners-header {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-bottom: 3.6vw;
}
@media (max-width: 640px) {
  body main .partners-section.yrkesutbildning .partners-header {
    flex-direction: column;
    align-items: start;
    margin-bottom: 12.6vw;
  }
}
body main .partners-section.yrkesutbildning .partners-header article:nth-child(1) {
  width: 40.6vw;
}
@media (max-width: 1280px) {
  body main .partners-section.yrkesutbildning .partners-header article:nth-child(1) {
    width: 57.9vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.yrkesutbildning .partners-header article:nth-child(1) {
    width: 100%;
  }
}
body main .partners-section.yrkesutbildning .partners-header h3 {
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .partners-section.yrkesutbildning .partners-header h3 {
    margin-bottom: 2.8vw;
  }
}
body main .partners-section.yrkesutbildning .partners-header p {
  /* margin-bottom: 1.9vw; */
}
@media (max-width: 1280px) {
  body main .partners-section.yrkesutbildning .partners-header p {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body main .partners-section.yrkesutbildning .partners-header p {
    margin-bottom: 4.4vw;
  }
}
@media (min-width: 1281px) {
  body main .partners-section.lia-samarbeten {
    padding: 2.8vw 14vw 7.9vw 16.5vw;
  }
}
body main .partners-section.lia-samarbeten .partners-header {
  margin-bottom: 1vw;
}
@media (min-width: 1281px) {
  body main .partners-section.lia-samarbeten .partners-grid {
    gap: 1.2vw 1.1vw;
  }
}
@media (max-width: 1280px) {
  body main .partners-section.lia-samarbeten .partners-grid {
    gap: 1.7vw 2.1vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.lia-samarbeten .partners-grid {
    gap: 4.7vw 2.1vw;
  }
}
body main .partners-section.lia-samarbeten .partners-grid .partners-article {
  height: -moz-fit-content;
  height: fit-content;
}
@media (min-width: 1281px) {
  body main .partners-section.lia-samarbeten .partners-grid .partners-article h4 {
    font-size: 1.05vw;
    width: 120%;
  }
}
@media (max-width: 1280px) {
  body main .partners-section.lia-samarbeten .partners-grid .partners-article h4 {
    font-size: 1.3vw;
    width: 100%;
  }
}
@media (max-width: 640px) {
  body main .partners-section.lia-samarbeten .partners-grid .partners-article h4 {
    font-size: 4vw;
    width: 90%;
  }
}
@media (max-width: 1280px) and (min-width: 641px) {
  body main .partners-section.lia-samarbeten .partners-grid .partners-article:nth-child(-n+5) {
    border-top: 1.5px solid #004435;
    padding-top: 1.9vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.lia-samarbeten .partners-grid .partners-article:nth-child(-n+2) {
    border-top: 1.5px solid #004435;
    padding-top: 7.4vw;
  }
}
body main .partners-section.foretag {
  background: linear-gradient(to bottom, #004435, #00260A);
  color: #F0EBE4;
  padding: 3.9vw 16.4vw 5.6vw 16.4vw;
}
@media (max-width: 1280px) {
  body main .partners-section.foretag {
    padding: 7.6vw 4.3vw 15.5vw 4.3vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.foretag {
    padding: 9.8vw 3.5vw 17.7vw 3.5vw;
  }
}
body main .partners-section.foretag .partners-header {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-top: 0;
  margin-bottom: 3.1vw;
}
@media (max-width: 640px) {
  body main .partners-section.foretag .partners-header {
    flex-direction: column;
    align-items: start;
    margin-bottom: 12.6vw;
  }
}
body main .partners-section.foretag .partners-header article:nth-child(1) {
  width: 40.6vw;
}
@media (max-width: 1280px) {
  body main .partners-section.foretag .partners-header article:nth-child(1) {
    width: 57.9vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.foretag .partners-header article:nth-child(1) {
    width: 100%;
  }
}
body main .partners-section.foretag .partners-header h3 {
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .partners-section.foretag .partners-header h3 {
    margin-bottom: 0.2vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.foretag .partners-header h3 {
    margin-bottom: 2.4vw;
  }
}
body main .partners-section.foretag .partners-header p {
  /* margin-bottom: 1.9vw; */
}
@media (max-width: 1280px) {
  body main .partners-section.foretag .partners-header p {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body main .partners-section.foretag .partners-header p {
    margin-bottom: 8.8vw;
  }
}
body main .partners-section.foretag .partners-grid article, body main .partners-section.foretag .partners-grid a {
  border-color: #F0EBE4 !important;
}
body main .partners-section.om-skolan .partners-header {
  display: flex;
  flex-direction: row;
  align-items: end;
  margin-bottom: 3.6vw;
}
@media (max-width: 640px) {
  body main .partners-section.om-skolan .partners-header {
    flex-direction: column;
    align-items: start;
    margin-bottom: 12.6vw;
  }
}
body main .partners-section.om-skolan .partners-header article:nth-child(1) {
  width: 40.6vw;
}
@media (max-width: 1280px) {
  body main .partners-section.om-skolan .partners-header article:nth-child(1) {
    width: 57.9vw;
  }
}
@media (max-width: 640px) {
  body main .partners-section.om-skolan .partners-header article:nth-child(1) {
    width: 100%;
  }
}
body main .partners-section.om-skolan .partners-header h3 {
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .partners-section.om-skolan .partners-header h3 {
    margin-bottom: 0.2vw;
  }
}
body main .partners-section.om-skolan .partners-header p {
  /* margin-bottom: 1.9vw; */
}
@media (max-width: 1280px) {
  body main .partners-section.om-skolan .partners-header p {
    margin-bottom: 0;
  }
}
@media (max-width: 640px) {
  body main .partners-section.om-skolan .partners-header p {
    margin-bottom: 8.8vw;
  }
}
body main .video-section {
  width: 100vw;
  padding: 0 0 8.4vw 0;
  margin: auto;
  display: flex;
  justify-content: center;
}
@media (max-width: 1280px) {
  body main .video-section {
    padding-top: 0;
    padding-bottom: 10.9vw;
  }
}
@media (max-width: 640px) {
  body main .video-section {
    padding: 0 3.5vw 32.5vw 3.5vw;
  }
}
body main .video-section h3 {
  margin: 2vw 0 1.7vw 0;
}
@media (max-width: 1280px) {
  body main .video-section h3 {
    margin: 0 0 1.8vw 0;
    font-size: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .video-section h3 {
    margin-bottom: 2.8vw;
    font-size: 5.7vw;
  }
}
body main .video-section .video-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .video-section .video-container img, body main .video-section .video-container video {
  width: 67.2vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1280px) {
  body main .video-section .video-container img, body main .video-section .video-container video {
    width: 68.3vw;
  }
}
@media (max-width: 640px) {
  body main .video-section .video-container img, body main .video-section .video-container video {
    width: 100%;
  }
}
body main .video-section .video-container .play-button {
  width: 7.42vw;
  height: 7.42vw;
  background-color: #004435;
  border-radius: 0 20px 20px 20px;
  border: none;
  padding-left: 0.5vw;
  position: absolute;
  cursor: pointer;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
body main .video-section .video-container .play-button.hide {
  display: none;
}
body main .video-section .video-container .play-button {
  transition: opacity 0.3s ease;
}
body main .video-section .video-container .play-button:hover {
  opacity: 0.8;
}
body main .video-section .video-container .play-button svg {
  width: 3.64vw;
  height: auto;
}
@media (max-width: 1280px) {
  body main .video-section .video-container .play-button {
    width: 20vw;
    height: 20vw;
  }
  body main .video-section .video-container .play-button svg {
    width: 8vw;
  }
}
body main .las-mer-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 4.3vw;
}
@media (max-width: 1280px) {
  body main .las-mer-section {
    flex-direction: column;
    padding: 7vw 4.4vw 6.2vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .las-mer-section {
    padding: 5.8vw 4vw 21.9vw 4vw;
  }
}
body main .las-mer-section h3 {
  text-align: center;
}
@media (min-width: 1281px) {
  body main .las-mer-section h3 {
    font-size: 2.1vw;
    margin-right: 3.13vw;
  }
}
@media (max-width: 1280px) {
  body main .las-mer-section h3 {
    margin-bottom: 2.4vw;
  }
}
body main .las-mer-section h3.mobile {
  display: none;
}
@media (max-width: 640px) {
  body main .las-mer-section h3.desktop {
    display: none;
  }
  body main .las-mer-section h3.mobile {
    display: block;
  }
  body main .las-mer-section h3 {
    margin-bottom: 7.7vw;
    font-size: 5.4vw;
  }
}
@media (min-width: 1281px) {
  body main .las-mer-section .main-button {
    font-size: 1.3vw;
  }
}
body main .personal-section {
  padding: 0 16.6vw 12.3vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .personal-section {
    padding: 0 17.9vw 15.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .personal-section {
    padding: 0 4vw 35.3vw 4vw;
  }
}
body main .personal-section h3 {
  margin-bottom: 0.8vw;
}
@media (max-width: 1280px) {
  body main .personal-section h3 {
    margin-bottom: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .personal-section h3 {
    margin-bottom: 2.4vw;
  }
}
body main .personal-section .personal-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5.7vw 4.7vw;
  margin-bottom: 8.1vw;
}
@media (max-width: 1280px) {
  body main .personal-section .personal-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 6.5vw 8.4vw;
    margin-bottom: 6vw;
  }
}
@media (max-width: 640px) {
  body main .personal-section .personal-box {
    grid-template-columns: repeat(1, 1fr);
    gap: 10.4vw;
    margin-bottom: 25vw;
  }
}
body main .personal-section .personal-box .personal-article {
  border-top: 0.104vw solid #004435;
}
@media (min-width: 1920px) {
  body main .personal-section .personal-box .personal-article {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  body main .personal-section .personal-box .personal-article {
    border-width: 1.5px;
  }
}
body main .personal-section .personal-box .personal-article {
  padding-top: 1.8vw;
}
@media (max-width: 1280px) {
  body main .personal-section .personal-box .personal-article {
    padding-top: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .personal-section .personal-box .personal-article {
    padding-top: 3.7vw;
  }
}
body main .personal-section .personal-box.gastlarare {
  grid-template-columns: repeat(4, 1fr);
  gap: 5.7vw 2.1vw;
  margin-bottom: 0;
}
@media (max-width: 1280px) {
  body main .personal-section .personal-box.gastlarare {
    grid-template-columns: repeat(3, 1fr);
    gap: 6.5vw 5vw;
  }
}
@media (max-width: 640px) {
  body main .personal-section .personal-box.gastlarare {
    grid-template-columns: repeat(1, 1fr);
    gap: 10.4vw 4.4vw;
  }
}
body main .personal-section .personal-box.gastlarare .personal-article {
  padding-top: 0.8vw;
}
body main .personal-box h3 {
  width: 18.2vw;
  padding-bottom: 0.8vw;
  margin-bottom: 0;
  border-bottom: 0.104vw solid #004435;
}
@media (min-width: 1920px) {
  body main .personal-box h3 {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  body main .personal-box h3 {
    border-width: 1.5px;
  }
}
@media (max-width: 1280px) {
  body main .personal-box h3 {
    width: 34.5vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box h3 {
    width: 68.4vw;
    padding-bottom: 2.6vw;
  }
}
@media (max-width: 1280px) {
  body main .personal-box h4 {
    font-size: 1.6vw;
  }
}
@media (max-width: 1080px) {
  body main .personal-box h4 {
    font-size: 2.2vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box h4 {
    font-size: 4.7vw;
    line-height: 150%;
  }
}
body main .personal-box .personal-article {
  display: flex;
  flex-direction: row;
  padding-top: 1.8vw;
}
@media (max-width: 1280px) {
  body main .personal-box .personal-article {
    padding-top: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box .personal-article {
    padding-top: 3.7vw;
  }
}
body main .personal-box .personal-article img {
  width: 6.1vw;
  height: 6.1vw;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 100%;
  margin-right: 1.6vw;
}
@media (max-width: 1280px) {
  body main .personal-box .personal-article img {
    width: 10.9vw;
    height: 10.9vw;
    margin-right: 2vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box .personal-article img {
    width: 25.9vw;
    height: 25.9vw;
    margin-right: 6vw;
  }
}
body main .personal-box .personal-article img.lg-img {
  width: 7.8vw;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1280px) {
  body main .personal-box .personal-article img.lg-img {
    width: 10.9vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box .personal-article img.lg-img {
    width: 29.3vw;
  }
}
body main .personal-box .personal-article .personal-info {
  padding-top: 0.8vw;
}
@media (max-width: 1280px) {
  body main .personal-box .personal-article .personal-info {
    padding-top: 1.6vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box .personal-article .personal-info {
    padding-top: 4.7vw;
  }
}
@media (max-width: 1080px) {
  body main .personal-box .personal-article .personal-info p {
    font-size: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .personal-box .personal-article .personal-info p {
    font-size: 3.5vw;
  }
}
body main .exempel-tjanster {
  padding: 0.5vw 16.3vw 10.5vw 16.3vw;
}
@media (max-width: 1280px) {
  body main .exempel-tjanster {
    padding: 5.5vw 4.4vw 15.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .exempel-tjanster {
    padding: 12.1vw 3.5vw 25.3vw 3.5vw;
  }
}
body main .exempel-tjanster h3 {
  margin-bottom: 1.9vw;
}
@media (max-width: 1280px) {
  body main .exempel-tjanster h3 {
    margin-bottom: 2.9vw;
  }
}
body main .exempel-tjanster .exempel-div {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4.8vw 7.1vw;
}
@media (max-width: 1280px) {
  body main .exempel-tjanster .exempel-div {
    gap: 4.9vw 9.6vw;
  }
}
@media (max-width: 640px) {
  body main .exempel-tjanster .exempel-div {
    grid-template-columns: repeat(1, 1fr);
    gap: 10.9vw 0;
  }
}
body main .exempel-tjanster .exempel-div .exempel-article {
  border-top: 0.104vw solid #004435;
  padding-top: 1.4vw;
}
@media (min-width: 1920px) {
  body main .exempel-tjanster .exempel-div .exempel-article {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  body main .exempel-tjanster .exempel-div .exempel-article {
    border-width: 1.5px;
  }
}
@media (max-width: 1280px) {
  body main .exempel-tjanster .exempel-div .exempel-article {
    padding-top: 1.8vw;
  }
}
@media (max-width: 640px) {
  body main .exempel-tjanster .exempel-div .exempel-article {
    padding-top: 2.4vw;
  }
}
body main .exempel-tjanster .exempel-div .exempel-article img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin-bottom: 0.4vw;
}
@media (max-width: 1280px) {
  body main .exempel-tjanster .exempel-div .exempel-article img {
    margin-bottom: 1vw;
  }
}
@media (max-width: 640px) {
  body main .exempel-tjanster .exempel-div .exempel-article img {
    margin-bottom: 1vw;
  }
}
@media (max-width: 640px) {
  body main .exempel-tjanster .exempel-div .exempel-article h4 {
    font-size: 5.8vw;
  }
}
body main .aktuellt-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5.2vw 16.4vw 5.7vw 16.4vw;
}
@media (max-width: 1280px) {
  body main .aktuellt-section {
    padding: 10.5vw 4.4vw 7.8vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .aktuellt-section {
    padding: 12.1vw 3.5vw 15.3vw 3.5vw;
  }
}
body main .aktuellt-section .top-img img {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 65vh;
}
body main .aktuellt-section article {
  width: 56.4vw;
}
@media (min-width: 1281px) {
  body main .aktuellt-section article {
    margin-right: 2.2vw;
  }
}
@media (max-width: 1280px) {
  body main .aktuellt-section article {
    width: calc(100% - 8.8vw);
  }
}
@media (max-width: 640px) {
  body main .aktuellt-section article {
    width: 100%;
  }
}
body main .aktuellt-section article h3 {
  margin: 1.4vw 0 0.9vw 0;
}
@media (max-width: 1280px) {
  body main .aktuellt-section article h3 {
    margin: 4.2vw 0 2.4vw 0;
  }
}
@media (max-width: 640px) {
  body main .aktuellt-section article h3 {
    margin: 5.6vw 0 2.8vw 0;
  }
}
body main .integritets-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5.2vw 16.4vw 5.7vw 16.4vw;
}
@media (max-width: 1280px) {
  body main .integritets-section {
    padding: 10.5vw 4.4vw 7.8vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .integritets-section {
    padding: 12.1vw 3.5vw 15.3vw 3.5vw;
  }
}
body main .integritets-section article {
  width: 66.5vw;
}
@media (max-width: 1280px) {
  body main .integritets-section article {
    width: calc(100% - 8.8vw);
  }
}
@media (max-width: 640px) {
  body main .integritets-section article {
    width: 100%;
  }
}
body main .integritets-section article h1 {
  margin: 1.4vw 0 0.9vw 0;
}
@media (max-width: 1280px) {
  body main .integritets-section article h1 {
    margin: 0 0 2.4vw 0;
  }
}
@media (max-width: 640px) {
  body main .integritets-section article h1 {
    margin: 5.6vw 0 2.8vw 0;
  }
}
body main .integritets-section article strong {
  font-family: "Cal Sans", sans-serif;
  font-size: 1.82vw;
  font-weight: normal;
}
@media (max-width: 1280px) {
  body main .integritets-section article strong {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  body main .integritets-section article strong {
    font-size: 5.5vw;
  }
}
body main .yh-section {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: end;
  padding: 2.8vw 16.9vw 11.5vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .yh-section {
    padding: 0 4.4vw 15.5vw 4.4vw;
  }
}
@media (max-width: 640px) {
  body main .yh-section {
    padding: 0 4vw 35.3vw 4vw;
    flex-direction: column;
    align-items: start;
  }
  body main .yh-section .main-button {
    margin-top: 5vw;
  }
}
body main .yh-section article {
  width: 40.3vw;
}
@media (max-width: 1280px) {
  body main .yh-section article {
    width: 54.8vw;
  }
}
@media (max-width: 640px) {
  body main .yh-section article {
    width: 100%;
  }
}
body main .yh-section article h3 {
  margin-bottom: 0.8vw;
}
@media (max-width: 640px) {
  body main .yh-section article h3 {
    margin-bottom: 2.8vw;
  }
}
@media (max-width: 1280px) {
  body main .yh-section .desktop {
    display: none;
  }
}
body main .yh-section .tablet {
  display: none;
}
@media (max-width: 1280px) {
  body main .yh-section .tablet {
    display: block;
  }
}
body main .studentprojekt-gallery {
  /* display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.5vw 6.25vw; */
  padding: 8vw 16.5vw 8.5vw 16.5vw;
}
@media (max-width: 1280px) {
  body main .studentprojekt-gallery {
    /* gap: 4.4vw; */
    padding: 10.5vw 4.4vw 10.5vw 4.4vw;
  }
}
body main .studentprojekt-gallery .scroll-zoom {
  /* width: 30.2vw; */
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  margin: auto;
}
@media (max-width: 1280px) {
  body main .studentprojekt-gallery .scroll-zoom {
    /* width: 18.9vw; */
  }
}
body footer {
  background-color: #F0EBE4;
  background-image: url(/wp-content/themes/ttu/img/svg/footer-shape_desktop.svg);
  background-size: cover;
  background-position-y: bottom;
  background-repeat: no-repeat;
  height: 14.7vw;
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  padding: 3.9vw 5.15vw 0 5.15vw;
}
@media (max-width: 1080px) {
  body footer {
    background-image: url(/wp-content/themes/ttu/img/svg/footer-shape_tablet.svg);
    flex-direction: column;
    height: 40.7vw;
    padding: 9vw 5.75vw 4.4vw 5.75vw;
  }
}
@media (max-width: 540px) {
  body footer {
    background-image: url(/wp-content/themes/ttu/img/svg/footer-shape_mobile.svg);
    height: 83vw;
    padding: 12vw 8.6vw 6.5vw 3.7vw;
  }
}
body footer .footer-left {
  display: flex;
  flex-direction: row;
}
@media (max-width: 540px) {
  body footer .footer-left {
    justify-content: space-between;
    width: 100%;
  }
}
body footer .footer-left .logo {
  height: 7.29vw;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 1080px) {
  body footer .footer-left .logo {
    width: 19.9vw;
    height: auto;
  }
}
@media (max-width: 540px) {
  body footer .footer-left .logo {
    width: 34.0884vw;
    height: 21.9465vw;
  }
}
body footer .footer-left .footer-contact {
  display: flex;
  flex-direction: column;
  margin-top: 1.7vw;
  margin-left: 1.9vw;
}
@media (max-width: 1080px) {
  body footer .footer-left .footer-contact {
    margin-top: 1.08vw;
    margin-left: 3.8vw;
  }
}
@media (max-width: 540px) {
  body footer .footer-left .footer-contact {
    margin-top: 0.9vw;
    margin-left: 5.8vw;
  }
}
body footer .footer-left .footer-contact article {
  display: flex;
  flex-direction: row;
  align-items: start;
  margin-bottom: 0.1vw;
}
@media (max-width: 540px) {
  body footer .footer-left .footer-contact article {
    margin-bottom: 3vw;
  }
}
body footer .footer-left .footer-contact article img {
  width: 1.6vw;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 0.8vw;
}
@media (max-width: 1080px) {
  body footer .footer-left .footer-contact article img {
    width: 2.9vw;
    margin-right: 1.44vw;
    margin-top: 0.35vw;
  }
}
@media (max-width: 540px) {
  body footer .footer-left .footer-contact article img {
    width: 5.3vw;
    margin-right: 2.8vw;
    margin-top: -0.1vw;
  }
}
body footer .footer-left .footer-contact article p {
  color: #F0EBE4 !important;
}
body footer .footer-right {
  display: flex;
  flex-direction: row;
  height: 8vw;
  margin-top: 2.8vw;
}
@media (max-width: 1080px) {
  body footer .footer-right {
    flex-direction: column;
    align-items: end;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    margin-top: -4.6vw;
  }
}
@media (max-width: 540px) {
  body footer .footer-right {
    flex-direction: row-reverse;
  }
}
body footer .footer-right img {
  height: 2.24vw;
}
@media (max-width: 1080px) {
  body footer .footer-right img {
    height: 4.4vw;
  }
}
@media (max-width: 540px) {
  body footer .footer-right img {
    height: 6.5vw;
  }
}
body footer .footer-right .footer-socials {
  display: flex;
  align-items: center;
  margin-right: 11.1vw;
}
body footer .footer-right .footer-socials a {
  display: flex;
  margin-right: 2.12vw;
}
body footer .footer-right .footer-socials a:nth-child(3) {
  margin-right: 0;
}
@media (max-width: 1080px) {
  body footer .footer-right .footer-socials {
    margin-right: 0;
  }
  body footer .footer-right .footer-socials a {
    margin-right: 4.4vw;
  }
}
body footer .footer-right .footer-socials a {
  transition: all 0.3s ease;
}
body footer .footer-right .footer-socials a:hover {
  scale: 108%;
}
body footer .footer-right .footer-links {
  display: flex;
  align-items: center;
  width: 100%;
}
body footer .footer-right .footer-links a {
  height: -moz-fit-content;
  height: fit-content;
  text-decoration: none;
  display: flex;
}
body footer .footer-right .footer-links a:nth-child(1) {
  margin-right: 6vw;
}
body footer .footer-right .footer-links a:nth-child(2) {
  margin-right: 6.8vw;
}
body footer .footer-right .footer-links a img, body footer .footer-right .footer-links a p {
  transition: all 0.3s ease;
}
body footer .footer-right .footer-links a:hover img {
  color: #FFFFFF;
  scale: 105%;
}
body footer .footer-right .footer-links a:hover p {
  /* opacity: 0.8;
  color: #FFFFFF; */
  scale: 108%;
}
@media (max-width: 1080px) {
  body footer .footer-right .footer-links {
    justify-content: space-between;
  }
}
@media (max-width: 540px) {
  body footer .footer-right .footer-links {
    flex-direction: column-reverse;
    align-items: start;
  }
  body footer .footer-right .footer-links a {
    margin-bottom: 5.7vw;
  }
  body footer .footer-right .footer-links a:nth-child(1) {
    margin-bottom: 0;
  }
}
body footer p {
  font-family: "Cal Sans", sans-serif;
  color: #F0EBE4;
  font-weight: 500;
  line-height: 135%;
}
@media (max-width: 1080px) {
  body footer p {
    font-size: 15px;
    margin-top: 0.3vw;
  }
}
@media (max-width: 540px) {
  body footer p {
    font-size: 3.5vw;
    margin-top: 0vw;
  }
}

/* Main button */
.main-button {
  /* background: #004435; */
  background: linear-gradient(-70deg, #004435, #00260A);
  color: #F0EBE4;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  text-decoration: none;
  font-size: 1.04vw;
  padding: 1.15vw 2vw 1.35vw 2vw;
}
@media (min-width: 1281px) {
  .main-button.padding-sm {
    padding: 1.15vw 1.5vw 1.35vw 1.5vw;
  }
}
@media (max-width: 1280px) {
  .main-button {
    font-size: 15px;
    padding: 16px 21px 20px 21px;
  }
}
@media (max-width: 640px) {
  .main-button {
    font-size: 3.7vw;
    padding: 4vw 6.3vw 4.4vw 6.3vw;
  }
}
@media (max-width: 440px) {
  .main-button {
    font-size: 4.7vw;
    padding: 4vw 6.3vw 4.4vw 6.3vw;
  }
}
.main-button.transparent {
  background: initial;
  color: #F0EBE4;
  border: 0.104vw solid #F0EBE4;
}
@media (min-width: 1920px) {
  .main-button.transparent {
    border-width: 2px;
  }
}
@media (max-width: 1440px) {
  .main-button.transparent {
    border-width: 1.5px;
  }
}
.main-button {
  transition: background-position 0.2s ease, background-size 0.2s ease, box-shadow 0.2s ease, scale 0.2s ease;
  background-position: 100%;
  background-size: 1000% 1000%;
}
.main-button:hover {
  background-position: 50%;
  background-size: 100% 100%;
}
@media (min-width: 641px) {
  .main-button:hover {
    scale: 105%;
  }
}
.main-button:hover {
  color: #FFFFFF;
}

/* Border Radius */
img.nw, .scroll-zoom.nw, .scroll-zoom-hover.nw {
  border-radius: 30px 0px 0px 0px;
}
img.ne, .scroll-zoom.ne, .scroll-zoom-hover.ne {
  border-radius: 0px 30px 0px 0px;
}
img.se, .scroll-zoom.se, .scroll-zoom-hover.se {
  border-radius: 0px 0px 30px 0px;
}
img.sw, .scroll-zoom.sw, .scroll-zoom-hover.sw {
  border-radius: 0px 0px 0px 30px;
}

.main-button.nw, .main-button-hover2.nw {
  border-radius: 0px 20px 20px 20px;
  transform-origin: top left;
}
.main-button.ne, .main-button-hover2.ne {
  border-radius: 20px 0px 20px 20px;
  transform-origin: top right;
}
.main-button.se, .main-button-hover2.se {
  border-radius: 20px 20px 0px 20px;
  transform-origin: bottom right;
}
.main-button.sw, .main-button-hover2.sw {
  border-radius: 20px 20px 20px 0px;
  transform-origin: bottom left;
}
.main-button, .main-button-hover2 {
  /* Mobile */
}
@media (max-width: 640px) {
  .main-button.mobile-nw, .main-button-hover2.mobile-nw {
    border-radius: 0px 20px 20px 20px;
  }
  .main-button.mobile-ne, .main-button-hover2.mobile-ne {
    border-radius: 20px 0px 20px 20px;
  }
  .main-button.mobile-se, .main-button-hover2.mobile-se {
    border-radius: 20px 20px 0px 20px;
  }
  .main-button.mobile-sw, .main-button-hover2.mobile-sw {
    border-radius: 20px 20px 20px 0px;
  }
}

/* Text */
h1, h2, h3, h4, h5, a {
  font-family: "Cal Sans", sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}

h1 {
  font-size: 4.7vw;
  line-height: 90%;
  color: #004334;
}
@media (max-width: 1080px) {
  h1 {
    font-size: 6.5vw;
  }
}
@media (max-width: 640px) {
  h1 {
    font-size: 12.6vw;
  }
}

h2 {
  font-size: 4.69vw;
}
@media (max-width: 1080px) {
  h2 {
    font-size: 6.7vw;
  }
}
@media (max-width: 640px) {
  h2 {
    font-size: 8.8vw;
  }
}

h3 {
  font-size: 1.82vw;
}
@media (max-width: 1280px) {
  h3 {
    font-size: 2.6vw;
  }
}
@media (max-width: 1080px) {
  h3 {
    font-size: 3.6vw;
  }
}
@media (max-width: 640px) {
  h3 {
    font-size: 7vw;
  }
}

h4 {
  font-size: 1.3vw;
}
@media (max-width: 1280px) {
  h4 {
    font-size: 2.4vw;
  }
}
@media (max-width: 640px) {
  h4 {
    font-size: 3.5vw;
  }
}

p {
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1.04vw;
}
@media (max-width: 1280px) {
  p {
    font-size: 15px;
  }
}
p {
  /* @media(max-width: 1080px){
      font-size: 1.8vw;
  } */
}
@media (max-width: 640px) {
  p {
    font-size: 3.5vw;
  }
}

.mail-link {
  text-decoration: none;
  color: initial;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1.04vw;
}
@media (max-width: 1280px) {
  .mail-link {
    font-size: 15px;
  }
}
@media (max-width: 1080px) {
  .mail-link {
    font-size: 1.8vw;
  }
}
@media (max-width: 640px) {
  .mail-link {
    font-size: 3.5vw;
  }
}
.mail-link {
  transition: opacity 0.2s ease;
}
.mail-link:hover {
  opacity: 0.8;
}

/* GSAP Text animation classes */
.split-line {
  overflow-y: hidden;
  /* overflow-x: visible; */
  padding-bottom: 0.5vw;
  margin-bottom: -0.5vw;
  letter-spacing: -0.9%;
}

/* Scroll Zoom */
.scroll-zoom, .scroll-zoom-hover {
  overflow: hidden;
  transform-origin: center;
}
.scroll-zoom img, .scroll-zoom-hover img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* WP */
.aligncenter {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.current {
  opacity: 0.8;
}/*# sourceMappingURL=style.css.map */