/* Fonts */

@font-face {
    font-family: "futurapt";
    src: url("../fonts/1059692/1a34942e-33ed-43bb-b229-7460d55b49f7.woff2") format("woff2"), url("../fonts/1059692/baecea54-cfd3-4578-8717-abf89eba62b6.woff") format("woff");
    font-weight: bold;
}

@font-face {
    font-family: "futurapt";
    src: url("../fonts/1059698/aafdd021-88d4-41d8-8e15-fe91f83e4b17.woff2") format("woff2"), url("../fonts/1059698/81d44d4b-ac07-4ad4-8cdd-4df771a3c1c3.woff") format("woff");
    font-weight: normal;
}

@font-face {
    font-family: "futurapt";
    src: url("../fonts/1059728/848602e3-bda3-4b1c-976b-fe26eecfab31.woff2") format("woff2"), url("../fonts/1059728/e4eacf8d-aba1-40d4-9597-1198e91dcf00.woff") format("woff");
    font-weight: 450;
}

body {
    font-family: "futurapt";
}

h1 {
    font-family: futurapt;
    font-style: normal;
    font-weight: bold;
    font-size: 42px;
    line-height: 54px;
    text-align: center;
    color: #000000;
    display: block;
    margin: 0;
}

h2 {
    font-family: futurapt;
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 51px;
    align-items: center;
    text-align: center;
    display: block;
    margin: 0;
}

h3 {
    font-family: futurapt;
    font-style: normal;
    font-weight: normal;
    font-size: 26px;
    line-height: 33px;
    align-items: center;
    text-align: center;
    display: block;
    margin: 0;
}

h4 {
    font-family: futurapt;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #000000;
    display: block;
    margin: 0;
}

h5 {
    font-family: futurapt;
    font-style: normal;
    font-weight: 450;
    font-size: 24px;
    line-height: 31px;
    color: #000000;
    font-style: normal;
}

p {
    font-family: futurapt;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #5A7184;
    margin: 0;
    text-align: center;
}

/* Fields */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

input[type=number] {
    -moz-appearance: textfield;
  }

@media (min-width: 1400px) {
    .container {
        max-width: 1140px;
    }
}

/* Buttons */

.btn {
    font-family: futurapt;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.2px;
}

.btn-check:focus+.btn, .btn:focus {
    box-shadow: unset;
}

.btn:hover {
    color: white;
}

.btn-shiny {
    animation: f 73s linear infinite;
    background: linear-gradient( 121.19deg, rgba(133, 239, 49, 0) 25.73%, hsla(0, 0%, 100%, .3) 45.27%, rgba(133, 239, 49, 0) 62.27%), #ef5b81;
}

@keyframes f {
    from {
        background-position: -5000px;
    }
    to {
        background-position: 5000px;
    }
}

.btn-shadow {
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.btn-shadow:hover {
    box-shadow: -6px 6px 0 0 #D34A6D;
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
}

.addToCalendar {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #C4C4C4;
    display: inline-block;
    cursor: pointer;
    color: #5A7184;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 31px;
    text-align: center;
    text-decoration: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.addToCalendar:hover {
    color: #5A7184;
}

/* Header Styles */

#creatorspace_header {
    position: fixed;
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #DDDDDD;
    z-index: 10;
    top: 0px;
}

#register-mobile {
    display: none;
}

@media (min-width: 1024px) {
    #creatorspace_header .register-button {
        opacity: 0;
        transition: all ease-in-out .15s;
        z-index: -999;
    }
    #creatorspace_header.scroll .register-button {
        display: block;
        opacity: 1;
        z-index: 3;
    }
    #creatorspace_header .navbar-nav {
        position: absolute;
        transition: all ease-in-out .15s;
        right: 0px;
    }
    #navbar-desktop {
        position: relative;
    }
    #creatorspace_header.scroll .navbar-nav {
        right: 180px
    }
}

#creatorspace_header .navbar {
    backdrop-filter: blur(25px);
    background-color: rgb(255, 255, 255, .8);
    height: 100%;
}

#creatorspace_header .navbar-collapse {
    justify-content: flex-end;
}

.navbar-light .navbar-brand {
    padding: 0;
}

.navbar-light .navbar-nav .nav-link {
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 18px;
    /* identical to box height, or 112% */
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #9d9d9d;
    padding: 0 20px;
}

.register-button {
    width: 133px;
    height: 50px;
    width: 160px;
    border-radius: 12px;
    line-height: 45px;
    /* identical to box height, or 112% */
    letter-spacing: 0.2px;
    text-align: center;
    color: #FFFFFF;
    padding: 0;
    margin-left: 30px;
}

@media (min-width: 1025px) {
    #overlay-input, #overlay-button, #overlay, .register-button.mobile {
        display: none !important;
    }
}

/* Mobile Menu */

