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

select:focus, select:focus-visible, select:focus-within {
    outline: none;
    box-shadow: none;
}

.videoframe .btn-close {
    /* top: 10px;
    right: 10px;*/
    top: -31px;
    right: -66px;
    background-image: url(https://cdn.bestastrologersindia.com/bestastrologersindia/images/close.svg);
    opacity: 1;
}

.videoframe.show {
    display: flex !important;
    align-items: center;
    background-color: #0000005e;
}

.modal-backdrop.show {
    display: none;
}


img {
    width: auto;
    max-width: 100%;
}

a {
    text-decoration: none;
}

.details {
    display: none;
}

.left-text {
    position: absolute;
    top: 0;
    left: 361px;
}


.tab-pane:focus-visible, .tab-pane:focus, .tab-pane:focus-within {
    outline: none;
    border: none;
    box-shadow: none;
}

ul {
    list-style: none;
}

.bule_btnhove:hover {
    background-color: #3495ff;
}

body, p {
    font-size: 16px;
    line-height: normal;
    font-weight: normal;
    color: #000000;
    font-family: 'Poppins';
}

.font12 {
    font-size: 12px;
    line-height: 14px;
}

.font13 {
    font-size: 13px;
    line-height: 20px;
}

.font16 {
    font-size: 16px;
    line-height: 24px;
}

.font19 {
    font-size: 19px;
    line-height: 25px;
}

.font20 {
    font-size: 20px;
    line-height: 24px;
}

.border-red {
    border: 1px solid #EC221F;
}

.border-blue {
    border: 1px solid #007AFF;
}
.border-pink {
    border: 1px solid #FBD6D4;
}

.text-red {
    color: #EC221F !important;
}

.bg-red {
    background-color: #EC221F;
}

.text-blue {
    color: #007AFF !important;
}

.text-gray {
    color: #B3B3B3;
}

.text-darkgray {
    color: #757575;
}

.text-offblack {
    color: #1E1E1E;
}

.text-lightblack {
    color: #3C3C43;
}

.bg-green {
    background-color: #2AA81A;
}

.bg-upcomig-yellow {
    background-color: #FFB229;
}

.bg-yellow {
    background-color: #FFCC00;
}

.bg-lightyellow {
    background-color: #FFF3DE;
}

.bg-lightblue {
    background-color: #F3F3F3;
}

.bg-lightpink {
    background-color: #FEE9E7;
}

.bg-blue {
    background-color: #007AFF;
}

.bg-offwight {
    background-color: #FBFBFB;
}

.bg-gray {
    background-color: #F5F5F5;
}

.bluebtn-shadow {
    box-shadow: 8px 12px 15px #00000029;
}

.bg-lightsky {
    background-color: #f0f3ff;
}

.bg-lightwhite {
    background-color: #F9FAFF;
}

.bg-pink {
    background-color: #FEE8E7;
}

.bg-offlightpink {
    background-color: #FFEFEE;
}

.bg-thinklightblue {
    background-color: #FAF8FF;
}

.list-style-circle {
    list-style: circle;
}

.list-style-disc {
    list-style: disc;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    color: #000;
    font-weight: bold;
}

.h1, h1 {
    font-size: 50px;
    line-height: 60px;
}

.h2, h2 {
    font-size: 33px;
    line-height: 50px;
}

.h3, h3 {
    font-size: 30px;
    line-height: 40px;
}

.h4, h4 {
    font-size: 28px;
    line-height: 36px;
}

.h5, h5 {
    font-size: 24px;
    line-height: 32px;
}

.h6, h6 {
    font-size: 18px;
    line-height: 26px;
}


.word-wrap {
    word-wrap: break-word;
}

.margin-leftminus {
    margin-left: -20px;
}

.dropdown-toggle:hover .dropdown-menu {
    display: block;
}

ul.dropdown-menu li a:hover {
    background-color: #f1f1f1;
}

.navbar-nav li {
    position: relative;
    transition: width 0.5s;
}



    .navbar-nav li:nth-child(-n+5)::after, .navbar-nav li:nth-child(-n+5)::before {
        content: "";
        width: 0px;
        height: 2px;
        background-color: #007AFF;
        position: absolute;
        top: 0;
        transition: width 0.5s;
    }

    .navbar-nav li:nth-child(-n+5)::after {
        right: 0;
    }
    .navbar-nav li:nth-child(-n+5)::before {
        left: 0;
    }

    .navbar-nav li:nth-child(-n+5):hover::after, .navbar-nav li:nth-child(-n+5):hover::before {
        width: 50px;
    }

    .navbar-nav li:nth-child(-n+5):hover a, .footer-inner ul li a:hover {
        color: #007AFF !important;
    }

    .whatspp-sec {
        position: fixed;
        bottom: 25px;
        right: 10px;
        z-index: 99;
    }

        .whatspp-sec a:hover {
            background-color: #61cd53;
        }

button.subscribedbtn:hover {
    background-color: #f1f1f1 !important;
}

.banner-right {
    z-index: 0;
}

.chakra-img {
    top: -65px;
    left: 0px;
    right: 0px;
    z-index: -1;
}

.coursedetail-banner .chakra-img {
    top: 0px;
}

.app-sec ul li img {
    filter: grayscale(1);
    opacity: 0.5;
}

    .app-sec ul li img:hover {
        filter: grayscale(0);
        opacity: 1;
    }

.star-box {
    width: 47px;
    height: 47px;
}

.explore-shadow {
    box-shadow: 0px 3px 0px #F0F0F0;
}

.border-gray {
    border: 2px solid #F5F5F5;
}

.explore-list li {
    position: relative;
    padding-left: 20px !important;
}

    .explore-list li::after {
        content: "";
        position: absolute;
        top: 37%;
        left: 7px;
        width: 7px;
        height: 7px;
        background-color: #0074BA;
        border-radius: 2px;
        border: 1px solid #0074BA;
        transform: rotate(45deg);
    }
/* .explore-list li:first-child::after {
        content: "";
        border: 1px solid blue;
    }*/
.career-starts-inner {
    max-width: 1120px;
}

.career-starts-right img {
    margin: -65px 0px;
}

.anywhere-right img {
    margin-top:-59px;
    /*margin-top: -100px;
    margin-bottom: -87px;*/
}

.accordion-inner-box h2 {
    box-shadow: none !important;
    background-color: transparent !important;
}

    .accordion-inner-box h2 button.accordion-button, .accordion-inner-box .accordion-collapse.show .accordion-body, .accordion-inner-box .accordion-collapse .accordion-body {
        background-color: #f5f5f5 !important;
        box-shadow: none !important;
    }

.accordion-inner-box .accordion-body ul li {
    margin-top: 12px;
}

.accordion-body {
    border-top: 1px solid #c3c3c3;
    padding-top: 10px !important;
}

.accordion-inner-box h2 button.collapsed {
    background-color: transparent !important;
}

.yellow-line {
    width: 1px;
    height: 90px;
    background-color: #FFB22985;
}

.inspiring-rating-star img {
    width: 12px;
}

.chat-box {
    top: 41%;
    right: 0;
}

.sticky-shadow {
    box-shadow: 0px -7px 9px #0000001A;
}

.whylearn-carousel .owl-nav .owl-prev span, .whylearn-carousel .owl-nav .owl-next span, .latest-work-carousel .owl-nav .owl-prev span, .latest-work-carousel .owl-nav .owl-next span, .arrow-btn {
    width: 35px;
    height: 35px;
    background-color: #d1d1d6 !important;
    border-radius: 50px;
    border: 1px solid #d1d1d6;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 42px;
    line-height: 50px;
}

    .whylearn-carousel .owl-nav .owl-prev span:hover, .whylearn-carousel .owl-nav .owl-next span:hover, .latest-work-carousel .owl-nav .owl-prev span:hover, .latest-work-carousel .owl-nav .owl-next span:hover, .arrow-btn:hover {
        background-color: #ababaf !important;
    }

    .whylearn-carousel .owl-nav .owl-prev span {
        padding: 0px 0px 3px 0px;
    }

.whylearn-carousel .owl-nav .owl-next span {
    padding: 0px 0px 3px 5px;
}

.whylearn-carousel .owl-nav .owl-prev, .whylearn-carousel .owl-nav .owl-next, .latest-work-carousel .owl-nav .owl-prev, .latest-work-carousel .owl-nav .owl-next, .arrow-left, .arrow-right {
    position: absolute;
    top: 36%;
    z-index: 1;
}

.arrow-left, .arrow-right {
    font-family: inherit;
}

.arrow-left {
    padding: 3px 0px 0px 0px;
    font-size: 35px;
}

.arrow-right {
    font-size: 35px;
    padding: 2px 0px 0px 5px;
}

.whylearn-carousel .owl-nav button.disabled, .latest-work-carousel .owl-nav button.disabled {
    display: none;
}

.whylearn-carousel .owl-nav .owl-prev, .latest-work-carousel .owl-nav .owl-prev, .arrow-left {
    /*left: -18px;*/
    left: -6px;
}

.whylearn-carousel .owl-nav .owl-next, .latest-work-carousel .owl-nav .owl-next, .arrow-right {
    /*right: -18px;*/
    right: -12px;
}

.whylearn-inner-box {
    min-height: 250px;
}

.right-side img, .mobile-contect a, .mobile-contect p, #copyLinkBtn {
    cursor: pointer;
}

