@media all and (max-width: 968px){
    form.spac-form {
        width: 100% !important;
    }
}


.select2-selection.select2-selection--single {
    border: 1px solid transparent;
    background-color: #F7FEF9;
    height: 60px;
    color: #4e4e4e;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    padding-left: 0.75rem;
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-size: 20px;
    color: #1F2315;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #7DE29F transparent transparent transparent !important;
    /*border-width: 12px 8px 0 8px !important;*/
}

.select2-container .select2-selection--single .select2-selection__arrow {
    height: 34px;
    width: 34px;
    right: 3px;
}


H4.teract-restrected-area {
    color: #7DE29F;
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 700;
    text-align: center;
}

/** FORM **/

form.spac-form {
    width: 50%;
    margin: 0 auto;
}

div.spac-form-input-group {
    margin-bottom: 1.5em;
}

input.teract-spac-input {
    width: 100%;
    line-height: 1.5em;
    border: none;
    background: #F7FEF9;
    padding: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 200;
}

div.teract-spac-radio-input-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 50%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1em 0;
}

p.teract-spac-label {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 200;
}

label.teract-spac-radio-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

label.teract-spac-radio-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    border: 1px solid #7DE29F;
}
/* On mouse-over, add a grey background color */
label.teract-spac-radio-container:hover input ~ .checkmark {
    background-color: #7DE29F;
}

/* When the radio button is checked, add a blue background */
label.teract-spac-radio-container input:checked ~ .checkmark {
    background-color: #7DE29F;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
label.teract-spac-radio-container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
label.teract-spac-radio-container .checkmark:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}

div.spac-form-input-group-button {
    margin: 1.5em auto;
    text-align: center;
}

button.teract-submit-button {
    display: none;
}

button.teract-submit-button.active {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

button.teract-submit-button.active {
    background-color: #7DE29F;
    border: 1px solid #7DE29F;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 41px;
    text-transform: uppercase;
    border-radius: 0;
    cursor: pointer;
    padding: 0.375rem 1.3rem;
}

button.teract-submit-button.active:hover {
    background-color: #ffffff;
    border: 1px solid #7DE29F;
}

div.teract-spac-card-container {
    margin-bottom: 30px !important;
}

div.teract-spac-card-container H4.teract-spac-title,
div.teract-spac-card-container p.teract-spac-date,
div.teract-spac-card-container a {
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}

div.teract-spac-card-container H4.teract-spac-title {
    font-weight: 500;
    font-size: 20px;
    /*height: 85px;*/
    line-height: 1.4em;
}

div.teract-spac-card-container p.teract-spac-date {
    font-weight: 200;
    font-size: 20px;
    color: #0A221C !important;
}

div.teract-spac-card-container a.teract-spac-cell-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

div.teract-spac-card-container a.teract-spac-cell-container div.teract-spac-openlink {
    color: #7DE29F;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    position: relative;
}

div.teract-spac-card-container a.teract-spac-cell-container div.teract-spac-openlink i {
    position: relative;
}

div.teract-spac-card-container a.teract-spac-cell-container:hover div.teract-spac-openlink::after {
    width: 87px;
}

div.teract-spac-card-container a.teract-spac-cell-container:hover div.teract-spac-openlink i {
    animation: bounce .5s ease-in-out infinite;
}

@keyframes bounce{
    from {top: 0;}
    50%  {top: 16px;}
    to   {top: 0;}
}


/** FREE DOCS **/

H3.teract-spac-free-doc-title,
p.teract-spac-free-doc-description {
    font-family: "Poppins", sans-serif;
}

H3.teract-spac-free-doc-title {
    font-weight: 700;
    font-size: 20px;
}

p.teract-spac-free-doc-description {
    font-weight: 200;
    font-size: 20px;
}

div.teract_ag_container {
    display: none;
}

div.teract_ag_container.active {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: row;
    grid-gap: 30px;
}