/*
Theme Name: Brainstorm
Theme URI: 
Template: astra
Author: Luke Balbirnie
Author URI:
Description: 
Tags: 
Version: 0.0.1
Updated: 2024-01-19 15:07:37

*/

/* */
.grecaptcha-badge {opacity:0;}
.ast-container {padding:0 !important;width:100% !important;max-width:100% !important;flex-direction:column;align-items:center;justify-content:center;display:flex !important;}

:root {
    --cobalt: rgb(0,97,255);
    --cobalt-50: rgba(0,97,255,0.05);
    --navy: rgb(4,0,97);
    --purple: rgb(99,15,255);
    --light-blue: rgb(0,209,255);
    --light-green: rgb(64,242,191);
    --pink: rgb(194,106,255);
    --dark-grey:rgb(16,24,40);
    --light-grey:rgb(234,236,240);

    --aqua: #00D3FF;
    --sky: #3CA3FB;
    --gray-900:#101828;
    --gray-600:#475467 ;
    --gray-100:#f7f7f7;
    --orange: #F97B2C;
    --orange-100:#FFEDDE;
    --orange-50:#FFF6EF;
  }

/* --- Montserrat --- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

h1,h2,h3,h4,h5,h6,p,a,span,strong,ul,li,ol {
    font-family: 'Montserrat', sans-serif;
    margin:0;
    padding:0;
}

::selection {
    background: var(--cobalt) !important;
    color:white;
  }




ul {
    list-style:disc;
    padding-left:1.25rem;
}
ol {
    list-style:decimal;
    padding-left:1.25rem;
}

/* Text Align */

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


/* Text Styles */
.bold {font-weight:700;}
.semibold {font-weight:600;}
.medium {font-weight:500;}
.regular {font-weight:400;}
.italic {font-style:italic;}
.underline {text-decoration:underline !important; text-decoration-color: var(--cobalt) !important; text-decoration-thickness: 2px !important;text-underline-offset: 2px !important;}

.rounded {
    border-radius:1rem;
}

