* {
    padding: 0;
    margin: 0;
    box-sizing: border-box
}

.bg_gray {
    background-color: #e9e9e9
}

html {
    scroll-padding-top: 3.5rem
}

:root {
    --blue_theme: #283890;
    --white_txt: #fff;
    --white: #fff;
    --red_theme: #ef3237;
    --black: #000;
    --placehoder: #adadad;
    --header_height_mt: 9.5rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

.main_navbar {
    background: var(--blue_theme);
    top: 0;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    z-index: 999999999999999;
    height: var(--header_height_mt)
}

.navbar a {
    color: var(--white_txt);
    transition: .3s
}

.navbar a:hover {
    color: var(--red_theme)
}

.submit_btn {
    background-color: var(--red_theme);
    color: var(--white_txt);
    border-radius: 3px
}

.main_banner_ind {
    margin-top: var(--header_height_mt);
    height: calc(auto - var(--header_height_mt));
    background-image: url(images/mental-math-and-abacus-program-ucmas-alberta.webp);
    background-size: cover;
    background-repeat: no-repeat
}

.same_all_form,
.contact_form {
    background-color: var(--blue_theme);
    clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%)
}

.same_form select option {
    background-color: transparent
}

.same_form select {
    color: var(--black)
}

.same_form select:nth-child(1),
.same_form ::placeholder {
    color: var(--placehoder)
}

.same_form select,
.same_form input {
    border: 0;
    color: var(--placehoder);
    background-color: var(--blue_theme);
    border-bottom: 1px solid var(--placehoder);
    border-radius: 0
}

.location_form_1 select,
.location_form_1 input {
    background-color: transparent
}

.heading_cont_form {
    color: var(--white_txt)
}

.same_form select:focus,
.same_form input:focus {
    color: var(--placehoder);
    background-color: transparent;
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid var(--placehoder)
}

.sec_min_head_img {
    height: 4rem
}

section {
    padding: 3.4rem 0
}

.about_img {
    height: 100%;
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 5px
}

.about_img img {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    object-fit: cover
}

.prog_beni_list {
    margin: 1.2rem 0rem
}

.prog_beni_list img {
    width: 2.1rem
}

.sec_head_big {
    color: var(--red_theme)
}

.icon-box {
    padding: 30PX 20px;
    position: relative;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    transition: all .3s ease-inrgba(95, 103, 122, 0.2)
}

.icon-box {
    background-color: var(--white)
}

.icon-box,
.our_programs div {
    transition: .3s;
    padding: 1rem 5px
}

@media(min-width:1400px) {
    .icon-box {
        padding: 30px 20px
    }
}

.exe_p_tg {
    height: calc(13rem);
    padding: 0 10px;
    overflow-y: scroll
}

.icon-box p {
    line-height: 25px
}

.testi_small_head {
    font-size: .8rem
}

.testi_img img {
    height: 7rem;
    width: 7rem;
    border-radius: 500px;
    overflow: hidden;
    object-fit: cover;
    text-align: center;
    box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0
}

.exp_rating_star i {
    color: #e3ab00
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 5px
}

::-webkit-scrollbar-thumb {
    background: var(--blue_theme);
    border-radius: 10px
}

.icon-box {
    transition: .3s;
    border: 2px solid transparent;
    position: relative;
    border-radius: 5px
}

.text-red {
    color: var(--red_theme)
}

.icon-box:hover {
    margin-top: -1rem;
    border: 2px solid var(--red_theme)
}

.icon-box_quotesvg {
    position: absolute;
    content: "";
    top: -4%;
    left: 5%;
    color: var(--red_theme);
    height: 2rem;
    width: 2rem;
}

.exp_sec {
    background: #8585ff;
    position: relative
}

.location_div {
    height: 20rem;
    overflow: scroll
}

.map {
    height: 20rem
}

.location_div::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px transparent;
    border-radius: 0
}

.location_div::-webkit-scrollbar-thumb {
    background: #3b3b3b;
    border-radius: 0
}