@media (max-width: 1024px) {
    /* Navigation */
    .non-scrollable {
        overflow-y: hidden;
    }

    #creatorspace_header {
        position: relative;
    }
    #register-mobile {
        position: fixed;
        bottom: 0px;
        background-color: white;
        width: 100%;
        padding: 13px 20px;
        max-width: 100%;
    }
    #register-mobile.scroll {
        display: block;
    }
    #register-mobile .btn {
        background-color: #F05B82;
        border-radius: 0px;
        color: white;
        width: 100%;
    }
    #navbar-desktop {
        display: none !important;
    }
    .navbar-light .navbar-brand img {
        max-width: 200px;
    }
    body {
        animation: bugfix infinite 1s;
        -webkit-animation: bugfix infinite 1s;
    }
    @keyframes bugfix {
        from {
            padding: 0;
        }
        to {
            padding: 0;
        }
    }
    @-webkit-keyframes bugfix {
        from {
            padding: 0;
        }
        to {
            padding: 0;
        }
    }
    #overlay-button {
        position: relative;
        padding: 26px 11px;
        z-index: 5;
        cursor: pointer;
        user-select: none;
    }
    #overlay-button span {
        height: 4px;
        width: 35px;
        border-radius: 2px;
        background-color: #000;
        position: relative;
        display: block;
        transition: all 0.2s ease-in-out;
    }
    #overlay-button span:before {
        top: -10px;
        visibility: visible;
    }
    #overlay-button span:after {
        top: 10px;
    }
    #overlay-button span:before, #overlay-button span:after {
        height: 4px;
        width: 35px;
        border-radius: 2px;
        background-color: #000;
        position: absolute;
        content: "";
        transition: all 0.2s ease-in-out;
    }
    #overlay-button:hover span, #overlay-button:hover span:before, #overlay-button:hover span:after {
        background: #333332;
    }
    #overlay-input[type=checkbox] {
        display: none;
    }
    #overlay-input[type=checkbox]:checked~#overlay {
        visibility: visible;
    }
    #overlay-input[type=checkbox]:checked~#overlay-button:hover span, #overlay-input[type=checkbox]:checked~#overlay-button span {
        background: transparent;
    }
    #overlay-input[type=checkbox]:checked~#overlay-button span:before {
        transform: rotate(45deg) translate(7px, 7px);
        opacity: 1;
    }
    #overlay-input[type=checkbox]:checked~#overlay-button span:after {
        transform: rotate(-45deg) translate(7px, -7px);
    }
    #overlay {
        height: 100vh;
        width: 100vw;
        background: #ec6451;
        z-index: 2;
        visibility: hidden;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
    #overlay.active {
        visibility: visible;
    }
    #overlay ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        height: 100vh;
        padding-left: 0;
        list-style-type: none;
    }
    #overlay ul li {
        padding: 1em;
    }
    #overlay ul li a {
        color: white;
        text-decoration: none;
        font-size: 1.5em;
    }
    #overlay ul li a:hover {
        color: #333332;
    }
}

/* End Header Styles */

/* Event Section */

#about {
    scroll-margin-top: 60px;
}

.hero {
    margin-left: -8px;
    display: block;
}

.hero-mobile {
    display: none;
}

.learning-info-box h5 {
    font-size: 23px;
}

#event-section {
    background: linear-gradient( -192.38deg, #FFFFFF 0%, #E8E8FF 28.65%, #FFFFFF 61.46%, #E8E8FF 100%);
    margin-top: 80px;
    padding-bottom: 90px;
    background-size: cover;
    scroll-margin-top: 80px;
}

.text-wrapper {
    padding-top: 10px;
    margin-bottom: 9px;
}

.event-wrapper {
    margin-top: 13px;
}

.events-countdown-wrapper {
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 20px;
    min-height: 72px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}

.date-and-time {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: auto;
}

.date-and-time>div {
    justify-content: center;
    align-items: center;
    display: flex;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 26px;
    color: #5A7184;
}

.date-and-time>div img {
    margin-right: 18px;
    ;
}

.date-and-time>div.date {
    margin-right: 35px;
}

.time-left {
    justify-content: center;
    align-items: center;
    display: flex;
}

.time-left-text {
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 26px;
    color: #959EAD;
    margin-right: 15px;
}

.countdown-timer {
    height: auto;
    width: auto;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.countdown-timer .timer {
    border: 1px solid #C4C4C4;
    box-sizing: border-box;
    border-radius: 5px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    order: 0;
    flex-grow: 0;
    margin-right: 15px;
    width: 64px;
    height: 54px;
    padding: 5px 14px;
}

.countdown-timer .timer>div {
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    margin-top: -3px;
    line-height: 38px;
    color: #5A7184;
    text-align: center;
}

.countdown-timer p {
    font-style: normal;
    font-weight: normal;
    margin-top: -3px;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #959EAD;
    text-transform: uppercase;
}

/* Registered wrapper styles */

#end h5 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #6C6DC9;
    margin-bottom: 20px;
}

#end .book-free-lesson-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 54px;
    margin-bottom: 36px;
}

#end .event-is-over h5 {
    margin-bottom: 80px;
}

#end .event-is-over h4 {
    margin-bottom: 40px;
}

#end .book-free-lesson-wrapper img {
    width: calc( 50% - 8px);
    height: 54px;
}

#end .custom-btns {
    width: 100%;
    height: 50px;
    border: 1px solid #C4C4C4;
    border-radius: 5px;
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
    cursor: pointer;
}

#end .custom-btns.book-free-lesson {
    margin-bottom: 0;
    margin-top: 0;
    width: 168px;
    width: calc( 50% - 8px);
    height: 50px;
    background-color: #F05B82;
    border-radius: 5px;
    font-weight: bold;
    border: unset;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: white;
    text-align: center;
}