.countdown {
    display: flex;
    gap: 5px;
    font-family: Arial, sans-serif;
    justify-content: center;
    align-items: center;
}

.box {
    background: #FFFFFF;
    border: 1px solid #f1f1f1;
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    min-width: 88px;
}

.value {
    font-weight: bold;
}

.ribin-sec {
    background-image: url('https://cdn.anytimeastro.com/anytimeastro/academy/web/images/ribin.png');
    background-repeat: no-repeat;
    background-position: top left;
    width: 100%;
    max-width: 228px;
    height: 100%;
    position: absolute;
    top: -5px;
    left: 8px;
}
    .ribin-sec.allcourses-ribin {
        left: -5px;
    }

    .ribin-sec p {
        transform: rotate(-45deg);
        position: absolute;
        top: 53px;
        left: -2px;
        font-size: 13px;
        color: #fff;
    }

.Shadow-inner img {
    height: 50px;
}

.livewebiner-offer-right div > ul {
    max-width: 585px;
}

.about-vision-inner ul li .explore-box-img {
    right: -35px;
}

.contect-details-box div.bg-white {
    min-height: 100px;
}

.bg_position {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-sec {
    top: -8%;
    z-index: 0;
    left: 55px;
}

.explore-courses-tabs-box li {
    width: 100%;
    max-width: 225px;
}

    .explore-courses-tabs-box li button.nav-link.active {
        background-color: #000000;
        color: #ffffff !important;
    }

    .explore-courses-tabs-box li button.nav-link {
        width: 100%;
    }

.latest-work-carousel::after, .whylearn-carousel::after, .custom-latest-work-carousel::after {
    content: "";
    background-image: url('https://cdn.anytimeastro.com/anytimeastro/academy/web/images/slider_shadow.png');
    background-position: top center;
    height: 286px;
    width: 100%;
    max-width: 96px;
    position: absolute;
    bottom: -61px;
    right: 0;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.whylearn-carousel::after {
    bottom: 0px;
    z-index: 0;
}

.course-about-right#sidebar {
    top: 0;
    width: 100%;
    max-width: 440px;
    right: 310px;
}

.abc-left div.container {
    width: 100%;
    max-width: 800px;
}

.course-series-sec li {
    width: calc(100%/5);
    position: relative;
    padding-right: 25px;
}

    .course-series-sec li::after {
        content: "";
        width: 1px;
        height: 100%;
        background-color: #FFB22985;
        position: absolute;
        top: 0;
        left: -20px;
    }

    .course-series-sec li:first-child {
        content: "";
        position: initial;
    }

.watch-sec a span {
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}

.up-arrow-sec {
    top: 31%;
    left: -6%;
}

.whylearn-carousel button.owl-dot {
    width: 12px;
    height: 12px;
    background-color: #DEDEDE;
    border-radius: 50px;
    margin: 0px 2px;
}

.whylearn-carousel .owl-dots {
    margin: 10px 0px;
}

    .whylearn-carousel button.owl-dot.active {
        background-color: #B2D7FF;
    }

.sun-json-img {
    top: 80px;
    left: 52px;
}

.calendar-json-img {
    top: 85px;
    left: 0px;
}

.close-btn {
    top: -3px;
}

.all-course-box ul {
    width: 227px;
}

.front-shadow-img {
    /*bottom:46px;*/
    bottom: 0px;
}

    .front-shadow-img.coursedetail-front-shadow {
        bottom: 0px;
    }

.navbar-toggler:focus, .navbar-toggler:focus-visible, .navbar-toggler:focus-within {
    border: none;
    outline: none;
    box-shadow: none;
}

.right-side .item img {
    margin-left: 20px;
}

.right-side .item p, .right-side .item strong, .right-side .item span {
    display: none;
}

.right-side {
    margin-top: 175px;
    overflow: hidden;
}

    .right-side .item img {
        width: 100%;
        max-width: 177px;
    }

    .right-side .item:first-child img {
        margin-left: 0px !important;
    }


.mentor-right {
    margin: -46px 0px;
}

.playbtn {
    top: 32%;
    left: 0;
    right: 0;
    text-align: center;
}

.course-about-right {
    height: fit-content;
    position: sticky;
    top: 0;
}

.share-sec {
    bottom: 107px;
    right: 35px;
    z-index: 9;
    /*box-shadow: 0px 0px 10px #00000040;
    border-radius: 50px;*/
}

.mobile-shear {
    bottom: 149px;
    box-shadow: 0px 0px 10px #00000040;
    border-radius: 50px;
}

    .mobile-shear .sharepopup {
        bottom: -14px;
    }

.share-icon {
    cursor: pointer;
}

.sharepopup {
    display: none;
    right: 43px;
    bottom: -46px;
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
    width: 250px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

    .sharepopup.show {
        display: block;
    }

.contact-shadow-sec {
    position: absolute;
    top: -23px;
    width: 100%;
    z-index: -1;
    right: -16px;
}

.contect-form-box select option {
    font-size: 16px;
    font-weight: normal;
    color: #757575;
}


/*counter css Start*/

@keyframes flip-top {
    to {
        transform: rotateX(90deg);
    }
}

@keyframes flip-bottom {
    to {
        transform: rotateX(0deg);
    }
}

main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0;
}

    main .cards {
        display: flex;
        gap: 15px;
    }

        main .cards .card {
            text-align: center;
            font-size: 25px;
            border: none;
            background-color: transparent;
        }

            main .cards .card p {
                color: #1E1E1E;
                font-size: 13px;
                line-height: 20px;
                position: absolute;
                bottom: 24px;
                left: 0;
                right: 0;
                margin: 0 auto;
                text-align: center;
            }

            main .cards .card .flip-card {
                display: flex;
                flex-direction: column;
                /* box-shadow: 0 7px 3px 0 #151515;*/
                position: relative;
                margin: 15px auto;
            }

            main .cards .card .top-half, main .cards .card .bottom-half, main .cards .card .top-flip, main .cards .card .bottom-flip {
                color: #1E1E1E;
                font-size: 35px;
                height: 43px;
                width: 77px;
                padding: 23px 7px;
                overflow: hidden;
                text-align: center;
                will-change: transform !important;
                box-shadow: 0 3px rgba(71, 83, 115, 0.2) inset;
            }

            main .cards .card .top-half, main .cards .card .top-flip {
                color: #1E1E1E;
                border-radius: 5px 5px 0 0;
                background-color: #FFFFFF;
            }

            main .cards .card .bottom-half, main .cards .card .bottom-flip {
                display: flex;
                justify-content: center;
                align-items: flex-end;
                border-radius: 0 0 5px 5px;
                background-color: #FFFFFF;
                /* box-shadow: 0 -2px 5px 0 rgba(71, 83, 115, 0.7) inset;*/
                box-shadow: 0 1px 2px 0 rgba(71, 83, 115, 0.17) inset;
            }

            main .cards .card .top-flip {
                position: absolute;
                transform-origin: bottom;
                transform: rotateX(0deg);
                animation: flip-top 0.5s ease-in forwards;
            }

            main .cards .card .bottom-flip {
                position: absolute;
                bottom: 0;
                transform-origin: top;
                transform: rotateX(90deg);
                animation: flip-bottom 0.5s ease-out 0.5s;
            }

.left-text p:first-child {
    font-style: italic;
}

main h1 {
    font-size: 31px;
}

main .cards {
    gap: 6px;
}

    main .cards .top-half, main .cards .bottom-half, main .cards .top-flip, main .cards .bottom-flip {
        font-size: 28px !important;
        height: 36px !important;
        width: 86px !important;
        padding: 21px 7px !important;
        font-weight: 600;
    }

.watch-sec a span:hover {
    background-color: #007aff;
    color:#ffffff !important;
}
.explore-courses-sec h1.fw-semibold.peraheading {
    display:none;
}
body.mobilehide .navbar, body.mobilehide .webinar-bar, body.mobilehide .footer-sec, body.mobilehide .whylearn-sec, body.mobilehide .offer-sec, body.mobilehide .explore-courses-slider, body.mobilehide .anywhere-sec, body.mobilehide .explore-courses-sec h1.fw-semibold, body.mobilehide .explore-courses-sec div.col-lg-4 p, body.mobilehide .Shadow-sec, body.mobilehide .tab-scrooll, body.mobilehide .bg-sec {
    display: none;
}
    body.mobilehide .explore-courses-sec h1.fw-semibold.peraheading {
        display: block;
    }

        body.mobilehide .explore-courses-sec h1.fw-semibold.peraheading{
            font-size:22px;
        }

body.mobilehide .explore-courses-sec div.row{
    padding-bottom:0px !important;
}

button#submitbtn:disabled {
    background-color: #a0a0a0;
    border: 1px solid #a0a0a0;
    cursor: not-allowed;
}

