/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.section-sectors {
  position: relative;
  overflow: hidden; }
  .section-sectors .title {
    max-width: 400px;
    margin: 0 0 1.5em;
    font-size: 26px; }
    @media (min-width: 981px) {
      .section-sectors .title {
        font-size: 40px; } }
  .section-sectors .sector-slider {
    display: flex;
    padding-left: 0;
    gap: 20px; }
    @media (min-width: 981px) {
      .section-sectors .sector-slider {
        gap: 2em; } }
    @media (max-width: 980px) {
      .section-sectors .sector-slider:nth-child(odd) {
        position: relative;
        transform: translateX(-85px);
        margin-top: 20px; } }
    .section-sectors .sector-slider .sectors {
      display: flex;
      gap: 20px; }
      @media (min-width: 981px) {
        .section-sectors .sector-slider .sectors {
          gap: 2em; } }
      .section-sectors .sector-slider .sectors .sector {
        position: relative;
        flex: 1;
        height: 150px;
        width: 150px;
        overflow: hidden;
        border-radius: 15px; }
        @media (min-width: 981px) {
          .section-sectors .sector-slider .sectors .sector {
            height: 300px;
            width: 300px; } }
        .section-sectors .sector-slider .sectors .sector:before {
          content: '';
          height: 100%;
          width: 100%;
          position: absolute;
          bottom: 0;
          left: 0;
          background: radial-gradient(at bottom left, rgba(238, 127, 8, 0.4), rgba(238, 127, 8, 0.1), rgba(0, 0, 0, 0));
          z-index: 1; }
        .section-sectors .sector-slider .sectors .sector .image {
          position: relative;
          padding-top: 100%;
          overflow: hidden; }
          .section-sectors .sector-slider .sectors .sector .image img {
            position: absolute;
            inset: 0;
            height: 100%;
            width: 100%;
            -o-object-fit: cover;
               object-fit: cover;
            transition: transform .3s ease-in-out;
            transform: scale(1); }
        .section-sectors .sector-slider .sectors .sector .label {
          position: absolute;
          bottom: 15px;
          left: 50%;
          transform: translateX(-50%);
          z-index: 2;
          padding: 10px; }
          @media (min-width: 981px) {
            .section-sectors .sector-slider .sectors .sector .label {
              bottom: 30px; } }
          .section-sectors .sector-slider .sectors .sector .label a {
            color: var(--white);
            font-weight: 600; }
            .section-sectors .sector-slider .sectors .sector .label a:hover {
              text-decoration: none; }
        .section-sectors .sector-slider .sectors .sector:hover .image img {
          transform: scale(1.1); }
  .section-sectors .content {
    margin-top: 2em;
    max-width: 450px; }
    @media (min-width: 981px) {
      .section-sectors .content {
        margin-top: 3em; } }

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