#end .custom-btns.get-a-chance {
    background: #F68B2A;
    border-radius: 5px;
    height: 50px;
    font-family: futurapt;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    margin-bottom: 33px;
}

#end h6 {
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #6C6DC9;
    margin-bottom: 6px;
}

#end h4 {
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    color: #5A7184;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 10px;
}

#end .custom-btns.add-to-calendar {
    color: #5A7184;
    text-align: center;
}

#end .custom-btns.add-to-calendar img {
    margin-right: 10px;
}

#end .custom-btns.watch-live, #end .custom-btns.join-us-live {
    color: #F05B82;
    border: 1px solid #F05B82;
    text-decoration: none;
}

#end .custom-btns.watch-live img, #end .custom-btns.join-us-live img {
    margin-right: 13px;
}

#end .custom-btns.youtube, #end .custom-btns.youtube-watch-live {
    border: 1px solid #000000;
}

/* Form styles */

#event-section form, #end {
    padding: 20px 40px 25px 40px;
    background: #FFFFFF;
    box-shadow: 0px 3px 24px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
}

h6 {
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    color: #000000;
}

form h6 {
    margin-bottom: 15px;
    font-family: futurapt;
    font-weight: bold;
}

form .form-group {
    height: 42px;
    margin-top: 14px;
    position: relative;
}

.mobile-input-wrapper {
    position: relative;
}

.form-group.mobile-input-wrapper {
    display: flex;
    justify-content: space-between;
}

.mobile-input-wrapper select {
    margin-right: 10px;
    background: #FFFFFF url(../images/select-arrow.png) no-repeat 57px;
    outline: none;
    border-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    border: 1px solid #C4C4C4;
    border-radius: 8px;
    position: relative;
    left: 0;
    height: 100%;
    padding-left: 10px;
    width: 100px;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    color: #191919;
}

form .form-group .form-control.associated-brand, form .form-group .form-control.associated-brand:focus, form .form-group .form-control.associated-brand-modal, form .form-group .form-control.associated-brand-modal:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    background: #FFFFFF url(../images/select-arrow.png) no-repeat 97%;
}

.email-error, .email-error-one, .error-msg {
    color: red;
    font-size: 12px;
    display: none;
    position: relative;
    left: 11px;
    bottom: 2px;
}

form label a {
    margin: 0 5px;
    color: #3BC3DE;
}

.form-control {
    border: 1px solid #C4C4C4;
}

form .form-group .form-control, form .form-group .form-control:focus {
    border-radius: 8px;
    height: 42px;
    /*
    background: #FFFFFF;
    border: 1px solid #C4C4C4;   
    outline: none;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #959EAD;
    outline: none;
    box-shadow: none;
    */
}

.form-control:focus {
    border-color: #6FCFF0;
    box-shadow: 0 0 0 0.25rem rgb(111 207 240 / 25%);
}

form .btn.btn-primary {
    border-radius: 12px;
    background-color: #F05B82;
    margin: 10px 0px;
    width: 100%;
    border: none;
    height: 50px;
    margin: 0;
    margin-top: 19px;
}

form label {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 15px;
    color: #5A7184;
    flex-grow: 0;
    margin-top: 10px;
}

.custom-toast-wrapper {
    position: fixed;
    z-index: 4;
    top: 90px;
    right: 0;
    background: #fff;
    padding: 24px;
    border-radius: 4px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
    font-size: 14px;
    z-index: 99999;
}

.custom-toast-wrapper.success-message {
    background: #36b37e;
    color: #fff;
}

.custom-toast-wrapper.error-message {
    background: #fc5a5a;
    color: #fff;
}

/* Exciting Prizes styles */

.exciting-prizes {
    height: auto;
    min-height: 277px;
    padding: 38px 0 54px 0;
    background: rgb(160, 151, 252, 0.2);
}

.exciting-prizes h2 {
    font-style: normal;
    font-weight: bold;
    font-size: 40px;
    line-height: 51px;
    align-items: center;
    text-align: center;
    display: block;
    color: #000000;
}

.prizes-item {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 154px;
    height: 54px;
}

/* Creativity & Innovation Styles */

.creativity-and-innovation {
    padding: 60px 0px 80px 0px;
}

.purple-box-wrapper {
    position: relative;
}

.purple-box-shadow {
    position: absolute;
    top: 0;
    left: 0;
    background: #D1D1FF;
    border-radius: 60px;
    transform: rotate(1.28deg);
    width: 100%;
    height: 197px;
    z-index: -1;
}

.purple-box {
    background: #823287;
    min-height: 197px;
    border-radius: 60px;
    margin-top: 30px;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 80px;
}

.box-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.box-item .white-circle {
    margin-right: 26px;
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 25%);
    border-radius: 50px;
}

.box-item h2 {
    color: #E3E3FE;
}

.box-item h4 {
    color: #E3E3FE;
    text-align: left;
}

.creativity-and-innovation .second-header {
    margin: 60px auto;
}

.purple-circle {
    margin-right: 25px;
    width: 85px;
    height: 85px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #471E51;
    ;
    border-radius: 50px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
    border-radius: 64px;
    min-width: 85px;
}

.learning-info-box {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 35px;
}

.learning-info-box p {
    text-align: left;
}

.purple {
    width: 100px;
    height: 100px;
    background: red;
}