div#g-recaptcha1 {
    transform: scale(0.8);
    transform-origin: 0 0;
    width: fit-content;
}

.nowebinar-sec{
    max-width:784px;
}
.batches-sec {
    padding: 11px 15px 11px 11px;
}
.batches-sec::after {
    content: "";
    position: absolute;
    left: 0px;
    top: -4px;
    background: transparent linear-gradient(268deg, #EC221F00 0%, #808080 100%) 0% 0% no-repeat padding-box;
    width: 3px;
    height: 43px;
}
.upcoming-sec {
    border: 2px dashed;
    max-width: 300px;
}
    .upcoming-sec>div{
        padding:11px 0px;
    }

.upcoming-left-sec{
    border-right:2px dashed;
}

.upcoming-batch {
    position: absolute;
    bottom: -27px;
    left: 0;
    width: 100%;
    z-index: -1;
}

    .upcoming-batch p {
        margin-bottom: -8px;
    }

.admission-open-sec {
    right: -13px;
    top: 8px;
    z-index: 1;
    border-radius: 20px 10px 0px 20px;
}

    .admission-open-sec::after {
        content: "";
        background-color: #ec221f87;
        position: absolute;
        bottom: -5px;
        right: 3px;
        width: 10px;
        height: 12px;
        z-index: -5;
        transform: rotate(57deg);
    }

.accordion-inner-box .accordion-collapse .accordion-body p, .accordion-inner-box .accordion-collapse .accordion-body p a {
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}
/*@media screen and (min-width: 700px) {
    main h1 {
        font-size: 31px;
    }

    main .cards {
        gap: 6px;
    }

        main .cards .top-half, main .cards .bottom-half, main .cards .top-flip, main .cards .bottom-flip {
            font-size: 28px !important;
            height: 36px !important;
            width: 86px !important;
            padding: 21px 7px !important;
            font-weight: 600;
        }
}*/
/*counter css End*/
@media screen and (max-width:1490.99px) {
    .navbar-nav li {
        margin-left: 22px !important;
    }
}

@media screen and (max-width:1399px) {
    .navbar-brand img {
        max-width: 45px;
    }

    .navbar-brand p.font20 {
        font-size: 15px;
    }

    .navbar-brand p span.font12 {
        font-size: 10px;
    }

    .navbar-nav li {
        margin-left: 22px !important;
    }

    #navbarSupportedContent form {
        margin-left: 10px !important;
    }

    .explore-courses-tab ul li button.font16 {
        font-size: 14px;
    }

    .mobile-contect p.ms-3 {
        margin-left: 10px !important;
    }

    .navbar-nav li p.font16, .navbar-nav li span.font16, .navbar-nav li a.bluebtn-shadow {
        font-size: 14px;
    }

    .navbar-nav li p.font13, .navbar-nav li span.font13, .navbar-nav li a.font13 {
        font-size: 12px;
    }

    .navbar-nav li a.bluebtn-shadow {
        margin-left: 10px;
    }

    .bg-sec {
        top: -5%;
    }

    .left-text p.w-75 {
        width: 100% !important;
    }

    .left-text {
        left: 300px;
    }

    .right-side .item {
        display: contents;
    }

    .explore-list li.font13{
        font-size:11px;
    }
    .explore-box div.d-flex p.font19 {
        font-size: 18px;
    }
    div#g-recaptcha1 {
        transform: scale(0.7);
    }
}



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

    .navbar-nav li {
        margin-left: 11px !important;
    }

    .whylearn-inner-box {
        min-height: 260px;
    }

    .bg-sec {
        top: -3%;
    }

    .course-series-sec p.font19 {
        font-size: 15px;
        line-height: 22px;
    }

    .left-text {
        left: 330px;
    }

    .h1, h1 {
        font-size: 40px;
        line-height: 50px;
    }

    .tab-faq-scrooll {
        overflow: scroll;
    }

        .tab-faq-scrooll ul {
            width: 1200px;
        }

    .sun-json-img {
        top: 24px;
        left: 35px;
    }

    .calendar-json-img {
        top: 46px;
        left: 0px;
    }
    div#g-recaptcha1 {
        transform: scale(0.6);
    }
}

