.banner-content .date span,
.banner-content h1,
.banner-content h2 {
    text-align: left;
    line-height: normal;
}
.event-form span,
body {
    /* font-family: "Bricolage Grotesque", sans-serif; */
    font-family: "DM Sans", sans-serif;
}
html {
    scroll-padding-top: 5rem;
}
/* body {
    background: #000;
    transition:
        color 0.3s,
        background 0.3s,
        border 0.3s;
    padding-top: 65px;
} */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    color: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
}
input:-internal-edge-excel-like-autofill-previewed {
    color: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
}
input:-internal-autofill-selected {
    color: #fff !important;
    background: #fff !important;
    background-color: #fff !important;
}
/* header nav .nav-link {
    color: #fff;
}
header nav .nav-link:hover {
    color: #fff;
}
header nav ul.navbar-nav {
    gap: 54px;
} */
.py-17 {
    padding: 12.5px 0;
}
/* .inspire-logo {
    text-align: center;
    margin: 64px 0 48px;
}
.nav-link:focus,
.nav-link:hover,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    color: #fff;
}
.nav-register {
    color: #ffb53f !important;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
} */
#inspire-carousel .carousel-item {
    /* height: 87vh; */
    min-height: 412px;
}
/* .banner {
    width: 100%;
    min-height: 100vh;
    position: relative;
    height: 700px;
} */
#myVideo,
.aide-logo-glow,
.main-aide-logo {
    position: absolute;
    right: 0;
    left: 0;
}
.banner-wrap
{
    height: 412px;
}
.banner-video {
    overflow: hidden;
    width: 100%;
    z-index: 9;
}
#myVideo {
    top: 32%;
    width: 100%;
}
.aide-logo-glow {
    background: url(../images/super-glow.svg) center no-repeat;
    width: 700px;
    height: 1117px;
    top: 19%;
    margin: 0 auto;
}
.main-aide-logo {
    background: url(../images/main-aide-logo.svg) center no-repeat;
    top: 19%;
    width: 538.111px;
    height: 765px;
    margin: 0 auto;
    z-index: 1;
}
.about-event .event-form .actions input.hs-button,
.register-btn {
    background: rgba(217, 217, 217, 0.2);
    display: inline-flex;
    font-style: normal;
    font-weight: 400;
    color: #fff;
    padding: 11px 27px;
    gap: 10px;
    font-size: 20px;
    text-decoration: none;
}
.banner-content,
.inspire-logo {
    position: relative;
    z-index: 3;
}
.banner-content
{
  width: 519px;
}
.banner-content h1 {
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    /* color: rgba(84, 79, 248, 1); */
    background: linear-gradient(91deg, #544FF8 64.56%, #2EB6AE 98.22%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    margin: 0;
}
.banner-content h1::after
{
    display: none;
}
.banner-content h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    color: #ffb53f;
    margin: 0px 0px 16px 0;
}
.banner-content .date {
    text-align: center;
    margin: 43px 0 150px;
}
.banner-content .date span {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    border-radius: 28px;
    border: 1px solid #fff;
    background: #000;
    backdrop-filter: blur(20px);
    padding: 11px 27px;
}
.banner-content .date span i {
    color: rgba(255, 255, 255, 0.4);
    font-style: normal;
}
.testimonial-slide {
    background: #0d0d0d;
}
.banner-img-bg {
    position: absolute;
    object-fit: cover;
    object-position: bottom;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0px;
}
/* .slide-2 {
    margin-top: 100px;
} */
.slide-2 .banner-content h2 {
    font-size: 33px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff;
    margin-bottom: 14px;
}
.slide-2 .banner-content p {
    color: #C0C0C0;
    font-size: 19px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal !important;
}
/* .slide-2 .banner-content .slide-text-w {
    width: 700px;
    margin: 0 auto;
} */
.slide-2 .banner-content .slide-text-w p {
    /* width: 600px;
    margin: 0 auto; */
    margin-bottom: 20px;
}
.slide-2 .banner-content .seemore-btn {
    display: inline-flex;
    padding: 11px 27px;
    align-items: center;
    gap: 10px;
    border-radius: 28px;
    border: 0.5px solid #fff;
    background: rgba(217, 217, 217, 0.2);
    backdrop-filter: blur(20px);
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}
#inspire-carousel .carousel-indicators {
    margin-bottom: 38px;
}
#inspire-carousel .carousel-indicators button {
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: rgba(217, 217, 217, 0.5);
    opacity: 1;
    border: none;
}
#inspire-carousel .carousel-indicators .active {
    background: #fff;
    width: 100px;
}
.scroll-to-about {
    text-align: right;
    align-items: center;
    position: absolute;
    right: 20%;
    z-index: 9;
}
.register-btn {
    border-radius: 28px;
    border: 1px solid #fff;
    align-items: center;
    text-align: center;
    line-height: 24px;
}
.about-event {
    padding: 100px 0 60px;
}
.about-event .event-form h2 {
    color: #ffb53f;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 40px;
}
.about-event .event-form .actions input.hs-button {
    border-radius: 28px;
    background: #ffb53f;
    display: inline-flex;
    padding: 11px 27px;
    align-items: center;
    gap: 10px;
    color: #000 !important;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    width: 180px;
    height: 46px;
}
.event-form span {
    color: #fff;
    font-size: 16px;
}
.event-form .hs_firstname {
    width: 100%;
    float: left;
}
.hs-main-font-element,
.hs-error-msg {
    color: #999 !important;
    font-size: 10px;
}
.event-form .hs-fieldtype-text {
    width: 100% !important;
    margin-bottom: 24px;
}
.event-form fieldset.form-columns-2,
fieldset.form-columns-0 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
.event-form fieldset.form-columns-2 {
    margin-bottom: 24px;
}
.event-form input,
optgroup,
select,
textarea {
    width: 100%;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(38.650001525878906px);
    height: 40px;
    color: #fff !important;
    margin-top: 4px;
}
.hs-richtext a {
    color: #edd46f !important;
    text-decoration: none;
}
.event-form .inputs-list {
    padding-left: 0;
}
#i_have_read_and_i_agree_to_the_privacy_policy-c83425bd-f538-4320-97be-3ef0f524c6ea {
    height: auto !important;
    margin-right: 10px;
}
.hs-form-booleancheckbox-display {
    display: flex;
    align-items: center;
    height: auto;
    gap: 10px;
}
.hs-form-booleancheckbox-display #inspirenow_checkbox_subscribe-5791b0e2-6235-4975-bf3a-5d9d0687cf1f {
    width: auto;
    margin: 0;
}
.hs-form-booleancheckbox span {
    font-size: 10px;
}
.hs-form-booleancheckbox-display a {
    color: #edd46f;
    text-decoration: none;
}
.hs-form-booleancheckbox {
    margin-top: 28px;
}
.form-columns-0 span,
.form-columns-1 span {
    font-size: 12px !important;
}
ul.hs-error-msgs {
    margin-bottom: 0;
    list-style: none;
}
.hs-error-msg {
    color: red;
}
.section-title {
    border-radius: 4px;
    background: #262626;
    display: inline-flex;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}
