:root {
    --Primary-bg-color: #11142D;
    --secondary-bg-color: #fff;
    --card-bg-color: #14053E
}

body {
    font-size: 16px;
    line-height: 1.3;
    font-family: 'Helvetica Neue',sans-serif;
    font-weight: 400;
    overflow-x: hidden;
    box-sizing: border-box
}

.login-head {
    margin-left: 35px
}

ol {
    padding-left: 0
}

ol li {
    line-height: 1.7
}

.logiin-page .form-control {
    padding: 12px 10px!important;
    background-color: #f1f1f1
}

.row {
    margin: 0
}

h1,p {
    color: #14053E
}

.slider__content {
    position: relative;
    z-index: 8
}

.pt-120 {
    padding-top: 50px
}

.slider__content h5 {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.7
}

.main-title {
    color: #14053E;
    font-size: 56px;
    line-height: 1.5
}

.main-slider {
    background-color: #14053e;
    padding: 80px 0 105px 0
}

.main-slider-b {
    background-color: #14053e;
    padding: 30px 0 80px 0
}

.banner_image_wrapepr img {
    position: relative;
    top: 60px
}

.crs_dtl {
    border-radius: 2em;
    background-color: #04b7fc;
    color: #fff;
    white-space: nowrap;
    padding: .5em 1.5em
}

.crs_dtl:hover {
    background-color: #0082b5;
    color: #fff
}

.overlay_text {
    position: absolute;
    top: 6%;
    left: 9%;
    padding: 2px 10px;
    border-radius: 5px
}

.overlay_text p {
    margin: 0;
    color: #fff;
    padding: 6px
}

@media(min-width: 200px) and (max-width:767px) {
    .banner_image_wrapepr img {
        display:none
    }

    .bg-img-area {
        padding: 40px 0!important;
        margin-top: -75px!important
    }
}

@media(min-width: 768px) and (max-width:991px) {
    .bg-img-area {
        margin-top:-105px!important
    }

    .main-slider {
        padding: 100px 0!important
    }

    .banner_image_wrapepr img {
        top: 85px!important
    }
}

.bg-educators {
    color: #28b730;
    text-decoration: underline;
    font-weight: 700
}

.slider__content .highlight-text {
    color: white!important;
    display: flex;
    gap: 8px
}

.slick-track {
    margin-bottom: 25px
}

.slide-track {
    width: 100%;
    display: flex;
    gap: 6em;
    overflow: hidden
}

.slider {
    padding: 1em 0 .5em 0
}

svg.bi.bi-search {
    color: #fff
}

ul.d-flex.align-items-center {
    list-style: none
}

svg.bi.bi-cart4 {
    color: #fff
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translatex(-1000%)
    }
}

.sec-2-heading {
    background-color: #fff;
    color: #000;
    padding: 10px 10px;
    text-align: center;
    width: auto;
    width: 75%;
    display: block;
    margin-top: 14px;
    border-radius: 10px;
    margin-bottom: 10px
}

.close-banner {
    position: absolute;
    width: 20px;
    height: 20px;
    color: #000;
    font-size: 20px;
    border-radius: 50%;
    background-color: #fff;
    line-height: 20px;
    font-weight: 700;
    opacity: 1;
    right: 15px;
    top: 10px;
    text-align: center;
    z-index: 555;
    cursor: pointer
}

.offers-banner {
    position: relative
}

.offers-banner>a {
    display: block
}

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

.card-educationalpackage {
    border-radius: 2em;
    text-align: center;
    box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    position: relative;
    height: 432px
}

.card-educationalpackage img {
    width: 65%;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 0 10px rgb(0 0 0 / .2)
}

.login-page_wrapper .btn.transparent a {
    color: #fff
}

.card-educationalpackage .card-title {
    font-weight: 700;
    font-size: 1.5em
}

.card-educationalpackage .btn {
    border-radius: 2em;
    background-color: #04b7fc;
    color: #fff;
    white-space: nowrap;
    padding: .5em 1.5em
}

.card-educationalpackage .btn:hover {
    background-color: #ff0;
    color: #000;
    box-shadow: rgb(149 157 165 / .2) 0 8px 24px
}

.btn-on-card {
    position: absolute;
    right: 0;
    left: 50%;
    top: 100%;
    transform: translate(-50%,-50%);
    display: block
}

.crd-hdr {
    background-color: #14053E;
    padding: 50px;
    border-radius: 30px!important
}

@media (min-width: 300px) and (max-width:767px) {
    .mt-35 {
        margin-top:-35px
    }
}

