@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
  content: " ";
  display: table;
}
.container-fluid:after {
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}

.col-xs-1 {
  width: 8.3333333333%;
}

.col-xs-2 {
  width: 16.6666666667%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-4 {
  width: 33.3333333333%;
}

.col-xs-5 {
  width: 41.6666666667%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-7 {
  width: 58.3333333333%;
}

.col-xs-8 {
  width: 66.6666666667%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-10 {
  width: 83.3333333333%;
}

.col-xs-11 {
  width: 91.6666666667%;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333%;
  }
  .col-sm-2 {
    width: 16.6666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.3333333333%;
  }
  .col-sm-5 {
    width: 41.6666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.3333333333%;
  }
  .col-sm-8 {
    width: 66.6666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.3333333333%;
  }
  .col-sm-11 {
    width: 91.6666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-1 {
    width: 8.3333333333%;
  }
  .col-md-2 {
    width: 16.6666666667%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-4 {
    width: 33.3333333333%;
  }
  .col-md-5 {
    width: 41.6666666667%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-7 {
    width: 58.3333333333%;
  }
  .col-md-8 {
    width: 66.6666666667%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-10 {
    width: 83.3333333333%;
  }
  .col-md-11 {
    width: 91.6666666667%;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333%;
  }
  .col-lg-2 {
    width: 16.6666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.3333333333%;
  }
  .col-lg-5 {
    width: 41.6666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.3333333333%;
  }
  .col-lg-8 {
    width: 66.6666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.3333333333%;
  }
  .col-lg-11 {
    width: 91.6666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
/**
 * Swiper 6.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 4, 2020
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*!
 * Generated using the Bootstrap Customizer (https://getbootstrap.com/docs/3.4/customize/)
 */ /*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.in {
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.clearfix:after,
.clearfix:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
  display: table;
  content: " ";
}

.clearfix:after,
.modal-footer:after,
.modal-header:after {
  clear: both;
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.pull-right {
  float: right !important;
}

.pull-left {
  float: left !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.hidden {
  display: none !important;
}

.affix {
  position: fixed;
}

/*!
 * End Bootstrap v3.4.1 (https://getbootstrap.com/)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
  position: relative;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.btn-inline {
  position: relative;
  list-style: none;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  vertical-align: middle;
  display: -moz-inline-stack;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  _height: 30px;
}

.map-section .sidebar, .tb-conference-form-wrapper .form-group {
  position: relative;
  box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family: "Circular-book", sans-serif;
  color: #4a4a49;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

p {
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 15px 0;
  font-family: "Circular-book", sans-serif;
  font-weight: 500;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 15px 0;
  line-height: 1.2em;
}

h1 {
  font-size: 40px;
  font-weight: 300;
  margin: 0 0 15px 0;
  font-family: "Circular-bold", sans-serif;
}

h2 {
  font-size: 35px;
  margin: 10px 0 10px 0;
  font-weight: 300;
  font-family: "Circular-bold", sans-serif;
}

h3 {
  font-size: 30px;
  margin: 10px 0 5px 0;
  font-weight: 300;
  font-family: "Circular-book", sans-serif;
}

h4 {
  font-size: 24px;
  margin: 0 0 15px 0;
  font-weight: 300;
  font-family: "Circular-book", sans-serif;
}

h5 {
  font-size: 22px;
  margin: 0 0 5px 0;
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
}

h6 {
  font-size: 20px;
  margin: 0 0 15px 0;
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
  max-width: 800px;
  margin: 0 auto 15px;
}

@media (max-width: 1280px) {
  p {
    font-size: 15px;
  }
  h1 {
    font-size: 36px;
  }
  h2 {
    font-size: 36px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: 18px;
  }
}
@media (max-width: 968px) {
  p {
    font-size: 15px;
  }
  h1 {
    font-size: 30px;
  }
  h2 {
    font-size: 30px;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 17px;
  }
}
@media (max-width: 840px) {
  p {
    font-size: 14px;
    line-height: 22px;
  }
  h1 {
    font-size: 24px;
  }
  h2 {
    font-size: 24px;
  }
  h3 {
    font-size: 20px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 18px;
  }
  h6 {
    font-size: 18px;
  }
}
.page-template-cities h2 {
  font-size: 26px;
}
@media (max-width: 840px) {
  .page-template-cities h2 {
    font-size: 22px;
  }
}
.page-template-cities h3 {
  font-size: 20px;
}
@media (max-width: 840px) {
  .page-template-cities h3 {
    font-size: 18px;
  }
}

.txt-section .left-col h2, .txt-section .right-col h2 {
  font-size: 26px;
}
@media (max-width: 840px) {
  .txt-section .left-col h2, .txt-section .right-col h2 {
    font-size: 22px;
  }
}
.txt-section .left-col h3, .txt-section .right-col h3 {
  font-size: 20px;
}
@media (max-width: 840px) {
  .txt-section .left-col h3, .txt-section .right-col h3 {
    font-size: 18px;
  }
}

.list-section h3 {
  font-size: 20px;
}
@media (max-width: 840px) {
  .list-section h3 {
    font-size: 20px;
  }
}
.list-section h4, .list-section h5 {
  font-size: 18px;
}
@media (max-width: 840px) {
  .list-section h4, .list-section h5 {
    font-size: 18px;
  }
}

.container {
  padding-left: 0;
  padding-right: 0;
}

.section {
  padding-left: 4%;
  padding-right: 4%;
}

.footer-inner.container {
  max-width: 1200px;
  margin: 0 auto;
}

.header-inner.container {
  max-width: 1200px;
  margin: 25px auto 0;
}
@media only screen and (max-width: 1170px) {
  .header-inner.container {
    margin: 10px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner.container {
    margin: 10px auto 0;
  }
}
@media only screen and (max-width: 768px) {
  .header-inner.container {
    margin: 5px auto 0;
  }
}

/* Video i iframe */
.video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 0;
  height: 0;
}

.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* VC single image */
.wpb_single_image .vc_figure,
.wpb_single_image .vc_single_image-wrapper,
.wpb_single_image img {
  width: 100%;
}

/* Padding i toppen på sidor utan toppbild/slide */
.topspace {
  padding-top: 0;
}

/* Toppbilder */
@media only screen and (max-width: 768px) {
  .vc_row-no-padding .wpb_single_image img {
    max-width: 120%;
    width: 120%;
    margin-left: -10%;
  }
}
@media only screen and (max-width: 768px) {
  .vc_row-no-padding .wpb_single_image img {
    max-width: 160%;
    width: 160%;
    margin-left: -30%;
  }
}

/* Ostylad Lista */
.txt-section ul {
  margin-bottom: 15px !important;
}
.txt-section ul li {
  margin-left: 16px;
  list-style-type: disc;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  font-family: Circular-book, sans-serif;
  font-weight: 500;
}

/* Bilder */
.wpb_wrapper img {
  max-width: 100%;
  height: auto;
}

.overlay {
  background: #ffffff;
  color: #666666;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 10px;
  left: 0;
  float: left;
  text-align: center;
  opacity: 0.8;
  font-weight: 80;
  font-family: Circular-book, sans-serif;
  font-color: black;
}

.overlay.fullscreen {
  padding-top: 25%;
  position: fixed;
}

.overlay_search {
  background: #ffffff;
  color: #666666;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
  float: left;
  text-align: center;
  opacity: 0.8;
  font-weight: 80;
  font-family: Circular-book, sans-serif;
  font-color: black;
}

.overlay_search.fullscreen {
  padding-top: 25%;
  position: fixed;
}

.spinner {
  margin: 0 auto;
  height: 64px;
  width: 64px;
  animation: rotate 0.8s infinite linear;
  border: 5px solid #75b94e;
  border-right-color: transparent;
  border-radius: 50%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.error {
  color: #e80c4d !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  margin: 0px 0 5px 1px !important;
  letter-spacing: 0.5pt;
  white-space: nowrap;
}

.disabled {
  opacity: 0.5;
}

#password-strength-status {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}

#password-match-status {
  padding: 5px 10px;
  border-radius: 4px;
  margin-top: 5px;
}

.medium-password {
  background-color: #fd0;
}

.weak-password {
  background-color: #fbe1e1;
}

.strong-password {
  background-color: #d5f9d5;
}

.account-left-col {
  width: 55%;
  display: inline-block;
  vertical-align: top;
}

.account-right-col {
  width: 40%;
  display: inline-block;
  padding-left: 4%;
  vertical-align: top;
}

@media only screen and (max-width: 760px) {
  .account-left-col {
    width: 100%;
    display: block;
    vertical-align: top;
  }
  .account-right-col {
    width: 100%;
    display: block;
    padding-left: 0;
    vertical-align: top;
  }
}
.video-responsive {
  position: relative;
  display: block;
  overflow: hidden;
}

.video-responsive::before {
  display: block;
  content: "";
  padding-top: 56.25%;
}

.video-responsive-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

span.fact_date {
  float: right;
}

.course_list_item.larling {
  padding-bottom: 1px;
}

.wp-block-quote h4 em strong {
  color: #d7674b;
  font-family: "VivaBeautiful", sans-serif !important;
  display: block;
  font-weight: 400;
  font-size: 80px;
  line-height: 88px;
  margin-top: 15px;
  font-style: normal;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .wp-block-quote h4 em strong {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .wp-block-quote h4 em strong {
    display: none;
  }
}

@font-face {
  font-family: "icomoon";
  font-display: swap;
  src: url("../static/fonts/icomoon.eot?879gdk");
  src: url("../static/fonts/icomoon.eot?879gdk#iefix") format("embedded-opentype"), url("../static/fonts/icomoon.woff2?879gdk") format("woff2"), url("../static/fonts/icomoon.ttf?879gdk") format("truetype"), url("../static/fonts/icomoon.woff?879gdk") format("woff"), url("../static/fonts/icomoon.svg?879gdk#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-digitalisering:before {
  content: "\e935";
}

.icon-solceller:before {
  content: "\e934";
}

.icon-antenn:before {
  content: "\e933";
}

.icon-medlem_in:before {
  content: "\e930";
}

.icon-antenna:before {
  content: "\e931";
}

.icon-automation:before {
  content: "\e932";
}

.icon-dator:before {
  content: "\e926";
}

.icon-el:before {
  content: "\e927";
}

.icon-graf:before {
  content: "\e928";
}

.icon-juridik:before {
  content: "\e929";
}

.icon-konstruktor:before {
  content: "\e92a";
}

.icon-kyla_varme:before {
  content: "\e92b";
}

.icon-t-koppling:before {
  content: "\e92c";
}

.icon-vatten:before {
  content: "\e92d";
}

.icon-ventilation:before {
  content: "\e92e";
}

.icon-vvs:before {
  content: "\e92f";
}

.icon-alarm:before {
  content: "\e910";
}

.icon-building:before {
  content: "\e911";
}

.icon-bulb:before {
  content: "\e912";
}

.icon-calculator:before {
  content: "\e913";
}

.icon-career:before {
  content: "\e914";
}

.icon-construct:before {
  content: "\e915";
}

.icon-deal:before {
  content: "\e916";
}

.icon-en-course:before {
  content: "\e917";
}

.icon-helmet:before {
  content: "\e918";
}

.icon-id:before {
  content: "\e919";
}

.icon-idcards:before {
  content: "\e91a";
}

.icon-industry:before {
  content: "\e91b";
}

.icon-laptop:before {
  content: "\e91c";
}

.icon-larm:before {
  content: "\e91d";
}

.icon-leader:before {
  content: "\e91e";
}

.icon-optical:before {
  content: "\e91f";
}

.icon-plug:before {
  content: "\e920";
}

.icon-safety:before {
  content: "\e921";
}

.icon-sales:before {
  content: "\e922";
}

.icon-service:before {
  content: "\e923";
}

.icon-solar-energy:before {
  content: "\e924";
}

.icon-validation:before {
  content: "\e925";
}

.icon-wave:before {
  content: "\e90f";
}

.icon-arrow:before {
  content: "\e903";
}

.icon-book:before {
  content: "\e904";
}

.icon-facebook:before {
  content: "\e905";
}

.icon-grid:before {
  content: "\e906";
}

.icon-instagram:before {
  content: "\e907";
}

.icon-mail:before {
  content: "\e908";
}

.icon-menu:before {
  content: "\e909";
}

.icon-pdf-file:before {
  content: "\e90a";
}

.icon-phone:before {
  content: "\e90b";
}

.icon-printer:before {
  content: "\e90c";
}

.icon-search:before {
  content: "\e90d";
}

.icon-youtube:before {
  content: "\e90e";
}

.icon-insu_logo:before {
  content: "\e900";
  color: #fff;
}

.icon-play:before {
  content: "\e901";
}

.icon-insu_symbol:before {
  content: "\e902";
  color: #75bb4d;
}

@font-face {
  font-family: "Circular-medium";
  font-display: swap;
  src: url("../static/fonts/CircularStd-Medium.otf");
  src: url("../static/fonts/CircularStd-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-bold";
  font-display: swap;
  src: url("../static/fonts/CircularStd-Bold.otf");
  src: url("../static/fonts/CircularStd-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-book";
  font-display: swap;
  src: url("../static/fonts/CircularStd-Book.otf");
  src: url("../static/fonts/CircularStd-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Circular-italic";
  font-display: swap;
  src: url("../static/fonts/CircularStd-Bookitalic.otf");
  src: url("../static/fonts/CircularStd-Bookitalic.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "VivaBeautiful";
  font-display: swap;
  src: url("../static/fonts/VivaBeautiful.eot");
  src: url("../static/fonts/VivaBeautiful.eot?#iefix") format("embedded-opentype"), url("../static/fonts/VivaBeautiful.woff2") format("woff2"), url("../static/fonts/VivaBeautiful.woff") format("woff"), url("../static/fonts/VivaBeautiful.ttf") format("truetype");
}
.wp-block-columns {
  max-width: 1200px;
  margin: 0 auto;
  gap: 60px;
}
@media only screen and (max-width: 768px) {
  .wp-block-columns {
    padding: 0 4%;
    gap: 0;
  }
}

.wp-block-columns h6 {
  max-width: 100%;
}

.wp-block-columns.has-background {
  padding-top: 40px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 768px) {
  .wp-block-columns.has-background {
    padding-top: 30px;
    padding-bottom: 40px;
  }
}

h4.puff.text-container {
  border-bottom: 6px solid #75b94e;
  display: inline-block;
  font-family: Circular-book, sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  margin-top: 20px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.wp-block-button:hover {
  filter: brightness(0.8);
}

.wp-block-column ul {
  list-style: disc;
}

.wp-block-column li {
  margin-bottom: 16px;
  margin-left: 16px;
}

.partnerkontakt .wp-block-image figcaption {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  line-height: 1.5em;
  text-align: center;
}

mark.has-inline-color.has-black-color:before {
  border-bottom: 8px solid #75b94e;
  content: "";
  display: block;
  margin-bottom: 25px;
  width: 22%;
}

@media only screen and (max-width: 768px) {
  mark.has-inline-color.has-black-color:before {
    border-bottom: 6px solid #75b94e;
    margin-top: 20px;
  }
}
mark.has-inline-color.has-black-color {
  color: #4a4a49 !important;
}

.wp-block-separator.is-style-dots {
  margin-bottom: 50px;
}
@media only screen and (max-width: 768px) {
  .wp-block-separator.is-style-dots {
    margin-bottom: 43px;
  }
}
.wp-block-separator.is-style-dots:before {
  color: #75b94e;
  content: "\e90f";
  display: block;
  font-family: icomoon;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 0;
  text-align: center;
}

.insukontakt .inner-content.coworkerfilter {
  display: none;
}

.insukontakt .coworker_plh {
  margin-left: 0;
  text-align: center;
}

.insukontakt .coworker {
  float: none;
  vertical-align: top;
}

.wp-block-cover h4 strong em,
.wp-block-cover h4 em strong {
  display: block;
  font-family: VivaBeautiful, sans-serif !important;
  font-style: normal;
  font-weight: 400;
}

.wp-block-cover h4.has-x-large-font-size strong em,
.wp-block-cover h4.has-x-large-font-size em strong {
  font-size: 60px !important;
  line-height: 76px;
}

@media only screen and (max-width: 768px) {
  .hide_mobile {
    display: none;
  }
}
html {
  scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
*[id] {
  scroll-margin-top: 200px;
}

.hero {
  margin-bottom: 45px;
}
@media only screen and (max-width: 768px) {
  .hero {
    margin-bottom: 40px;
  }
}
.hero.selected-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Gutenberg colors */
.has-white-background-color {
  background-color: rgb(255, 255, 255);
}

.has-black-background-color {
  background-color: #4a4a49;
}

.has-dark-gray-background-color {
  background-color: #262626;
}

.has-gray-background-color {
  background-color: #d3d3d3;
}

.has-light-gray-background-color {
  background-color: #f7f7f7;
}

.has-yellow-background-color {
  background-color: #edc73c;
}

.has-light-yellow-background-color {
  background-color: #fffad8;
}

.has-green-background-color {
  background-color: #75b94e;
}

.has-red-background-color {
  background-color: rgba(215, 103, 75, 0.47);
}

.has-orange-background-color {
  background-color: #d7674b;
}

.has-blue-background-color {
  background-color: #bfe2e2;
}

.has-purple-background-color {
  background-color: #6d7491;
}

.has-light-purple-background-color {
  background-color: #C6C7D1;
}

.has-color3-background-color {
  background-color: rgb(85, 87, 89);
}

.has-white-color {
  color: rgb(255, 255, 255);
}

.has-black-color {
  color: #4a4a49;
}

.has-dark-gray-color {
  color: #262626;
}

.has-gray-color {
  color: #d3d3d3;
}

.has-light-gray-color {
  color: #f7f7f7;
}

.has-yellow-color {
  color: #edc73c;
}

.has-light-yellow-color {
  color: #fffad8;
}

.has-green-color {
  color: #75b94e;
}

.has-red-color {
  color: rgba(215, 103, 75, 0.47);
}

.has-orange-color {
  color: #d7674b;
}

.has-blue-color {
  color: #bfe2e2;
}

.has-purple-color {
  color: #6d7491;
}

.has-light-purple-color {
  color: #C6C7D1;
}

.has-color3-color {
  color: rgb(85, 87, 89);
}

.icon-chevron {
  background-image: url("../static/images/icons/chevron-down.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-chevron-left {
  background-image: url("../static/images/icons/chevron-left.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-chevron-right {
  background-image: url("../static/images/icons/chevron-right.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-error {
  background-image: url("../static/images/icons/warning.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-reload {
  background-image: url("../static/images/icons/reload-white.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-warning {
  background-image: url("../static/images/icons/warning.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-ongoing {
  background-image: url("../static/images/icons/clock.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-check {
  background-image: url("../static/images/icons/check-green.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-check-green {
  background-image: url("../static/images/icons/check-green.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-check-grey {
  background-image: url("../static/images/icons/check-gray.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-start {
  background-image: url("../static/images/icons/user-check.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-x {
  background-image: url("../static/images/icons/x-red.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-download {
  background-image: url("../static/images/icons/download.svg");
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-show-more {
  background-image: url("../static/images/icons/show-more.svg");
  width: 20px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-course {
  background-image: url("../static/images/icons/kurs.svg");
  width: 20px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.icon-booking {
  background-image: url("../static/images/icons/bokning.svg");
  width: 20px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-flex;
  background-position: center;
}

.dis-form-button .spinner {
  display: none;
}

.dis-form-button:disabled .spinner {
  display: inline-block;
}

.insu-registration-form .registraion-form button {
  width: 100% !important;
  font-size: 18px !important;
  line-height: 1.2em;
  padding: 16px 30px !important;
  background-color: #75b94e;
  color: #fff !important;
  border: none !important;
  margin-top: 20px;
}

.btn a,
a.btn {
  display: inline-block;
  text-transform: none;
  text-decoration: none;
  margin-top: 15px;
  padding: 18px 40px;
  font-size: 18px;
  font-weight: 400;
  font-family: "Circular-book";
}
.btn a.wide,
a.btn.wide {
  width: 100%;
  text-align: center;
}

.wp-block-button .wp-block-button__link {
  display: inline-block;
  font-family: Circular-book;
  font-size: 18px;
  font-weight: 400;
  margin: 0;
  padding: 16px 20px;
  text-decoration: none;
  text-transform: none;
  white-space: nowrap;
  position: relative;
}

.wp-block-button:hover {
  filter: none;
}
.wp-block-button:hover .has-green-background-color {
  background-color: #5e983c;
}
.wp-block-button:hover .has-yellow-background-color {
  background-color: rgb(225.2112676056, 181.323943662, 20.7887323944);
}
.wp-block-button:hover .has-red-background-color {
  background-color: rgba(195.5454545455, 73.8727272727, 43.4545454545, 0.47);
}

/* Disabled state */
.btn.green.disabled a,
a.btn.green.disabled,
.textpuff a,
.course_list_item .btn.green.disabled a {
  background-color: lightgray;
  color: gray;
}

.btn.green a,
a.btn.green,
.textpuff a {
  background-color: #75b94e;
  color: white;
}

.btn.green a:hover,
a.btn.green:hover,
.textpuff a:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

.btn.yellow a,
a.btn.yellow {
  background-color: #edc73c;
  color: black;
}

.btn.yellow a:hover,
a.btn.yellow:hover {
  background-color: rgb(225.2112676056, 181.323943662, 20.7887323944);
}

.btn.blue a,
a.btn.blue {
  background-color: #6d7491;
  color: white;
}

.btn.blue a:hover,
a.btn.blue:hover {
  background-color: rgb(87.1141732283, 92.7086614173, 115.8858267717);
}

.btn.outlined {
  border: 1px solid #75b94e;
}
.btn.outlined:hover {
  background-color: #75b94e;
  color: white;
}

.btn.small {
  font-size: 16px;
  padding: 12px 20px;
  line-height: 21px;
}

.full {
  padding: 10px 0;
  font-family: Circular-book, sans-serif;
  font-size: 12px;
  float: right;
  text-transform: uppercase;
  margin-left: 10px;
  margin-top: -4px;
  color: red;
}

.full.multi-date {
  margin-top: 8px;
}

.full_booked_course_info {
  font-family: Circular-book, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
  padding: 15px 0;
}

/* TB-buttons */
.btnWrp {
  overflow: hidden;
  margin-top: 10px;
  margin-bottom: 10px;
  position: relative;
}

.btnWrp a {
  position: relative;
  -webkit-transition: all, 0.4s;
  -o-transition: all, 0.4s;
  transition: all, 0.4s;
  font-family: "Circular-book", sans-serif;
  font-weight: 400;
  text-decoration: none;
  outline: none;
  border-style: solid;
}

.btnWrp a:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

/* Sizes */
.btn-small {
  padding: 12px 20px;
  font-size: 12px;
}

.btn-medium {
  padding: 18px 30px;
  font-size: 16px;
}

.btn-large {
  padding: 23px 45px;
  font-size: 16px;
}

/* Width */
.btn-block {
  display: block;
  padding-left: 0;
  padding-right: 0;
}

/* Shapes */
.btn-round,
.btn-hover-round a:hover {
  border-radius: 60px;
}

.btn-rounded,
.btn-hover-rounded a:hover {
  border-radius: 5px;
}

.btn-square,
.btn-hover-square a:hover {
  border-radius: 0;
}

/* Align */
.btn-center {
  text-align: center;
}

.btn-left {
  text-align: left;
}

.btn-right {
  text-align: right;
}

/* Border Width */
.btn-border-0 {
  border-width: 0px;
}

.btn-border-1 {
  border-width: 1px;
}

.btn-border-2 {
  border-width: 2px;
}

.btn-border-3 {
  border-width: 3px;
}

.btn-border-4 {
  border-width: 4px;
}

.btn-border-5 {
  border-width: 5px;
}

.btn-green {
  width: 100% !important;
  font-size: 18px !important;
  font-family: "Circular-book", sans-serif;
  text-align: center;
  text-decoration: none !important;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 16px 30px !important;
  margin: 0 auto !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.single-courses section {
  padding-bottom: 60px;
}

.content.single {
  padding-bottom: 60px;
}

.course_header {
  width: 100%;
  margin-bottom: 30px;
}

.courseMenu,
.courseMenuSearch {
  width: 32.4%;
  height: 68px;
  display: inline-block;
  color: #4a4a49;
  vertical-align: top;
  padding: 10px 15px;
  line-height: 1.3em;
  text-align: left;
  border: 5px solid #75b94e;
}
.courseMenu a,
.courseMenuSearch a {
  text-decoration: none;
}
@media only screen and (max-width: 1170px) {
  .courseMenu,
  .courseMenuSearch {
    width: 32.3%;
  }
}
@media only screen and (max-width: 768px) {
  .courseMenu,
  .courseMenuSearch {
    font-size: 14px;
    padding: 4px 8px;
    border: 4px solid #75b94e;
    height: 50px;
    width: 32%;
  }
}
@media only screen and (max-width: 768px) {
  .courseMenu,
  .courseMenuSearch {
    width: 100%;
    margin-bottom: 10px;
    font-size: 1em;
  }
}

.courseinfo_puff .icon {
  color: #edc73c;
  font-family: "icomoon" !important;
  display: block;
  font-size: 80px;
  text-align: center;
  top: 15%;
  left: 50%;
  margin-left: -10%;
  margin-top: 10%;
}
@media only screen and (max-width: 768px) {
  .courseinfo_puff .icon {
    font-size: 42px;
    left: 0;
    margin-left: 0;
    background: #edc73c;
    padding: 15px 10px 10px;
    width: 70px;
    height: 70px;
  }
}

.courseinfo_puff .icon .arbetsmiljo:before {
  content: "\e918";
}

.courseinfo_puff .icon .aukt-behor:before {
  content: "\e919";
}

.courseinfo_puff .icon .distanskurs:before {
  content: "\e91c";
}

.courseinfo_puff .icon .eko-jur:before {
  content: "\e929";
}

.courseinfo_puff .icon .elsakerhet:before {
  content: "\e921";
}

.courseinfo_puff .icon .elteknik:before {
  content: "\e920";
}

.courseinfo_puff .icon .kyl-varme:before {
  content: "\e92b";
}

.courseinfo_puff .icon .sakerhet:before {
  content: "\e91d";
}

.courseinfo_puff .icon .ledarskap:before {
  content: "\e91e";
}

.courseinfo_puff .icon .dat-fib:before {
  content: "\e91f";
}

.courseinfo_puff .icon .validering:before {
  content: "\e925";
}

.courseinfo_puff .icon .vvs:before {
  content: "\e92c";
}

.courseinfo_puff .icon .ventilation:before {
  content: "\e92e";
}

.courseinfo_puff .icon .medlem-in:before {
  content: "\e930";
  font-size: 66px;
}
@media only screen and (max-width: 768px) {
  .courseinfo_puff .icon .medlem-in:before {
    font-size: 38px;
  }
}

.courseinfo_puff .icon .antenn:before {
  content: "\e933";
}

.courseinfo_puff .icon .automation:before {
  content: "\e932";
}

.courseinfo_puff .icon .digitalisering:before {
  content: "\e935";
}

.courseinfo_puff .icon .solceller:before {
  content: "\e934";
}

.courseinfo_puff .icon div:before {
  content: "\e904";
}

.courseMenuSearch {
  padding: 0;
}

.courseMenuSearch .probox {
  height: 56px !important;
  border: none !important;
}
@media only screen and (max-width: 768px) {
  .courseMenuSearch .probox {
    height: 40px !important;
  }
}
.courseMenuSearch .probox .proinput {
  height: 56px !important;
}

@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .promagnifier .innericon svg, #ajaxsearchpro2_2 .probox .promagnifier .innericon svg, div.asp_m.asp_m_2 .probox .promagnifier .innericon svg {
    width: 50px;
    height: 30px;
  }
}

.courseMenuSearch div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
  width: 38px;
}
@media only screen and (max-width: 768px) {
  .courseMenuSearch div.asp_m.ajaxsearchpro .probox .promagnifier .innericon svg {
    width: 30px;
  }
}

.post-type-archive-courses .courseMenu.show_list,
.page-template-courses-business-areas .courseMenu.show_grid {
  background-color: #edc73c !important;
}
.post-type-archive-courses .courseMenu.show_list:before,
.page-template-courses-business-areas .courseMenu.show_grid:before {
  color: #4a4a49 !important;
}
.post-type-archive-courses .courseMenu.show_list span,
.page-template-courses-business-areas .courseMenu.show_grid span {
  color: black;
}

.courseMenu.show_grid {
  margin-right: 1%;
}
.courseMenu.show_grid:before {
  content: "\e906";
  color: #75b94e;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 2em;
  margin-right: 20px;
  margin-top: 9px;
}

.courseMenu.show_list {
  margin-right: 1%;
}
.courseMenu.show_list:before {
  content: "\e909";
  color: #75b94e;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 2em;
  margin-right: 20px;
  margin-top: 9px;
}

.courseMenu:hover {
  background-color: #75b94e;
  color: white;
}
.courseMenu:hover:before {
  color: white;
}
.courseMenu:hover span {
  color: white;
}

.courseMenu.search_course {
  margin-right: 0;
}
.courseMenu.search_course span {
  margin-top: 8px;
}
.courseMenu.search_course:before {
  content: "\e90d";
  color: rgb(255, 255, 255);
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 18px;
  margin-right: 10px;
  margin-top: 10px;
}

.courseMenu span {
  color: #4a4a49;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin-top: -20px;
  font-family: "Circular-book", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
}
@media only screen and (max-width: 768px) {
  .courseMenu span {
    margin-top: -17px;
  }
}

@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .promagnifier, #ajaxsearchpro2_2 .probox .promagnifier, div.asp_m.asp_m_2 .probox .promagnifier {
    width: 49px !important;
    height: 40px !important;
    padding-top: 4px !important;
  }
}

#ajaxsearchpro2_1 .probox .proinput input.orig, #ajaxsearchpro2_2 .probox .proinput input.orig,
div.asp_m.asp_m_2 .probox .proinput input.orig {
  font-weight: 100;
  font-family: "Circular-book", sans-serif !important;
  color: #4a4a49;
  font-size: 16px !important;
  height: 56px !important;
}
@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .proinput input.orig, #ajaxsearchpro2_2 .probox .proinput input.orig,
  div.asp_m.asp_m_2 .probox .proinput input.orig {
    height: 39px !important;
  }
}

#ajaxsearchpro2_1 .probox .proinput input.orig::placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig::placeholder {
  font-weight: 100;
  font-family: "Circular-book", sans-serif !important;
  color: #4a4a49;
  font-size: 16px !important;
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .proinput input.orig::placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig::placeholder {
    font-size: 14px !important;
  }
}
#ajaxsearchpro2_1 .probox .proinput input.orig:-ms-input-placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 100;
  font-family: "Circular-book", sans-serif !important;
  color: #4a4a49;
  font-size: 16px !important;
}
@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .proinput input.orig:-ms-input-placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig:-ms-input-placeholder {
    font-size: 14px !important;
  }
}
#ajaxsearchpro2_1 .probox .proinput input.orig::-ms-input-placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig::-ms-input-placeholder { /* Microsoft Edge */
  ont-weight: 100;
  font-family: "Circular-book", sans-serif !important;
  color: #4a4a49;
  font-size: 16px !important;
}
@media only screen and (max-width: 768px) {
  #ajaxsearchpro2_1 .probox .proinput input.orig::-ms-input-placeholder, #ajaxsearchpro2_2 .probox .proinput input.orig::-ms-input-placeholder {
    font-size: 14px !important;
  }
}

div.asp_m.ajaxsearchpro .probox .proinput {
  margin: 0 !important;
}

.course_main {
  width: 62%;
  float: left;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .course_main {
    width: 55%;
  }
}
@media only screen and (max-width: 768px) {
  .course_main {
    width: 100%;
  }
}
.course_main h5 {
  margin: 25px 0 3px 0 !important;
}
.course_main h6 p {
  font-size: 20px;
  font-family: "Circular-book", sans-serif;
  line-height: 28px;
}
@media only screen and (max-width: 768px) {
  .course_main h6 p {
    font-size: 17px;
    line-height: 23px;
  }
}

.course_sidebar {
  width: 32%;
  float: right;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .course_sidebar {
    width: 38%;
  }
}
@media only screen and (max-width: 768px) {
  .course_sidebar {
    width: 100%;
  }
}
.course_sidebar .video {
  margin-top: 30px;
  margin-bottom: 30px;
}
.course_sidebar .course_img {
  margin-bottom: 30px;
}
.course_sidebar .course_img img {
  width: 100%;
  height: auto;
}

.breadcrumbs {
  font-weight: 100;
  font-size: 14px;
  width: 100%;
  color: #b3b2b4;
  padding-bottom: 15px;
  margin-bottom: 20px;
  line-height: 20px;
  font-family: "Circular-book", sans-serif;
}
.breadcrumbs a {
  color: #6d7491;
  text-decoration: none;
}
.breadcrumbs a:hover {
  color: #4a4a49;
  text-decoration: underline;
}

.course_facts {
  font-weight: 100;
  color: #4a4a49;
  font-family: "Circular-book", sans-serif;
  font-size: 16px;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .course_facts {
    font-size: 0.8em;
  }
}

.price_header {
  margin-top: 40px;
}

.price_single_1 {
  display: inline-block;
  padding: 2.3%;
  vertical-align: top;
  width: 100%;
  margin-top: 15px;
  background-color: rgb(236.6258064516, 246.6741935484, 246.6741935484);
}
.price_single_1 h3 {
  font-size: 13px;
  margin: 0 0 7px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.price_single_1 h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px 0;
}
@media only screen and (max-width: 1170px) {
  .price_single_1 h4 {
    font-size: 1.2em;
  }
}
.price_single_1 p {
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.price_1,
.price_2,
.price_3 {
  width: 32.9%;
  padding: 2.3%;
  min-height: 210px;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width: 1170px) {
  .price_1,
  .price_2,
  .price_3 {
    min-height: 220px;
    width: 32.6%;
  }
}
@media only screen and (max-width: 768px) {
  .price_1,
  .price_2,
  .price_3 {
    width: 100%;
    padding: 5% 7%;
    margin-bottom: 10px;
    min-height: 80px;
  }
}
.price_1 h3,
.price_2 h3,
.price_3 h3 {
  font-size: 13px;
  margin: 0 0 7px 0;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.price_1 h4,
.price_2 h4,
.price_3 h4 {
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px 0;
}
@media only screen and (max-width: 1170px) {
  .price_1 h4,
  .price_2 h4,
  .price_3 h4 {
    font-size: 1.2em;
  }
}
.price_1 p,
.price_2 p,
.price_3 p {
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.price_1 {
  background-color: rgb(236.6258064516, 246.6741935484, 246.6741935484);
}

.price_2 {
  background-color: rgb(226.0967741935, 241.9032258065, 241.9032258065);
}

.price_3 {
  background-color: rgb(208.5483870968, 233.9516129032, 233.9516129032);
}

/* Lista kursstarter */
.vc_column_container .course_start_list {
  min-height: 500px;
}
@media only screen and (max-width: 1170px) {
  .vc_column_container .course_start_list {
    min-height: 400px;
  }
}
@media only screen and (max-width: 768px) {
  .vc_column_container .course_start_list {
    min-height: 200px;
  }
}

.course_start_list {
  text-align: left;
}
.course_start_list h2 {
  font-size: 26px;
  background-color: rgb(221.5, 221.5, 221.5);
  padding: 15px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1170px) {
  .course_start_list h2 {
    font-size: 22px;
  }
}

.course_list_item {
  background: #f7f7f7;
  padding: 15px 15px 0;
  margin-bottom: 3px;
  clear: both;
}
.course_list_item .course_list_title {
  font-size: 14px;
  font-family: "Circular-book", sans-serif;
  margin-bottom: 10px;
  line-height: 18px;
  width: 75%;
  padding-bottom: 8px;
  border-bottom: 1px solid #d3d3d3;
}
.course_list_item .course_list_location,
.course_list_item .course_list_date {
  font-size: 14px;
  line-height: 20px;
  font-family: "Circular-book", sans-serif;
  font-weight: 100;
  display: inline-block;
  width: 38%;
  vertical-align: top;
}

@media only screen and (max-width: 768px) {
  .course_list_item .course_list_location {
    width: 34%;
  }
}

@media only screen and (max-width: 768px) {
  .course_list_item .course_list_date {
    width: 46%;
  }
}

.course_list_item .btn.green a {
  padding: 10px;
  font-family: "Circular-book", sans-serif;
  font-size: 14px;
  float: right;
  text-transform: uppercase;
  margin-left: 10px;
  margin-top: -4px;
}
@media only screen and (max-width: 768px) {
  .course_list_item .btn.green a {
    padding: 7px;
    font-size: 0.7em;
    margin-left: 1px;
  }
}

.course_start_list .btn.yellow a {
  padding: 18px 20px;
  font-family: "Circular-book", sans-serif;
  color: white;
  margin-top: 5px;
  width: 100%;
  text-align: center;
}

.course_sidebar .course_list_item .btn.green a {
  margin-top: 0px;
}

.course_list_item .btn a {
  width: auto !important;
}

.course_sidebar .btn a {
  width: 100%;
}

.cities_sidebar .course_list_location, .cities_sidebar .course_list_date {
  color: #969696;
}

/* Filtreringsmeny */
.distance_filter_plh {
  display: inline-block;
  float: right;
  padding-top: 12px;
  font-family: "Circular-book", sans-serif;
}

#course-filter select {
  cursor: pointer;
  position: relative;
  z-index: 9;
  width: 32.5%;
  font-family: "Circular-book", sans-serif;
  font-size: 1em;
  padding: 10px;
  background: url(../static/images/arrow-down.png) no-repeat 95% center;
  background-size: 15px;
  -webkit-box-shadow: inset 0 0 0 transparent !important;
  box-shadow: inset 0 0 0 transparent !important;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #d3d3d3;
  background-color: white;
  font-family: "Circular-book", sans-serif;
}
@media only screen and (max-width: 1170px) {
  #course-filter select {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 768px) {
  #course-filter select {
    width: 100%;
    margin-bottom: 10px;
    font-size: 1em;
  }
}

#course-filter select#competence_areas_filter,
#course-filter select#occupation_roles_filter {
  margin-right: 1.2%;
}

#course-filter select:hover {
  background: url(../static/images/arrow-down.png) no-repeat 95% center;
  background-color: #f5f5f5;
  background-size: 15px;
}

.hideContainer {
  display: block;
}

.ExpandDateArrowUp {
  display: none;
  width: 100%;
  padding-bottom: 1px;
  padding-top: 1px;
  margin-top: 3px;
  margin-bottom: 4px;
  border-bottom: 1px solid gray;
}

.ExpandDateArrowDown {
  display: none;
  width: 100%;
  padding-bottom: 1px;
  padding-top: 1px;
  margin-top: 3px;
  margin-bottom: 4px;
  border-bottom: 1px solid gray;
}

a.ExpandDateArrowUp,
a.ExpandDateArrowDown {
  text-decoration: none !important;
  text-transform: uppercase;
  color: black;
  font-size: 0.8em;
}

/* Öppna fullständig kursbeskrivning */
.btn-course_full_info {
  font-weight: 400;
  font-size: 1em;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: 20px;
  margin-bottom: 0;
  cursor: pointer;
}
.btn-course_full_info:before {
  content: "\e901";
  color: #4a4a49;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1em;
  margin-left: 8px;
  margin-right: 10px;
  transition: 0.3s all;
}

.btn-course_full_info:hover,
.btn-course_relations_info:hover {
  background: #f8f8f8;
}
.btn-course_full_info:hover:before,
.btn-course_relations_info:hover:before {
  content: "\e903";
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.course_full_info {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 15px;
}

.reglervillkor-text {
  background: #f7f7f7;
  padding: 25px;
}
.reglervillkor-text p {
  font-family: "Circular-book", sans-serif !important;
  font-weight: 100;
  margin-bottom: 22px;
}

/* Karriär */
.course_relations_info {
  margin-bottom: 60px;
}

.btn-course_relations_info {
  font-weight: 100;
  font-family: "Circular-book", sans-serif !important;
  font-size: 18px;
  color: #4a4a49;
  width: 100%;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  cursor: pointer;
}
.btn-course_relations_info:before {
  content: "\e903";
  color: #4a4a49;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1em;
  margin-left: 8px;
  margin-right: 10px;
  transition: 0.3s all;
}

.course_relations_info ul {
  margin-top: 15px;
}

.course_relations_info li {
  margin-bottom: 3px;
  list-style: none !important;
  margin-left: 0 !important;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .course_relations_info li {
    margin-bottom: 5px;
  }
}

.course_relations_step,
.course_relations_course {
  display: inline-block;
  padding: 12px;
}

.course_relations_step {
  width: 30%;
  background-color: rgb(245.6197183099, 225.8169014085, 153.3802816901);
}
@media only screen and (max-width: 768px) {
  .course_relations_step {
    width: 100%;
  }
}

.course_relations_course {
  background: #edc73c;
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .course_relations_course {
    width: 100%;
  }
}

/* Knappar för offert/företagsförlagda och regler/villkor */
.btn-reglervillkor {
  text-align: center;
  padding: 25px 5% 25px;
  margin-top: 40px;
  margin-bottom: 12px;
}
.btn-reglervillkor h4 {
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 700;
}
.btn-reglervillkor p {
  font-family: "Circular-book", sans-serif !important;
  font-weight: 100;
  font-size: 18px;
}

.foretagsforlagda {
  margin-top: 30px;
  margin-bottom: 40px;
}

.foretagsforlagda a,
.btn-reglervillkor a {
  text-decoration: none;
}

.btn-bokaOffert {
  color: #4a4a49;
  text-align: left;
  margin-top: 12px;
  margin-bottom: 12px;
}
.btn-bokaOffert h4 {
  font-family: "Circular-book", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  margin-top: 20px;
  border-bottom: 6px solid #75b94e;
  display: inline-block;
  padding-bottom: 10px;
}
.btn-bokaOffert h3 {
  font-size: 20px;
  margin: 0 0 10px 0;
  margin-top: 20px;
  font-weight: 700;
  border-bottom: 6px solid #75b94e;
  padding-bottom: 10px;
}
.btn-bokaOffert .customcourselink {
  font-family: "Circular-book", sans-serif;
  color: #75b94e;
  font-weight: 600;
  font-size: 17px;
}

.btn-reglervillkor {
  background-color: #75b94e;
  color: white;
  cursor: pointer;
}

.btn-reglervillkor:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

.boka-webb,
.boka-distans {
  font-size: 18px;
  font-weight: 400;
  width: 100%;
  text-align: center;
  display: block;
  font-family: "Circular-book", sans-serif;
}

.course_sidebar a .boka-distans {
  width: 100%;
}

.course_contact {
  margin-top: 30px;
  width: 100%;
  text-align: center;
  display: block;
  background: #f7f7f7;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
}
.course_contact h4 {
  font-size: 1em;
}
.course_contact p {
  font-family: "Circular-book", sans-serif;
  line-height: 20px;
}
.course_contact a {
  color: #4a4a49;
  text-decoration: none;
}

.course_contact_tel {
  font-size: 26px;
  font-weight: 100;
  margin-bottom: 10px;
  font-family: "Circular-book", sans-serif;
}

.course_contact_mail {
  font-size: 18px;
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
}
.course_contact_mail a {
  text-decoration: none !important;
  color: #4a4a49;
}

/* media kopplade till kurserna */
.course_product_document {
  font-family: "Circular-book", sans-serif;
  color: #6d7491;
  font-weight: 100;
  margin-bottom: 10px;
  float: right;
}
@media only screen and (max-width: 1170px) {
  .course_product_document {
    margin-bottom: 0;
    margin-top: 10px;
    float: none;
    width: 100%;
    text-decoration: none;
  }
}
.course_product_document:before {
  content: "\e90a";
  color: #6d7491;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1.3em;
  margin-right: 5px;
}

.plh-kursdokument {
  border-top: 1px solid #d3d3d3;
  padding-top: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.dok-link {
  margin-top: 15px;
  font-family: "Circular-book", sans-serif;
}

s .dok-link a {
  color: #6d7491;
  text-decoration: none;
}
s .dok-link a:before {
  content: "\e90a";
  color: #6d7491;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1.1em;
  margin-right: 10px;
}

.course_list_item .course_list_date, .course_list_item .course_list_location {
  font-size: 14px !important;
}

.course_list_location {
  width: 25% !important;
}

.course_list_date {
  width: 50% !important;
}

.course_list_date_row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.course_list_date_column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}

/* Gutenberg curses occations by type block */
.course-occasions-by-type .course_contact {
  margin-top: 0px;
  background: #75b94e;
  padding-bottom: 25px;
  color: white;
}
.course-occasions-by-type .course_contact h6 {
  margin: 0 auto 8px;
}
@media only screen and (max-width: 768px) {
  .course-occasions-by-type .course_contact {
    margin-top: 0;
  }
}

.single-course_edu .course-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 768px) {
  .single-course_edu .course-header {
    flex-wrap: wrap;
  }
}
.single-course_edu .course_facts {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  /*.course_length {
      width: 100%;
      display: flex;
      margin-top: 12px;

      .course_length_header {
          margin-right: 6px;
      }
  }*/
}
@media (max-width: 768px) {
  .single-course_edu .course_facts {
    flex-wrap: wrap;
  }
}
.single-course_edu .course_facts .course_types {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  height: 52px;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_types {
    width: 100%;
    order: 10;
  }
}
.single-course_edu .course_facts .course_types .chip-course.active.lararledd {
  background-color: #D3E1C0;
}
.single-course_edu .course_facts .course_types .chip-course.active.distans {
  background-color: #C6C7D1;
}
.single-course_edu .course_facts .course_types .chip-course.active.e-learning {
  background-color: #D6E5E7;
}
.single-course_edu .course_facts .course_types .chip-course.active.webb {
  background-color: #D6B5A0;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_types .course_types_header {
    width: 100%;
  }
}
.single-course_edu .course_facts .document-length {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .document-length {
    width: 100%;
    margin-bottom: 12px;
  }
  .single-course_edu .course_facts .document-length.has-document {
    justify-content: space-between;
  }
  .single-course_edu .course_facts .document-length.has-document .course_product_document {
    margin-top: 0;
  }
}
.single-course_edu .course_facts .document-length .document {
  display: inline-block;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .document-length .document {
    order: 10;
  }
}
.single-course_edu .course_facts .course_length {
  background-color: #f7f7f7;
  padding: 10px;
}
.single-course_edu .course_facts .course_length .course_length_header {
  display: flex;
  gap: 12px;
  align-items: center;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_length .course_length_header {
    gap: 6px;
  }
}
.single-course_edu .course_facts .course_length .icon-calender {
  background-image: url("../static/images/calendar.svg");
  width: 24px;
  height: 24px;
  background-size: contain;
  background-repeat: no-repeat;
}
.single-course_edu .course_facts .course_length .days {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_length .days {
    flex-direction: row;
    align-items: center;
    gap: 6px;
  }
}
.single-course_edu .course_facts .course_length .days .length {
  font-size: 12px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_length .days .length {
    font-size: 14px;
  }
}
.single-course_edu .course_facts .course_length .days .day {
  font-weight: bold;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_length .days .day {
    font-size: 14px;
  }
}
.single-course_edu .course_facts .chip {
  padding: 5px 15px !important;
  border-radius: 15px;
  background-color: #f7f7f7;
  color: black;
  text-decoration: none;
}
.single-course_edu .course_facts .chip.active {
  background-color: rgb(221.5, 221.5, 221.5);
}
.single-course_edu .course_facts .chip:hover {
  background-color: rgb(221.5, 221.5, 221.5);
}
.single-course_edu .course_facts .chip-course {
  padding: 5px 15px;
  border-radius: 15px;
  background-color: #f7f7f7;
  color: black;
  text-decoration: none;
}
.single-course_edu .course_facts .chip-course.active {
  background-color: rgb(221.5, 221.5, 221.5);
}
.single-course_edu .course_facts .chip-course:hover {
  background-color: rgb(221.5, 221.5, 221.5);
}
.single-course_edu .course_facts .course_product_document {
  margin-bottom: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .single-course_edu .course_facts .course_product_document {
    margin-top: 16px;
  }
}
@media (max-width: 768px) {
  .single-course_edu .course_main .btn-reglervillkor {
    display: none;
  }
}
@media (max-width: 768px) {
  .single-course_edu .course_main .prices {
    display: none;
  }
}
.single-course_edu .course_sidebar .courses_dropdown {
  width: 100%;
  text-align: left;
  margin-bottom: 12px;
  position: relative;
  height: 44px;
}
.single-course_edu .course_sidebar .courses_dropdown ul {
  width: 100%;
  border: 1px solid #4a4a49;
  background-color: white;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.single-course_edu .course_sidebar .courses_dropdown ul .choice {
  font-family: Circular-book;
  font-size: 18px;
  font-weight: 400;
  padding: 12px;
  display: none;
  order: 10;
  width: 100%;
  cursor: pointer;
}
.single-course_edu .course_sidebar .courses_dropdown ul .choice.active {
  display: inline-block;
  order: 1;
}
.single-course_edu .course_sidebar .courses_dropdown ul .arrow {
  position: absolute;
  right: 12px;
  top: 16px;
  width: 12px;
  height: 8px;
  background-image: url("../static/images/arrow-down.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: ease 0.3s;
}
.single-course_edu .course_sidebar .courses_dropdown .dropdown {
  width: 100%;
}
.single-course_edu .course_sidebar .courses_dropdown .dropdown.open {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.single-course_edu .course_sidebar .courses_dropdown .dropdown.open ul .choice {
  display: inline-block;
}
.single-course_edu .course_sidebar .courses_dropdown .dropdown.open ul .choice:hover {
  background-color: #f7f7f7;
}
.single-course_edu .course_sidebar .courses_dropdown .dropdown.open ul .arrow {
  transform: rotate(180deg);
  transition: ease 0.3s;
}
.single-course_edu .course_sidebar .course_types_sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 50px;
}
@media (max-width: 768px) {
  .single-course_edu .course_sidebar .course_types_sidebar {
    margin-top: 0px;
  }
}
.single-course_edu .course_sidebar .course_types_sidebar .courses_types_headline {
  width: 100%;
  text-align: left;
}
.single-course_edu .course_sidebar .course_types_sidebar .btn-small {
  padding: 12px;
  margin: 0;
  flex: 1;
  white-space: nowrap;
  background-color: #edc73c;
  color: #4a4a49;
}
.single-course_edu .course_sidebar .course_types_sidebar .btn-small.active {
  background-color: #75b94e;
  color: rgb(255, 255, 255);
}
@media (max-width: 768px) {
  .single-course_edu .course_sidebar .course_types_sidebar .btn-small {
    font-size: 16px;
  }
}
.single-course_edu .course_sidebar .show-more.flyout {
  display: inline-block;
  font-family: Circular-book;
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  padding: 18px 40px;
  text-decoration: none;
  text-transform: none;
  background-color: #edc73c;
  border: none;
  color: white;
  width: 100%;
  cursor: pointer;
}
.single-course_edu .course_sidebar .show-more.flyout:hover {
  background-color: rgb(225.2112676056, 181.323943662, 20.7887323944);
}
.single-course_edu .course_sidebar .btn-reglervillkor-mobile {
  display: none;
  text-align: center;
  padding: 25px 5% 25px;
  margin-top: 40px;
  margin-bottom: 12px;
  background-color: #75b94e;
  color: white;
  cursor: pointer;
}
.single-course_edu .course_sidebar .btn-reglervillkor-mobile h4 {
  text-transform: none;
  margin-bottom: 10px;
  font-weight: 700;
}
.single-course_edu .course_sidebar .btn-reglervillkor-mobile p {
  font-family: "Circular-book", sans-serif !important;
  font-weight: 100;
  font-size: 18px;
}
@media (max-width: 768px) {
  .single-course_edu .course_sidebar .btn-reglervillkor-mobile {
    display: block;
  }
}
.single-course_edu .course_sidebar .prices-mobile {
  display: none;
  text-align: left;
}
@media (max-width: 768px) {
  .single-course_edu .course_sidebar .prices-mobile {
    display: block;
  }
}
.single-course_edu .course_sidebar .reglervillkor-text-mobile {
  background: #f7f7f7;
  padding: 25px;
}
.single-course_edu .course_sidebar .reglervillkor-text-mobile p {
  font-family: "Circular-book", sans-serif !important;
  font-weight: 100;
  margin-bottom: 22px;
}

.prices-mobile h5 {
  margin: 25px 0 3px !important;
}

.single-course_edu .flyout {
  background-color: white;
}
.single-course_edu .flyout .flyout__body {
  text-align: left;
}

.clickable-course {
  cursor: pointer;
  transition: background 0.3s ease-in-out;
}

.clickable-course:hover {
  background: #f7f7f7;
}

/* Tooltip Wrapper */
.tooltip {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Tooltip Text */
.tooltip .tooltip-text {
  visibility: hidden;
  width: 355px;
  background: #ffffff;
  color: #333;
  text-align: left;
  padding-left: 18px;
  padding-top: 18px;
  padding-right: 18px;
  padding-bottom: 2px;
  border-radius: 6px;
  border: 1px solid #3aa66a;
  position: absolute;
  top: 90%;
  left: 80%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
  font-size: 14px;
  line-height: 1.6;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  z-index: 100;
}

.tooltip .tooltip-text::after {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -14.5px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #3aa66a transparent;
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
  transform: translateX(-50%) translateY(5px);
}

.info-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  font-size: 14px;
  font-weight: bold;
  color: white;
  background: linear-gradient(135deg, #6faa4d, #5c9f3a);
  border-radius: 50%;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  margin-top: 1px;
}

.info-icon:hover {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}

.inner-content.course-grid-list {
  margin-top: -30px;
  text-align: left;
}

.inner-content.course-grid-list a:nth-of-type(2),
.inner-content.course-grid-list a:nth-of-type(3),
.inner-content.course-grid-list a:nth-of-type(5),
.inner-content.course-grid-list a:nth-of-type(6),
.inner-content.course-grid-list a:nth-of-type(8),
.inner-content.course-grid-list a:nth-of-type(9),
.inner-content.course-grid-list a:nth-of-type(11),
.inner-content.course-grid-list a:nth-of-type(12),
.inner-content.course-grid-list a:nth-of-type(14),
.inner-content.course-grid-list a:nth-of-type(15),
.inner-content.course-grid-list a:nth-of-type(17) {
  margin-left: 1.5%;
}

@media only screen and (max-width: 768px) {
  .inner-content.course-grid-list a:nth-of-type(even) {
    margin-left: 2%;
  }
  .inner-content.course-grid-list a:nth-of-type(odd) {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  .inner-content.course-grid-list a:nth-of-type(2),
  .inner-content.course-grid-list a:nth-of-type(3),
  .inner-content.course-grid-list a:nth-of-type(5),
  .inner-content.course-grid-list a:nth-of-type(6),
  .inner-content.course-grid-list a:nth-of-type(8),
  .inner-content.course-grid-list a:nth-of-type(9),
  .inner-content.course-grid-list a:nth-of-type(11),
  .inner-content.course-grid-list a:nth-of-type(12),
  .inner-content.course-grid-list a:nth-of-type(14),
  .inner-content.course-grid-list a:nth-of-type(15),
  .inner-content.course-grid-list a:nth-of-type(17),
  .inner-content.course-grid-list a:nth-of-type(even),
  .inner-content.course-grid-list a:nth-of-type(odd) {
    margin-left: 0;
  }
}
.course_puff {
  width: 32.2%;
  height: 340px;
  display: inline-block;
  background-color: white;
  text-align: left;
  vertical-align: top;
  cursor: pointer;
  position: relative;
}
.course_puff h5 {
  color: #4a4a49;
  font-size: 18px;
  margin-top: 20px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .course_puff h5 {
    font-size: 16px;
    margin-left: 85px;
  }
}
.course_puff p {
  color: #4a4a49;
}
@media only screen and (max-width: 768px) {
  .course_puff p {
    font-family: "Circular-book", sans-serif;
    margin-left: 85px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .course_puff {
    width: 48%;
  }
}
@media only screen and (max-width: 768px) {
  .course_puff {
    width: 100%;
    text-align: left;
    height: auto;
    border-bottom: 1px solid #d3d3d3;
  }
}
.course_puff .puffbild:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #75b94e;
  opacity: 0;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.course_puff:hover .businessarea_puff .puffbild {
  background-color: #75b94e;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.course_puff:hover .businessarea_puff .puffbild:after {
  content: "";
  position: absolute;
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #75b94e;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.businessarea_puff .puffbild {
  width: 100%;
  height: 180px;
  background-size: cover;
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
}
@media only screen and (max-width: 768px) {
  .businessarea_puff .puffbild {
    display: none;
  }
}

.course_puff .icon {
  color: rgb(255, 255, 255);
  font-family: "icomoon" !important;
  display: block;
  font-size: 80px;
  position: absolute;
  text-align: center;
  top: 15%;
  left: 50%;
  margin-left: -10%;
}
@media only screen and (max-width: 768px) {
  .course_puff .icon {
    font-size: 42px;
    left: 0;
    margin-left: 0;
    background: #edc73c;
    padding: 15px 10px 10px;
    width: 70px;
    height: 70px;
  }
}

.course_puff .icon .arbetsmiljo:before {
  content: "\e918";
}

.course_puff .icon .aukt-behor:before {
  content: "\e919";
}

.course_puff .icon .distanskurs:before {
  content: "\e91c";
}

.course_puff .icon .eko-jur:before {
  content: "\e929";
}

.course_puff .icon .elsakerhet:before {
  content: "\e921";
}

.course_puff .icon .elteknik:before {
  content: "\e920";
}

.course_puff .icon .kyl-varme:before {
  content: "\e92b";
}

.course_puff .icon .sakerhet:before {
  content: "\e91d";
}

.course_puff .icon .ledarskap:before {
  content: "\e91e";
}

.course_puff .icon .dat-fib:before {
  content: "\e91f";
}

.course_puff .icon .validering:before {
  content: "\e925";
}

.course_puff .icon .vvs:before {
  content: "\e92c";
}

.course_puff .icon .ventilation:before {
  content: "\e92e";
}

.course_puff .icon .medlem-in:before {
  content: "\e930";
  font-size: 66px;
}
@media only screen and (max-width: 768px) {
  .course_puff .icon .medlem-in:before {
    font-size: 38px;
  }
}

.course_puff .icon .antenn:before {
  content: "\e933";
}

.course_puff .icon .automation:before {
  content: "\e932";
}

.course_puff .icon .digitalisering:before {
  content: "\e935";
}

.course_puff .icon .solceller:before {
  content: "\e934";
}

.course_puff .icon div:before {
  content: "\e904";
}

/* KURSER I LISTFORM */
.course_list_head {
  background-color: #d3d3d3;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 500;
  font-family: "Circular-book", sans-serif;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .course_list_head {
    display: none;
  }
}

.course_list_head .head_course {
  width: 44%;
  display: inline-block;
}

.course_list_head .head_course_type {
  display: inline-block;
  width: 13%;
}

.course_list_head .head_course_duration {
  display: inline-block;
  width: 11%;
}

.course_list_head .head_business {
  display: inline-block;
  width: 30%;
}

.course_list_head .head_requirements {
  display: inline-block;
  padding-left: 15px;
}

.course_list {
  width: 100%;
  margin-bottom: 4px;
  display: inline-block;
  background: #f7f7f7;
  padding: 10px 15px;
  text-align: left;
  cursor: pointer;
}

.course_list_inner {
  margin: 0 auto;
  max-width: 1200px;
  display: flex;
  align-items: center;
}

.course_list:hover {
  background-color: #75b94e;
  webkit-transition: all 400ms ease;
  -moz-transition: all 400ms ease;
  -ms-transition: all 400ms ease;
  -o-transition: all 400ms ease;
  transition: all 400ms ease;
}
.course_list:hover .kurs,
.course_list:hover .course_type,
.course_list:hover .course_duration,
.course_list:hover .amnesomrade,
.course_list:hover .krav {
  color: white !important;
}

.course_list .kurs,
.course_list .course_type,
.course_list .course_duration {
  display: inline-block;
  color: #000;
}

.course_list .amnesomrade,
.course_list .krav {
  display: inline-block;
  color: #88888a;
}

.course_list .kurs {
  width: 44%;
}
.course_list .kurs h5 {
  font-weight: 400;
  line-height: 1.5em;
}
@media only screen and (max-width: 768px) {
  .course_list .kurs {
    width: 100%;
  }
}

.course_list .course_type {
  width: 13%;
}
.course_list .course_type h5 {
  font-weight: 400;
  line-height: 1.5em;
}
@media only screen and (max-width: 768px) {
  .course_list .course_type {
    width: 100%;
  }
}

.course_list .course_duration {
  width: 11%;
}
.course_list .course_duration h5 {
  font-weight: 400;
  line-height: 1.5em;
}
@media only screen and (max-width: 768px) {
  .course_list .course_duration {
    width: 100%;
  }
}

.course_list .amnesomrade {
  width: 30%;
  position: relative;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Circular-book", sans-serif;
}
@media only screen and (max-width: 768px) {
  .course_list .amnesomrade {
    left: 0;
    position: relative;
    font-style: italic;
    margin-top: 5px;
    width: 100%;
    padding-left: 0;
  }
}

.course_list h5 {
  font-size: 14px;
  font-weight: 300;
  margin: 0;
}

#course-container {
  margin-bottom: 70px;
}

/* FILTERSEKTION AVSTÄNGD I VÄNTAN PÅ KORREKTA FILTER */
.section.filter {
  background: #f7f7f7;
  display: none;
}
.section.filter .inner-content {
  text-align: left;
}

#course_selector .inner-content {
  padding-bottom: 0;
}
#course_selector .inner-content .course_header a {
  color: transparent;
}
@media only screen and (max-width: 768px) {
  #course_selector .inner-content .course_header {
    margin-bottom: 16px;
  }
  #course_selector .inner-content .course_header .courseMenu {
    height: 54px;
  }
}
#course_selector .course_filter .inner-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-bottom: 25px;
}
@media only screen and (max-width: 768px) {
  #course_selector .course_filter .inner-content {
    padding-top: 0;
    padding-bottom: 9px;
  }
  #course_selector .course_filter .inner-content .filter {
    display: flex;
    flex-wrap: wrap;
  }
}
#course_selector .course_filter .inner-content .text {
  margin-right: 4px;
}
@media only screen and (max-width: 768px) {
  #course_selector .course_filter .inner-content .text {
    width: 100%;
    display: block;
    margin-bottom: 12px;
    text-align: left;
  }
}
#course_selector .course_filter .inner-content .chip {
  background-color: #dedede;
  opacity: 0.5;
  border-radius: 15px;
  color: #000;
  margin-right: 4px;
  padding: 5px 15px;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  #course_selector .course_filter .inner-content .chip {
    margin-bottom: 6px;
  }
}
#course_selector .course_filter .inner-content .chip.active {
  background-color: #edc73c;
  opacity: 1;
}
#course_selector .course_filter .inner-content .chip.lararledd {
  background-color: #D3E1C0;
}
#course_selector .course_filter .inner-content .chip.distans {
  background-color: #C6C7D1;
}
#course_selector .course_filter .inner-content .chip.e-learning {
  background-color: #D6E5E7;
}
#course_selector .course_filter .inner-content .chip.webb {
  background-color: #D6B5A0;
}

.course_list .course_list_inner .kurs, .course_list .course_list_inner .head_course,
.course_list_head .course_list_inner .kurs,
.course_list_head .course_list_inner .head_course {
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .course_list .course_list_inner .kurs, .course_list .course_list_inner .head_course,
  .course_list_head .course_list_inner .kurs,
  .course_list_head .course_list_inner .head_course {
    width: 100%;
  }
}
.course_list .course_list_inner .course_type, .course_list .course_list_inner .head_course_type,
.course_list_head .course_list_inner .course_type,
.course_list_head .course_list_inner .head_course_type {
  width: 35%;
}
@media only screen and (max-width: 768px) {
  .course_list .course_list_inner .course_type, .course_list .course_list_inner .head_course_type,
  .course_list_head .course_list_inner .course_type,
  .course_list_head .course_list_inner .head_course_type {
    width: 100%;
  }
}
.course_list .course_list_inner .amnesomrade, .course_list .course_list_inner .head_business,
.course_list_head .course_list_inner .amnesomrade,
.course_list_head .course_list_inner .head_business {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .course_list .course_list_inner .amnesomrade, .course_list .course_list_inner .head_business,
  .course_list_head .course_list_inner .amnesomrade,
  .course_list_head .course_list_inner .head_business {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .course_list .course_list_inner {
    flex-wrap: wrap;
  }
  .course_list .course_list_inner .kurs h5 {
    font-size: 16px;
  }
  .course_list .course_list_inner .course_duration {
    width: 20%;
    order: 10;
    background-color: #d3d3d3;
    padding: 3px;
    text-align: center;
    margin-top: 5px;
    min-width: 0;
  }
  .course_list .course_list_inner .amnesomrade {
    width: 80%;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .course_list .course_list_inner .amnesomrade {
    margin-bottom: 5px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .course_list .course_list_inner .course_type {
    padding: 16px 0;
  }
}
.course_list .course_list_inner .course_type span {
  border-radius: 15px;
  color: #000;
  padding: 3px 12px;
  text-decoration: none;
  background-color: #dedede;
  margin-right: 4px;
}
.course_list .course_list_inner .course_type span:last-of-type {
  margin-right: 0;
}
.course_list .course_list_inner .course_type span.lararledd {
  background-color: #D3E1C0;
}
.course_list .course_list_inner .course_type span.distans {
  background-color: #C6C7D1;
}
.course_list .course_list_inner .course_type span.e-learning {
  background-color: #D6E5E7;
}
.course_list .course_list_inner .course_type span.webb {
  background-color: #D6B5A0;
}

#course_occasions .course-list-plh {
  position: relative;
}
#course_occasions .course-list-plh .course_list_item {
  padding-bottom: 15px;
}
#course_occasions .course-list-plh .course_list_start {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
}
#course_occasions .course-list-plh .course_list_start .course-start-headline {
  font-weight: bold;
}
#course_occasions .course-list-plh .course_list_start .course_list_location {
  text-align: right;
  font-size: 14px !important;
}
#course_occasions .course-list-plh .upcoming-dates {
  text-align: left;
  font-size: 14px;
  margin-bottom: 0;
  font-weight: bold;
  margin-top: 5px;
}
#course_occasions .course-list-plh #booking-login-btn {
  bottom: 15px;
  right: 15px;
}

/* new courselist item design */
#course_occasions .new_course_list_item {
  background: #f7f7f7;
  clear: both;
  margin-bottom: 3px;
  padding: 15px;
  position: relative;
}
#course_occasions .new_course_list_item .course_list_start {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
}
@media only screen and (max-width: 1170px) {
  #course_occasions .new_course_list_item .course_list_start {
    font-size: 16px;
  }
}
#course_occasions .new_course_list_item .course_list_start .course-start-headline {
  font-weight: bold;
}
#course_occasions .new_course_list_item .course_list_start .course_list_location {
  text-align: right;
  font-size: 18px !important;
  width: auto !important;
}
@media only screen and (max-width: 1170px) {
  #course_occasions .new_course_list_item .course_list_start .course_list_location {
    font-size: 16px !important;
  }
}
#course_occasions .new_course_list_item .upcoming-dates-text {
  font-size: 14px;
  margin: 12px 0 0;
  font-weight: bold;
}
#course_occasions .new_course_list_item .upcoming-dates {
  text-align: left;
  width: 65%;
  display: flex;
  flex-direction: column;
  gap: 6px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1170px) {
  #course_occasions .new_course_list_item .upcoming-dates {
    width: calc(100% - 45px);
    padding-right: 12px;
  }
}
@media only screen and (max-width: 768px) {
  #course_occasions .new_course_list_item .upcoming-dates {
    width: calc(100% - 45px);
    padding-right: 24px;
  }
}
#course_occasions .new_course_list_item .upcoming-dates .upcoming-dates-single {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-weight: 400;
  font-size: 14px;
}
@media only screen and (max-width: 1170px) {
  #course_occasions .new_course_list_item .upcoming-dates .upcoming-dates-single {
    font-size: 12px;
  }
}
#course_occasions .new_course_list_item #booking-login-btn {
  float: none;
  position: absolute;
  bottom: 20px;
  right: 15px;
  font-size: 14px;
  width: auto;
  padding: 10px;
}
@media only screen and (max-width: 1170px) {
  #course_occasions .new_course_list_item #booking-login-btn {
    font-size: 0.7em;
    padding: 7px;
  }
}