/* Colors */
.gray-900 {color:#101828;}
.gray-600 {color:#475467;}
.gray-300 {color:#D0D5DD}

.gray-200 {color:#EAECF0;}
.gray-50 {color:#F9FAFB}
.white {color:white}
.gray-900-bg {background-color:#101828;}
.gray-600-bg {background-color:#475467;}
.gray-300-bg {background-color:#D0D5DD}
.gray-300-border {border:2px solid #D0D5DD}
.gray-200-bg {background-color:#EAECF0;}
.gray-100-bg {background-color:var(--gray-100)}
.gray-100-border {border:2px solid var(--gray-100)}
.gray-50-bg {background-color:#F9FAFB}
.white-bg {background-color:white;}

.midnight-blue {color:#140A50}
.midnight-blue-bg {background-color:#140A50}
.cobalt-bg {background-color:var(--cobalt);}
.cobalt-100-bg {background-color:#ecf3ff;}
.cobalt-50-bg {
    background-color:var(--cobalt-50);
    }
.sky {color:var(--sky);}
.sky-bg {background-color:var(--sky);}
.sky-100-bg {background-color:#F1F7FF;}
.sky-50-bg {background-color:#F4F9FF;}
.aqua {color:var(--aqua);}
.aqua-bg {background-color:var(--aqua);}
.aqua-bg-100 {background-color:#EDFBFF;}
.gradient-bg {background: linear-gradient(90deg, var(--cobalt) 0%, #00D3FF 100%);}

.orange {color:var(--cobalt)}
.orange-bg {background-color:var(--cobalt)}
.orange-100-bg {background-color:var(--orange-100)}
.orange-50-bg {background-color:var(--orange-50)}
.orange-gradient-bg {background:linear-gradient(90deg, rgb(239, 75, 21) 0%, rgb(255, 144, 10) 100%)}
.navy {color:var(--navy)}
.navy-bg {background-color:var(--navy)}
.navy-border {border:2px solid var(--navy)}

.hover--orange-border:hover,
.hover--orange-border:active,
.hover--orange-border:focus,
.hover--orange-border:focus-within {
    border-color:var(--cobalt) !important;
}

.hover--cobalt-border:hover,
.hover--cobalt-border:active,
.hover--cobalt-border:focus,
.hover--cobalt-border:focus-within {
    border-color:var(--cobalt) !important;
}

.cobalt {color:var(--cobalt)};
.navy {color:var(--navy)};
.purple {color:var(--purple)};
.light-blue {color:var(--light-blue)};
.light-green {color:var(--light-green)};
.pink {color:var(--pink)};
.dark-grey {color:var(--dark-grey)};
.light-grey {color:var(--light-grey)};
.bg-cobalt  {background-color:var(--cobalt)};
.bg-navy {background-color:var(--navy)};
.bg-purple {background-color:var(--purple)};
.bg-light-blue {background-color:var(--light-blue)};
.bg-light-green {background-color:var(--light-green)};
.bg-pink {background-color:var(--pink)};
.bg-dark-grey {background-color:var(--dark-grey)};
.bg-light-grey {background-color:var(--light-grey)};




/* Spacing */
.row-gap-8 {row-gap:8px;}
.column-gap-8 {column-gap:8px;}
.row-gap-16 {row-gap:16px;}
.column-gap-16 {column-gap:16px;}
.grid-gap-16 {grid-gap:16px;}
.row-gap-24 {row-gap:24px;}
.column-gap-24 {column-gap:24px;}
.grid-gap-24 {row-gap:24px;column-gap:24px;}
.row-gap-32 {row-gap:32px;}
.column-gap-32 {column-gap:32px;}
.grid-gap-32 {row-gap:32px;column-gap:32px;}
.row-gap-48 {row-gap:48px;}
.column-gap-48 {column-gap:48px;}
.row-gap-64 {row-gap:64px;}
.column-gap-64 {column-gap:64px;}
.column-gap-96 {column-gap:96px;}

@media(max-width:767px) {
    .row-gap-8 {row-gap:4px;}
    .column-gap-8 {column-gap:4px;}
    .row-gap-16 {row-gap:8px;}
    .column-gap-16 {column-gap:8px;}
    .grid-gap-16 {grid-gap:8px;}
    .row-gap-24 {row-gap:16px;}
    .column-gap-24 {column-gap:16px;row-gap:16px;}
    .grid-gap-24 {row-gap:16px;column-gap:16px;}
    .row-gap-32 {row-gap:24px;}
    .column-gap-32 {column-gap:24px;}
    .grid-gap-32 {row-gap:24px;column-gap:24px;}
    .row-gap-48 {row-gap:32px;}
    .column-gap-48 {column-gap:32px;}
    .row-gap-64 {row-gap:48px;}
    .column-gap-64 {column-gap:48px;}
    .column-gap-96 {column-gap:64px;}
}


/* Grid */
.grid {display:grid;}
.inline-grid {display:inline-grid}
.grid-2 {grid-template-columns:1fr 1fr;grid-template-rows:auto;}
.grid-3 {grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;}
.grid-4 {grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto;}

@media(max-width:821px) {
    .grid-4 {grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;}
}

@media(max-width:767px) {
    .grid-2,
    .grid-3,
    .grid-4 {grid-template-columns:1fr;grid-template-rows:auto;}
    .img-grid {grid-template-columns:1fr 1fr;grid-gap:12px;}
}


/* Flex */
.flex {display:flex;}
.inline-flex {display:inline-flex;}
.flex-row {flex-direction:row;}
.flex-column {flex-direction:column;}
.align-center {align-items:center;}
.justify-space-between {justify-content:space-between}
.justify-space-around {justify-content:space-around}
.justify-center {justify-content:center}
.align-flex-start {align-items:flex-start;}
.align-flex-end {align-items:flex-start;}

@media(max-width:767px) {
    .flex-row {
        flex-direction:column;}

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

/* Buttons */
.button {
    text-decoration:none !important;
    -webkit-transition:all .3s ease !important;
    -o-transition:all .3s ease !important;
    transition:all .3s ease !important;
    border-radius:10px;
    font-weight:600;
	font-family: 'Montserrat', sans-serif; 
    padding:6px 20px;
    font-size:18px; 
    display:inline-block;
    cursor:pointer;
    min-width:100px;
    color:#fff;
    border:2px solid var(--cobalt);
}
.button img {
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.button:hover,
.button:active,
.button:focus,
.button:focus-within {
    border:2px solid var(--purple);
    color:#fff;
}
.button__solid {
    background-color:var(--cobalt);
    color:#fff;
}
.button__solid:hover,
.button__solid:active,
.button__solid:focus,
.button__solid:focus-within {
    background-color:transparent;
    color:var(--purple);
    border-color:var(--purple);
}
.button__outline {
    color:var(--cobalt);
    background-color:rgba(0,0,0,0);
    border:2px solid var(--cobalt);
}
.button__outline:hover,
.button__outline:active,
.button__outline:focus,
.button__outline:focus-within {
    background-color:var(--purple);
    border:2px solid var(--purple);
}
.button__outline__white {
    color:white;
    background-color:rgba(0,0,0,0);
    border:2px solid white;
}
.button__outline__white:hover {
    background-color:white;
    border:2px solid white;
    color:var(--cobalt)
}
.button__outline__white:active,
.button__outline__white:focus,
.button__outline__white:focus-within {
    background-color:rgba(0,0,0,0);
    border:2px solid white;
}

a {
    transition:.3s ease;
}
a:hover,
a:active,
a:focus,
a:focus-within {
    color:var(--purple);
}

/* Shadow */
.box-shadow {
    box-shadow:0px 4px 8px rgb(0 0 0 / 8%);
}

/* Text Highlights */
.pill {
    padding: 0.25rem 0.75rem;
    border-radius: 6.25rem;
}

/* Padding */
.padding-xl {padding:156px 5vw;}
.padding-lg {padding:128px 5vw;}
.padding-md {padding:96px 5vw;}
.padding-24 {padding:24px}
.padding-32 {padding:32px;}
.padding-48 {padding:48px;}

@media(max-width:767px) {
    .padding-24 {padding:24px}
    .padding-32 {padding:24px;}
    .padding-48 {padding:32px;}
    .padding-xl {padding:96px 5vw;}
    .padding-lg {padding:72px 5vw;}
}

/* Margin */
.mt-4 {margin-top:4px;}
.mt-8 {margin-top:8px;}
.mt-16 {margin-top:16px;}
.mt-24 {margin-top:24px;}
.mt-32 {margin-top:32px;}
.mt-48 {margin-top:48px;}
.mt-64 {margin-top:64px;}
.mt-96 {margin-top:96px;}
.mb-4 {margin-bottom:4px;}
.mb-8 {margin-bottom:8px;}
.mb-16 {margin-bottom:16px;}
.mb-24 {margin-bottom:24px;}
.mb-32 {margin-bottom:32px;}
.mb-48 {margin-bottom:48px;}
.mb-64 {margin-bottom:64px;}
.mb-96 {margin-bottom:96px;}

.p-4 {padding:4px}
.p-8 {padding:8px}
.p-16 {padding:16px}
.p-24 {padding:24px}
.p-32 {padding:32px}
.p-48 {padding:48px}
.p-64 {padding:64px}
.p-96  {padding:96px}
.pt-4 {padding-top:4px;}
.pt-8 {padding-top:8px;}
.pt-16 {padding-top:16px;}
.pt-24 {padding-top:24px;}
.pt-32 {padding-top:32px;}
.pt-48 {padding-top:48px;}
.pt-64 {padding-top:64px;}
.pt-96 {padding-top:96px;}
.pb-4 {padding-bottom:4px;}
.pb-8 {padding-bottom:8px;}
.pb-16 {padding-bottom:16px;}
.pb-24 {padding-bottom:24px;}
.pb-32 {padding-bottom:32px;}
.pb-48 {padding-bottom:48px;}
.pb-64 {padding-bottom:64px;}
.pb-96 {padding-bottom:96px;}

@media(max-width:767px) {
    .p-4 {padding:4px}
    .p-8 {padding:8px}
    .p-16 {padding:12px}
    .p-24 {padding:16px}
    .p-32 {padding:24px}
    .p-48 {padding:32px}
    .p-64 {padding:48px}
    .p-96  {padding:64px}
    .pt-8 {padding-top:4px;}
    .pt-16 {padding-top:8px;}
    .pt-24 {padding-top:16px;}
    .pt-32 {padding-top:24px;}
    .pt-48 {padding-top:32px;}
    .pt-64 {padding-top:48px;}
    .pt-96 {padding-top:64px;}
    .pb-8 {padding-bottom:4px;}
    .pb-16 {padding-bottom:8px;}
    .pb-24 {padding-bottom:16px;}
    .pb-32 {padding-bottom:24px;}
    .pb-48 {padding-bottom:32px;}
    .pb-64 {padding-bottom:48px;}
    .pb-96 {padding-bottom:64px;}

    .mt-4 {margin-top:4px;}
    .mt-8 {margin-top:8px;}
    .mt-16 {margin-top:16px;}
    .mt-24 {margin-top:24px;}
    .mt-32 {margin-top:24px;}
    .mt-48 {margin-top:32px;}
    .mt-64 {margin-top:48px;}
    .mt-96 {margin-top:64px;}
    .mb-4 {margin-bottom:4px;}
    .mb-8 {margin-bottom:8px;}
    .mb-16 {margin-bottom:16px;}
    .mb-24 {margin-bottom:24px;}
    .mb-32 {margin-bottom:24px;}
    .mb-48 {margin-bottom:32px;}
    .mb-64 {margin-bottom:48px;}
    .mb-96 {margin-bottom:64px;}
}

/* Icons + Avatars */
.icon-lg {
    width:56px;
    height:56px;
    border-radius:100px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.icon-lg img {
    width:24px;
    height:auto;
}
.avatar-lg {
    width:72px;
    height:72px;
    border-radius:100px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.avatar-xl {
    width:96px;
    height:96px;
    border-radius:100px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.avatar-xl img {
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:100000px;
}
.avatar-sm {
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    border-radius:100px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

/* Containers */
.container,
.container-1300,
.container-900 {
    max-width:95%;
}
.container-1300 {width:1400px;}
.container-900 {width:900px;}

@media(max-width:810px) {
    .fullwidth {
        border-radius:0;
        max-width:100%;
        width:100vw;
    }
    .container-900 {
        width:100%;
    }
}

/* Dividers */
.divider {
    display:block;
    width:100%;
    height:2px;
}

#semm-logo {
    width:320px;
    height:auto;
    max-width:70vw;
}








/* Footer */

.menu-item {font-weight:700;}



    .slider {
      margin-top:24px;
      height: 100px;
      position: relative;
      width: 100%;
      display: grid;
      place-items: center;
      overflow: hidden;
    }
    .slider::before,
    .slider::after{
      position:absolute;
      background-image:linear-gradient(to right,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
      content:'';
      height:100%;width:25%;
      z-index:2;pointer-events:none;
    }
    .slider::before{
      left:0;
      top:0;
    }
    .slider::after{
      right:0;
      top:0;
      transform:rotateZ(180deg);
    }
    .slide-track {
      width: 20000px;
      display: flex;
      animation: scroll 90s linear infinite;
      justify-content: space-between;
    }
    .slide-track2 {
      width: 20000px;
      display: flex;
      animation: scroll2 90s linear infinite;
      justify-content: space-between;
      margin-left: -10000px;
    }
    .slide {
      width: auto;
      height: 120px;
    box-sizing:content-box;
    padding:0 20px;
      display: grid;
      place-items: center;
      transition:0.5s;
    }
    .slide img {
        height:80px;
        width:auto;
        max-width:none;
        image-rendering:auto;
    }
    @keyframes scroll {
      0% {
        transform: translateX(0px);
      }
      100% {
        transform: translateX(-10000px);
      }
    }
    @keyframes scroll2 {
      0% {
        transform: translateX(0px);
      }
      100% {
        transform: translateX(10000px);
      }
    }
    @media screen and (max-width: 768px) {
      .slider {
        margin-top:35px;
      }
    .slider2 {
        margin-top:20px;
      }
      .slide-track {
        width: 15000px;
      }
      .slide-track2 {
        width: 15000px;
          margin-left: -7500px;
      }
      .slide {
        width: auto;
        height:90px;
        padding: 0 5px;
      }
    .slide img {
        height:75px;
        width:auto;
        max-width:none;
        image-rendering:auto;
    }
      @keyframes scroll {
        0% {
          transform: translateX(0px);
        }
        100% {
          transform: translateX(-7500px);
        }
      }

      @keyframes scroll2 {
        0% {
          transform: translateX(0px);
        }
        100% {
          transform: translateX(7500px);
        }
      }
    }
    



/* Header Menu */