/* Slider */

#pastevents {
    scroll-margin-top: 60px;
    max-width: 100%;
    overflow: hidden;
}

.past-events-slider {
    margin: 100px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.past-events-slider img.img-fluid {
    width: 16.66%;
}

.watch-past-events {
    padding: 50px 0;
}

.watch-past-events-button {
    width: 220px;
    height: 50px;
    background: #F05B82;
    border-radius: 12px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 18px;
    display: flex;
    align-items: center;
    letter-spacing: 0.2px;
    color: #FFFFFF;
    cursor: pointer;
}

.watch-past-events-button img {
    margin-right: 10px;
}

/* Testemonials */

.testemonials {
    padding: 80px 0px 120px 0px;
    background: linear-gradient( 77.62deg, #FFFFFF 0%, #E8E8FF 28.65%, #FFFFFF 61.46%, #E8E8FF 100%);
}

#testemonials-slider {
    margin-top: 40px;
}

#testemonials-slider .slick-track {
    padding-top: 15px;
}

.slick-track {
    display: flex;
    align-items: stretch;
}

.slick-slide {
    height: auto;
}

.testemonials-bubble {
    background-color: white;
    border: 1px solid #CCCDFF;
    border-radius: 10px;
    margin: 20px;
    position: relative;
    padding: 80px 40px;
    display: flex!important;
    align-items: center;
    cursor: grab;
}

.testemonials-bubble p {
    font-size: 20px;
}

.slick-dots {
    position: relative;
    display: flex;
    justify-content: center;
}

