/* html, body {
	 height: 100vh;
	 overflow-x: hidden;
}
 body {
	 background: red;
	 margin: 0;
}
 .intro {
	 height: 100vh;
	 width: 100%;
	 background: #999;
}
 .container {
	 margin-left: auto;
	 margin-right: auto;
	 width: 100%;
	 height: 100vh;
	 color: #333;
}
 .slick-track, .slick-list {
	 height: 100vh;
}
 .slick-dotted.slick-slider {
	 margin: 0;
}
 .slides {
	 width: 100%;
	 height: 100vh;
}
 .slides .slide {
	 color: #419be0;
	 background: white;
	 width: 100%;
	 height: 100vh;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 font-size: 40px;
}
 .slick-dots {
	 position: absolute;
	 bottom: 20px;
	 left: 20px;
	 text-align: left;
}
 .slick-dots li {
	 display: block;
}
  */

@font-face {
    font-family: nexaHeavy;
    src: url(../fonts/Nexa-Bold.otf);
}

@font-face {
    font-family: nexaRegular;
    src: url(../fonts/Nexa-Light.otf);
}

* {
    margin: 0px;
    padding: 0px;
    /* font-family: 'IBM Plex Mono'; */
    font-family: nexaRegular;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html,
body,
main {
    width: 100%;
    height: 100%;
}

body {
    /* background-color: #f7f7f7; */
    color: #1e1e1e;
    font-family: nexaRegular;
}

h1 {
    font-size: 2rem;
}

p {
    width: 90%;
    margin: 2rem 0;
}

section {
    min-height: 100vh;
}

@media only screen and (max-width:575px) {
    section {
        min-height: 0px;
    }
}

.scroll_container {
    height: 400vh;
    position: relative;
    z-index: 7;
}

.horizontal_scroll {
    position: absolute;
    top: 0;
    height: 100%;
    width: 400vw;
    will-change: transform;
    display: flex;
    justify-content: space-between;
}

.scroll_contents {
    height: 100%;
    width: 100vw;
}

.sticky_wrap {
    overflow: hidden;
    position: sticky;
    top: 0;
    height: 100vh;
    background-color: #fff;
}

@media only screen and (min-width:576px) {
    .red {
        /* background-color: #ff3d00; */
        background-image: url(../images/home-banner-1.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }

    .yellow {
        /* background-color: #ffff00; */
        background-image: url(../images/home-banner-2.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }

    .green {
        /* background-color: #05ff00; */
        background-image: url(../images/home-banner-3.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }

    .blue {
        /* background-color: #2835f8; */
        background-image: url(../images/home-banner-4.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top;
    }
}

@media only screen and (max-width:575px) {
    .red {
        background-image: url(../images/mob-banner-1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .yellow {
        background-image: url(../images/mob-banner-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .green {
        background-image: url(../images/mob-banner-3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .blue {
        background-image: url(../images/mob-banner-4.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }
}

h2 {
    font-size: 2rem;
    /* color: #f7f7f7; */
}

/* .left {
    margin-top: 5vh;
    margin-left: 5vw;
} */

/* .right {
    text-align: right;
    margin-top: 85vh;
    margin-right: 5vw;
} */

.possibly-sticky {
    /* background-color: #f6f0d9; */
    background-color: #fff;
    position: relative;
    z-index: 5;
    text-align: center;
    overflow: hidden;
    min-height: 0px;
    padding: 130px 0;
}

.possibly-sticky::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgb(235, 63, 67), rgba(235, 63, 67, 0.945) 7.9%, rgba(235, 63, 67, 0.883) 15.3%, rgba(235, 63, 67, 0.815) 22.2%, rgba(235, 63, 67, 0.743) 28.7%, rgba(235, 63, 67, 0.667) 34.8%, rgba(235, 63, 67, 0.589) 40.6%, rgba(235, 63, 67, 0.509) 46.2%, rgba(235, 63, 67, 0.429) 51.7%, rgba(235, 63, 67, 0.348) 57.2%, rgba(235, 63, 67, 0.269) 62.8%, rgba(235, 63, 67, 0.193) 68.7%, rgba(235, 63, 67, 0.121) 75.2%, rgba(235, 63, 67, 0.059) 82.6%, rgba(235, 63, 67, 0.015) 91.2%, rgba(235, 63, 67, 0));
    /* background: linear-gradient(360deg, rgba(255, 0, 0, 1) -40%, rgba(255, 255, 255, 1) 75%); */
    /* background: linear-gradient(360deg, rgb(255 0 0 / 0%) 0%, rgb(255 255 255) 85%); */
    background: linear-gradient(360deg, rgb(255 0 0 / 0%) 60%, rgb(255 255 255) 85%);
    /* background: linear-gradient(360deg, rgb(255 0 0 / 0%) 60%, #f6f0d9 85%); */
    /* background: linear-gradient(360deg, rgb(255 0 0 / 0%) 60%, #e1f0ff 85%); */
    z-index: 5;
    background-attachment: fixed;
}

.possibly-sticky.actuallysticky {
    /* position: fixed; */
    width: 100%;
    top: 0;
    left: 0;
}

.para-img img {
    width: 240px;
    margin-bottom: 16px;
}

.para-img img {}

/* 
.possibly-sticky h1 {
    font-size: 46px;
    line-height: 58px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    text-shadow: 1px 1px 1px #000000;
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
    display: inline-block;
} */

.possibly-sticky h1 {
    font-size: 45px;
    line-height: 70px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-top: 16px;
    margin-bottom: 0px;
    font-family: nexaHeavy;
    /* display: inline-block; */
}

.possibly-sticky h1:before {
    position: absolute;
    content: "";
    height: 0px;
    width: 100%;
    background-color: #4f7fff;
    left: 0;
    bottom: 0px;
}

.possibly-sticky h3 {
    font-size: 30px;
    line-height: 48px;
    letter-spacing: 4px;
    color: #000000;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 4;
    margin-bottom: 0px;
    text-align: center;
}

@media only screen and (max-width:1199px) {
    .possibly-sticky h1 {
        font-size: 40px;
        line-height: 60px;
        letter-spacing: 4px;
        margin-bottom: 8px;
    }

    .possibly-sticky h3 {
        font-size: 22px;
        line-height: 40px;
    }
}

@media only screen and (max-width:575px) {
    .possibly-sticky {
        padding: 50px 0;
    }

    .possibly-sticky h1 {
        font-size: 22px;
        line-height: 36px;
        letter-spacing: 2px;
        margin-bottom: 2px;
        text-align: center;
    }

    .possibly-sticky h3 {
        font-size: 18px;
        line-height: 30px;
    }
}

.course-text-wrap {}

.simpleParallax {
    overflow: visible !important;
}

.parallax-try {
    background-color: #fff;
    position: relative;
    z-index: 5;
    overflow-x: hidden;
    display: flex;
    align-items: center;
    background-image: url(../images/Bg-doodles.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: color-burn;
    background-attachment: fixed;
    padding: 80px 0;
}

.parallax-try.parallax-try-1 {
    background-color: #e1f0ff;
    background-blend-mode: color-burn;
    /* background-blend-mode: inherit; */
}

.parallax-try.parallax-try-1 .simpleParallax {
    display: flex;
    justify-content: center;
}

.parallax-try.parallax-try-2 {
    background-color: #fff6f6;
}

.parallax-try.parallax-try-2 .simpleParallax {
    display: flex;
    justify-content: center;
}

.parallax-try.parallax-try-3 {
    background-color: #f0f0ff;
}

.parallax-try.parallax-try-3 .simpleParallax {
    display: flex;
    justify-content: center;
}

.parallax-try.parallax-try-1:before {
    /* background-image: -webkit-gradient(linear, left bottom, left top, from(hsl(348.81, 74.68%, 84.51%)), color-stop(7.9%, hsla(348.81, 74.68%, 84.51%, 0.94505)), color-stop(15.3%, hsla(348.81, 74.68%, 84.51%, 0.88294)), color-stop(22.2%, hsla(348.81, 74.68%, 84.51%, 0.81522)), color-stop(28.7%, hsla(348.81, 74.68%, 84.51%, 0.7426)), color-stop(34.8%, hsla(348.81, 74.68%, 84.51%, 0.66692)), color-stop(40.6%, hsla(348.81, 74.68%, 84.51%, 0.58891)), color-stop(46.2%, hsla(348.81, 74.68%, 84.51%, 0.50925)), color-stop(51.7%, hsla(348.81, 74.68%, 84.51%, 0.42866)), color-stop(57.2%, hsla(348.81, 74.68%, 84.51%, 0.34817)), color-stop(62.8%, hsla(348.81, 74.68%, 84.51%, 0.2693)), color-stop(68.7%, hsla(348.81, 74.68%, 84.51%, 0.19309)), color-stop(75.2%, hsla(348.81, 74.68%, 84.51%, 0.12126)), color-stop(82.6%, hsla(348.81, 74.68%, 84.51%, 0.05882)), color-stop(91.2%, hsla(348.81, 74.68%, 84.51%, 0.01457)), to(hsla(348.81, 74.68%, 84.51%, 0)));
    background-image: linear-gradient(to top, hsl(348.81, 74.68%, 84.51%), hsla(348.81, 74.68%, 84.51%, 0.94505) 7.9%, hsla(348.81, 74.68%, 84.51%, 0.88294) 15.3%, hsla(348.81, 74.68%, 84.51%, 0.81522) 22.2%, hsla(348.81, 74.68%, 84.51%, 0.7426) 28.7%, hsla(348.81, 74.68%, 84.51%, 0.66692) 34.8%, hsla(348.81, 74.68%, 84.51%, 0.58891) 40.6%, hsla(348.81, 74.68%, 84.51%, 0.50925) 46.2%, hsla(348.81, 74.68%, 84.51%, 0.42866) 51.7%, hsla(348.81, 74.68%, 84.51%, 0.34817) 57.2%, hsla(348.81, 74.68%, 84.51%, 0.2693) 62.8%, hsla(348.81, 74.68%, 84.51%, 0.19309) 68.7%, hsla(348.81, 74.68%, 84.51%, 0.12126) 75.2%, hsla(348.81, 74.68%, 84.51%, 0.05882) 82.6%, hsla(348.81, 74.68%, 84.51%, 0.01457) 91.2%, hsla(348.81, 74.68%, 84.51%, 0)); */
    /* background: linear-gradient(180deg, rgba(255, 0, 0, 0) 0%, rgba(255, 255, 255, 1) 100%); */
    bottom: 100%;
    content: '';
    height: 100vh;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
}

.course-text-wrap h3 {
    color: #000;
    font-weight: 800;
    font-size: 24px;
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 5px;
    font-family: nexaHeavy;
}

.course-text-wrap h3:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #4f7fff;
    left: 0;
    bottom: 0px;
}

.course-text-wrap h2 {
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #2d66dc;
    font-weight: 800;
    position: relative;
    text-shadow: 1px 1px 1px #003095;
    margin-left: 5px;
    z-index: 2;
    margin-bottom: 7px;
    display: inline-block;
    font-family: nexaHeavy;
}

.course-text-wrap h2::before {
    position: absolute;
    content: "";
    left: -5px;
    right: -5px;
    bottom: 6px;
    width: calc(100% + 10px);
    height: 14px;
    background-color: #ffe759;
    box-shadow: 3px 3px 0px 0px #2f67dc;
    z-index: -1;
}

.course-text-wrap h6 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 16px;
}

.course-text-wrap a {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 10px 18px;
    margin-top: 0px;
}

@media only screen and (max-width:1199px) {
    .course-text-wrap h2 {
        font-size: 30px;
        line-height: 46px;
    }
}

@media only screen and (max-width:575px) {
    .parallax-try {
        padding: 40px 0;
        background-image: url(../images/Bg-doodles-mob.png);
    }

    .course-text-wrap h3 {
        font-size: 22px;
        margin-bottom: 6px;
        padding-bottom: 5px;
    }

    .course-text-wrap h2 {
        font-size: 24px;
        line-height: 40px;
        letter-spacing: 2px;
        margin-bottom: 5px;
        margin-left: 0px;
    }

    .course-text-wrap h6 {
        font-size: 18px;
        line-height: 30px;
        font-weight: 800;
        letter-spacing: 0.75px;
        text-align: center;
        margin-bottom: 0px;
    }

    .course-text-wrap h2::before {
        height: 12px;
    }

    .course-text-wrap {
        text-align: center;
    }
}

.default-heading {}

.default-heading h2 {
    font-size: 38px;
    line-height: 50px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #2d66dc;
    font-weight: 800;
    position: relative;
    text-shadow: 1px 1px 1px #003095;
    margin-left: 5px;
    z-index: 2;
    margin-bottom: 7px;
    display: inline-block;
    font-family: nexaHeavy;
}

.default-heading h2:before {
    position: absolute;
    content: "";
    left: -5px;
    right: -5px;
    bottom: 6px;
    width: calc(100% + 10px);
    height: 14px;
    background-color: #ffe759;
    box-shadow: 3px 3px 0px 0px #2f67dc;
    z-index: -1;
}

@media only screen and (max-width:575px) {
    .default-heading h2 {
        font-size: 24px;
        line-height: 34px;
        letter-spacing: 2px;
        margin-bottom: 0px;
        margin-left: 0px;
    }

    .default-heading h2:before {
        /* height: 12px; */
        display: none;
    }
}

/* header-start */
nav.navbar {
    position: fixed;
    z-index: 10;
    width: 100%;
    top: 0;
    left: 0;
    /* box-shadow: 4px 4px 8px rgb(0 0 0 / 11%); */
    box-shadow: 4px 4px 8px rgb(0 0 0 / 3%);
    display: none;
}

nav.navbar .btn-primary {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    color: #fff;
    margin-left: 5px;
}

.navbar.default-navbar,
nav.navbar.sticky {
    display: block;
}

.navbar-brand.header-logo img {
    width: 120px;
}

.navbar .nav-link {
    color: #1e1e1e;
    font-family: nexaHeavy;
}

.navbar .nav-link.active {
    color: #2d66dc;
    /* text-shadow: 1px 1px 1px #003095; */
}

.offcanvas-header {
    box-shadow: 4px 4px 8px rgb(0 0 0 / 3%);
}

.offcanvas-header a img {
    width: 120px;
}

.offcanvas-header button.btn-close {
    --bs-btn-close-color: #000;
    --bs-btn-close-bg: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e);
    --bs-btn-close-opacity: 1;
    --bs-btn-close-hover-opacity: 1;
    --bs-btn-close-focus-shadow: none;
    --bs-btn-close-focus-opacity: 1;
    --bs-btn-close-disabled-opacity: 0.25;
    --bs-btn-close-white-filter: none;
    /* filter: invert(57%) sepia(90%) saturate(2954%) hue-rotate(177deg) brightness(100%) contrast(98%); */
    filter: invert(45%) sepia(66%) saturate(2608%) hue-rotate(208deg) brightness(99%) contrast(104%);
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: var(--bs-btn-close-color);
    background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat;
    border: 0;
    border-radius: .375rem;
    opacity: var(--bs-btn-close-opacity);
}

.navbar-toggler-icon {
    background-image: url(../images/menu.png);
    opacity: 1 !important;
}

.navbar-toggler {
    padding: 5px;
    border: 2px solid #4f7fff;
    background: #4f7fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #0000003b;
}

button:focus {
    outline: none !important;
    box-shadow: none !important;
}

@media only screen and (max-width:991px) {
    nav.navbar .btn-primary {
        margin-left: 0px;
        margin-top: 6px;
    }

    /* .nav-item {
        display: flex;
        justify-content: center;
    } */
}

/* header-end */

/* footer-start */

footer {
    overflow: hidden;
}

.blue-box {
    width: 100%;
    position: relative;
    background-color: blue;
    height: 450px;
}

.blue-box:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 50%;
    background-color: yellow;
    top: 0;
    right: 0;
}

.thumbnail5 {
    transform: translate3d(-1500px, 0px, 0px) scale(1);
    will-change: transform;
}

/* footer-end */

.scroll-wrap {
    position: relative;
    padding-left: 0px;
}

.scroll-wrap li {
    height: 100vh;
}

.movie {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    /* background: #111; */
    /* background: #4f7fff; */
    z-index: 1;
}

/* .movie .bg {
    width: 100vw;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
} */

.movie .bg {
    width: 100vw;
    height: calc(100vh - 90px);
    /* height: 100vh; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
}

.movie .bg img {
    /*   height:100vh; */
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 1s;
    display: none;
    transition: 0.3s ease-in-out;
}

.movie.step-1 .footer-img-1 {
    display: block;
    transition: 0.3s ease-in-out;
}

.movie.step-1 .footer-img-2 {
    display: none;
    transition: 0.3s ease-in-out;
}

.movie.step-2 .footer-img-1,
.movie.step-3 .footer-img-1 {
    display: none;
    transition: 0.3s ease-in-out;
}

.movie.step-2 .footer-img-2,
.movie.step-3 .footer-img-2 {
    display: block;
    transition: 0.3s ease-in-out;
}

.movie.step-2 .bg img {
    transform: scale(1);
}

.movie.step-3 .bg img {
    transform: scale(1);
}

.story,
.actor {
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.5); */
    text-align: center;
    opacity: 0;
    transition: 1s;
    overflow-x: hidden;
}

.story:before,
.actor:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: bottom;
}

.story-content,
.actor ul {
    display: inline-block;
    text-align: left;
    margin-bottom: 0;
    width: 1290px;
    transform: scale(2);
    transition: 1s;
    padding-left: 0px;
    text-align: center;
}

.story-content h4 {
    text-align: justify;
}

.actor ul {
    margin-bottom: 0px;
    position: relative;
    z-index: 5;
}

.actor ul li {
    display: block;
    vertical-align: top;
}

/* .actor ul li+li {
    margin-left: 40px;
} */

.movie.step-2 .story {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.movie.step-3 .story {
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: end;
    z-index: 5;
    height: 36%;
}

.movie.step-2 .actor {
    opacity: 1;
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    /* top: auto; */
}

.movie.step-1 .actor,
.movie.step-1 .story {
    pointer-events: none;
}

.movie.step-3 .actor {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    top: auto;
    /* bottom: 0; */
    /* height: 52%; */
}

.movie.step-2 .actor ul,
.movie.step-3 .actor ul {
    transform: scale(1);
    text-align: center;
    /* padding-top: 280px; */
}

.actor h3 {
    font-size: 30px;
    line-height: 38px;
    letter-spacing: 4px;
    color: #1da5fd;
    position: relative;
    margin-bottom: 0px;
    z-index: 2;
    font-family: nexaHeavy;
}

.actor h3::before {
    position: absolute;
    content: "";
}

.actor a {
    color: #1e1e1e;
    font-family: 'nexaRegular';
    text-decoration: none;
    font-size: 22px;
    line-height: 36px;
    font-weight: 800;
    margin-bottom: 6px;
    display: inline-block;
    letter-spacing: 1px;
    max-width: 710px;
    transition: 0.3s ease-in-out;
}

.actor a:hover {
    text-decoration: underline;
    transition: 0.3s ease-in-out;
}

.actor a.spl-address {
    cursor: auto;
    max-width: 710px;
}

.actor a.spl-address:hover {
    text-decoration: none;
}

.actor a.footer-social i {}

.actor a.footer-social {
    margin: 0px 5px;
    color: #1da5fd;
}

.actor a.footer-social:hover {
    text-decoration: none;
    color: #1e1e1e;
    transition: 0.3s ease-in-out;
}

.movie.step-2 .story-content {
    transform: scale(1);
}

.movie.step-2 .story-content,
.movie.step-3 .story-content {
    transform: scale(1);
    /* margin-top: -180px; */
}

.movie .story-content h2,
.movie .actor h2 {
    font-size: 60px;
    line-height: 74px;
    letter-spacing: 4px;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
    text-transform: uppercase;
}

.movie .story-content h2:before,
.movie .actor h2::before {
    position: absolute;
    content: "";
    height: 0px;
    width: 100%;
    background-color: #fff;
    left: 0;
    bottom: 0px;
}

/* .movie .story-content h4 {
    font-size: 20px;
    line-height: 34px;
    letter-spacing: 4px;
    color: #fff;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 4;
    margin-bottom: 0px;
    text-align: justify;
    text-shadow: 1px 1px 1px #000000;
} */
.movie .story-content h4 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 4;
    margin-bottom: 0px;
    text-align: center;
    font-family: 'nexaRegular';
}

.movie.step-1 .box span {
    width: 30px;
    height: 30px;
    display: block;
    border-right: 2px solid #1da5fd;
    border-bottom: 2px solid #1da5fd;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

/* .movie.step-2 .box span {
    width: 30px;
    height: 30px;
    display: block;
    border-right: 2px solid #1da5fd;
    border-bottom: 2px solid #1da5fd;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
} */

.movie.step-3 .box span {
    display: none;
}

@media only screen and (max-width:1399px) {

    .story-content,
    .actor ul {
        width: 1110px;
    }

    /* .movie.step-2 .story,
    .movie.step-3 .story {
        height: 36%;
    } */

    .movie .story-content h2,
    .movie .actor h2 {
        font-size: 36px;
        line-height: 50px;
    }

    .movie .story-content h4 {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (max-width:1199px) {

    .story-content,
    .actor ul {
        width: 930px;
    }

    /* .movie.step-2 .story,
    .movie.step-3 .story {
        height: 38%;
    } */

    /* .movie.step-2 .actor,
    .movie.step-3 .actor {
        height: 50%;
    } */

    .movie .story-content h2,
    .movie .actor h2 {
        font-size: 26px;
        line-height: 40px;
        letter-spacing: 2px;
        margin-bottom: 6px;
    }

    .movie .story-content h4 {
        font-size: 16px;
        line-height: 24px;
        font-family: 'nexaRegular';
    }

    .actor h3 {
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 2px;
    }

    .actor a {
        font-family: 'nexaRegular';
        font-size: 16px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }
}

.footer-img-3,
.footer-img-4 {
    display: none;
    transition: 0.3s ease-in-out;
}

@media only screen and (max-width:575px) {
    .movie.step-1 .footer-img-1 {
        display: none;
        transition: 0.3s ease-in-out;
    }

    .movie.step-1 .footer-img-3 {
        display: block;
        transition: 0.3s ease-in-out;
    }

    .movie.step-2 .footer-img-2,
    .movie.step-3 .footer-img-2 {
        display: none;
        transition: 0.3s ease-in-out;
    }

    .movie.step-2 .footer-img-4,
    .movie.step-3 .footer-img-4 {
        display: block;
        transition: 0.3s ease-in-out;
    }

    .movie .story-content h2,
    .movie .actor h2 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        margin-bottom: 0px;
    }


    .movie .story-content h4 {
        font-size: 15px;
        line-height: 21px;
        font-family: 'nexaRegular';
    }

    .actor h3 {
        font-size: 17px;
        line-height: 22px;
        letter-spacing: 1px;
        font-weight: 800;
        font-family: 'nexaRegular';
    }

    .actor a {
        font-family: 'nexaRegular';
        font-size: 15px;
        margin-bottom: 5px;
        letter-spacing: 1px;
    }

    .story-content,
    .actor ul {
        width: calc(100% - 20px);
    }

}

/* .movie.step-3 .actor {
    opacity: 1;
    display: flex;
    justify-content: center;
    align-items: center;
} */



/* partner-section-start */

section.partner-wrap {
    height: auto;
    background: #d9eeff;
    padding: 80px 0;
    position: relative;
    z-index: 5;
    min-height: 0px;
    overflow-x: hidden;
}

@media only screen and (max-width:575px) {
    section.partner-wrap {
        padding: 40px 0 30px;
    }
}

@media only screen and (max-width:475px) {
    .brands-box {
        margin: 20px auto !important;
        width: 135px;
    }

    .brand-text {
        padding: 6px 6px !important;
        height: auto;
    }

    .brand-text h6 {
        line-height: 21px;
        height: 42px;
        font-size: 13px;
    }
}

.brands-box {
    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
    margin: 20px 0px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.brands-img {
    display: flex;
    justify-content: center;
    padding: 15px 15px 0px 15px;
}

.brands-img img {
    width: 70% !important;
}

.brand-text {
    padding: 10px;
    /* border-top: 2px solid #4f7fff; */
    margin-top: 15px;
    background: #4f7fff;
}

.brand-text h6 {
    margin-bottom: 0px;
    font-weight: 800;
    line-height: 24px;
    height: 48px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* partner-section-end */









/* avadvadv */

.team-card-section {
    background: #f5f9ff;
    padding: 80px 0;
    position: relative;
    z-index: 5;
}

.cardBox {
    width: 100%;
    height: 450px;
    position: relative;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
}

.cardBox .card {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    background: #ffffff;
    border-radius: 16px;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
    padding: 0px;
    /* cursor: pointer; */
    /* box-shadow: rgb(0 0 0 / 7%) 0px 30px 60px -12px inset, rgba(0, 0, 0, 0.5) 0px 18px 36px -18px inset; */
    transition: 0.6s ease-in-out;
}

.cardBox .card h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 3rem;
    font-weight: 800;
    pointer-events: none;
    opacity: 0.5;
}

span {
    top: 75%;
}

.cardBox .card .content h3 {
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0.5px;
    padding-bottom: 0px;
    color: #000;
    padding-top: 6px;
    margin-bottom: 2px;
    font-family: nexaHeavy;
    transition: 0.6s ease-in-out;
}

.cardBox .card .content h4 {
    font-size: 18px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #4f7fff;
}

.cardBox .card .content p {
    font-size: 18px;
    line-height: 24px;
    color: #000;
    margin-top: 0px;
    width: 100%;
    padding: 0px 15px;
    text-align: justify;
    transition: 0.6s ease-in-out;
}

.cardBox .card .content {
    transform: translateY(110%);
    opacity: 1;
    background: #fff;
    transition: 0.6s ease-in-out;
}

/* .cardBox .card:hover .content {
    transform: translateY(0);
    opacity: 1;
    transition: 0.6s ease-in-out;
} */

/* .cardBox .card:hover .content {
    transform: translateY(110%);
    opacity: 1;
    transition: 0.6s ease-in-out;
} */

.cardBox .card:hover h2,
.cardBox .card:hover span {
    opacity: 0;
    transition: 0.6s ease-in-out;
}

.cardBox::before {
    content: "";
    position: absolute;
    width: 40%;
    height: 150%;
    background: #40E0D0;
    /* background: -webkit-linear-gradient(to right, #FF0080, #FF8C00, #40E0D0);
    background: linear-gradient(to right, #FF0080, #FF8C00, #40E0D0); */
    /* background: -webkit-linear-gradient(to right, #1e1e1e, #2d66dc, #ffe759);
    background: linear-gradient(to right, #1e1e1e, #2d66dc, #ffe759); */
    /* background: -webkit-linear-gradient(to right, #ff7bb4, #2c71ff, #8ffff7);
    background: linear-gradient(to right, #ff7bb4, #2c71ff, #8ffff7); */
    background: -webkit-linear-gradient(to right, #2c71ff, #76c9fe, #4f7fff);
    background: linear-gradient(to right, #2c71ff, #76c9fe, #4f7fff);
    animation: glowing01 5s linear infinite;
    transform-origin: center;
    transform: rotate(320deg);
    /* animation: glowing 5s linear infinite; */
}

@keyframes glowing {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.faculty-img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s ease-in-out;
}

/* .cardBox .card:hover .faculty-img {
    opacity: 0;
    transition: 0.6s ease-in-out;
} */

.cardBox .card:hover .faculty-img {
    opacity: 1;
    transition: 0.6s ease-in-out;
}

.box-upper {
    position: absolute;
    bottom: 10%;
}

@media only screen and (max-width:1399px) {
    .cardBox {
        height: 380px;
    }

    .faculty-img {
        height: 82%;
    }

    .cardBox .card .content h3 {
        padding-top: 5px;
    }

    .cardBox .card .content {
        transform: translateY(92%);
    }

    /* .cardBox .card:hover .content {
        transform: translateY(5%);
    } */
}

@media only screen and (max-width:1199px) {
    .cardBox .card .content {
        transform: translateY(97%);
    }
}

@media only screen and (max-width:575px) {
    .box span:nth-child(2) {
        animation-delay: -0.2s;
    }

    .team-card-section {
        padding: 40px 0;
    }

    .cardBox {
        height: 380px;
        width: 290px;
        margin: 0 auto;
    }

    .box-upper {
        bottom: 12%;
    }

    .movie.step-1 .box span {
        width: 22px;
        height: 22px;
    }

    .movie.step-2 .box span {
        width: 22px;
        height: 22px;
    }
}

.box span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
        transform: rotate(45deg) translate(10px, 10px);
    }

    100% {
        opacity: 0;
    }
}



.default-banner {
    position: relative;
    z-index: 6;
    padding: 60px 0 190px;
    margin-top: 92px;
}

.default-banner:before {
    content: "";
    position: absolute;
    background: url(../images/whitewave.svg) no-repeat;
    background-size: 100%;
    height: 100%;
    width: 100%;
    background-position: left bottom;
    bottom: -1px;
    pointer-events: none;
}

.default-banner.master-banner {
    /* background: linear-gradient(180deg, rgb(255 0 0 / 0%) -50%, #fff6f6 85%); */
    background: linear-gradient(180deg, rgb(255 252 252) -50%, #fff6f6 85%);
}

.default-banner.certificate-banner {
    background: linear-gradient(180deg, rgb(255 0 0 / 0%) -50%, #e1f0ff 85%);
}

.default-banner.web-dev-banner {
    background: linear-gradient(180deg, rgb(255 0 0 / 0%) -50%, #f0f0ff 85%);
}

.course-dtls-left {
    width: 90%;
}

.course-overview-card {
    padding: 30px 30px 10px 30px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    box-shadow: 1px 1px 5px 1px #0000002b;
}

.course-dtls-left h4 {
    color: #000;
    font-weight: 800;
    font-size: 24px;
    position: relative;
    margin-bottom: 8px;
    padding-bottom: 5px;
    font-family: nexaHeavy;
}

.course-dtls-left h4:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #4f7fff;
    left: 0;
    bottom: 0px;
}

.course-dtls-left h3 {
    font-size: 42px;
    line-height: 54px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
}

.course-dtls-left h6 {
    margin-top: 14px;
    margin-bottom: 12px;
    color: #000;
    font-weight: 800;
    font-size: 20px;
    position: relative;
    font-family: 'nexaRegular';
}

.course-dtls-left h6 .spl-price-span {
    position: relative;
    top: 0px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: #4f7fff;
    padding: 6px 8px;
    margin-left: 2px;
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    /* border-radius: 6px; */
    letter-spacing: 2px;
}

.course-dtls-left p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 16px;
    color: #1e1e1e;
    margin-top: 0px;
    padding-top: 0px;
    width: 100%;
    border-top: 0px solid #1da5fd;
}

.course-dtls-list {
    display: flex;
    flex-wrap: wrap;
    padding-left: 26px;
    margin-bottom: 12px;
}

.course-dtls-list li {
    position: relative;
    width: 100%;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 4px;
    color: #000;
}

.course-dtls-list li:before {
    position: absolute;
    content: "";
    left: -30px;
    top: 2px;
    width: 26px;
    height: 26px;
    background-image: url(../images/checkmark.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.dtls-button-div {}

.dtls-button-div .btn-primary {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 10px 18px;
}

.dtls-button-div .btn-primary:hover {}

.dtls-button-div .btn-info {
    border-color: #1da5fd;
    background-color: #1da5fd;
    letter-spacing: 1.5px;
    font-weight: 800;
    color: #fff;
    padding: 10px 18px;
}

.dtls-button-div .btn-info:hover {}

.course-dtls-right {}

.course-dtls-right img {}


@media only screen and (max-width:1199px) {

    .course-dtls-left h3 {
        font-size: 36px;
        line-height: 46px;
        letter-spacing: 3px;
    }

    .course-dtls-left {
        width: 98%;
    }

    .course-dtls-left p {
        font-size: 16px;
        line-height: 30px;
        letter-spacing: 0.75px;
        margin-top: 0px;
    }

    .course-dtls-list li {
        width: 100%;
    }

    .dtls-button-div .btn-primary {
        margin-right: 8px;
    }
}

@media only screen and (max-width:575px) {
    .default-banner {
        padding: 40px 0 60px;
    }

    .course-dtls-left {
        width: 90%;
        margin: 0 auto;
    }

    .course-dtls-right {
        margin-top: 18px;
        display: flex;
        justify-content: center;
    }

    .course-dtls-right img {
        width: 75% !important;
    }

    .course-dtls-left h3 {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 2px;
    }
}

@media only screen and (max-width:424px) {
    .course-dtls-left {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .course-dtls-left h4 {
        font-size: 22px;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .course-dtls-left h3 {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 2px;
    }

    .course-dtls-left p {
        text-align: center;
        line-height: 24px;
        margin-bottom: 6px;
    }

    .course-dtls-list {
        justify-content: start;
        margin-bottom: 6px;
    }

    .course-dtls-list li {
        width: 220px;
    }

    .dtls-button-div {
        display: flex;
        justify-content: start;
    }

    .dtls-button-div .btn-primary {
        margin-right: 0px;
    }

    .dtls-button-div .btn-primary,
    .dtls-button-div .btn-info {
        padding: 6px 8px;
        letter-spacing: 0.5px;
    }
}

.course-overview-wrap {
    position: relative;
    z-index: 5;
    padding: 80px 0;
    min-height: 0px;
    background-color: #fff;
    overflow-x: hidden;
    display: flex;
    align-items: center;
    background-image: url(../images/Bg-doodles.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: inherit;
    background-attachment: fixed;
}

.overview-pointer {
    position: absolute;
    top: -92px;
    left: 0;
    height: 2px;
    width: 100%;
    pointer-events: none;
}

.course-overview-wrap h3 {
    color: #000000;
    font-weight: 800;
    font-size: 42px;
    position: relative;
    margin-bottom: 12px;
    padding-bottom: 10px;
    font-family: nexaHeavy;
    text-align: center;
}

.course-overview-wrap h3:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #1da5fd;
    left: 0;
    bottom: 0px;
}

.course-overview-1 {}

.course-overview-1 h2 {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: 'nexaHeavy';
}

.course-objective-list {
    padding-left: 20px;
}

.course-objective-list li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 10px;
    color: #1e1e1e;
    margin-top: 3px;
    width: 100%;
}

.course-overview-2 {}

.course-overview-2 h2 {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: 'nexaHeavy';
}

.course-stack-list {
    padding-left: 0px;
    display: flex;
    margin-top: 10px;
    margin-bottom: 20px;
}

.course-stack-list li {
    list-style: none;
    margin-right: 15px;
    background-color: #e3f2fc;
    padding: 12px 26px;
    border-radius: 10px;
    box-shadow: 4px 4px 8px rgb(0 0 0 / 17%);
    font-size: 18px;
    font-family: 'nexaHeavy';
    color: #1da5fd;
    border: 1px solid #1da5fd;
}

.course-overview-3 {}

.course-overview-3 h2 {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: 'nexaHeavy';
}

.course-overview-list {
    padding-left: 2px;
}

.course-overview-list li {
    font-size: 20px;
    line-height: 32px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 10px;
    color: #000000;
    margin-top: 3px;
    width: 100%;
    list-style: none;
}

.course-overview-list li img {
    width: 24px;
    height: 24px;
    filter: invert(46%) sepia(70%) saturate(1463%) hue-rotate(181deg) brightness(104%) contrast(98%);
}

.course-overview-4 {}

.course-overview-4 h2 {
    font-size: 26px;
    line-height: 40px;
    letter-spacing: 1px;
    /* text-transform: uppercase; */
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: 'nexaHeavy';
}

.course-include-list {
    padding-left: 32px;
}

.course-include-list li {
    position: relative;
    /* width: 50%; */
    list-style: none;
    font-size: 18px;
    line-height: 32px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 10px;
    color: #000;
}

.course-include-list li:before {
    position: absolute;
    content: "";
    left: -30px;
    top: 4px;
    width: 22px;
    height: 22px;
    background-image: url(../images/check-2.png);
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width:1399px) {
    .course-include-list li {
        font-size: 15px;
        line-height: 25px;
        letter-spacing: 0.25px;
    }
}

@media only screen and (max-width:575px) {
    .course-overview-wrap {
        padding: 40px 0;
        background-image: url(../images/Bg-doodles-mob.png);
    }

    .course-overview-card {
        padding: 18px 15px 1px 15px;
        border-radius: 12px;
    }

    .course-overview-wrap h3 {
        font-size: 28px;
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .course-overview-1 h2,
    .course-overview-2 h2,
    .course-overview-3 h2,
    .course-overview-4 h2 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .course-objective-list li {
        font-size: 16px;
        line-height: 28px;
        margin-top: 0px;
        margin-bottom: 8px;
    }

    .course-objective-list {
        padding-left: 18px;
    }

    .course-stack-list {
        margin-bottom: 0px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .course-stack-list li {
        margin-right: 0px;
        margin-bottom: 16px;
        padding: 11px 5px;
        border-radius: 8px;
        font-size: 15px;
        width: 47%;
        text-align: center;
    }

    .course-overview-list li {
        font-size: 16px;
        line-height: 28px;
        letter-spacing: 0.75px;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .course-overview-list li img {
        width: 20px;
        height: 20px;
    }

    .course-include-list {
        padding-left: 28px;
    }

    .course-include-list li {
        position: relative;
        /* width: 50%; */
        list-style: none;
        font-size: 16px;
        line-height: 28px;
        font-weight: 800;
        letter-spacing: 0.35px;
        text-align: left;
        margin-bottom: 6px;
    }

    .course-include-list li:before {
        position: absolute;
        content: "";
        left: -28px;
        top: 4px;
        width: 20px;
        height: 20px;
        background-image: url(../images/check-2.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
}


/**********************
       faq-start
***********************/

.curriculum-wrap {
    position: relative;
    z-index: 5;
    padding: 80px 0;
    min-height: 0px;
    /* background-color: #f5f9ff; */
    background-color: #fff;
}

.curriculum-pointer {
    position: absolute;
    top: -92px;
    left: 0;
    height: 2px;
    width: 100%;
    pointer-events: none;
}

.curriculum-wrap h3 {
    color: #000000;
    font-weight: 800;
    font-size: 38px;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 0px;
    font-family: nexaHeavy;
    text-align: center;
}

/* .curriculum-wrap h2:before {
    position: absolute;
    content: "";
    height: 0px;
    width: 100%;
    background-color: #1da5fd;
    left: 0;
    bottom: 0px;
} */

.faq-wrap.bg-light .title__head {
    position: relative;
    margin-bottom: 10px;
}

.faq-box {
    padding: 35px 15px 0px 15px;
    background-color: #fff;
    box-shadow: 0 4px 15px rgba(12, 35, 34, 0.2);
    border: 2px solid;
    margin: 40px 0;
}

.faq-wrap h6 {
    margin-top: 12px;
    font-weight: 600;
    margin-bottom: 8px;
}

.section-heading {
    color: #fff;
    font-size: 40px;
    letter-spacing: 2px;
    font-style: italic;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 2px;
    border-bottom: 2px solid;
}

.dropdown-header {
    background: #fff;
    padding: 20px 50px;
    font-size: 14px;
    color: #;
    font-weight: 700;
    position: relative;
}

.dropdown-header:before {
    content: "\75";
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -7px;
}

.ac-heading {
    position: relative;
    background-color: #ffffff;
    margin: 15px;
    border: double 2px transparent;
    border-radius: 0px;
    min-height: 54px;
    display: flex;
    align-items: center;
}

.spl-sec-heading.sec-heading h2:after {
    width: 20px;
}

.acc__card {
    margin: 20px 0;
    position: relative;
}

.acc__card:first-of-type {
    margin-top: 6px;
}

.acc__card:last-of-type {
    margin-bottom: 0px;
}

.acc__title {
    display: block;
    position: relative;
    cursor: pointer;
    outline: 0;
    width: 100%;
    background: none;
    text-align: initial;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid #ffffff;
    color: #fff;
    box-shadow: 1px 1px 5px 1px #0000002b;
}

.ac-heading h4 {
    font-size: 18px;
    font-weight: 600;
    top: 0px;
    color: #1da5fd;
    position: relative;
    display: inline-block;
    left: 0rem;
    margin-bottom: 0px;
    transition: all 0.3s ease-in-out;
}

.ac-heading::after {
    width: 12px;
    height: 12px;
    border-right: 3px solid #1da5fd;
    border-bottom: 3px solid #1da5fd;
    position: absolute;
    right: 0rem;
    content: " ";
    top: 0px;
    bottom: 0px;
    margin: auto;
    transform: rotate(45deg);
    transition: all 0.3s ease-in-out;
}

.acc__title.active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.acc__title.active {
    background-color: ;
    border: 1px solid;
    transition: all 0.3s ease-in-out;
}

.acc__title.active .ac-heading h4 {
    color: #1da5fd;
    left: 0rem;
    padding: 7px 50px 7px 0px;
    margin-bottom: 0px;
    transition: all 0.3s ease-in-out;
}

.acc__title.active .ac-heading::after {
    transform: rotate(-135deg);
    border-right: 3px solid #1da5fd;
    border-bottom: 3px solid #1da5fd;
    transition: all 0.3s ease-in-out;
}

.acc__title.active .ac-heading:before {
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.acc__title.active .ac-heading {
    /* background-image: linear-gradient(#ee4439, #f37022), radial-gradient(circle at bottom left, #ee4439, #ffffff); */
    background-origin: border-box;
    background: #fff;
    background-clip: content-box, border-box;
    transition: all 0.3s ease-in-out;
}

.acc__title:hover {
    background-color: #fff;
    border: 1px solid #ffffff;
    transition: all 0.3s ease-in-out;
}

.acc__title:hover .ac-heading h4 {
    /* color: #000000; */
    left: 0rem;
    transition: all 0.3s ease-in-out;
}

.acc__title:hover .ac-heading::after {
    border-right: 3px solid #1da5fd;
    border-bottom: 3px solid #1da5fd;
    transition: all 0.3s ease-in-out;
}

.acc__title.active:hover .ac-heading::after {
    transform: rotate(-135deg);
    border-right: 3px solid #1da5fd;
    border-bottom: 3px solid #1da5fd;
    transition: all 0.3s ease-in-out;
}

.acc__title:hover .ac-heading:before {
    transition: all 0.3s ease-in-out;
    opacity: 0;
    color: #1da5fd;
}

.acc__title:hover .ac-heading {
    background-image: linear-gradient(#ebebeb, white), radial-gradient(circle at bottom left, , );
    background-origin: border-box;
    background-clip: content-box, border-box;
    transition: all 0.3s ease-in-out;
}

.acc__panel {
    background-color: #ffffff;
    color: #212121;
    display: none;
    border-top: 0px solid #ffffff;
    margin: 0;
    padding: 15px;
    text-align: left;
    position: relative;
    overflow: hidden;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 23%);
}

.acc__panel:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, rgb(29 165 253), rgb(45 102 220));
}

.spl-panel {
    display: block;
}

.num .ac-heading:before {
    content: '\f059';
    font-family: 'FontAwesome';
    font-size: 2rem;
    font-weight: bold;
    color: ;
    width: 0rem;
    opacity: 0;
    transition: 0.35s;
    margin-left: 0px;
    transition: all 0.3s ease-in-out;
}

.acc__title.active .ac-heading::before {
    content: '\f05a';
    color: #ffffff;
    transition: all 0.3s ease-in-out;
}

.faq-answer h4 {
    font-size: 24px;
    letter-spacing: 0.75px;
    font-family: 'nexaHeavy';
    margin-bottom: 10px;
    color: #1da5fd;
    margin-top: 20px;
}

.faq-answer h4:first-child {
    margin-top: 0px;
}

.faq-answer p {
    margin-bottom: 6px;
    width: 100%;
    margin-top: 0px;
    font-size: 18px;
    line-height: 32px;
    font-weight: 800;
    color: #1e1e1e;
    text-align: justify;
}

.faq-answer p b {
    font-family: 'nexaHeavy';
}

.faq-answer ul {
    margin-bottom: 6px;
    padding-left: 0px;
}

.faq-answer li {
    font-weight: 800;
    margin-bottom: 6px;
    position: relative;
    list-style: none;
    padding-left: 16px;
    font-size: 18px;
}

.faq-answer li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border: 2px solid #1da5fd;
    background: 0;
    transform: rotate(45deg);
}

@media only screen and (max-width:767px) {
    .section-heading {
        font-size: 32px;
        letter-spacing: 1px;
    }

    .acc__panel {
        padding: 18px 20px;
    }
}

@media only screen and (max-width:575px) {
    .section-heading {
        font-size: 25px;
        letter-spacing: 0px;
    }

    .faq-box {
        margin: 30px 0;
    }

    .curriculum-wrap {
        padding: 40px 0;
    }

    /* .curriculum-wrap h2 {
        color: #000000;
        font-weight: 800;
        font-size: 28px;
    } */

    .ac-heading h4 {
        font-size: 18px;
        line-height: 30px;
        padding-right: 14px;
    }

    .curriculum-wrap h3 {
        font-size: 25px;
        margin-bottom: 4px;
    }

    .faq-answer p {
        margin-bottom: 6px;
        font-size: 16px;
        line-height: 24px;
        text-align: justify;
    }

    .faq-answer li {
        margin-bottom: 6px;
        font-size: 16px;
    }

    .faq-answer li:before {
        top: 7px;
    }

    .ac-heading::after {
        bottom: 4px;
    }

    .faq-answer h4 {
        font-size: 18px;
        margin-bottom: 6px;
    }
}

@media screen and (max-width:475px) {
    .ac-heading {
        position: relative;
        margin: 5px 5px;
        border: double 2px transparent;
    }

    .ac-heading h4 {
        font-size: 16px;
        top: -1px;
    }

    .acc__panel {
        padding: 8px 15px;
    }

    /* .num .ac-heading:before {
        font-size: 1.0rem;
        margin-left: 5px;
        width: 1rem;
    } */

    /* .faq-answer p {
        font-size: 12px;
        line-height: 18px;
    } */

    .acc__title:hover .ac-heading h4,
    .acc__title.active .ac-heading h4 {
        left: 0px;
    }

    .ac-heading::after {
        right: 4px;
    }
}

@media screen and (max-width:415px) {
    /*
    .ac-heading::after {
        top: 8px;
        bottom: auto;
    }
  */

    .acc__title:hover .ac-heading h4,
    .acc__title.active .ac-heading h4 {
        left: 0px;
        padding: 0 0px;
        padding-right: 20px;
    }

    /* .ac-heading h4 {
        font-size: 12px;
        padding-right: 6px;
    } */

    .city-list {
        font-size: 15px;
        line-height: 19px;
    }

    .acc__card {
        margin: 12px 0;
    }
}

/*********************
       faq-end
**********************/
/* [class^=btn-11] {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 80px;
    max-width: 250px;
    margin: 1rem auto;
    text-transform: uppercase;
    border: 1px solid currentColor;
}

.btn-11 {
    position: relative;
    color: #aa4ac9;
}

.btn-11:before,
.btn-11:after {
    position: absolute;
    top: 50%;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #9b2abf;
    border-radius: 50%;
}

.btn-11:before {
    left: -20px;
    transform: translate(-50%, -50%);
}

.btn-11:after {
    right: -20px;
    transform: translate(50%, -50%);
}

.btn-11:hover {
    color: #e6caef;
}

.btn-11:hover:before {
    -webkit-animation: criss-cross-left 0.8s both;
    animation: criss-cross-left 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.btn-11:hover:after {
    -webkit-animation: criss-cross-right 0.8s both;
    animation: criss-cross-right 0.8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
} */

.about-wrap {
    position: relative;
    z-index: 5;
    background-color: #e1f0ff;
    padding: 80px 0 0px;
    min-height: 0px;
}

.about-left h2 {
    font-family: 'nexaHeavy';
    color: #1e1e1e;
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 10px;
}

.about-left h2 span {
    font-family: 'nexaHeavy';
    color: #2d66dc;
}

.about-left h4 {
    font-size: 18px;
    line-height: 32px;
    font-weight: 800;
    text-align: justify;
}

.about-left h6 {
    margin-bottom: 0px;
    font-family: 'nexaHeavy';
    font-size: 22px;
    color: #2d66dc;
}

.about-left img {
    width: 100px;
    height: auto;
    margin-top: 6px;
}

.about-right {}

.about-right img {
    width: 90% !important;
}

@media only screen and (max-width:1399px) {
    .about-right img {
        width: 95% !important;
    }

    .about-left h2 {
        font-size: 30px;
        letter-spacing: 1px;
    }

    .about-left h4 {
        font-size: 16px;
        line-height: 28px;
    }

    .about-left img {
        width: 90px;
        height: auto;
        margin-top: 6px;
    }
}

@media only screen and (max-width:1199px) {
    .about-right img {
        width: 100% !important;
    }

    .about-left h2 {
        font-size: 24px;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
    }

    .about-left h4 {
        font-size: 16px;
        line-height: 26px;
    }

    .about-left img {
        width: 80px;
        height: auto;
        margin-top: 0px;
    }
}

@media only screen and (max-width:575px) {
    .about-right {
        width: 80%;
        margin: 0 auto;
    }

    .about-wrap {
        padding: 40px 0 0px;
    }

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

    .about-left img {
        margin-bottom: 20px;
    }

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

    .about-left h2 {
        font-size: 20px;
    }
}



.contact-wrap {
    position: relative;
    z-index: 5;
    padding: 80px 0;
    display: flex;
    align-items: center;
    background: linear-gradient(158deg, #1ba5fdfa, #ffffff);
    background-attachment: fixed;
    overflow-x: hidden;
}

.contact-wrap h2 {
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    /* text-shadow: 1px 1px 1px #000000; */
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
}

.contact-wrap h6 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 10px;
    color: #1e1e1e;
    margin-top: 0px;
    padding-top: 0px;
}

.contact-wrap:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    /* background-image: url(../images/contact.png); */
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    pointer-events: none;
}

.contact-wrap:after {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    background: #fff;
    z-index: -1;
    /* border-top-left-radius: 60px; */
    /* border-bottom-left-radius: 60px; */
    box-shadow: 1px 1px 5px 1px #00000008;
}

.contact-img {
    padding-right: 80px;
}

.contact-form-outer {
    padding-left: 80px;
}

.contact-form {}

.contact-form label {
    font-size: 18px;
    line-height: 28px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 2px;
    color: #1e1e1e;
    margin-top: 0px;
}

.contact-form input {
    height: 42px;
    border-radius: 6px;
    border-color: #0daaff;
}

.contact-form textarea {
    border-radius: 6px;
    border-color: #0daaff;
    resize: none;
}

.contact-form .btn-primary {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 8px 15px;
    border-radius: 6px;
}

@media only screen and (max-width:1399px) {
    .contact-img {
        padding-right: 30px;
    }

    .contact-form-outer {
        padding-left: 30px;
    }
}

@media only screen and (max-width:1199px) {
    .contact-img {
        padding-right: 15px;
    }

    .contact-form-outer {
        padding-left: 15px;
    }
}

@media only screen and (max-width:575px) {
    .contact-wrap {
        padding: 40px 0;
    }

    .contact-img {
        padding-right: 0px;
        width: 75% !important;
        margin: 0 auto;
    }

    .contact-form-outer {
        padding-left: 0px;
    }

    .contact-wrap h6 {
        font-size: 16px;
        line-height: 28px;
        font-weight: 800;
        letter-spacing: 0.75px;
        margin-bottom: 6px;
        color: #1e1e1e;
        margin-top: 0px;
        padding-top: 0px;
        text-align: center;
    }

    .contact-form-outer h2 {
        line-height: 28px;
        letter-spacing: 2px;
        margin-left: 0px;
        text-align: center;
        margin-top: 0px;
        color: #1e1e1e;
        font-size: 22px;
        margin-bottom: 6px;
        padding-bottom: 5px;
        text-transform: capitalize;
        position: relative;
    }

    .contact-form-outer h2:before {
        position: absolute;
        content: "";
        height: 2px;
        width: 100%;
        background-color: #4f7fff;
        left: 0;
        bottom: 0px;

    }

    .contact-form {
        margin-bottom: 30px;
    }

    .contact-form label {
        font-size: 16px;
        line-height: 26px;
    }
}

input:focus,
select:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

.enroll-modal {}

.enroll-modal .modal-content {
    /* border-radius: 0px; */
}

.enroll-modal .modal-header {
    position: relative;
    justify-content: center;
    padding: 26px 15px 18px 15px;
    border-color: #1da5fd;
}

.enroll-modal .modal-title {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
}

.enroll-modal .btn-close {
    opacity: 1;
    filter: invert(12%) sepia(93%) saturate(7146%) hue-rotate(2deg) brightness(105%) contrast(112%);
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 15px;
    z-index: 5;
}

.enroll-modal .modal-body {
    padding: 20px 20px 20px;
    background-image: linear-gradient(to right bottom, #1da5fdad 60%, #71c7fe69);
    border-radius: 7px;
}

.enroll-form label {
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 2px;
    color: #1e1e1e;
    margin-top: 0px;
    font-family: 'nexaHeavy';
}

.enroll-form input {
    height: 42px;
    border-radius: 6px;
    border-color: #1e1e1e;
    box-shadow: 0px 0px 10px #00000040;
}

.enroll-form select {
    height: 42px;
    border-radius: 6px;
    border-color: #1e1e1e;
    box-shadow: 0px 0px 10px #00000040;
}

.enroll-form .btn-primary {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 8px 15px;
    border-radius: 6px;
}

.enroll-form h4 {
    color: #000;
    font-weight: 800;
    font-size: 24px;
    position: relative;
    margin-bottom: 10px;
    padding-bottom: 5px;
    font-family: nexaHeavy;
}

.enroll-form h4:before {
    position: absolute;
    content: "";
    height: 2px;
    width: 100%;
    background-color: #fff;
    left: 0;
    bottom: 0px;
}

.modal-table.table-responsive {
    padding: 15px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
    border-radius: 12px;
    /* background: #1da5fdad; */
    background: #fff;
}

.modal-table table {
    border: 1px solid #1e1e1e;
    margin-bottom: 0px;
    background: transparent;
    background: #ffffff00;
}

.modal-table table thead {
    background: #ffffff00;
}

.modal-table table thead tr {
    background: #ffffff00;
}

.modal-table table thead th {
    background: #ffffff00;
    text-align: center;
    color: #1e1e1e;
    font-weight: 800;
    font-family: 'nexaHeavy';
    letter-spacing: 1px;
    font-size: 18px;
}

.modal-table table tbody {}

.modal-table table tbody tr {}

.modal-table table tbody td {
    background: transparent;
    color: #1e1e1e;
    font-weight: 800;
}

.modal-table table tbody td:first-child {
    border-right: 1px solid #1e1e1e;
    padding: 10px 8px;
    font-family: 'nexaHeavy';
}

.payment-modal {}

.payment-modal .modal-header {
    position: relative;
    justify-content: center;
    padding: 16px 15px 10px 15px;
    border-color: #1da5fd;
}

.payment-modal .btn-close {
    opacity: 1;
    filter: invert(12%) sepia(93%) saturate(7146%) hue-rotate(2deg) brightness(105%) contrast(112%);
    position: absolute;
    right: 12px;
    top: 25px;
}

.payment-modal .modal-title {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 0px;
    font-family: nexaHeavy;
}

.payment-modal h3 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 2;
    margin-bottom: 6px;
    display: inline-block;
    font-family: nexaHeavy;
}

.payment-modal h5 {
    margin-top: 14px;
    margin-bottom: 2px;
    padding-bottom: 24px;
    color: #000;
    font-weight: 800;
    font-size: 20px;
    position: relative;
    font-family: 'nexaRegular';
    border-bottom: 2px solid #1da5fd;
}

.payment-modal h5 .spl-price-span {
    position: relative;
    top: 0px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    background-color: #4f7fff;
    padding: 6px 8px;
    margin-left: 2px;
    margin-right: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    /* border-radius: 6px; */
    letter-spacing: 2px;
}

.payment-form .btn-primary {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 8px 15px;
    border-radius: 6px;
}

/* stylish-call-button-start */

.panel_call {
    width: 235px;
    height: 75px;
    border-radius: 10px;
    display: none;
    background: #fff;
    background: transparent;
    bottom: 40px;
    right: 120px;
    position: fixed;
    text-decoration: none;

}

.panel_call p {
    margin: auto;

    color: white;
}

.info_call {
    margin-top: 10px;
    margin-left: 10px;
}

.info-call {
    font-size: 200%;
    margin-top: -20px;
}

.info_call_number {
    margin-top: -10px;
    font-size: 120%;
}

#popup__toggle {
    position: fixed;
    bottom: 130px;
    right: 240px;
    z-index: 6;
    transform: scale(2);
    opacity: 0;
    transition: 0.3s ease-in-out;
}

#popup__toggle.fixed-class {
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.img-circle {
    /* background-color: #fff; */
    background-color: transparent;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.circlephone {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* border: 2px solid #4f7fff; */
    border: 2px solid transparent;
    width: 150px;
    height: 150px;
    bottom: -25px;
    left: 10px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .5;
    -webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
    -moz-animation: circle-anim 2.4s infinite ease-in-out !important;
    -ms-animation: circle-anim 2.4s infinite ease-in-out !important;
    -o-animation: circle-anim 2.4s infinite ease-in-out !important;
    animation: circle-anim 2.4s infinite ease-in-out !important;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.circle-fill {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* background-color: #4f7fff; */
    background-color: transparent;
    width: 100px;
    height: 100px;
    bottom: 0px;
    left: 35px;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* border: 2px solid #4f7fff; */
    border: 2px solid transparent;
    -webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -moz-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -ms-animation: circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: circle-fill-anim 2.3s infinite ease-in-out;
    animation: circle-fill-anim 2.3s infinite ease-in-out;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all 0.5s;
}

.img-circle {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 72px;
    height: 72px;
    bottom: 14px;
    left: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    /* border: 2px solid #4f7fff; */
    border: 2px solid transparent;
    opacity: 1;
}

.img-circleblock {
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    width: 52px;
    height: 52px;
    background-size: contain;
    background-image: url(../images/favicon.png);
    background-position: center center;
    background-repeat: no-repeat;
    animation-name: tossing;
    -webkit-animation-name: tossing;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

.img-circle:hover {
    opacity: 1;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(0.9);
        opacity: 1;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }

    50% {
        -webkit-transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(0.95);
        opacity: 1;
    }
}

@keyframes tossing {
    0% {
        transform: rotate(-8deg);
    }

    50% {
        transform: rotate(8deg);
    }

    100% {
        transform: rotate(-8deg);
    }
}

@-webkit-keyframes tossing {
    0% {
        -webkit-transform: rotate(-8deg);
    }

    50% {
        -webkit-transform: rotate(8deg);
    }

    100% {
        -webkit-transform: rotate(-8deg);
    }
}

@-moz-keyframes circle-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .5;
        -moz-opacity: .5;
        -webkit-opacity: .5;
        -o-opacity: .5;
    }

    30% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .7;
        -moz-opacity: .7;
        -webkit-opacity: .7;
        -o-opacity: .7;
    }

    100% {
        -moz-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .9;
        -moz-opacity: .9;
        -webkit-opacity: .9;
        -o-opacity: .5;
    }
}

@-webkit-keyframes circle-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.5) skew(1deg);
        -webkit-opacity: .5;
    }

    30% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        -webkit-opacity: .9;
    }

    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        -webkit-opacity: .5;
    }
}

@-o-keyframes circle-anim {
    0% {
        -o-transform: rotate(0deg) kscale(0.5) skew(1deg);
        -o-opacity: .5;
    }

    30% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        -o-opacity: .9;
    }

    100% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        -o-opacity: .5;
    }
}

@keyframes circle-anim {
    0% {
        transform: rotate(0deg) scale(0.5) skew(1deg);
        opacity: .5;
    }

    30% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .9;
    }

    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .5;
    }
}

@-moz-keyframes circle-fill-anim {
    0% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }

    50% {
        -moz-transform: rotate(0deg) -moz-scale(1) skew(1deg);
        opacity: .8;
    }

    100% {
        -moz-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }
}

@-webkit-keyframes circle-fill-anim {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }

    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .8;
    }

    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }
}