@media (min-width: 992px) {
    section.Section-3 .card-sectton {
        flex:0 0 auto;
        width: 25%
    }
}

.recommend-btn {
    background-color: #ff0;
    padding: 5px 36px;
    color: #000;
    text-decoration: none;
    display: inline-block;
    border-radius: 8px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%,-50%)
}

.my_form_b {
    background-color: #efefef;
    border: 1px solid #d2d8dd;
    margin-bottom: 10px;
    padding: 15px 10px
}

.pb_20 {
    padding: 10px 10px 0 10px
}

.learning_pro {
    border-radius: 10px;
    background-color: #f2f2f2;
    padding: 15px;
    position: relative;
    box-shadow: 0 27px 20px -19px rgb(122 62 134 / 31%)
}

.learning_pro .left-section {
    position: relative
}

.learning_pro .left-section:after {
    content: "";
    height: 100%;
    width: 2px;
    background: #000;
    display: block;
    position: absolute;
    top: 0;
    right: -20px
}

.learning_pro .right-section {
    padding-left: 50px
}

.learning_pro .btn-text {
    text-align: center;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,0%)
}

.pt-40 {
    padding-top: 50px
}

.sundyblockbuster .sunbuster_title h3 {
    color: #081251
}

img {
    max-width: 100%
}

.sundyblockbuster .left-section {
    background: #14053E;
    border-radius: 32px;
    width: 80%
}

.imgbody img {
    display: block;
    text-align: center;
    margin: 0 auto
}

.infomation-box {
    position: absolute;
    background: #fff;
    margin: 0 auto;
    bottom: 20px;
    box-shadow: 0 4px 24px rgb(160 147 241 / .12);
    width: 90%;
    margin: 0;
    padding: 20px;
    box-shadow: 0 4px 24px rgb(160 147 241 / .12);
    border-radius: 16px;
    left: 50%;
    transform: translateX(-50%)
}

.imgbody {
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: revert;
    padding: 40px
}

.exclusive-webinar-heading {
    position: absolute;
    background: #efa00b;
    padding: 15px 32px;
    border-radius: 100px;
    left: 94%;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgb(16 16 33 / .24);
    overflow: hidden;
    text-transform: capitalize
}

.exclusive-webinar-heading::after {
    background-image: linear-gradient(to right,rgb(255 255 255 / .8) 24%,#fff0 26%,#fff0 53%,rgb(255 255 255 / .8) 54%);
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    width: 50px;
    -webkit-transition: all 3s (.19,1,.22,1);
    transition: all 3s cubic-bezier(.19,1,.22,1);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    animation: btnshinging2 3s ease-in-out forwards infinite
}

.exclusive-webinar-heading h6 {
    font-size: 20px;
    line-height: 1.5;
    margin: 0;
    color: #fff
}

.right-title h2 {
    color: #5454D4;
    font-size: 38px;
    line-height: 1.5;
    margin-bottom: 40px
}

.date p {
    font-size: 24px;
    line-height: 1.7;
    font-weight: 700
}

.paragraph p {
    line-height: 1.7;
    font-size: 17px
}

.explore-now {
    background: #0B1135;
    color: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 40px;
    font-size: 25px;
    line-height: 1;
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.explore-now span {
    z-index: 33
}

.explore-now::after {
    background-image: linear-gradient(to right,rgb(255 255 255 / .3) 24%,#fff0 26%,#fff0 53%,rgb(255 255 255 / .3) 54%);
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    width: 50px;
    -webkit-transition: all 3s cubic-bezier(.19,1,.22,1);
    transition: all 3s cubic-bezier(.19,1,.22,1);
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    animation: btnshinging 3s infinite
}

.explore-now:hover:after {
    left: 120%;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1)
}

.booksesstion-page {
    background: url(https://idpdefault.s3.ap-south-1.amazonaws.com/1634655de75b5ddac2220231122170451.jpg) no-repeat center;
    background-size: cover;
    width: 100%;
    border-radius: 32px;
    padding-bottom: 120px
}

.booksesstion-page .top-icon {
    left: 5%;
    top: 5%
}

.booksesstion-page .bottom-icon {
    right: 50px;
    bottom: 70px
}

#instructor-section .border-line {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 20px;
    bottom: 20px;
    left: 10%;
    border-radius: 12px;
    border: 2px solid #5454d4;
    box-sizing: border-box;
    z-index: -1
}

#instructor-section .instructor-card {
    padding: 40px;
    margin-bottom: 10px
}

#instructor-section .owl-dots,#categories .owl-dots {
    display: none!important
}