.cert-pagination {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.cert-pagination .cert-page-btn {
  padding: 6px 10px;
  border: 1px solid #ddd;
  background: #fff;
  cursor: pointer;
  border-radius: 4px;
}

.cert-pagination .cert-page-btn.active {
  font-weight: 600;
  border-color: #999;
}

.cert-pagination .cert-page-btn.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.cert-pagination .ellipsis {
  padding: 0 6px;
}

.account-certificate-list {
  overflow-anchor: none;
}

.course-toolbar-inner {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 24px;
}
@media only screen and (max-width: 768px) {
  .course-toolbar-inner {
    display: flex;
    flex-direction: column;
    padding-top: 0 !important;
    gap: 16px;
  }
}

.course-toolbar-left {
  max-width: 350px;
}
@media only screen and (max-width: 768px) {
  .course-toolbar-left {
    max-width: 100%;
    width: 100%;
  }
}

/* Course filter */
.course-sort-wrapper {
  position: relative;
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .course-sort-wrapper {
    width: 100%;
  }
}
.course-sort-wrapper::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #000;
  pointer-events: none;
}

#course-sort-select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 20px;
  border: 2px solid #75b94e;
  padding: 5px 40px 5px 15px;
  font-size: 16px;
  background-color: #fff;
  cursor: pointer;
}