@media screen and (min-width: 992px) and (max-width: 1090px) {


    #navbarSupportedContent form.w-25 {
        width: 18% !important;
    }

    .navbar-brand img {
        max-width: 40px;
    }

    .navbar-brand p.font20 {
        font-size: 14px;
    }
}

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


    .h1, h1 {
        font-size: 35px;
        line-height: 48px;
    }

    .bg-sec {
        top: -2%;
    }

    .h2, h2 {
        font-size: 28px;
        line-height: 38px;
    }

    .right-side div p.w-50 {
        width: 100% !important;
    }

    .anywhere-right img {
        margin-top: 35px;
        margin-bottom: auto;
    }

    .navbar-collapse.mobile-dropdown {
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100%;
        background-color: #ffffff;
        width: 100%;
        transition: 0.5s all !important;
        height: 100vh;
    }

        .navbar-collapse.mobile-dropdown.collapse, .mobile-dropdown.collapsing {
            transition: 0.5s all;
        }

    .mobile-dropdown.collapse, .mobile-dropdown.show .mobile-dropdown.collapse.show, .mobile-dropdown.collapsing.show {
        left: 0%;
    }

    .mobile-dropdown ul li {
        border-bottom: 1px solid #DFDFDF;
        padding: 10px 25px;
        width: 100%;
    }

    .search-dropdown {
        position: absolute;
        left: auto !important;
        right: 0px;
        width: 390px;
    }

    .mobile-search-sec button::after {
        position: relative;
        display: none;
    }

    .course-series-sec {
        flex-wrap: wrap;
        justify-content: initial !important;
    }

        .course-series-sec li {
            width: 100%;
        }

    .career-starts-right {
        position: absolute;
        bottom: -63px;
        right: 15px;
        text-align: end;
    }

        .career-starts-right.certificate-img {
            position: initial;
            text-align: center;
        }

        .career-starts-right img {
            margin: 0px 0px 0px;
            max-width: 130px;
        }

        .career-starts-right.certificate-img img {
            margin: 50px 0px 0px;
            max-width: initial;
            width: 100%;
        }

    .left-text p.w-75 {
        font-size: 15px;
        line-height: 22px;
    }

    .left-text {
        left: 311px;
    }

    .tab-scroll-sec {
        overflow: scroll;
    }

        .tab-scroll-sec ul {
            width: 200px;
            flex-wrap: nowrap;
        }

    .course-series-sec li::after {
        position: initial;
    }

    .navbar-nav li a.font13 {
        font-size: 13px;
    }

    .navbar-nav li .dropdown-toggle::after {
        position: absolute;
        top: 20px;
        right: 20px;
    }

    .mobile-view-close {
        padding: 10px 25px;
    }

    .front-shadow-img {
        bottom: 0px;
    }

    .sun-json-img {
        top: 46px;
        left: 52px;
    }

    .calendar-json-img {
        top: 114px;
        left: 0px;
    }

    a.dropdown-item img {
        max-width: 50px;
    }

    .ribin-sec {
        left: -5px;
    }

    .navbar-nav li:nth-child(-n+5)::after, .navbar-nav li:nth-child(-n+5)::before {
        content: "";
        display:none;
    }
    .navbar-nav li {
        margin-left: 0px !important;
    }

    div#g-recaptcha1 {
        transform: scale(0.8);
    }

    .mobile-dropdown{
        z-index:1;
    }
}

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

    .h1, h1 {
        font-size: 28px;
        line-height: 38px;
    }

    .h2, h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .subscribed-left input.w-50, .subscribed-left div.w-75, .subscribed-left div.w-75 a.w-50, .subscribed-left div.w-75 p.w-50, .subscribed-left input.w-50, .subscribed-left div.w-75, .subscribed-left div.w-75 a.w-50, .subscribed-left div.w-75 button.w-50 {
        width: 100% !important;
    }

    .left-side {
        height: 100%;
    }

        .left-side img {
            height: 250px !important;
            object-fit: cover;
            border-radius: 12px 12px 0px 0px;
        }

    .left-text {
        position: initial;
        margin-top: 18px;
    }

    .explore-box p.w-75 {
        width: 100% !important;
    }

    .tab-scrooll {
        overflow-x: scroll;
    }

        .tab-scrooll ul {
            width: 1000px;
            justify-content: start !important;
            flex-wrap: nowrap;
        }

            .tab-scrooll ul li:not(:first-child) {
                margin-left: 15px;
            }

    .chakra-img img {
        max-width: 350px;
    }

    .right-side {
        margin-top: 0px;
        overflow: hidden;
    }

    .youtube-video, .videoframe .modal-dialog {
        width: 100%;
    }

    .videoframe .btn-close, .contact-shadow-sec {
        right: 0px;
    }

    .custom-latest-work-carousel::after {
        display: none;
    }

    /*.banner-left div a.bluebtn-shadow {
        width: 75% !important;
    }*/

    .explore-list li.font13 {
        font-size: 13px;
    }
}