.slick-dots li {
    position: relative;
    display: flex;
    align-items: center;
    width: 20px;
    justify-content: center;
    height: 30px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button:before {
    content: "";
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #7D7FBD;
    opacity: 0.2;
    display: block;
    margin: auto;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.testemonials .slick-dots li.slick-active button:before {
    color: #F05B82;
    opacity: 1;
    width: 15px;
    height: 15px;
    transition: all ease .2s;
    -webkit-transition: all ease .2s;
}

.quotes-top {
    width: 35px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.quotes-bottom {
    width: 35px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.stars {
    width: 130px;
    position: absolute;
    top: 20px;
    right: 20px;
}

/* Past events slider with filter  */

.filtered-events {
    padding: 70px 0px 120px 0px;
}

.filtered-events h2 {
    margin-bottom: 30px;
}

.past-events-filter {
    margin: 0 auto;
    max-width: 822px;
    justify-content: space-between;
    height: 32px;
    border-bottom: 2px solid rgba(108, 109, 201, 0.2);
    margin-bottom: 30px;
}

.past-events-filter .nav-link {
    height: 100%;
    padding: 0;
    text-align: center;
    font-style: normal;
    font-weight: 450;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    color: #9d9d9d;
}

.past-events-filter .nav-item {
    position: relative;
}

.past-events-filter .nav-item.active .nav-link, .past-events-filter .nav-item:hover .nav-link {
    color: #F05B82;
}

.past-events-filter .nav-item.active:after {
    content: '';
    border-bottom: 2px solid #F05B82;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
}

.slider-with-filters .slick-slide>div {
    display: block;
    width: calc(100% - 15px);
    height: 100%;
    cursor: grab;
    margin: auto;
    position: relative;
    border: 1px solid #DEE3E6;
    border-radius: 5px;
}

.slider-with-filters .slick-track {
    margin: 0;
}

.slider-with-filters .slick-slide img {
    width: 100%;
    border-radius: 5px 5px 0 0;
}

.slider-with-filters .slick-slide .past-events-img-wrapper {
    position: relative;
}

.slider-with-filters .slick-slide .past-events-img-wrapper .play-sign-big {
    background: url('../images/play-sign-big.png') no-repeat center;
    background-size: cover;
    width: 56px;
    height: 56px;
    position: absolute;
    cursor: pointer;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    margin: 0 auto;
    display: block;
    left: 0;
    right: 0;
    transition: all ease .15s;
}

.slider-with-filters .slick-slide .past-events-img-wrapper .play-sign-big:hover {
    width: 64px;
    height: 64px;
}

.slider-with-filters .event-text-container {
    width: 100%;
    padding: 12px 15px 20px;
    background: #FFFFFF;
    border-radius: 0px 0px 5px 5px;
    border-top: none;
}

.slider-with-filters .event-text-container h6 {
    margin-bottom: 4px;
}

.slider-with-filters .event-text-container .subheader {
    margin-bottom: 14px;
    font-style: normal;
    font-weight: 450;
    font-size: 16px;
    line-height: 21px;
    color: #000000;
}

.slider-with-filters .event-text-container p {
    text-align: left;
    font-size: 16px;
}

/* Previous speaker syles */

.previous-speakers {
    background: #1565D8;
    height: auto;
    padding-top: 62px;
    height: 536px;
}

.speaker-info {
    margin: auto;
}

.previous-speakers .slick-prev {
    left: -50px;
}

.previous-speakers .slick-next {
    right: -50px;
}

.previous-speakers .slick-prev, .previous-speakers .slick-next {
    width: 50px;
    height: 50px;
    z-index: 5;
}

.previous-speakers .slick-prev:before {
    background: #FFFFFF url('../images/arrow.png') center no-repeat;
    transform: rotate(180deg);
}

.previous-speakers .slick-next:before {
    background: #FFFFFF url('../images/arrow.png') center no-repeat;
}

.previous-speakers .slick-prev:hover:before {
    background: #FFFFFF url('../images/arrow-active.png') center no-repeat;
    transform: rotate(0deg);
}

.previous-speakers .slick-next:hover:before {
    background: #FFFFFF url('../images/arrow-active.png') center no-repeat;
    transform: rotate(180deg);
}

.previous-speakers .slick-prev:before, .previous-speakers .slick-next:before {
    width: 50px;
    height: 50px;
    border: 1px solid #E3E3FE;
    box-sizing: border-box;
    border-radius: 25px;
    display: block;
    opacity: 1;
    content: '';
    font-size: 0;
    transition: color ease-in-out 0.3s;
    -webkit-transition: color ease-in-out 0.3s;
}

.previous-speakers h2 {
    color: #fff;
    margin-bottom: 60px;
}

.previous-speakers img {
    margin-right: 28px;
}

.slide-wrapper {
    max-width: 1024px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.speaker-text {
    background: #FFFFFF;
    border-radius: 20px;
    padding: 70px 36px 0 36px;
    position: relative;
    max-height: 264px;
}

.speaker-text:before {
    content: '';
    background: url('../images/quotes-left-top.png') no-repeat center;
    position: absolute;
    left: 20px;
    top: 20px;
    width: 33px;
    height: 27px;
}

.speaker-text:after {
    content: '';
    background: url('../images/quotes-right-bottom.png') no-repeat center;
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 33px;
    height: 27px;
}

.speaker-text p.speaker-quote {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 28px;
    color: #000000;
    margin-bottom: 27px;
}

.speaker-text p.speaker-name {
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 28px;
    color: #F05B82;
    margin-bottom: 3px;
}

.speaker-info {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

/* Key partners styles */

.key-partners {
    padding: 72px 0 90px 0;
}

.key-partners h2 {
    margin-bottom: 35px;
}

.key-partners-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

a.partner-box {
    background: rgba(227, 227, 254, 0.4);
    border-radius: 10px;
    padding: 20px 20px 40px 20px;
    width: 100%;
    text-decoration: unset;
    margin: 10px;
    border: 1px solid white;
    cursor: pointer;
}

a.partner-box:hover {
    border: 1px solid #CCCDFF;
}

.partner-box img {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}

.parner-box p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #5A7184;
    text-decoration: none;
}

/* FAQ */

#faq {
    scroll-margin-top: 40px;
}

.faq {
    background: #f4f4ff;
    padding: 89px 0;
}

.faq .container>h2 {
    margin-bottom: 42px;
    color: var(--bs-body-color);
}

.accordion-header {
    padding: 5px 0px;
    font-size: 20px;
    font-weight: 450;
}

.faq .accordion-item {
    margin-bottom: 20px;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #DDDDDD!important;
}

.faq .accordion-item:hover {
    border: 1px solid #CCCDFF!important;
}

.faq .accordion-item h2 {
    border-radius: 5px;
}

.faq .accordion-flush .accordion-item .accordion-button {
    height: 100%;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
    background: transparent;
}

.faq .accordion-flush .accordion-item .accordion-button:focus {
    height: 100%;
    box-shadow: none;
    border-color: rgba(90, 113, 132, 0.2);
    background-color: #fff;
}

.faq .accordion-button::after {
    background: url('../images/faq-arrow.png') no-repeat center;
}

/* Success Modal Styles */


.registering-success .modal-header {
    border: none;
    padding-top: 35px;
    position: relative;
}

.registering-success .modal-header .close span {
    display: none;
}

.registering-success .modal-header .close {
    width: 12px;
    height: 12px;
    background: transparent url('../images/close-btn.png') no-repeat center;
    border: none;
    position: absolute;
    top: 17px;
    right: 18px;
}

.registering-success .modal-title {
    width: 100%;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 31px;
    color: #5A7184;
}

.registering-success h6 {
    font-style: normal;
    font-weight: 450;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 14px;
    color: #000000;
}

.registering-success .modal-body {
    padding: 0 40px;
}

.registering-success .modal-footer {
    padding: 20px 40px;
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.registering-success .modal-footer .btn, .registering-success .modal-footer .btn:focus {
    width: 130px;
    height: 50px;
    border-radius: 10px;
    line-height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-align: center;
    border: none;
    outline: none;
    box-shadow: none;
    margin: 0;
}

.registering-success .modal-footer .btn:first-of-type {
    background: #F68B2A;
}

.registering-success .modal-footer .btn:nth-of-type(2) {
    background: #69C0DC;
}

.registering-success .modal-footer .btn:nth-of-type(3) {
    background: #F05B82;
}

.registering-success img {
    margin: 0 auto;
    display: block;
    margin-bottom: 22px;
}

.modal-bottom {
    display: flex;
    justify-content: center;
}

.modal-bottom a {
    font-size: 14px;
    text-decoration: none;
    margin-bottom: 20px;
    color: #a5aaaf;
}

.modal-bottom a:hover {
    color: #1565D8;
}

/* Register Now Modal */

.register-now .modal-content {
    background: #FFFFFF;
    box-shadow: 0px 3px 24px rgb(0 0 0 / 15%);
    border-radius: 20px;
    padding: 25px 40px 30px 40px;
}

.register-now .email-error-one {
    bottom: 6px;
}

.register-now .modal-header {
    border: none;
    padding: 0;
}

.register-now .modal-header .close span {
    display: none;
}

.register-now .modal-header .close {
    width: 12px;
    height: 12px;
    background: transparent url('../images/close-btn.png') no-repeat center;
    border: none;
    position: absolute;
    top: 18px;
    right: 18px;
}

.register-now .modal-title {
    width: 100%;
    font-family: 'futurapt';
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 30px;
    color: #191919;
}

.register-now h6 {
    font-style: normal;
    font-weight: 450;
    font-size: 28px;
    line-height: 36px;
    text-align: center;
    margin-bottom: 14px;
    color: #000000;
}

.register-now .modal-body {
    padding: 0;
}

.register-now .modal-footer {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.register-now .modal-footer .btn, .register-now .modal-footer .btn:focus, .register-now .modal-footer .btn:active:focus {
    position: static;
    width: 100%;
    height: 50px;
    background: #F05B82;
    border-radius: 5px;
    margin: 0;
    margin-top: 25px;
    border: none;
    outline: none;
    line-height: 50px;
    padding: 0;
}

.register-now label {
    font-family: 'futurapt';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #5A7184;
    margin: 10px 0px;
    width: 100%;
}

.register-now label a {
    color: #3BC3DE;
}

/* AI Accelerator */

.ai-accelerator {
    background-image: url(../images/event_bckg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 50px;
}

.ai-accelerator h2 {
    color: white;
    margin-bottom: 30px;
}

.ai-accelerator h2::before {
    display: block;
    content: url(../images/curved_line.svg);
}

.ai-accelerator img {
    margin: 0 auto;
    display: block;
}

.ai-accelerator img.middle-box {
    position: absolute;
    top: -41px;
    left: 0;
    right: 0;
}

.ai-accelerator img.ai-logo {
    padding-top: 57px;
}

/* Event Section Styles */

#ai-accelerator {
    scroll-margin-top: 80px;
}

#event {
    padding: 21px 0 67px 0;
    background: #ebebfb;
    scroll-margin-top: 80px;
}

#event h2 {
    margin-bottom: 20px;
}

.event-info {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 40px 80px 49px 80px;
    margin-top: 36px;
}

.event-info p {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #5A7184;
}

.event-info-boxes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px 0px 30px 0px;
}

.event-info-box {
    max-width: 200px;
}

.event-info-box img {
    display: block;
    margin: 0 auto;
    margin-bottom: 18px;
}

.event-info-box h4 {
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #000000;
}

/* Event Description */

#event-description {
    padding: 60px 0;
}

.artificial-intelligance-img {
    display: block;
    margin: 0 auto 70px auto;
}

.agenda_bckg {
    background-color: #ebebfb;
}

.agenda-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 70px;
    margin-top: 40px;
    gap: 40px;
}

.agenda-info {
    background: linear-gradient(111.66deg, #2A1F55 46.49%, #4B2559 82.5%);
    border: 1px solid #DDDDDD;
    box-sizing: border-box;
    border-radius: 20px;
    padding: 24px 30px 29px 30px;
    width: 100%;
}

.agenda-header {
    position: relative;
}

.agenda-header h6 {
    text-align: center;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 36px;
    color: white;
}

.agenda-header p {
    text-align: center;
    font-style: normal;
    font-size: 20px;
    line-height: 23px;
    color: white;
}

.agenda-header .agenda-header-role p {
    font-weight: 450;
    font-size: 18px;
    margin-top: 10px;
}

.gokul .agenda-header .agenda-header-role p {
    color: #F05B82;
}

.ai-ching .agenda-header .agenda-header-role p {
    color: #F05B82;
}

.alex .agenda-header .agenda-header-role p {
    color: #F68B2A;
}

.lecture-time {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 3px 30px;
    min-height: 32px;
    background: #F05B82;
    border-radius: 5px;
    font-style: normal;
    font-weight: 450;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 14px;
}

.agenda_img {
    height: 250px;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    border: solid 3px #6C6DC9;
}

.gokul .agenda_img {
    background-image: url(../images/gokul_img.jpg);
}

.ai-ching .agenda_img {
    background-image: url(../images/gokul_img.jpg);
}

.alex .agenda_img {
    background-image: url(../images/alex_img.jpg);
}

.alex .lecture-time {
    background-color: #F68B2A;
}

.speaker-photo-small {
    position: absolute;
    left: 0;
    top: 0;
}

.topics-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 30px;
}

.topic {
    max-width: 120px;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    align-items: center;
    text-align: center;
    color: white;
}

.topic::before {
    display: block;
    content: url(../images/curved_line_small.svg);
    margin-bottom: 5px;
}

.our-speakers {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding: 40px 0px 80px 0px;
}

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

.speaker-info {
    max-width: 470px;
    padding: 0px 40px;
}

.our-speakers img {
    display: block;
    margin: 0 auto;
    margin-bottom: 22px;
}

.our-speakers .job-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
    text-align: center;
    color: #5A7184;
    margin: 5px auto 25px auto;
}