#categories .card {
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 4px 25px rgb(151 136 246 / .18);
    border: none
}

.categorie_wrapper_main .categorie_wrapper {
    padding: 30px
}

.categorie_wrapper_main .owl-item:nth-child(even) {
    transform: translateY(20px)
}

#categories .left-image {
    left: 0;
    bottom: -80px
}

#categories .right-angle {
    right: 0;
    bottom: -80px
}

.know-more a {
    font-weight: 500
}

.sunbuster_title .vector_images {
    opacity: .2
}

.page_wraper {
    background-color: #f8f7fe;
    padding-bottom: 100px;
    padding-top: 100px
}

.explore-now {
    width: 230px;
    display: inline-block;
    border-radius: 12px;
    transition: all .9s ease-in-out
}

.explore-now.applynow:hover {
    border: 4px solid #000;
    box-shadow: #5454D4 4px 4px 0 0,#000 4px 4px 0 1px
}

.explore-now.applynow a {
    color: #fff
}

@media (max-width: 767px) {
    .exclusive-webinar-heading {
        left:0;
        top: -30px;
        transform: translateX(50%)
    }

    .exclusive-webinar-heading h6 {
        font-size: 16px
    }

    .infomation-box {
        padding: 15px
    }

    .right-title h2 {
        font-size: 25px;
        margin-top: 20px;
        margin-bottom: 20px
    }

    .sundyblockbuster .left-section {
        width: 100%
    }

    .explore-now {
        width: 100%;
        font-size: 16px
    }

    .booksesstion-page {
        padding-bottom: 20px;
        height: auto
    }

    .booksesstion-page .top-icon {
        top: 0
    }

    .booksesstion-page .bottom-icon {
        display: none
    }

    #instructor-section .instructor-card {
        padding: 30px
    }
}

@keyframes btnshinging {
    0% {
        left: -75px
    }

    100% {
        left: 120%
    }
}

@keyframes btnshinging2 {
    0% {
        left: -75px
    }

    75% {
        left: 100%
    }

    100% {
        left: 0
    }
}

#buttooon {
    display: inline-block;
    background-color: #04b7fc;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    position: fixed;
    bottom: 30px;
    border-radius: 100px;
    right: 30px;
    transition: background-color .3s,opacity .5s,visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000
}

#buttooon::after {
    content: "\f062";
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
    line-height: 50px;
    color: #fff
}

#buttooon:hover {
    cursor: pointer;
    background-color: #333
}

#buttooon:active {
    background-color: #555
}

#buttooon.show {
    opacity: 1;
    visibility: visible
}

.accourdian {
    box-shadow: rgb(0 0 0 / .2) 0 12px 28px 0,rgb(0 0 0 / .1) 0 2px 4px 0,rgb(255 255 255 / .05) 0 0 0 1px inset;
    background-color: #fff;
    border-radius: 20px;
    max-width: 83.33%;
    margin: auto!important;
    padding: 1.3rem
}

.accordian-item {
    background-color: #fff;
    padding: 1rem;
    position: relative
}

.accordian-link {
    color: #0e0606;
    font-size: 24px;
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    line-height: 1.3
}

.accordian-link i {
    border: 1px solid #000;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    position: absolute;
    right: 0;
    top: 0
}

.card-sectton-b {
    margin-right: 20px;
    margin-left: 20px
}