.course-toolbar-left select {
  width: 100%;
  padding: 6px 10px;
  font-size: 14px;
}

.course-toolbar-right {
  justify-self: end;
}

.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
  display: none;
}

.tb-slider {
  position: relative;
  text-align: center;
}
.tb-slider .slide-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.tb-slider .swiper-slide {
  height: 600px !important;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}
@media only screen and (max-width: 768px) {
  .tb-slider .swiper-slide {
    height: 400px !important;
  }
}
@media only screen and (max-width: 768px) {
  .tb-slider .swiper-slide {
    height: 320px !important;
  }
}
.tb-slider .slide-content {
  position: relative;
  height: 100%;
  background-size: cover;
  text-align: left;
  z-index: 99;
  max-width: 1260px;
  margin: 0 auto;
}
.tb-slider .slide-content .text_ovl {
  position: absolute;
  bottom: 20%;
  height: 40%;
  width: 90%;
  margin-left: 5%;
  text-align: center;
  color: white;
}
.tb-slider .slide-content .text_ovl h2 {
  font-size: 60px;
}
@media (max-width: 767px) {
  .tb-slider .slide-content .text_ovl h2 {
    font-size: 26px;
  }
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
  .tb-slider .slide-content .text_ovl h2 {
    font-size: 40px;
  }
}
.tb-slider .slide-content .text_ovl h3 {
  font-family: "Circular-book", sans-serif;
  margin: 0 0 5px 0;
}
.tb-slider .slide-content .text_ovl .btn.slide {
  border: 2px solid white;
  font-family: "Circular-book", sans-serif;
  text-transform: none;
  color: white;
}
.tb-slider .slide-content .text_ovl .btn.slide:hover {
  background-color: #75b94e;
  border: 2px solid #75b94e;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.tb-slider a {
  margin-top: 15px;
  padding: 18px 40px;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .tb-slider a {
    margin-top: 10px;
    padding: 10px 20px;
    font-size: 16px;
  }
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
  .tb-slider a {
    margin-top: 12px;
    padding: 15px 30px;
    font-size: 18px;
  }
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  display: none;
}

.video-section {
  position: relative;
  height: 600px;
}
@media only screen and (max-width: 768px) {
  .video-section {
    height: 400px !important;
  }
}
@media only screen and (max-width: 768px) {
  .video-section {
    height: 320px !important;
  }
}
.video-section .toppvideo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.video-section .toppvideo .text_ovl {
  position: absolute;
  bottom: 30%;
  height: 40%;
  width: 90%;
  text-align: center;
  color: white;
  z-index: 10;
  margin-left: 5%;
}
.video-section .toppvideo .text_ovl h2 {
  font-family: "Circular-bold";
  font-size: 110px;
  letter-spacing: 0;
  line-height: 171px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .video-section .toppvideo .text_ovl h2 {
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 2.7px;
  }
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
  .video-section .toppvideo .text_ovl h2 {
    line-height: 100px;
    font-size: 60px;
    letter-spacing: 3px;
  }
}
.video-section .toppvideo .text_ovl h3 {
  margin: 0 0 5px 0;
}
@media (max-width: 767px) {
  .video-section .toppvideo .text_ovl h3 {
    font-size: 18px;
    margin: 0;
  }
}
.video-section .toppvideo .text_ovl h4 {
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 1.8px;
  line-height: 18px;
  margin-bottom: 30px;
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
  .video-section .toppvideo .text_ovl h4 {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .video-section .toppvideo .text_ovl h4 {
    font-size: 12px;
    margin-bottom: 0;
  }
}
.video-section .toppvideo .text_ovl a.btn {
  margin-top: -20px;
}
@media (max-width: 767px) {
  .video-section .toppvideo .text_ovl a.btn {
    margin-top: 0;
  }
}
.video-section .toppvideo__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9;
}
.video-section .toppvideo iframe {
  display: block;
  width: 100vw;
  height: 56.25vw;
  min-height: 110vh;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 1170px) {
  .video-section .toppvideo iframe {
    min-width: 100vh;
  }
}