.map iframe {
    width: 100%;
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
    height: 100%
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: white;
    box-shadow: none
}

.accordion-item {
    background-color: #fff;
    border: 0 solid rgba(0, 0, 0, .125);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: none
}

a:hover,
a {
    text-decoration: none
}

.sss {
    width: 2rem
}

.footer_add i,
.footer_add a {
    color: var(--white_txt)
}

.follow_us a {
    height: 2rem;
    width: 2rem;
    background: var(--white);
    display: grid;
    color: var(--blue_theme);
    place-content: center;
    border-radius: 100px;
    margin-right: 5px
}

.footer_img img {
    width: 100%
}

@media(min-width:992px) {
    .footer_img img {
        margin-top: -6rem;
        height: 130%;
        width: auto;
        position: absolute;
        bottom: 0
    }
    .exp_sec::before {
        background-color: #e9e9e9;
        position: absolute;
        width: 100%;
        height: 30%;
        bottom: 0;
        left: 0;
        content: ""
    }
    .main_banner {
        margin-top: var(--header_height_mt)
    }
    .accordion-body {
        margin-left: 1.5rem
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .footer_img img {
        margin-top: -6rem;
        height: auto;
        width: 100%;
        position: absolute;
        bottom: 0
    }
}

.form-select {
    background-image: url(images/down-arrow.webp)!important
}

.bg-danger_clr {
    background-color: var(--blue_theme)
}

@media(max-width:992px) {
    .main_navbar {
        height: auto
    }
}

.half_banner {
    margin-top: var(--header_height_mt);
    height: calc(70vh - var(--header_height_mt))
}

.find_my_club_Map iframe {
    height: 20rem;
    width: 100%;
    box-shadow: rgb(0 0 0 / 24%) 0 3px 8px
}

@media(min-width:992px) {
    .find_my_club iframe {
        margin-top: -5rem
    }
    .w-lg-50 {
        width: 50%
    }
}

@media(max-width:991px) {
     :root {
        --header_height_mt: 6rem
    }
    .about_img {
        height: 20rem
    }
    .half_banner {
        margin-top: 4rem;
        height: calc(50vh - var(--header_height_mt))
    }
    .navbar-brand img {
        height: 2rem
    }
    .footer_logo {
        height: 3rem
    }
}

.thank_you i {
    font-size: 3rem;
    color: var(--blue_theme)
}

.own_franch_sec .form-select {
    color: #6c757d
}

@media(min-width:992px) {
    .dum_box h1 {
        font-size: 7.5rem
    }
    .dum_box i {
        font-size: 13rem;
        color: var(--blue_theme)
    }
}

.hamburger .line {
    width: 30px;
    height: 3px;
    background-color: #ecf0f1;
    display: block;
    margin: 5px;
    margin-left: auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hamburger:hover {
    cursor: pointer
}

#hamburger-7.is-active .line:nth-child(1) {
    width: 20px
}

#hamburger-7.is-active .line:nth-child(2) {
    width: 25px
}

#hamburger-7.is-active .line {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg)
}

.logo_box {
    height: 5.5rem
}

@media(max-width:991px) {
    .logo_box {
        height: 3.5rem
    }
}

.logo_box img {
    height: 100%;
    width: 100%;
    object-fit: cover
}

.location_sec .accordion-button {
    background-color: #2838900e
}

.location_sec .accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #28389024;
    box-shadow: none
}

.location_sec .accordion-item {
    margin-bottom: 1rem
}

box_competiton2 a {
    color: var(--white_txt)
}

.box_competiton {
    background-color: var(--red_theme);
    color: var(--white_txt);
    padding: 1rem 0 1rem 0;
    border-radius: .5rem;
    margin-bottom: 2rem
}

.main_h1_size {
    font-size: 1.5rem
}

@media(min-width:991px) {
    .main_h2_size {
        font-size: 2.5rem
    }
    .heading_2rem {
        font-size: 2rem
    }
}