@-o-keyframes circle-fill-anim {
    0% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }

    50% {
        -o-transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .8;
    }

    100% {
        -o-transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }
}

@keyframes circle-fill-anim {
    0% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }

    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
        opacity: .8;
    }

    100% {
        transform: rotate(0deg) scale(0.7) skew(1deg);
        opacity: .8;
    }
}

/* stylish-call-button-end */

/* .link {
    position: relative;
} */

.link::before {
    content: "Talk";
    font-size: 10px;
    background: #4f7fff;
    color: white;
    line-height: 1em;
    padding: 0.2em 0.15em 0;
    border-radius: 0.2em;
    position: absolute;
    top: -0.85em;
    left: 28%;
    opacity: 0;
    transform: translate(-65%, 20%) rotateZ(-1deg);
    transition: 0.4s opacity cubic-bezier(0.33, 1, 0.68, 1), 0.4s transform cubic-bezier(0.33, 1, 0.68, 1);
}

.link:after {
    content: "to me!";
    position: absolute;
    font-size: 10px;
    background: #4f7fff;
    color: white;
    line-height: 1em;
    padding: 0.2em 0.15em 0;
    border-radius: 0.2em;
    top: -0.8em;
    left: 22%;
    opacity: 0;
    transform: translate(45%, 20%) rotateZ(1deg);
    transition: 0.4s opacity cubic-bezier(0.33, 1, 0.68, 1), 0.4s transform cubic-bezier(0.33, 1, 0.68, 1);
}