.bg-img-area {
    background-image: url(https://idpdefault.s3.ap-south-1.amazonaws.com/906964631cfc5bb877020230516113444.jpg);
    padding: 76px 0;
    background-size: cover;
    margin-top: -145px;
    background-position: center;
    position: relative
}

.accordian-link i.ion-md-remove {
    transform: rotate(180deg);
    background-color: #fff;
    border-color: #000;
    color: #000
}

.answer {
    overflow: hidden;
    max-height: 0;
    position: relative;
    background-color: #fff;
    transition: max-height 0.7s
}

.answer p {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    padding: 1rem;
    margin: 0
}

section.smart_accordian-section {
    margin-top: 90px
}

.answer.open {
    max-height: 100vh!important;
    overflow-y: auto
}

.instructor_section_wrapper .card-sectton {
    padding: 0 10px;
    margin-right: 20px
}

.answer::-webkit-scrollbar {
    width: 10px
}

.answer::-webkit-scrollbar-track {
    background: #fff
}

.vertical_slider_item {
    padding-bottom: 14px
}

@keyframes gradient {
    0%,100% {
        background-position: 20% 10%
    }

    20% {
        background-position: 40% 20%
    }

    40% {
        background-position: 60% 40%
    }

    80% {
        background-position: 80% 60%
    }
}

.card-sectton {
    justify-content: center!important;
    text-align: center!important;
    margin-right: 30px;
    margin-bottom: 20px
}

.instructor-card-sectton {
    border-radius: 2em;
    text-align: center;
    box-shadow: 0 5px 10px rgb(0 0 0 / .2);
    position: relative
}

.instructor-card-sectton .card-body {
    padding: 0 .5em 15px
}

.instructor-card-sectton:hover {
    border: 1px solid #000
}

.instructor-card-sectton img {
    width: 100%;
    border-radius: 2em;
    margin: 0 auto;
    height: 255px;
    overflow: hidden;
    object-fit: cover
}

.instructor-card-sectton .card-title {
    font-weight: 700;
    font-size: 1.2em
}

.instructor-card-sectton .btn {
    border-radius: 2em;
    background-color: #04b7fc;
    color: #fff;
    padding: .5em 1.5em
}

.crd-hdr {
    background-color: #14053E;
    padding: 50px;
    border-radius: 30px!important
}

.pe-4 li {
    line-height: 30px
}

.inst-icon {
    background: #9080FC;
    border-radius: 40px;
    border-width: 1px 1px 1px 1px
}

svg.bi.bi-twitter {
    font-size: 31px;
    height: 40px;
    display: block;
    text-align: center;
    margin: 0 auto
}

svg.bi.bi-whatsapp {
    font-size: 31px;
    height: 40px;
    display: block;
    text-align: center;
    margin: 0 auto
}

svg.bi.bi-linkedin {
    font-size: 31px;
    height: 40px;
    display: block;
    text-align: center;
    margin: 0 auto
}

.counter-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding: 30px;
    position: relative
}

.counter {
    font-size: 3.5rem;
    line-height: 1.3;
    margin-top: 10px;
    font-weight: 700;
    color: #14053E;
    display: flex;
    align-items: center;
    justify-content: center
}

.span-counter {
    margin-top: 10px;
    font-weight: 400;
    line-height: 24px;
    font-size: 1.125rem
}

h1.text-center.my-5.counter-head {
    padding-top: 62px
}

img {
    max-width: 100%
}

.count-1::after {
    content: '+';
    vertical-align: middle
}

.count-2::after {
    content: 'K+';
    vertical-align: middle
}

.count-3::after {
    content: 'Cr+';
    vertical-align: middle
}

.container-counters {
    background-image: url(https://idpdefault.s3.ap-south-1.amazonaws.com/2030646b513da63452520230522165549.jpg);
    background-position: 50%;
    padding: 100px 0
}

.alumni_section .card {
    overflow: hidden;
    border: 0;
    margin-right: 30px
}

.alumni_section_wrap ul.slick-dots {
    margin-top: b;
    bottom: -40px
}

.alumni_section .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #fff0 linear-gradient(to bottom,#fff0 0%,rgb(255 255 255) 150%) repeat scroll 0 0;
    border-radius: 5px;
    transition: all 0.35s ease-in-out;
    transition: all 0.3s ease-in;
    cursor: pointer
}

.alumni_section_wrap .row .slick-track>div:nth-child(even) {
    margin-top: 50px
}

.alumni_section .card:hover::after {
    height: 100%
}

.alumni_section .img_wrapepr img {
    border-radius: 5px;
    width: 100%
}

.alumni_section .details-section {
    padding: 0 30px;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
    z-index: 1
}

.alumni_section .details-section .info {
    padding-top: 15px;
    background: #fff;
    box-shadow: 0 0 38px 0 rgb(0 0 0 / 8%);
    border-radius: 5px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.alumni_section .details-section .info h5 {
    transition: all 0.35s ease-in-out;
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center
}

.alumni_section .details-section .info::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    height: 0;
    width: 100%;
    background: linear-gradient(90deg,#0f50c5 0%,rgb(0 89 252) 56%);
    transition: all 0.35s ease-in-out;
    z-index: -1
}

.alumni_section .card:hover .details-section .info::after {
    height: 100%
}

.alumni_section .card:hover .details-section h5 {
    color: #fff
}

.alumni_section .card:hover .details-section span {
    color: #fff
}

.alumni_section .details-section .info span {
    color: #999;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.35s ease-in-out;
    text-align: center;
    display: block
}

.alumni_section .social_icons {
    position: absolute;
    left: 0;
    bottom: -30px;
    padding: 30px;
    right: 0;
    transition: all 0.35s ease-in-out;
    z-index: 1
}

.alumni_section .card:hover .social_icons {
    bottom: 60px
}

.alumni_section .img_wrapepr .social_icons {
    margin: 0
}

.alumni_section .img_wrapepr .social_icons li {
    margin: 0 5px
}

.alumni_section .img_wrapepr .social_icons li a {
    display: inline-block;
    color: #fff;
    height: 45px;
    width: 45px;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    transition: all 0.35s ease-in-out;
    -webkit-transition: all 0.35s ease-in-out
}

.alumni_section .img_wrapepr .social_icons li:first-child a {
    background: #3b5998
}

.alumni_section .img_wrapepr .social_icons li:nth-child(2) a {
    background: #3f729b
}

.alumni_section .img_wrapepr .social_icons li:last-child a {
    background: #1da1f2
}

.video-responsive {
    overflow: hidden;
    position: relative;
    height: 364px
}

.video-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    border: 6px solid #fff;
    border-radius: 20px;
    width: 100%
}

