/*-----------------------------------------------*\

Author: Thomas Geisen (www.thomasgeisen.fr)
Framework : Tailwind (width 1512px fluid, 12 cols, gap 1rem)
Sub-theme de Choiseul main.min.css

\*-----------------------------------------------*/

/* Base */

/*-----------------------------------------------*\

	Les icônes sont gérées sous forme de fonts par l'outil icomoon (https://icomoon.io/app)

\*-----------------------------------------------*/

/* Layout */

/*-----------------------------------------------*\

    Stage of the app

\*-----------------------------------------------*/

/*-----------------------------------------------*\

    Top header of the website

\*-----------------------------------------------*/

/* Components */

/*-----------------------------------------------*\

    Custom pattern decoration

\*-----------------------------------------------*/

/* Components -> Gutenberg */

.wp-block-pullquote{
  border-color: rgba(13,12,49,0.4);
}

.wp-block-media-text.electricblue .wp-block-media-text__media{
      --tw-bg-opacity: 1;
      background-color: rgb(55 53 255 / var(--tw-bg-opacity));
    }

.wp-block-media-text.lightblue .wp-block-media-text__media{
      --tw-bg-opacity: 1;
      background-color: rgb(50 181 255 / var(--tw-bg-opacity));
    }

.wp-block-group.has-darkblue-background-color p > a{
      --tw-text-opacity: 1 !important;
      color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
    }