.ratio-16x9 {
    --bs-aspect-ratio: 50%;
}
.inspirenow {
    padding: 42px 0;
}
.inspirenow .tabs {
    gap: 12px;
    display: flex;
    align-items: center;
}
.inspirenow .tab-button {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 10px;
    background: #f4f4f4;
    padding: 10px 20px;
    border: none;
}
.inspirenow .tab-button.active {
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(117deg, #544FF8 50%, #2EB6AE 99.6%);
}
.inspirenow .tab-button:hover {
    background: linear-gradient(117deg, #544FF8 50%, #2EB6AE 99.6%);
    color: #fff;
}
.inspirenow .card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 40px 56px;
}
.inspirenow .tabsWrap {
    width: 1040px;
}
.inspirenow .card {
    border-radius: 16px;
    background: linear-gradient(0deg, #fafafa 0%, #f6f6f6 100%);
    backdrop-filter: blur(10px);
    width: 480px;
    box-sizing: border-box;
    display: none;
    border: none;
    height: 580px;
}
.inspirenow .card .card-front {
    padding: 12px 16px 24px;
}
.inspirenow #load-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #111;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 12px;
    font-size: 16px;
    cursor: pointer;
    text-decoration: none;
    font-weight: 400;
    margin: 93px 0 120px 0;
}
.inspirenow #load-more:hover {
background: linear-gradient(131deg, #544FF8 70.42%, #2EB6AE 102.7%);
}
.inspirenow #load-more img {
    transition: transform 0.3s 
ease;
    margin-left: 6px;
}
.inspirenow #load-more:hover img {
    transform: scale(1.2);
}
.video-wrap {
    height: 256px;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 20px;
}
.img-bg {
    position: absolute;
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    top: 0;
}
.video-btn {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0
}
.modal .btn-close {
    position: absolute;
    z-index: 1;
    right: 0;
    padding: 10px;
    border-radius: 0;
    color: #000;
    background-color: #fff;
    opacity: 1;
    margin: 15px;
}
.inspirenow .card-container h2 {
    color: #1c1c1c;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 22px;
}
.inspirenow .card-container .matrixNumber {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0;
    /* margin-bottom: 42px; */
}
.matrixNumber .num {
    display: flex;
    width: 50%;
    align-items: center;
    gap: 8px;
}
.matrixNumber .num .count {
    color: #1c1c1c;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.matrixNumber .num p {
    color: #999;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 16px !important;
    margin-bottom: 0;
    width: 55%;
}
.testimonials-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #1c1c1c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.flip-btn {
    color: rgba(255, 255, 255, 1);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    background: linear-gradient(0deg, #000 0%, #000 100%), linear-gradient(91deg, #544FF8 51.41%, #2EB6AE 102.44%);
    padding: 2px 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
}
.hover-card {
    border-radius: 16px;
    background: linear-gradient(0deg, #fafafa 0%, #f6f6f6 100%);
    backdrop-filter: blur(10px);
    height: 100%;
    position: absolute;
    top: 0;
    padding: 28px 16px 24px;
    display: none;
}
/* .testimonials-icon img {
    content: url(../images/testimonial-blue-icon.svg);
} */

.hover-card-spotlight {
    border-radius: 16px;
    background: #ededed;
    backdrop-filter: blur(10px);
    height: 100%;
    padding: 28px 16px 24px;
}
.card-spotlight-left,
.card-spotlight-right {
    width: 48%;
    padding: 12px;
}
.card-spotlight-left .card-front {
    width: 100% !important;
    padding: 0 !important;
}
.card-spotlight {
    height: auto !important;
}

.updates .updateshover-card {
    border-radius: 16px;
    background: linear-gradient(0deg, #fafafa 0%, #f6f6f6 100%);
    backdrop-filter: blur(10px);
    height: 100%;
    top: 0;
    padding: 28px 16px 24px;
    transform: translate(0, 350px);
    opacity: 0;
    z-index: -1;
    transition: all 0.4s ease;
}
.updates .updateshover-card.flipped {
    transform: translate(0, -580px) !important;
    opacity: 1 !important;
    z-index: 1 !important;
}
.updates {
    overflow: hidden;
}
.updates .move-up.flipped {
    transform: translate(0, -350px);
    transition: all 1s ease;
}
.updates .updatesflip-btn {
    background: linear-gradient(0deg, #000 0%, #000 100%), linear-gradient(91deg, #544FF8 51.41%, #2EB6AE 102.44%);
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 6px;
    padding: 2px 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
}
.updates .updateswatch-btn {
    color: #fff;
    background: linear-gradient(117deg, #544FF8 50%, #2EB6AE 99.6%);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    padding: 2px 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
}
.hover-card .h-100 {
    height: 96% !important;
}
.overly-bg-testi {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(91deg, #544FF8 51.41%, #2EB6AE 102.44%);
    opacity: .1;
    top: 0;
}
.overly-bg-updates {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(252deg, rgba(255, 255, 255, 0) -1.09%, rgba(133, 106, 255, 0.4) 95.8%);
    top:0
}
.watch-btn {
    background: linear-gradient(117deg, #544FF8 50%, #2EB6AE 99.6%);
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 4px;
    padding: 2px 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    cursor: pointer;
}
.quotes-wrap .author-name {
    display: flex;
    gap: 16px;
    align-items: center;
}
.quotes-wrap .author-name i {
    border-radius: 4px;
    background: rgba(185, 255, 237, 0.7);
    display: inline-flex;
    padding: 2px 4px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #1c1c1c;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.updates .author-name i {
    background: rgba(206, 185, 255, 0.7);
}
.quotes-wrap p {
    color: #1c1c1c;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 500;
    line-height: 28px !important;
    padding-left: 20px;
    margin-top: 12px;
}
.updatesquotes p {
    overflow: hidden;
    color: #1c1c1c;
    text-overflow: ellipsis;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28px !important;
    opacity: 0.7;
}
.summary-wrap {
    margin-top: 44px;
    padding-left: 20px;
}
.summary-wrap .summary-title {
    color: #1c1c1c;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
    opacity: 0.7;
}
.summary-wrap p {
    color: #1c1c1c;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 24px !important;
    opacity: 0.7;
}
.full-card {
    border-radius: 16px;
    background: linear-gradient(0deg, #fafafa 0%, #f6f6f6 100%);
    backdrop-filter: blur(10px);
    padding: 12px 16px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 56px;
}
.full-card .hover-card {
    display: block;
    width: 465px;
    position: relative;
}
.full-card .card {
    min-height: auto;
}
.full-card .card .card-front {
    padding: 0;
}
.full-card .card .matrixNumber {
    margin-bottom: 22px;
}
.inspire-blurb-section {
    position: relative;
    padding: 26px 50px;
    border-radius: 16px;
    background: linear-gradient(130deg, #2EB6AE -2.19%, #554FF8 48.11%);
    backdrop-filter: blur(10px);
    color: #1c1c1c;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 16px;
    margin: 60px 0;
    grid-column: span 2;
}
.blurb-content {
    width: 390px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.blurb-content h2#figma-58-483 {
    color: #fff;
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 8px;
}
.blurb-content p#figma-58-495 {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.blurb-form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-left: 40px;
}
.blurb-form label span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.blurb-form  .hs_inspirenow_contact_number
{
  margin: 8px 0 0 0;
}
.blurb-form .input .hs-input {
    border-radius: 6px;
    padding: 10px;
    width: 296px;
    height: 40px;
    box-sizing: border-box;
    color: #fff;
    margin-top: 5px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(0, 0, 0, 0.20);
    backdrop-filter: blur(38.650001525878906px);
}
#label-inspirenow_contact_number-2ec8172a-95d5-4627-a626-50436a3d2483
{
    margin-top: 18px;
}
.email-input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}
.blurb-form .hs-main-font-element,
.hs-error-msg {
    color: #000 !important;
    font-size: 10px;
}
.blurb-form .actions .hs-button {
    border-radius: 12px;
    background: #fff;
    display: inline-flex;
    padding: 11px 27px;
    align-items: center;
    gap: 10px;
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-top: 18px;
    border: none;
    width: auto;
    margin-left: 0;
}
.blurb-form .actions .hs-button:hover
{
  background: #000;
  color: #fff;
}
*:focus {
    outline: none;
}
.inspire-statue-blurb {
    margin-left: 40px;
    margin-top: -75px;
}
.inspire-statue-blurb img {
    max-width: 82px;
    height: auto;
}
footer {
    border-top: 1px solid #353535;
    padding: 40px 0 60px;
}
footer .copyright {
    font-size: 14px;
    color: #fff;
}
footer .footer-nav {
    display: flex;
    gap: 0 18px;
}
footer .footer-nav a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
}
.get-connected .register-btn {
    border-radius: 28px;
    background: linear-gradient(0deg, #ffb53f 0%, #ffb53f 100%), rgba(217, 217, 217, 0.2);
    backdrop-filter: blur(20px);
    border: 0 solid #fff;
    align-items: center;
    text-align: center;
    line-height: 24px;
    color: #000;
}
.contact-popup .form-heading {
    color: #1c1c1c;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 10px 0 0 10px;
    margin-bottom: 48px;
}
.contact-popup #hbspt-form-f0f53398-f13b-4817-a7de-6a8269ffdd0e {
    width: 80%;
    margin-left: 25px;
}
.contact-popup .actions .hs-button {
    border-radius: 28px;
    background: #111;
    display: inline-flex;
    padding: 11px 27px;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    border: none;
    margin-top: 40px;
    margin-bottom: 30px;
}
.contact-popup .actions .hs-button:hover
{
background: linear-gradient(117deg, #544FF8 50%, #2EB6AE 99.6%);
}

.contact-popup .hs-fieldtype-textarea.hs-input {
    resize: vertical;
    height: 200px;
    width: 100%;
    height: 136.134px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid rgba(28, 28, 28, 0.2);
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(38.650001525878906px);
    color: #000 !important;
}
.input input {
    width: 100%;
    height: 40px;
    flex-shrink: 0;
    border-radius: 6px;
    border: 1px solid rgba(28, 28, 28, 0.2);
    background: rgba(0, 0, 0, 0.05);
    backdrop-filter: blur(38.650001525878906px);
}
.hs_inspirenow_comments {
    margin-top: 25px;
}
.hs_email span,
.hs_inspirenow_comments span {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
#hsForm_61ae4da4-ea2c-4944-be5e-bea6203837a3 {
    width: 380px;
    margin-left: 30px;
}

.tabs-and-search-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}
.search {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 0 8px;
}
.clear-btn {
    border: none;
    background: #fff;
    padding: 0;
}
.search input {
    height: 39.5px;
    outline: none;
    font-size: 16px;
    color: #000;
    width: 322px;
    background: #fff;
    border: none;
    border-radius: 5px 0 0 5px;
}
.search .searchButton {
    width: 40px;
    height: 39.5px;
    background: none;
    text-align: center;
    margin-left: -4px;
    margin-top: -4px;
    border: none;
}
.testimonials .testimonial-hover-card {
    display: none;
    transform: rotateY(180deg);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    backface-visibility: hidden;
    transition: transform 0.6s;
}

.testimonials.flipped .testimonial-hover-card {
    display: block;
    transform: rotateY(0deg);
}

.testimonials .card-front {
    backface-visibility: hidden;
    transition: transform 0.6s;
}

.testimonials.flipped .card-front {
    transform: rotateY(-180deg);
}
.card.card-spotlight {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}
.card.card-spotlight .hover-card,
.card.card-spotlight .card-front {
    width: 48%;
}
.card.card-spotlight .hover-card {
    right: 0;
    border-radius: 16px;
    background: #ededed;
    backdrop-filter: blur(10px);
    margin: 12px 16px 0 24px;
    height: 95% !important;
}

@media (min-width: 1400px) {
    .banner-content .date {
        margin: 43px 0 180px;
    }
}
@media (max-width: 1399.98px) {
    .aide-logo-glow {
        top: 4%;
    }
    .scroll-to-about {
        right: 12%;
    }
    #myVideo {
        top: 40%;
    }
}
@media (max-width: 1199.98px) {
    .inspirenow .card {
        width: 440px;
    }
    .summary-wrap {
        margin-top: 12px;
    }
    .quotes-wrap p {
        font-size: 16px !important;
        line-height: 26px !important;
    }
    .section-heading {
        font-size: 60px;
    }
    .banner-content h1 {
        font-size: 40px;
    }
    .banner-content h2 {
        font-size: 33px;
    }
    .banner-content .date span {
        font-size: 20px;
    }
    .banner-content .date {
        margin: 43px 0 120px;
    }
    /* header nav ul.navbar-nav {
        gap: 40px;
    } */
}
@media (max-width: 991.98px) {
    .blurb-form {
        margin-left: 0px;
    }
    .inspire-statue-blurb {
        margin-left: 0px;
        margin-top: -475px !important;
        position: absolute;
        right: 50px;
    }
    .search input {
        width: 260px !important;
    }
    .inspirenow .card-container {
        justify-content: center;
    }
    .inspirenow .card {
        width: 540px;
    }
    .inspirenow .tabs {
        justify-content: center;
    }
    /* header nav ul.navbar-nav {
        gap: 10px;
    } */
    .event-form {
        margin-top: 50px;
    }
    .scroll-to-about {
        right: 0;
    }
    .arujn-section .name {
        font-size: 52px;
    }
    .arujn-section .designation {
        font-size: 20px;
    }
    .section-heading {
        font-size: 50px;
    }
    .contact-name .w-100 {
        display: none;
    }
    .get-connected .contact-name {
        gap: 70px 0;
    }
    .banner-content h1 {
        font-size: 33px;
    }
    .slide-2 .banner-content h2 {
  font-size: 28px;
}
    .banner {
        min-height: 848px;
        position: relative;
        overflow: hidden;
    }
    .footer-wrap {
        gap: 30px;
        flex-wrap: wrap;
    }
    .inspire-theme-box2 {
        padding: 30px 10px;
    }
    .video-js .vjs-big-play-button {
        font-size: 500%;
        line-height: 69px;
        height: 65px;
        width: 65px;
    }
    .keytake-box {
        height: 200px;
    }
    .inspire-theme .register-box {
        height: 470px;
    }
    .md-wrap {
        flex-wrap: wrap;
    }
    .card-spotlight-left,
    .card-spotlight-right {
        width: 100%;
    }
    .card.card-spotlight {
        width: 540px !important;
    }
    .tabs-and-search-container {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center !important;
    }
    .video-wrap {
    padding-top: 0% !important;
  }
  .inspire-blurb-section
  {
    width: 78%;
  }
}
@media (max-width: 767.98px) {
.inspire-blurb-section
  {
    width: 100%;
  }
    .slide-2 .banner-content .slide-text-w {
        width: 100%;
    }
    .slide-2 .banner-content .slide-text-w p {
        width: 100%;
    }
    .inspirenow .card-container h2 {
        font-size: 20px;
    }
    .matrixNumber .num .count {
        font-size: 30px;
    }
    .banner-content {
  width: 100%;
  text-align: center;
}
    .video-wrap {
        height: 200px;
    }
    .inspire-blurb-section {
        flex-wrap: wrap;
    }
    .blurb-content {
        width: 100%;
    }
    .hbspt-form {
        width: 100%;
    }
    .blurb-form {
        margin-left: 0;
        width: 100%;
    }
    .blurb-form .input .hs-input {
        width: 100%;
    }
    .inspire-statue-blurb {
        display: none;
    }
    .aide-logo-glow {
        width: auto;
    }
    .banner {
        min-height: 848px;
    }
    .banner-content h1 {
        font-size: 33px;
        text-align: center;
    }
    .inspire-theme .register-box {
        height: 442px;
    }
    .arujn-section .keynote {
        flex-wrap: wrap;
        gap: 40px 0;
    }
    .arujn-section .keynote .key-address,
    .keynote-pic {
        width: 100%;
        text-align: center;
    }
    .main-aide-logo {
        width: 100%;
        z-index: 0;
    }
    .section-heading {
        font-size: 38px;
    }
    .inspire-theme-box2 h2 {
        font-size: 20px;
    }
    .banner-content .date span {
        font-size: 20px;
        display: block;
    }
    #myVideo {
        top: 35%;
        left: -25%;
        right: 0;
        width: 150%;
    }
     .slide-2 .banner-content h2 {
    font-size: 32px;
    line-height: normal;
    font-weight: 300;
    text-align: center;
  }
  .inspirenow .tabs {
  flex-wrap: wrap;
}
 .inspirenow .img-banner .img-bg {
    display: block;
    object-fit: cover;
  }
}
@media (max-width: 575.98px) {
    .inspire-blurb-section{padding: 25px;}
    .inspirenow .card-container h2 {
        font-size: 18px;
        font-weight: 500;
    }
    .matrixNumber .num {
        width: 100%;
    }
    .quotes-wrap p {
        font-size: 14px !important;
        line-height: 22px !important;
    }
    .summary-wrap p {
        line-height: 20px !important;
    }
    .summary-wrap {
        margin-top: 5px;
    }
    .inspirenow .card {
        min-height: 560px;
    }
    /* .navbar-brand img {
        height: 23px !important;
    } */
    .py-17 {
        padding: 10.5px 0;
    }
    .inspire-theme .register-box {
        height: 490px;
        width: 100%;
    }
    .inspire-theme .blue-circle {
        width: 100%;
    }
    #myVideo {
        top: 32%;
        left: -48%;
        right: 0;
        width: 200%;
    }
    .small-screen-speaker figure.on div h4 {
        font-size: 13px;
    }
    .keytake-box {
        font-size: 20px;
        padding: 24px;
    }
    .agenda-img {
        display: none;
    }
    .video-js .vjs-big-play-button {
        font-size: 400%;
        line-height: 53px;
        height: 50px;
        width: 50px;
        top: calc(68% - 50px);
        left: calc(60% - 50px);
    }
    #hsForm_61ae4da4-ea2c-4944-be5e-bea6203837a3 {
        width: 80%;
        margin-left: 30px;
    }
    .d-flex.flex-wrap.about-us {
        margin-top: -100px;
    }
    .section-title {
        margin-bottom: 10px;
    }
}
@media (max-width: 470.98px) {
    .banner-content .date span {
        font-size: 18px;
        display: block;
    }
    .banner-content h2 {
        font-size: 26px;
    }
    .banner {
        min-height: 948px;
    }
    #myVideo {
        top: 40%;
        left: -48%;
        right: 0;
        width: 200%;
    }
    .agenda-section {
        padding: 0 0 100px;
    }
    .inspire-theme {
        min-height: 1250px;
    }
    .inspire-theme-box2 h2 {
        margin: 10px 0;
    }
    .inspire-theme .register-box {
        height: 530px;
    }
}