.testimonies-section {
    position: relative
}

.testimonies-section::before {
    border-bottom: 519px solid #14053E;
    border-right: 900px solid #fff0;
    height: 50%;
    top: 0;
    width: 50%;
    content: "";
    position: absolute
}

.testimonie-card {
    border-radius: 30px;
    margin-top: 0
}

.testimonie-card:hover {
    border: 1px solid blue
}

.bi-star-fill {
    color: #ff0
}

.video_arrows {
    text-align: center;
    display: flex;
    justify-content: center;
    z-index: 99;
    position: relative
}

.video_arrows div {
    border: none;
    padding: 10px 15px;
    margin: 10px;
    font-size: 18px;
    font-weight: 600;
    transition: all 0.5s;
    cursor: pointer;
    border-radius: 50%;
    background: red
}

.video_arrows div i {
    color: #fff
}

.responsive_video_slider .slick-dots li button:before {
    opacity: 1;
    color: #0037ff
}

.responsive_video_slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff
}

.downloadtext {
    font-size: 68px;
    font-weight: 700
}

h2.downloadtextt.Ps-5.text-white {
    font-size: 20px;
    line-height: 1.5
}

.card-educationalpackage .pricing-list {
    padding: 0
}

.card-educationalpackage .pricing-list {
    padding: 0;
    text-align: left;
    line-height: 1.3
}

.card-educationalpackage .pricing-list li {
    display: flex;
    margin-bottom: 10px
}

.card-educationalpackage .pricing-list li i {
    margin-right: 10px;
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #0a6dff
}

.card-educationalpackage .card-body {
    padding: 20px
}

.downloadsection {
    background-color: #0D0328
}

.back-iphone {
    color: #000;
    border-radius: 25px;
    border: 1px solid #fff;
    background: #000;
    padding: 15px!important
}

.back-android {
    color: #000;
    border-radius: 25px;
    border: 1px solid #fff;
    background: #000;
    padding: 15px!important
}

.icon-butto.row.pt-5 {
    padding-bottom: 75px
}

h1.downloadtext.text-white {
    padding-top: 50px
}

.rocket {
    position: absolute;
    top: -60px;
    left: 45%
}

.downloadsection {
    position: relative
}

img.imigifi {
    position: absolute!important;
    bottom: 132px!important
}

img.imigifiy {
    position: absolute;
    bottom: 280px;
    right: 86px
}

section.downloadsection {
    background: #14053E
}

.hidden {
    display: none
}

.viewPlan {
    text-align: center
}

.downloadd .dnldicons {
    padding: 12px
}

.loadmore_next {
    padding: 12px 25px;
    text-decoration: none;
    background-color: #0d6efd;
    color: #fff;
    font-size: 16px;
    border-radius: 30px;
    cursor: pointer;
    display: inline-block
}

.loadmore_next:hover {
    color: #fff
}

.testimonie-card .text-muted {
    --bs-text-opacity: 1;
    color: #6c757d!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.instructor_courses .container_wrap .row {
    justify-content: center
}

.footer-area {
    background: #11142D;
    padding-top: 40px
}

.footer-inner .widget_link {
    margin-bottom: 50px
}

.widget_link ul {
    padding: 0;
    margin: 0;
    display: inline-block;
    text-align: start
}

.footer-inner .widget_link {
    margin-bottom: 20px
}

.footer-inner .widget-title {
    font-size: 18px;
    font-weight: 700
}

.call-button:hover {
    color: #fff
}