.link:hover::before {
    opacity: 1;
    transform: translatex(-75%) rotateZ(343deg);
}

.link:hover::after {
    opacity: 1;
    transform: translatex(45%) rotateZ(9deg);
}

@media only screen and (max-width:575px) {
    .link:hover::before {
        opacity: 0;
    }

    .link:hover::after {
        opacity: 0;
    }

    #popup__toggle {
        bottom: 130px;
        right: 162px;
        transform: scale(1.35);
    }
}

.h-divider {
    margin: 15px auto;
    width: 100%;
    position: relative;
}

.h-divider .shadow {
    overflow: hidden;
    height: 3px;
    -webkit-filter: blur(0px);
    background: linear-gradient(to right, #1da5fd63, #4f7fff, #1da5fd63);
}

.h-div-lower {
    padding: 20px 20px 22px 20px;
    border-radius: 12px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top: 4px solid #ffde1b;
    position: relative;
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 10%);
}

.h-div-lower h6 {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #1e1e1e;
    font-weight: 800;
    font-size: 20px;
    position: relative;
    font-family: 'nexaRegular';
    letter-spacing: 0.5px;
}

.h-div-lower h6 span {
    color: #4f7fff;
    font-family: 'nexaHeavy';
}

@media only screen and (max-width:575px) {
    .h-div-lower {
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 15px 15px 18px 15px;
    }

    .h-div-lower h6 {
        text-align: left;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 6px;
    }

    .home-course-list li {
        text-align: left !important;
    }
}