@media screen and (max-width:575px) {
    .ribin-sec {
        display: none !important;
    }

    .box {
        min-width: 75px;
    }

    .explore-box ul {
        flex-wrap: wrap;
    }

        .explore-box ul li {
            width: 100%;
        }

    .explore-box div.d-flex {
        flex-wrap: wrap;
    }

        .explore-box div.d-flex div {
            width: 100%;
        }

    .explore-box div a.w-50 {
        width: 100% !important;
    }

    .sun-json-img {
        top: -11px;
        left: 14px;
    }

    .explore-box ul li {
        max-width: 207px;
        padding: 5px 10px 5px 19px !important;
        font-size: 11px !important;
    }

    .explore-box-img {
        right: -48px !important;
    }

    .livewebiner-offer-right div > ul li.font16 {
        font-size: 14px;
    }
    .career-starts-left div.row{
        margin:0px;
    }
    .career-starts-left div.row div.d-flex {
        flex-wrap: wrap;
        padding: 0px;
    }
        .career-starts-left div.row div.d-flex,.career-starts-left div + div.d-flex {
            justify-content: center;
        }
    .career-starts-left div.row div.d-flex p {
        width: 100%;
        text-align: center;
        margin-left: 0px !important;
    }
    .nowebinar-sec div a {
        width: 100% !important;
    }
}