.toppvideo .text_ovl a.btn.slide {
  font-family: "Circular-book", sans-serif;
  text-transform: none;
  color: white;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.toppvideo .text_ovl a.btn.slide:hover {
  background-color: rgb(104.8076923077, 170.1923076923, 67.3076923077);
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
.toppvideo .text_ovl a {
  margin-top: 15px;
  padding: 18px 40px;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .toppvideo .text_ovl a {
    margin-top: 10px;
    font-size: 16px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 1120px) and (min-width: 768px) {
  .toppvideo .text_ovl a {
    margin-top: 12px;
    font-size: 18px;
    padding: 15px 30px;
  }
}

.puffcol {
  float: left;
}
.puffcol.col-25 {
  width: 20%;
}
@media (max-width: 980px) {
  .puffcol.col-25 {
    width: 30%;
    height: 340px;
  }
}
@media only screen and (max-width: 768px) {
  .puffcol.col-25 {
    height: 100%;
  }
}
@media (max-width: 500px) {
  .puffcol.col-25 {
    width: 60%;
    height: auto;
  }
}
.puffcol.col-33 {
  width: 31.6%;
}
@media (max-width: 767px) {
  .puffcol.col-33 {
    width: 100%;
  }
}
.puffcol.col-50 {
  width: 48%;
}
@media (max-width: 767px) {
  .puffcol.col-50 {
    width: 100%;
  }
}
.puffcol.col-slide {
  max-width: 360px;
  width: 96%;
}
.puffcol .puffbild {
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center center;
}
@media (max-width: 980px) {
  .puffcol .puffbild {
    height: 140px;
  }
}

.puff-section.rm-padding {
  padding-bottom: 0;
}

.puffcol.col-50:nth-child(odd) {
  margin-right: 2%;
}
@media (max-width: 767px) {
  .puffcol.col-50:nth-child(odd) {
    margin-right: 0;
  }
}

.puffcol.col-50:nth-child(even) {
  margin-left: 2%;
}
@media (max-width: 767px) {
  .puffcol.col-50:nth-child(even) {
    margin-left: 0;
  }
}

.puffcol.col-33:nth-child(2) {
  margin-left: 2.5%;
  margin-right: 2.5%;
}
@media (max-width: 767px) {
  .puffcol.col-33:nth-child(2) {
    margin-left: 0;
    margin-right: 0;
  }
}

.puffcol.col-25:nth-child(2),
.puffcol.col-25:nth-child(3) {
  margin-left: 3%;
}

.puffcol.col-25:nth-child(1) {
  margin-left: 5.5%;
}

.puffcol.col-25:nth-child(4) {
  margin-left: 3%;
}

@media (max-width: 980px) {
  .puffcol.col-25:nth-child(1),
  .puffcol.col-25:nth-child(3) {
    margin-left: 18.5%;
  }
  .puffcol.col-25:nth-child(2),
  .puffcol.col-25:nth-child(4) {
    margin-left: 3%;
  }
}
@media (max-width: 500px) {
  .puffcol.col-25:nth-child(1),
  .puffcol.col-25:nth-child(3),
  .puffcol.col-25:nth-child(2),
  .puffcol.col-25:nth-child(4) {
    margin-left: 20%;
    margin-bottom: 30px;
  }
}
.puffcol a {
  text-decoration: none !important;
  color: #4a4a49;
}

/* Standardpuff */
.puff .text-container {
  text-align: left;
}
.puff .text-container .pufflink {
  font-family: "Circular-book", sans-serif;
  color: #75b94e;
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
}
@media only screen and (max-width: 768px) {
  .puff .text-container .pufflink {
    font-size: 15px;
    line-height: 22px;
  }
}
.puff .text-container .pufflink:hover {
  color: #4a4a49;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
@media only screen and (max-width: 768px) {
  .puff .text-container p {
    line-height: 20px;
  }
}
.puff .text-container h4 {
  font-family: "Circular-book", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
  margin-top: 20px;
  border-bottom: 6px solid #75b94e;
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (max-width: 768px) {
  .puff .text-container h4 {
    font-size: 12px;
  }
}
.puff .text-container h3 {
  font-size: 18px;
  margin: 0 0 10px 0;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .puff .text-container h3 {
    font-size: 16px;
  }
}

.puff.textpuff {
  margin-bottom: 40px;
}

/* Textpuff ny design*/
.puffcol.col-25.textpuff-wrapper {
  margin-left: 0;
  width: 22.7%;
}
.puffcol.col-25.textpuff-wrapper:nth-child(2), .puffcol.col-25.textpuff-wrapper:nth-child(3), .puffcol.col-25.textpuff-wrapper:nth-child(4) {
  margin-left: 3%;
}
@media only screen and (max-width: 480px) {
  .puffcol.col-25.textpuff-wrapper {
    margin: 0;
    width: 100%;
  }
}
.puffcol.col-25.textpuff-wrapper .textpuff-ny .puffbild h3 {
  font-size: 28px;
  max-width: 80%;
  line-height: 40px;
}

.textpuff-ny {
  margin-bottom: 20px;
}
.textpuff-ny .puffbild {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: ease 0.2s;
  position: relative;
}
.textpuff-ny .puffbild .image {
  filter: brightness(80%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50%;
}
.textpuff-ny .puffbild h3 {
  font-family: "Circular-bold";
  font-size: 30px;
  letter-spacing: 0;
  color: white;
  z-index: 1;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
@media only screen and (max-width: 480px) {
  .textpuff-ny .puffbild h3 {
    font-size: 30px;
    line-height: 60px;
    letter-spacing: 2.7px;
    display: none;
  }
}
.textpuff-ny .puffbild .puff-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #75b94e;
  opacity: 0;
  transition: ease 0.2s;
}
.textpuff-ny .puffbild:hover .puff-overlay {
  transition: ease 0.2s;
  opacity: 1;
}
.textpuff-ny .text-container h4 {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.03px;
  text-transform: none;
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 7px;
}
@media only screen and (max-width: 768px) {
  .textpuff-ny .text-container h4 {
    font-size: 16px;
  }
}

/* Puff banner */
.puffbanner-wrapper {
  padding: 20px 0 30px;
}
.puffbanner-wrapper .inner-content {
  max-width: 100%;
  margin: 0;
}
.puffbanner-wrapper .puffcol {
  width: 100%;
}

.puffbanner {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 400px;
}
.puffbanner .puffbild {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.puffbanner .text-container {
  text-align: center;
  z-index: 1;
  color: white;
}
@media only screen and (max-width: 768px) {
  .puffbanner .text-container {
    width: 100%;
  }
}
.puffbanner .text-container h4 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1.78px;
  line-height: 20px;
  margin-bottom: 6;
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .puffbanner .text-container h4 {
    font-size: 14px;
  }
}
.puffbanner .text-container h3 {
  font-family: "VivaBeautiful", sans-serif;
  font-size: 72px;
  letter-spacing: 3.73px;
  line-height: 112px;
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  .puffbanner .text-container h3 {
    font-size: 40px;
    line-height: 60px;
    width: 80%;
    margin: 0 auto;
  }
}
.puffbanner .text-container p {
  display: none;
}
.puffbanner .text-container .pufflink {
  display: inline-block;
  text-transform: none;
  text-decoration: none;
  margin-top: 15px;
  padding: 18px 40px;
  font-size: 18px;
  font-weight: 400;
  background-color: #75b94e;
  color: #fff;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.puffbanner .text-container .pufflink:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
  color: #fff;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

/* Bildpuff */
.puff.bildpuff {
  overflow: hidden;
  position: relative;
}
.puff.bildpuff .text-container h4,
.puff.bildpuff .text-container p,
.puff.bildpuff .text-container .pufflink {
  display: none;
}
.puff.bildpuff h3 {
  text-align: center;
  padding-top: 15px;
  color: #6d7491;
  font-size: 18px;
}
@media (max-width: 980px) {
  .puff.bildpuff .puffbild {
    height: 260px;
  }
}
@media (min-width: 981px) {
  .puff.bildpuff .puffbild {
    height: 260px;
  }
}
@media (min-width: 1281px) {
  .puff.bildpuff .puffbild {
    height: 300px;
  }
}

@media (min-width: 501px) {
  .puff.bildpuff:hover .text-container p {
    font-family: "Circular-book", sans-serif;
    text-align: center;
    color: white;
    line-height: 20px;
    position: absolute;
    top: 10%;
    display: block;
    width: 100%;
    padding: 10%;
  }
  .puff.bildpuff:hover .puff-overlay {
    background-color: #6d7491;
    width: 100%;
    height: 100%;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
  }
}
/* Bildpuff Slidepuff */
.puff.slidepuff {
  position: relative;
}
.puff.slidepuff .text-container h4,
.puff.slidepuff .text-container p,
.puff.slidepuff .text-container .pufflink {
  display: none;
}
.puff.slidepuff h3 {
  font-family: "VivaBeautiful", sans-serif;
  position: absolute;
  top: 40%;
  display: block;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 80px;
  line-height: 130px;
  height: 130px;
  font-weight: 300;
}
@media only screen and (max-width: 768px) {
  .puff.slidepuff h3 {
    font-size: 62px;
    line-height: 90px;
  }
}
@media only screen and (max-width: 768px) {
  .puff.slidepuff h3 {
    font-size: 56px;
    line-height: 80px;
  }
}
.puff.slidepuff .puffbild {
  height: 540px;
}
@media only screen and (max-width: 768px) {
  .puff.slidepuff {
    height: 480px;
  }
}
@media only screen and (max-width: 768px) {
  .puff.slidepuff {
    height: 420px;
  }
}

.puff.slidepuff:hover .text-container p {
  display: block;
  top: 45%;
  padding: 10%;
  text-align: center;
  color: white;
  line-height: 20px;
  z-index: 9;
  position: absolute;
}
.puff.slidepuff:hover .text-container .pufflink {
  display: block;
  padding: 15px;
  text-align: center;
  color: white;
  z-index: 9;
  position: absolute;
  bottom: 40px;
  border: 2px solid white;
  width: 70%;
  margin-left: 15%;
}
@media only screen and (max-width: 768px) {
  .puff.slidepuff:hover .text-container .pufflink {
    width: 80%;
    margin-left: 10%;
    padding: 10px;
    bottom: 30px;
  }
}
.puff.slidepuff:hover .text-container .pufflink:hover {
  background-color: #6d7491;
}
.puff.slidepuff:hover h3 {
  top: 140px;
  display: block;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.puff.slidepuff:hover .puff-overlay {
  background-color: #6d7491;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}

.puff-section .inner-content .swiper-container {
  margin-left: 40px;
  margin-right: 40px;
}

.swiper-button-prev, .swiper-button-next {
  display: none;
}

.slidepuff.swiper-button-prev, .slidepuff.swiper-button-next {
  display: block;
}

.slidepuff.swiper-button-prev {
  left: 0;
}

.slidepuff.swiper-button-next {
  right: 0;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0;
}

.swiper-button-prev {
  background: url(/wp-content/themes/insu.se/static/images/prev.png) no-repeat !important;
  background-size: 100% !important;
  background-position: center;
}

.swiper-button-next {
  background: url(/wp-content/themes/insu.se/static/images/next.png) no-repeat !important;
  background-size: 100% !important;
  background-position: center;
}

.coworker-filter-wrp {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .coworker-filter-wrp {
    text-align: center;
  }
}
.coworker-filter-wrp h2 {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .coworker-filter-wrp h2 {
    display: block;
  }
}
.coworker-filter-wrp .select-wrp {
  display: inline-block;
  position: relative;
  float: right;
}
@media only screen and (max-width: 768px) {
  .coworker-filter-wrp .select-wrp {
    float: none;
    width: 80%;
  }
}
@media only screen and (max-width: 768px) {
  .coworker-filter-wrp .select-wrp {
    margin-top: 10px;
  }
}
.coworker-filter-wrp .select-wrp:before {
  font: normal normal normal 22px/1 FontAwesome;
  content: "\f107";
  position: absolute;
  right: 15px;
  top: 14px;
  z-index: 99;
  color: #000;
  pointer-events: none;
}
.coworker-filter-wrp .select-wrp select {
  cursor: pointer;
  moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  height: auto;
  background-color: #f7f7f7;
  color: #000;
  border: 1px solid #e2e0e3;
  padding: 12px 50px 12px 12px;
  line-height: 18px;
  font-size: 18px;
  font-weight: normal;
}

.inner-content.coworkerfilter {
  border-top: 1px solid #e2e0e3;
  padding-top: 40px;
}

h2.cowork-head {
  font-size: 2em;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d3d3d3;
}

.inner-content.coworkergrid {
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .inner-content.coworkergrid {
    padding-left: 10%;
    padding-right: 10%;
  }
}

.coworker_plh {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
  gap: 30px;
}
@media (max-width: 1140px) {
  .coworker_plh {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 1024px) {
  .coworker_plh {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 775px) {
  .coworker_plh {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 600px) {
  .coworker_plh {
    gap: 20px;
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.coworker {
  display: inline-block;
}
.coworker img {
  display: block;
  width: 100%;
  height: auto;
  margin-bottom: 15px;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

.coworker.single-cowork {
  float: none;
  margin: 0 auto;
}

.coworker .text-container {
  display: inline-block;
  width: 100%;
  height: 130px;
}
@media only screen and (max-width: 768px) {
  .coworker .text-container {
    height: auto;
  }
}
.coworker .text-container h3 {
  font-size: 16px;
  margin: 0 0 5px;
  padding: 0;
  font-weight: 700;
}
.coworker .text-container h4 {
  font-size: 15px;
  margin: 0 0 10px;
  padding: 0;
}
.coworker .text-container p {
  font-size: 15px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-family: "Circular-book", sans-serif;
}
.coworker .text-container a {
  color: #4a4a49;
  text-decoration: none;
}
.coworker .text-container a:hover {
  text-decoration: underline;
}

/* Lärarmodul */
.teacher-list-single {
  display: inline-block;
  width: 32%;
  margin-right: 1.5%;
  margin-bottom: 30px;
  background: #f5f5f5;
  padding: 25px 25px 10px;
  vertical-align: top;
}
.teacher-list-single img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
@media (max-width: 980px) {
  .teacher-list-single {
    width: 47%;
  }
}
@media only screen and (max-width: 768px) {
  .teacher-list-single {
    width: 100%;
    margin-right: 0;
  }
}

.teacher-list-single p {
  display: block;
}

.teacher-list-single:nth-child(3n+3) {
  margin-right: 0;
}
@media (max-width: 980px) {
  .teacher-list-single:nth-child(3n+3) {
    margin-right: 1.5%;
  }
}

@media (max-width: 980px) {
  .teacher-list-single:nth-child(2n+2) {
    margin-right: 0;
  }
}

.teacher-list-single:hover {
  cursor: pointer;
  background: #f9f9f9;
}

.courseform .top_label .gfield_label {
  display: block !important;
  font-weight: 400;
  margin-bottom: 5px;
}

.gform_wrapper .courseform .field_sublabel_above .ginput_complex.ginput_container label,
.gform_wrapper .courseform .field_sublabel_above div[class*=gfield_time_].ginput_container label {
  margin: 9px 0 5px 1px;
  font-size: 0.95em;
}

.gform_wrapper .courseform input[type=email],
.gform_wrapper .courseform input[type=number],
.gform_wrapper .courseform input[type=password],
.gform_wrapper .courseform input[type=tel],
.gform_wrapper .courseform input[type=text],
.gform_wrapper .courseform input[type=url],
.gform_wrapper .courseform input[type=date],
.gform_wrapper .courseform textarea,
.gform_wrapper .courseform .material_datepicker,
.textwidget .courseform input[type=text],
.textwidget .courseform input[type=email] {
  background-color: #f5f5f5;
  border: 1px solid #e2e0e3 !important;
}

.gform_wrapper .courseform .gform_footer input.button,
.gform_wrapper .courseform .gform_footer input[type=submit],
.textwidget .courseform input[type=submit],
.textwidget .courseform button[type=submit],
.gform_button {
  background-color: #75b94e;
  color: white !important;
}

.gform_wrapper .courseform .gform_footer input.button:hover,
.gform_wrapper .courseform .gform_footer input[type=submit]:hover,
.courseform .gform_button:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

.gpnf-dialog .ui-widget-content {
  background: white !important;
}

.gpnf-dialog .ui-dialog-titlebar {
  background: black !important;
}

.gpnf-nested-entries th {
  background-color: #f5f5f5 !important;
}

.gpnf-nested-entries td,
.gpnf-nested-entries th {
  padding: 12px !important;
}

.gpnf-nested-entries tr {
  /*display: flex;*/
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .gpnf-nested-entries tr {
    flex-direction: column;
  }
}

.gpnf-nested-entries {
  width: 100%;
}

.gpnf-add-entry {
  padding: 18px 30px !important;
  font-size: 16px !important;
  background-color: #edc73c;
  color: black;
  border: none !important;
}

.gpnf-add-entry:hover {
  background-color: rgb(225.2112676056, 181.323943662, 20.7887323944);
}

/* Övriga formulär */
.gform_wrapper ul.gfield_checkbox li label,
.gform_wrapper ul.gfield_radio li label {
  font-family: "Circular-book", sans-serif;
  font-size: 16px;
}

.gform_wrapper {
  max-width: none !important;
}

.gform_wrapper .tb-divider-outer-wrapper {
  padding-bottom: 25px;
}

.gform_wrapper li.gfield_html {
  max-width: none !important;
}

.gform_wrapper ul li.gfield {
  margin-top: 20px !important;
  padding-right: 0 !important;
}

.top_label .gfield_label {
  font-family: "Circular-book", sans-serif;
  font-weight: 400 !important;
  margin-bottom: 10px;
}

.gform_wrapper .ginput_container {
  position: relative;
  margin: 0 !important;
}

.gform_wrapper input[type=email],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper input[type=url],
.gform_wrapper input[type=date],
.gform_wrapper textarea,
.gform_wrapper .material_datepicker {
  background-color: #f5f5f5;
  padding: 15px 10px !important;
  font-family: "Circular-book", sans-serif !important;
  color: #4a4a49 !important;
  text-transform: none;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 17px !important;
  width: 100% !important;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #e2e0e3;
}

.textwidget #mc_embed_signup input[type=text],
.textwidget #mc_embed_signup input[type=email] {
  background-color: #f7f7f7;
  border: none !important;
  padding: 15px 10px !important;
  color: #262626 !important;
  text-transform: none;
  font-weight: 400;
  width: 70%;
  font-size: 16px !important;
  line-height: 17px !important;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media only screen and (max-width: 768px) {
  .textwidget #mc_embed_signup input[type=text],
  .textwidget #mc_embed_signup input[type=email] {
    display: block;
    width: 90% !important;
    margin-right: 0;
    margin-bottom: 25px !important;
  }
}

.textwidget input[type=email] {
  display: inline-block;
}

.gform_wrapper input[type=date] {
  padding: 14px 10px !important;
}

.textwidget input[type=text] {
  margin-bottom: 10px;
}

.textwidget input[type=email] {
  margin-bottom: 10px;
  margin-right: 10px;
  font-family: "Circular-book", sans-serif;
}

.textwidget input[type=checkbox] {
  visibility: hidden;
}

.gform_wrapper .ginput_container .datepicker {
  width: 100% !important;
}

.gform_wrapper .ginput_container img {
  position: absolute;
  z-index: 10;
  top: 15px;
  right: 15px;
  cursor: pointer;
}

.ginput_container_select,
.selectWrp {
  overflow: hidden;
  background-color: rgb(255, 255, 255);
  background-image: none;
  padding: 15px 10px;
}
.ginput_container_select:before,
.selectWrp:before {
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "▽";
  color: #4a4a49 !important;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 12px;
  z-index: 8;
}

.selectWrp {
  padding: 0 10px 15px;
}
.selectWrp:before {
  right: 30px;
  top: 20px;
}

.ginput_container_select select,
.selectWrp select {
  cursor: pointer;
  position: relative;
  z-index: 9;
  color: #4a4a49;
  font-family: "Circular-book", sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px !important;
  height: 14px !important;
  line-height: 14px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0) !important;
  width: 105%;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .ginput_container_select select,
  .selectWrp select {
    padding-top: 0;
  }
}
.ginput_container_select select::-ms-expand,
.selectWrp select::-ms-expand {
  display: none;
}

.ginput_container_select select:-moz-focusring,
.selectWrp select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #fff;
}

.ginput_container_select select > option,
.selectWrp select > option {
  padding: 5px 10px;
  color: #4a4a49 !important;
  background: #fff;
  border: 0 !important;
  border-style: hidden !important;
  line-height: 20px;
  font-size: 14px;
  font-family: "Circular-book", sans-serif;
  margin-left: 10px;
  font-weight: 500;
}

::-webkit-input-placeholder {
  color: #4a4a49 !important;
}

:-moz-placeholder {
  color: #4a4a49 !important;
}

::-moz-placeholder {
  color: #4a4a49 !important;
}

:-ms-input-placeholder {
  color: #4a4a49 !important;
}

.gform_wrapper .gform_footer {
  text-align: center;
  padding: 0 !important;
  width: 97% !important;
}

.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit] {
  width: 103% !important;
  font-size: 18px !important;
  line-height: 1.2em;
  font-family: "Circular-book", sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #75b94e;
  color: rgb(255, 255, 255) !important;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 16px 30px !important;
  margin: 0 auto !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.textwidget input[type=submit],
.textwidget button[type=submit],
.gform_button {
  width: 26% !important;
  font-size: 16px !important;
  line-height: 20px;
  font-family: "Circular-book", sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
  outline: none;
  border: none;
  cursor: pointer;
  background-color: #75b94e;
  display: inline-block;
  color: white !important;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 14px 20px !important;
  margin: 0 auto !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media only screen and (max-width: 768px) {
  .textwidget input[type=submit],
  .textwidget button[type=submit],
  .gform_button {
    display: block;
    width: 50% !important;
  }
}

.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_button:hover {
  color: #4a4a49;
  background: rgb(145.4939271255, 199.4534412955, 114.5465587045);
}

.ginput_container a:focus {
  color: #4a4a49 !important;
}

/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/
.gform_wrapper .top_label li.gfield.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
  width: 25%;
}
@media (max-width: 767px) {
  .gform_wrapper .top_label li.gfield.gf_first_quarter,
  .gform_wrapper .top_label li.gfield.gf_second_quarter,
  .gform_wrapper .top_label li.gfield.gf_third_quarter,
  .gform_wrapper .top_label li.gfield.gf_fourth_quarter {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .gform_wrapper .top_label li.gfield.gf_first_quarter,
  .gform_wrapper .top_label li.gfield.gf_second_quarter,
  .gform_wrapper .top_label li.gfield.gf_third_quarter,
  .gform_wrapper .top_label li.gfield.gf_fourth_quarter {
    width: 100%;
    float: none;
  }
}

.gform_wrapper.tb-booking-button-form {
  margin: 0 !important;
}

.tb-booking-button-form li {
  clear: none !important;
}

.tb-booking-button-form .gfield_date,
.tb-booking-button-form .gfield_select,
.tb-booking-button-form .gfield_text,
.tb-booking-button-form .gfield_button {
  float: left;
}

.tb-booking-button-form .gfield_date {
  width: 165px;
}
.tb-booking-button-form .gfield_date ::-webkit-calendar-picker-indicator {
  opacity: 1;
}
@media (max-width: 1023px) {
  .tb-booking-button-form .gfield_date {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tb-booking-button-form .gfield_date {
    width: 100%;
    float: none;
  }
}

.tb-booking-button-form .gfield_select {
  width: 120px;
}
@media (max-width: 1023px) {
  .tb-booking-button-form .gfield_select {
    width: 20%;
  }
}
@media (max-width: 639px) {
  .tb-booking-button-form .gfield_select {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tb-booking-button-form .gfield_select {
    width: 100%;
    float: none;
  }
}

.tb-booking-button-form .gfield_select .ginput_container_select:before {
  right: 15px;
}

.tb-booking-button-form .gfield_text {
  width: 120px;
}
@media (max-width: 1023px) {
  .tb-booking-button-form .gfield_text {
    width: 20%;
  }
}
@media (max-width: 639px) {
  .tb-booking-button-form .gfield_text {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tb-booking-button-form .gfield_text {
    width: 100%;
    float: none;
  }
}

.tb-booking-button-form .gfield_button {
  width: 90px;
}
@media (max-width: 1023px) {
  .tb-booking-button-form .gfield_button {
    width: 20%;
  }
}
@media (max-width: 639px) {
  .tb-booking-button-form .gfield_button {
    width: 100%;
    clear: both;
  }
  .tb-booking-button-form .gfield_button .gform_button {
    margin-top: 7px !important;
  }
}
@media (max-width: 480px) {
  .tb-booking-button-form .gfield_button {
    width: 100%;
    float: none;
  }
  .tb-booking-button-form .gfield_button .gform_button {
    margin-top: 0 !important;
  }
}

.tb-booking-button-form .gfield_button .gform_button {
  padding: 16px 0 !important;
  display: block;
  width: 100%;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
  width: 21%;
}

.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
  margin-right: 1%;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter {
  float: left;
  clear: left !important;
}

.gform_wrapper .top_label li.gfield.gf_second_quarter,
.gform_wrapper .top_label li.gfield.gf_third_quarter,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
  float: left;
  clear: none !important;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
  width: 100%;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter + li.gfield,
.gform_wrapper .top_label li.gfield.gf_second_quarter + li.gfield,
.gform_wrapper .top_label li.gfield.gf_third_quarter + li.gfield,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter + li.gfield {
  clear: both;
}

.gform_wrapper .top_label li.gfield.gf_first_quarter + .gform_footer,
.gform_wrapper .top_label li.gfield.gf_second_quarter + .gform_footer,
.gform_wrapper .top_label li.gfield.gf_third_quarter + .gform_footer,
.gform_wrapper .top_label li.gfield.gf_fourth_quarter + .gform_footer {
  clear: both;
}

.gform_wrapper .top_label li.gfield.gf_left_third,
.gform_wrapper .top_label li.gfield.gf_middle_third,
.gform_wrapper .top_label li.gfield.gf_right_third {
  width: 33.33 !important;
  margin-left: 0 !important;
  clear: none !important;
}
@media (max-width: 639px) {
  .gform_wrapper .top_label li.gfield.gf_left_third,
  .gform_wrapper .top_label li.gfield.gf_middle_third,
  .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 50% !important;
    clear: none !important;
  }
}
@media (max-width: 480px) {
  .gform_wrapper .top_label li.gfield.gf_left_third,
  .gform_wrapper .top_label li.gfield.gf_middle_third,
  .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 100% !important;
    float: none !important;
    clear: both !important;
  }
}

.tb-conference-form-wrapper {
  position: relative;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tb-conference-form-wrapper .tb-divider-outer-wrapper {
  margin-bottom: 20px;
}
.tb-conference-form-wrapper form {
  text-align: center !important;
}
.tb-conference-form-wrapper .form-group {
  float: left;
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.tb-conference-form-wrapper .form-group.form-group-select, .tb-conference-form-wrapper .form-group.textareaWrp {
  width: 100%;
}
.tb-conference-form-wrapper .form-group label {
  display: none;
}
.tb-conference-form-wrapper .form-group input {
  height: auto !important;
}
@media (max-width: 767px) {
  .tb-conference-form-wrapper .form-group {
    width: 50%;
  }
}
@media (max-width: 480px) {
  .tb-conference-form-wrapper .form-group {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 10px;
    float: none;
  }
}

.textwidget iframe {
  width: 340px;
  height: 455px;
}

.gfield_price .gfield_label {
  display: block !important;
}

li .gfield_price .gfield_label {
  color: white !important;
}

.gfield_price {
  background: lightyellow;
  padding: 10px !important;
}

.gform_wrapper input.ginput_quantity[type=text] {
  width: 40px !important;
}

/* INSU-specifika justeringar */
.gform_wrapper .gform_body {
  font-family: "Circular-book", sans-serif;
}

.gform_wrapper .field_description_below .gfield_description {
  font-family: "Circular-book", sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 100;
}

.txt-section .gform_wrapper .gfield_radio li {
  width: 100%;
}

.limited_places_left {
  color: red;
}

@media only screen and (max-width: 768px) {
  .page-template-courses-booking .content.single {
    width: 100%;
    margin-right: 0;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 1024px) {
  .gpnf-nested-entries td:before {
    display: none;
  }
}

#gform_wrapper_1 .gfmc-column.grey-column {
  padding: 0.5rem 2rem 1.5rem;
  background-color: #f7f7f7;
  margin-bottom: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}
#gform_wrapper_1 .gfmc-column.grey-column ul li:first-of-type .gfield_label {
  font-size: 20px;
  font-weight: bold !important;
  margin-bottom: 1rem;
  text-transform: uppercase;
  color: #4a4a49;
}
#gform_wrapper_1.gform_wrapper .courseform input[type=email], #gform_wrapper_1.gform_wrapper .ginput_container_select, #gform_wrapper_1.gform_wrapper .courseform input[type=number], #gform_wrapper_1.gform_wrapper .courseform input[type=password], #gform_wrapper_1.gform_wrapper .courseform input[type=tel], #gform_wrapper_1.gform_wrapper .courseform input[type=text], #gform_wrapper_1.gform_wrapper .courseform input[type=url], #gform_wrapper_1.gform_wrapper .courseform input[type=date], #gform_wrapper_1.gform_wrapper .courseform textarea, #gform_wrapper_1.gform_wrapper .courseform .material_datepicker,
#gform_wrapper_1 .textwidget .courseform input[type=text],
#gform_wrapper_1 .textwidget .courseform input[type=email] {
  background-color: #fff;
  border: 1px solid #e2e0e3 !important;
}
#gform_wrapper_1.gform_wrapper .courseform .field_sublabel_above .ginput_complex.ginput_container label, #gform_wrapper_1.gform_wrapper .courseform .field_sublabel_above div[class*=gfield_time_].ginput_container label {
  font-weight: bold !important;
  color: #4a4a49;
  font-size: 16px;
  margin-bottom: 5px;
}
#gform_wrapper_1.gform_wrapper .top_label .gfield_label, #gform_wrapper_1 .gform_wrapper legend.gfield_label {
  font-weight: bold !important;
  color: #4a4a49;
}
#gform_wrapper_1.gform_wrapper .ginput_complex.ginput_container_address .ginput_left, #gform_wrapper_1.gform_wrapper .ginput_complex.ginput_container_address .ginput_right {
  margin-top: 10px;
}
#gform_wrapper_1.gform_wrapper ul.gfield_checkbox li, #gform_wrapper_1.gform_wrapper ul.gfield_radio li {
  width: 33.33%;
}
@media only screen and (max-width: 768px) {
  #gform_wrapper_1.gform_wrapper ul.gfield_checkbox li, #gform_wrapper_1.gform_wrapper ul.gfield_radio li {
    width: 100%;
  }
}
#gform_wrapper_1.gform_wrapper .gfield_required {
  display: none;
}
#gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield.hide-checkbox input[type=checkbox] {
  display: none;
}
#gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield.hide-checkbox label {
  color: #75b94e;
  text-decoration: underline;
  transition: all 0.3s linear;
}
#gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield.hide-checkbox label:hover {
  color: #4a4a49;
  transition: all 0.3s linear;
}

.search_plh {
  width: 34% !important;
  margin: -30px auto 0;
  position: relative;
  z-index: 9;
}
@media only screen and (max-width: 1170px) {
  .search_plh {
    width: 40% !important;
  }
}
@media only screen and (max-width: 768px) {
  .search_plh {
    width: 50% !important;
  }
}
@media only screen and (max-width: 768px) {
  .search_plh {
    width: 90% !important;
    margin: 20px auto 0;
  }
}
.search_plh .promagnifier .innericon svg {
  width: 34px !important;
}

.asp_group_header {
  border-radius: 0 !important;
}

div.asp_w.asp_r .results .item {
  padding: 12px 3px 3px !important;
  border-radius: 0 !important;
}

.asp_res_text {
  padding-bottom: 5px !important;
}

#ajaxsearchpro1_1 .probox .proinput,
div.asp_m.asp_m_1 .probox .proinput {
  margin-left: 20px !important;
}

/* Sökfunktion i toppmenyn */
.headersearch_section {
  position: fixed;
  z-index: 999;
  top: 0;
  right: -420px;
  bottom: 0;
  width: 375px;
  background-color: #f7f7f7;
  padding: 50px 25px;
  border-left: 1px solid #ddd;
  -webkit-transition: right 0.3s ease;
  -moz-transition: right 0.3s ease;
  -o-transition: right 0.3s ease;
  transition: right 0.3s ease;
}
@media (max-width: 420px) {
  .headersearch_section {
    width: 100%;
  }
}

.searchOpen .headersearch_section {
  right: 0;
}

.searchclose {
  position: absolute;
  right: 30px;
  top: 15px;
  width: 20px;
  height: 20px;
  opacity: 0.3;
}

.searchclose:hover {
  opacity: 1;
  cursor: pointer;
}

.searchclose:before,
.searchclose:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 20px;
  width: 2px;
  background-color: #333;
}

.searchclose:before {
  transform: rotate(45deg);
}

.searchclose:after {
  transform: rotate(-45deg);
}

/* My Comment
.search_plh {
    display: none;
}
#ajaxsearchpro1_1,
#ajaxsearchpro1_2,
div.ajaxsearchpro[id*="ajaxsearchpro1_"] {
	@extend %inlineBlock;
	background: none !important;
	border-radius: 0 0 0 0 !important;
	box-shadow: 0px 0px 0px 0px #ffffff !important;
	width: 100% !important;


		.probox {
			margin: 15px 0 0 !important;
			height: 60px !important;
			background: $light-gray !important;
			border: none !important;
			border-radius: 0 0 0 0 !important;
			box-shadow: 0px 0px 0px 0px #ffffff !important;

				.promagnifier,
				.prosettings {
					display: none !important;

}
				.proinput {
					width: auto !important;
					margin: 0 !important;
					margin-left: 30px !important;
					margin-right: 30px !important;
					padding: 0 !important;


						input {
							margin: 0 !important;
							padding: 0 !important;
							color: #000 !important;
							height: 60px !important;
							font-size: 2em !important;

						}
						::-webkit-input-placeholder {
							color: $black;
							font-size: 1em !important;
						}
						:-moz-placeholder {
							color: $black;
							font-size: 1em !important;
						}
						::-moz-placeholder {
							color: $black;
							font-size: 1em !important;
						}
						:-ms-input-placeholder {
							color: $black;
							font-size: 1em !important;
						}

				}
				.proloading {
					margin-top: 15px;
					margin-right: 30px !important;
					.asp_simple-circle {
						border: 3px solid $gray !important;
						border-right-color: transparent !important;
					}
				}
				.proclose {
					margin-top: 15px;
					margin-right: 30px !important;
					svg {
						background-color: $green !important;
					}
				}
		}
}

#ajaxsearchprores1_1.vertical,
#ajaxsearchprores1_2.vertical,
div.ajaxsearchpro[id*="ajaxsearchprores1_"].vertical {

	border: 1px solid #191919 !important;
	border-bottom: 2px solid #191919 !important;
	border-left: none !important;
	border-right: none !important;
	margin-left: 0;
	margin-top: 1px !important;
	padding: 0 !important;

		@include MQ(XS) {
			margin-top: 20px !important;
		}

		.results {
			.asp_nores {
				color: #000 !important;
				padding: 15px 25px !important;
				background: #fff !important;
					.asp_nores_header {
					}
					.asp_nores_header {
					}
			}
			.resdrg {
				.item {
	background-color: $green !important;

					border: none !important;
					padding: 15px 20px !important;
						.asp_content {
							padding: 0 !important;
								h3 {
									font-weight: normal !important;
								}
								.asp_res_url{
									font-weight: normal !important;
									color: #fff !important;

								}
						}
				}
			}
		}
		.mCustomScrollbar {
			.mCSB_buttonUp {
				margin-top: -4px !important;
			}
			.mCSB_buttonDown {
				margin-top: -25px !important;
			}
		}
}


#ajaxsearchprores1_1.vertical .results .item .asp_image, #ajaxsearchprores1_2.vertical .results .item .asp_image, div.ajaxsearchpro[id*="ajaxsearchprores1_"].vertical .results .item .asp_image {

    display: none !important;
}

 */
.content.page {
  text-align: left;
}

/* Inloggning */
.login-form form, .login-placeholder {
  background-color: #f7f7f7;
  padding: 20px;
  margin-bottom: 30px;
  width: 100%;
  font-family: "Circular-book", sans-serif;
}
.login-form form p label, .login-placeholder p label {
  font-family: "Circular-book", sans-serif;
  margin-bottom: 8px;
  display: block;
}

.login-form p {
  font-family: "Circular-book", sans-serif !important;
  margin-bottom: 8px !important;
  display: block;
}

.login-submit input[type=submit] {
  background-color: #75b94e;
  width: 100% !important;
  text-transform: none;
  font-size: 18px !important;
  font-family: "Circular-book", sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
  outline: none;
  border: none;
  cursor: pointer;
  color: white;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 16px 30px !important;
  margin: 0 auto !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.login-submit input[type=submit]:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

.login-form form input[type=text],
.login-form form input[type=password],
.login-form form input[type=email] {
  background-color: #fff;
  border: 1px solid #e2e0e3 !important;
  padding: 15px 10px !important;
  font-family: "Circular-book", sans-serif;
  color: #4a4a49 !important;
  text-transform: none;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 17px !important;
  width: 100% !important;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Inloggad - kurslista */
.webbutbToolbar {
  background-color: #f7f7f7;
  padding: 20px;
  margin-top: 30px;
  margin-bottom: 15px;
}
.webbutbToolbar h2 {
  font-size: 20px !important;
  margin-bottom: 25px;
}

.webbutbStatus {
  text-align: right;
}
.webbutbStatus p {
  font-family: "Circular-book", sans-serif;
}

.webbutbStart,
.webbutbPdf,
.webbutbIntyg {
  display: inline-block;
  width: 32%;
  font-size: 16px !important;
  line-height: 1.2em;
  font-family: "Circular-book", sans-serif;
  font-weight: 400;
  font-family: "Circular-book", sans-serif;
  text-decoration: none !important;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
  padding: 16px 20px !important;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
@media only screen and (max-width: 768px) {
  .webbutbStart,
  .webbutbPdf,
  .webbutbIntyg {
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0 !important;
  }
}

.webbutbPdf {
  background-color: rgb(255, 255, 255);
  margin-left: 1.5%;
}
.webbutbPdf:before {
  content: "\e90a";
  color: #777;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1.3em;
  margin-right: 5px;
  vertical-align: middle;
}

.webbutbIntyg {
  background-color: rgb(255, 255, 255);
  margin-left: 1.5%;
}
.webbutbIntyg:before {
  content: "\e925";
  color: #777;
  font-family: "icomoon" !important;
  display: inline-block;
  font-size: 1.3em;
  margin-right: 5px;
  vertical-align: middle;
}

a .webbutbPdf,
a .webbutbIntyg {
  color: black !important;
  font-family: "Circular-book", sans-serif;
}

a .webbutbPdf:hover,
a .webbutbIntyg:hover {
  background-color: #75b94e;
  color: white !important;
}
a .webbutbPdf:hover:before,
a .webbutbIntyg:hover:before {
  color: #fff;
}

.webbutbStart {
  background-color: #75b94e;
  color: white;
  text-align: center;
  text-transform: uppercase;
}

.webbutbStart.disabled,
.webbutbIntyg.disabled {
  background-color: #d3d3d3 !important;
  cursor: default;
  color: #fff;
}
.webbutbStart.disabled:before,
.webbutbIntyg.disabled:before {
  color: #fff;
}

/* Kontoknappar */
.webbutbildning-meny {
  display: block;
  text-align: right;
  margin-bottom: 15px;
}

a.myaccount {
  background-color: #edc73c;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 0.8em;
  margin-right: 10px;
  font-family: "Circular-book", sans-serif;
}

a.myaccount:hover {
  background-color: rgb(225.2112676056, 181.323943662, 20.7887323944);
}

a.logout {
  background-color: #75b94e;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 0.8em;
  font-family: "Circular-book", sans-serif;
}

a.logout:hover,
.my-account-form input[type=submit]:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

/* Mina sidor */
.my-account-form {
  max-width: 600px;
  margin-top: 25px;
  margin-bottom: 50px;
}

.my-account-form input {
  background-color: #f5f5f5;
  border: 1px solid #e2e0e3 !important;
  padding: 15px 10px !important;
  font-family: "Circular-book", sans-serif;
  color: #4a4a49 !important;
  text-transform: none;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 17px !important;
  width: 100% !important;
  moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -khtml-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.my-account-form input[type=submit] {
  background-color: #75b94e;
  color: white !important;
  text-transform: uppercase;
  font-family: "Circular-book", sans-serif;
}

/* GDPR-Sida */
.policy {
  padding-top: 50px;
  padding-bottom: 50px;
  padding-left: 25px;
  padding-right: 25px;
  max-width: 800px;
  margin: 0 auto;
}

.policy p {
  line-height: 1.5em;
}

.policy li {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 8px;
  line-height: 1.5em;
}

.policy h3 {
  margin-top: 25px;
}

.gdpr-table th {
  padding: 12px;
  text-align: left;
  background-color: #BFE2E2;
  color: white;
}

.gdpr-table td {
  padding: 12px;
  text-align: left;
  background-color: #f5f5f5;
  border: 2px solid white;
}

.wp-block-group.alignwide {
  padding: 4%;
}
.wp-block-group.alignwide .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: 1200px;
}

@media only screen and (min-width: 768px) {
  .news-list-item:first-of-type .news-img {
    height: 500px;
  }
}

.news-list-item:nth-of-type(1) a {
  text-decoration: none !important;
}
.news-list-item:nth-of-type(1) .news-text-wrp {
  margin: 0 auto 20px;
  max-width: 1200px;
  text-align: left;
  position: relative;
}
@media (max-width: 1200px) {
  .news-list-item:nth-of-type(1) .news-text-wrp {
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media (max-width: 1280px) and (min-width: 1201px) {
  .news-list-item:nth-of-type(1) .news-text-wrp {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
}
.news-list-item:nth-of-type(1) .news-img {
  height: 600px;
  width: 100%;
  display: inline-block;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-img {
    height: 320px;
  }
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-img {
    height: 240px;
  }
}
.news-list-item:nth-of-type(1) .news-text {
  width: 53%;
  margin-top: -120px;
  background: white;
  padding: 100px 50px 100px;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-text {
    margin-top: -80px;
    padding: 40px 36px 30px;
  }
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-text {
    width: 100%;
    margin-top: -60px;
    padding: 30px 26px 20px;
  }
}
.news-list-item:nth-of-type(1) .news-text:hover {
  background-color: #f7f7f7;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.news-list-item:nth-of-type(1) .news-text h3,
.news-list-item:nth-of-type(1) .news-text a h3 {
  color: #edc73c;
  font-size: 36px;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-text h3,
  .news-list-item:nth-of-type(1) .news-text a h3 {
    font-size: 20px;
  }
}
.news-list-item:nth-of-type(1) .news-text h6,
.news-list-item:nth-of-type(1) .news-text a h6 {
  line-height: 26px;
  color: #4a4a49;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(1) .news-text h6,
  .news-list-item:nth-of-type(1) .news-text a h6 {
    line-height: 22px;
  }
}

.news-list-item:nth-of-type(2),
.news-list-item:nth-of-type(3),
.news-list-item:nth-of-type(4),
.news-list-item:nth-of-type(5) {
  margin: 0 auto 20px;
  max-width: 1200px;
}
@media (max-width: 1200px) {
  .news-list-item:nth-of-type(2),
  .news-list-item:nth-of-type(3),
  .news-list-item:nth-of-type(4),
  .news-list-item:nth-of-type(5) {
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media (max-width: 1280px) and (min-width: 1201px) {
  .news-list-item:nth-of-type(2),
  .news-list-item:nth-of-type(3),
  .news-list-item:nth-of-type(4),
  .news-list-item:nth-of-type(5) {
    padding-left: 1.5%;
    padding-right: 1.5%;
  }
}
.news-list-item:nth-of-type(2) a,
.news-list-item:nth-of-type(3) a,
.news-list-item:nth-of-type(4) a,
.news-list-item:nth-of-type(5) a {
  text-decoration: none !important;
}
.news-list-item:nth-of-type(2) .news-img,
.news-list-item:nth-of-type(3) .news-img,
.news-list-item:nth-of-type(4) .news-img,
.news-list-item:nth-of-type(5) .news-img {
  height: 250px;
  width: 53%;
  display: inline-block;
  float: left;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-img,
  .news-list-item:nth-of-type(3) .news-img,
  .news-list-item:nth-of-type(4) .news-img,
  .news-list-item:nth-of-type(5) .news-img {
    height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-img,
  .news-list-item:nth-of-type(3) .news-img,
  .news-list-item:nth-of-type(4) .news-img,
  .news-list-item:nth-of-type(5) .news-img {
    height: 160px;
    width: 100%;
    display: block;
  }
}
.news-list-item:nth-of-type(2) .news-text,
.news-list-item:nth-of-type(3) .news-text,
.news-list-item:nth-of-type(4) .news-text,
.news-list-item:nth-of-type(5) .news-text {
  width: 47%;
  padding-left: 3%;
  display: inline-block;
  height: 250px;
  background: white;
  overflow: hidden;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-text,
  .news-list-item:nth-of-type(3) .news-text,
  .news-list-item:nth-of-type(4) .news-text,
  .news-list-item:nth-of-type(5) .news-text {
    height: 200px;
  }
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-text,
  .news-list-item:nth-of-type(3) .news-text,
  .news-list-item:nth-of-type(4) .news-text,
  .news-list-item:nth-of-type(5) .news-text {
    height: auto;
    width: 100%;
    padding-left: 0;
    display: block;
  }
}
.news-list-item:nth-of-type(2) .news-text:hover h3:before,
.news-list-item:nth-of-type(3) .news-text:hover h3:before,
.news-list-item:nth-of-type(4) .news-text:hover h3:before,
.news-list-item:nth-of-type(5) .news-text:hover h3:before {
  width: 40%;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}
.news-list-item:nth-of-type(2) .news-text h3,
.news-list-item:nth-of-type(2) .news-text a h3,
.news-list-item:nth-of-type(3) .news-text h3,
.news-list-item:nth-of-type(3) .news-text a h3,
.news-list-item:nth-of-type(4) .news-text h3,
.news-list-item:nth-of-type(4) .news-text a h3,
.news-list-item:nth-of-type(5) .news-text h3,
.news-list-item:nth-of-type(5) .news-text a h3 {
  font-size: 25px;
  margin: 0 0 5px 0;
  color: #4a4a49;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-text h3,
  .news-list-item:nth-of-type(2) .news-text a h3,
  .news-list-item:nth-of-type(3) .news-text h3,
  .news-list-item:nth-of-type(3) .news-text a h3,
  .news-list-item:nth-of-type(4) .news-text h3,
  .news-list-item:nth-of-type(4) .news-text a h3,
  .news-list-item:nth-of-type(5) .news-text h3,
  .news-list-item:nth-of-type(5) .news-text a h3 {
    font-size: 20px;
  }
}
.news-list-item:nth-of-type(2) .news-text h3:before,
.news-list-item:nth-of-type(2) .news-text a h3:before,
.news-list-item:nth-of-type(3) .news-text h3:before,
.news-list-item:nth-of-type(3) .news-text a h3:before,
.news-list-item:nth-of-type(4) .news-text h3:before,
.news-list-item:nth-of-type(4) .news-text a h3:before,
.news-list-item:nth-of-type(5) .news-text h3:before,
.news-list-item:nth-of-type(5) .news-text a h3:before {
  display: block;
  content: "";
  width: 28%;
  margin-bottom: 15px;
  margin-top: 5%;
  border-bottom: 8px solid #edc73c;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-text h3:before,
  .news-list-item:nth-of-type(2) .news-text a h3:before,
  .news-list-item:nth-of-type(3) .news-text h3:before,
  .news-list-item:nth-of-type(3) .news-text a h3:before,
  .news-list-item:nth-of-type(4) .news-text h3:before,
  .news-list-item:nth-of-type(4) .news-text a h3:before,
  .news-list-item:nth-of-type(5) .news-text h3:before,
  .news-list-item:nth-of-type(5) .news-text a h3:before {
    border-bottom: 6px solid #edc73c;
  }
}
.news-list-item:nth-of-type(2) .news-text h6,
.news-list-item:nth-of-type(2) .news-text a h6,
.news-list-item:nth-of-type(3) .news-text h6,
.news-list-item:nth-of-type(3) .news-text a h6,
.news-list-item:nth-of-type(4) .news-text h6,
.news-list-item:nth-of-type(4) .news-text a h6,
.news-list-item:nth-of-type(5) .news-text h6,
.news-list-item:nth-of-type(5) .news-text a h6 {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  font-family: "Circular-book", sans-serif;
  color: #4a4a49;
}
@media only screen and (max-width: 768px) {
  .news-list-item:nth-of-type(2) .news-text h6,
  .news-list-item:nth-of-type(2) .news-text a h6,
  .news-list-item:nth-of-type(3) .news-text h6,
  .news-list-item:nth-of-type(3) .news-text a h6,
  .news-list-item:nth-of-type(4) .news-text h6,
  .news-list-item:nth-of-type(4) .news-text a h6,
  .news-list-item:nth-of-type(5) .news-text h6,
  .news-list-item:nth-of-type(5) .news-text a h6 {
    font-size: 14px;
    line-height: 22px;
  }
}

/* Singelsida */
.single-news-section {
  margin-left: 4%;
  margin-right: 4%;
}

.single-news-plh {
  max-width: 1200px;
  margin: 0 auto;
}

.single.single-post .container .images {
  margin-bottom: 25px;
}

.content.single {
  padding-bottom: 60px;
  width: 62%;
  float: left;
  margin-right: 4%;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .content.single {
    width: 100%;
    margin-right: 0;
    padding-bottom: 20px;
  }
}
.content.single h1 {
  color: #edc73c;
}
.content.single img {
  width: 100%;
  height: auto;
}

.widget_recent_entries ul li {
  margin-left: 0;
  margin-bottom: 10px;
  font-weight: 300;
  list-style: none;
  font-family: "Circular-book", sans-serif;
  border-bottom: 1px solid #dedede;
  padding-bottom: 10px;
}
.widget_recent_entries ul li a {
  text-decoration: none;
  color: #4a4a49;
}
.widget_recent_entries ul li a:hover {
  color: #edc73c;
}

.widget_recent_entries h4.widgettitle {
  border-bottom: 8px solid #edc73c;
  margin-bottom: 30px;
  padding-bottom: 15px;
  display: inline-block;
  font-size: 25px;
}

.map-section {
  position: relative;
  overflow: hidden;
}
.map-section #map {
  margin-top: 30px;
  text-align: left;
  width: 100%;
  height: 500px;
}
@media only screen and (max-width: 768px) {
  .map-section #map {
    height: 400px;
  }
}
.map-section .sidebar {
  height: 300px;
  overflow: hidden;
  position: absolute;
  z-index: 1;
  left: 6%;
  bottom: 20px;
  background-color: #fff;
  width: 320px;
  moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -khtml-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1170px) {
  .map-section .sidebar {
    display: none;
  }
}
.map-section .pad2 {
  padding: 20px;
}
.map-section .suggestions {
  box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);
  list-style: none !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  width: 94%;
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 1px;
  font-size: 14px;
}
.map-section .suggestions li {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.map-section .suggestions li a {
  padding: 10px;
}
.map-section .listings {
  height: 100%;
  overflow: auto;
  padding-bottom: 60px;
}
.map-section .listings .item {
  padding: 12px 20px 3px;
  text-align: left;
  font-size: 14px;
  line-height: 20px;
  color: #4a4a49;
  border-bottom: 1px solid #f5f5f5;
}
.map-section .listings .item a {
  cursor: pointer;
  font-family: "Circular-book", sans-serif;
}
.map-section .listings .item h3 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 0;
  margin: 0 0 5px;
  color: #75b94e;
  font-family: "Circular-book", sans-serif;
}
.map-section .listings .item p {
  margin-top: 3px;
  font-size: 14px;
  line-height: 16px;
  font-family: "Circular-book", sans-serif;
  margin: 0 0 10px 0;
}
.map-section .listings .item:last-child {
  border-bottom: none;
}
.map-section .listings .item .title {
  display: block;
}
.map-section .listings .item .title small {
  font-weight: 400;
}
.map-section .listings .item.active .title .listings .item .title:hover {
  color: #75b94e;
}
.map-section .listings .item.active {
  background-color: #f8f8f8;
}
.map-section ::-webkit-scrollbar {
  width: 3px;
  height: 3px;
  border-left: 0;
  background: rgba(0, 0, 0, 0.1);
}
.map-section ::-webkit-scrollbar-track {
  background: none;
}
.map-section ::-webkit-scrollbar-thumb {
  background: #75b94e;
  border-radius: 0;
}
.map-section .clearfix {
  display: block;
}
.map-section .clearfix::after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.map-section .marker {
  background-image: url("/wp-content/themes/insu.se/static/images/insumap.png");
  background-size: cover;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.map-section .mapboxgl-popup {
  padding-bottom: 20px;
}
.map-section .mapboxgl-popup-content {
  font-size: 14px;
  line-height: 22px;
  padding: 15px;
}
.map-section .mapboxgl-popup-content button {
  padding: 0;
  display: inline;
  color: #4a4a49;
  width: auto;
  text-align: right;
  padding-right: 5px;
}
.map-section .mapboxgl-popup-content button:hover {
  background-color: #fff;
}
.map-section .mapboxgl-popup-content h3 {
  font-size: 16px;
  line-height: 20px;
  display: inline;
  padding-bottom: 0;
}
.map-section .mapboxgl-popup-content p {
  line-height: 22px;
  font-size: 14px;
  font-family: "Circular-book", sans-serif;
}
.map-section .mapboxgl-ctrl-top-left {
  top: auto;
  bottom: 330px;
  left: 6%;
}
@media only screen and (max-width: 1170px) {
  .map-section .mapboxgl-ctrl-top-left {
    top: 20px;
    left: 20px;
    bottom: auto;
  }
}
.map-section .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
  margin: 0;
  float: none;
}
.map-section .mapboxgl-ctrl-bottom-right,
.map-section .mapboxgl-ctrl-bottom-left {
  display: none;
}
.map-section .mapboxgl-ctrl-geocoder {
  position: relative;
  font-family: "Brix Sans";
  width: auto;
  float: none;
  margin: 0;
  -webkit-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0 0px rgba(0, 0, 0, 0);
}
.map-section .mapboxgl-ctrl-geocoder input[type=text] {
  width: 320px;
  padding: 10px 10px 10px 35px;
  background-color: #fff;
  moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 768px) {
  .map-section .mapboxgl-ctrl-geocoder input[type=text] {
    width: 240px;
  }
}
.map-section .mapboxgl-ctrl-geocoder > div {
  min-width: 100%;
  margin-left: 0;
}

.map-list-link a h3 {
  display: inline-block;
  margin-top: 3px;
  font-size: 14px !important;
  line-height: 16px;
  font-family: "Circular-book", sans-serif;
  margin: 0 0 10px 0;
  text-decoration: none;
}

.section.our_courses {
  margin: 2rem 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 480px) {
  .section.our_courses {
    display: none;
  }
}
.section.our_courses ul {
  display: flex;
  flex-wrap: wrap;
}
.section.our_courses ul .single-course {
  width: 20%;
  margin: 1rem 0;
  padding-right: 1rem;
}
@media only screen and (max-width: 1170px) {
  .section.our_courses ul .single-course {
    width: 33.33%;
  }
}
.section.our_courses ul .single-course .icon {
  color: #edc73c;
  font-family: icomoon !important;
  display: block;
  font-size: 50px;
  transition: ease 0.5s;
  min-width: 50px;
}
.section.our_courses ul .single-course a {
  color: #262626;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.section.our_courses ul .single-course p {
  margin: 0 0 0 1rem;
  font-size: 14px;
  text-align: left;
  font-family: "Circular-book", sans-serif;
  letter-spacing: 0.5px;
  line-height: 18px;
  transition: ease 0.5s;
}
.section.our_courses ul .single-course:hover .icon {
  color: rgb(225.2112676056, 181.323943662, 20.7887323944);
  transition: ease 0.5s;
}
.section.our_courses ul .single-course:hover p {
  color: #000;
  transition: ease 0.5s;
}

.single-course .icon .arbetsmiljo:before {
  content: "\e918";
}

.single-course .icon .aukt-behor:before {
  content: "\e919";
}

.single-course .icon .distanskurs:before {
  content: "\e91c";
}

.single-course .icon .eko-jur:before {
  content: "\e929";
}

.single-course .icon .elsakerhet:before {
  content: "\e921";
}

.single-course .icon .elteknik:before {
  content: "\e920";
}

.single-course .icon .kyl-varme:before {
  content: "\e92b";
}

.single-course .icon .sakerhet:before {
  content: "\e91d";
}

.single-course .icon .ledarskap:before {
  content: "\e91e";
}

.single-course .icon .dat-fib:before {
  content: "\e91f";
}

.single-course .icon .validering:before {
  content: "\e925";
}

.single-course .icon .vvs:before {
  content: "\e92c";
}

.single-course .icon .ventilation:before {
  content: "\e92e";
}

.single-course .icon .medlem-in:before {
  content: "\e930";
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .single-course .icon .medlem-in:before {
    font-size: 38px;
  }
}

.single-course .icon .antenn:before {
  content: "\e933";
}

.single-course .icon .automation:before {
  content: "\e932";
}

.single-course .icon .digitalisering:before {
  content: "\e935";
}

.single-course .icon .solceller:before {
  content: "\e934";
  font-size: 40px;
  top: -10px;
  position: relative;
}

.single-course .icon div:before {
  content: "\e904";
}

.customer-statements {
  position: relative;
}
.customer-statements .courseinfo_puff .icon {
  margin-left: 0;
  font-size: 70px;
  width: 100%;
  background-color: transparent;
  height: auto;
}
.customer-statements .swiper-slide p {
  font-style: italic;
}
@media only screen and (max-width: 768px) {
  .customer-statements .swiper-slide p {
    max-width: 70%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 480px) {
  .customer-statements .swiper-slide p {
    max-width: 100%;
  }
}
.customer-statements .swiper-slide h3 {
  font-family: "VivaBeautiful", sans-serif;
  font-size: 35px;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
}
.customer-statements .swiper-slide h4 {
  font-size: 16px;
  line-height: 24px;
}
.customer-statements .swiper-pagination {
  bottom: -7px;
  width: 100%;
}
.customer-statements .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
}
.customer-statements .swiper-pagination .swiper-pagination-bullet-active {
  background: #edc73c;
}

.quote-section {
  background-color: #f7f7f7;
}
.quote-section .inner-content {
  padding-top: 50px;
  padding-bottom: 50px;
}
.quote-section .swiper-slide .icon {
  color: rgb(255, 255, 255);
  font-family: icomoon !important;
  display: block;
  font-size: 50px;
  transition: ease 0.5s;
  background-color: #edc73c;
  width: 80px;
  height: 80px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 50%;
  margin: 0 auto;
  text-decoration: none;
}
.quote-section .swiper-slide .quote {
  width: 60%;
  margin: 20px auto 0;
}
@media only screen and (max-width: 480px) {
  .quote-section .swiper-slide .quote {
    width: 100%;
  }
}
.quote-section .swiper-slide p {
  font-style: italic;
}
.quote-section .swiper-slide h3 {
  font-family: "VivaBeautiful", sans-serif;
  font-size: 35px;
  letter-spacing: 0.5px;
  margin-bottom: -10px;
}
.quote-section .swiper-slide h4 {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}
.quote-section .swiper-pagination {
  bottom: 20px;
  width: 100%;
}
.quote-section .swiper-pagination .swiper-pagination-bullet {
  margin: 0 4px;
  background: #fff;
  opacity: 1;
  border: 0;
}
.quote-section .swiper-pagination .swiper-pagination-bullet-active {
  background: #edc73c;
  border: 0;
}
.quote-section .swiper-pagination .swiper-pagination-bullet:focus {
  outline: none;
}

.quote-section .swiper-slide .icon .arbetsmiljo:before {
  content: "\e918";
}
.quote-section .swiper-slide .icon .aukt-behor:before {
  content: "\e919";
}
.quote-section .swiper-slide .icon .distanskurs:before {
  content: "\e91c";
}
.quote-section .swiper-slide .icon .eko-jur:before {
  content: "\e929";
}
.quote-section .swiper-slide .icon .elsakerhet:before {
  content: "\e921";
}
.quote-section .swiper-slide .icon .elteknik:before {
  content: "\e920";
}
.quote-section .swiper-slide .icon .kyl-varme:before {
  content: "\e92b";
}
.quote-section .swiper-slide .icon .sakerhet:before {
  content: "\e91d";
}
.quote-section .swiper-slide .icon .ledarskap:before {
  content: "\e91e";
}
.quote-section .swiper-slide .icon .dat-fib:before {
  content: "\e91f";
}
.quote-section .swiper-slide .icon .validering:before {
  content: "\e925";
}
.quote-section .swiper-slide .icon .vvs:before {
  content: "\e92c";
}
.quote-section .swiper-slide .icon .ventilation:before {
  content: "\e92e";
}
.quote-section .swiper-slide .icon .medlem-in:before {
  content: "\e930";
  font-size: 40px;
}
@media only screen and (max-width: 768px) {
  .quote-section .swiper-slide .icon .medlem-in:before {
    font-size: 38px;
  }
}
.quote-section .swiper-slide .icon .antenn:before {
  content: "\e933";
}
.quote-section .swiper-slide .icon .automation:before {
  content: "\e932";
}
.quote-section .swiper-slide .icon .solceller:before {
  content: "\e934";
}
.quote-section .swiper-slide .icon .digitalisering:before {
  content: "\e935";
}
.quote-section .swiper-slide .icon div:before {
  content: "\e904";
}

.link-library-section .inner-content {
  text-align: left;
}
.link-library-section .wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 1rem;
}
.link-library-section .wrapper .alpha {
  width: 100%;
  font-size: 35px;
  font-weight: 300;
  font-family: "Circular-bold", sans-serif;
  line-height: 1.2em;
  color: #4a4a49;
}
@media only screen and (max-width: 480px) {
  .link-library-section .wrapper .alpha {
    font-size: 30px;
  }
}
.link-library-section .wrapper .link {
  width: 33.33%;
  padding: 1rem 0;
  color: #4a4a49;
  transition: ease 0.5s;
}
@media only screen and (max-width: 480px) {
  .link-library-section .wrapper .link {
    width: 50%;
  }
}
.link-library-section .wrapper .link:hover {
  color: #000;
  transition: ease 0.5s;
}

.rules-section {
  position: relative;
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 1200px;
  margin: 0 auto;
}
.rules-section .content {
  width: 62%;
}
@media only screen and (max-width: 768px) {
  .rules-section .content {
    width: 100%;
  }
}
.rules-section .content p {
  font-family: "Circular-book", sans-serif;
  font-weight: 100;
  margin-bottom: 22px;
}
.rules-section.grey .content {
  background: #f7f7f7;
  padding: 25px;
}

.occupational-role {
  background-color: #f7f7f7;
  padding: 74px 0 87px;
}
@media only screen and (max-width: 768px) {
  .occupational-role {
    padding: 35px 0 40px;
  }
}
.occupational-role .occupational-role-content {
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .occupational-role .occupational-role-content {
    padding: 0 4%;
  }
}
.occupational-role .occupational-role-single {
  border-bottom: 1px solid #cecece;
  padding-bottom: 26px;
  max-width: 920px;
}
.occupational-role .occupational-role-single h3 {
  margin-top: 0;
}
.occupational-role .occupational-role-single .content {
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .occupational-role .occupational-role-single .content {
    flex-direction: column;
    align-items: baseline;
  }
}
.occupational-role .occupational-role-single .content p {
  margin: 0;
  padding-right: 170px;
}
@media only screen and (max-width: 768px) {
  .occupational-role .occupational-role-single .content p {
    padding-right: 0;
    width: 100%;
  }
}
.occupational-role .occupational-role-single .content .btn {
  padding: 16px 20px;
  white-space: nowrap;
  margin: 0;
  display: inline-block;
  text-transform: none;
  text-decoration: none;
  font-size: 18px;
  font-weight: 400;
  font-family: "Circular-book";
  background-color: #75b94e;
  border: none;
  color: white;
  cursor: pointer;
}
.occupational-role .occupational-role-single .content .btn:hover {
  background-color: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}
@media only screen and (max-width: 768px) {
  .occupational-role .occupational-role-single .content .btn {
    margin: 1rem 0 0;
  }
}

.body-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
}

.flyout.occupational-role, .flyout.courses-edu-list-content {
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 902;
  pointer-events: none;
  transform: translateX(100%);
  transition: transform 300ms ease-in-out;
  width: 640px;
  height: 100vh;
  padding: 0 40px 135px;
}
@media only screen and (max-width: 768px) {
  .flyout.occupational-role, .flyout.courses-edu-list-content {
    width: 100%;
    padding: 0 20px 45px;
  }
}
.flyout.occupational-role .flyout__content, .flyout.courses-edu-list-content .flyout__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 100%;
  flex: 1;
  padding-top: 80px;
}
@media only screen and (max-width: 768px) {
  .flyout.occupational-role .flyout__content, .flyout.courses-edu-list-content .flyout__content {
    padding-top: 40px;
  }
}
@media (min-width: 768px) {
  .flyout.occupational-role .flyout__content, .flyout.courses-edu-list-content .flyout__content {
    border-radius: 0.5rem;
  }
}
.flyout.occupational-role .flyout__content .flyout__body, .flyout.courses-edu-list-content .flyout__content .flyout__body {
  flex: 1;
  overflow-y: auto;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role {
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  font-size: 16px;
  line-height: 33px;
  text-decoration: none;
  color: black;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role .tags, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role .tags .tag, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role .tags .tag {
  border-radius: 15px;
  color: #3c3c3c;
  text-decoration: none;
  line-height: 15px;
  font-size: 12px;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role .tags .tag:after, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role .tags .tag:after {
  content: ",";
  display: inline-block;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role .tags .tag:last-of-type:after, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role .tags .tag:last-of-type:after {
  display: none;
}
.flyout.occupational-role .flyout__content .flyout__body .occupational-roles .single-role:hover, .flyout.courses-edu-list-content .flyout__content .flyout__body .occupational-roles .single-role:hover {
  color: #75b94e;
}
.flyout .flyout__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: center;
  padding-bottom: 40px;
}
@media only screen and (max-width: 768px) {
  .flyout .flyout__header {
    padding-bottom: 0;
  }
}
.flyout .flyout__header .flyout-close {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.flyout .flyout__header .flyout-close:hover {
  opacity: 0.8;
}
.flyout .flyout__header .flyout-close.icon-close {
  background-image: url("../static/images/close.svg");
}

/* Body overlay */
.flyout-open .body-overlay {
  z-index: 901;
  opacity: 1;
  pointer-events: auto;
}

/* Flyout */
.flyout.active {
  z-index: 902;
  pointer-events: auto;
  transform: translateX(0);
  opacity: 1;
}
@media (min-width: 768px) {
  .flyout.active {
    z-index: 902;
  }
}

html.flyout-open {
  height: 100%;
  overflow: hidden;
}

.flyout-open body {
  height: 99999px;
  overflow: hidden;
}

/* Single page */
.single-occupational_role .top-content .inner-content {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .single-occupational_role .top-content .inner-content {
    flex-wrap: nowrap;
  }
}
.single-occupational_role .top-content .inner-content .left-col .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 15px;
}
.single-occupational_role .top-content .inner-content .left-col .tags .tag {
  border-radius: 15px;
  color: #3c3c3c;
  text-decoration: none;
}
.single-occupational_role .top-content .inner-content .left-col .tags .tag:after {
  content: ",";
  display: inline-block;
}
.single-occupational_role .top-content .inner-content .left-col .tags .tag:last-of-type:after {
  display: none;
}
.single-occupational_role .top-content .inner-content .left-col .occupational-info-text p strong {
  font-size: 20px;
  margin: 0 auto 15px;
  max-width: 800px;
  font-family: Circular-book, sans-serif;
  font-weight: 100;
}
@media only screen and (max-width: 768px) {
  .single-occupational_role .top-content .inner-content .left-col .occupational-info-text p strong {
    font-size: 18px;
  }
}
@media only screen and (max-width: 768px) {
  .single-occupational_role .top-content .inner-content .right-col {
    padding-top: 20px;
  }
}
.single-occupational_role .top-content .inner-content .right-col .info-box {
  margin-top: 2rem;
  background-color: #f7f7f7;
  padding: 2rem;
}
@media only screen and (max-width: 768px) {
  .single-occupational_role .top-content .inner-content .right-col .info-box {
    margin-top: 1rem;
    padding: 1rem;
  }
}

.occupational-courses .single-col h3 {
  max-width: 700px;
}
.occupational-courses .occupational-courses-list {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .occupational-courses-list {
    padding: 0 4%;
    gap: 20px;
  }
}
.occupational-courses .single-course {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .single-course {
    flex-wrap: wrap;
  }
}
.occupational-courses .single-course .left {
  background-color: #75b94e;
  color: white;
  width: 100px;
  min-width: 100px;
  padding: 32px 0px;
  text-align: center;
  font-size: 20px;
}
@media (max-width: 768px) {
  .occupational-courses .single-course .left {
    width: 100%;
    padding: 6px 0;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    gap: 10px;
  }
}
.occupational-courses .single-course .left .nr {
  font-family: "Circular-bold", sans-serif;
  font-size: 40px;
  font-weight: 700;
  padding-top: 6px;
}
@media (max-width: 768px) {
  .occupational-courses .single-course .left .nr {
    padding-top: 0;
    font-size: 20px;
  }
}
.occupational-courses .single-course .right {
  padding: 32px;
  background-color: #f7f7f7;
  border-radius: 0px 3px 3px 0px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .single-course .right {
    padding: 16px 16px 32px;
  }
}
.occupational-courses .single-course .right .chips {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.occupational-courses .single-course .right .chips .chip {
  background: rgba(74, 74, 73, 0.08);
  padding: 0 9px;
  border-radius: 100px;
  font-weight: 450;
  line-height: 21.6px;
}
.occupational-courses .single-course .right .course-info {
  position: relative;
}
.occupational-courses .single-course .right .course-info .info {
  font-size: 16px;
  font-weight: 450;
  line-height: 24px;
  max-height: 87px;
  overflow: hidden;
  position: relative;
  transition: ease 0.5s;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .single-course .right .course-info .info {
    max-height: 91px;
  }
}
.occupational-courses .single-course .right .course-info .info .btn {
  margin-top: 20px;
}
.occupational-courses .single-course .right .course-info .info .btn:after {
  content: "";
  background-image: url("../static/images/arrow-right.svg");
  display: inline-block;
  width: 13px;
  height: 10px;
  background-size: contain;
  margin-left: 8px;
}
.occupational-courses .single-course .right .course-info .info .info-after {
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 32px;
}
.occupational-courses .single-course .right .course-info .show-more-overlay {
  height: 88px;
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  background: linear-gradient(0deg, rgb(247, 247, 247) 20%, rgba(247, 247, 247, 0) 100%);
  transition: ease 0.5s;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .single-course .right .course-info .show-more-overlay {
    height: 91px;
  }
}
.occupational-courses .single-course .right .course-info .info-show {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  cursor: pointer;
  margin-top: 12px;
}
@media only screen and (max-width: 768px) {
  .occupational-courses .single-course .right .course-info .info-show {
    margin-top: 16px;
  }
}
.occupational-courses .single-course .right .course-info .info-show:after {
  border-bottom: 2px solid #000000;
  border-right: 2px solid #000000;
  content: "";
  display: inline-block;
  height: 10px;
  transform: rotate(45deg);
  width: 10px;
}
.occupational-courses .single-course .right .course-info .info-show-less {
  display: none;
  margin-top: 24px;
}
.occupational-courses .single-course .right .course-info .info-show-less:after {
  transform: rotate(-135deg);
  margin-top: 5px;
}
.occupational-courses .single-course.active .right .course-info .show-more-overlay {
  background: transparent;
  transition: ease 0.5s;
  height: 0;
}

.scroll-down-arrow {
  position: fixed;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 58px;
  border-radius: 19px;
  background: rgba(237, 199, 60, 0.9);
  color: white;
  padding: 10px 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, background 0.3s ease-in-out, transform 0.2s ease-in-out;
  z-index: 1000;
  text-align: center;
  overflow: hidden;
  outline: 3px solid white;
}
.scroll-down-arrow .scroll-arrow-container {
  height: 38px;
  overflow: hidden;
  width: 100%;
}
.scroll-down-arrow .icon-chevron {
  background: url(../static/images/chevron-down.svg) no-repeat center;
  width: 32px;
  height: 17px;
  display: inline-block;
  background-size: cover;
  position: relative;
  animation: moveDown 1.5s infinite ease-in-out;
  opacity: 0.8;
}

@keyframes moveDown {
  0% {
    top: 0;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  80% {
    top: 68%;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
.scroll-down-arrow.show {
  opacity: 1;
  /*
  animation: pulse-down-up 2s infinite;
  animation-delay: 1s;
   */
}

.scroll-down-arrow:hover {
  background: #edc73c;
  opacity: 1;
  animation: none;
  transform: translateX(-50%) scale(1.1);
}

.scroll-down-arrow.hide {
  opacity: 0;
  pointer-events: none;
  animation: none;
}

@keyframes pulse-down-up {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(10px);
  }
}
.scroll-down-arrow {
  left: 50% !important;
  right: auto !important;
  transform: translateX(-50%) !important;
  bottom: 15px;
  height: 80px;
}
@media only screen and (max-width: 768px) {
  .scroll-down-arrow {
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    right: auto;
  }
}
.scroll-down-arrow .scroll-arrow-container {
  height: 55px;
}
.scroll-down-arrow.hide {
  cursor: pointer;
  opacity: 100;
  display: block !important;
  pointer-events: auto;
}
.scroll-down-arrow.hide .icon-chevron {
  transform: rotate(180deg);
  animation: moveUp 1.5s infinite ease-in-out;
}

@keyframes moveUp {
  0% {
    top: 80%;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  80% {
    top: 0;
    opacity: 0;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
.course-template-default .scroll-down-arrow,
.lesson-template-default .scroll-down-arrow,
.llms_quiz-template-default .scroll-down-arrow {
  display: none !important;
}

.single-occupational_role.postid-15542 .scroll-down-arrow, .single-occupational_role.postid-15378 .scroll-down-arrow {
  left: auto;
  right: calc(3% + 5px);
  bottom: 135px;
}
@media only screen and (max-width: 768px) {
  .single-occupational_role.postid-15542 .scroll-down-arrow, .single-occupational_role.postid-15378 .scroll-down-arrow {
    bottom: 49px;
    right: 5%;
  }
}

.single-occupational_role.postid-15543 .contact-btn, .single-occupational_role.postid-15379 .contact-btn {
  bottom: 107px;
}
@media only screen and (max-width: 768px) {
  .single-occupational_role.postid-15543 .contact-btn, .single-occupational_role.postid-15379 .contact-btn {
    bottom: -10px;
  }
}
.single-occupational_role.postid-15543 .scroll-down-arrow, .single-occupational_role.postid-15379 .scroll-down-arrow {
  left: auto;
  right: calc(3% + 5px);
  bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .single-occupational_role.postid-15543 .scroll-down-arrow, .single-occupational_role.postid-15379 .scroll-down-arrow {
    bottom: 49px;
    right: 5%;
  }
}

ul#menu-main-menu,
ul#menu-topmenu {
  margin-bottom: 5px !important;
}

ul#menu-main-menu li,
ul#menu-topmenu li {
  margin-left: 15px !important;
  padding-right: 15px;
  border-right: 1px solid gray;
}

ul#menu-main-menu li:first-child,
ul#menu-topmenu li:first-child {
  margin-left: 0 !important;
}

ul#menu-main-menu li:last-child,
ul#menu-topmenu li:last-child {
  padding-right: 0;
  border-right: none;
}

.siteMenu,
.topMenu {
  text-align: right;
}
.siteMenu li,
.topMenu li {
  display: inline-block;
  padding: 0;
  margin-left: 15px;
}
.siteMenu a,
.topMenu a {
  color: #4a4a49 !important;
  text-decoration: none;
}
@media only screen and (max-width: 1170px) {
  .siteMenu,
  .topMenu {
    display: none;
  }
}

.topMenu {
  margin-top: 12px;
  padding: 0;
  font-size: 0.9em;
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
  width: 90%;
  float: right;
}

.siteMenu {
  width: auto;
  float: right;
  padding-top: 15px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  font-weight: 100;
  font-size: 18px;
  font-family: "Circular-bold", sans-serif;
}
@media (max-width: 1200px) {
  .siteMenu {
    font-size: 17px;
  }
}
@media (max-width: 980px) {
  .siteMenu {
    font-size: 14px;
  }
}

.siteMenu a {
  padding-bottom: 5px;
}
.siteMenu a:hover, .siteMenu a:active, .siteMenu a:focus {
  border-bottom: 5px solid #75b94e;
}

.siteMenu li.current-menu-item a {
  border-bottom: 5px solid #75b94e;
}
@media only screen and (max-width: 768px) {
  .siteMenu li.current-menu-item a {
    border-bottom: none;
  }
}

.mMenu {
  position: absolute;
  display: none;
  width: 44px;
  float: right;
  margin-top: 5px;
  right: 30px;
  cursor: pointer;
  border-radius: 100%;
  padding: 12px 8px;
  height: 44px;
  background: #75b94e;
}
@media only screen and (max-width: 1170px) {
  .mMenu {
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .mMenu {
    right: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .mMenu {
    margin-top: 5px;
    right: 20px;
  }
}

.menu-line {
  position: relative;
  width: 100%;
  height: 3px;
  background-color: rgb(255, 255, 255);
  transition: all 0.1s linear;
  margin: 0 auto 5px;
}

.menu-line-1,
.menu-line-3 {
  width: 80%;
}

.navOpen .menu-line-1 {
  top: 8px;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  -ms-transform: rotate3d(0, 0, 1, -45deg);
  -o-transform: rotate3d(0, 0, 1, -45deg);
}

.navOpen .menu-line-2 {
  opacity: 0;
}

.navOpen .menu-line-3 {
  top: -8px;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  -ms-transform: rotate3d(0, 0, 1, 45deg);
  -o-transform: rotate3d(0, 0, 1, 45deg);
}

.mobileMenu {
  display: none;
}

.main-header.navOpen .mobileMenu {
  display: block;
  top: 60px;
  padding: 0;
  margin-left: -4%;
  position: absolute;
}
@media only screen and (max-width: 768px) {
  .main-header.navOpen .mobileMenu {
    top: 60px;
  }
}

.mobileMenu ul {
  margin: 0;
  margin-bottom: 0 !important;
  padding: 0;
}

.mobileMenu li {
  border-bottom: 1px solid white;
  list-style: none;
  margin: 0;
  font-family: "Circular-bold", sans-serif;
}
.mobileMenu li a {
  padding: 15px 4%;
  color: white !important;
  display: block;
  text-decoration: none !important;
  background: #4a4a49;
}
.mobileMenu li.menucontact a {
  background: rgb(125.3469387755, 125.3469387755, 123.6530612245) !important;
}
.mobileMenu li a:hover {
  background: #75b94e;
}

#menu-sitemenu > li:first-child > a {
  text-decoration: none;
  border-bottom: 5px solid #75b94e;
  padding-bottom: 4px;
  transition: color 0.3s, border-bottom-color 0.3s;
}

/* Remove green bar if any other menu item is active */
#menu-sitemenu:has(.current-menu-item:not(:first-child)) > li:first-child > a {
  border-bottom: none;
}

#menu-sitemenu > li:first-child > a:hover {
  color: #558b2f;
  border-bottom-color: #558b2f;
}

#menu-sitemenu > li:first-child > a:hover::after {
  background-color: #d4a300;
  transform: scale(1.1);
}

/* Add "Nytt" badge to the mobile menu item */
#menu-mobilemenu > li:first-child > a::after {
  content: "NY!";
  font-size: 10px;
  color: #ffffff;
  background-color: #f9a825;
  padding: 2px 6px;
  border-radius: 12px;
  margin-left: 8px;
  font-weight: 700;
  position: relative;
  top: -1px;
  transition: transform 0.2s, background-color 0.3s;
}

#menu-mobilemenu > li:first-child > a:hover::after {
  background-color: #d4a300;
  transform: scale(1.1);
}

#footer {
  color: rgb(255, 255, 255);
  background: #4a4a49;
  padding-top: 40px;
  padding-bottom: 30px;
  padding-left: 4%;
  padding-right: 4%;
}

.footer_col {
  width: 25%;
}
@media only screen and (max-width: 768px) {
  .footer_col {
    width: 100%;
  }
}

#footer .textwidget p,
#footer .widgettitle p {
  font-size: 14px;
  font-weight: 100;
  font-family: "Circular-book", sans-serif;
}
#footer .textwidget a,
#footer .widgettitle a {
  color: white !important;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  #footer .textwidget,
  #footer .widgettitle {
    text-align: center !important;
  }
}

h4.widgettitle {
  font-size: 20px;
  font-family: "Circular-bold", sans-serif;
}

.before-footer {
  color: #4a4a49;
  padding-top: 20px;
  padding-bottom: 80px;
  text-align: center;
  font-family: "Circular-book", sans-serif;
}
.before-footer p {
  font-size: 18px;
  font-family: "Circular-book", sans-serif;
}
.before-footer h4.widgettitle {
  font-size: 30px;
  color: #75b94e;
  font-family: "Circular-bold", sans-serif;
}
.before-footer .widget_text.widget.widget_custom_html {
  width: 100%;
  max-width: 100%;
}
.before-footer .widget.widget_text {
  width: 80%;
  max-width: 400px;
  margin: 0 auto;
}

.wave_block {
  height: 190px;
  background: url(/wp-content/themes/insu.se/static/images/wave-bg.png) repeat;
  background-size: 50px;
  margin-bottom: 100px;
  margin-top: 100px;
}
@media only screen and (max-width: 1170px) {
  .wave_block {
    height: 110px;
    background-size: 30px;
    margin-bottom: 70px;
    margin-top: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .wave_block {
    height: 74px;
    background-size: 20px;
    margin-bottom: 60px;
    margin-top: 60px;
  }
}

.after-footer {
  text-align: center;
  margin-top: 60px;
}

.footlogo {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1170px) {
  .footlogo {
    margin-top: 17px;
    margin-left: 5px;
  }
}

a.icon-insu_logo {
  text-decoration: none;
}

.icon-insu_logo {
  font-size: 80px;
}
@media only screen and (max-width: 1170px) {
  .icon-insu_logo {
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .icon-insu_logo {
    font-size: 50px;
  }
}

.contact-btn {
  z-index: 995;
  background: #75b94e;
  display: block;
  position: fixed;
  width: 90px;
  height: 90px;
  right: 3%;
  bottom: 30px;
  padding-top: 30px;
  font-family: "Circular-book", sans-serif;
  font-size: 16px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
@media only screen and (max-width: 768px) {
  .contact-btn {
    width: 120px;
    height: 46px;
    right: 5%;
    bottom: -10px;
    padding-top: 10px;
    font-size: 16px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
  }
}
.contact-btn:hover {
  cursor: pointer;
  background: rgb(93.5546558704, 151.9190283401, 60.0809716599);
}

.contact-form-footer .gform_wrapper .textwidget input[type=text],
.contact-form-footer .gform_wrapper .textwidget input[type=email] {
  width: 100% !important;
}
.contact-form-footer .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 0 !important;
}

.contact-form-footer .gform_wrapper .top_label .gfield_label,
.gform_wrapper legend.gfield_label {
  color: #4a4a49;
}

.contact-form-footer .gform_wrapper ul.gfield_radio li label {
  color: #4a4a49;
  font-family: "Circular-book", sans-serif;
}

.contact-form-footer .gform_wrapper li.hidden_label input {
  margin-top: 0;
}

.contact-form-footer .textwidget input[type=text] {
  margin-bottom: 0;
}

.contact-form-footer .gform_wrapper ul li.gfield {
  margin-top: 5px !important;
}

.contact-form-footer .gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
  margin: 0 !important;
  display: inline-block;
  width: 50%;
}

.contact-form-footer .gform_wrapper ul.gfield_radio li label {
  width: 50% !important;
}

.contact-form-footer.gform_wrapper textarea.medium {
  height: 90px;
}

.contact-form-footer .gform_wrapper input[type=text] {
  padding: 10px 10px !important;
}

.contact-form-footer .gform_footer input[type=submit],
.contact-form-footer .gform_page_footer input[type=submit] {
  margin-top: 20px !important;
  line-height: normal !important;
}

.contact-form-footer {
  width: 300px;
  background: white;
  padding: 30px 30px 10px;
  position: fixed;
  right: -350px;
  bottom: 0;
  z-index: 99999;
  border: 1px solid gray;
  text-align: left;
  -webkit-box-shadow: -5px -5px 9px 0px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: -5px -5px 9px 0px rgba(0, 0, 0, 0.23);
  box-shadow: -5px -5px 9px 0px rgba(0, 0, 0, 0.23);
}
@media only screen and (max-width: 768px) {
  .contact-form-footer {
    padding: 15px 15px 5px;
  }
}
.contact-form-footer h4 {
  color: #4a4a49;
  border-bottom: 6px solid #75b94e;
  display: inline-block;
  padding-bottom: 10px;
}

.contact-form-footer.contactOpen {
  right: 0%;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

.close {
  position: absolute;
  right: 15px;
  top: 15px;
  width: 30px;
  height: 30px;
  opacity: 0.3;
}

.close:hover {
  opacity: 1;
}

.close:before,
.close:after {
  position: absolute;
  left: 15px;
  content: " ";
  height: 33px;
  width: 2px;
  background-color: #333;
}

.close:before {
  transform: rotate(45deg);
}

.close:after {
  transform: rotate(-45deg);
}

#site-header {
  display: block;
  z-index: 900;
  background-color: white;
  height: 115px;
  position: relative;
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
}
@media only screen and (max-width: 1170px) {
  #site-header {
    height: 60px;
  }
}
@media only screen and (max-width: 768px) {
  #site-header {
    height: 60px;
  }
}

.logo {
  margin-top: 20px;
  position: absolute;
}
@media only screen and (max-width: 1170px) {
  .logo {
    margin-top: 12px;
    margin-left: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .logo {
    margin-top: 16px;
  }
}

a.icon-insu_symbol {
  text-decoration: none;
}

.icon-insu_symbol {
  font-size: 52px;
}
@media only screen and (max-width: 1170px) {
  .icon-insu_symbol {
    font-size: 30px;
  }
}
@media only screen and (max-width: 768px) {
  .icon-insu_symbol {
    font-size: 24px;
  }
}

#site-header {
  -webkit-transition: top, 0.2s;
  -o-transition: top, 0.2s;
  transition: top, 0.2s;
  top: 0;
}
#site-header.scrolled {
  top: -130px !important;
  position: fixed;
}
#site-header.scrolled-up {
  top: 0 !important;
  background-color: white;
}
#site-header.scrolled.scrolled-up {
  top: 0 !important;
  background-color: #fff;
  border-bottom: 1px solid #f3f1f4;
}
@media only screen and (max-width: 1170px) {
  #site-header.scrolled.scrolled-up .headersearch, #site-header.scrolled.scrolled-up .mMenu {
    margin-top: 0;
  }
}
@media only screen and (max-width: 768px) {
  #site-header.scrolled.scrolled-up .headersearch, #site-header.scrolled.scrolled-up .mMenu {
    margin-top: 5px;
  }
}