/* Our host */

.our-host {
    padding-top: 50px;
    background: #783884;
}

.our-host h2 {
    font-style: normal;
    font-weight: bold;
    display: block;
    text-align: center;
    color: #FFFFFF;
}

.our-host p:first-of-type {
    font-style: normal;
    font-weight: normal;
    line-height: 23px;
    color: #FFFFFF;
    opacity: 0.7;
    text-align: left;
}

.our-host p.know-for {
    font-weight: 450;
    line-height: 23px;
    color: #F68B2A;
    text-align: left;
    margin-top: 35px;
}

.our-host-info {
    margin-top: 46px;
}

.our-host-info h3 {
    font-weight: 450;
    color: #FFFFFF;
    margin-bottom: 19px;
    text-align: left;
}

.our-host-wrapper {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}

.our-host-info {
    max-width: 480px;
}

/* Our Host */

.our-host {
    font-weight: bold;
    font-size: 30px;
    line-height: 38px;
    color: #FFFFFF;
}

/* Footer */

.creator-footer {
    background: #823287;
    padding: 80px 0px 20px 0px;
}

.footer-row {
    max-width: 800px;
    margin: auto;
}

.footer-bottom {
    display: flex;
    margin-top: 70px;
    justify-content: space-between;
}

.footer-bottom a {
    color: white;
    text-decoration: none;
    gap: 10px;
    display: block;
}