.default-cards-sec {
    background-color: #e1f0ff;
}

.def-card-inner {
    padding: 20px 20px 20px 20px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    z-index: 6;
    margin-top: -110px;
    margin-bottom: 0px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
}

.def-card {
    position: relative;
    text-align: center;
}

.def-card.spl-new::before {
    position: absolute;
    content: "";
    right: -13px;
    top: 0;
    width: 1px;
    height: 100%;
    background-color: #e3e3e3;
}

.def-card-top {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .def-card-top .def-card-img {
    width: 35px;
    padding: 5px;
    background: #4f7fff;
    border-radius: 6px;
} */

.def-card-top .def-card-img {
    width: 24px;
}

/* .def-card-top img {
    width: 100%;
    filter: invert(1);
} */

.def-card-top img {
    width: 100%;
}

.def-card-top h6 {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 800;
    margin-left: 4px;
    letter-spacing: 0.5px;
    font-family: 'nexaHeavy';
}

.def-card-bottom {}

.def-card-bottom h4 {
    font-size: 21px;
    margin-bottom: 8px;
    color: #1da5fd;
    margin-top: 12px;
    font-family: 'nexaHeavy';
}

.def-card-bottom p {
    width: 100%;
    margin: 0px;
    font-weight: 800;
    color: #000;
}

@media only screen and (max-width:1399px) {
    .def-card-inner {
        padding: 15px 10px 15px 10px;
    }

    .def-card-top .def-card-img {
        width: 20px;
    }

    .def-card-top h6 {
        font-size: 14px;
        margin-left: 4px;
        letter-spacing: 0.5px;
    }

    .def-card-bottom h4 {
        font-size: 17px;
    }

    .def-card-bottom p {
        font-size: 14px;
    }
}

@media only screen and (max-width:1199px) {
    .def-card-inner {
        padding: 12px 5px 12px 5px;
    }

    .def-card-top .def-card-img {
        width: 20px;
    }

    .def-card-top h6 {
        font-size: 11px;
        margin-left: 3px;
        letter-spacing: 0.25px;
    }

    .def-card-bottom h4 {
        font-size: 14px;
    }

    .def-card-bottom p {
        font-size: 12px;
    }
}

@media only screen and (max-width:575px) {
    .def-card-inner {
        padding: 15px 20px 15px 20px;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .def-card.spl-new {
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .def-card.spl-new::before {
        position: absolute;
        content: "";
        right: 0px;
        top: auto;
        bottom: 0px;
        width: 100%;
        height: 1px;
        background-color: #e3e3e3;
    }

    .def-card-top .def-card-img {
        width: 24px;
    }

    .def-card-top h6 {
        margin-bottom: -5px;
        font-size: 18px;
        margin-left: 4px;
        letter-spacing: 0.5px;
    }

    .def-card-bottom h4 {
        font-size: 21px;
        margin-bottom: 8px;
        color: #1da5fd;
        margin-top: 12px;
        font-family: 'nexaHeavy';
    }

    .def-card-bottom p {
        width: 100%;
        margin: 0px;
        font-weight: 800;
        color: #000;
        font-size: 18px;
    }
}

.key-feature-wrap {
    padding: 80px 0;
    position: relative;
    z-index: 5;
    background-color: #e1f0ff;
    background-image: url(../images/Bg-doodles.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-blend-mode: color-burn;
    background-attachment: fixed;
}

@media only screen and (max-width:575px) {
    .key-feature-wrap {
        padding: 40px 0;
    }
}

.feature-list.course-include-list {
    padding-left: 30px;
    /* -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2; */
    position: relative;
    margin-bottom: 0px;
}

.feature-list.course-include-list li {}

.feature-list.course-include-list li:before {}

.who-is-this-for-wrap {
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 80px 0;
    min-height: 0px;
}

.witf-card {
    padding: 0px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    z-index: 6;
    /* border: 2px solid #1da5fd; */
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
}

.witf-heading {
    text-align: center;
    padding: 12px 0px 10px;
    background: #1da5fd;
    border-bottom: 2px solid #1da5fd;
}

.witf-heading h5 {
    margin-bottom: 0px;
    font-size: 24px;
    letter-spacing: 0.75px;
    font-family: 'nexaHeavy';
    color: #fff;
}

.witf-img {
    width: 90px;
    height: 90px;
    padding: 10px;
    border: 0px solid #1da5fd;
    border-radius: 12px;
    /* background: #1da5fd36; */
    margin: 30px auto 25px;
    border: 2px solid #1da5fd;
    box-shadow: 0 4px 20px rgb(0 0 0 / 15%);
}

.witf-img img {
    width: 100%;
    filter: invert(63%) sepia(78%) saturate(4013%) hue-rotate(178deg) brightness(101%) contrast(98%);
}

.witf-text {
    padding: 0px 15px;
    text-align: center;
}

.witf-text p {
    margin: 0px;
    width: 100%;
    min-height: 72px;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.5px;
    color: #1da5fd;
    margin-bottom: 12px;
}

@media only screen and (max-width:1399px) {
    .witf-text p {
        min-height: 96px;
    }
}

@media only screen and (max-width:1199px) {
    .witf-text p {
        min-height: 72px;
    }
}

@media only screen and (max-width:575px) {
    .who-is-this-for-wrap {
        padding: 40px 0;
    }

    .witf-text p {
        min-height: 0px;
    }

    .witf-img {
        width: 80px;
        height: 80px;
        padding: 8px;
        margin: 20px auto 15px;
    }

    .witf-heading h5 {
        font-size: 20px;
    }

    .witf-card {
        width: 290px;
        margin: 0 auto;
    }
}

.build-your-future-wrap {
    position: relative;
    z-index: 5;
    background: #fff5fa;
    padding: 80px 0;
}

.build-your-future-wrap h3 {
    font-size: 30px;
    line-height: 42px;
    letter-spacing: 3px;
    color: #1da5fd;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 2;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: nexaHeavy;
}

.build-your-future-wrap h6 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 1px;
    color: #000000;
    font-weight: 800;
    position: relative;
    margin-left: 0px;
    z-index: 4;
    margin-bottom: 12px;
    text-align: center;
}

.build-your-future-wrap h6 span {
    color: #1da5fd;
    font-family: 'nexaHeavy';
}

.build-your-future-wrap a {
    border-color: #4f7fff;
    background-color: #4f7fff;
    letter-spacing: 1.5px;
    font-weight: 800;
    padding: 10px 18px;
}

@media only screen and (max-width:575px) {
    .build-your-future-wrap {
        padding: 40px 0;
    }

    .build-your-future-wrap h3 {
        font-size: 20px;
        line-height: 30px;
        letter-spacing: 1px;
    }

    .build-your-future-wrap h6 {
        font-size: 18px;
        line-height: 30px;
    }
}

.why-study-home {
    background: #fff;
    position: relative;
    z-index: 5;
    padding: 80px 0;
    min-height: 0px;
}

.wsh-card {
    padding: 0px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    z-index: 6;
    /* border: 2px solid #1da5fd; */
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
}

.wsh-img {
    padding: 10px;
    display: flex;
    justify-content: center;
    margin: 25px auto 15px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 12px;
    background-image: linear-gradient(to left top, #1da5fd6e -120%, #ffffff);
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
}

.wsh-img img {
    height: 100%;
    width: auto;
    filter: drop-shadow(2px 2px 4px #00000030);
    /* filter: invert(63%) sepia(78%) saturate(4013%) hue-rotate(178deg) brightness(101%) contrast(98%); */
}

.wsh2-img {
    margin: 20px 20px 14px 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgb(0 0 0 / 35%);
}

.wsh2-img img {
    width: 100%;
}

.wsh-heading {
    margin-top: 0px;
    padding: 0px 30px;
}

.wsh-heading h5 {
    margin-bottom: 0px;
    font-size: 22px;
    letter-spacing: 0.75px;
    font-family: 'nexaHeavy';
    text-align: center;
    color: #1da5fd;
}

.wsh-text {
    margin-top: 2px;
}

.wsh-text p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.5px;
    color: #1e1e1e;
    font-weight: 800;
    position: relative;
    margin: 0px;
    width: 100%;
    padding: 0px 30px;
    z-index: 4;
    margin-bottom: 16px;
    text-align: center;
    min-height: 112px;
}

@media only screen and (max-width:575px) {
    .why-study-home {
        padding: 40px 0;
    }

    .wsh-text p {
        min-height: 0px;
        padding: 0px 15px
    }

    .wsh-heading {
        padding: 0px 15px;
    }

    .wsh2-img {
        margin: 15px 15px 15px 15px;
    }
}

.benefits-wrap {
    position: relative;
    z-index: 5;
    background: #fff;
    padding: 80px 0;
}

.benefits-card {
    position: relative;
    padding: 30px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 20px rgb(0 0 0 / 20%);
}

.benefits-card:before {
    position: absolute;
    content: "";
    height: 90px;
    width: 70px;
    background: #1da5fd;
    border-top-right-radius: 14px;
    top: -2px;
    right: -2px;
    z-index: -1;
}

.benefits-card:after {
    position: absolute;
    content: "";
    height: 90px;
    width: 70px;
    background: #1da5fd;
    border-bottom-left-radius: 14px;
    bottom: -2px;
    left: -2px;
    z-index: -1;
}

.benefits-img {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    background: #1da5fd;
    box-shadow: 0px 10px 20px #1da5fd99;
    padding: 8px;
    margin-bottom: 12px;
}

.benefits-card.card-2 {}

.benefits-card.card-2:before {
    position: absolute;
    content: "";
    background: #ff8abf;
}

.benefits-card.card-2:after {
    position: absolute;
    content: "";
    background: #ff8abf;
}

.benefits-card.card-2 .benefits-img {
    background: #ff8abf;
    box-shadow: 0px 10px 20px #ff8abf99;
}

.benefits-card.card-3 {}

.benefits-card.card-3:before {
    position: absolute;
    content: "";
    background: #6763ff;
}

.benefits-card.card-3:after {
    position: absolute;
    content: "";
    background: #6763ff;
}

.benefits-card.card-3 .benefits-img {
    background: #6763ff;
    box-shadow: 0px 10px 20px #6763ff;
}

.benefits-img img {
    width: 100%;
    filter: invert(1);
}

.benefits-heading {}

.benefits-heading h5 {
    font-size: 22px;
    font-family: 'nexaHeavy';
    text-transform: capitalize;
    margin-bottom: 6px;
    margin-top: 16px;
    letter-spacing: 0.75px;
}

.benefits-text {}

.benefits-text h6 {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 800;
    letter-spacing: 0.5px;
    text-align: left;
    color: #1e1e1e;
    min-height: 168px;
}

@media only screen and (max-width:1399px) {
    .benefits-text h6 {
        min-height: 140px;
    }
}

@media only screen and (max-width:1199px) {
    .benefits-card {
        padding: 20px;
    }
}

@media only screen and (max-width:575px) {
    .benefits-wrap {
        padding: 40px 0;
    }

    .benefits-card {
        padding: 15px;
        text-align: center;
    }

    .benefits-img {
        margin: 0 auto 12px auto;
    }

    .benefits-text h6 {
        min-height: 0px;
        text-align: center;
    }
}


.home-course-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 6px;
    padding-left: 0px;
}

.home-course-list li {
    list-style: none;
    position: relative;
    width: 100%;
    list-style: none;
    font-size: 16px;
    line-height: 30px;
    font-weight: 800;
    letter-spacing: 0.75px;
    text-align: justify;
    margin-bottom: 8px;
    color: #000;
}

.home-course-list li img {
    width: 26px;
    height: 26px;
    filter: invert(63%) sepia(78%) saturate(4013%) hue-rotate(178deg) brightness(101%) contrast(98%);
    margin-right: 2px;
}

.h-div-lower h5 {
    border-top: 2px solid #ffe759;
    padding-top: 10px;
    color: #1da5fd;
    font-weight: 800;
    /* font-family: 'nexaHeavy'; */
    font-size: 24px;
    letter-spacing: 1px;
    position: relative;
    /* padding-left: 18px; */
}

/* .h-div-lower h5:before {
    position: absolute;
    content: "";
    left: 0;
    top: 16px;
    height: 21px;
    width: 13px;
    background-image: url(../images/rupee.png);
    filter: invert(63%) sepia(78%) saturate(4013%) hue-rotate(178deg) brightness(101%) contrast(98%);
    background-size: cover;
} */

.h-div-lower h5 span {
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 1px;
    padding-right: 5px;
    color: #8991a5;
    text-decoration: line-through;
    text-decoration-color: #f00;
}

.details-tab {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 1px 1px 5px 1px #0000002b;
}

.tab-left-part {}

.tab-left-part button {
    background: #e1f0ff;
    border-radius: 0px !important;
    padding: 20px 10px;
    border-bottom: 1px solid #ddd;
    color: #1e1e1e;
    position: relative;
    text-align: left;
    font-size: 16px;
    font-weight: 800;
    box-shadow: 1px -1px 5px #2aaafd6e;
}

.tab-left-part button.active {
    background: #fff !important;
    color: #1da5fd !important;
}

.tab-left-part button:focus {
    box-shadow: 1px -1px 5px #2aaafd6e !important;
}

.tab-left-part button.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: linear-gradient(to bottom, rgb(29 165 253), rgb(45 102 220));
}

.tab-left-part button.active:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-right: 3px solid #1da5fd;
    border-bottom: 3px solid #1da5fd;
    transform: rotate(315deg);
    right: 15px;
    top: 27px;
}

.nav-link:focus,
.nav-link:hover {
    color: #4f7fff;
}

/* .tab-left-part .flex-column button:first-child {
    border-top-left-radius: 10px !important;
} */

.tab-right-part {}

.tab-right-part .tab-pane {
    padding: 20px 20px 10px 10px;
}

.tab-right-part h4 {
    font-size: 24px;
    letter-spacing: 0.75px;
    font-family: 'nexaHeavy';
    margin-bottom: 10px;
    color: #1da5fd;
    margin-top: 20px;
}

.tab-right-part h4:first-child {
    margin-top: 0px;
}

.tab-right-part ul {
    margin-bottom: 6px;
    padding-left: 0px;
}

.tab-right-part li {
    font-weight: 800;
    margin-bottom: 6px;
    position: relative;
    list-style: none;
    padding-left: 16px;
    font-size: 18px;
}

.tab-right-part li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border: 2px solid #1da5fd;
    background: 0;
    transform: rotate(45deg);
}