.wp-block-group.has-darkblue-background-color .wp-block-button__link i{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

.wp-block-group.has-darkblue-background-color .wp-block-button__link i{
        --tw-text-opacity: 1;
        color: rgb(13 12 49 / var(--tw-text-opacity));
      }

/* Tailwind */

body{
  background: #FFF;
  color: #0D0C31;
}

*::-moz-selection {
  background: #32B5FF;
  color: #0D0C31;
}

*::selection {
  background: #32B5FF;
  color: #0D0C31;
}

a::-moz-selection {
  color: #0D0C31;
}

a::selection {
  color: #0D0C31;
}

.icon-btnMenu{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.icon-btnMenu span,
		.icon-btnMenu:before,
		.icon-btnMenu:after{
    --tw-bg-opacity: 1;
    background-color: rgb(13 12 49 / var(--tw-bg-opacity));
  }

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

.Stage{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.Stage-overlay{
    background-color: rgba(13,12,49,0.4);
  }

.SiteHeader{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.SiteHeader.isLight:not(.isExpanded){
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.SiteHeader.isLight:not(.isExpanded){
    --tw-text-opacity: 1;
    color: rgb(13 12 49 / var(--tw-text-opacity));
  }

.SiteHeader.isLight:not(.isExpanded) svg path{
      fill: #0D0C31;
    }

.SiteHeader.isLight:not(.isExpanded) .border-b-1{
      border-color: rgba(13,12,49,0.4);
    }

.SiteHeader.isLight:not(.isExpanded) button{
      --tw-bg-opacity: 1;
      background-color: rgb(13 12 49 / var(--tw-bg-opacity));
    }

.SiteHeader.isLight:not(.isExpanded) button:before,
                .SiteHeader.isLight:not(.isExpanded) button:after,
                .SiteHeader.isLight:not(.isExpanded) button span{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
      }

.SiteHeader.isLight:not(.isExpanded) nav > ul > li > a::before{
      background: #0D0C31;
    }

.SiteHeader.isExpanded{
    --tw-bg-opacity: 1;
    background-color: rgb(55 53 255 / var(--tw-bg-opacity));
  }

.SiteHeader.isExpanded{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.SiteHeader.isExpanded svg path{
      fill: #FFF;
    }

.SiteHeader.isExpanded .border-b-1{
      border-color: rgba(255,255,255,0.4);
    }

.SiteHeader-network a::after{
        --tw-bg-opacity: 1 !important;
        background-color: rgb(50 181 255 / var(--tw-bg-opacity)) !important;
      }

.SiteHeader-logo.isOpen svg path{
      fill: #FFF !important;
    }

/* Max-lg = tablet + mobile */

@media not all and (min-width: 1280px){
    .SiteHeader nav{
      --tw-bg-opacity: 1;
      background-color: rgb(55 53 255 / var(--tw-bg-opacity));
    }
  }

.SiteHeader nav > ul > li > a{
        border-color: rgba(255,255,255,0.4);
      }

@media not all and (min-width: 1440px){
        .SiteHeader nav > ul > li > a{
          --tw-text-opacity: 1;
          color: rgb(255 255 255 / var(--tw-text-opacity));
        }
      }

.SiteHeader nav > ul > li > a::before{
          --tw-bg-opacity: 1;
          background-color: rgb(255 255 255 / var(--tw-bg-opacity));
        }

.SiteHeader nav > ul > li > a.isFaded{
          color: rgba(255,255,255,0.4);
        }

.SiteHeader nav > ul > li > a.isFaded:before{
            background-color: rgba(255,255,255,0.4);
          }

.SiteHeader nav > ul > li > .sub-menu{
        border-color: rgba(255,255,255,0.4);
      }

.SiteHeader nav > ul > li > .sub-menu{
        --tw-bg-opacity: 1;
        background-color: rgb(55 53 255 / var(--tw-bg-opacity));
      }

.SiteHeader nav > ul > li > .sub-menu{
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
      }

.SiteHeader nav > ul > li > .sub-menu > li{
          border-color: rgba(255,255,255,0.4);
        }

.SiteHeader nav > ul > li > .sub-menu > li:not(.menu-item-has-children) a:before{
              background-color: rgba(13,12,49,0.4);
            }

.SiteHeader nav > ul > li > .sub-menu::before{
          border-color: rgba(255,255,255,0.4);
        }

.SiteHeader nav > ul > li > .sub-menu::before{
          --tw-bg-opacity: 1;
          background-color: rgb(55 53 255 / var(--tw-bg-opacity));
        }

.Breadcrumb{
  border-color: rgba(13,12,49,0.4);
}

.Breadcrumb li:not(:last-child)::after{
      --tw-bg-opacity: 1;
      background-color: rgb(13 12 49 / var(--tw-bg-opacity));
    }

.is-root-container p a:not(.wp-block-button__link),
        .is-root-container ul a,
        .is-root-container blockquote a,
        .Gutenberg p a:not(.wp-block-button__link),
        .Gutenberg ul a,
        .Gutenberg blockquote a{
    --tw-text-opacity: 1;
    color: rgb(13 12 49 / var(--tw-text-opacity));
  }

.is-root-container p a:not(.wp-block-button__link):hover,.is-root-container ul a:hover,.is-root-container blockquote a:hover,.Gutenberg p a:not(.wp-block-button__link):hover,.Gutenberg ul a:hover,.Gutenberg blockquote a:hover{
      --tw-text-opacity: 1;
      color: rgb(55 53 255 / var(--tw-text-opacity));
    }

.btn::after{
  background: #0D0C31;
}

.btn--icon i{
  --tw-bg-opacity: 1;
  background-color: rgb(13 12 49 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.btn--icon::after{
  background: #0D0C31;
}

.btn--light::after{
  background: #FFF;
}

.btn--light i{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(13 12 49 / var(--tw-text-opacity));
}

.form{
  border-color: rgba(255,255,255,0.4);
}

.form input::-moz-placeholder{
      color: rgba(13,12,49,0.4) !important;
    }

.form input::placeholder{
      color: rgba(13,12,49,0.4) !important;
    }

.form button{
    --tw-bg-opacity: 1;
    background-color: rgb(50 181 255 / var(--tw-bg-opacity));
  }

.form button{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
  }

.slider-nav button{
      --tw-bg-opacity: 1;
      background-color: rgb(13 12 49 / var(--tw-bg-opacity));
    }

.slider-nav button{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.slider-nav button:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(50 181 255 / var(--tw-bg-opacity));
      }

.slider-nav button:disabled:hover{
        --tw-bg-opacity: 1;
        background-color: rgb(13 12 49 / var(--tw-bg-opacity));
      }

.slider::before{
    --tw-bg-opacity: 1;
    background-color: rgb(55 53 255 / var(--tw-bg-opacity));
  }

.pattern.pattern1{
    background-image: url('../img/patterns/pattern1.svg');
  }

.pattern.pattern2{
    background-image: url('../img/patterns/pattern2.svg');
  }

.pattern.pattern3{
    background-image: url('../img/patterns/pattern3.svg');
  }

.pattern.pattern4{
    background-image: url('../img/patterns/pattern4.svg');
  }

.pattern.pattern5{
    background-image: url('../img/patterns/pattern5.svg');
  }

.pattern.pattern6{
    background-image: url('../img/patterns/pattern6.svg');
  }

.patterns.patterns-home::before{
      background: url('../img/patterns/patterns-home.svg') no-repeat center;
      background-size: cover;
    }

.cardEvent picture img{
    filter: grayscale(100%);
  }

.cardEvent:hover picture img{
      filter: grayscale(0);
    }

.cardProfile picture img{
      filter: grayscale(100%);
    }

.cardProfile picture:after{
      border: 0px solid #32B5FF;
    }

.cardProfile:hover img{
      filter: grayscale(0);
    }

.pagination-number{
    border-color: rgba(13,12,49,0.4);
  }

.pagination-number:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  }

.pagination-number:hover{
    --tw-text-opacity: 1;
    color: rgb(13 12 49 / var(--tw-text-opacity));
  }

.pagination-number.current{
      --tw-bg-opacity: 1;
      background-color: rgb(13 12 49 / var(--tw-bg-opacity));
    }

.pagination-number.current{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.wp-block-button__link.is-style-icon i{
      --tw-bg-opacity: 1;
      background-color: rgb(13 12 49 / var(--tw-bg-opacity));
    }

.wp-block-button__link.is-style-icon i{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.form .gfield_required,.gform_wrapper.gravity-theme .gfield_required{
    --tw-text-opacity: 1;
    color: rgb(255 89 36 / var(--tw-text-opacity));
  }

/* Fields */

.form input[type='text'],
        .form input[type='email'],
        .form input[type='tel'],
        .form input[type='search'],
        .form input[type='password'],
        .form textarea,
        .gform_wrapper.gravity-theme input[type='text'],
        .gform_wrapper.gravity-theme input[type='email'],
        .gform_wrapper.gravity-theme input[type='tel'],
        .gform_wrapper.gravity-theme input[type='search'],
        .gform_wrapper.gravity-theme input[type='password'],
        .gform_wrapper.gravity-theme textarea{
    --tw-border-opacity: 1;
    border-color: rgb(13 12 49 / var(--tw-border-opacity));
  }

.form input[type='text'],
        .form input[type='email'],
        .form input[type='tel'],
        .form input[type='search'],
        .form input[type='password'],
        .form textarea,
        .gform_wrapper.gravity-theme input[type='text'],
        .gform_wrapper.gravity-theme input[type='email'],
        .gform_wrapper.gravity-theme input[type='tel'],
        .gform_wrapper.gravity-theme input[type='search'],
        .gform_wrapper.gravity-theme input[type='password'],
        .gform_wrapper.gravity-theme textarea{
    background-color: transparent;
  }

.form input[type='text'],
        .form input[type='email'],
        .form input[type='tel'],
        .form input[type='search'],
        .form input[type='password'],
        .form textarea,
        .gform_wrapper.gravity-theme input[type='text'],
        .gform_wrapper.gravity-theme input[type='email'],
        .gform_wrapper.gravity-theme input[type='tel'],
        .gform_wrapper.gravity-theme input[type='search'],
        .gform_wrapper.gravity-theme input[type='password'],
        .gform_wrapper.gravity-theme textarea{
    padding: 1.5rem;
  }

.form input[type='text']::-moz-placeholder, .form input[type='email']::-moz-placeholder, .form input[type='tel']::-moz-placeholder, .form input[type='search']::-moz-placeholder, .form input[type='password']::-moz-placeholder, .form textarea::-moz-placeholder, .gform_wrapper.gravity-theme input[type='text']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='email']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='tel']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='search']::-moz-placeholder, .gform_wrapper.gravity-theme input[type='password']::-moz-placeholder, .gform_wrapper.gravity-theme textarea::-moz-placeholder{
      color: rgba(13,12,49,0.4);
    }

.form input[type='text']::placeholder,.form input[type='email']::placeholder,.form input[type='tel']::placeholder,.form input[type='search']::placeholder,.form input[type='password']::placeholder,.form textarea::placeholder,.gform_wrapper.gravity-theme input[type='text']::placeholder,.gform_wrapper.gravity-theme input[type='email']::placeholder,.gform_wrapper.gravity-theme input[type='tel']::placeholder,.gform_wrapper.gravity-theme input[type='search']::placeholder,.gform_wrapper.gravity-theme input[type='password']::placeholder,.gform_wrapper.gravity-theme textarea::placeholder{
      color: rgba(13,12,49,0.4);
    }

.form input[type='text']:focus,.form input[type='email']:focus,.form input[type='tel']:focus,.form input[type='search']:focus,.form input[type='password']:focus,.form textarea:focus,.gform_wrapper.gravity-theme input[type='text']:focus,.gform_wrapper.gravity-theme input[type='email']:focus,.gform_wrapper.gravity-theme input[type='tel']:focus,.gform_wrapper.gravity-theme input[type='search']:focus,.gform_wrapper.gravity-theme input[type='password']:focus,.gform_wrapper.gravity-theme textarea:focus{
      --tw-border-opacity: 1 !important;
      border-color: rgb(13 12 49 / var(--tw-border-opacity)) !important;
    }

.form input[type='text']:focus,.form input[type='email']:focus,.form input[type='tel']:focus,.form input[type='search']:focus,.form input[type='password']:focus,.form textarea:focus,.gform_wrapper.gravity-theme input[type='text']:focus,.gform_wrapper.gravity-theme input[type='email']:focus,.gform_wrapper.gravity-theme input[type='tel']:focus,.gform_wrapper.gravity-theme input[type='search']:focus,.gform_wrapper.gravity-theme input[type='password']:focus,.gform_wrapper.gravity-theme textarea:focus{
      background-color: rgba(13,12,49,0.15) !important;
    }

/* Errors */

.form .gfield_error [aria-invalid=true],.gform_wrapper.gravity-theme .gfield_error [aria-invalid=true]{
    --tw-border-opacity: 1;
    border-color: rgb(255 89 36 / var(--tw-border-opacity));
  }

.form [aria-invalid=true] + label,.gform_wrapper.gravity-theme [aria-invalid=true] + label{
    --tw-text-opacity: 1;
    color: rgb(255 89 36 / var(--tw-text-opacity));
  }

.form .gfield_description.validation_message,.form .gform_validation_errors.validation_message,.gform_wrapper.gravity-theme .gfield_description.validation_message,.gform_wrapper.gravity-theme .gform_validation_errors.validation_message{
      --tw-text-opacity: 1;
      color: rgb(255 89 36 / var(--tw-text-opacity));
    }

.form .gform_validation_errors a,.gform_wrapper.gravity-theme .gform_validation_errors a{
      --tw-border-opacity: 1;
      border-color: rgb(255 89 36 / var(--tw-border-opacity));
    }

.form .gform_validation_errors > h2,.gform_wrapper.gravity-theme .gform_validation_errors > h2{
      --tw-text-opacity: 1;
      color: rgb(255 89 36 / var(--tw-text-opacity));
    }

.form.w-full input[type='email']::-moz-placeholder{
    color: rgba(255,255,255,0.4) !important;
  }

.form.w-full input[type='email']::placeholder{
    color: rgba(255,255,255,0.4) !important;
  }

.filter-input label:before,
            .filter-input label:after{
      --tw-text-opacity: 1;
      color: rgb(255 255 255 / var(--tw-text-opacity));
    }

.filter-input label:after{
      --tw-border-opacity: 1;
      border-color: rgb(13 12 49 / var(--tw-border-opacity));
    }

.filter-input label:hover:after,.filter-input label:focus:after{
        background-color: rgba(13,12,49,0.4);
      }

.filter-input input[type="checkbox"]:checked + label::after{
    --tw-bg-opacity: 1;
    background-color: rgb(13 12 49 / var(--tw-bg-opacity));
  }

.logos-item figure:after{
    border-color: #32B5FF;
  }

.absolute{
  position: absolute;
}

.relative{
  position: relative;
}

.left-\[50\%\]{
  left: 50%;
}

.top-0{
  top: 0px;
}

.-z-10{
  z-index: -10;
}

.z-10{
  z-index: 10;
}

.col-span-12{
  grid-column: span 12 / span 12;
}

.col-span-2{
  grid-column: span 2 / span 2;
}

.col-span-4{
  grid-column: span 4 / span 4;
}

.mx-auto{
  margin-left: auto;
  margin-right: auto;
}

.my-10{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.my-12{
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.my-6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.-mr-4{
  margin-right: -1rem;
}

.mb-2{
  margin-bottom: 0.5rem;
}

.mb-4{
  margin-bottom: 1rem;
}

.mb-5{
  margin-bottom: 1.25rem;
}

.mb-6{
  margin-bottom: 1.5rem;
}

.mr-2{
  margin-right: 0.5rem;
}

.mt-1{
  margin-top: 0.25rem;
}

.mt-10{
  margin-top: 2.5rem;
}

.mt-12{
  margin-top: 3rem;
}

.mt-2{
  margin-top: 0.5rem;
}

.mt-3{
  margin-top: 0.75rem;
}

.mt-4{
  margin-top: 1rem;
}

.mt-6{
  margin-top: 1.5rem;
}

.mt-8{
  margin-top: 2rem;
}

.mt-auto{
  margin-top: auto;
}

.line-clamp-2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.block{
  display: block;
}

.inline-block{
  display: inline-block;
}

.inline{
  display: inline;
}

.flex{
  display: flex;
}

.inline-flex{
  display: inline-flex;
}

.grid{
  display: grid;
}

.hidden{
  display: none;
}

.aspect-square{
  aspect-ratio: 1 / 1;
}

.h-\[250px\]{
  height: 250px;
}

.h-\[40px\]{
  height: 40px;
}

.h-auto{
  height: auto;
}

.h-full{
  height: 100%;
}

.w-24{
  width: 6rem;
}

.w-\[212px\]{
  width: 212px;
}

.w-\[220px\]{
  width: 220px;
}

.w-\[40px\]{
  width: 40px;
}

.w-auto{
  width: auto;
}

.w-full{
  width: 100%;
}

.w-screen{
  width: 100vw;
}

.grow{
  flex-grow: 1;
}

.origin-center{
  transform-origin: center;
}

.-translate-x-1\/2{
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.scale-\[2\]{
  --tw-scale-x: 2;
  --tw-scale-y: 2;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.list-disc{
  list-style-type: disc;
}

.auto-cols-fr{
  grid-auto-columns: minmax(0, 1fr);
}

.grid-flow-row{
  grid-auto-flow: row;
}

.grid-flow-col{
  grid-auto-flow: column;
}

.grid-cols-2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-6{
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.flex-col{
  flex-direction: column;
}

.flex-wrap{
  flex-wrap: wrap;
}

.items-start{
  align-items: flex-start;
}

.items-end{
  align-items: flex-end;
}

.items-center{
  align-items: center;
}

.justify-end{
  justify-content: flex-end;
}

.justify-center{
  justify-content: center;
}

.justify-between{
  justify-content: space-between;
}

.gap-2{
  gap: 0.5rem;
}

.gap-3{
  gap: 0.75rem;
}

.gap-\[1rem\]{
  gap: 1rem;
}

.gap-x-6{
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.gap-y-0{
  row-gap: 0px;
}

.gap-y-\[1\.5rem\]{
  row-gap: 1.5rem;
}

.gap-y-\[1rem\]{
  row-gap: 1rem;
}

.gap-y-\[2\.5rem\]{
  row-gap: 2.5rem;
}

.gap-y-\[2rem\]{
  row-gap: 2rem;
}

.gap-y-\[3\.5rem\]{
  row-gap: 3.5rem;
}

.gap-y-\[3rem\]{
  row-gap: 3rem;
}

.overflow-hidden{
  overflow: hidden;
}

.truncate{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-ellipsis{
  text-overflow: ellipsis;
}

.whitespace-nowrap{
  white-space: nowrap;
}

.border-darkblue-rgba{
  border-color: rgba(13,12,49,0.4);
}

.border-white{
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.border-white-rgba{
  border-color: rgba(255,255,255,0.4);
}

.bg-darkblue{
  --tw-bg-opacity: 1;
  background-color: rgb(13 12 49 / var(--tw-bg-opacity));
}

.bg-darkgreen{
  --tw-bg-opacity: 1;
  background-color: rgb(30 60 42 / var(--tw-bg-opacity));
}

.bg-darkorange{
  --tw-bg-opacity: 1;
  background-color: rgb(255 89 36 / var(--tw-bg-opacity));
}

.bg-electricblue{
  --tw-bg-opacity: 1;
  background-color: rgb(55 53 255 / var(--tw-bg-opacity));
}

.bg-lightblue{
  --tw-bg-opacity: 1;
  background-color: rgb(50 181 255 / var(--tw-bg-opacity));
}

.bg-lightgreen{
  --tw-bg-opacity: 1;
  background-color: rgb(117 225 161 / var(--tw-bg-opacity));
}

.bg-white{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.object-contain{
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover{
  -o-object-fit: cover;
     object-fit: cover;
}

.p-2{
  padding: 0.5rem;
}

.p-4{
  padding: 1rem;
}

.p-6{
  padding: 1.5rem;
}

.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}

.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}

.py-10{
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py-6{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.pb-10{
  padding-bottom: 2.5rem;
}

.pb-12{
  padding-bottom: 3rem;
}

.pb-20{
  padding-bottom: 5rem;
}

.pb-4{
  padding-bottom: 1rem;
}

.pb-6{
  padding-bottom: 1.5rem;
}

.pb-8{
  padding-bottom: 2rem;
}

.pl-0{
  padding-left: 0px;
}

.pl-2{
  padding-left: 0.5rem;
}

.pl-3{
  padding-left: 0.75rem;
}

.pr-20{
  padding-right: 5rem;
}

.pr-6{
  padding-right: 1.5rem;
}

.pt-10{
  padding-top: 2.5rem;
}

.pt-12{
  padding-top: 3rem;
}

.pt-14{
  padding-top: 3.5rem;
}

.pt-2{
  padding-top: 0.5rem;
}

.pt-4{
  padding-top: 1rem;
}

.pt-6{
  padding-top: 1.5rem;
}

.pt-8{
  padding-top: 2rem;
}

.text-center{
  text-align: center;
}

.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}

.text-lg{
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.font-medium{
  font-weight: 500;
}

.uppercase{
  text-transform: uppercase;
}

.capitalize{
  text-transform: capitalize;
}

.italic{
  font-style: italic;
}

.text-darkblue{
  --tw-text-opacity: 1;
  color: rgb(13 12 49 / var(--tw-text-opacity));
}

.text-white{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.grayscale{
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

@media (min-width: 769px){
  .sm\:w-full.form{
  }
}

.hover\:bg-lightblue:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(50 181 255 / var(--tw-bg-opacity));
}

.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 480px){
  .xs\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 769px){
  .sm\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .sm\:col-span-12{
    grid-column: span 12 / span 12;
  }

  .sm\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .sm\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .sm\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .sm\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .sm\:my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }

  .sm\:-mr-6{
    margin-right: -1.5rem;
  }

  .sm\:mt-10{
    margin-top: 2.5rem;
  }

  .sm\:mt-12{
    margin-top: 3rem;
  }

  .sm\:mt-6{
    margin-top: 1.5rem;
  }

  .sm\:mt-8{
    margin-top: 2rem;
  }

  .sm\:block{
    display: block;
  }

  .sm\:grid{
    display: grid;
  }

  .sm\:aspect-square{
    aspect-ratio: 1 / 1;
  }

  .sm\:h-auto{
    height: auto;
  }

  .sm\:w-10\/12{
    width: 83.333333%;
  }

  .sm\:w-\[420px\]{
    width: 420px;
  }

  .sm\:w-full{
    width: 100%;
  }

  .sm\:scale-100{
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }

  .sm\:grid-flow-col{
    grid-auto-flow: column;
  }

  .sm\:grid-cols-12{
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }

  .sm\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .sm\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .sm\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .sm\:items-end{
    align-items: flex-end;
  }

  .sm\:items-center{
    align-items: center;
  }

  .sm\:justify-start{
    justify-content: flex-start;
  }

  .sm\:justify-end{
    justify-content: flex-end;
  }

  .sm\:gap-\[1\.5rem\]{
    gap: 1.5rem;
  }

  .sm\:gap-x-8{
    -moz-column-gap: 2rem;
         column-gap: 2rem;
  }

  .sm\:gap-y-\[2rem\]{
    row-gap: 2rem;
  }

  .sm\:gap-y-\[3rem\]{
    row-gap: 3rem;
  }

  .sm\:gap-y-\[4rem\]{
    row-gap: 4rem;
  }

  .sm\:gap-y-\[6rem\]{
    row-gap: 6rem;
  }

  .sm\:p-6{
    padding: 1.5rem;
  }

  .sm\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .sm\:py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  .sm\:pb-0{
    padding-bottom: 0px;
  }

  .sm\:pb-10{
    padding-bottom: 2.5rem;
  }

  .sm\:pb-12{
    padding-bottom: 3rem;
  }

  .sm\:pb-16{
    padding-bottom: 4rem;
  }

  .sm\:pb-6{
    padding-bottom: 1.5rem;
  }

  .sm\:pl-6{
    padding-left: 1.5rem;
  }

  .sm\:pt-16{
    padding-top: 4rem;
  }

  .sm\:pt-20{
    padding-top: 5rem;
  }

  .sm\:text-right{
    text-align: right;
  }
}

@media (min-width: 1080px){
  .md\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .md\:col-span-3{
    grid-column: span 3 / span 3;
  }

  .md\:col-span-4{
    grid-column: span 4 / span 4;
  }

  .md\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .md\:col-span-7{
    grid-column: span 7 / span 7;
  }

  .md\:my-16{
    margin-top: 4rem;
    margin-bottom: 4rem;
  }

  .md\:my-24{
    margin-top: 6rem;
    margin-bottom: 6rem;
  }

  .md\:-mr-8{
    margin-right: -2rem;
  }

  .md\:mb-10{
    margin-bottom: 2.5rem;
  }

  .md\:mb-9{
    margin-bottom: 2.25rem;
  }

  .md\:mt-12{
    margin-top: 3rem;
  }

  .md\:mt-16{
    margin-top: 4rem;
  }

  .md\:grid{
    display: grid;
  }

  .md\:w-8\/12{
    width: 66.666667%;
  }

  .md\:w-\[180px\]{
    width: 180px;
  }

  .md\:grid-flow-col{
    grid-auto-flow: column;
  }

  .md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .md\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .md\:grid-cols-4{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .md\:grid-cols-6{
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .md\:gap-y-\[2\.5rem\]{
    row-gap: 2.5rem;
  }

  .md\:py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }

  .md\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .md\:pb-16{
    padding-bottom: 4rem;
  }

  .md\:pb-24{
    padding-bottom: 6rem;
  }

  .md\:pb-8{
    padding-bottom: 2rem;
  }

  .md\:pl-8{
    padding-left: 2rem;
  }

  .md\:pt-16{
    padding-top: 4rem;
  }

  .md\:pt-20{
    padding-top: 5rem;
  }

  .md\:pt-32{
    padding-top: 8rem;
  }

  .md\:pt-4{
    padding-top: 1rem;
  }

  .md\:pt-6{
    padding-top: 1.5rem;
  }

  .md\:text-left{
    text-align: left;
  }

  .md\:text-right{
    text-align: right;
  }
}

@media (min-width: 1280px){
  .lg\:col-span-2{
    grid-column: span 2 / span 2;
  }

  .lg\:col-span-5{
    grid-column: span 5 / span 5;
  }

  .lg\:mr-4{
    margin-right: 1rem;
  }

  .lg\:mt-10{
    margin-top: 2.5rem;
  }

  .lg\:mt-14{
    margin-top: 3.5rem;
  }

  .lg\:mt-16{
    margin-top: 4rem;
  }

  .lg\:w-7\/12{
    width: 58.333333%;
  }

  .lg\:w-\[220px\]{
    width: 220px;
  }

  .lg\:grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .lg\:grid-cols-5{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  .lg\:p-10{
    padding: 2.5rem;
  }

  .lg\:py-0{
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .lg\:py-16{
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .lg\:py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

  .lg\:pb-10{
    padding-bottom: 2.5rem;
  }

  .lg\:pb-20{
    padding-bottom: 5rem;
  }

  .lg\:pb-40{
    padding-bottom: 10rem;
  }

  .lg\:pt-24{
    padding-top: 6rem;
  }

  .lg\:pt-48{
    padding-top: 12rem;
  }
}

@media (min-width: 1440px){
  .xl\:col-span-1{
    grid-column: span 1 / span 1;
  }

  .xl\:-mr-10{
    margin-right: -2.5rem;
  }

  .xl\:mt-24{
    margin-top: 6rem;
  }

  .xl\:mt-4{
    margin-top: 1rem;
  }

  .xl\:w-7\/12{
    width: 58.333333%;
  }

  .xl\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xl\:pb-10{
    padding-bottom: 2.5rem;
  }

  .xl\:pb-20{
    padding-bottom: 5rem;
  }

  .xl\:pl-10{
    padding-left: 2.5rem;
  }

  .xl\:pt-60{
    padding-top: 15rem;
  }
}