.call-button {
    color: #fff;
    padding: 22px;
    font-weight: bolder;
    text-decoration: none;
    border-radius: 10px;
    font-size: 20px;
    background: #11142D
}

svg.bi.bi-telephone-fill {
    height: 30px;
    width: 30px
}

.slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px
}

.slick-prev {
    width: 0;
    height: 0;
    border-left: 0 solid #fff0;
    border-right: 15px solid #113463;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    cursor: pointer;
    z-index: 999
}

.slick-prev::before,.slick-next::before {
    display: none
}

.slick-next {
    width: 0;
    height: 0;
    border-right: 0 solid #fff0;
    border-left: 15px solid #113463;
    border-top: 10px solid #fff0;
    border-bottom: 10px solid #fff0;
    cursor: pointer;
    z-index: 999
}

.news_arrows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100px;
    margin: 0 auto
}

.news_arrows>div {
    font-size: 16px;
    margin: 0 10px;
    cursor: pointer
}

.news_arrows>div i {
    color: #000;
    padding: 11px;
    border: .07em solid rgb(0 0 0 / .1);
    border-radius: 50%;
    line-height: 1
}

.customerpara {
    font-size: 15px;
    font-weight: 700
}

li {
    list-style: none
}

a {
    text-decoration: none
}

.widget-heading {
    color: #fff;
    padding: 10px 0;
    border-bottom: 2px dashed #fff
}

.widget-headingg {
    text-align: center;
    color: #fff
}

span.widget-heading {
    display: inline-block
}

span.widget-headingg {
    display: inline-block;
    margin-top: 16px
}

.footer-endi {
    margin: 0
}

.footer-widget a {
    color: #fff;
    text-align: start;
    line-height: 1.6
}

#frontpopup {
    border-radius: 12px;
    animation: frontpopup 5s infinite;
    background: transparent!important;
    backdrop-filter: blur(14px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

@keyframes mymove {
    50% {
        box-shadow: 10px 20px 30px blue
    }
}

.modal-content {
    background: #fff0;
    width: 100%;
    max-width: 100%;
    border: none
}

.modal.show .modal-dialog {
    transform: none;
    max-width: 500px
}

.modal-header {
    border: none;
    border-bottom: none!important
}

.popup-on-load {
    border-radius: 20px;
    background-color: white!important;
    box-shadow: rgb(50 50 93 / .25) 0 50px 100px -20px,rgb(0 0 0 / .3) 0 30px 60px -30px
}

.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear!important;
    -o-transition: all .25s linear!important;
    transition: all .25s linear!important
}

.fade-scale.in {
    opacity: 1;
    transform: scale(1);
    display: flex!important
}

.modal-body-1 {
    background: #e1e1e1;
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    border-radius: 30px;
    padding: 20px 55px;
    border-radius: 12px
}

.btn-submmit {
    background-color: #14053E;
    color: #fff
}

.btn-submmit:hover {
    background-color: #14053E;
    color: #fff
}

.alumni_section .card .play-video_btn {
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 999;
    width: 40px;
    height: 40px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    cursor: pointer
}

.alumni_section .card .play-video_btn i {
    color: #cc2626
}

#whyus-mob {
    display: none
}

@media (min-width: 300px) and (max-width:767px) {
    h2.downloadtextt.Ps-5.text-white {
        margin-left:15px
    }

    h1.downloadtext.text-white {
        margin-left: 15px
    }

    .abt_pd {
        padding: 25px 0 25px 0px!important
    }

    #whyus-mob {
        display: block
    }

    .whyus-mob-none {
        display: none
    }

    .aboutus-heading {
        padding-top: 0px!important
    }

    .about-us-h4 {
        font-size: 22px!important
    }
}

@media (min-width: 1860px) and (max-width:1881px) {
    #Section-about .sideimgg {
        top:12.8%!important
    }
}

@media (min-width: 1650px) and (max-width:1660px) {
    #Section-about .sideimgg {
        top:10.8%!important
    }

    .close-banner {
        line-height: 15px
    }
}

@media (min-width: 2139px) and (max-width:2200px) {
    #Section-about .sideimgg {
        top:15.8%!important
    }
}

@media (min-width: 2110px) and (max-width:2138px) {
    #Section-about .sideimgg {
        top:13.8%!important
    }
}

@media (min-width: 1400px) and (max-width:1450px) {
    #Section-about .sideimgg {
        top:10.8%!important
    }

    .close-banner {
        line-height: 15px
    }
}

@media (min-width: 1201px) and (max-width:1399px) {
    #Section-about .sideimgg {
        top:22.8%!important
    }

    .close-banner {
        line-height: 15px
    }
}