.tab-right-part p {
    width: 100%;
    text-align: justify;
    font-weight: 800;
    margin: 0px;
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 6px;
}

.tab-right-part p b {
    font-family: 'nexaHeavy';
}

@media only screen and (max-width:1399px) {
    .tab-left-part button.active:after {
        right: 11px;
        top: 24px;
    }

    .tab-left-part button {
        padding: 20px 9px;
        font-size: 14px;
    }
}

.spl-header-nav {
    color: #1da5fd !important;
    font-size: 18px;
    font-weight: 800;
    -webkit-animation: rocking 3s ease infinite;
    animation-delay: 2s;
    -moz-animation: rocking 3s ease infinite;
    animation-delay: 2s;
    animation: rocking 3s ease infinite;
    animation-delay: 2s;
}

@keyframes rocking {
    0% {
        transform: rotate(0deg)
    }

    25% {
        transform: rotate(0deg)
    }

    50% {
        transform: rotate(2deg)
    }

    75% {
        transform: rotate(-2deg)
    }

    100% {
        transform: rotate(0deg)
    }
}

#myVideoPlay {
    box-shadow: 0 4px 20px rgb(0 0 0 / 35%);
    border-radius: 12px;
}

.def-card-p {
    text-decoration: line-through;
    text-decoration-color: #f00;
}

@media screen and (max-width: 991px) {
    .wow {
        animation-name: none !important;
        visibility: visible !important;
    }
}