/* Sökfunktion Header */
.headersearch {
  background: beige;
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  float: right;
  padding: 13px;
  margin-left: 25px;
  margin-top: 8px;
  cursor: pointer;
  border-radius: 100%;
  background: #bfe2e2;
}
@media only screen and (max-width: 1170px) {
  .headersearch {
    width: 44px;
    height: 44px;
    padding: 9px;
    right: 60px;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  .headersearch {
    right: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .headersearch {
    margin-top: 5px;
    right: 70px;
  }
}
.headersearch .icon-search:before {
  content: "\e90d";
  color: white;
  font-size: 32px;
}
@media only screen and (max-width: 1170px) {
  .headersearch .icon-search:before {
    font-size: 25px;
  }
}

.inner-content {
  position: relative;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 1200px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .inner-content {
    padding-bottom: 5px;
  }
}
.inner-content:after {
  content: "";
  display: table;
  clear: both;
}

/* Enspalt */
.single-col {
  text-align: center;
  padding: 4% 6% 20px;
  padding-top: 40px !important;
  clear: both;
}
.single-col p {
  max-width: 700px;
  margin: 0 auto 15px;
  padding-bottom: 0;
}
.single-col h1,
.single-col h2,
.single-col h3 {
  margin: 0 auto 15px auto;
  max-width: 600px;
}

.txt-section ~ .txt-section .single-col,
.txt-section ~ .txt-section ~ .txt-section .single-col,
.txt-section ~ .txt-section ~ .txt-section ~ .txt-section .single-col {
  margin-top: -50px;
}

.single-col.greenwave:before {
  display: block;
  font-family: "icomoon";
  content: "\e90f";
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 50px;
  color: #75b94e;
}
@media only screen and (max-width: 768px) {
  .single-col.greenwave:before {
    font-size: 24px;
    line-height: 10px;
    margin-bottom: 43px;
  }
}

.single-col.bluewave:before {
  display: block;
  font-family: "icomoon";
  content: "\e90f";
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 50px;
  color: #bfe2e2;
}

/* Tvåspalt */
.txt-section,
.puff-section {
  padding-top: 20px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .txt-section,
  .puff-section {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.txt-section.bg,
.puff-section.bg {
  background-color: #f7f7f7;
}

.left-col,
.right-col {
  display: block;
  text-align: left;
  float: left;
}
.left-col img,
.right-col img {
  max-width: 100%;
  height: auto;
}
.left-col h5,
.right-col h5 {
  margin: 25px 0 3px 0;
}

.left-col {
  margin-right: 2%;
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .left-col {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.left-col.specialcol {
  width: 64%;
  margin-right: 4%;
}
@media only screen and (max-width: 768px) {
  .left-col.specialcol {
    width: 60%;
    margin-right: 2%;
  }
}
@media only screen and (max-width: 768px) {
  .left-col.specialcol {
    width: 100%;
    margin-right: 0%;
  }
}

.right-col {
  margin-left: 2%;
  width: 48%;
}
@media only screen and (max-width: 768px) {
  .right-col {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.right-col.specialcol {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .right-col.specialcol {
    width: 36%;
  }
}
@media only screen and (max-width: 768px) {
  .right-col.specialcol {
    width: 100%;
    margin-left: 0%;
  }
}

.section.txt-section .inner-content.green_line:before {
  display: block;
  content: "";
  width: 22%;
  margin-bottom: 25px;
  border-bottom: 8px solid #75b94e;
}
@media only screen and (max-width: 768px) {
  .section.txt-section .inner-content.green_line:before {
    border-bottom: 6px solid #75b94e;
  }
}

.right-col h4 em strong {
  color: #d7674b;
  font-family: "VivaBeautiful", sans-serif !important;
  display: block;
  font-weight: 400;
  font-size: 80px;
  line-height: 88px;
  margin-top: 15px;
  font-style: normal;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .right-col h4 em strong {
    font-size: 60px;
    line-height: 70px;
  }
}
@media only screen and (max-width: 768px) {
  .right-col h4 em strong {
    display: none;
  }
}

/* Text rubrik färg */
.txt-section.headline-only-h1.red-headline h1:first-of-type {
  color: rgba(215, 103, 75, 0.47);
}
.txt-section.headline-only-h1.blue-headline h1:first-of-type {
  color: #bfe2e2;
}
.txt-section.headline-only-h1.yellow-headline h1:first-of-type {
  color: #edc73c;
}
.txt-section.headline-only-h1.purple-headline h1:first-of-type {
  color: #6d7491;
}
.txt-section.headline-only-h1.green-headline h1:first-of-type {
  color: #75b94e;
}
.txt-section.headline-only-h1.orange-headline h1:first-of-type {
  color: #d7674b;
}

.txt-section.headline-only-h2.red-headline h2:first-of-type {
  color: rgba(215, 103, 75, 0.47);
}
.txt-section.headline-only-h2.blue-headline h2:first-of-type {
  color: #bfe2e2;
}
.txt-section.headline-only-h2.yellow-headline h2:first-of-type {
  color: #edc73c;
}
.txt-section.headline-only-h2.purple-headline h2:first-of-type {
  color: #6d7491;
}
.txt-section.headline-only-h2.green-headline h2:first-of-type {
  color: #75b94e;
}
.txt-section.headline-only-h2.orange-headline h2:first-of-type {
  color: #d7674b;
}

.txt-section.headline-all.red-headline h1, .txt-section.headline-all.red-headline h2, .txt-section.headline-all.red-headline h3, .txt-section.headline-all.red-headline h4, .txt-section.headline-all.red-headline h5, .txt-section.headline-all.red-headline h6 {
  color: rgba(215, 103, 75, 0.47);
}
.txt-section.headline-all.blue-headline h1, .txt-section.headline-all.blue-headline h2, .txt-section.headline-all.blue-headline h3, .txt-section.headline-all.blue-headline h4, .txt-section.headline-all.blue-headline h5, .txt-section.headline-all.blue-headline h6 {
  color: #bfe2e2;
}
.txt-section.headline-all.yellow-headline h1, .txt-section.headline-all.yellow-headline h2, .txt-section.headline-all.yellow-headline h3, .txt-section.headline-all.yellow-headline h4, .txt-section.headline-all.yellow-headline h5, .txt-section.headline-all.yellow-headline h6 {
  color: #edc73c;
}
.txt-section.headline-all.purple-headline h1, .txt-section.headline-all.purple-headline h2, .txt-section.headline-all.purple-headline h3, .txt-section.headline-all.purple-headline h4, .txt-section.headline-all.purple-headline h5, .txt-section.headline-all.purple-headline h6 {
  color: #6d7491;
}
.txt-section.headline-all.green-headline h1, .txt-section.headline-all.green-headline h2, .txt-section.headline-all.green-headline h3, .txt-section.headline-all.green-headline h4, .txt-section.headline-all.green-headline h5, .txt-section.headline-all.green-headline h6 {
  color: #75b94e;
}
.txt-section.headline-all.orange-headline h1, .txt-section.headline-all.orange-headline h2, .txt-section.headline-all.orange-headline h3, .txt-section.headline-all.orange-headline h4, .txt-section.headline-all.orange-headline h5, .txt-section.headline-all.orange-headline h6 {
  color: #d7674b;
}

/* Toppbild */
.images {
  height: 300px;
}
@media only screen and (max-width: 768px) {
  .images {
    height: 240px;
  }
}
@media only screen and (max-width: 768px) {
  .images {
    height: 160px;
  }
}

.top-img-wrapper {
  width: 100%;
  height: 100%;
}

.top-img {
  width: 100% !important;
  height: 100% !important;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
}

/* Mall för orter */
.section-cities {
  padding-left: 4%;
  padding-right: 4%;
}

.cities_content {
  width: 60%;
  float: left;
}
@media only screen and (max-width: 768px) {
  .cities_content {
    width: 55%;
  }
}
@media only screen and (max-width: 768px) {
  .cities_content {
    width: 100%;
  }
}

.cities_sidebar {
  width: 36%;
  float: right;
  padding-top: 50px;
}
@media only screen and (max-width: 768px) {
  .cities_sidebar {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  .cities_sidebar {
    width: 100%;
  }
}
.cities_sidebar .course_contact {
  margin-top: 30px;
  background: #75b94e;
  padding-bottom: 25px;
  color: white;
}
.cities_sidebar .course_contact h6 {
  margin: 0 auto 8px;
}
@media only screen and (max-width: 768px) {
  .cities_sidebar .course_contact {
    margin-top: 0;
  }
}

.cities_content .section {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.cities_content .single-col {
  margin-top: 0;
  text-align: left;
  padding: 0;
  padding-top: 40px !important;
}
.cities_content .single-col h1,
.cities_content .single-col h2,
.cities_content .single-col h3,
.cities_content .single-col p {
  max-width: 900px;
}
.cities_content .left-col {
  margin-right: 3%;
  width: 47%;
}
@media only screen and (max-width: 768px) {
  .cities_content .left-col {
    width: 100%;
    margin-right: 0;
  }
}
.cities_content .right-col {
  margin-left: 3%;
  width: 47%;
}
@media only screen and (max-width: 768px) {
  .cities_content .right-col {
    width: 100%;
    margin-left: 0;
  }
}
.cities_content .left-col img,
.cities_content .right-col img {
  margin-bottom: 15px;
}
.cities_content .course_contact {
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  .cities_content .course_contact {
    margin-bottom: 0;
  }
}

.city_col_1 p,
.city_col_2 p,
.city_col_3 p,
.city_col_4 p {
  text-align: left;
  font-family: "Circular-book";
  line-height: 26px;
}

@media screen and (max-width: 680px) {
  .city_col_1,
  .city_col_2,
  .city_col_3,
  .city_col_4 {
    width: 48%;
  }
}
.city_col_1, .city_col_2, .city_col_3, .city_col_4 {
  width: 24%;
  display: inline-block;
  text-align: left;
  position: relative;
  margin: 0 auto;
  vertical-align: top;
}

.city_col_1 a, .city_col_2 a, .city_col_3 a, .city_col_4 a {
  text-decoration: none;
}

/* Listfunktion */
.list_plh:first-of-type {
  margin-top: 50px;
}

.list_plh:last-of-type {
  margin-bottom: 30px;
}

.list_content {
  margin-bottom: 30px;
  display: none;
}
.list_content.listOpen {
  display: block;
}
.list_content img {
  width: auto;
  height: auto;
}

.list_header {
  border-bottom: 1px solid rgb(226.693877551, 226.693877551, 226.306122449);
  margin-top: 20px;
  cursor: pointer;
}
.list_header:before {
  content: "";
  display: inline-block;
  border-right: 2px solid #edc73c;
  border-bottom: 2px solid #edc73c;
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
  float: left;
  margin-right: 15px;
  margin-top: 6px;
}
.list_header h5 {
  margin: 0 0 10px 0;
  font-size: 18px;
}

/* Faktarutor */
.box {
  padding: 30px 30px 15px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.box p {
  font-family: "Circular-book", sans-serif !important;
}
.box h5 {
  margin: 0 0 3px 0 !important;
}
.box.gray {
  background-color: #f7f7f7;
}
.box.blue {
  background-color: rgb(243.6451612903, 249.8548387097, 249.8548387097);
}
.box.purple {
  background-color: rgb(225.3149606299, 226.7480314961, 232.6850393701);
}

.contactOpen {
  display: block;
}

/* Breadcrumbs */
p#breadcrumbs {
  font-weight: 100;
  font-size: 14px;
  width: 100%;
  color: #b3b2b4;
  line-height: 20px;
  font-family: "Circular-book", sans-serif;
  text-align: left;
}
p#breadcrumbs a {
  color: #6d7491;
  text-decoration: none;
}
p#breadcrumbs a:hover {
  color: #4a4a49;
  text-decoration: underline;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

.kontaktperson {
  display: inline-block;
  width: auto;
  margin: 25px;
  text-align: left;
}

.kontaktperson a {
  color: #4a4a49;
  text-decoration: none;
}

.kontaktperson p {
  font-family: Circular-book, sans-serif;
}

.uc-sigill img {
  max-width: 260px;
  height: auto;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Wave section */
.wave {
  display: flex;
  width: 100%;
  justify-content: center;
}
.wave:before {
  color: #75b94e;
  content: "\e90f";
  display: block;
  font-family: icomoon;
  font-size: 30px;
  line-height: 30px;
}
.wave.top-small {
  margin-top: 2rem;
}
.wave.bottom-small {
  margin-bottom: 2rem;
}
.wave.top-medium {
  margin-top: 4rem;
}
.wave.bottom-medium {
  margin-bottom: 4rem;
}
.wave.top-large {
  margin-top: 6rem;
}
.wave.bottom-large {
  margin-bottom: 6rem;
}
.wave.red:before {
  color: rgba(215, 103, 75, 0.47);
}
.wave.orange:before {
  color: #d7674b;
}
.wave.blue:before {
  color: #bfe2e2;
}
.wave.purple:before {
  color: #6d7491;
}
.wave.yellow:before {
  color: #edc73c;
}

.siteMenu .yh-menu a:active, .siteMenu .yh-menu a:focus, .siteMenu .yh-menu a:hover, .siteMenu li.yh-menu.current-menu-item a {
  border-bottom: 5px solid #edc73c;
}

.box.yh {
  background-color: #fffad8;
}

.template-yh .section.txt-section .inner-content.green_line:before {
  border-bottom: 8px solid #edc73c;
}

.template-yh .puff .text-container h4 {
  border-bottom: 6px solid #edc73c;
}

.template-yh .single-col.greenwave:before {
  color: #edc73c;
}

.page-template-clean_yh .single-col.greenwave:before {
  color: #edc73c;
}

.page-template-clean_yh .puff .text-container h4 {
  border-bottom: 6px solid #edc73c;
}

.siteMenu .yu-menu a:active, .siteMenu .yu-menu a:focus, .siteMenu .yu-menu a:hover, .siteMenu li.yu-menu.current-menu-item a {
  border-bottom: 5px solid #6d7491;
}

.box.yu {
  background-color: #C6C7D1;
}

.template-yu .section.txt-section .inner-content.green_line:before {
  border-bottom: 8px solid #6d7491;
}

.template-yu .puff .text-container h4 {
  border-bottom: 6px solid #6d7491;
}

.template-yu .single-col.greenwave:before {
  color: #6d7491;
}

.page-template-clean_yu .single-col.greenwave:before {
  color: #6d7491;
}

.page-template-clean_yu .puff .text-container h4 {
  border-bottom: 6px solid #6d7491;
}

.page-template-clean_yu .list_header:before {
  border-bottom: 2px solid #6d7491;
  border-right: 2px solid #6d7491;
}

.lifterlms .inner-content {
  text-align: left;
}

a.llms-button-secondary.back-to-dashboard {
  background: #edc73c;
  color: #fff;
  font-family: Circular-book;
  display: inline-block;
  margin-bottom: 30px;
}

.lms-main .content.single .wp-block-llms-course-progress {
  margin-top: 50px;
}

.llms-button-primary {
  background: #75bb4d;
}

.sidebar.lms-sidebar {
  display: flex;
  text-align: left;
  flex-direction: column;
  border-left: 1px solid #eee;
  padding-left: 4%;
  margin-left: -1px;
}

.llms-widget-syllabus {
  font-family: Circular-book, sans-serif;
}

.llms-widget-syllabus .llms-section {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
}

.widget .llms-course-outline ul {
  margin-left: 1.5em;
}

.llms-progress .llms-progress-bar {
  height: 1.2em;
  border-radius: 0.7em;
  top: 0px;
}

.llms-progress .progress-bar-complete {
  background-color: #75b94e;
  border-radius: 0.7em;
}

p.llms-course-complete-text {
  font-family: "Circular-book";
}

.llms-widget-syllabus .llms-lesson-complete.done, .llms-widget-syllabus .lesson-complete-placeholder.done {
  color: #75b94e;
}

h2.widgettitle {
  font-size: 20px !important;
}

.lms-main .content.single h4 {
  font-size: 20px;
}

li#course_progress-2,
li#course_progress-3,
li#course_progress-4,
li#course_syllabus-2,
li#course_syllabus-3,
li#course_syllabus-4 {
  list-style: none;
}

span.lesson-title {
  font-size: 15px;
  line-height: 18px;
}

.llms-widget-syllabus .lesson-title a {
  color: #75b94e;
}

.llms-widget-syllabus .section-title {
  font-weight: 600;
  line-height: 22px;
}

.llms-widget-syllabus ul li ul {
  margin: 10px 0 15px 0;
}

.progress__indicator {
  font-family: "Circular-book";
}

.lms-main .content.single h5 {
  margin: 0 0 5px;
}

.lms-main .content.single ul {
  list-style: disc;
  margin: 0 0 1.5em 3em;
}

.lms-main .content.single li {
  margin-bottom: 12px;
  line-height: 24px;
}

.llms-video-wrapper {
  margin-bottom: 30px;
}

a.llms-lesson-link {
  text-decoration: none;
}

p.llms-parent-course-link {
  font-size: 14px;
  font-family: "Circular-book";
}

.llms-access-plan-title {
  background: #edc73c;
  font-size: 18px;
}

.llms-button-action {
  background: #75bb4d;
  font-family: "Circular-book";
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 36px;
}

.llms-button-action:hover,
.llms-button-primary:hover {
  cursor: pointer;
  background: #5e983c;
}

.single-llms_quiz ul.llms-quiz-meta-info li {
  margin: 0 0 10px 0;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice input:checked + .llms-marker {
  background: #edc73c;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice .llms-choice-text {
  font-size: 16px;
  line-height: 1.6;
  width: auto;
}

nav.llms-sd-nav {
  font-family: "Circular-bold";
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

nav.llms-sd-nav a.llms-sd-link {
  text-decoration: none;
}

.lifterlms input[type=email],
.lifterlms input[type=number],
.lifterlms input[type=password],
.lifterlms input[type=reset],
.lifterlms input[type=search],
.lifterlms input[type=tel],
.lifterlms input[type=text],
.lifterlms input[type=url],
.lifterlms select,
.lifterlms textarea {
  color: #666;
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border-radius: 2px;
  background: #fafafa;
  box-shadow: none;
  box-sizing: border-box;
  transition: all 0.2s linear;
}

.llms-quiz-wrapper input[type=email],
.llms-quiz-wrapper input[type=number],
.llms-quiz-wrapper input[type=password],
.llms-quiz-wrapper input[type=reset],
.llms-quiz-wrapper input[type=search],
.llms-quiz-wrapper input[type=tel],
.llms-quiz-wrapper input[type=text],
.llms-quiz-wrapper input[type=url],
.llms-quiz-wrapper select,
.llms-quiz-wrapper textarea {
  color: #666;
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: #eaeaea;
  border-radius: 2px;
  background: #fafafa;
  box-shadow: none;
  box-sizing: border-box;
  transition: all 0.2s linear;
}

.llms-form-fields label {
  padding-bottom: 12px;
  display: block;
  font-family: Circular-book, sans-serif;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  font-family: "Circular-book";
}

.llms-table {
  font-family: "Circular-book";
}

.llms-student-dashboard .llms-sd-item .llms-sep {
  color: #fff;
}

h3.llms-question-title {
  font-size: 18px;
}

.single-llms_quiz ul.llms-quiz-meta-info {
  font-family: "Circular-book";
  margin-top: 20px;
}

.llms-question-wrapper .llms-question-text,
.llms-question-description h3 {
  font-size: 24px;
}

.llms-question-wrapper ol.llms-question-choices li.llms-choice label {
  display: block;
}

button#llms-prev-question {
  float: left;
}

.llms-quiz-ui .llms-button-secondary,
.single-quiz-section .llms-button-secondary {
  font-size: 18px;
  line-height: 1.2;
  padding: 16px 36px;
  background: #edc73c;
  color: #fff;
  font-family: "Circular-book";
}

.llms-quiz-ui {
  background: #fff;
}

.llms-quiz-results-main,
.llms-quiz-results-history {
  margin-left: 25px;
}

.single-llms_quiz .llms-return {
  margin-bottom: 30px;
  font-family: "Circular-book";
}

.llms-notification {
  border-top: 4px solid #edc73c;
}

.lms-main.single-quiz-section .content.single {
  width: 100%;
}

span.iterator {
  font-family: "Circular-book";
}

.llms-quiz-ui .llms-error {
  font-family: "Circular-book";
}

.llms-quiz-ui .llms-quiz-counter {
  font-family: "Circular-book";
}

.lms-main h2 {
  font-size: 28px;
}

ul.llms-quiz-meta-info {
  margin: 10px 0 0 !important;
}

.single-llms_quiz .llms-quiz-results .llms-donut.passing {
  color: #83c373;
  margin: 10px 0 25px 0;
}

.llms-donut {
  color: #75b94e;
}

.llms-donut svg path {
  stroke: #75b94e;
}

.llms-sd-section.llms-sd-grades td {
  vertical-align: middle;
}

.wp-block-group.has-background,
.wp-block-column.has-background {
  padding: 4%;
}

.responsive_video .wp-block-embed__wrapper {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.responsive_video iframe {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

div#llms_lost_password_message {
  margin-bottom: 15px;
}

.llms-lost-password-form label {
  margin-bottom: 15px;
  display: block;
}

.llms-form-field {
  padding: 0 10px 10px 0;
}

.llms-form-field.type-submit.llms-cols-3.llms-cols-last {
  margin-top: 35px;
}

.webbutbIntyg {
  margin-left: 0;
  width: 250px;
  padding: 0 !important;
  background-color: transparent;
}

a .webbutbIntyg:hover {
  background-color: transparent !important;
  color: #75b94e !important;
}

a .webbutbIntyg:hover:before {
  color: #75b94e !important;
}

.llms-sd-widgets .llms-sd-widget .llms-sd-widget-title {
  background: #eaeaea;
  color: black;
}

td.llms-lesson_title,
td.llms-completion_date,
td.llms-associated_quiz,
td.llms-overall_grade {
  font-size: 14px;
}

h2.llms-sd-title {
  font-size: 22px;
}

.llms-loop-item-content .llms-progress {
  padding: 15px 10px;
}

.llms-loop-item-content .llms-loop-title {
  padding: 10px 25px 0;
}

footer.llms-loop-item-footer {
  padding-left: 15px;
  padding-bottom: 10px;
}

.llms-loop-item-content .llms-loop-link {
  text-decoration: none;
}

.llms-author {
  display: none !important;
}

.llms-student-dashboard .llms-notice.llms-success {
  width: 60%;
  margin: 0 auto;
  font-family: "Circular-book";
}

a.llms-toggle-fields {
  font-family: "Circular-book";
}

.llms-loop-item-content .llms-meta p {
  font-family: "Circular-book";
}

.dashboard .llms-button-secondary {
  background: #edc73c;
  color: #ffffff;
  font-family: "Circular-book";
  display: inline-block;
}

.wp-block-llms-course-continue-button {
  display: block;
  margin-top: 40px;
  font-family: "Circular-book";
}

.llms-notice.llms-success {
  width: 69%;
  margin: 0 auto;
  font-family: "Circular-book";
}

a.llms-toggle-fields {
  font-family: "Circular-book";
}

.llms-av-pv .llms-av-pv--btn-continue {
  display: block;
  font-family: "Circular-book";
}

.lesson-template-default .contact-btn,
.course-template-default .contact-btn,
.llms_quiz-template-default .contact-btn {
  display: none;
}

h5.llms-av-pv--title.llms-av-pv--up-next {
  color: #adadad !important;
}

.llms-student-dashboard .inner-content {
  padding-top: 0;
  padding-bottom: 0px;
}

.welcome-text {
  max-width: 740px;
  padding-top: 15px;
}

.llms-student-dashboard.dashboard .llms-sd-title {
  display: none;
}

@media screen and (min-width: 1280px) {
  .lms-main .content.single {
    width: 66%;
  }
}
@media screen and (max-width: 1280px) {
  .lms-main .inner-content {
    padding-left: 4%;
    padding-right: 4%;
  }
  .welcome-text {
    padding-left: 4%;
    padding-right: 4%;
    margin-bottom: 40px;
  }
  .lms-main h2 {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .llms-quiz-results-history,
  .llms-quiz-results-main {
    margin-left: 0;
  }
  .single-lesson-section .wp-block-media-text .wp-block-media-text__content {
    padding: 0;
  }
  h2.llms-av-pv--title.llms-av-pv--course {
    font-size: 16px !important;
  }
  h4.llms-av-pv--title.llms-av-pv--next {
    font-size: 14px !important;
  }
  h5.llms-av-pv--title.llms-av-pv--up-next {
    font-size: 16px !important;
    margin: 0 !important;
  }
  .llms-av-pv .llms-av-pv--btn-continue {
    font-size: 14px !important;
  }
  nav.llms-sd-nav a.llms-sd-link {
    text-decoration: none;
    margin-bottom: 15px;
    display: inline-block;
    background: #edc73c;
    padding: 8px;
    color: #fff;
    font-family: "Circular-book";
  }
  li.llms-sd-item.signout a {
    background: #75b94e;
  }
  .llms-student-dashboard .llms-sd-item .llms-sep {
    margin: 2px;
  }
}
@media screen and (max-width: 753px) {
  .sidebar.lms-sidebar {
    border-left: none;
    padding-left: 0;
  }
  .lms-main h2 {
    font-size: 22px;
  }
}
.llms-my-achievements {
  display: none;
}

.llms-my-memberships {
  display: none;
}

.llms-my-certificates {
  display: none;
}

.llms-quiz-ui {
  padding: 0px !important;
}

.section-title span {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 200;
  padding: 1px 3px;
  line-height: 17px;
  margin-left: 12px;
  min-width: 44px;
  text-align: center;
  background: #f5f5f5;
}

.sidebar.lms-sidebar .section-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: baseline;
}

.llms-collapse-caret {
  padding-right: 5px;
}

.sidebar.lms-sidebar .section-header {
  display: flex;
  align-items: baseline;
}

.lms-main .content.single ul {
  margin: 0 0 0 20px;
}

.sidebar.lms-sidebar {
  padding-left: 3%;
}

.llms-widget-syllabus .section-title {
  font-size: 15px;
}

@media only screen and (max-width: 768px) {
  .single-lesson .wp-block-columns {
    padding: 0;
  }
  .img-max-100 img {
    max-width: 100px;
  }
}
.lms-main.single-lesson-section .has-background {
  padding: 25px;
}

.lesson-template-default .ld-chat-bot,
.single-llms_quiz .ld-chat-bot {
  display: none;
}

.llms-audio-wrapper {
  margin-bottom: 50px;
}

h6.llms-pre-text {
  font-size: 14px;
  color: #666666;
}

h5.llms-h5.llms-lesson-title {
  font-size: 16px;
  font-weight: 400;
}

a.llms-lesson-link {
  height: 110px !important;
}

.llms-lesson-button-wrapper {
  margin-top: 25px;
  margin-bottom: 25px;
}

.llms-lesson-button-wrapper {
  font-family: "Circular-book";
  color: #75b94e;
}

.lms-main .content.single h4 {
  margin: 0 0 5px;
}

/* LMS STYLING */
.llms-table {
  text-align: left;
}

.llms-table.llms-single-course-grades th.llms-section_title {
  vertical-align: middle;
}

div#course_cert {
  text-align: right;
}

#course_cert img {
  width: 220px;
}

.bookings-time strong, .bookings-date strong {
  font-weight: 700;
  display: block;
}

.bookings-time {
  display: inline-block;
  position: relative;
  left: 80px;
}

.bookings-date {
  display: inline-block;
}

.bookings-date-data,
.bookings-time-data {
  display: block;
}

.course-eval-container {
  background-color: #f7f7f7;
  padding: 25px;
  max-width: 460px;
  margin-bottom: 30px;
  font-size: 16px;
}

.course-eval-container .gform_button {
  width: auto !important;
}

.course-eval-container p {
  font-family: "Circular-book";
}

.modal-footer.course-eval button.btn.btn-secondary {
  font-family: Circular-book, sans-serif;
  font-weight: 400;
  text-align: center;
  text-decoration: none !important;
  outline: 0;
  border: none;
  cursor: pointer;
  background-color: #75b94e;
  color: #fff !important;
  transition: all 0.3s ease;
  margin: 0 auto !important;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-transform: uppercase;
  padding: 15px;
  min-width: 200px;
}

.llms-card-wrapper {
  display: flex;
}

.llms-card {
  background: #f9f9f9;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 0 0 20px;
}

.webbutbildning-bookings-grid .llms-card:first-child {
  margin-left: 0px !important;
  margin-right: 20px !important;
}

.webbutbildning-bookings-grid .llms-card:last-child {
  margin-right: 0px !important;
}

.llms-card-inner {
  padding: 0 12px;
  line-height: 1.2em;
}

.llms-card--title {
  background: #eaeaea;
  color: black;
  font-size: 18px;
  line-height: 1;
  margin: 0 0 20px;
  padding: 10px;
}

@media only screen and (max-width: 780px) {
  .webbutbildning-bookings-grid .llms-card:first-child {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.dwn {
  border: solid;
  border-width: 0 2.8px 2.8px 0;
  display: inline-block;
  padding: 4px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 7px;
  margin-bottom: 2px;
}

select {
  -webkit-appearance: listbox !important;
  -moz-appearance: listbox !important;
}

.block-wrapper {
  display: flex;
  gap: 90px;
  padding-bottom: 32px;
}

@media only screen and (max-width: 992px) {
  .block-wrapper {
    gap: 45px;
  }
}
@media only screen and (max-width: 780px) {
  .block-wrapper {
    gap: 32px;
    flex-direction: column;
  }
}
.block.block--two-third {
  flex-basis: 66%;
}

.block.block--flex {
  flex: 1;
}

a.btn-grn {
  background-color: #75b94e;
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 0.8em;
  font-family: Circular-book, sans-serif;
}

a.btn-grn:hover {
  background-color: #4f8033;
}

.inner-content-left {
  text-align: left;
}

/* START FROM ADMIN */
a {
  color: #4f8033;
}

.ginput_container_select {
  background-color: #f5f5f5;
  border: 1px solid #e2e0e3 !important;
}

.gfield_select {
  width: 100% !important;
}

select {
  font-family: sans-serif;
  -webkit-appearance: none;
}

.textwidget .grecaptcha-logo iframe {
  width: 340px;
  height: 60px;
}

.competence_check .gform_wrapper {
  max-width: 300px !important;
  margin: 0 auto;
}

.competence_check input.submit_btn {
  text-transform: none;
  text-decoration: none;
  padding: 18px 40px;
  font-size: 18px;
  font-weight: 400;
  background-color: #75b94e;
  color: white;
  margin: 30px auto;
  display: block;
  min-width: 300px;
}

.custom-image {
  width: 340px !important;
  height: auto;
}

.news-box {
  background: #f7f7f7;
  display: flex;
  align-items: flex-end;
}

.content.single .news-box img {
  width: 46%;
  height: auto;
}

.content.single .news-box .news-box-text {
  width: 50%;
  padding: 30px;
}

@media screen and (max-width: 680px) {
  .news-box {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  .content.single .news-box img {
    width: 100%;
    height: auto;
  }
  .content.single .news-box .news-box-text {
    width: 100%;
    padding: 20px 20px 30px;
  }
}
/* mina sidor */
.my-dashboard p,
.my-dashboard h6 {
  text-align: left;
  max-width: 800px;
}

.my-dashboard h6 {
  margin: 15px 0;
}

.webbutbildning-meny {
  text-align: left;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 15px;
}

.logout-menu {
  position: absolute;
  right: 0;
  top: 18px;
}

a.myaccount {
  background-color: none !important;
  background: none !important;
  color: #4f8033;
  text-transform: none;
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 15px 10px 0;
}

.my-dashboard h3.llms-sd-section-title {
  text-align: left;
}

.insu-registration-form {
  text-align: left;
  max-width: 680px;
}

.insu-registration-form .registraion-form input {
  background-color: #f5f5f5;
  border: 1px solid #e2e0e3 !important;
  padding: 15px 10px !important;
  margin-top: 20px;
  font-family: Circular-book, sans-serif !important;
  color: #4a4a49 !important;
  width: 100% !important;
  text-transform: none;
  font-weight: 400;
  font-size: 16px !important;
  line-height: 17px !important;
  moz-border-radius: 0 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.form-group {
  width: 49%;
  display: inline-block;
}

.form-group.left {
  margin-right: 1%;
}

.form-group.right {
  margin-left: 1px;
}

.insu-registration-form .registraion-form input[type=submit] {
  width: 100% !important;
  font-size: 18px !important;
  line-height: 1.2em;
  padding: 16px 30px !important;
  background-color: #75b94e;
  color: #fff !important;
  border: none !important;
}

span.help-block {
  font-family: "Circular-book";
  font-style: italic;
  font-size: 0.8em;
  padding-top: 11px;
  display: block;
}

.indicator {
  font-family: "Circular-book";
  font-style: italic;
  font-size: 0.8em;
  padding-top: 11px;
  display: block;
}

.bookings-date,
.bookings-id,
.bookings-name,
.bookings-city,
.bookings-place,
.bookings-link,
.bookings-time {
  font-family: "Circular-book";
  margin-bottom: 5px;
}

.bookings-name {
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 1.3em;
}

.bookings-link {
  margin-top: 10px;
}

.webbutbildning-bookings-grid {
  display: flex;
  flex-wrap: wrap;
}

.webbutbildning-bookings-grid-item {
  width: 390px !important;
  min-height: 250px !important;
  background: #f7f7f7;
  padding: 25px;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 15px;
  vertical-align: top;
}

.webbutbildning-bookings-grid.archive .webbutbildning-bookings-grid-item {
  background: #f7f7f7;
  width: 100%;
  min-height: 20px;
}

.webbutbildning-bookings-grid.archive .bookings-city,
.webbutbildning-bookings-grid.archive .bookings-date {
  display: inline;
}

@media screen and (max-width: 680px) {
  a.myaccount {
    display: block;
    text-align: left;
  }
  .logout-menu {
    float: none;
    margin-top: 15px;
    margin-bottom: 10px;
  }
  .form-group {
    width: 100%;
    display: inline-block;
  }
  .form-group.left {
    margin-right: 0;
  }
  .form-group.right {
    margin-left: 0;
  }
  .gform_button,
  button.book-green-btn.right button.book-red-btn.right {
    width: 100% !important;
  }
  input#btn-create-account {
    width: 100% !important;
    max-width: 100% !important;
    line-height: inherit;
  }
}
/* slut mina sidor */
/* mina sidor 2022 */
ul.dashboard-menu li {
  display: inline-block;
}

ul.dashboard-menu-sub li {
  display: block;
}

ul.dashboard-menu-sub a {
  background: #75b94e;
  color: #fff !important;
  display: block;
  width: 200px;
  padding: 10px;
  border-bottom: white;
  border: solid;
  border-width: 1px;
  text-decoration: none;
  font-family: Circular-book, sans-serif;
}

ul.dashboard-menu-sub {
  margin-top: 15px;
  position: absolute;
  display: none;
  z-index: 99;
}

ul.dashboard-menu-sub a:hover {
  background-color: #5e983c;
}

ul.dashboard-menu-mobile-sub {
  display: none;
}

a.more-info {
  background-color: #75b94e;
  color: #fff;
  text-align: center;
  text-transform: none;
  padding: 15px 15px;
  margin-top: 20px;
  text-decoration: none;
  font-size: 1em;
  font-family: Circular-book, sans-serif;
  display: inline-block;
  min-width: 200px;
}

a.more-info:hover,
a.dashboard-btn-green:hover {
  background-color: #5e983c;
}

a.delete-temp-booking {
  align-self: flex-end;
  background-color: #D7674B;
  color: #fff;
  text-align: center;
  text-transform: none;
  padding: 15px 15px;
  margin-top: 20px;
  text-decoration: none;
  font-size: 1em;
  font-family: Circular-book, sans-serif;
  display: inline-block;
  min-width: 200px;
  float: right;
}

.course-details-left {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.course-details-right {
  width: 40%;
  display: inline-block;
  background: #f7f7f7;
  padding: 25px;
  vertical-align: top;
  right: 0;
  position: absolute;
}

.course-details-right p,
.course-details-left p {
  font-family: Circular-book, sans-serif;
}

a.dashboard-btn-yellow,
a.dashboard-btn-green {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  padding: 10px 15px;
  text-decoration: none;
  font-size: 0.8em;
  margin-top: 15px;
  font-family: Circular-book, sans-serif;
  display: inline-block;
  min-width: 220px;
}

a.dashboard-btn-yellow {
  background-color: #edc73c;
}

a.dashboard-btn-green {
  background-color: #75b94e;
}

a.dashboard-btn-yellow:hover {
  background-color: #d9b01c;
}

@media screen and (max-width: 680px) {
  ul.dashboard-menu li {
    display: block;
  }
  ul.dashboard-menu-sub {
    margin-top: 0;
    position: relative;
  }
  .course-details-left,
  .course-details-right {
    width: 100%;
    position: relative;
  }
}
.modal_bookings {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 28px;
}

.modal-bookings-title {
  font-weight: bold;
  margin-top: 10px;
}

.modal-body h6 {
  margin-bottom: 30px;
}

.modal-close-pop {
  position: absolute;
  right: 15px;
  cursor: pointer;
}

.modal-close-pop .fa-circle-xmark:before {
  font-size: 32px;
}

.select2-dropdown--below {
  top: -2.8rem; /*your input height*/
}

/* END FROM ADMIN */
/*a.disabled {*/
/*    opacity: 0.5;*/
/*    pointer-events: none;*/
/*    cursor: default;*/
/*}*/
.bookings-link a {
  float: right;
}

.bookings-column {
  font-family: "Circular-book";
  float: left;
  width: 50%;
  margin-bottom: 4px;
}

.bookings-column.small {
  width: 30%;
}

.bookings-column.dates {
  margin-top: 10px;
}

/* Clear floats after the columns */
.bookings-row:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (max-width: 780px) {
  .webbutbildning-bookings-grid.flex {
    display: block;
    flex-wrap: wrap;
  }
}
.webbutbildning-bookings-grid-item {
  width: auto;
  min-height: 100px;
  border: 1px solid #d3d3d3;
}

.contact-booking-list-company, .contact-booking-list-name {
  min-width: 200px;
}

.flex-item-left {
  flex: 48%;
}

.flex-item-right {
  flex: 48%;
}

.modal-dialog.course-eval {
  width: 100% !important;
  height: 90% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.modal-content.course-eval {
  width: 100% !important;
  height: 90% !important;
}

.modal-body.course-eval {
  height: 90% !important;
}

.modal-header.course-eval {
  background-color: #337ab7;
  padding: 16px 16px;
  color: #fff;
  border-bottom: 2px dashed #337ab7;
}

.login-form {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: -10px;
}

.login-form .gform_button {
  min-width: 25%;
  width: auto !important;
}

/*.mobile-menu-icon {*/
/*    margin-left: 0px;*/
/*}*/
.topMenu ul.dashboard-menu-sub {
  z-index: 99;
}

.topMenu ul#menu-topmenu ul.dashboard-menu-sub li {
  border-right: none !important;
  margin-top: -3px !important;
  margin-left: 0 !important;
  text-align: left;
}

/* Booking 2022 */
.plh-book-company {
  width: 100%;
  padding: 0.5rem 2rem 1.5rem;
  background-color: #f7f7f7;
  margin-bottom: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .plh-book-company {
    padding: 0.5rem 1rem;
  }
}

.plh-book-company.inactive {
  cursor: pointer;
}

.plh-book-company.inactive:hover {
  background-color: #eaeaea;
}

.book-course-info {
  width: 100%;
  padding: 1.5rem 2rem 1.5rem;
  background-color: #f7f7f7;
  margin-bottom: 1rem;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  position: relative;
}

.book-course-info h5 {
  font-size: 14px;
}

.customer-edit-btn {
  position: absolute;
  right: 32px;
  top: 20px;
  font-family: Circular-book, sans-serif;
  background: #75b94e;
  padding: 15px;
  color: white;
  min-width: 240px;
  text-align: center;
}

.customer-edit-btn:hover {
  color: #fff;
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  background-color: #5e983c;
  cursor: pointer;
}

.plh-book-company p {
  font-family: Circular-book, sans-serif;
  margin-bottom: 10px;
}

.company-details-data {
  margin-bottom: 30px;
}

.company-details-data-form {
  margin-bottom: 10px;
}

.company-details-data-form.notice-text {
  display: flex;
  align-items: flex-start;
}

.company-details-data-form.notice-text .form-spacer {
  width: 175px;
  flex-shrink: 0;
}

.company-details-data-form.notice-text p {
  margin: 0;
  padding: 10px 12px 10px 0px;
  line-height: 1.4;
}

.plh-book-company label {
  font-family: Circular-book, sans-serif;
  min-width: 170px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 10px;
}

.plh-book-company input[type=text], .plh-book-company input[type=email],
.bookform_input_container_select {
  background-color: #fff;
  border: 1px solid #e2e0e3 !important;
  padding: 10px;
  width: 250px;
  font-size: 16px;
  font-family: Circular-book, sans-serif;
}

.plh-book-company textarea {
  background-color: #fff;
  border: 1px solid #e2e0e3;
  padding: 5px;
  width: 100%;
  max-width: 480px;
  height: 80px;
  font-size: 16px;
  font-family: Circular-book, sans-serif;
  resize: none;
}

.bookform_input_container_select:before {
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  content: "▽";
  color: #4a4a49 !important;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 12px;
  z-index: 8;
}

.add-participant-plh .bookform_input_container_select {
  padding: 15px;
  width: 100%;
}

.add-participant-search-header {
  font-family: "Circular-book";
  margin-left: 5px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
}

.add-participant-search-header.right {
  display: inline-block;
  float: right;
}

.select2-results__option {
  font-family: Circular-book, sans-serif;
  font-size: 16px;
}

.select2-search--dropdown .select2-search__field {
  padding: 15px !important;
  font-size: 18px;
  font-family: Circular-book, sans-serif;
}

.add-participant-plh {
  border-top: 1px solid #e2e0e3;
  margin-top: 30px;
  padding-top: 30px;
  position: relative;
}

.add-participant-plh.change {
  border-top: 0px;
  margin-top: 20px;
  padding-top: 5px;
  padding-top: 5px;
}

.add-participant-form-plh {
  margin-top: 30px;
  margin-bottom: 30px;
}

.add-participant-form.search {
  margin-bottom: 10px;
}

.search input[type=text],
.participant-data input[type=text], .participant-data input[type=email] {
  padding: 15px;
  width: 100%;
  max-width: 480px;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #f7f7f7 !important;
  color: black !important;
}

.add-participant-form.participant-data {
  width: 32%;
  margin-right: 1.5%;
  display: inline-block;
  margin-bottom: 20px;
  position: relative;
}

.add-participant-form-plh label.error {
  position: absolute;
  top: 100%;
  left: 10px;
  font-size: 12px !important;
  margin-top: 5px !important;
}

.add-participant-form.participant-data.civic-reg,
.add-participant-form.participant-data.price-group {
  margin-right: 0;
}

.participant-list-plh {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.participant-list-plh h3 {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.participant-list-item {
  font-family: "Circular-book";
  font-size: 14px;
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 7px;
  position: relative;
  display: flex;
}

.participant-list-dates {
  margin-bottom: 7px;
  min-width: 135px !important;
}

.participant-list-edit {
  position: absolute;
  right: 0;
}

.participant-list-name,
.participant-list-number,
.participant-list-phone,
.participant-list-mail,
.participant-list-member,
.participant-list-category,
.participant-list-certification,
.participant-list-arrived,
.participant-list-grade {
  margin-bottom: 7px;
}

.participant-list-arrived {
  min-width: 135px !important;
  display: flex;
}

.participant-list-name,
.participant-list-member {
  min-width: 200px;
}

.participant-list-mail {
  min-width: 250px;
}

.participant-list-number,
.participant-list-phone,
.participant-list-category,
.participant-list-certification,
.participant-list-arrived,
.participant-list-view,
.participant-list-grade {
  min-width: 110px;
}

.contact-booking-list-plh {
  position: relative;
  margin-top: 40px;
  margin-bottom: 40px;
}

.contact-booking-list-plh h3 {
  border-bottom: 1px solid #000;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.contact-booking-list-item {
  font-family: "Circular-book";
  font-size: 14px;
  border-bottom: 1px solid #000;
  margin-bottom: 16px;
  padding-bottom: 10px;
  position: relative;
}

.contact-booking-list-edit {
  position: absolute;
  right: 0;
}

.view-booking-l {
  cursor: pointer;
}

.contact-booking-list-view {
  min-width: 40px;
}

.contact-booking-list-booking,
.contact-booking-list-company,
.contact-booking-list-view,
.contact-booking-list-date,
.contact-booking-list-name,
.contact-booking-list-type,
.contact-booking-list-participants {
  display: inline-block;
  margin-bottom: 7px;
}

.contact-booking-list-company,
.contact-booking-list-name {
  min-width: 500px;
}

.contact-booking-list-booking,
.contact-booking-list-date,
.contact-booking-list-type,
.contact-booking-list-participants {
  min-width: 120px;
}

@media only screen and (max-width: 768px) {
  .contact-booking-list-booking,
  .contact-booking-list-company,
  .contact-booking-list-view,
  .contact-booking-list-date,
  .contact-booking-list-name,
  .contact-booking-list-type,
  .contact-booking-list-participants,
  .contact-booking-list-edit {
    display: block;
  }
}
.book-green-btn.right {
  position: absolute;
  right: 0;
  background: #75b94e;
  padding: 15px;
  color: white;
  font-family: "Circular-book";
  min-width: 240px;
  text-align: center;
  margin-top: 10px;
}

.book-green-btn.right:hover {
  background-color: #5e983c;
  cursor: pointer;
}

.book-red-btn.right {
  position: absolute;
  right: 0;
  background: #d33;
  padding: 15px;
  color: white;
  font-family: "Circular-book";
  min-width: 240px;
  text-align: center;
  margin-top: 10px;
}

.book-red-btn.right:hover {
  background-color: #c40000;
  cursor: pointer;
}

.company-details-data-form-policy {
  font-family: "Circular-book";
  font-size: 14px;
  text-align: left;
}

.company-details-data-form-submit {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .company-details-data-form-submit {
    text-align: center;
    margin-bottom: 10px;
  }
}

button.book-green-btn.right {
  border: 0;
  font-size: 16px;
  position: relative;
}

button.book-red-btn.right {
  border: 0;
  font-size: 16px;
  position: relative;
}

button.book-green-btn.right.btn-add-participant {
  position: inherit;
  right: 0;
}

@media only screen and (max-width: 1024px) {
  .add-participant-form.participant-data {
    width: 48%;
    margin-right: 0px;
  }
  .customer-edit-btn {
    position: initial;
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 768px) {
  .participant-list-name,
  .participant-list-number,
  .participant-list-phone,
  .participant-list-mail,
  .participant-list-member .participant-list-category .participant-list-arrived .participant-list-grade {
    display: block;
  }
  .add-participant-form.participant-data {
    width: 100%;
    margin-right: 0;
    display: block;
    margin-bottom: 15px;
  }
  .contact-booking-list-item.table-header {
    display: none;
  }
  .mobile-label {
    display: inline-block;
    min-width: 120px;
    font-weight: bold;
  }
  .contact-booking-list-item {
    margin-bottom: 20px;
    padding-bottom: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-booking-list-item.table-header {
    font-weight: bold;
  }
  .mobile-label {
    display: none;
  }
}
#bookingDetailsModal .modal-body {
  font-family: "Circular-book";
  padding: 16px 26px;
}

#bookingDetailsModal .modal-body h3 {
  font-size: 22px;
  font-weight: bold;
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

.modal-booking-details-plh {
  margin-top: 25px;
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
}

.modal-booking-row {
  margin-bottom: 12px;
  font-size: 15px;
}

.modal-booking-data,
.modal-label {
  display: inline-block;
  line-height: 20px;
}

.modal-label {
  width: 160px;
  font-weight: bold;
  vertical-align: top;
}

.participant-row {
  border-bottom: 1px solid #c2c2c2;
  padding-bottom: 10px;
  font-size: 14px;
  margin-bottom: 8px;
}

.participant-row span {
  float: right;
}

input#btn-create-account {
  max-width: 280px;
}

.gform_footer.top_label {
  text-align: left;
}

@media only screen and (max-width: 768px) {
  #bookingDetailsModal .modal-body h3 {
    font-size: 18px;
  }
  #bookingDetailsModal .modal-body {
    font-family: "Circular-book";
    padding: 16px 16px 18px;
  }
  .modal-booking-details-plh {
    margin-top: 25px;
    background: #fff;
    padding: 0px;
    font-size: 14px;
  }
  .modal-booking-data {
    width: 180px;
  }
  .modal-booking-row {
    font-size: 14px;
  }
  .modal-label {
    width: 120px;
  }
  .participant-row span {
    float: none;
    display: block;
    font-size: 12px;
    margin-top: 5px;
  }
}
/* End Booking 2022 */
/* search 2022 */
.select2-container--default .select2-selection--single {
  border: 1px solid #e2e0e3 !important;
  border-radius: 0 !important;
}

.select2-container .select2-selection--single {
  height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 48px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  cursor: pointer;
}

/* end search 2022 */
.swal2-checkbox, .swal2-radio {
  -webkit-box-align: left !important;
  align-items: left !important;
  -webkit-box-pack: left !important;
  justify-content: left !important;
}

.swal2-label {
  font-family: "Circular-book";
  font-size: 14px;
  text-align: left;
}

.swal2-validation-message {
  -webkit-box-align: left !important;
  align-items: left !important;
  -webkit-box-pack: left !important;
  justify-content: left !important;
  font-family: "Circular-book";
  font-size: 14px !important;
  text-align: left;
}

a.zoom-link {
  background-color: #2d8cff;
  color: #fff;
  display: inline-block;
  font-family: Circular-book, sans-serif;
  font-size: 1em;
  margin-top: 20px;
  min-width: 200px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  display: flex;
  width: fit-content;
  align-items: center;
}

a.zoom-link:before {
  content: "";
  background: url("../static/images/zoom-icon.png");
  width: 30px;
  height: 30px;
  background-size: cover;
  display: inline-block;
  margin-right: 20px;
}

a.zoom-link:hover {
  background-color: #539ffc;
}

a.teams-link {
  background-color: #505ac9;
  color: #fff;
  display: inline-block;
  font-family: Circular-book, sans-serif;
  font-size: 1em;
  margin-top: 20px;
  min-width: 200px;
  padding: 15px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  display: flex;
  width: fit-content;
  align-items: center;
}

a.teams-link:before {
  content: "";
  background: url("../static/images/teams-icon.png");
  width: 30px;
  height: 30px;
  background-size: cover;
  display: inline-block;
  margin-right: 20px;
}

a.teams-link:hover {
  background-color: #6770ea;
}

.account-start-page-box {
  background-color: #f7f7f7;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin-bottom: 1rem;
  padding: 1.5rem 2rem;
  position: relative;
  width: 100%;
  cursor: pointer;
}

.account-start-page-box h5 {
  text-decoration: underline;
  color: #4f8033;
}

.account-start-page-box:hover {
  background-color: #d3d3d3;
}

a.view-booking {
  background-color: #75b94e;
  color: #fff;
  text-align: center;
  text-transform: none;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 1em;
  font-family: Circular-book, sans-serif;
}

a.view-booking:hover {
  background-color: #5e983c;
  cursor: pointer;
}

a.complete-booking {
  background-color: #75b94e;
  color: #fff;
  text-align: center;
  text-transform: none;
  padding: 9px;
  margin-top: -8px;
  text-decoration: none;
  font-size: 1em;
  font-family: Circular-book, sans-serif;
  min-width: 100px;
  display: block;
}

a.complete-booking:hover {
  background-color: #5e983c;
  cursor: pointer;
}

.booking-details-left-col {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

.booking-details-right-col {
  width: 45%;
  display: inline-block;
  padding-left: 4%;
  vertical-align: top;
}

@media only screen and (max-width: 760px) {
  .booking-details-left-col {
    width: 100%;
    display: block;
    vertical-align: top;
  }
  .booking-details-right-col {
    width: 100%;
    display: block;
    padding-left: 0;
    vertical-align: top;
  }
}
.booking-details-left-col h6 {
  font-weight: bold;
}

.booking-details-right-col h6 {
  font-weight: bold;
}

.booking-details-right-col .headline {
  margin: 15px 0 5px 0;
  font-weight: bold;
  font-family: Circular-book, sans-serif;
  font-size: 14px;
}

.booking-details-right-col p {
  font-family: Circular-book, sans-serif;
  font-size: 14px;
  line-height: 18px;
}

.booking-details-plh {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
  border: 1px solid #d3d3d3;
  border-radius: 3px;
}

.booking-row {
  margin-bottom: 12px;
  font-size: 15px;
}

.booking-data,
.booking-label {
  display: inline-block;
  line-height: 20px;
}

.booking-label {
  width: 140px;
  font-weight: bold;
  vertical-align: top;
}

.btn-edit-participant-booking {
  background-color: #75b94e;
  color: #fff;
  font-family: Circular-book, sans-serif;
  font-size: 1em;
  padding: 10px 30px 10px 30px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  min-width: 100px !important;
}

.btn-edit-participant-booking:hover {
  background-color: #5e983c;
  cursor: pointer;
}

.btn-delete-participant-booking {
  background-color: #d33;
  color: #fff;
  font-family: Circular-book, sans-serif;
  font-size: 1em;
  padding: 10px 25px 10px 25px;
  text-align: center;
  text-decoration: none;
  text-transform: none;
}

.btn-delete-participant-booking:hover {
  background-color: #c40000;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  #contact_bookings .contact-booking-list-item {
    display: flex;
    flex-direction: column;
  }
  #contact_bookings .contact-booking-list-item .contact-booking-list-name {
    min-width: 100%;
  }
  #contact_bookings .contact-booking-list-item .contact-booking-list-edit {
    position: relative;
    order: 10;
    margin-top: 10px;
  }
  #contact_bookings .contact-booking-list-item .contact-booking-list-edit a {
    display: inline-block;
    margin-top: 0;
  }
  #contact_bookings_archive .contact-booking-list-item {
    display: flex;
    flex-direction: column;
  }
  #contact_bookings_archive .contact-booking-list-item .contact-booking-list-name {
    min-width: 100%;
  }
  #contact_bookings_archive .contact-booking-list-item .contact-booking-list-edit {
    position: relative;
    order: 10;
    margin-top: 10px;
  }
  #contact_bookings_archive .contact-booking-list-item .contact-booking-list-edit a {
    display: inline-block;
    margin-top: 0;
  }
  #contact_bookings_archive .participant-list-item {
    display: flex;
    flex-direction: column;
  }
  #contact_bookings_archive .participant-list-item .participant-list-name {
    min-width: 100%;
  }
  #contact_bookings_archive .participant-list-item .participant-list-arrived {
    align-items: center;
    display: block;
    justify-content: center;
    min-width: 110px;
  }
  .plh-customer-info .participant-list-plh .participant-list-item {
    display: flex;
    flex-direction: column;
  }
  .plh-customer-info .participant-list-plh .participant-list-item .participant-list-edit {
    position: relative;
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .plh-customer-info .participant-list-plh .participant-list-item .participant-list-edit a {
    display: inline-block;
  }
}
.select2-dropdown--above {
  top: 5.8rem; /*your input height*/
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 270px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip-top {
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Nyheter på mina sidor */
.account-right-col-news h6 {
  font-weight: 600;
}

.account-right-col-news h6:before {
  border-bottom: 8px solid #edc73c;
  content: "";
  display: block;
  margin-bottom: 15px;
  margin-top: 5%;
  width: 28%;
}

.account-right-col-news:hover h6:before {
  transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  width: 40%;
}

.account-right-col-news-date {
  display: inline-block;
  float: right;
  font-size: 14px;
  margin-top: -3px;
  color: #979797;
}

.account-right-col-news {
  padding-bottom: 30px;
}

/* Slut - Nyheter på mina sidor */
.fa-eye {
  position: absolute;
  top: 35%;
  right: 4%;
  cursor: pointer;
  color: lightgray;
}

#pwd_eye {
  top: 41%;
  right: 11%;
}

@media only screen and (max-width: 768px) {
  #pwd_eye {
    top: 38%;
    right: 14%;
  }
}
/* Style the container for session management on bookings */
.add-participant-form.participant-data.session {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  width: 100%;
}

.participant-session-dropdown {
  position: relative;
  display: inline-block;
  margin-right: 1em;
  width: 100%;
}

.dropdown-content {
  background-color: white;
  width: 100%;
}

.multicolumn-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.multicolumn-list li {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.multicolumn-list input[type=checkbox] {
  margin-right: 10px;
}

.multicolumn-list label {
  font-weight: bold;
  margin-right: 10px;
}

.multicolumn-list span {
  flex: 1;
  text-align: left;
}

.header-row span {
  text-align: left;
  font-weight: 600;
}

.multicolumn-list span:last-of-type {
  flex-grow: 0;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.add-participant-sessions-header {
  font-family: Circular-book;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
  margin-left: 5px;
}

.secondary_button {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff; /* White background */
  border: 2px solid #75b94e; /* Green border */
  border-radius: 0;
  color: #75b94e !important; /* Green text color */
  cursor: pointer;
  font-family: Circular-book, sans-serif;
  font-weight: 400;
  margin: 0 auto !important;
  outline: 0;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.3s ease;
  display: inline-block;
  font-size: 16px !important;
  line-height: 20px;
  padding: 12px 18px !important; /* Reduced padding by 2px on all sides */
  min-width: 25%;
  width: auto !important;
}

.secondary_button.button:hover {
  background-color: #ffffff;
  border-color: #89d35e;
  color: #89d35e !important;
}

.head-item.w-15.validity.last {
  display: flex;
  justify-content: center;
  align-items: center;
}

.head-item.w-7.attendence {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* List styling */
.inventory-list {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  margin: 24px 0;
  /* Wids */
  /* Tablet */
  /* Mobile */
}
@media only screen and (max-width: 768px) {
  .inventory-list {
    border: 0;
    margin-top: 12px;
  }
}
.inventory-list-head {
  display: flex;
  justify-content: space-between;
  background-color: #f7f7f7;
  border-radius: 4px 4px 0 0;
}
@media only screen and (max-width: 768px) {
  .inventory-list-head {
    display: none;
  }
}
.inventory-list-head .head-item {
  padding: 16px 24px;
  color: rgb(85, 87, 89);
  display: flex;
  align-items: center;
  text-align: center;
  gap: 8px;
}
.inventory-list-head .head-item.last {
  text-align: right;
  white-space: nowrap;
}
.inventory-list-head .head-item.with-icon {
  padding-left: 32px;
}
.inventory-list-content {
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 768px) {
  .inventory-list-content {
    gap: 8px;
  }
}
.inventory-list-content .list-content {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  color: #4a4a49;
  transition: ease 0.25s;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .inventory-list-content .list-content {
    flex-wrap: wrap;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 8px;
  }
}
.inventory-list-content .list-content:after {
  content: "";
  background-color: #f7f7f7;
  width: calc(100% - 48px);
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 24px;
}
.inventory-list-content .list-content:hover {
  background-color: #d3d3d3;
  transition: ease 0.25s;
}
.inventory-list-content .list-content:hover:after {
  background-color: #d3d3d3;
}
.inventory-list-content .list-content-part {
  padding: 22px;
}
@media only screen and (max-width: 768px) {
  .inventory-list-content .list-content-part {
    padding: 16px;
  }
  .inventory-list-content .list-content-part.phone {
    width: 60%;
  }
  .inventory-list-content .list-content-part.validity {
    width: 40%;
  }
}
.inventory-list-content .list-content-part:first-of-type {
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .inventory-list-content .list-content-part:first-of-type {
    border-bottom: 1px solid #d3d3d3;
  }
}
.inventory-list-content .list-content-part.last {
  text-align: center;
}
.inventory-list-content .list-content-part.with-icon {
  padding-left: 32px;
}
.inventory-list-content .list-content-part.with-icon i {
  position: absolute;
  left: 6px;
  top: 20px;
}
@media only screen and (max-width: 768px) {
  .inventory-list-content .list-content-part.with-icon i {
    position: relative;
    top: 0;
    left: 0;
  }
}
.inventory-list-footer {
  display: flex;
  justify-content: end;
  background-color: #f7f7f7;
  border-radius: 0 0 4px 4px;
}
@media only screen and (max-width: 768px) {
  .inventory-list-footer {
    margin-top: 8px;
    border-radius: 4px;
  }
}
.inventory-list-footer .pagination {
  padding: 16px 24px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.inventory-list .w-5 {
  width: 5%;
}
.inventory-list .w-7 {
  width: 7%;
}
.inventory-list .w-8 {
  width: 8%;
}
.inventory-list .w-10 {
  width: 10%;
}
.inventory-list .w-12 {
  width: 12%;
}
.inventory-list .w-15 {
  width: 15%;
}
.inventory-list .w-20 {
  width: 20%;
}
.inventory-list .w-25 {
  width: 25%;
}
.inventory-list .w-30 {
  width: 30%;
}
.inventory-list .w-35 {
  width: 35%;
}
.inventory-list .w-38 {
  width: 38%;
}
.inventory-list .w-40 {
  width: 40%;
}
.inventory-list .w-45 {
  width: 45%;
}
.inventory-list .w-50 {
  width: 50%;
}
.inventory-list .w-60 {
  width: 60%;
}
.inventory-list .w-65 {
  width: 65%;
}
.inventory-list .w-100 {
  width: 100%;
}
@media only screen and (max-width: 1170px) {
  .inventory-list .w-10,
  .inventory-list .w-12,
  .inventory-list .w-15,
  .inventory-list .w-20,
  .inventory-list .w-25,
  .inventory-list .w-30,
  .inventory-list .w-35,
  .inventory-list .w-38,
  .inventory-list .w-40,
  .inventory-list .w-45 {
    width: 50%;
  }
  .inventory-list .w-50, .inventory-list .w-60, .inventory-list .w-65 {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .inventory-list .w-10,
  .inventory-list .w-12,
  .inventory-list .w-15,
  .inventory-list .w-20 {
    width: 50%;
  }
  .inventory-list .w-25,
  .inventory-list .w-30,
  .inventory-list .w-35,
  .inventory-list .w-38,
  .inventory-list .w-40,
  .inventory-list .w-45,
  .inventory-list .w-50, .inventory-list .w-60, .inventory-list .w-65 {
    width: 100%;
  }
}

/* Account page top */
.account-top {
  display: flex;
  justify-content: space-between;
  padding: 60px 0 40px;
}
@media only screen and (max-width: 768px) {
  .account-top {
    flex-wrap: wrap;
    padding: 24px 0;
  }
}
.account-top .account-top-left {
  width: 70%;
}
@media only screen and (max-width: 768px) {
  .account-top .account-top-left {
    width: 100%;
  }
}
.account-top .account-top-right {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .account-top .account-top-right {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .page-template-account-new-password .account-top .account-top-right .box {
    margin: 12px 0;
  }
}
@media only screen and (max-width: 768px) {
  .page-template-account-new-password .account-competence-inventory .account-top {
    padding-bottom: 0;
  }
  .page-template-account-new-password .account-competence-inventory .account-top .txt-section {
    padding-bottom: 0;
  }
}
.page-template-account-new-password .txt-section {
  padding: 0;
}
.page-template-account-new-password .account-left-col {
  width: 100%;
  padding-right: 3rem;
}
@media only screen and (max-width: 768px) {
  .page-template-account-new-password .account-left-col {
    padding-right: 0;
  }
}
.page-template-account-new-password .password-info {
  margin-top: 40px;
}
.page-template-account-new-password .account-top-right .box.gray {
  padding-bottom: 30px;
  text-align: center;
}
.page-template-account-new-password .account-top-right .box.gray h3 {
  margin-top: 0;
  margin-bottom: 1rem;
}

.page-template-account-edit .account-competence-inventory .account-top {
  padding-bottom: 0;
}

.my-pages-menu {
  background-color: #75b94e;
  display: flex;
  position: relative;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .my-pages-menu {
    flex-direction: column;
  }
}
.my-pages-menu ul {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .my-pages-menu ul {
    flex-direction: column;
  }
}
.my-pages-menu ul li a {
  display: inline-flex;
  color: white;
  padding: 11px 32px;
  margin-right: 0;
  font-family: "Circular-bold", sans-serif;
  font-weight: 100;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu ul li a {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu ul li a {
    padding: 10px 24px;
    width: 100%;
    border-bottom: 1px solid #f7f7f7;
  }
}
.my-pages-menu .my-account {
  display: inline-flex;
  align-items: baseline;
  padding: 10px 24px;
  color: white;
  gap: 1rem;
  text-decoration: none;
  font-weight: bold;
  font-size: 18px;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu .my-account {
    font-size: 14px;
    padding: 10px 24px 9px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .my-account {
    padding: 10px 24px;
    width: 100%;
    gap: 0.5rem;
  }
}
.my-pages-menu .submenu {
  position: absolute;
  left: 0;
  top: 38px;
  width: 100%;
  background-color: #f7f7f7;
  padding: 24px;
  border: 1px solid #d3d3d3;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  display: none;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu .submenu {
    top: 34px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .submenu {
    flex-direction: column;
    position: relative;
    top: 0;
    left: 0;
    border-radius: 0;
    padding: 12px 24px 24px;
  }
}
.my-pages-menu .submenu .icon {
  padding: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.my-pages-menu .submenu .icon i {
  width: 80px;
  height: 80px;
  font-size: 80px;
  color: #4a4a49;
  fill: #4a4a49;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu .submenu .icon {
    padding: 20px 20px 20px 0;
  }
  .my-pages-menu .submenu .icon i {
    width: 60px;
    height: 60px;
    font-size: 60px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .submenu .icon {
    display: none;
  }
}
.my-pages-menu .submenu .info {
  width: calc(75% - 160px);
  padding-right: 80px;
  display: flex;
  align-items: center;
  color: #4a4a49;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu .submenu .info {
    width: calc(75% - 80px);
    padding-right: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .submenu .info {
    width: 100%;
    padding-right: 0;
  }
}
.my-pages-menu .submenu .links {
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .submenu .links {
    width: 100%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    gap: 0.3rem;
    align-items: baseline;
  }
}
.my-pages-menu .submenu .links .btn {
  width: 100%;
  margin: 0;
  padding: 10px 15px;
  text-align: center;
  font-family: "Circular-book", sans-serif;
  justify-content: center;
}
@media only screen and (max-width: 1170px) {
  .my-pages-menu .submenu .links .btn {
    font-size: 14px;
  }
}
@media only screen and (max-width: 768px) {
  .my-pages-menu .submenu .links .btn {
    width: 100%;
    text-align: left;
    justify-content: left;
  }
}

/* Course active - Personliga bokningar / Mina kurser */
.page-template-account-courses .my-pages-menu,
.page-template-account-courses-single .my-pages-menu {
  margin-bottom: 209px;
}
@media only screen and (max-width: 768px) {
  .page-template-account-courses .my-pages-menu,
  .page-template-account-courses-single .my-pages-menu {
    margin-bottom: 0;
  }
}
.page-template-account-courses .my-pages-menu .courses,
.page-template-account-courses-single .my-pages-menu .courses {
  color: #4f8033;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 768px) {
  .page-template-account-courses .my-pages-menu .courses,
  .page-template-account-courses-single .my-pages-menu .courses {
    border: 1px solid #d3d3d3;
    border-top: 0;
  }
}
.page-template-account-courses .my-pages-menu .submenu.courses-menu,
.page-template-account-courses-single .my-pages-menu .submenu.courses-menu {
  display: flex;
}

/* Booking active - Deltagarbokningar  */
.page-template-account-bookings .my-pages-menu,
.page-template-account-bookings-details .my-pages-menu,
.page-template-account-certificate .my-pages-menu,
.page-template-account-competence-inventory .my-pages-menu,
.page-template-account-competence-inventory-employee .my-pages-menu {
  margin-bottom: 209px;
}
@media only screen and (max-width: 768px) {
  .page-template-account-bookings .my-pages-menu,
  .page-template-account-bookings-details .my-pages-menu,
  .page-template-account-certificate .my-pages-menu,
  .page-template-account-competence-inventory .my-pages-menu,
  .page-template-account-competence-inventory-employee .my-pages-menu {
    margin-bottom: 0;
  }
}
.page-template-account-bookings .my-pages-menu .booking,
.page-template-account-bookings-details .my-pages-menu .booking,
.page-template-account-certificate .my-pages-menu .booking,
.page-template-account-competence-inventory .my-pages-menu .booking,
.page-template-account-competence-inventory-employee .my-pages-menu .booking {
  color: #4f8033;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 768px) {
  .page-template-account-bookings .my-pages-menu .booking,
  .page-template-account-bookings-details .my-pages-menu .booking,
  .page-template-account-certificate .my-pages-menu .booking,
  .page-template-account-competence-inventory .my-pages-menu .booking,
  .page-template-account-competence-inventory-employee .my-pages-menu .booking {
    border: 1px solid #d3d3d3;
    border-top: 0;
  }
}
.page-template-account-bookings .my-pages-menu .submenu.booking,
.page-template-account-bookings-details .my-pages-menu .submenu.booking,
.page-template-account-certificate .my-pages-menu .submenu.booking,
.page-template-account-competence-inventory .my-pages-menu .submenu.booking,
.page-template-account-competence-inventory-employee .my-pages-menu .submenu.booking {
  display: flex;
  transition-delay: 0.1s;
}

/* My account */
.page-template-account-edit .my-pages-menu,
.page-template-account-new-password .my-pages-menu {
  margin-bottom: 209px;
}
@media only screen and (max-width: 768px) {
  .page-template-account-edit .my-pages-menu,
  .page-template-account-new-password .my-pages-menu {
    margin-bottom: 0;
  }
}
.page-template-account-edit .my-pages-menu .my-account,
.page-template-account-new-password .my-pages-menu .my-account {
  color: #4f8033;
  background-color: #f7f7f7 !important;
  border-right: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .page-template-account-edit .my-pages-menu .my-account,
  .page-template-account-new-password .my-pages-menu .my-account {
    border: 1px solid #d3d3d3;
    border-top: 0;
  }
}
.page-template-account-edit .my-pages-menu .submenu.my-account-menu,
.page-template-account-new-password .my-pages-menu .submenu.my-account-menu {
  display: flex;
}

/* Startpage active */
.page-template-account-start .my-pages-menu ul li a.start {
  color: #4f8033;
  background-color: #f7f7f7 !important;
}
@media only screen and (max-width: 768px) {
  .page-template-account-start .my-pages-menu ul li a.start {
    border: 1px solid #d3d3d3;
    border-bottom: 0;
  }
}

/* Active page link */
.page-template-account-edit .links .my-account-info,
.page-template-account-new-password .links .account-pass,
.page-template-account-bookings .links .booking-all,
.page-template-account-certificate .links .course-files,
.page-template-account-competence-inventory .links .competence-inventory,
.page-template-account-competence-inventory-employee .links .competence-inventory,
.course-previus .links .prev-courses,
.course-current .links .current-courses {
  background-color: #4f8033;
}

/* Show submenu on hover */
@media only screen and (min-width: 1170px) {
  .my-pages-menu .has-submenu:hover .myaccount {
    color: #4f8033;
    background-color: #f7f7f7 !important;
  }
  .my-pages-menu .has-submenu:hover .my-account {
    border-right: 1px solid #d3d3d3;
    color: #4f8033;
    background-color: #f7f7f7 !important;
  }
  .my-pages-menu .has-submenu:hover .submenu {
    display: flex !important;
    z-index: 10;
    opacity: 1;
  }
}
.new-startpage {
  /* account startpage */
}
.new-startpage .account-top .account-top-left {
  padding-right: 5rem;
}
@media only screen and (max-width: 768px) {
  .new-startpage .account-top .account-top-left {
    padding-right: 0;
    padding-bottom: 2rem;
  }
}
.new-startpage .account-top .account-top-right .btn {
  width: 100%;
  text-align: center;
}
.new-startpage .account-top .account-top-right .latest-bookings .list-content-part {
  padding: 18px 10px;
}
.new-startpage .account-top .account-top-right .latest-bookings .list-content-part.icon {
  display: flex;
  padding: 0;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .new-startpage .account-top .account-top-right .latest-bookings .list-content-part.icon {
    position: absolute;
    top: 24px;
    right: 14px;
    justify-content: flex-end;
  }
}
.new-startpage .account-top .account-top-right .latest-bookings .list-content-part.date {
  white-space: nowrap;
}
.new-startpage .account-top .account-top-right .latest-bookings .list-content-part.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.account-content.new-startpage {
  padding-left: 4%;
  padding-right: 4%;
  background-color: #f7f7f7;
  margin-bottom: 2rem;
}
.account-content.new-startpage .account-content-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 60px;
  padding-bottom: 60px;
  margin: 0 auto;
  max-width: 1200px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-inner {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.account-content.new-startpage .account-content-inner .account-content-info.left, .account-content.new-startpage .account-content-inner .account-content-info.right {
  margin-top: 0;
}
.account-content.new-startpage .account-content-info {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  /* Video popup */
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info {
    margin: 1rem 0 0;
    padding: 1rem 0;
    flex-wrap: wrap;
  }
}
.account-content.new-startpage .account-content-info:first-of-type {
  border-right: 1px solid #d3d3d3;
  padding-right: 2rem;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info:first-of-type {
    padding-right: 0;
    border: none;
  }
}
.account-content.new-startpage .account-content-info:last-of-type {
  padding-left: 2rem;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info:last-of-type {
    padding-left: 0;
    border-top: 1px solid #d3d3d3;
    padding-top: 2rem;
  }
}
.account-content.new-startpage .account-content-info .videos-account {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.account-content.new-startpage .account-content-info .video-account {
  display: flex;
  gap: 1rem;
  align-items: center;
  cursor: pointer;
}
.account-content.new-startpage .account-content-info .video-account i {
  color: #edc73c;
  font-size: 50px;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info .video-account i {
    font-size: 40px;
  }
}
.account-content.new-startpage .account-content-info .video-account h6 {
  margin: 0;
}
.account-content.new-startpage .account-content-info .video-account p {
  margin: 0;
}
.account-content.new-startpage .account-content-info .video-popup {
  bottom: calc(50% - 250px);
  left: calc(50% - 450px);
  transition-duration: 0.5s;
  transition-property: bottom;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  position: fixed;
  z-index: 902;
  opacity: 1;
  background-color: white;
  box-shadow: 2px 2px 3px rgba(176, 176, 176, 0.2392156863);
  width: 900px;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info .video-popup {
    width: 100%;
    left: 0;
    bottom: 50%;
  }
}
.account-content.new-startpage .account-content-info .video-popup .video-popup-content {
  padding: 2rem;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info .video-popup .video-popup-content {
    padding: 2rem 1rem 1rem;
  }
}
.account-content.new-startpage .account-content-info .video-popup .video-popup-content i {
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 23px;
  color: black;
}
@media only screen and (max-width: 768px) {
  .account-content.new-startpage .account-content-info .video-popup .video-popup-content i {
    top: 0.5rem;
    right: 0.5rem;
  }
}
.account-content.new-startpage .account-content-info .video-popup.video-hidden {
  z-index: -100;
  bottom: -600px;
}
.account-content.new-startpage .account-content-info .account-top {
  flex-direction: column;
  padding: 0 0 30px;
}
.account-content.new-startpage .account-content-info .account-top h3 {
  margin: 0;
}
.account-content.new-startpage .account-content-info .account-top h6 {
  margin: 0 0 15px;
}
.account-content.new-startpage .account-content-info .account-video {
  width: 100%;
  padding-bottom: 1rem;
}

.account-content-news h3 {
  padding-bottom: 30px;
  width: 100%;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .account-content-news h3 {
    padding-bottom: 0;
  }
}
.account-content-news .account-news-inner {
  margin: 0 auto;
  max-width: 1200px;
}
.account-content-news .account-news-inner .news {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media only screen and (max-width: 768px) {
  .account-content-news .account-news-inner .news {
    gap: 0;
  }
}
@media only screen and (max-width: 768px) {
  .account-content-news .account-news-inner .news .account-content-single-news {
    padding: 1rem 0;
  }
}
.account-content-news .account-news-inner .news .account-content-single-news .topline {
  display: block;
  margin-bottom: 1rem;
  font-weight: bold;
}
.account-content-news .account-news-inner .news .account-content-single-news h6 {
  margin-bottom: 4px;
}
.account-content-news .account-news-inner .news .account-content-single-news p:last-of-type {
  margin-bottom: 0;
}
.account-content-news .account-news-inner .news .account-content-single-news .account-right-col-news-date {
  float: none;
  margin-bottom: 0.5rem;
}

@media only screen and (max-width: 768px) {
  .account-contact-section .coworker {
    text-align: center;
  }
  .account-contact-section .coworker img {
    width: 80%;
    margin: 0 auto 15px;
  }
  .new-startpage .account-content-info.left {
    padding-bottom: 0;
  }
  .new-startpage .account-content-info.right {
    margin-top: 0;
  }
}
.body-overlay.active {
  z-index: 901;
  opacity: 1;
  pointer-events: auto;
  transition-duration: 0.5s;
}

@media only screen and (max-width: 768px) {
  .inventory-list.bookings {
    margin: 0;
  }
}
.inventory-list.bookings .list-content .list-content-part.edit {
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.inventory-list.bookings .list-content .list-content-part.edit .complete-booking {
  margin-top: 0;
  width: 100%;
}
.inventory-list.bookings .list-content .list-content-part.type {
  white-space: nowrap;
}
.inventory-list.bookings .list-content .list-content-part.participants {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .inventory-list.bookings .list-content .list-content-part.participants {
    text-align: left;
  }
}
.inventory-list.bookings .booking-detail {
  padding: 24px 32px;
  background-color: #fafafa;
  position: relative;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .inventory-list.bookings .booking-detail {
    margin-top: -12px;
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-radius: 0 0 4px 4px;
  }
}
.inventory-list.bookings .booking-detail p.loading-text {
  text-align: center;
  padding: 20px;
  width: 100%;
  max-width: none;
  font-weight: bold;
}
.inventory-list.bookings .booking-detail:before {
  background-color: #d3d3d3;
  top: 0;
  content: "";
  height: 1px;
  left: 24px;
  position: absolute;
  width: calc(100% - 48px);
}
.inventory-list.bookings .booking-detail .booking-details-plh {
  border: none;
  padding: 0;
  margin-bottom: 0;
  background-color: inherit;
  position: relative;
}
.inventory-list.bookings .booking-detail .booking-details-plh:last-of-type {
  padding-top: 20px;
}
.inventory-list.bookings .booking-detail .booking-details-plh:last-of-type h6 {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .inventory-list.bookings .booking-detail .booking-details-plh:last-of-type h6 {
    margin: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
  }
}
@media only screen and (max-width: 768px) {
  .inventory-list.bookings .booking-detail .booking-details-plh:last-of-type .participant-list-item.table-header {
    display: none !important;
  }
  .inventory-list.bookings .booking-detail .booking-details-plh:last-of-type .participant-list-item .participant-list-arrived {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  .inventory-list.bookings .booking-detail .booking-details-plh:last-of-type .participant-list-item .participant-list-arrived:before {
    content: "Närvaro:";
    display: inline-block;
    position: relative;
    padding-right: 0.5rem;
  }
}
@media only screen and (max-width: 768px) {
  .inventory-list.bookings .list-content .list-content-part.name {
    order: 5;
  }
  .inventory-list.bookings .list-content .list-content-part.date {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    order: 10;
    padding-top: 0;
  }
  .inventory-list.bookings .list-content .list-content-part.course-date,
  .inventory-list.bookings .list-content .list-content-part.participants,
  .inventory-list.bookings .list-content .list-content-part.type {
    font-size: 14px;
    width: 33.33%;
    order: 20;
  }
  .inventory-list.bookings .list-content .list-content-part.course-date .mobile-label,
  .inventory-list.bookings .list-content .list-content-part.participants .mobile-label,
  .inventory-list.bookings .list-content .list-content-part.type .mobile-label {
    margin-bottom: 5px;
    width: 100%;
  }
  .inventory-list.bookings .list-content .list-content-part.edit {
    width: 100%;
    order: 30;
    padding: 6px 16px 16px;
  }
}

@media only screen and (max-width: 768px) {
  .inventory-list.bookings.archive .inventory-list-content .list-content .list-content-part.with-icon {
    padding-left: 16px;
  }
  .inventory-list.bookings.archive .inventory-list-content .list-content .list-content-part.with-icon .icon-show-more {
    position: absolute;
    top: 18px;
    left: 16px;
  }
  .inventory-list.bookings.archive .inventory-list-content .list-content .list-content-part.name {
    padding-left: 32px;
  }
  .inventory-list.bookings.archive .inventory-list-content .booking-details-plh .participant-list-item .participant-list-arrived {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
  }
}

label.error {
  margin-left: 10px !important;
  margin-top: 10px !important;
  color: #d00;
  font-size: 12px;
}

#search_certificate_form {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0;
}

#search_certificate_form span {
  margin: 0;
  padding: 0;
  display: block;
}

.certificate-header {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.icon-chevron-right:not(.disabled),
.icon-chevron-left:not(.disabled),
.overlay .spinner {
  cursor: pointer;
}

.inventory-list-head [data-sort] {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #search_certificate_form {
    flex-direction: column;
    align-items: stretch;
  }
  #search_certificate_form span,
  #search_certificate_form input,
  #search_certificate_form button {
    width: 100%;
  }
  #search_certificate_form button {
    margin-top: 0.5rem;
  }
}
.account-certificate-search {
  /*display: flex;
  margin-bottom: 0;
  gap: 6px;
  @include MQ(S) {
      width: 100%;
  }

  form {
      @include MQ(S) {
          width: 100%;
      }

      input {
          padding: 10px 12px;
          width: 300px;
          @include MQ(S) {
              width: 100%;
          }
      }
  } */
}
.account-certificate-search #search_certificate_form {
  display: flex;
}
.account-certificate-search #search_certificate_form .search-input {
  border: 1px solid #d3d3d3;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.account-certificate-search #search_certificate_form .search-input .icon-search {
  padding: 16px 0 16px 24px;
}
.account-certificate-search #search_certificate_form .search-input input {
  border: none;
  padding: 16px 24px;
  font-size: 16px;
  width: 300px;
  border-radius: 4px;
}
.account-certificate-search #search_certificate_form .search-input input:focus-visible {
  outline: none;
}
.account-certificate-search button {
  padding: 10px 24px;
  background-color: #75b94e;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.account-certificate-search button:hover {
  background-color: #4f8033;
}

.account-certificate-list {
  overflow-x: auto;
}
.account-certificate-list table {
  width: 100%;
  border-collapse: collapse;
}
@media only screen and (max-width: 768px) {
  .account-certificate-list table {
    border-top: 1px solid #d3d3d3;
  }
}
.account-certificate-list table thead {
  background-color: #f7f7f7;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .account-certificate-list table thead {
    display: none;
  }
}
.account-certificate-list table thead th {
  padding: 8px 12px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.account-certificate-list table thead .download-text {
  text-align: right;
}
.account-certificate-list table tbody tr {
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .account-certificate-list table tbody tr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.account-certificate-list table tbody tr:hover {
  background-color: #f7f7f7;
}
.account-certificate-list table tbody tr td {
  padding: 8px 12px;
  line-height: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 1px;
}
.account-certificate-list table tbody tr td.name {
  min-width: 150px;
}
.account-certificate-list table tbody tr td.email {
  min-width: 200px;
}
.account-certificate-list table tbody tr td.course-name {
  min-width: 200px;
}
.account-certificate-list table tbody tr td.course-type {
  width: auto;
  min-width: 100px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
}
.account-certificate-list table tbody tr td.date {
  width: 100px;
  min-width: 100px;
  white-space: nowrap;
  overflow: visible;
  text-overflow: initial;
}
.account-certificate-list table tbody tr td.download {
  width: 32px;
  min-width: 32px;
  text-align: right;
  padding-right: 12px;
}
@media only screen and (max-width: 768px) {
  .account-certificate-list table tbody tr td {
    white-space: normal;
    overflow: visible;
    text-overflow: initial;
    max-width: none;
  }
  .account-certificate-list table tbody tr td.date {
    width: 116px;
    order: 2;
    text-align: right;
  }
  .account-certificate-list table tbody tr td.name {
    width: calc(100% - 116px);
    order: 1;
    font-weight: bold;
  }
  .account-certificate-list table tbody tr td.email {
    width: 100%;
    order: 3;
    padding-top: 0;
  }
  .account-certificate-list table tbody tr td.course-name {
    order: 5;
    width: calc(100% - 40px);
    padding: 0px 12px 12px;
  }
  .account-certificate-list table tbody tr td.download {
    order: 5;
    width: 40px;
    padding: 0;
  }
  .account-certificate-list table tbody tr td.download .download-icon {
    top: -5px;
  }
}
.account-certificate-list table tbody tr .download {
  padding: 0 12px;
  text-align: right;
  position: relative;
}
.account-certificate-list table tbody tr .download-icon {
  background-image: url("../../insu.se/static/images/download.svg");
  height: 24px;
  width: 24px;
  background-position: center;
  background-size: contain;
  display: inline-flex;
  position: absolute;
  top: 8px;
  right: 12px;
  transition: ease 0.25s;
}
.account-certificate-list table tbody tr .download-icon:hover {
  background-image: url("../../insu.se/static/images/download-green.svg");
}

.list-content-part.w-10.download {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#search-competence-inventory {
  gap: 0.5rem;
}

.icon-chevron-right:not(.disabled),
.icon-chevron-left:not(.disabled),
.overlay .spinner {
  cursor: pointer;
}

.inventory-list-head [data-sort] {
  cursor: pointer;
}

.head-item.sort-asc .icon-chevron {
  transform: rotate(180deg);
}

.head-item.sort-desc .icon-chevron {
  transform: rotate(0deg);
}

.account-competence-inventory .account-top {
  display: flex;
  justify-content: space-between;
  padding: 40px 0;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory .account-top {
    flex-wrap: wrap;
    padding: 24px 0;
  }
}
.account-competence-inventory .account-top .left p {
  max-width: 700px;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory .account-top .left p {
    max-width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory .account-top .right {
    width: 100%;
  }
}
.account-competence-inventory .account-top .list-update {
  padding: 16px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory .account-top .list-update {
    margin-top: 1rem;
    width: 100%;
  }
}
.account-competence-inventory .account-top .list-update .update-date {
  background-color: #75b94e;
  border: none;
  border-radius: 2px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: ease 0.25s;
}
.account-competence-inventory .account-top .list-update .update-date:hover {
  background-color: #4f8033;
  transition: ease 0.25s;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory {
  display: flex;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory .search-input {
  border: 1px solid #d3d3d3;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory .search-input .icon-search {
  padding: 16px 0 16px 24px;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory .search-input input {
  border: none;
  padding: 16px 24px;
  font-size: 16px;
  width: 300px;
  border-radius: 4px;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory .account-competence-inventory-search #search-competence-inventory .search-input input {
    width: auto;
  }
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory .search-input input:focus-visible {
  outline: none;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory button {
  padding: 10px 24px;
  background-color: #75b94e;
  color: white;
  border: none;
  box-shadow: none;
  border-radius: 2px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.account-competence-inventory .account-competence-inventory-search #search-competence-inventory button:hover {
  background-color: #4f8033;
}

.account-competence-inventory.employee .account-top .email {
  margin: 24px 0 0;
}
.account-competence-inventory.employee .list-warning {
  background-color: #ffeced;
  border-radius: 4px;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 24px;
}
.account-competence-inventory.employee .list-warning div {
  display: flex;
  flex-direction: column;
}
.account-competence-inventory.employee .list-warning div .course-expand {
  color: red;
  font-style: italic;
  font-size: 12px;
  display: inline-block;
  margin-top: 8px;
}
.account-competence-inventory.employee .list-content:hover {
  background-color: white;
}
.account-competence-inventory.employee .list-content:hover:after {
  background-color: #f7f7f7;
}
.account-competence-inventory.employee .list-content:hover .course .course-link {
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content:hover .course .course-link {
    text-decoration: none;
  }
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content {
    padding: 16px;
  }
}
.account-competence-inventory.employee .list-content.active {
  background-color: #fafafa;
  border-top: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content.active {
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
  }
}
.account-competence-inventory.employee .list-content-details {
  padding: 24px 32px;
  background-color: #fafafa;
  transition: ease-in-out 0.5s;
  display: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content-details {
    margin-top: -8px;
    padding: 16px;
  }
}
.account-competence-inventory.employee .list-content-details:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: calc(100% - 48px);
  top: 0;
  left: 24px;
  height: 1px;
  background-color: #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content-details:before {
    width: calc(100% - 32px);
    left: 16px;
  }
}
.account-competence-inventory.employee .list-content-details .list-content-details-buttons {
  display: flex;
  gap: 1rem;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content-details .list-content-details-buttons {
    justify-content: space-between;
  }
}
.account-competence-inventory.employee .list-content-details.active {
  display: block;
  border-bottom: 1px solid #d3d3d3;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content-details.active {
    border: 1px solid #d3d3d3;
    border-top: 0;
    border-radius: 0 0 4px 4px;
  }
}
.account-competence-inventory.employee .list-content .list-content-part {
  display: flex;
  align-items: center;
  gap: 8px;
}
.account-competence-inventory.employee .list-content .list-content-part.course .course-link {
  color: black;
  font-weight: 400;
}
.account-competence-inventory.employee .list-content .list-content-part.attendence, .account-competence-inventory.employee .list-content .list-content-part.grade, .account-competence-inventory.employee .list-content .list-content-part.certificate {
  justify-content: center;
}
.account-competence-inventory.employee .list-content .list-content-part.booking {
  padding: 24px 0;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .account-competence-inventory.employee .list-content .list-content-part {
    padding: 8px 0;
  }
  .account-competence-inventory.employee .list-content .list-content-part.course {
    border-bottom: 0;
  }
  .account-competence-inventory.employee .list-content .list-content-part.course a {
    text-decoration: none;
  }
  .account-competence-inventory.employee .list-content .list-content-part.place {
    font-style: italic;
    color: rgb(85, 87, 89);
    padding-top: 0;
    font-size: 14px;
  }
  .account-competence-inventory.employee .list-content .list-content-part.status {
    padding-bottom: 18px;
  }
  .account-competence-inventory.employee .list-content .list-content-part.status, .account-competence-inventory.employee .list-content .list-content-part.place {
    width: 100%;
  }
  .account-competence-inventory.employee .list-content .list-content-part.attendence, .account-competence-inventory.employee .list-content .list-content-part.grade {
    width: 35%;
    text-align: left;
    padding: 12px 0 0;
    gap: 4px;
    border-top: 1px solid #d3d3d3;
  }
  .account-competence-inventory.employee .list-content .list-content-part.attendence:before, .account-competence-inventory.employee .list-content .list-content-part.grade:before {
    content: "Närvaro:";
    display: inline-block;
    margin-right: 8px;
    font-size: 14px;
  }
  .account-competence-inventory.employee .list-content .list-content-part.grade:before {
    content: "Betyg:";
  }
  .account-competence-inventory.employee .list-content .list-content-part.certificate {
    width: 30%;
    justify-content: end;
    border-top: 1px solid #d3d3d3;
    padding: 12px 0 0;
  }
  .account-competence-inventory.employee .list-content .list-content-part.booking {
    width: 100%;
    justify-content: end;
    padding-top: 20px;
    padding-bottom: 0;
  }
}

.customer-filter {
  flex: 0 0 auto;
}

.customer-filter select {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-sizing: border-box;
  height: 52px;
  line-height: 52px;
  padding: 0 36px 0 12px;
  font-size: 16px;
  font-family: inherit;
  color: #333;
  border: 1px solid #cfd8cd;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 10px;
  display: flex;
  align-items: center;
  cursor: pointer;
  min-width: 180px;
  max-width: 200px;
}

.customer-filter select:hover {
  border-color: #a9bf80;
}

.customer-filter select:focus {
  outline: none;
  border-color: #85b44c;
  box-shadow: 0 0 0 2px rgba(133, 180, 76, 0.25);
}

.inventory-list.courses {
  /* Mobile */
}
.inventory-list.courses .no-courses {
  max-width: none;
  text-align: center;
}
.inventory-list.courses .list-content .list-content-part.date {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 4px;
}
.inventory-list.courses .list-content .list-content-part.type {
  white-space: nowrap;
}
.inventory-list.courses .list-content .list-content-part.edit {
  display: flex;
  align-items: center;
  padding: 0 24px;
}
.inventory-list.courses .list-content .list-content-part.edit .more-info {
  margin-top: 0;
  width: 100%;
  min-width: auto;
  padding: 9px;
  font-size: 1em;
}
@media only screen and (max-width: 768px) {
  .inventory-list.courses .list-content .mobile-label {
    min-width: auto;
    width: auto !important;
    margin-right: 4px;
  }
  .inventory-list.courses .list-content .list-content-part.date {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    padding-top: 0;
  }
  .inventory-list.courses .list-content .list-content-part.type,
  .inventory-list.courses .list-content .list-content-part.city,
  .inventory-list.courses .list-content .list-content-part.room {
    font-size: 14px;
    width: 50%;
  }
  .inventory-list.courses .list-content .list-content-part.type .mobile-label,
  .inventory-list.courses .list-content .list-content-part.city .mobile-label,
  .inventory-list.courses .list-content .list-content-part.room .mobile-label {
    margin-bottom: 5px;
    width: 100%;
  }
  .inventory-list.courses .list-content list-content-part.type {
    white-space: normal;
  }
  .inventory-list.courses .list-content .list-content-part.room {
    padding-top: 0;
  }
  .inventory-list.courses .list-content .list-content-part.edit {
    width: 100%;
    padding: 6px 16px 16px;
  }
}