#Section-about .sideimgg {
    position: absolute;
    top: 4.8%;
    width: 100%
}

.imageside {
    position: relative;
    overflow: hidden
}

.gallery_page #pastevents {
    padding-top: 150px
}

.gallery_page .rounded-soft {
    border-radius: 0.375rem!important
}

.gallery_page .hoverbox {
    position: relative;
    overflow: hidden
}

.gallery_page .hoverbox .hoverbox-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    margin: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.gallery_page .hoverbox:focus .hoverbox-content,.gallery_page .hoverbox:hover .hoverbox-content {
    opacity: 1
}

.gallery_page .mb-2,.gallery_page .my-2 {
    margin-bottom: 0.5rem!important
}

.gallery_page .no-gutters {
    margin-right: 0;
    margin-left: 0
}

.gallery_page .rounded-soft {
    border-radius: 0.375rem!important
}

.gallery_page .bg-overlay-primary {
    background-color: rgb(47 23 86 / .82)
}

.gallery_page .col-md-6.mb-3.mb-md-0 {
    padding: 0
}

.gallery_page .pl-0,.gallery_page .px-0 {
    padding-left: 0!important
}

.gallery_page #event {
    background-color: #331F52
}

.instructor_details p span {
    color: #fff!important;
    font-size: 16px!important;
    line-height: 1.2
}

.row.downloadd {
    position: relative
}

.row.downloadd .imigifi {
    position: absolute;
    transform: translateY(-100px);
    right: 0
}

.plyimg {
    padding: 0
}

.apleimg {
    padding: 0
}

.row.downloadd .imigifi img {
    margin-top: -34px;
    height: 626px;
    object-fit: cover
}

.colummm img {
    width: 85%
}

.bottom-slider-section {
    margin-top: 3rem
}

.sundy_block-buster_form .btn-closess {
    position: absolute;
    right: 22px;
    top: 7px;
    font-size: 25px;
    background: #fff0;
    color: #fff;
    border: 0
}

#Section-abouter {
    background-image: url(https://idpdefault.s3.ap-south-1.amazonaws.com/8968645ddfcfeba035420230512121223.jpg);
    padding: 100px;
    background-size: cover;
    margin-top: -222px;
    z-index: 999;
    position: relative
}

@media(min-width: 1025px) {
    .footer-widget.widget.widget_link.col-12.col-lg-4.col-xl-4 {
        padding:0!important
    }

    .testimonies_right_section .slick-dots {
        bottom: auto;
        left: 100%;
        top: 50%;
        right: 50%;
        width: auto
    }
}

@media (max-width: 1200px) {
    .call-button {
        color:#fff;
        padding: 20px;
        font-weight: bolder;
        text-decoration: none;
        border-radius: 10px;
        font-size: 18px;
        background: #11142D
    }

    svg.bi.bi-telephone-fill {
        height: 28px;
        width: 28px
    }

    img.img-fluid.sideimgg {
        display: none
    }
}

@media (max-width: 1024px) {
    section#Section-abouter {
        display:none
    }

    .col-xl-5.col-lg-7.col-12.imageside {
        display: none
    }

    .row.downloadd .imigifi img {
        height: 600px
    }

    span.span-counter,.span-counter {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.3
    }

    .counter-container {
        align-items: center
    }

    .counter {
        font-size: 60px
    }
}

@media (max-width: 991px) {
    .call-button {
        color:#fff;
        padding: 16px;
        font-weight: bolder;
        text-decoration: none;
        border-radius: 10px;
        font-size: 12px;
        background: #11142D
    }

    svg.bi.bi-telephone-fill {
        height: 22px;
        width: 22px
    }

    .col-12.col-md-4.col-lg-3.col-xl-3.card-sectton.slick-slide {
        padding: 10px
    }

    .responsive_video_slider .iframe {
        border: 8px solid blue!important
    }

    div#player {
        border: 6px solid blue
    }

    #whyus .img-size-cover-3 {
        border-radius: 20px;
        padding: 28px;
        height: 450px;
        margin-top: 20px;
        width: 100%;
        background-position: center;
        object-fit: cover
    }

    .player .vp-target {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 6px solid #ff5f6d!important;
        z-index: 4
    }

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        position: absolute;
        border-radius: 20px;
        width: 100%
    }

    .downloadtext {
        font-size: 50px;
        font-weight: 700
    }

    img.imigifi {
        position: static!important
    }

    .back-android {
        margin-bottom: 15px
    }

    .testimonies-section::before {
        display: none
    }

    #Section-abouter .main-slidera {
        background: url(https://idpdefault.s3.ap-south-1.amazonaws.com/2503645cd66c07ac59120230511172004.jpg) no-repeat;
        padding: 130px 0;
        background-size: cover;
        height: 100px;
        background-position: center
    }

    .video_arrows div i {
        color: #000
    }

    #courses .element-item {
        width: 50%!important
    }

    .container_wrap .element-item,.course_purchases .element-item {
        width: 50%!important
    }

    .responsive_video_slider .slick-dots li.slick-active button:before {
        opacity: 1;
        color: #000
    }

    .gallery_page #pastevents {
        padding-top: 90px
    }

    .vertical_slider_item {
        padding-bottom: 0;
        margin-right: 20px
    }
}

