/* =========================================================
   SNOW HILLS - PARTNERS SECTION
========================================================= */


/* =========================================================
   PARTNERS SECTION
========================================================= */

.partners-section {
    padding: 60px 0;
    background: #fff;
}


/* =========================================================
   PARTNERS TITLE
========================================================= */

.partners-title {
    text-align: center;
    font-family: "Work Sans", sans-serif;
    font-size: 42px;
    margin-bottom: 30px;
}


/* =========================================================
   PARTNERS SLIDER VIEWPORT
========================================================= */

.partners-slider {
    max-width: 850px;
    margin: auto;
    overflow: hidden;
}


/* =========================================================
   PARTNERS TRACK
========================================================= */

.partners-track {
    display: flex;
    gap: 25px;
}


/* =========================================================
   PARTNER IMAGES
========================================================= */

.partners-track img {
    width: 200px;
    height: 150px;
    padding: 0;
    object-fit: contain;
    border-radius: 0;
    background: none;
}

/* =========================================================
   SNOW HILLS - PARTNERS SECTION
   DESKTOP + TABLET + MOBILE RESPONSIVE
========================================================= */


/* =========================================================
   PARTNERS SECTION
========================================================= */

.partners-section {

   width: 100%;

   padding: 60px 0;

   background: #fff;

   overflow: hidden;
}


/* =========================================================
   PARTNERS TITLE
========================================================= */

.partners-title {

   text-align: center;

   font-family: "Work Sans", sans-serif;

   font-size: 42px;

   font-weight: 700;

   line-height: 1.2;

   margin: 0 0 30px;

   padding: 0 20px;

   color: #1c1018;
}


/* =========================================================
   PARTNERS SLIDER VIEWPORT
========================================================= */

.partners-slider {

   width: 100%;

   max-width: 850px;

   margin: 0 auto;

   overflow: hidden;

   position: relative;
}


/* =========================================================
   PARTNERS TRACK
========================================================= */

.partners-track {

   display: flex;

   align-items: center;

   gap: 25px;

   width: max-content;
}


/* =========================================================
   PARTNER IMAGES
========================================================= */

.partners-track img {

   width: 200px;

   height: 150px;

   flex: 0 0 200px;

   padding: 0;

   object-fit: contain;

   border-radius: 0;

   background: transparent;

   display: block;
}


/* =========================================================
   LARGE TABLET
========================================================= */

@media (max-width: 1100px) {

   .partners-section {

      padding: 55px 0;
   }


   .partners-title {

      font-size: 36px;

      margin-bottom: 28px;
   }


   .partners-slider {

      max-width: 760px;

      padding: 0 15px;

      box-sizing: border-box;
   }


   .partners-track {

      gap: 22px;
   }


   .partners-track img {

      width: 180px;

      height: 135px;

      flex-basis: 180px;
   }
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 768px) {

   .partners-section {

      padding: 45px 0;
   }


   /* -----------------------------------------
       TITLE
    ----------------------------------------- */

   .partners-title {

      font-size: 31px;

      line-height: 1.25;

      margin-bottom: 24px;

      padding: 0 20px;
   }


   /* -----------------------------------------
       SLIDER
    ----------------------------------------- */

   .partners-slider {

      width: 100%;

      max-width: 100%;

      padding: 0 20px;

      box-sizing: border-box;
   }


   /* -----------------------------------------
       TRACK
    ----------------------------------------- */

   .partners-track {

      gap: 18px;
   }


   /* -----------------------------------------
       LOGOS
    ----------------------------------------- */

   .partners-track img {

      width: 155px;

      height: 115px;

      flex: 0 0 155px;
   }
}


/* =========================================================
   MOBILE 
========================================================= */

@media (max-width: 576px) {

   .partners-section {
      padding: 38px 0 45px;
      overflow: hidden;
   }

   .partners-title {
      font-size: 25px;
      line-height: 1.3;
      margin-bottom: 20px;
      padding: 0 15px;
   }

   .partners-slider {
      width: 100%;
      max-width: 100%;
      padding: 0 12px;
      box-sizing: border-box;
      overflow: hidden;
   }

   .partners-track {
      display: flex;

      /* Gap between the 2 logos */
      gap: 12px;

      align-items: center;
   }

   .partners-track img {
      /*
           2 logos visible at a time.

           Slider width = 100% - 24px
           Gap = 12px

           Each logo gets half of the available space.
        */
      width: calc((100vw - 36px) / 2);

      height: 105px;

      flex: 0 0 calc((100vw - 36px) / 2);

      object-fit: contain;

      padding: 0;

      margin: 0;

      border-radius: 0;

      background: transparent;

      display: block;
   }
}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 400px) {

   .partners-section {
      padding: 32px 0 40px;
   }

   .partners-title {
      font-size: 22px;
      margin-bottom: 17px;
   }

   .partners-slider {
      padding: 0 10px;
   }

   .partners-track {
      gap: 10px;
   }

   .partners-track img {

      width: calc((100vw - 30px) / 2);

      flex: 0 0 calc((100vw - 30px) / 2);

      height: 90px;
   }
}