.copyright,
.top_header {
    background: #1c286e
}

.footer_logo {
    height: 5rem
}

.error-404-text h2 {
    position: relative;
    font-size: 180px;
    line-height: 1;
    color: #0071dc;
    margin: 0;
    letter-spacing: 19px
}

.error-404-text h4 {
    position: relative;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 7px;
    margin-top: 12px
}

.error-404-text p {
    margin-bottom: 40px;
    max-width: 550px;
    display: inline-block
}

.themesflat-button.has-background {
    padding: 18px 42px;
    display: inline-block;
    z-index: 1;
    overflow: hidden;
    position: relative;
    line-height: 1;
    white-space: nowrap;
    border: 1px solid;
    border-color: red
}

main {
    margin-top: var(--header_height_mt)
}

.thank_you_main {
    height: 30rem
}

@media(max-width:576px) {
    .thank_you_main {
        height: 25rem
    }
}

@media(min-width:1199px) and (max-width:1499px) {
    .footer_img img {
        margin-top: -6rem;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: 0
    }
}

.icons_svg {
    height: 1.3rem;
}

.follow_us svg {
    height: 1rem;
    fill: #1c286e;
}

.star_icon_img {
    height: 1rem;
}

.foot_icon_box {
    width: 2.25rem;
}

.ms-2 {
    margin-left: 0.3rem;
}

@media (max-width:576px) {
    .same_form {
        transform: scale(.85);
    }
}

@media (max-width: 991px) {
    footer .navbar-brand img {
        height: 3rem;
    }
}

footer {
    background: #283890;
}

.navbar-nav .nav-link {
    color: white !important;
}

.submit_btn {
    background-color: #c5272b !important;
}

.kalam-regular {
    font-family: 'Kalam', cursive;
    font-weight: 400;
}

.kalam-bold {
    font-family: 'Kalam', cursive;
    font-weight: 700;
}

.become_voice_box {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.border-font {
    -webkit-text-stroke: 1px rgb(187, 187, 187);
    color: #e9e9e9;
    font-size: 3.5rem;
}

.become_voice_img {
    height: 7rem;
    margin: auto;
    margin-top: 2.5rem;
}

.become_voice_cont_box {
    height: 11rem;
    /* position: relative; */
    display: flex;
    border: 0.4rem solid #0073FC;
    flex-direction: column;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.become_voice_cont_box1 {
    border: .4rem solid #00D3FE!important;
}

.become_voice_cont_box2 {
    border: .4rem solid #00BEFE!important;
}

.bg_blue_img {
    background: url(./images/emailer_banner_2sfdg.png);
    background-position: bottom center;
    background-size: 100% 40%;
    background-repeat: no-repeat;
}


/* .become_voice_cont_box::after {
    position: absolute;
    content: "";
    height: 120%;
    width: 110%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: red;
    border-radius: 2rem;
} */

@media (max-width:575px) {
    .become_voice_main {
        margin-bottom: 2rem;
    }
    .become_voice_img {
        height: 6rem;
        margin-top: -4rem;
    }
    .become_voice_cont_box {
        height: auto;
        padding-bottom: 2rem;
    }
}

@media (min-width:576px) {
    .become_voice_main {
        margin-bottom: 2rem;
    }
    .become_voice_img {
        height: 6rem;
        margin-top: -4rem;
    }
    .become_voice_cont_box {
        height: 18rem;
        padding-bottom: 2rem;
    }
}

@media (min-width:576px) {
    .become_voice_cont_box {
        height: 14rem;
    }
}

@media (max-width:991px) {
    .bg_blue_img {
        background: none;
    }
}

.become_img_ {
    filter: drop-shadow(2px 7px 8px rgba(17, 12, 46, 0.15));
}

.g-recaptcha {
    transform: scale(.8);
    transform-origin: center center;
}
.refer_link a:hover{
background-color:white !important;
	color:red !important;
}