@media (max-width: 767px) {
    .call-button {
        color:#fff;
        padding: 16px;
        font-weight: bolder;
        text-decoration: none;
        border-radius: 10px;
        font-size: 16px;
        background: #11142D
    }

    svg.bi.bi-telephone-fill {
        height: 17px;
        width: 22px
    }

    .apleimg {
        text-align: center!important
    }

    .plyimg {
        text-align: center!important
    }

    .col-6.col-lg-6.col-xl-6.plyimg {
        padding: 0
    }

    .col-6.col-lg-6.col-xl-6.apleimg {
        padding: 0
    }

    a.btn-fnrt.btn.btn-warning.btn-lg {
        margin-bottom: 12px
    }

    .banner-btns .btn-outline-success {
        margin-bottom: 12px
    }

    h1.downloadtext.text-white {
        padding-top: 0
    }

    .icon-butto.row.pt-5 {
        padding-bottom: 50px
    }

    .downloadd .dnldicons {
        padding: 0
    }

    .row.downloadd .imigifi {
        position: static;
        text-align: center
    }

    .downloadtext.text-white {
        padding-top: 0
    }

    .row.downloadd .mobile-image {
        margin-top: -50px
    }

    .row.downloadd .imigifi img {
        height: auto
    }

    .syboool .text-white {
        font-size: 14px
    }

    .row.downloadd {
        flex-direction: column-reverse
    }

    .footer-endi {
        margin: 0;
        line-height: 28px;
        font-size: 18px
    }

    .learning_pro .left-section:after {
        content: "";
        height: 2px;
        width: 100%;
        background: #000;
        display: block;
        position: absolute;
        top: auto;
        right: 0;
        bottom: -10px
    }

    .learning_pro .right-section {
        padding: 0
    }

    .learning_pro .left-section {
        margin-bottom: 30px
    }

    .right-section .learning-prg-card {
        flex-direction: row-reverse;
        gap: 2rem!important
    }

    .alumni_section_wrap {
        padding: 0 15px
    }

    .instructor-section .card-sectton {
        margin-right: 0
    }

    .instructor-card-sectton img {
        height: auto
    }

    .container-counters {
        background-size: inherit
    }

    .learning_pro {
        padding: 20px
    }

    .learning_pro .gap-5 {
        gap: 1rem!important
    }

    .counter {
        font-size: 40px;
        margin-bottom: 0!important
    }

    .span-counter,.span-counter {
        margin-top: 10px
    }

    .accordian-link {
        font-size: 16px
    }

    .main-title {
        font-size: 24px
    }

    .slider_wrapper,.slider_wrapper_plans {
        margin-bottom: 0!important
    }

    .accourdian,.course-deta .accourdian {
        max-width: 100%
    }

    .video-responsive iframe {
        position: relative;
        min-height: 200px
    }

    .video-responsive {
        height: auto
    }

    .counter-container {
        padding: 10px
    }

    #courses .element-item,.course_purchases .element-item {
        width: 100%!important
    }

    .container_wrap .element-item,.course_purchases .element-item {
        width: 100%!important
    }

    .main-slider .row {
        flex-direction: column-reverse
    }

    .main-slider {
        padding: 85px 0
    }

    .video-responsive iframe {
        width: 100%
    }

    .card-educationalpackage {
        height: auto
    }

    .alumni_section .card {
        margin-right: 0
    }
}

@media(max-width: 600px) {
    .container-counters .slick-next {
        right:35px
    }

    .container-counters .slick-prev {
        left: 35px
    }

    .banner-btns .btn-outline-success {
        margin-left: 0!important
    }

    .pt-120 {
        padding-bottom: 40px
    }

    .accordian-link i {
        right: -15px;
        top: 10px
    }

    .accordian-item {
        padding-left: 0
    }
}