.footer_links_wrapper {
    display: flex;
    gap: 40px;
}

.creator-footer h4 {
    color: white;
    margin-bottom: 10px;
    text-align: center;
    font-size: 22px;
    opacity: .7;
}

.creator-footer p {
    color: white;
    text-align: center;
    font-size: 16px;
    line-height: 200%;
    opacity: .6;
}

/* Responsive */

@media (max-width: 1024px) {
    .previous-speakers .slick-next {
        right: -25px;
    }
    .previous-speakers .slick-prev {
        left: -25px;
    }
    .speaker-photo-small {
        top: 40px;
    }
}

@media (max-width: 768px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    /* Typography */
    h1 {
        font-size: 24px;
        line-height: unset;
    }
    h2 {
        font-size: 24px;
        line-height: 130%;
    }
    h3 {
        font-size: 20px;
        line-height: 130%;
    }
    h4 {
        font-size: 18px;
        line-height: 130%;
    }
    h5 {
        font-size: 18px;
        line-height: unset;
    }
    h6 {
        font-size: 20px;
        line-height: unset;
    }
    p {
        font-size: 16px;
    }
  
    /* Hero section */
    #event-section {
        background: linear-gradient(302.86deg, #2A1F55 44.62%, #4B2559 74.06%);
        margin-top: 0px;
        scroll-margin-top: -80px;
    }
    #event-section h1 {
        color: white;
    }
    #event-section form, #end {
        padding: 20px 20px 25px 20px;
    }
    .events-countdown-wrapper {
        flex-direction: column;
        padding: 10px 20px 15px 20px;
    }
    .countdown-timer .timer {
        margin-right: 5px;
        margin-left: 5px;
    }
    .countdown-timer .timer>div {
        font-size: 24px;
        line-height: 34px;
    }
    .date-and-time>div img {
        margin-right: 8px;
    }
    .date-and-time {
        margin-bottom: 10px;
    }
    .date-and-time>div {
        font-size: 16px;
    }
    .event-wrapper {
        margin-top: 10px;
    }
    #form-section {
        padding: 25px 20px;
    }
    .time-left-text {
        display: none;
    }
    .event-wrapper {
        flex-direction: column-reverse;
    }
    .hero {
        display: none;
    }
    .hero-mobile {
        display: block;
        margin-top: 30px;
    }
    #event-section {
        padding-bottom: 40px;
    }
    /* Creativity and inovation */
    .creativity-and-innovation {
        padding: 30px 0px 60px 0px;
    }
    .experience-learning .row {
        flex-direction: column;
    }
    .purple-box-wrapper {
        width: calc( 100% - 40px);
        margin: auto;
    }
    .purple-box-shadow {
        height: 100%;
        border-radius: 30px;
        transform: rotate( -7.28deg);
    }
    .purple-box {
        flex-direction: column;
        padding: 20px 20px;
        border-radius: 30px;
    }
    .purple-box h2 {
        font-size: 32px;
    }
    .box-item {
        margin: 10px 0px;
        min-width: 233px;
        justify-content: unset;
    }
    .creativity-and-innovation .second-header {
        margin: 50px 0px 25px 0px;
    }
    .box-text {
        min-width: 100 px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .learning-info-box h5 {
        font-size: 20px;
    }
    .learning-info-box p {
        font-size: 15px;
    }
    /* Event */
    .ai-accelerator img.ai-logo {
        height: 160px;
    }
    .ai-accelerator {
        background-image: url(../images/event_bckg_mobile.jpg);
    }
    .event-info {
        margin-top: 10px;
        padding: 30px 20px;
    }
    .event-info p {
        font-size: 16px;
    }
    .event-info-boxes {
        flex-direction: column;
    }
    #event {
        padding: 20px 0px 40px 0px;
    }
    .event-info-box h4 {
        font-size: 18px;
    }
    .ai-accelerator {
        padding-bottom: 30px;
    }
    .ai-accelerator h2 {
        margin-top: 20px;
    }
    .event-info-box img {
        margin-top: 10px;
        margin-bottom: 0px;
        max-width: 140px;
    }
    .event-info-boxes {
        margin-top: 10px;
    }
    #event-description {
        margin-top: 0px;
        padding: 30px 0px;
    }
    .artificial-intelligance-img {
        margin-bottom: 30px;
    }
    /* Agenda */
    .agenda-wrapper {
        flex-direction: column;
    }
    .agenda-wrapper {
        margin-top: 0px;
        margin-bottom: 40px;
    }
    .topic {
        max-width: 90px;
    }
    .topics-wrapper {
        align-items: flex-start;
    }
    .agenda-header {
        display: flex;
        flex-direction: column;
    }
    .agenda-header h6 {
        font-size: 20px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    .agenda-header p {
        font-size: 16px;
    }
    .agenda-info {
        margin-top: 50px;
        padding: 30px 20px 20px 20px;
    }
    .agenda-info.alex {
        margin-top: 30px;
    }
    .topics-wrapper {
        flex-direction: column;
        gap: 15px;
    }
    .topic {
        max-width: unset;
        margin: auto;
    }
    .speaker-photo-small {
        left: 50%;
        transform: translate(-50%);
        top: -59px;
    }
    .speaker-photo-small img {
        margin: auto;
    }
    /* Our Speakers */
    .our-speakers {
        flex-direction: column;
        padding: 0px 0px 20px 0px;
    }
    .speaker-info {
        padding: 30px 0px 0px 0px;
    }
    .our-speakers img {
        max-width: 250px;
    }
    .our-speakers .job-title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    /* Our Host */
    .our-host-wrapper {
        flex-direction: column-reverse;
    }
    .our-host {
        padding: 30px 20px 0px 20px;
    }
    .our-host p {
        text-align: center;
    }
    .our-host-info {
        margin-top: 20px;
    }
    .our-host-info h3 {
        margin-bottom: 10px;
        text-align: center;
    }
    .our-host p.know-for {
        margin-top: 20px;
        text-align: center;
        margin-bottom: 50px;
    }
    .our-host img {
        padding: 0px 20px;
        margin-top: 30px;
    }
    /* Testimonials */
    .testemonials {
        padding: 30px 0px;
    }
    .testemonials .container p {
        margin-top: 10px;
    }
    .testemonials-bubble {
        margin: 7px;
        padding: 60px 30px;
    }
    .testemonials-bubble p {
        font-size: 18px;
    }
    .testemonials .slick-dots {
        bottom: -15px;
    }
    #testemonials-slider {
        margin-top: 5px;
    }
    /* Past Events */
    .slider-with-filters .event-text-container p {
        font-size: 14px;
    }
    .filtered-events {
        padding: 40px 0px 40px 0px;
    }
    .slider-with-filters .event-text-container .subheader {
        font-size: 14px;
    }
    .slider-with-filters .event-text-container {
        min-height: unset;
    }
    /* Past Speakers */
    .slide-wrapper {
        flex-direction: column;
        margin: 0px 5px;
    }
    .previous-speakers {
        height: unset;
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .previous-speakers h2 {
        margin-bottom: 15px;
    }
    .previous-speakers img {
        margin-right: unset;
        width: 50%;
    }
    .previous-speakers .slick-slide img {
        width: 70%;
        margin: auto;
    }
    .speaker-text {
        padding: 60px 30px 60px 30px;
    }
    .speaker-text p.speaker-quote {
        margin-bottom: 15px;
        font-size: 18px;
    }
    p.speaker-info {
        padding: unset;
    }
    .speaker-text {
        max-height: unset;
    }
    /* Key Partners */
    .key-partners {
        padding: 30px 0px 40px 0px;
    }
    .key-partners h2 {
        margin-bottom: 15px;
    }
    .key-partners-wrapper {
        flex-direction: column;
    }
    a.partner-box {
        margin: 10px 0px;
    }
    /* FAQ */
    .faq {
        padding: 30px 0px 40px 0px;
    }
    .faq .container>h2 {
        margin-bottom: 25px;
    }
    .faq .accordion-flush .accordion-item .accordion-button {
        font-size: 18px;
    }
    /* Footer */
    .footer-bottom {
        flex-direction: column-reverse;
    }
    .footer_links_wrapper {
        flex-direction: column;
        gap: 30px;
        text-align: center;
    }
    .footer-bottom p {
        margin-top: 50px;
        font-size: 14px;
        opacity: .6;
    }
    .creator-footer .container {
        padding-bottom: 60px;
    }
    /* Modal */
    .registering-success .modal-title {
        font-size: 20px;
    }
    .registering-success h6 {
        font-size: 24px;
    }
    .registering-success .modal-body {
        padding: 0px 20px;
    }
    .registering-success .modal-footer {
        padding: 20px 20px;
    }
    .registering-success .modal-footer {
        flex-direction: column;
        gap: 20px;
    }
    .registering-success .modal-footer .btn, .registering-success .modal-footer .btn:focus {
        width: 100%;
    }
    .registering-success h6 {
        line-height: 130%;
    }
    /* Register Now Modal */
    .register-now .modal-content {
        padding: 40px 20px 40px 20px;
    }
    /* Post Registration */
    #end {
        height: unset;
    }
    #end .book-free-lesson-wrapper img {
        height: unset;
    }
    #end h5 {
        text-align: center;
    }
}