@media screen and (max-width:480px) {
    main .cards .card .top-half, main .cards .card .bottom-half, main .cards .card .top-flip, main .cards .card .bottom-flip {
        width: 63px !important;
        padding: 15px 7px !important;
        height: 41px;
    }

    main .cards .top-half, main .cards .bottom-half, main .cards .top-flip, main .cards .bottom-flip {
        font-size: 20px !important;
        height: 30px !important;
    }

    main .cards .card .flip-card {
        margin: 0px auto;
    }

    main .cards .card p {
        bottom: 2px;
    }

    .font19 {
        font-size: 16px;
        line-height: 22px;
    }

    .font16 {
        font-size: 14px;
        line-height: 22px;
    }

    .banner-left div a.w-50{
        width:100% !important;
    }
}

@media screen and (max-width:380px) {
    .navbar-brand img {
        max-width: 40px;
    }

    .navbar-brand p.font20 {
        font-size: 13px;
    }

    .navbar-brand p span.font12 {
        font-size: 9px;
    }

    .mobile-view-close {
        padding: 10px 15px 10px 15px;
    }

    .chakra-img img {
        max-width: 255px;
    }

    .calendar-json-img {
        top: 57px;
        left: 0px;
    }
    .explore-courses-tabs-box li {
        width: 100%;
        max-width: 165px;
    }
}