:root {
    --primary-color: #e86b31; /* Default color */
    --secondary-color: #263b74; /* Default color */
    --main-bg-color: rgba(254, 124, 84, .1); /* Default color */
}






/*------------------------------------------------------
/ 1. Home 01
/------------------------------------------------------*/


/*----  Header ------*/
@import url('https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap');

.navbar.navbar-expand-lg {
    position: relative;
    margin: 0;
    padding: 0;
}

.navbar-brand {
    position: relative;
    padding: 5px 0;
    margin: 0;
    text-align: center;
}

.navbar-brand img {
    width: auto;
    height: 65px;
}

.navbar-expand-lg .navbar-collapse {
    justify-content: flex-end;
}

.navbar-expand-lg .navbar-nav {
    position: relative;
    margin: 0;
    padding: 0;
}

.navbar-expand-lg .navbar-nav li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 0 46px 0 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.navbar-expand-lg .navbar-nav li>a {
    display: block;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase;
    padding: 23px 0 26px;
    position: relative;
}

.navbar-expand-lg .navbar-nav li>a i {
    font-weight: bold;
    font-size: 10px;
}

.navbar-expand-lg .navbar-nav li:hover>a {
    color: #c2bed0;
}

.navbar-expand-lg .navbar-nav li .sub-menu {
    background: #fff;
    width: 230px;
    z-index: 9;
    text-align: left;
    display: block;
    left: -20px;
    margin: auto;
    position: absolute;
    padding: 0px;
    border-radius: 0px;
    visibility: hidden;
    opacity: 0;
    top: 100%;
    z-index: 9;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(11, 2, 55, 0.1);
    -moz-box-shadow: 0px 10px 20px 0px rgba(11, 2, 55, 0.1);
    box-shadow: 0px 10px 20px 0px rgba(11, 2, 55, 0.1);
    transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform-origin: center top 0;
    -webkit-transform-origin: center top 0;
    -moz-transform-origin: center top 0;
    -ms-transform-origin: center top 0;
    -o-transform-origin: center top 0;
    transition: all .3s ease-in-out 0s;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
}

.navbar-expand-lg .navbar-nav li .sub-menu li {
    display: block;
    padding: 0;
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.navbar-expand-lg .navbar-nav li .sub-menu a {
    padding: 5px 15px;
    margin: 0;
    color: #2c234d;
    line-height: 26px;
    text-transform: uppercase;
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.navbar-expand-lg .navbar-nav li .sub-menu li+li {
    border-top: 1px solid #eaeaea;
}

.navbar-expand-lg .navbar-nav li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
}

.navbar-expand-lg .navbar-nav li .sub-menu li a:before {
    display: none;
}

.navbar-expand-lg .navbar-nav li .sub-menu li .sub-menu {
    position: absolute;
    left: 90%;
    right: auto;
    top: 0;
    visibility: hidden;
    opacity: 0;
}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu li .sub-menu {
    visibility: hidden;
    opacity: 0;
}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu li:hover .sub-menu {
    visibility: visible;
    opacity: 1;
    left: 100%;
}

.user-btn {
    position: relative;
    width: 30px;
    height: 28px;
    /* padding: 0px 8px; */
    margin-left: 12px;
    border-radius: 8px;
    text-align: center;
    font-size: 12px;
    /* line-height: 35px; */
    color: #fff;
    display: inline-block;
    background: #263b74;
    border: 2px solid rgba(255, 255, 255, .2);
}

.user-btn:hover {
    background: #e86a2f;
    border-color: #fff;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
    -moz-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
    box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
}

.join-btn {
    margin-left: 20px;
    position: relative;
    height: 44px;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    line-height: 40px;
    font-weight: 600;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, .2);
}


/*---- Feature Course Section ------*/

.feature-course-section {
    position: relative;
    background: #f7f6fa;
    padding: 110px 0 90px;
}

.shaf-filter {
    position: relative;
    margin: 55px 0 0;
    padding: 0;
    text-align: right;
}

.shaf-filter li {
    list-style: none;
    display: inline-block;
    font-size: 15px;
    line-height: .8;
    color: #5d5a67;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    margin-left: 32px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.shaf-filter li:hover,
.shaf-filter li.active {
    color: #5838fc;
}

.shaf-filter li:first-child {
    margin-left: 0;
}

.feature-course-item {
    position: relative;
    overflow: hidden;
    margin: 0 0 30px;
}

.course-price {
    display: block;
    font-size: 26px;
    line-height: 22px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 90px;
}

.course-price span {
    display: block;
    font-size: 14px;
    text-decoration: line-through;
    margin: 6px 0 0;
}


/*---- Course Section ------*/

.popular-course-section {
    position: relative;
    padding: 0px 0 120px;
}

.read-more {
    font-size: 13px;
    color: #5d5a67;
    line-height: .8;
    font-weight: 600;
    position: relative;
    display: inline-block;
}

.read-more i {
    font-size: 20px;
    position: relative;
    top: 5px;
    margin-left: 5px;
    transition: all linear 0.3s;
}

.read-more:hover i {
    margin-left: 15px;
}

.popular-course-section .read-more {
    float: right;
    margin: 82px 0 0;
}

.course-wrapper {
    position: relative;
    display: flex;
    justify-content: flex-start;
}

.course-item-1 {
    position: relative;
    width: 100%;
    background: #f7f6fa;
    border-radius: 20px;
    padding: 45px 12px 10px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-height: 250px;
}

.course-item-1:after {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 30px 0 0;
    border-color: #5838fc #fff #fff #fff;
    content: '';
    visibility: hidden;
    opacity: 0;
    border-radius: 20px 0 0 0;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.course-item-1:last-child {
    margin-right: 0;
}

.course-item-1:hover {
    background: #fff;
    -webkit-box-shadow: 0px 1px 20px 0px rgba(11, 02, 55, 0.10);
    -moz-box-shadow: 0px 1px 20px 0px rgba(11, 02, 55, 0.10);
    box-shadow: 0px 1px 20px 0px rgba(11, 02, 55, 0.10);
}

.course-item-1:hover:after {
    left: 0;
    top: 0;
    visibility: visible;
    opacity: 1;
}

.course-item-1 svg {
    height: 70px;
    margin-bottom: 30px;
}

.course-item-1 h4 {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin: 5px 0;
}

.course-item-1 h4 a {
    color: inherit;
}

.course-item-1 h4 a:hover {
    color: #5838fc;
}


/*---- Cta Section ------*/

.cta-section {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: relative;
    padding: 100px 0;
}

.cta-section .sec-title {
    color: #fff;
    margin-bottom: 16px;
}

.cta-section p {
    color: #fff;
    margin-bottom: 44px;
}

.cta-section .bisylms-btn {
    color: #5838fc;
    background: #fff;
}


/*---- Package Section ------*/

.package-section {
    position: relative;
    background-color: #f7f6fa;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 90px 0 200px;
}

.package-section .sec-title {
    margin-bottom: 60px;
}

#card-slider {
    position: relative;
    height: 600px;
}

.package-item {
    position: relative;
    background: #fff;
    display: flex;
    justify-content: flex-start;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    transition: all linear 0.1s;
}

.pack-thumb {
    position: relative;
}

.pack-thumb img {
    width: auto;
    height: auto;
    border-radius: 5px 0 0 5px;
}

.pack-middle {
    width: 192px;
    height: 192px;
    background: #ffebd6;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    border: 13px solid #fff;
    position: absolute;
    right: -92px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.pack-middle img {
    height: 140px;
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 30px;
}

.pack-details {
    position: relative;
    padding: 65px 60px 30px 200px;
}

.pack-price {
    display: block;
    font-size: 14px;
    color: #5838fc;
    line-height: .8;
    font-weight: 700;
    margin: 0 0 25px;
}

.pack-price span {
    display: inline-block;
    color: #5d5a67;
    font-weight: 600;
    text-decoration: line-through;
    margin-left: 7px;
}

.pack-details h3 {
    font-size: 26px;
    margin-bottom: 13px;
}

.pack-meta {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 29px;
}

.pack-meta span {
    display: inline-block;
    font-size: 14px;
    line-height: .8;
    color: #5d5a67;
    font-weight: 600;
    margin-right: 38px;
}

.pack-meta span:last-child {
    margin-right: 0;
}

.pack-meta span i {
    color: #5838fc;
    font-size: 16px;
    margin-right: 10px;
}

.pack-details p {
    margin-bottom: 43px;
}

.pack-slider.slick-slider .package-item {
    display: flex !important;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pack-slider.slick-slider .slick-slide.slick-active {
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.pack-slider.slick-slider.slick-vertical .slick-slide {
    border: none;
    border-radius: 10px;
    position: relative;
}

.pack-slider.slick-slider {
    position: relative;
    z-index: 3;
    border-radius: 10px;
}

.pack-slider.slick-slider .slick-slide .package-item {
    transform: scale(1);
}

.pack-slider.slick-slider .slick-slide.slick-center .package-item {
    transform: scale(1.1);
    position: relative;
    z-index: 9999;
    overflow: hidden;
    -webkit-box-shadow: 0px 25px 80px 0px rgba(11, 02, 55, 0.05);
    -moz-box-shadow: 0px 25px 80px 0px rgba(11, 02, 55, 0.05);
    box-shadow: 0px 25px 80px 0px rgba(11, 02, 55, 0.05);
}

.pack-slider .slick-list {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
    padding-left: 50px !important;
    padding-right: 50px !important;
}


/*---- Blog Section ------*/

.blog-section {
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding: 0px 0px 80px;
}

.post-item-1 {
    position: relative;
    background: #f9f5f3;
    border-radius: 10px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.owl-carousel .owl-item .post-item-1 img,
.post-item-1 img {
    width: 100%;
    height: auto;
    max-height: 215px;
    border-radius: 10px 10px 0 0;
}

.b-post-details {
    position: relative;
    padding: 25px 15px;
}

.bp-meta {
    position: relative;
    display: flex;
    justify-content: flex-start;
    margin: 0 0 15px;
}

.b-post-details h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.b-post-details h3 a {
    color: inherit;
}

.b-post-details h3 a:hover {
    color: #e86a2f;
}


/*---- Footer Section ------*/

.cta-wrapper {
    position: relative;
    background: #fff;
    border-radius: 10px;
    margin-top: -350px;
    padding: 30px 70px;
    display: flex;
    justify-content: space-between;
    -webkit-box-shadow: 0px 40px 80px 0px rgba(11, 02, 55, 0.10);
    -moz-box-shadow: 0px 40px 80px 0px rgba(11, 02, 55, 0.10);
    box-shadow: 0px 40px 80px 0px rgba(11, 02, 55, 0.10);
}

.cta-wrapper img {
    height: 200px;
    width: auto;
}

.cta-wrapper h3 {
    font-size: 34px;
    line-height: 44px;
    margin: 52px 0 0 -115px;
    width: 48%;
}

.cta-wrapper .bisylms-btn {
    margin-top: 75px;
}

.footer-1 {
    position: relative;
    z-index: 3;
    padding: 15px 0 0;
    background: #f7f6fa;
}

footer .widget {
    margin: 0;
    padding: 0;
}

footer .widget .widget-title {
    font-size: 16px;
    line-height: 30px;
    color: #2c234d;
    margin-bottom: 20px;
}

.about-widget {
    position: relative;
    padding-right: 30px;
}

.about-widget img {
    max-width: 100%;
    height: auto;
    margin: 0 0 23px;
}

.about-widget p {
    font-size: 15px;
    margin-bottom: 33px;
}

.ab-social {
    position: relative;
}

.ab-social a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #446bb9;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 42px;
    font-size: 14px;
    margin-right: 2px;
}

.ab-social a.fac {
    background: #446bb9;
}

.ab-social a.twi {
    background: #00aced;
}

.ab-social a.you {
    background: #f73434;
}

.ab-social a.lin {
    background: #007bb6;
}

.ab-social a:hover {
    -webkit-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.30);
    -moz-box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.30);
    box-shadow: 0px 10px 20px 0px rgba(9, 111, 150, 0.30);
}

footer .widget ul {
    margin: 0;
    padding: 0;
}

footer .widget ul li {
    list-style: none;
    display: block;
    font-size: 13px;
    line-height: 32px;
    color: #76747f;
    font-weight: 600;
}

footer .widget ul li a {
    color: inherit;
}

footer .widget ul li a:hover {
    color: #5838fc;
}

.copyright {
    position: relative;
    border-top: 1px solid rgba(14, 14, 55, .08);
    margin-top: 10px;
    padding: 10px 0px;
}

.copyright p {
    font-size: 13px;
    line-height: 26px;
    color: #767480;
    margin: 0;
}

.copyright p a {
    color: #5838fc;
}

.copyright p a:hover {
    color: #767480;
}


/*--------------------------------------------------------
/ 2. Home 02
/---------------------------------------------------------*/


/*---- Topbar Section ------*/

.topbar {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 4;
    background: #6e2573;
    padding: 10px 0px;
}


/*---- Header Section ------*/

.header-02 {
    position: relative;
    left: 0;
    top: 0px;
    width: 100%;
    z-index: 3;
    background: #fff;
    padding: 0;
    border-bottom: 1px solid #ddd;
}

.header-02 .navbar-brand {
    padding-top: 0px;
}

.header-02 .navbar-expand-lg .navbar-nav li>a {
    color: #233d63;
}

.header-02 .navbar-expand-lg .navbar-nav li:hover>a {
    color: #fe7c54;
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li:hover>a {
    color: #fe7c54;
}

.search-box {
    position: relative;
    height: 44px;
    width: 270px;
    background: #f1f0f5;
    border-radius: 5px;
}

.search-box input[type="search"] {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 44px;
    font-weight: 400;
    border: none;
    background: transparent;
    color: #8f8d98;
    outline: none;
    padding: 0 20px;
}

.search-box input[type="search"]::-moz-placeholder {
    color: #8f8d98;
    opacity: 1;
}

.search-box input[type="search"]::-ms-input-placeholder {
    color: #8f8d98;
    opacity: 1;
}

.search-box input[type="search"]::-webkit-input-placeholder {
    color: #8f8d98;
    opacity: 1;
}

.search-box button {
    font-size: 16px;
    line-height: 44px;
    color: #2c234d;
    background: transparent;
    border: none;
    outline: none;
    position: absolute;
    right: 16px;
    top: 0;
    z-index: 2;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.search-box button:hover {
    color: #fe7c54;
}


/*---- Banner Section ------*/

.hero-banner-2 {
    background-position: left bottom;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    padding: 0px 0 40px;
}

.hero-banner-2 .b-shape-1 {
    margin: 0;
    right: auto;
    left: 155px;
    bottom: auto;
    top: 38%;
}

.hero-banner-2 .b-shape-2 {
    margin: 0;
    right: 23%;
    left: auto;
    bottom: auto;
    top: 36%;
}

.hero-banner-2 .b-shape-3 {
    margin: 0;
    right: 107px;
    left: auto;
    bottom: auto;
    top: 50%;
}

.hero-banner-2 .b-shape-4 {
    margin: 0;
    right: 225px;
    left: auto;
    bottom: 120px;
    top: auto;
}

.hero-banner-2 .banner-thumb {
    margin-left: -120px;
    margin-right: 25px;
}

.hero-banner-2 .banner-thumb img {
    width: 100%;
}

.hero-banner-2 .hero-content {
    padding-top: 100px;
}

.sub-heading {
    font-size: 14px;
    line-height: .8;
    color: #2c234d;
    font-weight: 700;
    margin-bottom: 14px;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.30s;
}

.hero-content ul {
    margin: -6px 0 46px;
    padding: 0;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: zoomIn;
    animation-delay: 0.40s;
}

.hero-content ul li {
    list-style: none;
    display: inline-block;
    font-size: 14px;
    line-height: .8;
    color: #2c234d;
    font-weight: 600;
    margin-right: 26px;
}

.hero-content ul li i {
    font-size: 16px;
    margin-right: 9px;
    position: relative;
    top: 2px;
}

.hero-content ul li:last-child {
    margin-right: 0;
}

.hero-content ul li:nth-child(2) {
    color: #3fb65f;
}

.hero-content ul li:nth-child(3) {
    color: #5838fc;
}

.hero-banner-2 .bisylms-btn-2 {
    height: 54px;
    color: #fff;
    background: #fe7c54;
    padding: 21px 28px;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInUp;
    animation-delay: 0.45s;
}


/*---- Course Section ------*/

.popular-course-section-2 {
    position: relative;
    padding: 110px 0 120px;
}

.course-item-2 {
    position: relative;
    z-index: 2;
    background: #fff;
    padding: 38px 15px 44px;
    border-radius: 10px;
    border: 1px solid transparent;
    margin-bottom: 30px;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    -moz-box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
    box-shadow: 0px 20px 50px 0px rgba(11, 02, 55, 0.10);
}

.course-thumb {
    position: relative;
    min-height: 137px;
    margin: 0 0 31px;
}

.course-thumb img {
    max-width: 100%;
    height: auto;
}

.course-item-2 h4 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 6px;
}

.course-item-2 h4 a {
    color: inherit;
}

.course-item-2 h4 a:hover {
    color: #fe7c54;
}

.course-item-2 p {
    font-size: 14px;
    line-height: 24px;
    margin: 0;
}

.course-item-2:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
}

.course-item-2:hover:after {
    visibility: visible;
    opacity: 1;
}

.course-item-2:hover {
    margin-top: -13px;
    border-color: #f5f5f8;
    box-shadow: none;
}

.popular-course-section-2 .bisylms-btn-2 {
    margin-top: 30px;
}

.popular-course-section-2 .ab-thumb {
    margin-right: 40px;
}

.ab-content-2 {
    position: relative;
    padding: 34px 0 0;
}

.ab-content-2 h3 {
    font-size: 40px;
    line-height: 54px;
    margin-bottom: 12px;
}

.ab-content-2 p {
    font-size: 14px;
    line-height: 24px;
    margin: 0 0 24px;
}

.ab-content-2 .read-more:hover {
    color: #fe7c54;
}


/*---- Feature Section ------*/

.feature-course-section-2 {
    position: relative;
    background: #f5f7fa;
    padding: 111px 0 90px;
}

.feature-course-section-2 .bisylms-btn-2 {
    margin-top: 30px;
}

.feature-course-item-2 {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    padding: 39px 45px 30px;
    margin-bottom: 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
    -moz-box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
    box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.feature-course-item-2 .c-cate {
    display: inline-block;
    height: 26px;
    background: rgba(88, 56, 252, .1);
    font-size: 13px;
    line-height: .8;
    color: #5838fc;
    font-weight: 600;
    text-align: center;
    border-radius: 30px;
    padding: 7px 14px;
    margin: 0 0 14px;
}

.feature-course-item-2 .c-cate:hover {
    background: #5838fc;
    color: #fff;
}

.feature-course-item-2 h4 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 22px;
}

.feature-course-item-2 h4 a {
    color: inherit;
}

.feature-course-item-2 h4 a:hover {
    color: #5838fc;
}

.feature-course-item-2 .fcf-bottom {
    position: relative;
    border: none;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: flex-start;
    padding: 0 0;
}

.feature-course-item-2 .fcf-bottom a {
    margin-right: 29px;
}

.feature-course-item-2 .fcf-bottom a:last-child {
    margin-right: 0;
}

.feature-course-item-2 .fcf-bottom a i {
    color: #fe7c54;
}

.feature-course-item-2 .fcf-bottom a:hover {
    color: #fe7c54;
}

.feature-course-item-2 .fcf-thumb {
    min-height: 202px;
    margin: 53px 0 0;
}

.feature-course-item-2:hover {
    border-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    margin-top: -13px;
}

.hover-course {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 10px;
    padding: 15px 45px 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}

.hover-course .course-price {
    color: #fe7c54;
    margin: 0 0 53px;
}

.hover-course .course-price span {
    color: #7e7c87;
}

.hover-course .author {
    margin-bottom: 40px;
}

.hover-course .author a {
    color: #2c234d;
}

.hover-course .author a:hover {
    color: #fe7c54;
}

.hover-course .ratings {
    border-top: 2px dotted #c3c2c8;
    width: calc(100% + 90px);
    left: -45px;
    padding: 16px 45px 18px;
    margin: 0;
}

.hover-course .ratings span {
    color: #7e7c87;
}

.feature-course-item-2:hover .hover-course {
    visibility: visible;
    opacity: 1;
}


/*---- Testimonial Section ------*/

.testimonial-section {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 0px 0 80px;
}

.testimonial-section .fact-wrapper {
    margin: 71px 0 64px;
}

.funfact-item-2 {
    position: relative;
    padding: 0 15px;
    width: 100%;
}

.fact-thumb {
    width: 70px;
    height: 70px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    -webkit-box-shadow: 0px 20px 40px 0px rgba(56, 15, 2, 0.10);
    -moz-box-shadow: 0px 20px 40px 0px rgba(56, 15, 2, 0.10);
    box-shadow: 0px 20px 40px 0px rgba(56, 15, 2, 0.10);
    margin: 0 0 22px;
}

.fact-thumb img {
    max-height: 28px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: auto;
}

.funfact-item-2 h2 {
    font-size: 22px;
    color: #fe7c54;
    font-weight: 400;
    line-height: .8;
    margin: 0 0 15px;
}

.funfact-item-2 p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    margin: 0;
}

.testimonial-item {
    position: relative;
    background: #f9f5f3;
    border-radius: 10px;
    padding: 50px 45px 49px;
    -webkit-box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
    -moz-box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
    box-shadow: 0px 2px 4px 0px rgba(11, 2, 55, 0.06);
}

.testimonial-item p {
    margin: 0;
    line-height: 30px;
}

.testi-author {
    position: relative;
    padding-left: 80px;
    padding-top: 9px;
    margin: 0 0 33px;
}

.testi-author img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.testi-author h5 {
    font-size: 16px;
    line-height: 22px;
    color: #2c234d;
    margin: 0 0 6px;
}

.testi-author span {
    font-size: 14px;
    line-height: .8;
    color: #7e7c86;
    font-weight: 600;
    display: block;
}


/*---- Section ------*/

.pricing-section {
    position: relative;
    padding: 40px 0px;
}

.pricing-item {
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 15px 15px;
    margin: 0 0 30px;
    -webkit-box-shadow: -1px 7px 10px 0px rgb(11 2 56 / 10%);
    -moz-box-shadow: -1px 7px 10px 0px rgb(11 2 56 / 10%);
    box-shadow: -1px 7px 10px 0px rgb(11 2 56 / 10%);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    overflow: hidden;
    transition: all 0.4s ease;
}

.pricing-item:hover {
    border-color: #f5f5f8;
    box-shadow: none;
    margin-top: -13px;
}

.pricing-item:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 5px;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    -moz-box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
    box-shadow: 0px -3px 0px 0px rgba(254, 124, 84, 1);
}

.pricing-item:hover:after {
    visibility: visible;
    opacity: 1;
}

.pricing-item h5 {
    font-size: 18px;
    line-height: .8;
    color: #2c234d;
    font-weight: 600;
    margin: 0 0 19px;
}

.pricing-item img {
    position: absolute;
    right: 45px;
    top: 45px;
}

.p-price {
    position: relative;
    display: inline-block;
    font-size: 20px;
    line-height: .8;
    font-weight: 700;
    color: #fe7c54;
}

.p-price sup {
    font-weight: 600;
    font-size: 14px;
    top: -7px;
}

.p-price span {
    font-size: 14px;
    line-height: .8;
    display: inline-block;
    color: #5d5a67;
    font-weight: 400;
}

.pricing-item ul {
    margin: 0;
    padding: 0 0px;
}

.pricing-item ul li {
    list-style: none;
    display: block;
    margin: 0 0 10px;
    font-size: 12px;
    line-height: 25px;
    color: #5d5a67;
    margin: 0 0 0;
}

.pricing-item ul li i {
    color: var(--primary-color);
    position: relative;
    top: 2px;
    margin-right: 6px;
}

.pricing-item ul li.disable i {
    color: #bbb9c0;
}


/*---- Footer Section ------*/

.f-2-color .widget ul li a:hover {
    color: #fe7c54;
}

.f-2-color .copyright p a {
    color: #fe7c54;
}

.f-2-color .copyright p a:hover {
    color: #767480;
}


/*---- Feature Section ------*/

.feature-section {
    position: relative;
    padding-bottom: 40px;
}

.feature-item {
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0px 5px 50px 0px rgba(11, 02, 56, 0.14);
    -moz-box-shadow: 0px 5px 50px 0px rgba(11, 02, 56, 0.14);
    box-shadow: 0px 5px 50px 0px rgba(11, 02, 56, 0.14);
    padding: 20px 20px 20px 100px;
}

.feature-item img {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 60px;
    height: 60px;
}

.feature-item h4 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 13px;
}

.feature-item p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}

.stretch-card {
    display: flex;
    align-items: stretch;
}


/*---- Popular Course Section ------*/

.ci-thumb {
    position: relative;
    z-index: 3;
}

.ci-thumb img,
.popular-course-slider .ci-thumb img {
    height: 400px;
    width: auto;
    border-radius: 19px 0 0 19px;
}

.ci-thumb .c-cate {
    display: inline-block;
    height: 26px;
    background: #fd7c54;
    font-size: 13px;
    line-height: .8;
    color: #fff;
    font-weight: 600;
    text-align: center;
    border-radius: 3px;
    padding: 7px 17px;
    position: absolute;
    left: 40px;
    top: 20px;
    z-index: 2;
}

.ci-thumb .c-cate:hover {
    -webkit-box-shadow: 0px 14px 20px 0px rgba(8, 120, 38, 0.24);
    -moz-box-shadow: 0px 14px 20px 0px rgba(8, 120, 38, 0.24);
    box-shadow: 0px 14px 20px 0px rgba(8, 120, 38, 0.24);
}

.owl-carousel .owl-item .home-slides-item img,
.owl-carousel .owl-item .special-item img {
    width: 100%;
}

.owl-carousel .owl-item img {
    width: auto;
}

.owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    padding: 10px 0px;
}

.owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
}

.owl-dots .owl-dot span {
    width: 15px;
    height: 10px;
    margin: 4px;
    background: #fcf1e9;
    border: 1px solid #e86a2f;
    display: block;
    -webkit-backface-visibility: visible;
    border-radius: 30px;
    transition: opacity 0.5s, background-color 0.5s, width 0.5s;
    transition-delay: 0.5s, 0.5s, 0s;
}

.owl-dots .owl-dot:hover span {
    background: #e86a2f;
}

.owl-dots .owl-dot.active span {
    background: #e86a2f;
    transition-delay: 0s;
    width: 30px;
}

.course-details {
    position: relative;
    z-index: 2;
    padding: 50px 90px 0;
}

section.special-banners {
    padding-bottom: 20px;
}

.live-indication {
    right: 0;
    top: 10px;
    border: 1px solid #fff;
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 20px;
}

.how-we-function {
    padding-bottom: 20px;
}

.content-section {
    display: flex;
    align-items: center;
}

.live-course-heading {
    padding-right: 70px;
}

.line-bg,
.popular-course-slider .line-bg {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    width: auto;
    max-width: 100%;
    height: auto;
    border-radius: 30px;
}

.course-details .fcf-bottom {
    position: relative;
    border-top: none;
    width: 100%;
    left: 0;
    display: flex;
    justify-content: flex-start;
    padding: 0 0;
    margin: 0 0 18px;
}

.course-details .fcf-bottom a {
    margin-right: 30px;
}

.course-details .fcf-bottom a:last-child {
    margin-right: 0;
}

.course-details .fcf-bottom a:hover {
    color: #3fb65f;
}

.course-details .fcf-bottom a i {
    color: #3fb65f;
}

.course-details h4 {
    font-size: 26px;
    line-height: 28px;
    color: #2c234d;
    font-weight: 600;
    margin-bottom: 19px;
}

.course-details h4 a {
    color: inherit;
}

.course-details h4 a:hover {
    color: #3fb65f;
}

.course-details p {
    margin-bottom: 33px;
}

.course-details .author a {
    color: #2c234d;
}

.course-details .author a:hover {
    color: #3fb65f;
}

.course-details .author img {
    width: 40px;
    height: 40px;
    display: inline-block;
}

.course-details .author {
    margin-bottom: 84px;
}

.price-rate {
    position: relative;
    border-top: 1px dashed #c3c2c8;
    width: calc(100% + 180px);
    left: -90px;
    display: flex;
    justify-content: space-between;
    padding: 18px 90px 15px;
}

.price-rate .course-price {
    color: #3fb65f;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    font-size: 24px;
    font-weight: 700;
}

.price-rate .course-price span {
    font-size: 14px;
    font-weight: 600;
    color: #7e7c87;
    margin: 0 0 0 8px;
    display: inline-block;
}

.price-rate .ratings {
    margin: 0;
}

.price-rate .ratings span {
    color: #7e7c87;
}

.popular-course-slider.owl-carousel .owl-dots {
    position: relative;
    line-height: .8;
    margin: 0;
    text-align: center;
}

.popular-course-slider.owl-carousel .owl-dots button {
    width: 10px;
    height: 10px;
    background: #dad7e3;
    border-radius: 50%;
    margin: 0 5px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popular-course-slider.owl-carousel .owl-dots button.active,
.popular-course-slider.owl-carousel .owl-dots button:hover {
    background: #3fb65f;
}

.popular-course-slider.owl-carousel .owl-dots button span {
    display: none;
}


/*--------------------------------------------------------
/ 12. Back To Top
/---------------------------------------------------------*/

#back-to-top {
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background: #5838fc;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
    -moz-box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
    box-shadow: 0px 20px 30px 0px rgba(26, 8, 119, 0.24);
}

#back-to-top:hover i {
    animation-name: fadeInUp;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
}


/*--------------------------------------------------------
/ 13. Preloader
/---------------------------------------------------------*/

.preloader {
    background: #5838fc;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.loaderInner {
    width: 100px;
    height: 82px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.loaderInner img {
    width: 100%;
}

.mask {
    position: absolute;
    border-radius: 2px;
    overflow: hidden;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.plane {
    background: #fff;
    width: 400%;
    height: 100%;
    position: absolute;
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    /*transition: all 0.8s ease; */
    z-index: 100;
    -webkit-perspective: 1000;
    perspective: 1000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.animation {
    transition: all 0.3s ease;
}

#top .plane {
    z-index: 2000;
    -webkit-animation: trans1 1.3s ease-in infinite 0s backwards;
    animation: trans1 1.3s ease-in infinite 0s backwards;
}

#middle .plane {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
    background: #fff;
    -webkit-animation: trans2 1.3s linear infinite 0.3s backwards;
    animation: trans2 1.3s linear infinite 0.3s backwards;
}

#bottom .plane {
    z-index: 2000;
    -webkit-animation: trans3 1.3s ease-out infinite 0.7s backwards;
    animation: trans3 1.3s ease-out infinite 0.7s backwards;
}

#top {
    width: 53px;
    height: 20px;
    left: 20px;
    -webkit-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0);
    z-index: 100;
}

#middle {
    width: 33px;
    height: 20px;
    left: 20px;
    top: 15px;
    -webkit-transform: skew(-15deg, 40deg);
    transform: skew(-15deg, 40deg);
}

#bottom {
    width: 53px;
    height: 20px;
    top: 30px;
    -webkit-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0);
}

.preloader p {
    color: #fff;
    position: absolute;
    left: -3px;
    top: 45px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    font-style: italic;
    letter-spacing: .5px;
    text-transform: uppercase;
    margin: 0;
}

@-webkit-keyframes trans1 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0);
    }
}

@keyframes trans1 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-250px, 0, 0);
        transform: translate3d(-250px, 0, 0);
    }
}

@-webkit-keyframes trans2 {
    from {
        -webkit-transform: translate3d(-160px, 0, 0);
        transform: translate3d(-160px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }
}

@keyframes trans2 {
    from {
        -webkit-transform: translate3d(-160px, 0, 0);
        transform: translate3d(-160px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }
}

@-webkit-keyframes trans3 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0);
    }
}

@keyframes trans3 {
    from {
        -webkit-transform: translate3d(53px, 0, 0);
        transform: translate3d(53px, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-220px, 0, 0);
        transform: translate3d(-220px, 0, 0);
    }
}

.submenu-toggler {
    display: none;
}

.fix-header {
    background: #5838fc;
    left: 0;
    position: fixed;
    right: 0;
    top: -1px;
    width: 100%;
    z-index: 999;
    transition: all 0.1s ease-out;
    -webkit-box-shadow: 0px 6px 10px 0px rgba(11, 02, 55, 0.06);
    -moz-box-shadow: 0px 6px 10px 0px rgba(11, 02, 55, 0.06);
    box-shadow: 0px 6px 10px 0px rgba(11, 02, 55, 0.06);
}

.sticky-logo {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: all 0.1s ease-out;
}

.header-01.fix-header .navbar-brand img {
    visibility: hidden;
    opacity: 0;
}

.header-01.fix-header .navbar-brand .sticky-logo {
    visibility: visible;
    opacity: 1;
}

.header-02.fix-header {
    background: #fff;
}

.fix-header .navbar-brand img {
    height: 45px;
}

.fix-header .navbar-expand-lg .navbar-nav>li>a {
    padding: 13px 0px 16px;
}

.header-01.fix-header .navbar-brand {
    padding: 17px 0;
    transition: all 0.1s ease-out;
}

.sub-logo {
    margin-right: 20px;
}

.sub-logo img {
    width: 45px;
}

.topbar-right ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.topbar-right ul li {
    margin-right: 20px;
}

.topbar-right ul li:last-child {
    margin-right: 0px;
}

.topbar-right ul li a {
    color: #fff;
}

.topbar-right ul li a:hover {
    color: #ff8404;
}

.topbar-right ul li a.cart-box {
    position: relative;
}

.topbar-right ul li a.cart-box .cart-span {
    display: inline-block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.topbar-right ul li a.cart-box .cart-item-count {
    position: absolute;
    width: 30px;
    height: 30px;
    background: #fff;
    color: #ff8404;
}

.topbar-right ul li a.cart-box .cart-item-count {
    position: absolute;
    top: -8px;
    right: -14px;
    width: 20px;
    height: 20px;
    background: #ff8404;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 12px;
}

.fixed-width-block {
    width: 200px;
    left: 0;
    top: 100px;
}

.hidden-content {
    position: relative;
}


/* .hidden-content:after {
    position:absolute;
    content: 'How we function';
    z-index: 2;
} */

.hidden-content .owl-stage-outer .owl-stage .owl-item:first-child {
    visibility: hidden;
}

.img-icon {
    max-width: 60px;
    margin: 0 auto;
    margin-bottom: 40px;
}

.img-icon img {
    width: 100% !important;
}

.home-slides .owl-item {
    position: relative;
}

.home-slides .owl-item::after {
    position: absolute;
    z-index: 1;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgb(232 106 47 / 71%);
}

.home-slides-item {
    position: relative;
    z-index: 0;
}

.home-slides .owl-item.center::after {
    display: none;
}

.owl-carousel .owl-stage-outer {
    padding: 12px 0;
}

.hero-banner-2 .owl-dots {
    padding: 0;
}

.hp-package-slider.owl-theme .owl-nav {
    position: absolute;
}

.hp-package-slider.owl-theme .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
}

.hp-package-slider.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    left: -50px;
}

.hp-package-slider.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -50px;
}

.hp-package-slider.owl-carousel .owl-nav button.owl-prev.disabled,
.hp-package-slider.owl-carousel .owl-nav button.owl-next.disabled {
    display: none;
}

.hp-package-slider.owl-carousel .owl-nav button {
    background: #000;
    padding: 0 10px !important;
}

.hp-package-slider.owl-carousel .owl-nav button {
    background: #e86a2f;
    border-radius: 50%;
    font-size: 32px;
    width: 40px;
    color: #fff;
    padding: 0 10px !important;
    height: 40px;
    line-height: 16px;
}

.thumbnail-image {
    width: 100%;
    position: relative;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    margin-bottom: 15px;
}

.thumbnail-image img {
    width: 100% !important;
    position: relative;
    left: 0;
    top: 0;
}

.page-title {
    font-size: 20px;
    padding: 5px;
    text-align: left;
    /* background: rgba(254, 124, 84, .1); */
}

.pricing-item .available-in .list-inline-item {
    display: inline-block;
}

.pricing-item .available-in ul {
    padding: 5px 0;
}

.hover-details {
    /* position: absolute; */
    bottom: -50px;
    width: 100%;
    background: var(--secondary-color);
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.lectures-n-chapters {
    padding: 4px 10px;
    border-radius: 30px;
}

.available-in {
    border-top: 1px solid #ddd;
}

span.l-c-count {
    background: #fff;
    padding: 0px 10px;
    border-radius: 20px;
    font-weight: bold;
    margin-right: 10px;
    color: #253a73;
}

span.l-c-text {
    color: #fff;
}

.pricing-item:hover .hover-details {
    bottom: 0px;
}

.footer-1 aside.widget a {
    font-size: 14px;
}


/* .min-height {
    min-height: 443px;
} */

.section-team .header-section {
    margin-bottom: 50px;
}

.section-team .header-section .small-title {
    margin-bottom: 25px;
    font-size: 16px;
    font-weight: 500;
    color: #3e64ff;
}

.section-team .header-section .title {
    font-weight: 700;
    font-size: 45px;
}

.section-team .single-person {
    margin-top: 30px;
    padding: 30px 10px;
    background: linear-gradient(to right, #e86a2f, #ff6170);
    border-radius: 5px;
    min-height: 355px;
}

.section-team .single-person:hover {
    background: linear-gradient(to right, #e86a2f, #ff6170);
}

.section-team .single-person .person-image {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    margin-bottom: 10px;
    border-radius: 50%;
    border: 4px dashed transparent;
    transition: padding .3s;
}

.section-team .single-person:hover .person-image {
    padding: 12px;
    border: 4px dashed #fff;
}

.section-team .single-person .person-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.full-name a {
    color: #fff;
}

.section-team .single-person .person-image .icon {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%);
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: linear-gradient(to right, #016cec, #00b5f7);
    color: #fff;
    border-radius: 50%;
    font-size: 24px;
}

.section-team .single-person:hover .person-image .icon {
    background: none;
    background-color: #fff;
    color: #016cec;
}

.section-team .single-person .person-info .full-name {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 700;
    color: #fff;
}

.section-team .single-person .person-info .speciality {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 16px;
    color: #fff;
}

.section-team .single-person:hover .full-name,
.section-team .single-person:hover .speciality {
    color: #fff;
}

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

.course-item-1 p {
    font-size: 12px;
    line-height: 20px;
}

.right-side-button {
    right: 10px;
    bottom: 10px;
}

.right-side-button button {
    background: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    right: 10px;
    border: none;
    border-radius: 10px;
}

.tab-1 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.course-item-1 {
    border: 1px solid #f7f6fa;
    overflow: hidden;
}

.tab-2 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-3 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-4 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-5 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-6 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-7 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-8 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.tab-9 {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    padding: 45px 15px;
    display: none;
    background: #fff;
}

.login-register .form {
    background: #f1f7fe;
    padding: 25px;
    max-width: 100%;
    /* border: 1px solid #ddd; */
    margin: 0px auto;
    border-radius: 0px;
    /* box-shadow: 0 4px 7px 1px rgb(19 35 47 / 30%); */
}

.login-register .tab-group {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
}

.login-register .tab-group:after {
    content: "";
    display: table;
    clear: both;
}

.login-register .tab-group li a {
    display: block;
    text-decoration: none;
    padding: 5px 15px;
    /* background: rgb(21 40 92); */
    background: var(--secondary-color);
    /* color: #a0b3b0; */
    color: #fff;
    font-size: 16px;
    float: left;
    width: 50%;
    text-align: center;
    cursor: pointer;
    transition: .5s ease;
}

.login-register .tab-group li a:hover {
    background: #179b77;
    color: #ffffff;
}

.login-register .tab-group .active a {
    /* background: #e86a2f; */
    background: var(--primary-color);
    color: #ffffff;
}

.login-register .tab-content>div:last-child {
    display: none;
}

.login-register h1 {
    text-align: center;
    color: #000;
    font-weight: 300;
    margin: 0 0 10px;
}

.login-register label {
    /* position: absolute;
    transform: translateY(10px); 
    left: 13px;*/
    color: rgb(37 58 115);
    transition: all 0.25s ease;
    -webkit-backface-visibility: hidden;
    pointer-events: none;
    font-size: 14x;
    margin-bottom: 8px;
    font-weight: bold;
}

.login-register label .req {
    margin: 2px;
    color: #ea5054;
}

.login-register h1 {
    font-size: 22px;
    font-weight: 600;
}

.login-register p {
    font-size: 14px;
    margin-bottom: 10px;
    text-align: center;
}

.login-register label.active {
    transform: translateY(-35px);
    left: 2px;
    font-size: 14px;
}

.login-register label.active .req {
    opacity: 0;
}

.login-register label.highlight {
    color: #ffffff;
}

.login-register input,
.login-register textarea {
    font-size: 16px;
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    background: none;
    background-image: none;
    border: 1px solid #a0b3b0;
    color: #111;
    border-radius: 0;
    transition: border-color .25s ease, box-shadow .25s ease;
}

.login-register .checkbox-part input[type=checkbox] {
    border: 1px solid #fff;
    position: relative;
    background: #fff;
    width: 20px;
    height: 20px;
}

.checkbox-part label {
    font-size: 13px;
}

.login-register input:focus,
textarea:focus {
    outline: 0;
    border-color: #1ab188;
}

.login-register textarea {
    border: 2px solid #a0b3b0;
    resize: vertical;
}

.login-register .field-wrap {
    position: relative;
    margin-bottom: 15px;
}

.login-register .top-row:after {
    content: "";
    display: table;
    clear: both;
}

.login-register .top-row>div {
    float: left;
    width: 49%;
    margin-right: 2%;
}

.login-register .top-row>div:last-child {
    margin: 0;
}

.login-register .button {
    border: 0;
    outline: none;
    border-radius: 23px;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0;
    /* background: #e86a2f; */
    background: var(--primary-color);
    color: #ffffff;
    transition: all 0.5s ease;
    -webkit-appearance: none;
}

.login-register .button:hover,
.login-register .button:focus {
    background: #179b77;
}

.login-register .button-block {
    display: block;
    width: 100%;
}

.login-register .forgot {
    margin-top: -20px;
    text-align: right;
}

.login-register {
    padding: 30px 0px;
}

.checkbox-part {
    padding-left: 0px;
    position: relative;
    display: block;
}

.login-register .checkbox-part input[type=checkbox] {
    border: 1px solid #fff;
    background: #fff;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    left: 0;
    position: absolute;
    top: 5px;
}

.checkbox-part label {
    font-size: 13px;
    margin-left: 0px;
    line-height: 0.7;
}

.field-wrap a {
    /* color: rgb(232 106 47); */
    color: var(--primary-color);
    font-size: 12px;
}

.login-register .tab-group li:first-child a {
    border-radius: 20px 0 0 20px;
}

.login-register .tab-group li:last-child a {
    border-radius: 0 20px 20px 0;
}

/* ======================NEW CSS FOR HEADER SECTION START============================= */
.first-header-section {
    padding: 12px 0px !important;
    border-bottom: 2px solid rgb(193 194 196 / 28%) !important;
}

.first-header-section .header-new-topbar-right ul li a.circle-btn .cart-span,
.first-header-section .header-new-topbar-right ul li a.tab-btn {
    background-color: var(--secondary-color);
    color: #fff;
}

.first-header-section .mainmenu-top {
    color: #263b74;

}

.second-header-section {
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    left: 0;
    padding: 22px 0;
}

.first-header-section .header-new-topbar-right ul li a {
    font-size: 11px !important;
}

.first-header-section .header-new-topbar-right ul li a.circle-btn .cart-item-count {
    right: -15px !important;
    top: -9px !important;
}

.second-header-section .logo-new {
    max-width: 8.2rem;
    margin-left: 15px;
}

.second-header-section .logo-new-main {
    /* max-width: 150px; */
    position: relative;
    left: -15px;
    top: 7px;
}

.second-header-section.fix-header {
    background-color: #fff !important;

}

.left-part-header-new div.nav-links {
    overflow: auto;
    white-space: nowrap;
    /* width: 40rem; */
}

.left-part-header-new div.nav-links a {
    font-size: 14px;
    padding: 6px 12px;
    border-radius: 3px;
    color: #3a3a90;
    display: inline-block;
}

.second-header-section #nav-search-wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    position: absolute;
    top: 0px;
    right: 84px;


}

.second-header-section #nav-search-wrapper .input-box {
    width: 0%;
    opacity: 0%;
    transition: all ease-in-out 1s;
}

.second-header-section #nav-search-wrapper .open-search {
    width: 100% !important;
    opacity: 100% !important;


}

.second-header-section #nav-search-wrapper #search-toggle-btn {
    background-color: #263b74;
    padding: 5px 16px;
    font-size: 13px;
    height: 100;
    display: block;
    border-radius: 3px;
    color: #fff;
    margin-left: 12px;
    cursor: pointer;
    position: relative;
}

.second-header-section #nav-search-wrapper #search-toggle-btn::before {
    content: '';
    position: absolute;
    top: 14px;
    right: -26px;
    width: 100%;
    height: 9px;
    background-color: #fff;
    opacity: 25%;
    transform: rotateZ(90deg);
    animation-name: search-icon-ani-bg;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    /* animation-direction: alternate; */


}

@keyframes search-icon-ani-bg {
    from {
        right: -26px;
    }

    to {
        right: 30px;
    }
}

.second-header-section #nav-search-wrapper #search-toggle-btn i {
    animation-name: search-icon-ani;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    transform: scale(1);
}

@keyframes search-icon-ani {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.5);
    }
}

.second-header-section #nav-search-wrapper .overflowScroll {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 400px;
}

.second-header-section #nav-search-wrapper #appendSearchMain {
    background: #fff;
    padding: 0px 15px;
    display: none;
}

.second-header-section #nav-search-wrapper #appendSearchMain .card {
    /* background-color: red; */
    margin-top: 9px;
    position: relative;
}

.second-header-section #nav-search-wrapper #appendSearchMain .card .card-title {
    font-size: 14px;
    margin: 0;
    padding: 0;
    width: 80%;
    line-height: 21px;

}

.second-header-section #nav-search-wrapper #appendSearchMain .card .card-category {
    font-size: 11px;
    margin: 0px;
    font-weight: 600;
    position: relative;
    top: -6px;
    width: 80%;
}

.second-header-section #nav-search-wrapper #appendSearchMain .card .card-icon {
    position: absolute;
    bottom: 8px;
    right: 7px;
    /* background: rgb(187 184 182); */
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;

}


@media screen and (max-width:778px) {
    .left-part-header-new div.nav-links {
        width: 16rem;
    }

}

@media screen and (max-width:430px) {
    .left-part-header-new div.nav-links {
        width: 10.5rem;
    }


    .second-header-section #nav-search-wrapper .input-box input {
        font-size: 12px;
    }

    .second-header-section #nav-search-wrapper #search-toggle-btn {
        padding: 2px 13px;
        font-size: 11px;
        border-radius: 2px;
        margin-left: 6px;
    }

    .second-header-section #nav-search-wrapper {
        order: 1;
        width: 100%;
        /* top: 13px; */
        position: absolute;
        top: 54px;
        left: 0px;
    }

    .second-header-section #nav-search-wrapper #appendSearchMain .card .card-title {
        font-size: 11px;
        width: 100%;
    }

    .second-header-section #nav-search-wrapper #appendSearchMain .card .card-category {
        font-size: 10px;
        width: 100%;
    }

}

/* ======================NEW CSS FOR HEADER SECTION END============================= */
section.heading-n-breadcrub-part {
    margin-top: 0px;
    background: #fff;
    padding: 120px 0 20px 0;
    margin-bottom: 20px;
    position: relative;
}

section.bg-form-live-class {
    background-image: url(../images/bg-ole-lp.jpg) !important;
    background-size: cover !important;
    background-position: right top !important;
}

section.heading-n-breadcrub-part:after {
    content: '';
    width: 100%;
    /* height: 36%; */
    bottom: 0;
    background: #efefef;
    position: absolute;
    z-index: 0;
    top: 96px;
}


section.heading-n-breadcrub-part .container {
    position: relative;
    z-index: 1;
}

.bread-crumb-part {
    text-align: right;
}

.bread-crumb-part .bread-crumb-part-list {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.bread-crumb-part .bread-crumb-part-list li {
    display: inline-block;
}

.bread-crumb-part .bread-crumb-part-list li a {
    color: var(--primary-color);
    font-size: 13px;
    padding: 0 10px;
    position: relative;
}

.bread-crumb-part .bread-crumb-part-list li a:after {
    content: '/';
    position: absolute;
    color: var(--primary-color);
    right: -5px;
    top: -3px;
}

.bread-crumb-part .bread-crumb-part-list li:first-child a {
    padding-left: 0;
}

.bread-crumb-part .bread-crumb-part-list li:last-child span {
    padding-right: 0;
}

.bread-crumb-part .bread-crumb-part-list li span {
    padding: 0 10px;
    font-size: 13px;
    color: #000;
}

.title-page h1 {
    margin-bottom: 0;
    font-size: 18px;
}

.custom-form-control {
    font-size: 14px !important;
    border: 1px solid #444 !important;
    border-radius: 5px;
    height: 30px !important;
    line-height: 30px;
    padding-top: 5px;
}

.heading-row .form-group label {
    font-weight: bold;
    color: #000;
    margin-bottom: 0;
    font-size: 14px;
}

.card-rdp {
    padding: 1px;
    overflow: hidden;
    max-width: 300px;
}

.cardcontainer {
    display: flex;
    border: 1px solid #ddd;
    padding: 0 5px;
    border-radius: 5px;
}

.card-rdp .Icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
    width: 18px;
}

.card-rdp .Icon svg {
    transform: translate(-1px, -1px);
}

.card-rdp label {
    display: block;
    color: #3c4b66;
    margin-bottom: 5px;
    font-size: 13px;
    background: linear-gradient(45deg, #6b7b8f, #3c4b66);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.card-rdp .inputcontainer {
    width: 100%;
}

.inputcontainer input {
    padding: 3px 8px;
    border: none;
    display: block;
    font-weight: 300;
    color: #a9b8c9;
    font-size: 13px;
    -webkit-appearance: none;
    transition: all 240ms ease-out;
    width: 100%;
}

.inputcontainer input::placeholder {
    color: #6d7f8f;
}

.inputcontainer input:focus {
    outline: none;
    color: #6d7f8f;
}

.inputcontainer {
    --top-shadow: inset 1px 1px 3px #c5d4e3, inset 2px 2px 6px #c5d4e3;
    --bottom-shadow: inset -2px -2px 4px rgba(255, 255, 255, .7);
    position: relative;
    overflow: hidden;
}

.inputcontainer:before,
.inputcontainer:after {
    left: 0;
    top: 0;
    display: block;
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    position: absolute;
}

.pagination {
    margin: 25px 0 15px 0;
}

.pagination,
.pagination li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pagination li {
    background: #f23b26;
    list-style: none;
}

.pagination li a,
.pagination li span.page-link {
    text-decoration: none;
    color: #fdfdfd;
    height: 30px;
    /* width: 30px; */
    font-size: 14px;
    padding-top: 0px;
    border: none;
    border-right: 1px solid #fff;
    line-height: 30px;
    text-align: center;
}

.page-item.disabled .page-link {
    color: #ffffff !important;
    background-color: #f23b26 !important;
    border-color: #f23b26 !important;
}

.pagination li:last-child a {
    border-right-width: 1px;
}

.pagination li a:hover {
    background: rgba(255, 255, 255, 0.2);
    border-top-color: rgba(0, 0, 0, 0.35);
    border-bottom-color: rgba(0, 0, 0, 0.5);
}

.pagination li a:focus,
.pagination li a:active {
    padding-top: 4px;
    border-left-width: 1px;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.25);
}

.pagination li.icon a {
    min-width: 120px;
}

.pagination li:first-child span {
    padding-right: 8px;
}

.pagination li:last-child span {
    padding-left: 8px;
}

.course-features-custom {
    background: var(--primary-color);
    padding: 6px 12px;
    border-radius: 50px;
}

.feature-custom-number {
    background: #fff;
    padding: 0px 10px;
    margin-right: 10px;
    border-radius: 24px;
    font-size: 15px;
    font-weight: bold;
    color: var(--primary-color);
}

.feature-custom-text {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.corses-details-custom {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 1px 4px 9px 7px rgb(0 0 0 / 7%);
}

.tab {
    margin-bottom: 25px;
}

.tab .nav-tabs .nav-link.active,
.tab .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: var(--primary-color);
    border-color: transparent;
}

.tab .nav-tabs {
    border-bottom: none;
}

.tab .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.tab .nav-link {
    display: block;
    color: #8c8c8c;
    padding: 0.2rem 1rem;
    background-color: #efefef;
}

.course-individual-tab h3 {
    font-weight: 500;
    font-size: 20px;
    text-transform: none;
    margin-bottom: 15px;
}

.course-individual-tab p,
.course-individual-tab ul {
    font-size: 14px;
}

.package-thumbnail img {
    width: 100%;
}

.course-details-sidebar .course-details-widget {
    padding: 15px 10px;
    -webkit-box-shadow: 0 20px 40px #eaeaea;
    box-shadow: 0 20px 40px #eaeaea;
}

.course-details-sidebar .course-details-widget .course-widget-title {
    margin-bottom: 20px;
}

.course-details-sidebar .course-details-widget .course-widget-items .single-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0;
}

.course-details-sidebar .course-details-widget .course-widget-items .single-item+.single-item {
    border-top: 1px solid #eaeaea;
}

.course-details-sidebar .course-fea {
    background: #fff;
    margin: 40px 0px;
    box-shadow: 4px 3px 9px rgb(170 166 166 / 54%);
    border-radius: 6px;
    padding: 20px;

}

.course-details-sidebar .course-fea h4 {
    font-size: 20px;
}

.course-details-sidebar .course-fea ul {
    padding: 0px;
}

.course-details-sidebar .course-fea ul li {
    list-style: none;
}

.course-details-sidebar .course-fea ul li p {
    margin-bottom: 10px;
    font-size: 11px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.course-details-sidebar .course-fea ul li span i {
    margin-right: 8px;
    color: #253a73;
}

.course-details-sidebar .courseFAQ {
    padding: 20px 0px;

}

.course-details-sidebar .courseFAQ .faq-btn {
    background: #fe6904;
    display: block;
    text-align: center;
    padding: 6px 10px;
    color: #fff;
    border-radius: 4px;

}

.course-details-section .faqWrapper {
    /* background: #fae0b9; */
    box-shadow: -14px 1px 35px #7e7d7d;
    border-radius: 25px 0px 0px 25px;
    background-color: #fff;
    position: fixed;
    top: 0px;
    width: 70%;
    height: 100vh;
    z-index: 10;
    right: -100%;
    padding: 20px 20px;
    transition: all ease-in-out 1.5s;
}

.course-details-section .faqWrapper h2 {
    color: #253a73;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.course-details-section .faqWrapper .card {
    background: none;
    margin-bottom: 2rem;
    border: none;
}

.course-details-section .faqWrapper .card .card-header {
    background: none;
    display: flex;
    align-items: center;
}

.course-details-section .faqWrapper .card .card-header span h4 {
    margin: 0px;
    margin-left: 15px;
    font-size: 17px;
    text-align: left;

}

.course-details-section .faqWrapper .card .card-header span {
    display: flex;
    align-items: center;
}

.course-details-section .faqWrapper .card .card-body {
    /* padding-left: 4rem; */
}

.course-details-section .faqWrapper .card .card-body p {
    margin: 0px;
    font-size: 13px;
    border-left: 3px solid #253a73;
    padding-left: 1.5rem;
    color: #000;

}

.course-details-section .showFaqs {
    right: 0px;
}

.course-details-section .faqWrapper #accordion {
    height: 100%;
    overflow-y: scroll;
}

.course-details-section .faqWrapper #FAQClose-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #253a73;
    padding: px;
    height: 40px;
    width: 40px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    border-radius: 0px 0px 0px 10px;
}

button.btn-v-small {
    padding: 1px 4px;
    line-height: 1;
    font-size: 10px;
    border-radius: 2px;
    background: none;
    color: blue;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1050;
    top: 0;
    background-color: #fff;
    right: -40px;
    transition: 0.5s;
    padding: 10px;
    overflow-y: scroll;
    border-left: 1px solid #ddd;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 20px;
    margin-left: 50px;
    background: #000;
    color: #fff;
    padding: 0 6px;
    border-radius: 50%;
}

.curriculum-sidebaraccordion .accordion-wrapper .card .card-header a {
    font-size: 10px;
    line-height: 1;
    padding: 5px;
}

.curriculum-sidebaraccordion .accordion-wrapper .card .card-header a span {
    font-size: 10px;
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    display: block;
}

.accordion-wrapper .card .card-header a[aria-expanded="false"]:after {
    content: "\e648";
}

.accordion-wrapper .card .card-header a:after {
    position: absolute;
    right: 24px;
    top: 15px;
    content: "\e64b";
    font-family: 'themify';
    font-weight: 700;
}

.locked a {
    font-size: 10px;
    background: #fafafa;
    border: 1px solid #ddd;
    padding: 0 5px;
    border-radius: 20px;
    margin-right: 10px;
}

.line-height-1 {
    line-height: 1;
}

.v-small {
    font-size: 65%;
}

.course-features-custom-2 {
    background: #6885d4;
    padding: 4px 5px;
    border-radius: 50px;
    line-height: 20px;
}

.course-features-custom-2 .feature-custom-number {
    background: #fff;
    padding: 0px 10px;
    margin-right: 5px;
    border-radius: 24px;
    font-size: 15px;
    font-weight: bold;
    color: #253a73;
}

.course-features-custom-2 .feature-custom-text {
    font-size: 12px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase;
}

.accordion-wrapper .card .card-header a {
    display: block;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    font-family: "Poppins", sans-serif;
    background-color: transparent;
    color: #374a5e;
    border: 1px solid #eaeaea;
    border-radius: 5px;
    padding: 14px 24px;
    cursor: pointer;
    position: relative;
    text-transform: capitalize;
}

.accordion-wrapper .card {
    border: none;
    background-color: transparent;
}

.accordion-wrapper .card .card-header {
    background-color: transparent;
    padding: 0;
    border: none;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.property-course {
    min-width: 114px;
    font-size: 12px;
    text-align: right;
}

.pagination .page-link {
    background-color: transparent;
    border-radius: 0 !important;
}

.page-item.active .page-link {
    padding-top: 0px;
    border-left-width: 1px;
    background: rgba(255, 255, 255, 0.15) !important;
    box-shadow: inset 0px 2px 1px 0px rgb(0 0 0 / 25%);
}

.page-item.active .page-link {
    border-color: transparent !important;
}

@media (max-width:767px) {
    section.special-banners {
        padding-bottom: 10px;
    }

    .fixed-width-block {
        width: 125px;
        left: 0;
        top: 100px;
    }

    .sec-title {
        font-size: 18px;
    }

    .course-item-1 h4 {
        font-size: 14px;
    }

    .how-we-function {
        padding-bottom: 20px;
    }

    .pricing-section {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .section-team {
        padding: 10px 0;
    }

    .hero-banner-2 {
        padding: 0px 0 0px;
    }

    .course-details-sidebar .courseFAQ .faq-btn {
        margin-bottom: 2rem;
    }

    .course-details-section .faqWrapper {
        padding: 15px;
    }

    .course-details-section .faqWrapper h2 {
        margin-top: 0rem;
        margin-bottom: 1rem;
        font-size: 25px;
    }

    .course-details-section .faqWrapper {
        width: 85%;
    }

    .course-details-section .faqWrapper .card .card-header span h4 {
        font-size: 12px;
    }

    .course-details-section .faqWrapper .card .card-body p {
        font-size: 11px;
        padding-left: 1rem;
    }
}

#slidebar {
    width: 410px;
    top: 80px;
    background: #fff;
    position: fixed;
    z-index: 9;
    color: #333;
    cursor: pointer;
}

.getQuoteWrap {
    clear: both;
    padding-top: 15px;
}

.getaAQuote {
    background: #f0c632;
    border-radius: 5px 0 0 5px;
    padding: 10px;
    text-align: center;
    width: 38px;
    color: #fff;
    font-weight: bold;
}

.getaAQuote:hover {
    background: #5ebadf;
}

#slidebar h2 {
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
}

#slidebar h2 span {
    color: #5ebadf;
}

#slidebar h2:after {
    content: "";
    position: absolute;
    bottom: -10px;
    color: #03b2eb;
    border: solid 1px #5ebadf;
    left: 0%;
    width: 100px;
}

#slidebar .form-control {
    color: #333;
    padding: 5px 10px;
    border: 1px solid #d8d8d8;
    height: 40px;
    font-size: 14px;
    border-radius: 2px;
}

#slidebar textarea.form-control {
    color: #333;
    height: 80px;
    resize: none;
}

#header {
    width: 260px;
    position: absolute;
    right: 0;
    top: 80px;
    border: 1px solid #d8d8d8;
    padding: 10px 20px;
    border-radius: 0 3px;
    background: #fff;
    cursor: auto;
    box-shadow: 5px 2px 5px #d8d8d8;
}

#sidebar {
    position: absolute;
    top: 80px;
    left: 115px;
}

#sidebar1 {
    position: absolute;
    top: 80px;
    left: 113px;
}

.sendbutton {
    color: #fff;
    width: 100%;
    font-size: 14px;
    padding: 8px 0;
    border-radius: 3px;
    background: #5ebadf;
    border: 1px solid #327796;
    cursor: pointer;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.sendbutton:hover {
    border: 1px solid #327796;
    color: #327796;
    background: #fff;
}

#map {
    width: 100%;
    height: 400px;
    background-color: grey;
}

ul.floating-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cart-block {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1050;
    display: block;
    background: #fff;
    width: 0;
    height: 100%;
    border-left: 1px solid #ddd;
    transition: width 1s;
}

.shopping-cart {
    background: white;
    position: relative;
    border-radius: 3px;
    max-height: 90vh;
    overflow-y: auto;
}

.shopping-cart .shopping-cart-header {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
}

.shopping-cart .shopping-cart-header .shopping-cart-total {
    float: right;
}

.shopping-cart .shopping-cart-items {
    padding-top: 6px;
    display: block;
    max-height: 65vh;
    overflow: auto;
    float: none;
    margin-right: 0;
}

.shopping-cart .shopping-cart-items li {
    margin-bottom: 5px;
    display: block;
}

.shopping-cart .shopping-cart-items li a {
    color: #222;
}

.shopping-cart .shopping-cart-items img {
    float: left;
    margin-right: 12px;
    width: 50px;
}

.shopping-cart .shopping-cart-items .item-name {
    display: block;
    padding-top: 0px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
}

.shopping-cart .shopping-cart-items .item-price {
    color: #6394F8;
    margin-right: 8px;
    font-size: 13px;
}

.shopping-cart .shopping-cart-items .item-quantity {
    color: #ABB0BE;
    font-size: 13px;
}

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}

.closecustom {
    border: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: #000;
    color: #fff;
    right: 0;
    top: 5px;
}

.cart-title {
    position: relative;
}

.shopping-cart-items li {
    border-bottom: 1px solid #ddd;
}

.topbar-right .dropdown-menu {
    border-radius: 5px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 10%);
    min-width: 250px;
    padding-top: 0;
    overflow: hidden;
}

.topbar-right .dropdown-menu a {
    color: #333;
}

.topbar-right .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 5px 10px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
}

.user-img {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
}

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

.name-mobile {
    padding-top: 10px;
}

span.user-name {
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 1;
}

span.user-mobile {
    font-size: 13px;
    color: #fff;
}

.main-div-name-image {
    background: #FB6823;
    padding: 10px;
}

.name-mobile {
    padding-top: 10px;
}

.dropdown-list-image {
    position: relative;
    height: 2.5rem;
    width: 2.5rem;
}

.dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem;
}

.btn-light {
    color: #2cdd9b;
    background-color: #e5f7f0;
    border-color: #d8f7eb;
}

.btn-success-custom a.feature-custom-text {
    background: green;
    padding: 7px 10px;
    border-radius: 22px;
    font-size: 11px;
}

.btn-success-custom a.feature-custom-text:hover {
    background: green;
    padding: 7px 10px;
    border-radius: 22px;
    font-size: 11px;
    color: #fff;
}

.accordion-wrapper .card .card-header a[aria-expanded="false"]:after {
    content: "\f107" !important;
    font-family: 'Font Awesome 5 Pro';
}

.accordion-wrapper .card .card-header a:after {
    content: "\f106" !important;
    font-family: 'Font Awesome 5 Pro';
}

.bisylms-btn-5 {
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #ffffff !important;
    background: rgb(254 124 84);
    padding: 15px 30px;
    text-align: center;
    display: inline-block;
    line-height: .8;
    letter-spacing: 0;
    position: relative;
    border-radius: 30px;
    z-index: 1;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bisylms-btn-5:hover {
    color: #fff;
    background: rgb(254 124 84);
    -webkit-box-shadow: 0px 20px 30px 0px rgb(120 34 8 / 20%);
    -moz-box-shadow: 0px 20px 30px 0px rgba(120, 34, 8, 0.20);
    box-shadow: 0px 20px 30px 0px rgb(120 34 8 / 20%);
}

.single-widget {
    padding: 20px 20px 0 20px;
    margin-bottom: 0;
}

.blog-sidebar {
    margin: 0 0 30px 0;
    box-shadow: 0 0 35px rgb(0 0 0 / 10%);
    background: #fff;
}

.single-recent-post {
    margin: 0 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.single-recent-post .recent-post-image {
    padding-right: 15px;
}

.single-recent-post .recent-post-image img {
    width: 60px;
    border-radius: 3px;
}

.single-recent-post .recent-post-image .img-fluid {
    max-width: 100%;
    height: auto;
}

.single-related-test-series {
    background: #9e5e00bf;
    padding: 10px;
    border-radius: 4px;
}

.single-related-test-series .related-test-ser-img {
    width: 3rem;
    margin-right: 9px;
    padding: 13px;
    background: rgb(235 191 127 / 65%);
    margin-bottom: 15px;
    border-radius: 5px;
}

.single-related-test-series .related-test-ser-content {}

.single-related-test-series .related-test-ser-content h5 {
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 12px;
}

.single-related-test-series .related-test-ser-content a {
    font-size: 12px;
    color: #000000;
    background: #ffffffb8;
    padding: 5px 7px;
    border-radius: 3px;
}

.recent-post-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.post-date {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
    line-height: inherit;
}

.recent-post-title h5 {
    font-size: 14px;
    margin: 0 0 7px;
    font-weight: 400;
}

.widget-title h4 {
    font-size: 24px;
    position: relative;
    margin: 0 0 15px;
    font-weight: 400;
}

.category-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.category-items ul li {
    padding-bottom: 7px;
    margin-bottom: 7px;
    border-bottom: dashed 1px #ededed;
}

.category-items ul li a {
    color: #555;
    font-size: 15px;
}

.tag-items a {
    border: 1px solid #dcd7d7;
    color: #555;
    display: inline-block;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 5px 13px;
    border-radius: 3px;
    text-transform: capitalize;
}

.blog-details-slider .slick-arrow {
    background-color: #000;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
}

.blog-details-slider.slick-initialized.slick-slider {
    position: relative;
    display: flex;
}

.blog-details-slider .slick-arrow.prev-arrow {
    margin-right: 10px;
}

.blog-details-slider .slick-arrow.next-arrow {
    margin-left: 10px;
}

.classs-block {
    left: 8px;
    z-index: 2;
    background: var(--secondary-color);
    border-radius: 12px;
    padding: 5px 15px;
    top: 8px;
    color: #fff;
}

.bisylms-btn-6 {
    color: #fff !important;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 6px 10px;
    line-height: 1;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.bisylms-btn-6:hover {
    color: #ffeb3b !important;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    border: 1px solid #ffeb3b;
    border-radius: 20px;
    padding: 6px 10px;
    line-height: 1;
}

span.l-c-text {
    font-size: 15px;
}

span.l-c-count {
    font-size: 15px;
}

.tab .nav-tabs .nav-link {
    font-size: 16px;
}

.single-course-video a.button-video {
    line-height: inherit;
}

.property-course .badge-success a {
    color: #fff;
}

#videoId iframe {
    min-height: 350px;
    width: 100%;
}

/* #videoId {
    background: url(../images/loading.gif);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
} */

.video-playlist-sidebar {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    box-shadow: -1px 12px 20px 4px rgb(0 0 0 / 8%);
}

.job-tab ul.nav.nav-tabs {
    overflow-x: auto;
    white-space: nowrap;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 0;
    padding: 15px 0;
    margin-bottom: 10px;
}

.navbar-expand-lg .navbar-nav li:last-child {
    margin-right: 0;
}

@media (max-width:991px) {
    .navbar-brand img {
        width: auto;
        height: 45px;
    }

    .sub-logo img {
        width: 30px;
    }

    .user-btn {
        height: 27px;
    }

    .topbar {
        padding: 5px 0px;
    }

    .header-02 {
        top: 0px;
    }

    .header-02.fix-header {
        top: 0;
    }

    .hp-package-slider.owl-carousel .owl-nav button.owl-prev {
        left: -18px;
    }

    .hp-package-slider.owl-carousel .owl-nav button.owl-next {
        right: -18px;
    }

    .hp-package-slider.owl-carousel .owl-nav button {
        background: #e86a2f;
        border-radius: 50%;
        font-size: 32px;
        width: 35px;
        color: #fff;
        padding: 0 6px !important;
        height: 35px;
        line-height: 14px;
    }

    section.heading-n-breadcrub-part {
        margin-top: 0px;
    }
}

@media (max-width:767px) {
    .feature-item img {
        position: relative;
        left: 0px;
        top: 0px;
        width: 45px;
        height: 45px;
    }

    .feature-item h4 {
        font-size: 15px;
        line-height: 17px;
        margin-bottom: 3px;
    }

    .feature-item p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 0px;
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        font-size: 35px;
    }

    .section-team .single-person {
        padding: 9px 10px;
        min-height: 240px;
    }

    .section-team .single-person .person-image {
        width: 80px;
        height: 80px;
    }

    .section-team .single-person .person-info .full-name {
        font-size: 13px;
    }

    .section-team .single-person .person-info .speciality {
        font-size: 10px;
    }

    .bisylms-btn-6 {
        font-size: 10px;
        padding: 4px 10px;
    }

    .owl-carousel .owl-item .home-slides-item img,
    .owl-carousel .owl-item .special-item img {
        width: 100%;
        /* min-height: 160px; */
    }

    span.l-c-text {
        font-size: 12px;
    }

    span.l-c-count {
        font-size: 12px;
    }

    .feature-item {
        padding: 10px 10px 10px 10px;
    }

    .testimonial-section .mb-5,
    .blog-section .mb-5 {
        margin-bottom: 20px !important;
    }

    .title-page h1 {
        margin-bottom: 0;
        font-size: 15px;
        margin-top: 12px;
    }

    .title-page span {
        font-size: 13px;
    }

    .course-features-custom {
        padding: 3px 5px;
    }

    .feature-custom-number {
        padding: 0px 5px;
        font-size: 11px;
    }

    .feature-custom-text {
        font-size: 13px;
    }

    .tab .nav-tabs .nav-link {
        font-size: 13px;
    }

    .tab .nav-link {
        padding: 0.2rem 0.3rem;
    }

    .heading-n-breadcrub-part .bread-crumb-part {
        text-align: left;
    }

    .btn-success-custom a.feature-custom-text {
        padding: 7px 8px;
        font-size: 9px;
    }

    .course-features-custom-2 .feature-custom-number {
        background: #fff;
        padding: 0px 5px;
        margin-right: 3px;
        border-radius: 24px;
        font-size: 10px;
        font-weight: bold;
        color: #253a73;
    }

    .course-features-custom-2 .feature-custom-text {
        font-size: 9px;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
    }

    .course-features-custom-2 {
        background: #6885d4;
        padding: 4px 5px;
        border-radius: 50px;
        line-height: 20px;
    }

    .tab-pane .row .float-right {
        float: none !important;
    }

    .accordion-wrapper .card .card-header a {
        padding: 14px 6px;
        font-size: 10px;
        line-height: 14px;
    }

    .accordion-wrapper .card .card-header a:after {
        right: 5px;
    }

    .card-body {
        padding: 0.25rem;
    }

    body {
        font-size: 13px;
        padding-bottom: 55px !important;
    }
}

@media screen and (max-width:430px) {
    .blog-title h3 {
        font-size: 20px;
    }

}

@media screen and (max-width:380px) {
    .course-features-custom {
        padding: 2px;
    }

    .feature-custom-text {
        font-size: 9px;
    }



}

#appendSearchCart1 {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    width: 95%;
    z-index: 5;
}

#appendSearchCart1::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#appendSearchCart1::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#appendSearchCart1::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

.bottom-menu {
    display: none;
}

.modal-body iframe {
    max-height: 600px;
}

.thums-up {
    max-width: 200px;
    margin: 0 auto;
}

.thums-up img {
    width: 100%;
}

.congrats-content {
    padding: 10px;
    text-align: center;
    background: #f9f9f9;
}

.congrats-content h3 {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 35px;
    color: #fd0000;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 10px;
}

.congrats-content h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    color: green;
}

.coupon-code span {
    border: 2px dashed green;
    padding: 3px 15px;
    border-radius: 5px;
    color: green;
    font-weight: bold;
}

.coupon-code {
    margin-bottom: 10px;
}

@media (max-width:991px) {
    .bread-crumb-part {
        display: none;
    }


}


@media (max-width:767px) {

    .pricing-item,
    .feature-course-item-2 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .modal-body iframe {
        max-height: 152px;
    }

    .footer-1 {
        display: none;
    }

    .bottom-menu {
        display: block;
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 1054;
        background: #fff;
        padding: 5px 10px;
        border-top: 1px solid #ddd;
        box-shadow: 0px -3px 14px 0px rgb(0 0 0 / 16%)
    }

    .bottom-menu-part {
        text-align: center;
        line-height: 25px;
    }

    .bottom-menu-icon {
        position: relative;
        font-size: 13px;
    }

    .bottom-menu-text {
        font-size: 13px;
    }

    .bottom-block .navbar-toggler {
        padding: 0;
        font-size: 13px;
        display: block;
    }

    .bottom-menu-cart-count {
        position: absolute;
        width: 20px;
        right: -6px;
        height: 20px;
        top: -12px;
        font-size: 10px;
        color: #fff;
        background: chocolate;
        border-radius: 50%;
    }

}

@media (max-width:480px) {
    span.l-c-count {
        font-size: 8px;
    }

    span.l-c-count {
        padding: 3px 8px;
        line-height: 1;
    }
}

.tab-pane img {
    max-width: 100%;
}

.lightrope {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    z-index: 9;
    margin: -15px 0 0 0;
    padding: 0;
    pointer-events: none;
    width: 100%;
    top: 0;
}

.lightrope li {
    position: relative;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 12px;
    height: 28px;
    border-radius: 50%;
    margin: 20px;
    display: inline-block;
    background: #00f7a5;
    box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    -webkit-animation-name: flash-1;
    animation-name: flash-1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.lightrope li:nth-child(2n+1) {
    background: aqua;
    box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.5);
    -webkit-animation-name: flash-2;
    animation-name: flash-2;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
}

.lightrope li:nth-child(4n+2) {
    background: #f70094;
    box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    -webkit-animation-name: flash-3;
    animation-name: flash-3;
    -webkit-animation-duration: 1.1s;
    animation-duration: 1.1s;
}

.lightrope li:nth-child(odd) {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
}

.lightrope li:nth-child(3n+1) {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
}

.lightrope li:before {
    content: "";
    position: absolute;
    background: #222;
    width: 10px;
    height: 9.3333333333px;
    border-radius: 3px;
    top: -4.6666666667px;
    left: 1px;
}

.lightrope li:after {
    content: "";
    top: -14px;
    left: 9px;
    position: absolute;
    width: 52px;
    height: 18.6666666667px;
    border-bottom: solid #222 2px;
    border-radius: 50%;
}

.lightrope li:last-child:after {
    content: none;
}

.lightrope li:first-child {
    margin-left: -40px;
}

@-webkit-keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}

@keyframes flash-1 {

    0%,
    100% {
        background: #00f7a5;
        box-shadow: 0px 4.6666666667px 24px 3px #00f7a5;
    }

    50% {
        background: rgba(0, 247, 165, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 247, 165, 0.2);
    }
}

@-webkit-keyframes flash-2 {

    0%,
    100% {
        background: aqua;
        box-shadow: 0px 4.6666666667px 24px 3px aqua;
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}

@keyframes flash-2 {

    0%,
    100% {
        background: aqua;
        box-shadow: 0px 4.6666666667px 24px 3px aqua;
    }

    50% {
        background: rgba(0, 255, 255, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(0, 255, 255, 0.2);
    }
}

@-webkit-keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}

@keyframes flash-3 {

    0%,
    100% {
        background: #f70094;
        box-shadow: 0px 4.6666666667px 24px 3px #f70094;
    }

    50% {
        background: rgba(247, 0, 148, 0.4);
        box-shadow: 0px 4.6666666667px 24px 3px rgba(247, 0, 148, 0.2);
    }
}

.show-mobile {
    display: none;
}

.hide-mobile {
    display: block;
}

.user-menu-mobile {
    background: #253a73;
    height: 100%;
    opacity: 95%;
}

.user-menu-mobile a.dropdown-item {
    color: #fff !important;
    padding: 10px 10px;
    border-bottom: 1px dotted #354d8e;
    font-size: 15px;
    margin: 14px 0px;
}


/* div#usermenucollapse {
    z-index: 1060;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    top: 0;
    right: 0;
} */

.mobileMenuTransition-first {
    z-index: 1060;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    top: -1500%;
    right: 0;
    transition: all ease-in-out 0.5s;
    display: none;
}

.mobileMenuTransition-second {
    z-index: 1060;
    position: fixed;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    top: 0%;
    right: 0;
    transition: all ease-in-out 0.5s;
    display: none;
}

@media screen and (max-width:1012px) {
    .mobileMenuTransition-first {
        display: block;
    }

    .mobileMenuTransition-second {
        display: block;
    }

    .main-div-name-image {
        background-color: transparent;
    }
}

.cart-detail-wrap .form-control {
    max-width: 320px;
}

.single-cart-item .row .col-lg-4 img {
    width: 100%;
    margin-bottom: 10px;
}

.single-cart-item h4 {
    font-size: 16px;
}

.single-cart-item span {
    font-size: 13px;
}

.single-cart-item ul li h5 {
    font-size: 20px;
}

.cart-coupon h5 {
    font-size: 16px;
    margin-top: 10px;
}

.shopping-cart-detail-item {
    margin-top: 20px;
}

.shopping-cart-detail-item h5 {
    font-size: 18px;
    margin-top: 12px;
}

.shopping-cart-detail-item ul li {
    font-size: 13px;
}

#filterForm .row {
    align-items: center;
}

@media (max-width:1024px) {
    .cart-detail-wrap .form-control {
        max-width: 200px;
    }
}

@media (max-width:991px) {
    .show-mobile {
        display: block;
    }

    .hide-mobile {
        display: none;
    }

    .cart-detail-wrap .form-control {
        max-width: 200px;
    }
}

@media (max-width:767px) {
    .cart-detail-wrap .form-control {
        max-width: 200px;
    }

    .hp-package-slider.owl-theme .owl-nav {
        position: absolute;
        top: -40px;
        width: 100%;
        display: none;
    }

    .hp-package-slider.owl-carousel .owl-nav button.owl-prev {
        left: auto;
        right: 50%;
        transform: translateX(0px);
    }

    .hp-package-slider.owl-carousel .owl-nav button.owl-next {
        right: auto;
    }

    .feature-item {
        padding-right: 20px;
        margin-bottom: 25px !important;
    }

    .owl-carousel .owl-stage-outer {
        padding: 0px 0;
    }

    .owl-dots {
        padding: 2px 0px;
    }
}

@media (max-width:991px) {

    .course-widget-buttons,
    .course-details-sidebar .content-right {
        position: fixed;
        bottom: 0px;
        z-index: 999;
        width: 100%;
        left: 0;
    }

    .course-widget-buttons .btn,
    .course-details-sidebar .content-right .btn {
        border-radius: 0;
    }
}

.custom-class {
    /* min-width: 260px; */
    /* max-width: 500px; */
    width: 80%;
}

@media (max-width:767px) {
    .custom-class .wrapper {
        position: relative;
        margin: 0 auto;
        overflow: scroll;
        padding: 5px;
        height: 50px;
    }
}

@media (max-width:640px) {
    .custom-class {
        min-width: calc(100% - 140px);
        max-width: calc(100% - 140px);
        width: 80%;
    }
}

@media (max-width:480px) {
    .custom-class {
        min-width: calc(100% - 140px);
        max-width: calc(100% - 140px);
        width: 80%;
    }

    .shopping-cart-detail-item {
        margin-bottom: 2rem;
    }
}

.botttomsolution {
    width: 100%;
    height: 0;
    position: fixed;
    z-index: 4;
    bottom: -70px;
    left: 0;
    background-color: #f1fef4;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: 0px -12px 20px 4px rgb(0 0 0 / 16%);
}

.solution-scroll-div h5:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #017a1d;
    position: absolute;
    bottom: 0;
    left: 0;
}

.solution-scroll-div h5 {
    color: #017a1d;
    padding-bottom: 10px;
    position: relative;
}

.botttomsolution .closebtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fd0000;
    background: yellow;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    line-height: 40px;
    border-radius: 50%;
}

@media screen and (max-height: 450px) {
    .botttomsolution {
        padding-top: 15px;
    }

    .botttomsolution a {
        font-size: 18px;
    }
}

.login-center-logo {
    max-width: 105px;
    margin: 20px auto;
}

.heading-n-breadcrub-part button.d-md-none.d-lg-none.d-sm-block.mr-2 {
    border: 0;
    border-radius: 4px;
    color: #6e2573;
    font-size: 20px;
    vertical-align: middle;
    height: auto;
    padding: 2px 10px;
}

@media (max-width:1200px) {
    span.l-c-count {
        font-size: 10px;
    }

    span.l-c-text {
        font-size: 10px;
    }
}

@media (max-width:991px) {
    .navbar.navbar-expand-lg .navbar-toggler {
        display: block;
    }

    span.l-c-count {
        font-size: 12px;
    }

    span.l-c-text {
        font-size: 12px;
    }
}

@media (max-width:767px) {
    .mobile-logo-div .navbar-brand {
        display: block;
    }

    .navbar-brand {
        display: none;
    }

    .navbar.navbar-expand-lg .navbar-toggler {
        display: none;
    }

    body.home .navbar-brand {
        display: block;
    }

    body.home .navbar.navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .pricing-item {
        position: relative;
        z-index: 2;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 4px;
        padding: 5px 5px;
        margin: 0 0 30px;
        -webkit-box-shadow: 0px 2px 1px 0px rgb(11 2 56 / 10%);
        -moz-box-shadow: 0px 2px 1px 0px rgb(11 2 56 / 10%);
        box-shadow: 0px 2px 1px 0px rgb(11 2 56 / 10%);
        -webkit-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        overflow: hidden;
        transition: all 0.4s ease;
    }

    .page-title {
        font-size: 12px;
    }

    .thumbnail-image {
        width: 100%;
        position: relative;
        border-radius: 3px 3px 0 0;
        overflow: hidden;
        margin-bottom: 0px;
    }

    .page-title {
        margin-bottom: 5px;
        /* background: rgba(254, 124, 84, .1); */
    }

    .hp-package-slider .owl-item.active.center .pricing-item {
        background-color: #fff;
    }

    .hp-package-slider .owl-item.active .pricing-item {
        background-color: #f3eeeb;
    }

    .single-course-video .button-video span.badgemm {
        display: block;
        margin-top: 5px;
    }
}

@media (max-width:600px) {
    .property-course {
        font-size: 9px;
    }

    .locked a {
        font-size: 9px;
    }

    .card .card-header .d-flex.align-items-center.border.pl-0 a.w-100.border-0.bg-light.rounded-0.collapsed.d-flex.justify-content-between span.mr-3 {
        min-width: 53px;
    }

    span.l-c-count {
        margin-right: 4px;
    }
}

.hp-package-slider .owl-stage {
    display: flex;
}

.hp-package-slider .owl-item {
    display: flex;
    flex: 1 0 auto;
}

.hp-package-slider .pricing-item {
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    height: 100%;
}

.hp-package-slider .item {
    display: block;
    width: 100%;
}

.hp-package-slider .pricing-item .clearfix a.bisylms-btn-5 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.list-inline-item:not(:last-child) {
    margin-right: 0.2rem;
}


/* =======================current affairs share btn start =================================== */

.sharing-box-social {
    position: relative;
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.sharing-box-social .title{
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    background-color: transparent;
    color: #263b74;
    text-transform: capitalize;
    margin-bottom: 4px;

}

.list-inline-social-links {
    margin: 0px;
    transition: all ease-in-out 0.5s;
    border-radius: 8px;
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: flex-start;
    position: relative;
    padding: 0px;
}

.list-inline-item-social-links {
    color: #fff;
    padding: 1px 5px;
    font-size: 13px;
    border-radius: 4px;
    transition: all ease-in-out 0.3s;
    margin-left: 6px;
    background-color: #263b74;
}

.list-inline-item-social-links:hover {
    transform: translateY(-10px);
}

.sharing-box-social-for-android {
    display: none !important;
}

@media screen and (max-width:768px) {
    
    .job-tab .nav-tabs li {
        font-size: 12px;
        padding: 3px 9px;
        border-radius: 5px;
    }

   
    .list-inline-item-social-links:nth-child(1)::before {
        top: 7px;
        right: -5px;
        width: 15px;
        height: 15px;
    }
  
}

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

    .list-inline-item-social-links {
        padding: 0px 7px;
        margin: 0px 3px;
        font-size: 10px;
    }

    .sharing-box-social-for-web {
        display: none !important;
    }

    .sharing-box-social-for-android {
        display: block !important;
        width: fit-content;
        margin: 0 auto;
    }
    .sharing-box-social .title{
        font-size: 10px;
    }
    
}


/* =======================current affairs share btn end =================================== */


/* .notifyjs-corner {
        position: fixed;
        margin: 5px;
        top: 0 !important;
        width: 100%;
        z-index: 9999;
        right: auto !important;
        left: 0 !important;
        min-height:50px;
    } */

.launch-block {
    padding: 3px;
    border-radius: 5px;
    background: #c50a50;
    color: #fff;
}

.thumb-icon-launch {
    width: 60px;
    height: 60px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #c70a50;
    margin-right: 10px;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 16%);
}

.launch-text {
    width: calc(100% - 60px);
}

.thumb-icon-launch img {
    width: 100%;
}

.heading-n-breadcrub-part button.d-md-none.d-lg-none.d-sm-block.mr-2:active {
    box-shadow: 0px 1px 11px 3px rgb(255 132 4 / 36%);
}

.course-individual-tab .show-more {
    display: none;
}

@media (max-width:767px) {
    .course-individual-tab .show-more {
        display: block;
    }

    .course-individual-tab .text.show-more-height .show-more:after {
        content: 'Show More';
        position: absolute;
        color: #000;
        z-index: 1;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .course-individual-tab .text .show-more:after {
        content: 'Show Less';
        position: absolute;
        color: #000;
        z-index: 1;
        left: 0;
        text-align: center;
        width: 100%;
    }

    .course-individual-tab .text {
        width: 100%;
        margin-bottom: 5px;
        color: #777;
        padding: 0 15px;
        position: relative;
        font-family: Arial;
        font-size: 14px;
        display: block;
    }

    .course-individual-tab .show-more {
        width: 100%;
        color: #777;
        position: relative;
        font-size: 12px;
        padding: 5px;
        height: 38px;
        text-align: center;
        background: #f1f1f1;
        cursor: pointer;
    }

    .course-individual-tab .show-more:hover {
        color: #1779dd;
    }

    .course-individual-tab .show-more-height {
        height: 62px;
        overflow: hidden;
    }
}

.blinking {
    animation: blinkingText 1.2s infinite;
    line-height: 20px;
}

@keyframes blinkingText {
    0% {
        color: #fff;
    }

    49% {
        color: #fff;
    }

    60% {
        color: transparent;
    }

    99% {
        color: transparent;
    }

    100% {
        color: #fff;
    }
}

section.test-series-block {
    margin-bottom: 40px;
}

.banner-test-series {
    background: url(../images/test-series-banner.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right center;
    padding: 11px 0;
}

.text-matter-test-series {
    padding: 50px 50px;
}

.text-matter-test-series h1 {
    font-size: 24px;
    color: #002792;
    text-align: center;
}

.test-series-name {
    background: yellow;
    padding: 5px;
    text-align: center;
    color: #000;
    font-size: 12px;
    border-radius: 5px;
    font-weight: bold;
    max-width: 320px;
    margin: 0 auto;
}

.test-series-text {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #ff0707;
    padding: 20px 0;
    font-size: 30px;
    text-shadow: -2px 0 #e00008;
}

.test-series-btn a span {
    position: relative;
    z-index: 1;
}

.test-series-btn a {
    font-size: 16px;
    font-weight: 200;
    letter-spacing: 1px;
    padding: 13px 20px 13px;
    outline: 0;
    border: 1px solid black;
    cursor: pointer;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.test-series-btn a:after {
    content: "";
    background-color: #ffe54c;
    width: 100%;
    z-index: 0;
    position: absolute;
    height: 100%;
    top: 7px;
    left: 7px;
    transition: 0.2s;
}

.test-series-btn a:hover:after {
    top: 0px;
    left: 0px;
}

.test-series-btn {
    text-align: center;
    padding: 20px 0;
}

.enroll-btn {
    background: #e86a2f;
    color: #fff;
    cursor: pointer;
    font-size: 1.1em;
    padding: 1rem;
    border: 0;
    transition: all 0.5s;
    border-radius: 5px;
    width: auto;
    position: relative;
    min-width: 250px;
}

.enroll-btn::after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    left: 90%;
    top: 54%;
    right: 0;
    bottom: 0;
    opacity: 0;
    transform: translate(-50%, -50%);
}

.enroll-btn:hover {
    background: #2b2bff;
    transition: all 0.5s;
    border-radius: 10px;
    box-shadow: 0px 6px 15px #0000ff61;
    padding: 1.2rem 6rem 1.2rem 1.2rem;
    color: #ffffff;
}

.enroll-btn:hover::after {
    opacity: 1;
    transition: all 0.5s;
    color: #ffffff;
}

.custom-modal .modal-content {
    border-radius: 8px;
    border: 2px solid #ff5100;
}

.custom-modal .modal-content .modal-header {
    border: none;
    position: relative;
    padding: 0;
}

button.close-custom-btn {
    position: absolute;
    right: -5px;
    top: -5px;
    width: 30px;
    height: 30px;
    background: #000;
    line-height: 20px;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1;
    color: #fff;
    border-radius: 50%;
    z-index: 9;
}

button.close-custom-btn:hover {
    color: #fff;
    opacity: 1;
}

.project-heading {
    padding: 10px 0;
}

.project-heading h1 {
    font-size: 26px;
    color: #253a73;
}

span.project-amt {
    font-size: 24px;
    color: #fe7c54;
    font-weight: bold;
}

a.btn-buy-project {
    background: #ffe007;
    padding: 5px 15px;
    color: #000;
    line-height: 1;
    border-bottom: 4px solid #e6bb3b;
    border-radius: 50px;
    font-size: 14px;
}

@media (min-width: 768px) {
    .test-series-btn a {
        padding: 13px 50px 13px;
        color: #000;
    }
}

@media (max-width: 768px) {
    .banner-test-series {
        background: #f6fcff;
    }
}

.header-02 .container {
    position: relative;
    z-index: 9;
}


/* .header-02 {
        background: url(https://i.pinimg.com/originals/07/03/48/0703483f8e3100d87497817030fb903f.gif);
        background-size: auto;
    }
    header.header-02:after {
        content: '';
        width: 100%;
        height: 100%;
        background-color: #fff;
        z-index: 1;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0.2;
    } */

.sq img {
    max-width: 100% !important;
    height: auto !important;
}

section.bg-form-live-class-2 {
    background-image: url(../images/bg-ole-lp-2.png) !important;
    background-size: cover;
    background-position: right top;
    padding: 50px 0;
}

.logo-part-live-class {
    max-width: 300px;
    margin: 20px 0;
}

.logo-part-live-class img {
    max-width: 100%;
}

.live-class-header-content p {
    color: #fff;
}

.live-class-header-content h3 {
    color: #fff;
}

.form-register-now .form-control-sm {
    border: 0;
    border-bottom: 1px solid #ddd;
    border-radius: 0;
}

.form-register-now {
    padding: 10px;
    background: #fff;
    border-radius: 4px;
}

a.send-otp {
    padding: 3px 10px;
    white-space: nowrap;
    word-break: keep-all;
    color: #fff;
    width: 80px;
    display: block;
    background: #e4181f;
    font-size: 13px;
    text-align: center;
}

a.verify-otp {
    padding: 3px 10px;
    white-space: nowrap;
    word-break: keep-all;
    color: #fff;
    width: 80px;
    display: block;
    background: #06cc0c;
    font-size: 13px;
    text-align: center;
}

.form-register-now h3 {
    letter-spacing: -1px;
}

.btn-free-trial-class {
    background-image: -moz-linear-gradient(-2deg, rgb(232, 106, 47) 0%, rgb(25, 75, 146) 100%);
    background-image: -webkit-linear-gradient(-2deg, rgb(232, 106, 47) 0%, rgb(25, 75, 146) 100%);
    background-image: -ms-linear-gradient(-2deg, rgb(232, 106, 47) 0%, rgb(25, 75, 146) 100%);
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    display: block;
    width: 100%;
    border: none;
}

.keyhighlight-text.bg-color1 {
    background-color: #ddedfd;
}

.keyhighlight-text {
    align-items: center;
    display: flex;
}

.keyhighlight-alignment img {
    width: 100%;
    height: auto;
    display: block;
    max-width: none;
}

.keyhighlight-text>div>h2 {
    position: relative;
    margin-bottom: 2rem;
    text-align: center;
}

.highlight-card-title {
    font-size: 30px;
    font-weight: bold;
}

.keyhighlight-text>div>h2:after {
    content: "";
    height: 2px;
    background-color: #2a2a2a;
    min-width: 9rem;
    display: inline-block;
    position: absolute;
    bottom: -0.5rem;
    left: calc(50% - 4.5rem);
}

.highlight-card-text {
    margin: 20.3px 0 0;
    font-size: 24px;
    font-weight: normal;
    line-height: 1.5;
    text-align: center;
    color: #2a2a2a;
}

.key-highlights-text {
    font-size: 40px;
    font-weight: bold;
    color: black;
    margin: 20px 0;
    text-align: center;
}

.aakash-color {
    color: #e86a2f;
}

.byjus-color {
    color: #253a73;
}

.keyhighlight-alignment {
    margin-top: 45px;
    border-radius: 0.7rem;
    overflow: hidden;
    box-shadow: 0rem 0rem 0.3rem 0.1rem rgb(0 0 0 / 10%);
}

.keyhighlight-text.bg-color2 {
    background-color: #fceed7;
}

.keyhighlight-text {
    align-items: center;
    display: flex;
}

.no-gutter>div[class |="col"] {
    padding-left: 0px;
    padding-right: 0px;
}

.keyhighlight-text>div {
    padding: 2rem;
    margin: 0 auto;
}

.highlight-card-title-2 {
    font-size: 18px;
    font-weight: bold;
}

.pricing-table .plan {
    box-sizing: border-box;
    width: 100%;
    background-color: #fff;
    float: left;
    text-align: center;
    position: relative;
    z-index: 10;
    border: 1px solid #ddd;
}

.pricing-table .plan h3.name {
    font-size: 20px;
    background-color: #546e7a;
    padding: 15px;
    color: #fff;
    margin-bottom: 0;
}

.pricing-table .plan h4.price {
    font-size: 49px;
    color: #fff;
    padding: 15px;
    background-color: #01A4F5;
    line-height: 30px;
    margin-bottom: 0;
}

.pricing-table .plan h4.price span {
    font-size: 24px;
    font-style: italic;
}

.pricing-table .plan ul.details {
    list-style-type: none;
}

.pricing-table .plan ul.details li {
    border-bottom: 1px solid #B3B9C4;
    padding: 6px 15px;
}

.pricing-table .plan h5.order {
    padding: 30px;
    font-size: 17px;
}

.pricing-table .plan h5.order a {
    text-decoration: none;
    color: #fff;
    background-color: #01A4F5;
    padding: 10px 20px;
}

.pricing-table .plan.basic h4.price {
    background-color: #0EC0A5;
}

.pricing-table .plan.basic h5.order a {
    background-color: #0EC0A5;
}

.pricing-table .plan.premium h4.price {
    background-color: #F22D47;
}

.pricing-table .plan.premium h5.order a {
    background-color: #F22D47;
}

.pricing-table .plan:nth-child(2n) {
    box-shadow: 0px 0px 10px #424242;
    z-index: 100;
}

ul.details {
    padding: 0;
    margin: 0;
}

.expert-edge-block {
    background: #fff;
    border-radius: 5px;
    padding: 25px 15px;
    text-align: center;
}

.content-expert-edge h3 {
    font-size: 18px;
    color: #253a73;
}

.content-expert-edge p {
    font-size: 14px;
    line-height: 20px;
}

.edge-content img {
    width: 100%;
    height: auto;
}

.edge-content .text-block {
    display: flex;
    align-items: center;
}

.edge-content .text-block div {
    padding: 0rem 1.5rem;
}

.edge-content-tittle {
    text-align: center;
    font-weight: bold;
    font-size: 40px;
}

.edge-content-text {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
}

.edge-chairman-name {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
}

.edge-chairman-designation {
    font-size: 18px;
    text-align: center;
}

.orange-color {
    color: #e86a2f;
}

.blue-color {
    color: #253a73;
}

.red-color {
    color: #e31e24;
}

.faq_area {
    position: relative;
    z-index: 1;
}

.faq-accordian {
    position: relative;
    z-index: 1;
}

.faq-accordian .card {
    position: relative;
    z-index: 1;
    margin-bottom: 1.5rem;
}

.faq-accordian .card:last-child {
    margin-bottom: 0;
}

.faq-accordian .card .card-header {
    background-color: #ffffff;
    padding: 0;
    border-bottom-color: #ebebeb;
}

.faq-accordian .card .card-header h6 {
    cursor: pointer;
    padding: 5px 10px;
    color: #3f43fd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fafafa;
}

.faq-accordian .card .card-header h6 span {
    font-size: 1.5rem;
}

.faq-accordian .card .card-header h6.collapsed {
    color: #070a57;
}

.faq-accordian .card .card-header h6.collapsed span {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.faq-accordian .card .card-body {
    padding: 1.75rem 2rem;
}

.faq-accordian .card .card-body p:last-child {
    margin-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .support-button p {
        font-size: 14px;
    }
}

.support-button i {
    color: #3f43fd;
    font-size: 1.25rem;
}

@media only screen and (max-width: 575px) {
    .support-button i {
        font-size: 1rem;
    }
}

.support-button a {
    text-transform: capitalize;
    color: #2ecc71;
}

@media only screen and (max-width: 575px) {
    .support-button a {
        font-size: 13px;
    }
}

@media (max-width:767px) {
    .edge-content .text-block div {
        padding: 2rem 1.5rem;
    }
}

.countdown-container {
    font-family: Montserrat, sans-serif;
    -webkit-font-smoothing: antialiased;
    width: 100%;
    height: 40px;
    position: relative;
    top: 25px;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
}

.countdown {
    display: flex;
    transform-style: preserve3d;
    /* perspective: 500px; */
    /* height: 10rem; */
    width: 100%;
    margin: 0 auto;
}

.countdown.remove {
    animation: hide-countdown 1s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
    overflow: hidden;
}

.number,
.separator {
    display: block;
    color: #fff;
    height: auto;
    font-size: 18px;
    position: relative;
    line-height: 1;
    text-align: center;
    width: 100%;
}

.separator {
    margin: 0;
    width: 2rem;
}

.new,
.old,
.current {
    color: #fff;
    position: absolute;
    border-radius: 1rem;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.ticker-part-2 .new,
.ticker-part-2 .old,
.ticker-part-2 .current {
    color: #fff;
    position: absolute;
    border-radius: 10px;
    height: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    background: #fff;
    height: 50px;
    color: #000;
    line-height: 50px;
    box-shadow: 3px 3px 2px rgb(0 0 0 / 40%);
}

.new {
    animation: show-new 0.4s cubic-bezier(0, 0.9, 0.5, 1.2) forwards;
}

.old {
    animation: hide-old 2s cubic-bezier(0, 0.9, 0.56, 1.2) forwards;
}

.countdown section {
    position: relative;
}

#js-days:after,
#js-hours:after,
#js-minutes:after,
#js-seconds:after {
    content: "DAYS";
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -19px;
    font-size: 11px;
}

.ticker-part-2 #js-days:after,
#js-hours:after,
#js-minutes:after,
#js-seconds:after {
    content: "DAYS";
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: -39px;
    color: #000;
    font-size: 11px;
}

#js-hours:after {
    content: "HRS";
}

#js-minutes:after {
    content: "MINS";
}

#js-seconds:after {
    content: "SECS";
}

@keyframes hide-countdown {
    to {
        height: 0;
        overflow: hidden;
    }
}

@keyframes show-new {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-2rem) scale(0.8) rotateX(-20deg);
    }

    100% {
        transform: translate(-50%, -50%);
    }
}

@keyframes hide-old {
    0% {
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -50%) translateY(-5rem) scale(0.5) rotateX(-75deg);
    }
}

.ticker-part h4 {
    color: #fff;
    font-size: 20px;
    text-align: center;
    background: #e4181f;
    padding: 5px;
    border-radius: 5px;
    position: relative;
}

.ticker-part h4:after {
    content: '';
    position: absolute;
    width: 0;
    right: -14px;
    top: 15px;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #e4181f;
}

@media (max-width:767px) {
    .countdown-container {
        height: 50px;
    }
}

.card-coupon {
    width: 100%;
    padding: 10px;
    border-radius: 3px;
    background: orange;
    border: none;
    color: #fff;
    position: relative;
    align-items: center;
    justify-content: center
}

.card-coupon h1 {
    font-size: 20px;
    margin-bottom: 0px;
    border: 2px dashed #fd0000;
    max-width: 130px;
    margin: 0 auto;
    color: #fd0000;
}

.card-coupon span {
    font-size: 16px
}

.card-coupon .image {
    position: absolute;
    opacity: .1;
    left: 0;
    top: 0
}

.card-coupon .image2 {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .1
}

.login-background-part {
    background: url(../images/bg-login.jpg);
    background-size: cover;
    position: relative;
    display: table;
    padding: 20px 0;
}

.login-background-part:after {
    background-color: rgb(255 81 0 / 86%);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: '';
}

.login-bg-content {
    display: table-cell;
    position: relative;
    z-index: 2;
    align-items: center;
    vertical-align: middle;
    width: 100%;
}

.app-screen-image {
    max-width: 180px;
    margin: 0 auto;
}

.app-screen-image img {
    width: 100%;
}

.download-app-btn {
    margin: 0px;
}

.download-app-btn a.app-download-btn {
    display: block;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    border: 1px solid #fff;
    padding: 5px 10px;
    border-radius: 30px;
}

.download-app-btn a.app-download-btn span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: #ff5100;
    margin-left: -6px;
}

.download-app-btn a.app-download-btn img {
    width: 100%;
}

.app-content {
    padding: 10px;
    line-height: 20px;
}

.app-content p {
    font-size: 13px;
    margin-bottom: 10px;
}

.olexpert-tag {
    color: #fff !important;
    font-weight: bold !important;
    font-size: 40px !important;
}

.support-btn {
    text-align: center;
}

.support-btn a.support-link {
    border: 1px solid #fff;
    padding: 9px 10px;
    border-radius: 50px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
}

.support-btn a.support-link span {
    width: 30px;
    height: 30px;
    display: inline-block;
    background: #fff;
    border-radius: 50px;
    text-align: center;
    line-height: 30px;
    color: #ff5100;
    margin-left: -6px;
}

@media (max-width:991px) {
    .support-btn a.support-link {
        font-size: 10px;
    }

    .download-app-btn a.app-download-btn {
        font-size: 10px;
    }

    .support-btn a.support-link span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .download-app-btn a.app-download-btn span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

@media (max-width:767px) {
    .login-register .row.my-5 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .login-background-part:after {
        background-color: rgb(0 0 0 / 86%);
        content: '';
    }
}

@media (max-width:380px) {
    .support-btn a.support-link {
        font-size: 10px;
    }

    .download-app-btn a.app-download-btn {
        font-size: 10px;
    }

    .support-btn a.support-link span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .download-app-btn a.app-download-btn span {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

.btn-website-color {
    color: #fff;
    background-image: linear-gradient(to right top, #ff7c00, #fb6900, #f65404, #f13b0b, #eb1212);
}

.btn-website-color:hover {
    color: #fff;
}

.live-class-block {
    background: #3f43ec;
    background: -moz-linear-gradient(-45deg, #3f43ec 0%, #b1298f 40%, #fe8124 100%);
    background: -webkit-linear-gradient(-45deg, #3f43ec 0%, #b1298f 40%, #fe8124 100%);
    background: linear-gradient(135deg, #3f43ec 0%, #b1298f 40%, #fe8124 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3f43ec', endColorstr='#fe8124', GradientType=1);
    border-radius: 6px;
    padding: 20px;
    box-sizing: border-box;
    max-width: 165px;
    /* margin: 0 auto; */
    box-shadow: 0px 6px 13px 10px rgb(0 0 0 / 25%);
}

.live-text {
    color: #fff;
    font-size: 28px;
    display: block;
    font-weight: bold;
    line-height: 1;
    position: relative;
    padding-left: 65px;
}

.live-text:before {
    content: '';
    width: 15px;
    height: 15px;
    background: #fff;
    position: absolute;
    left: 0;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-10px);
}

.free-text {
    font-weight: normal;
    color: #fff;
    line-height: 1;
    font-size: 50px;
    text-align: center;
    letter-spacing: 0px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.online-text-program {
    color: #fff;
    font-size: 10px;
    letter-spacing: 0;
    text-align: center;
}

.bg-form-live-class-2 .mid-content h3 {
    color: #101799;
    font-size: 26px;
    font-weight: 600;
}

.ticker-part-2 h4 {
    color: #000;
    font-size: 22px;
    text-align: justify;
    padding: 0px;
    border-radius: 0px;
    position: relative;
    letter-spacing: 1px;
}

.ticker-part-2 h4 span {
    color: #11189a;
    letter-spacing: 0.5px;
}

.form-register-now-2 {
    padding: 0;
    background: transparent;
    border-radius: 0px;
    margin: 20px 0;
}

.form-register-now-2 .form-control {
    background: transparent;
}

.form-register-now-2 .form-control {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #000;
    font-size: 16px;
}

.form-register-now-2 .form-control:active,
.form-register-now-2 .form-control:focus {
    outline: 0;
    border-bottom: 1px solid #fd0000;
    box-shadow: none;
}

.form-register-now-2 h3 {
    font-size: 35px;
}

.btn-free-trial-class-2 {
    text-align: center;
    color: #fff;
    padding: 5px 10px;
    display: block;
    width: 100%;
    border: none;
    background: #ff5c01;
    border-radius: 30px;
}

.stats-block {
    border: 2px solid;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 15px;
}

.stats-block-icon {
    max-width: 55px;
    margin: 25px auto;
}

.stats-block-icon img {
    width: 100%;
}

span.counter-value {
    font-size: 36px;
    font-weight: bold;
    color: #000;
}

.color-theme-1 {
    border-color: #d82e3d;
}

.color-theme-1 .heading-counter-block {
    margin: 15px 0;
}

.color-theme-1 .heading-counter-block h3 {
    color: #d82e3d;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.color-theme-2 {
    border-color: #4482c3;
}

.color-theme-2 .heading-counter-block {
    margin: 15px 0;
}

.color-theme-2 .heading-counter-block h3 {
    color: #4482c3;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.color-theme-4 {
    border-color: #0095ff;
}

.color-theme-4 .heading-counter-block {
    margin: 15px 0;
}

.color-theme-4 .heading-counter-block h3 {
    color: #0095ff;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.color-theme-3 {
    border-color: #fdbe3f;
}

.color-theme-3 .heading-counter-block {
    margin: 15px 0;
}

.color-theme-3 .heading-counter-block h3 {
    color: #fdbe3f;
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

.icon-expert-edge {
    max-width: 40px;
    margin: 10px auto;
}

.icon-expert-edge img {
    width: 100%;
}

h2.heading-type-custom:after {
    content: '';
    background: #fe8625;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    color: #000;
}

h2.heading-type-custom {
    display: inline-block;
    position: relative;
    color: #101799;
}

ul.custom-check-icon-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.custom-check-icon-list li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 8px;
    font-weight: 600;
}

ul.custom-check-icon-list li:before {
    content: '';
    width: 25px;
    height: 25px;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/double-check.png);
    position: absolute;
    left: 0;
}

.mid-content {
    padding: 0;
}

.ticker-part-2 h4 {
    margin-bottom: 0px;
}


/* a.try-for-free {
    background-color: #ff5c01;
    color: #fff;
    border-radius: 40px;
    padding: 8px 15px;
}
a.try-for-free:hover {
    background-color: #e85300;
    color: #fff;
    text-decoration: none;
} */

@media (max-width:1199px) {
    .bg-form-live-class-2 .container {
        width: 100%;
        max-width: fit-content;
    }

    .ticker-part-2 h4 {
        font-size: 18px;
        text-align: left;
    }

    .form-register-now-2 h3 {
        font-size: 23px;
    }

    .bg-form-live-class-2 .mid-content h3 {
        font-size: 20px;
    }
}

@media (max-width:991px) {
    .ticker-part-2 h4 {
        font-size: 13px;
        text-align: left;
    }

    .online-text-program {
        font-size: 8px;
        line-height: 1;
    }

    .free-text {
        font-size: 35px;
    }

    .live-text {
        font-size: 22px;
        padding-left: 33px;
    }

    .form-register-now-2 h3 {
        font-size: 20px;
    }
}

@media (max-width:767px) {
    .mid-content {
        padding: 20px 0px;
    }

    .bg-form-live-class-2 .mid-content h3 {
        color: #101799;
        font-size: 14px;
        font-weight: 600;
    }

    .ticker-part-2 h4 {
        margin-bottom: 30px;
    }

    .ticker-part-2 .countdown-container {
        height: 60px;
    }

    .form-register-now-2 h3 {
        font-size: 21px;
    }
}

.daily-schedule-main-block {
    position: relative;
    padding: 15px;
}

.daily-schedule-main-block:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 113px;
    border-radius: 10px;
    border: 2px solid #ff8a00;
    z-index: 0;
    left: 0;
    top: 0px;
}

.daily-schedule-main-block.block-1:after {
    border-color: #ff8a00;
}

.daily-schedule-main-block.block-2:after {
    border-color: #0059a3;
}

.daily-schedule-main-block.block-3:after {
    border-color: #2a9a25;
}

.daily-schedule-block {
    border: 1px solid #ddd;
    border-radius: 10px;
    background: #fff;
    position: relative;
    padding: 15px;
    box-shadow: 1px 2px 10px 4px rgb(0 0 0 / 25%);
    max-width: 100%;
    margin: 0px auto;
    z-index: 4;
}

.schedule-block-icon {
    max-width: 55px;
    margin: 20px auto;
}

.schedule-step {
    position: absolute;
    left: -12px;
    top: 50px;
}

.schedule-step span {
    color: #fff;
    position: absolute;
    width: 75px;
    padding: 0px 10px;
    transform: skew(-25deg, 0);
    text-transform: uppercase;
    text-align: center;
}

.block-1 .schedule-step span {
    background: #ff8a00;
}

.block-2 .schedule-step span {
    background: #0059a3;
}

.block-3 .schedule-step span {
    background: #2a9a25;
}

.schedule-heading-box {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-size: 18px;
    color: #000;
}

.search-steps {
    max-width: 100px;
    margin: 0 auto;
    text-align: center;
}

span.center-step:before {
    content: '';
    width: 8px;
    height: 8px;
    background: #ff8a00;
    position: absolute;
    border-radius: 50%;
    left: -20px;
}

span.center-step:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #2a9a25;
    position: absolute;
    border-radius: 50%;
    right: -20px;
}

span.center-step {
    width: 8px;
    height: 8px;
    background: #0059a3;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
    position: relative;
}

.three-step-heading h3 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

.three-step-heading {
    text-align: center;
    margin-bottom: 30px;
}

.live-class {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.job-block-listing {
    border: 2px solid #e86d33;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 15px;
}

.job-post-listing .col-md-4:nth-child(6n-8) .job-block-listing {
    border: 2px solid #e86d33;
}

.job-post-listing .col-md-4:nth-child(3n-4) .job-block-listing {
    border: 2px solid #253a73;
}

.job-post-listing .col-md-4:nth-child(3n-3) .job-block-listing {
    border: 2px solid #e6353b;
}

.job-list-inner-block {
    padding: 15px;
    border: 1px solid #ddd;
    box-shadow: 1px 2px 5px 5px rgb(0 0 0 / 6%);
    border-radius: 5px;
}

.job-list-inner-block .job-listing-title h3 {
    font-size: 16px;
    max-height: 50px;
    color: #e86a2f;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-post-listing .col-md-4:nth-child(6n-8) .job-block-listing .job-list-inner-block .job-listing-title h3 {
    color: #e86d33;
}

.job-post-listing .col-md-4:nth-child(3n-4) .job-block-listing .job-list-inner-block .job-listing-title h3 {
    color: #253a73;
}

.job-post-listing .col-md-4:nth-child(3n-3) .job-block-listing .job-list-inner-block .job-listing-title h3 {
    color: #e6353b;
}

.job-listing-content p {
    font-size: 14px;
    line-height: 20px;
    color: #555;
    text-align: justify;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.job-listing-btn .job-listing-seemore {
    display: block;
    padding: 7px 5px;
    background: #e86a2f;
    color: #fff;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    border-radius: 20px;
    border-bottom: 3px solid #e86a2f;
    box-shadow: 1px 2px 5px 5px rgb(0 0 0 / 6%);
}

.job-block-listing .job-listing-btn {
    visibility: hidden;
}

.job-block-listing:hover .job-listing-btn {
    visibility: visible;
    transition-delay: 0.2s;
}

.job-listing-date-time {
    margin-bottom: 10px;
}

.job-listing-date-time span.job-listing-date {
    color: #999;
    font-size: 13px;
}

.job-post-listing .col-md-4:nth-child(6n-8) .job-block-listing .job-listing-btn .job-listing-seemore {
    background: #e86d33;
    border-bottom: 3px solid #e86d33;
}

.job-post-listing .col-md-4:nth-child(3n-4) .job-block-listing .job-listing-btn .job-listing-seemore {
    background: #253a73;
    border-bottom: 3px solid #253a73;
}

.job-post-listing .col-md-4:nth-child(3n-3) .job-block-listing .job-listing-btn .job-listing-seemore {
    background: #e6353b;
    border-bottom: 3px solid #e6353b;
}

.job-slide {
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    min-height: 130px;
    background: #fff;
    box-shadow: 1px 1px 5px rgb(0 0 0 / 12%);
}

.job-slide h3.page-title {
    padding: 0;
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

@media (max-width:767px) {
    .job-slide h3.page-title {
        font-size: 16px;
    }

    .hp-package-slider .pricing-item {
        height: 83%;
    }
}

section.bglight-blue {
    background: rgb(237, 247, 255);
}

.custom-padding {
    padding: 60px 0;
}

.pwd-heading h2 {
    font-weight: 600;
    color: #000;
    font-size: 25px;
}

.pwd-heading p {
    color: #000;
}

ul.pwd-highlight-points {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.pwd-highlight-points li {
    margin-bottom: 0px;
    color: #000;
    font-size: 15px;
    position: relative;
    padding-left: 20px;
}

ul.pwd-highlight-points li:before {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/check-icon-orange.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 4px;
}

.pwd-demo-video {
    max-width: 95%;
    margin: 0 auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 0px 0px rgb(255 81 0);
    padding: 10px 10px 10px 10px;
    background: #fff;
    position: relative;
    border: 1px solid #ddd;
}

.demo-video-thumb {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.demo-video-icon {
    position: absolute;
    width: 70px;
    background: #e86a2f;
    height: 70px;
    left: 50%;
    top: 50%;
    z-index: 2;
    border-radius: 50%;
    text-align: center;
    transform: translate(-35px, -35px);
    line-height: 70px;
    font-size: 36px;
}

.demo-video-icon a {
    color: #fff;
}

.course-banner-summary {
    margin-top: 56px;
    padding: 0;
}

.course-banner-summary li:first-child {
    padding-left: 0;
}

.course-banner-summary li {
    display: inline-block;
    border-right: 1px solid #d8d8d8;
    padding-left: 29px;
    padding-right: 22px;
}

.course-banner-summary .heading {
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #000;
    margin-bottom: 5px;
    display: block;
}

.course-banner-summary .content {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #333;
}

.course-banner-summary li:last-child {
    padding-right: 0;
    border-right: 0 none;
}

.tabs-scroll {
    position: relative;
    margin-top: -30px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: hidden;
    box-shadow: 0px 2px 5px rgb(0 0 0 / 12%);
}

.tabs-scroll .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #e86a2f;
    background-color: #fff;
    border-bottom: 3px solid #e86a2f;
    border-radius: 0;
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
}

.tabs-scroll .nav-pills .nav-link {
    font-weight: normal;
    font-size: 13px;
    text-transform: uppercase;
}

.tabs-scroll .nav-pills .nav-item {
    position: relative;
}

.tabs-scroll .nav-pills .nav-item:after {
    position: absolute;
    z-index: 1;
    right: 0;
    width: 1px;
    height: 15px;
    content: '';
    background: #ddd;
    top: 15px;
}

.tabs-scroll .nav-pills .nav-item:last-child:after {
    display: none;
}

.subject-name {
    width: 100%;
    text-align: center;
    background: #efefef;
    padding: 20px 0;
    border: 1px solid #ddd;
    border-radius: 3px;
}

.subject-name h6 {
    margin-bottom: 0;
    color: #444;
    text-transform: uppercase;
}

.subject-name h5 {
    margin-bottom: 0;
    text-transform: uppercase;
}

ul.time-table-list {
    overflow-x: auto;
    white-space: nowrap;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 0;
    padding: 8px 0;
    margin-bottom: 10px;
    list-style: none;
}

.listed-items {
    border: 1px dashed #ddd;
    margin: 5px;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.listed-items p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1;
}

.listed-items a.book-now {
    font-size: 13px;
    background: green;
    color: #fff;
    padding: 3px 10px;
    border-radius: 30px;
}

span.status-time-table {
    font-size: 13px;
    color: green;
}

span.status-time-table span.booked-icon {
    display: inline-block;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #efefef;
    font-size: 13px;
    font-weight: 200;
    color: green;
    line-height: 20px;
    border: 1px solid green;
}

@media screen and (max-width:768px) {
    .pwd-heading h2 {
        font-size: 20px;
    }
}


/* width */

ul.time-table-list::-webkit-scrollbar {
    width: 0px;
    height: 5px;
}

ul.time-table-list:hover::-webkit-scrollbar-track {
    background: #f1f1f1;
}

ul.time-table-list:hover::-webkit-scrollbar-thumb {
    background: #555;
}


/* Track */

ul.time-table-list::-webkit-scrollbar-track {
    background: #fff;
}


/* Handle */

ul.time-table-list::-webkit-scrollbar-thumb {
    background: #fff;
}


/* Handle on hover */

ul.time-table-list::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#show_for_all_class_shedule h4#witchtypeofcource {
    position: relative;
}

span#boardclasss {
    position: relative;
    z-index: 2;
    background: #ff5722;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    border-radius: 40px;
    display: inline-block;
}

#show_for_all_class_shedule h4#witchtypeofcource:after {
    content: '';
    position: absolute;
    z-index: 0;
    border: 1px solid #ff5722;
    width: 100%;
    height: 71px;
    left: 0;
    top: 14px;
    background: #fff;
    border-radius: 5px;
}

#show_for_all_class_shedule .job-tab {
    text-align: center;
    margin: 0 auto;
    /* width: fit-content; */
    overflow-x: auto;
}


/* #show_for_all_class_shedule .job-tab ul.nav.nav-tabs {
    justify-content: center;
    background-color: #fff;
    width: fit-content;
    margin: 0 auto;
} */


/*Akhilesh Change 18-05-2022 */

#show_for_all_class_shedule .job-tab ul.nav.nav-tabs.radio-toolbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 15px 0;
    overflow-x: auto;
    white-space: nowrap;
}

.listed-items.disabled p {
    margin-bottom: 0;
    font-size: 13px;
    line-height: 1;
    color: #666;
}

.listed-items.disabled {
    background-color: #efefef;
}

.why-pbl {
    background: url('../images/why-pbl-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -120px top;
    padding: 90px 0;
    padding-top: 120px;

}



.why-pbl-heading {
    position: relative;
}

.why-pbl-heading h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    display: inline-block;
    /* background: #243a73; */
    z-index: 1;
    position: relative;
    padding-right: 10px;
}

.why-pbl-heading:after {
    content: '';
    width: 150px;
    height: 2px;
    /* background: #fff; */
    right: 0;
    position: absolute;
    top: 15px;
    z-index: 0;
}

.why-pbl-content p {
    color: #fff;
    text-align: justify;
}

.quote-part-top {
    position: relative;
    text-align: center;
}

.quote-part-top span {
    display: inline-block;
    width: 30px;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    background: #243a73;
}

.quote-part-top span img {
    width: 100%;
}

.quote-part-top:after {
    content: '';
    left: 0;
    top: 9px;
    height: 1px;
    width: 100%;
    background: #fff;
    position: absolute;
}

.quote-part-bottom {
    position: relative;
    text-align: center;
}

.quote-part-bottom span {
    display: inline-block;
    width: 30px;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    background: #243a73;
}

.quote-part-bottom span img {
    width: 100%;
}

.quote-part-bottom:after {
    content: '';
    left: 0;
    top: 10px;
    height: 1px;
    width: 100%;
    background: #fff;
    position: absolute;
}

.quote-text {
    padding: 10px 0;
    color: #fff;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
}

.gutter-parent-div {
    overflow: hidden;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.content-part-gutter-div {
    padding-top: 30px;
}

.content-part-gutter-div h2 {
    font-size: 28px;
    font-weight: 500;
    display: inline-block;
    position: relative;
    margin-bottom: 40px;
}

.content-part-gutter-div h2 span {
    position: relative;
    z-index: 2;
}

.content-part-gutter-div h2:after {
    content: '';
    width: 100px;
    height: 4px;
    background: #ff9800;
    bottom: -9px;
    z-index: 1;
    position: absolute;
    left: 0;
    border-radius: 3px;
}

.content-part-gutter-div ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.content-part-gutter-div ul li {
    position: relative;
    padding-left: 39px;
    font-size: 18px;
    margin-bottom: 12px;
    font-weight: 400;
}

.content-part-gutter-div ul li::before {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 3px;
    width: 20px;
    height: 20px;
    background: url(../images/learning.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
}

.bg-light-logo-1 {
    background-color: #fffaf8;
}

.content-part-gutter-div .quote-part-top {
    position: relative;
    text-align: center;
}

.content-part-gutter-div .quote-part-top span {
    display: inline-block;
    width: 30px;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    background: #f2f5ff;
}

.content-part-gutter-div .quote-part-top span img {
    width: 100%;
}

.content-part-gutter-div .quote-part-top:after {
    content: '';
    left: 0;
    top: 9px;
    height: 1px;
    width: 100%;
    background: #253a73;
    position: absolute;
}

.content-part-gutter-div .quote-text {
    padding: 10px 0;
    color: #253a73;
    font-size: 22px;
    line-height: 32px;
    text-align: center;
}

.content-part-gutter-div .quote-part-bottom {
    position: relative;
    text-align: center;
}

.content-part-gutter-div .quote-part-bottom span {
    display: inline-block;
    width: 30px;
    position: relative;
    padding: 0 5px;
    z-index: 1;
    background: #f2f5ff;
}

.content-part-gutter-div .quote-part-bottom span img {
    width: 100%;
}

.content-part-gutter-div .quote-part-bottom:after {
    content: '';
    left: 0;
    top: 11px;
    height: 1px;
    width: 100%;
    background: #253a73;
    position: absolute;
}

.bg-light-logo-2 {
    background: #f2f5ff;
}

.bg-light-logo-2 .content-part-gutter-div h2:after {
    left: 50%;
    transform: translate(-50px, 0);
}

a.pbl-button {
    padding: 3px 40px;
    background: #e86a2f;
    border-radius: 50px;
    padding-left: 4px;
    display: inline-block;
    line-height: 1;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
}

span.pbl-btn-icon {
    display: inline-block;
    width: 35px;
    padding: 6px;
    height: 35px;
    border-radius: 50%;
    /* line-height: 20px; */
    background: #efefef;
}

.pbl-btn-icon img {
    width: 100%;
}

a.pbl-button:after {
    content: "\e628";
    position: absolute;
    right: 15px;
    top: 29%;
    color: #fff;
    font-family: 'themify';
}

a.pbl-button:hover:after {
    right: 5px;
    transition-delay: 100ms;
}

a.pbl-button:hover {
    box-shadow: 1px 2px 17px 5px rgb(0 0 0 / 14%);
}

.wrapper-select {
    display: inline-flex;
    background: #fff;
    height: 58px;
    width: auto;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    margin: 0 auto;
}

@media screen and (max-width:430px) {
    .why-pbl {
        background-position: -52rem top;
        padding-top: 140px;
    }

    .why-pbl-heading h1 {
        font-size: 18px;
    }

    .why-pbl-content p {
        font-size: 12px;
        line-height: 20px;
    }

    .quote-text {
        font-size: 15px;
        line-height: 26px;
    }

    .content-part-gutter-div {
        padding: 25px 30px;
    }

    .content-part-gutter-div h2 {
        font-size: 16px;
        margin-bottom: 25px;
    }

    .content-part-gutter-div ul li {
        padding-left: 32px;
        font-size: 12px;
        margin-bottom: 6px;
    }

    .content-part-gutter-div ul li::before {
        width: 15px;
        height: 15px;
    }

}

.wrapper-select .option {
    background: #fff;
    height: 100%;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 5px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
}

.wrapper-select .option .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
    margin-right: 10px;
}

.wrapper-select .option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

input[type="radio"] {
    display: none;
}

#option-1:checked:checked~.option-1,
#option-2:checked:checked~.option-2 {
    border-color: #0069d9;
    background: #0069d9;
}

#option-1:checked:checked~.option-1 .dot,
#option-2:checked:checked~.option-2 .dot {
    background: #fff;
}

#option-1:checked:checked~.option-1 .dot::before,
#option-2:checked:checked~.option-2 .dot::before {
    opacity: 1;
    transform: scale(1);
}

.wrapper-select .option span {
    font-size: 20px;
    color: #808080;
}

#option-1:checked:checked~.option-1 span,
#option-2:checked:checked~.option-2 span {
    color: #fff;
}

.full-form h5 {
    font-size: 16px;
    margin-bottom: 0;
}

.short-form h5 {
    font-size: 13px;
    color: #e86a2f;
    margin-bottom: 4px;
}

.college-stream {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.college-stream:focus,
.college-stream:hover,
.college-stream:active {
    border: 1px solid #e86a2f;
}

.college-stream[tabindex="-1"]:focus:not(:focus-visible) {
    outline: 1px solid #e86a2f !important;
}

ul.listing-person {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #fff;
}

ul.listing-person li:after {
    content: '/';
    position: absolute;
    right: -10px;
    font-size: 12px;
}

ul.listing-person li:last-child:after {
    display: none;
}

ul.listing-person li {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 14px;
}

.header-project {
    background: url('../images/why-pbl-bg-2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left bottom;
    padding-top: 60px !important;
}

.schedule-thumb {
    border: 1px solid #ddd;
    padding: 22px 22px 16px;
    display: block;
    transition: all .5s;
    position: relative;
}

.schedule-thumb .badge {
    height: 22px;
    border-radius: 11px;
    background: #fff;
    color: #333;
    font-size: 12px;
    line-height: 19px;
    vertical-align: middle;
    padding: 0 14px;
    transition: all .5s;
    font-weight: 400;
    border: 1px solid #666;
}

.offer-badge-one {
    color: #fff;
    position: absolute;
    top: 23px;
    right: 0;
    padding: 6px 16px 5px 10px;
    /* background-image: linear-gradient(104deg, #22a8f7 -1%, #695ee8 99%); */
    background-color:var(--secondary-color);
    font-size: 12px;
    line-height: 1;
}

.offer-badge-one:before {
    content: "";
    left: -4px;
    position: absolute;
    width: 10px;
    height: 22px;
    top: 0px;
    transform: skew(15deg);
    background: var(--secondary-color);;
    border-radius: 2px 0 0 2px;
}

.detailed-content {
    padding-top: 15px;
}

.course-cost-summary .media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
}

.media-body {
    -ms-flex: 1;
    flex: 1;
}

.schedule-thumb-summary {
    margin-bottom: 15px;
}

.schedule-date span {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #333;
    margin-left: 8px;
    line-height: 30px;
    vertical-align: middle;
}

.schedule-thumb .course-cost-summary {
    /* height: 58px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 10px; */

    height: 58px;
    vertical-align: middle;
    padding-top: 10px;
    margin: 0px auto;
    padding: 10px 30px;
}

.schedule-thumb .course-cost {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    padding-right: 10px;
    line-height: 1;
}

.schedule-date .media {
    font-weight: 500;
}

.schedule-thumb .course-exclusive-content {
    font-weight: 600;
    font-size: 13px;
    display: inline-block;
    color: #333;
    line-height: 19px;
    float: right;
}

.course-cost-strike {
    display: inline-block;
    font-size: 16px;
    text-decoration: line-through;
    padding-right: 10px;
    color: #7b7979;
    font-weight: 700;
}

.schedule-thumb .course-enroll {
    opacity: 1;
}

.schedule-thumb:hover .course-enroll,
.schedule-thumb:focus .course-enroll {
    opacity: 1;
    background-image: linear-gradient(150deg, #ff702a 0%, #e32228 100%);
    color: #fff;
}

.course-enroll.enroll {
    position: relative;
    left: auto;
    right: 0;
    height: 50px;
    bottom: 0px;
    width: 100%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
}

.search__container {
    padding-top: 0px;
}

.search__title {
    font-size: 22px;
    font-weight: 900;
    text-align: center;
    color: #ff8b88;
}

.search__input {
    width: 100%;
    padding: 12px 24px;
    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 14px;
    line-height: 18px;
    color: #575756;
    background-color: transparent;
    /*  background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 95% center;
    border-radius: 50px;
    border: 1px solid #575756;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.search__input::placeholder {
    color: rgba(87, 87, 86, 0.8);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.search__input:hover,
.search__input:focus {
    padding: 12px 0;
    outline: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid #575756;
    border-radius: 0;
    background-position: 100% center;
}

.buynow-btn {
    margin: 20px 0;
}


/* =================NEW DIV ALIGNMENT FOR .schedule-thumb-summary etc start================================== */
.project-based-cards-img-new {
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit !important;
    /* padding: 1rem 3rem !important; */
}

.badge-minheight-new {
    position: absolute;
    bottom: 11rem;
    left: 0rem;
    width: 100%;
    /* z-index: 200; */
    z-index: 1; 
    padding: 0rem 1rem;
}

.offer-badge-one-new {
    top: 0px !important;
}

.detailed-content {
    padding-top: 30px !important;
}

.schedule-thumb-summary-new {
    border-radius: 10px;
    box-shadow: 6px 4px 12px #00000038;
}

/* ============NEW DIV ALIGNMENT FOR .schedule-thumb-summary etc end======================================== */

/* .buynow-btn a {
    background-image: linear-gradient(150deg, #ff702a 0%, #e32228 100%);
    color: #fff;
    padding: 8px 15px;
    border-radius: 0;
} */

#boxThis.box {
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    left: 0;
}

#boxThis ul.nav.nav-pills {
    overflow-x: auto;
    white-space: nowrap;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 0;
    padding: 5px 0;
    margin-bottom: 0;
}

a.take-assessment {
    background: #ffeb3b;
    padding: 5px 15px;
    border-radius: 38px;
    color: black !important;
    line-height: 1;
    border-bottom: 3px solid #cdb800;
    display: inline-block;
}

.top-assement-link h6 {
    text-transform: uppercase;
}

.top-assement-link {
    border-radius: 0px;
}


/* From cssbuttons.io by @Sergestra */

button.ready-to-take {
    outline: 0;
    border: 0;
    background: #1e90ff;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    height: 35px;
    border-radius: 0.5em;
    box-shadow: 0 0.625em 1em 0 rgba(30, 143, 255, 0.35);
    overflow: hidden;
}

button.ready-to-take div {
    transform: translateY(0px);
    width: 100%;
}

button.ready-to-take,
button.ready-to-take div {
    transition: 0.6s cubic-bezier(.16, 1, .3, 1);
}

button.ready-to-take div span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 35px;
    padding: 0.75em 1.125em;
}

button.ready-to-take div:nth-child(1) {
    background-color: #1e90ff;
}

button.ready-to-take div:nth-child(2) {
    background-color: #21dc62;
}

button.ready-to-take:hover {
    box-shadow: 0 0.625em 1em 0 rgba(33, 220, 98, 0.35);
    background: #21dc62;
}

button.ready-to-take:hover div {
    transform: translateY(-35px);
}

button.ready-to-take p {
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}

button.ready-to-take:active {
    transform: scale(0.95);
}

.youtube-container {
    display: block;
    width: 100%;
    max-width: 600px;
    cursor: pointer;
}

.youtube-player iframe {
    width: 100%;
    min-height: 200px;
}

div.youtube-play-btn {
    height: 72px;
    width: 72px;
    left: 50%;
    top: 50%;
    margin-left: -36px;
    margin-top: -36px;
    position: absolute;
    background: url("https://freepngimg.com/thumb/categories/1398.png") no-repeat center center;
    background-size: 72px 72px;
}

.youtube-container.disabled {
    overflow: hidden;
    position: relative;
    height: 200px;
}

.youtube-container.disabled img {
    position: absolute;
    top: -38px;
}

.tab-pane .buynow-btn {
    margin: 20px auto;
    width: fit-content;
}

.course-advice-pmp {
    background-color: #f9f9f9;
    padding: 28px 0 0;
    position: relative;
    margin-top: 24px;
}

.course-advice-pmp img {
    z-index: 9;
    position: relative;
    left: 40px;
}

.pmp-content h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    color: #000;
    margin-top: 22px;
    margin-bottom: 16px;
}

.pmp-content h6 {
    position: relative;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 22px;
}

.pmp-adv-profile h6 a {
    margin-left: 12px;
    display: inline-block;
    position: absolute;
    margin-top: 4px;
}

.pmp-adv-profile h6 img {
    width: auto !important;
    display: inline-block;
    margin-bottom: 0 !important;
    vertical-align: top;
    left: 0;
}

.pmp-content .adv-title {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px;
}

.pmp-content .para,
.pmp-content .para p {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 16px;
}

.pmp-content .para,
.pmp-content .para p {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 16px;
}

.pmp-content .adv-title {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 24px;
}

.pmp-content .para,
.pmp-content .para p {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 16px;
}

.pmp-content .para,
.pmp-content .para p {
    font-size: 14px !important;
    line-height: 21px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-bottom: 16px;
}

.progress-circle {
    height: 4rem;
    position: relative;
    width: 4rem;
    margin: 0 auto;
}

.progress-circle__svg {
    border-radius: 50%;
    height: 100%;
    transform: scaleX(-1) rotate(-90deg);
    width: 100%;
}

.progress-circle__stroke {
    fill: none;
    stroke-width: 0.25rem;
}

.progress-circle__stroke:nth-child(1) {
    stroke: var(--color-brand-1);
}

.progress-circle__stroke:nth-child(2) {
    stroke: var(--color-ui-1);
    stroke-dasharray: 314.1592%;
}

.progress-circle[data-percentage="0"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (0 / 100));
}

.progress-circle[data-percentage="1"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (1 / 100));
}

.progress-circle[data-percentage="2"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (2 / 100));
}

.progress-circle[data-percentage="3"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (3 / 100));
}

.progress-circle[data-percentage="4"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (4 / 100));
}

.progress-circle[data-percentage="5"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (5 / 100));
}

.progress-circle[data-percentage="6"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (6 / 100));
}

.progress-circle[data-percentage="7"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (7 / 100));
}

.progress-circle[data-percentage="8"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (8 / 100));
}

.progress-circle[data-percentage="9"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (9 / 100));
}

.progress-circle[data-percentage="10"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (10 / 100));
}

.progress-circle[data-percentage="11"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (11 / 100));
}

.progress-circle[data-percentage="12"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (12 / 100));
}

.progress-circle[data-percentage="13"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (13 / 100));
}

.progress-circle[data-percentage="14"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (14 / 100));
}

.progress-circle[data-percentage="15"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (15 / 100));
}

.progress-circle[data-percentage="16"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (16 / 100));
}

.progress-circle[data-percentage="17"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (17 / 100));
}

.progress-circle[data-percentage="18"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (18 / 100));
}

.progress-circle[data-percentage="19"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (19 / 100));
}

.progress-circle[data-percentage="20"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (20 / 100));
}

.progress-circle[data-percentage="21"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (21 / 100));
}

.progress-circle[data-percentage="22"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (22 / 100));
}

.progress-circle[data-percentage="23"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (23 / 100));
}

.progress-circle[data-percentage="24"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (24 / 100));
}

.progress-circle[data-percentage="25"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (25 / 100));
}

.progress-circle[data-percentage="26"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (26 / 100));
}

.progress-circle[data-percentage="27"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (27 / 100));
}

.progress-circle[data-percentage="28"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (28 / 100));
}

.progress-circle[data-percentage="29"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (29 / 100));
}

.progress-circle[data-percentage="30"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (30 / 100));
}

.progress-circle[data-percentage="31"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (31 / 100));
}

.progress-circle[data-percentage="32"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (32 / 100));
}

.progress-circle[data-percentage="33"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (33 / 100));
}

.progress-circle[data-percentage="34"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (34 / 100));
}

.progress-circle[data-percentage="35"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (35 / 100));
}

.progress-circle[data-percentage="36"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (36 / 100));
}

.progress-circle[data-percentage="37"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (37 / 100));
}

.progress-circle[data-percentage="38"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (38 / 100));
}

.progress-circle[data-percentage="39"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (39 / 100));
}

.progress-circle[data-percentage="40"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (40 / 100));
}

.progress-circle[data-percentage="41"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (41 / 100));
}

.progress-circle[data-percentage="42"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (42 / 100));
}

.progress-circle[data-percentage="43"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (43 / 100));
}

.progress-circle[data-percentage="44"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (44 / 100));
}

.progress-circle[data-percentage="45"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (45 / 100));
}

.progress-circle[data-percentage="46"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (46 / 100));
}

.progress-circle[data-percentage="47"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (47 / 100));
}

.progress-circle[data-percentage="48"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (48 / 100));
}

.progress-circle[data-percentage="49"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (49 / 100));
}

.progress-circle[data-percentage="50"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (50 / 100));
}

.progress-circle[data-percentage="51"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (51 / 100));
}

.progress-circle[data-percentage="52"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (52 / 100));
}

.progress-circle[data-percentage="53"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (53 / 100));
}

.progress-circle[data-percentage="54"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (54 / 100));
}

.progress-circle[data-percentage="55"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (55 / 100));
}

.progress-circle[data-percentage="56"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (56 / 100));
}

.progress-circle[data-percentage="57"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (57 / 100));
}

.progress-circle[data-percentage="58"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (58 / 100));
}

.progress-circle[data-percentage="59"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (59 / 100));
}

.progress-circle[data-percentage="60"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (60 / 100));
}

.progress-circle[data-percentage="61"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (61 / 100));
}

.progress-circle[data-percentage="62"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (62 / 100));
}

.progress-circle[data-percentage="63"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (63 / 100));
}

.progress-circle[data-percentage="64"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (64 / 100));
}

.progress-circle[data-percentage="65"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (65 / 100));
}

.progress-circle[data-percentage="66"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (66 / 100));
}

.progress-circle[data-percentage="67"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (67 / 100));
}

.progress-circle[data-percentage="68"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (68 / 100));
}

.progress-circle[data-percentage="69"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (69 / 100));
}

.progress-circle[data-percentage="70"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (70 / 100));
}

.progress-circle[data-percentage="71"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (71 / 100));
}

.progress-circle[data-percentage="72"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (72 / 100));
}

.progress-circle[data-percentage="73"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (73 / 100));
}

.progress-circle[data-percentage="74"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (74 / 100));
}

.progress-circle[data-percentage="75"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (75 / 100));
}

.progress-circle[data-percentage="76"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (76 / 100));
}

.progress-circle[data-percentage="77"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (77 / 100));
}

.progress-circle[data-percentage="78"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (78 / 100));
}

.progress-circle[data-percentage="79"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (79 / 100));
}

.progress-circle[data-percentage="80"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (80 / 100));
}

.progress-circle[data-percentage="81"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (81 / 100));
}

.progress-circle[data-percentage="82"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (82 / 100));
}

.progress-circle[data-percentage="83"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (83 / 100));
}

.progress-circle[data-percentage="84"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (84 / 100));
}

.progress-circle[data-percentage="85"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (85 / 100));
}

.progress-circle[data-percentage="86"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (86 / 100));
}

.progress-circle[data-percentage="87"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (87 / 100));
}

.progress-circle[data-percentage="88"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (88 / 100));
}

.progress-circle[data-percentage="89"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (89 / 100));
}

.progress-circle[data-percentage="90"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (90 / 100));
}

.progress-circle[data-percentage="91"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (91 / 100));
}

.progress-circle[data-percentage="92"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (92 / 100));
}

.progress-circle[data-percentage="93"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (93 / 100));
}

.progress-circle[data-percentage="94"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (94 / 100));
}

.progress-circle[data-percentage="95"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (95 / 100));
}

.progress-circle[data-percentage="96"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (96 / 100));
}

.progress-circle[data-percentage="97"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (97 / 100));
}

.progress-circle[data-percentage="98"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (98 / 100));
}

.progress-circle[data-percentage="99"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (99 / 100));
}

.progress-circle[data-percentage="100"] .progress-circle__stroke:nth-child(2) {
    stroke-dashoffset: calc(314.1592% * (100 / 100));
}

input.circle-bar[type="number"] {
    background-color: transparent;
    border: 0;
    bottom: 0;
    color: var(--color-brand-1);
    font-family: var(--font-family-default);
    font-size: 1.5em;
    font-weight: 200;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 3.5rem;
}

input.circle-bar[type="number"]:focus {
    outline: none;
}

input.circle-bar[type="number"]::-webkit-outer-spin-button,
input.circle-bar[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
}

:root {
    --color-ui-1: #f3f5f6;
    --color-brand-1: #31c903;
}

.pbl-block-icon {
    width: 60px;
    height: 60px;
    margin: 10px auto;
}

.pbl-block-icon img {
    width: 100%;
}

.heading-pbl-block {
    text-align: center;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    min-height: 40px;
    margin: 10px 0;
}

.pbl-block-action {
    text-align: center;
    font-size: 13px;
}

.cta {
    border: none;
    background: none;
}

.cta span {
    padding-bottom: 7px;
    letter-spacing: 0px;
    font-size: 12px;
    padding-right: 15px;
    text-transform: uppercase;
}

.cta svg {
    transform: translateX(-8px);
    transition: all 0.3s ease;
}

.cta:hover svg {
    transform: translateX(0);
}

.cta:active svg {
    transform: scale(0.9);
}

.hover-underline-animation {
    position: relative;
    color: black;
    padding-bottom: 20px;
}

.hover-underline-animation:after {
    content: "";
    position: absolute;
    width: 100%;
    transform: scaleX(0);
    height: 1.5px;
    bottom: 0;
    left: 0;
    background-color: #000000;
    transform-origin: bottom right;
    transition: transform 0.25s ease-out;
}

.cta:hover .hover-underline-animation:after {
    transform: scaleX(1);
    transform-origin: bottom left;
}

.radio-toolbar .for_class_name_type+label span {
    background: #fff;
    font-size: 10px;
    border: 1px solid #ff5722 !important;
    height: auto;
    vertical-align: middle;
    display: table-cell;
    margin-bottom: 0px;
    box-shadow: 1px 2px 9px rgb(0 0 0 / 12%);
}

.radio-toolbar .for_class_name_type:checked+label span {
    background-color: #ff5722 !important;
    color: #fff;
}

.notification-green.notification-container {
    border: 1px solid #00a025;
    border-left: 4px solid #00a025;
}

.notification-green .notification-icon {
    background: #00a025;
}

.notification-container {
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
}

.notification {
    display: flex;
    align-items: center;
}

.notification-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    margin-right: 20px;
}

.notification-content {
    width: calc(100% - 50px);
    text-align: center;
}

.notification-content h3 {
    margin-bottom: 0;
    line-height: 1;
    font-size: 16px;
    text-transform: uppercase;
    margin: 5px 0;
}

.notification-content h4 {
    font-size: 16px;
}

.notification-content h4,
.notification-content p {
    margin-bottom: 5px;
    line-height: 1;
    margin-top: 5px;
}

.notification-green a.notification-join-btn {
    background: #00a025;
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
}

.notification-green a.notification-join-btn:hover {
    background: #026719;
    color: #fff;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 24%);
}

.one-on-one-class h2 {
    font-size: 32px;
    color: #0142f9;
    text-transform: uppercase;
    line-height: 55px;
    font-weight: 900;
}

@media screen and (max-width:768px) {
    .notification {
        display: block;
    }

    .notification-icon {
        margin: 0 auto;
    }

    .notification-content {
        width: 100%;
    }

    .pbl-block-icon {
        width: 45px;
        height: 45px;
    }

    .heading-pbl-block {
        min-height: 22px;
        margin: 6px 0;
    }
}

@media screen and (max-width:425px) {
    .pbl-block-icon {
        width: 35px;
        height: 35px;
    }
}


/*=======      Date 21-04-2022 ========================== */
.header-section {
    position: relative;
    z-index: 12;
}

.header-new {
    padding: 10px !important;
    background-color: transparent;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: 0;
    top: 0;
}

.header-new.sticky.fix-header {
    background-color: #fff;
    position: fixed;
    padding-top: 15px;
}

.logo-new {
    max-width: 150px;
}

.logo-new img.new-logo-img {
    max-width: 100%;
    aspect-ratio: 4 / 2;
    object-fit: contain;
}

.header-new-topbar-right ul {
    padding: 0;
    margin: 0;
    list-style: none;
    float: left;
    margin-right: 20px;
}

.header-new-topbar-right ul li.dropdown {
    position: relative;
}

.header-new-topbar-right ul li {
    display: inline-block;
}

.header-new-topbar-right ul li a {
    color: #fff;
    font-size: 13px;
    position: relative;
}

.header-new-topbar-right ul li a.tab-btn {
    border-radius: 5px;
    padding: 4px 5px;
    background: #263b74;
}

.header-new-topbar-right ul li a.circle-btn .cart-span {
    border-radius: 50%;
    background: #263b74;
    width: 22px;
    height: 22px;
    line-height: 23px;
    text-align: center;
    display: inline-block;
}

.header-new-topbar-right ul li a.circle-btn .cart-item-count {
    position: absolute;
    display: inline-block;
    background: #e86a2f;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    right: -10px;
    top: -22px;
    font-size: 9px;
}

.header-new-topbar-right ul li a.user-part {
    border-radius: 6px;
    background: #263b74;
    width: auto;
    height: auto;
    text-align: center;
    padding: 0px 8px;
}

.mainmenu-top {
    color: #263b74;
    font-size: 19px;
}

.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: rgba(37, 58, 115, 0.9);
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover,
.overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.landing-banner {
    padding-top: 70px;
    background: url(../images/banner-bg/bg-hero-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    overflow: hidden;
}

.banner-img-part .heading-part-one {
    font-size: 45px;
    font-weight: bolder;
    color: #3a3a90;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.banner-img-part .heading-part-two {
    font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #1d1c43;
    line-height: 50px;
}

.banner-img-part {
    position: relative;
    overflow: hidden;
    padding: 0px 0;
}

.dotted-path {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
    width: 26%;
    height: auto;
}

.dotted-path img {
    width: 100%;
}

.circle-left {
    position: relative;
    z-index: 1;
}

.circle-left:before {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    left: -50px;
    bottom: -50px;
    border-radius: 50%;
    border: 20px solid #e31e24;
}

.circle-left:after {
    content: '';
    width: 140px;
    height: 140px;
    position: absolute;
    left: -70px;
    bottom: -70px;
    border-radius: 50%;
    border: 15px solid #263b74;
}

.circle-right {
    right: -60px;
    top: -60px;
    width: 120px;
    height: 120px;
    position: absolute;
    z-index: 1;
    border: 20px solid #e86a2f;
    border-radius: 50%;
}

.main-highlight-box {
    padding: 40px 0;
}

.hover-card-1 {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    position: relative;
    padding: 5px 5px;
    height: 100%;
    /* margin: 80px 0; */
}

.animation-effect:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.animation-effect:hover:after {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.hover-card-1 .hover-card-1-icon-large {
    width: 100%;
    height: auto;
    line-height: 40px;
    border-radius: 10px;
    margin: 0 auto;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-top: -50px;
}

.hover-card-1 .hover-card-1-icon-large img {
    width: 100%;
}

.hc-1-desc {
    position: relative;
    z-index: 1;
}

.heading-hc-1 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

.animation-effect .heading-hc-1 {
    color: #fff;
}

.text-hc-1 {
    font-size: 14px;
    line-height: 20px;
}

.animation-effect .text-hc-1 {
    color: #fff;
}

.animation-effect .hover-card-1-icon-large {
    border: 1px solid #fff;
}

.arrow-hc-1 {
    color: #000;
}

.animation-effect .arrow-hc-1 {
    color: #fff;
}

.effect-1 {
    border: 1px solid #fe494e;
    box-shadow: 4px 3px 15px 11px rgb(254 73 78 / 12%);
    border-bottom-width: 4px;
    background-color: #fe494e;
}

.effect-1 .hover-card-1-icon-large {
    background: none;
    border: none;
}

.animation-effect.effect-1:after {
    background-color: rgba(0, 0, 0, .11);
}

.effect-2 {
    border: 1px solid #fb6823;
    box-shadow: 4px 3px 15px 11px rgb(251 104 35 / 12%);
    border-bottom-width: 4px;
    background-color: #fb6823;
}

.effect-2 .hover-card-1-icon-large {
    background: none;
    border: none;
}

.animation-effect.effect-2:after {
    background-color: rgba(0, 0, 0, .11);
}

.effect-3 {
    border: 1px solid #253a73;
    box-shadow: 4px 3px 15px 11px rgb(37 58 115 / 12%);
    border-bottom-width: 4px;
    background-color: #253a73;
}

.effect-3 .hover-card-1-icon-large {
    background: none;
    border: none;
}

.animation-effect.effect-3:after {
    background-color: rgba(0, 0, 0, .11);
}

.effect-4 {
    border: 1px solid #00e5b7;
    box-shadow: 4px 3px 15px 11px rgb(0 229 183 / 12%);
    border-bottom-width: 4px;
    background-color: #00e5b7;
}

.effect-4 .hover-card-1-icon-large {
    background: none;
    border: none;
}

.animation-effect.effect-4:after {
    background-color: rgba(0, 0, 0, .11);
}

.effect-5 {
    border: 1px solid #e86a2f;
    box-shadow: 4px 3px 15px 11px rgb(232 106 47 / 12%);
    border-bottom-width: 4px;
    background-color: #e86a2f;
}

.effect-5 .hover-card-1-icon-large {
    background: none;
    border: none;
}

.animation-effect.effect-5:after {
    background-color: rgba(0, 0, 0, .11);
}

.pbllive {
    background-color: #e1f6ff;
    position: relative;
    padding: 30px 0;
}

.pbllive .pbltext .first-text {
    color: #e86a2f;
    font-size: 34px;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 20px;
}

.pbllive .pbltext .second-text {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.pbllive .pbltext .third-text {
    color: #253a73;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.color-main-1 {
    color: #e86a2f;
}

.color-main-2 {
    color: #253a73;
}

.color-main-3 {
    color: #e31e24;
}

.pbllive .pbltext .fourth-text {
    color: #253a73;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.text-pbl-block {
    font-size: 12px;
    background-color: #57e7a499;
    padding: 3px 0px;
}

@media (max-width:420px) {
    .text-pbl-block {
        font-size: 10px;
    }
}

.gov-jobs {
    padding: 30px 0;
    background-color: #e1f6ff;
}

.testi-student-block {
    border-radius: 15px;
    border: 2px solid #6dcff6;
}

.testi-student-header {
    border-bottom: 2px solid #6dcff6;
    padding: 10px 20px;
}

.small-logo-ole {
    max-width: 100px;
}

.small-logo-ole img {
    width: 100%;
}

.testi-student-header .blue-circle {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin-right: 10px;
    background: #6dcff6;
    border-radius: 50%;
}

.student-image {
    max-width: 150px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
}

.student-image-box {
    display: block;
    width: 150px;
}

.owl-carousel .owl-item img {
    width: 100%;
}

.student-remark {
    width: 100%;
    background: #e1f6ff;
    margin-right: 25px;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.testi-student {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.student-remark:after {
    position: absolute;
    content: '';
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #e1f6ff;
    right: -20px;
    top: 38%;
}

section.student-testimonial {
    padding: 30px 0;
}

/* ===================NEW LANDING BANNER CSS START ===================== */
.landing-banner-new {
    padding-top: 8rem !important;
}

.main-highlight-box {
    padding: 60px 0 !important;
    padding-bottom: 40px !important;
}

.landing-banner-new .heading-part-one {
    font-size: 45px !important;
    margin-bottom: 15px !important;

}

.landing-banner-new .heading-part-two {
    text-transform: capitalize !important;
    font-size: 25px !important;
    line-height: 17px !important;
}

.landing-banner-new .heading-part-two p {
    padding: 0px;
    margin: 10px 0px;
    font-size: 30px;

}

.landing-banner-new .heading-part-two span {
    background: #3a3a90;
    color: #fff;
    padding: 3px 13px;
    border-radius: 5px;

}

.landing-banner-new .banner-text-logo-1 {
    max-width: 60px;

}

.landing-banner-new .banner-text-logo-2 {
    max-width: 9rem;
    margin: 0px 10px;
    background: #fcf5ea;
    padding: 6px;
    border-radius: 10px;

}

.landing-banner-new .heading-part-third {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 15px;

}

.landing-banner-new .heading-part-third p {
    margin: 0px;
    font-size: 19px;
    padding: 0px 11px;
    font-weight: 700;
    color: #1d1c43;
}

.sb-btn-new {
    margin-top: 20px;
}

.sb-btn-new .sb-btn-link-new {
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 7px;
    border: 2px solid rgb(156 217 234) !important;
    border-radius: 10px;
    font-weight: 500;
    background-color: #fff;
}

@media screen and (max-width:1030px) {
    .landing-banner-new .heading-part-one {
        font-size: 36px !important;
    }

    .landing-banner-new .heading-part-two span {
        font-size: 20px;

    }

    .sb-btn-new .sb-btn-link-new {
        font-size: 11px;
        padding: 2px 9px;

    }
}

@media screen and (max-width:770px) {
    .landing-banner-new .heading-part-two p {
        font-size: 21px;
    }

    .landing-banner-new {
        padding-top: 8rem !important;
    }

    .landing-banner-new .heading-part-two {
        line-height: 9px !important;
    }

    .landing-banner-new .heading-part-two span {
        font-size: 15px;
    }

    .landing-banner-new .heading-part-one {
        font-size: 30px !important;
    }

    .sb-btn-new .sb-btn-link-new {
        font-size: 9px;
    }

    .landing-banner-new .heading-part-third p {
        font-size: 13px;
    }

    .landing-banner-new .banner-text-logo-2 {
        max-width: 5rem;

    }
}

@media (max-width: 540px) {
    .landing-banner-new .heading-part-third p {
        font-size: 11px;
        text-align: center;
    }

    .landing-banner-new .heading-part-one {
        font-size: 25px !important;
    }

    .landing-banner-new .heading-part-two p {
        font-size: 16px;
    }



    .landing-banner-new {
        padding-top: 160px !important;
    }
}

/* ===================NEW LANDING BANNER CSS END ===================== */
@media (max-width:767px) {
    .header-new {
        width: 100%;
        top: 0px;
    }

    .banner-img-part {
        padding-top: 20px;
    }

    .header-new.sticky .container {
        padding: 0;
    }

    .testi-student {
        display: block;
    }

    .student-remark:after {
        display: none;
    }

    .student-remark {
        margin-bottom: 15px;
    }

    .student-image {
        margin: 10px auto;
    }
}

@media (max-width:540px) {
    .logo-new {
        max-width: 90px;
    }

    .landing-banner {
        padding-top: 120px;
    }

    .banner-img-part .heading-part-one {
        font-size: 30px;
        margin-bottom: 5px;
    }

    .banner-img-part .heading-part-two {
        font-size: 22px;
    }
}

.school-banner {
    padding-top: 150px;
    padding-bottom: 60px;
    background: url(../images/banner-bg/school-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    overflow: hidden;
}

.sb-heading-text {
    padding-left: 10px;
    border-left: 4px solid #253a73;
    margin-bottom: 30px;
}

.sb-heading-text .sb-heading-one {
    font-weight: 600;
    color: #fd0000;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sb-heading-text .sb-heading-two {
    text-transform: uppercase;
    color: #253a73;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1;
}

.sb-heading-text .sb-heading-three {
    position: relative;
    margin-left: -10px;
    margin-bottom: 0px;
    overflow: hidden;
}

.sb-heading-text .sb-heading-three span {
    background: #253a73;
    font-size: 35px;
    font-weight: bold;
    color: #ffeb3b;
    padding: 5px 15px 5px 10px;
    line-height: 1;
    display: inline-block;
    position: relative;
}

.sb-heading-text .sb-heading-three span:after {
    content: '';
    position: absolute;
    background: #253a73;
    right: -22px;
    top: 0;
    z-index: 1;
    width: 30px;
    height: 100%;
    transform: skewX(342deg);
}

.right-check-sb .right-check-img-sb {
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.right-check-sb .right-check-img-sb img {
    width: 100%;
}

.checksb-text {
    font-size: 20px;
    color: #000;
}

.sb-btn a.sb-btn-link {
    border: 2px solid #253a73;
    border-radius: 50px;
    padding: 5px 15px;
    color: #253a73;
    font-weight: bold;
    line-height: 1;
    position: relative;
}

.sb-btn a.sb-btn-link:hover {
    background: #253a73;
    color: #fff;
}

.sb-btn a.sb-btn-link span {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
}

.sb-btn a.sb-btn-link span svg {
    width: 100%;
    fill: #253a73;
}

.sb-btn a.sb-btn-link:hover span svg {
    fill: #fff;
}

.wrapper {
    display: flex;
    height: 100px;
    max-width: 400px;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 20px 15px;
    margin: 0 auto;
}

.wrapper .option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 100px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
}

.wrapper .option .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
}

.wrapper .option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

input[type="radio"] {
    display: none;
}

#option-1:checked:checked~.option-1,
#option-2:checked:checked~.option-2 {
    border-color: #0069d9;
    background: #0069d9;
}

#option-1:checked:checked~.option-1 .dot,
#option-2:checked:checked~.option-2 .dot {
    background: #fff;
}

#option-1:checked:checked~.option-1 .dot::before,
#option-2:checked:checked~.option-2 .dot::before {
    opacity: 1;
    transform: scale(1);
}

.wrapper .option span {
    font-size: 20px;
    color: #808080;
}

#option-1:checked:checked~.option-1 span,
#option-2:checked:checked~.option-2 span {
    color: #fff;
}

.card-class-block {
    background: #ebebeb;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.card-class-block .card-class-no {
    font-size: 65px;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 30px 10px;
    line-height: 1;
}

.card-class-block .card-class-name {
    background: #00aeef;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 0;
    font-size: 25px;
}

.select-class-block {
    cursor: pointer;
}

.select-class-block:hover div {
    background-color: #eb7b46;
    color: #fff;
}


/* CSS */


/* 23 May 22 */

.button-light-pink-new {
    align-items: center;
    background-image: linear-gradient(to top, #f79c8f, #ff7966);
    border-radius: 91px;
    box-sizing: border-box;
    color: #000 !important;
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    height: 48px;
    font-weight: 700;
    justify-content: center;
    line-height: 24px;
    max-width: 196px;
    padding: 0 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin: 0 auto;
    box-shadow: 0px 4px 9.2px 0.8px rgb(0 0 0 / 34%);
}


/* 23 May 22 End*/

.button-light-pink {
    align-items: center;
    background-color: #fee6e3;
    border: 2px solid #111;
    border-radius: 8px;
    box-sizing: border-box;
    color: #000 !important;
    cursor: pointer;
    display: flex;
    font-family: Inter, sans-serif;
    font-size: 16px;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    max-width: 250px;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    margin: 0 auto;
    text-transform: uppercase;
}

.button-light-pink:after {
    background-color: #111;
    border-radius: 8px;
    content: "";
    display: block;
    height: 48px;
    left: 0;
    width: 100%;
    position: absolute;
    top: -2px;
    transform: translate(8px, 8px);
    transition: transform .2s ease-out;
    z-index: -1;
}

.button-light-pink:hover:after {
    transform: translate(0, 0);
}

.button-light-pink:active {
    background-color: #ffdeda;
    outline: 0;
}

.button-light-pink:hover {
    outline: 0;
    background-color: #FDAAA8 !important;
    letter-spacing: 1px;
}

@media (max-width: 768px) {
    .button-light-pink {
        font-size: 10px;
        height: 37px;
        padding: 0px 10px;
    }
}

.light-pink-bg {
    background-color: #ffdada;
}

.one-on-one-class {
    position: relative;
    z-index: 1;
}

.are-you-tutor {
    position: relative;
    z-index: 1;
}

.are-you-tutor h3 {
    color: #0142f9;
    font-size: 40px;
}

.are-you-tutor h4 span {
    color: #0142f9;
}

.are-u-tutor-checklist {
    margin: 0;
    padding: 0;
}

.are-u-tutor-checklist li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #000;
    list-style: none;
}

.are-u-tutor-checklist li:after {
    background: url(../images/banner-bg/check-1.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    width: 21px;
    height: 16px;
    left: 0;
    position: absolute;
    top: 4px;
}

.mock-test-checklist {
    margin: 0;
    padding: 0;
}

.mock-test-checklist li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #000;
    list-style: none;
}

.mock-test-checklist li:after {
    background: url(../images/banner-bg/mock-test-check-list.png);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    width: 20px;
    height: 20px;
    left: 0;
    position: absolute;
    top: 4px;
}

.competitive-banner {
    padding-top: 150px;
    background: url(../images/banner-bg/competitive-courses-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    overflow: hidden;
}

.point-infographics {
    position: relative;
    margin-bottom: 20px;
}

.bottom-part {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
    overflow: hidden;
    padding-right: 0;
}

.bottom-part:before {
    content: '';
    background: #263b74;
    position: absolute;
    left: 0;
    top: 0;
    width: 30%;
    height: 100%;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

.top-part {
    background: #fff;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    padding: 8px 10px;
    font-size: 16px;
    line-height: 1;
    padding-right: 3px;
}

.top-part span.tab-name {
    color: #263b74;
}

.bottom-part:after {
    width: 0;
    left: 30%;
    height: 0;
    top: 0;
    content: '';
    border-top: 52px solid #263b74;
    position: absolute;
    border-right: 50px solid transparent;
}

.compt-type-block {
    position: relative;
    margin-bottom: 30px;
}

.competitive-emax-img-block {
    border-radius: 20px;
    border-bottom: 5px solid #849fe9;
    position: relative;
    text-align: center;
}

.competitive-emax-img-block img {
    margin: 0 auto;
    height: 355px;
}

.competitive-emax-img-block:after {
    content: '';
    position: absolute;
    height: 50%;
    bottom: 0;
    background: #fffed5;
    z-index: -1;
    width: 100%;
    left: 0;
    border-radius: 20px;
}

.competitive-btn {
    width: 100%;
    margin: 5px 0;
}

.comp-btn-link {
    border: 2px solid #0d13ca;
    background: #c6f0ff;
    text-transform: uppercase;
    font-size: 14px;
    color: #0d13ca;
    display: block;
    border-radius: 50px;
    padding: 5px 15px;
    font-weight: bold;
    position: relative;
}

.comp-btn-link i.fas {
    position: absolute;
    right: 10px;
    top: 28%;
}

.light-blue-bg {
    background-color: #f0fbff;
}

.live-class-text {
    text-align: center;
    position: relative;
    z-index: 1;
}

.live-class-text .lc-heading-one {
    font-size: 26px;
    text-transform: uppercase;
    color: #0040f9;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 10px;
}

.live-class-text .lc-heading-two {
    font-size: 26px;
    line-height: 1;
    margin: 30px 0;
}

.live-class-text .lc-heading-two span {
    background: #0142f9;
    color: #fff;
    padding: 5px 20px;
    border-radius: 30px;
    line-height: 1;
    margin: 10px 0;
}

.live-class-text .lc-heading-three {
    text-transform: uppercase;
    font-size: 26px;
    color: #0142f9;
}

.test-series-content {
    position: relative;
    z-index: 1;
}

.test-series-content .ts-heading-one {
    font-weight: bold;
    color: #253a73;
    font-size: 36px;
    line-height: 1;
    margin-bottom: 10px;
}

.test-series-content .ts-heading-two {
    font-weight: 100;
    font-size: 32px;
    text-transform: uppercase;
    line-height: 1;
    margin-bottom: 10px;
    color: #254a73;
}

.test-series-content .ts-heading-three {
    line-height: 1;
    margin-bottom: 10px;
    color: #000;
    font-size: 19px;
}

.ts-block-tiny {
    border: 1px solid #253a73;
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: center;
    padding: 15px 0;
}

.ts-block-icon {
    max-width: 45px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.ts-block-icon img {
    width: 100%;
}

.ts-block-text {
    text-transform: uppercase;
    font-size: 14px;
    color: #253a73;
}

.ts-block {
    background: url(../images/banner-bg/bg-test-series.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right bottom;
}

.college-corses-img {
    position: relative;
    height: 100%;
}

.college-corses-img img {
    position: absolute;
    bottom: -48px;
}

.select-class-block input[type="radio"] {
    display: none;
    opacity: 0;
}

.select-class-block label {
    display: block;
}

.select-class-block input[type="radio"]:checked+label .card-class-block {
    background: #eb7b46;
}

.select-class-block input[type="radio"]:checked+label div {
    color: #fff;
    background: #eb7b46;
}

@media (max-width:768px) {
    .competitive-emax-img-block img {
        margin: 0 auto;
        height: 220px;
    }

    .comp-btn-link {
        font-size: 12px;
    }
}

@media (max-width:540px) {
    .top-part {
        line-height: 1;
        font-size: 10px;
    }

    .competitive-emax-img-block img {
        margin: 0 auto;
        height: 150px;
    }

    .are-you-tutor h3 {
        font-size: 30px;
    }
}


/*==================== Farzana CSS Starts =================================*/

.college-course-banner {
    background: #f9e0d4 url(../images/banner-bg/college-banner-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 536px;
    background-position: right bottom;
    padding-top: 5rem;
    background-position-y: 50px;
}

img.img-fluid.banner-top {
    position: relative;
    max-width: 100%;
}

p.heading-college-courses {
    position: absolute;
    left: 11%;
    bottom: 75%;
    font-size: 40px;
    color: rgb(62 62 139);
}

.collegec-blocks .card .rounded-img {
    width: 90%;
    margin: 15px auto;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    height: auto;
}

.collegec-blocks .card .rounded-img img {
    width: 100%;
}

.collegec-blocks .circle {
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    margin-top: -40px;
    bottom: 0;
    z-index: 7;
    left: 50%;
    padding: 20px;
    transform: translate(-40px, -20px);
    box-shadow: 0px 10px 36px 4px rgb(0 0 0 / 27%);
}

.collegec-blocks .circle img {
    width: 100%;
}

.collegec-blocks .card h4 {
    line-height: 1;
    font-size: 20px;
}

.card.card1 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #fbc5bc, #fea4a4);
    height: auto;
    width: 100%;
}

.card.card2 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #3b82ec, #77d4f0);
    height: auto;
    width: 100%;
}

.card.card3 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #f8c14a, #efda98);
    height: auto;
    width: 100%;
}

.card.card4 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #8a63b5, #bbb2ea);
    height: auto;
    width: 100%;
}

.card.card5 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #f66856, #f9a196);
    height: auto;
    width: 100%;
}

.card.card6 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #83e2ae, #caf4dd);
    height: auto;
    width: 100%;
}

.card.card7 {
    position: relative;
    display: block;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 2.25rem;
    background-image: linear-gradient(90deg, #ffaf5d, #f9ddc1);
    height: auto;
    width: 100%;
}

.search-top-collegec {
    display: flex;
    align-items: center;
}

.search-box-collegec select {
    height: 40px;
    border: 1px solid #ddd;
    border-right: 0px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    min-width: 40%;
    padding-left: 10px;
}

.search-box-collegec input[type="text"] {
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 0;
}

.search-box-collegec .input-group-append {
    border: 1px solid #ddd;
    border-top-right-radius: 30px;
    overflow: hidden;
    border-bottom-right-radius: 30px;
    background-color: transparent;
}

.search-box-collegec .input-group-append .input-group-text {
    background-color: transparent;
    border: 0;
}

header.top-banner-head {
    height: 584px;
}

.dropdown-content a:hover {
    background-color: #464588;
    color: white;
}

.dropdown:hover .dropdown-content {
    display: block;
}

button.dropbtn {
    padding: 8px 60px 8px 60px;
    background-color: white;
    color: black;
    border: 1px solid lightgrey;
    border-radius: 1.8rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

button.search-button {
    border: 1px solid lightgrey;
    padding: 8px 130px 8px 130px;
    border-top-right-radius: 8.25rem;
    border-bottom-right-radius: 8.25rem;
    margin-left: -5px;
}

button.dropbtn:hover {
    background-color: #fce3d8 !important;
}

.container1 .card {
    position: relative;
    width: 100%;
    height: 330px;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    border: none;
    box-shadow: 0 0 20px lightgrey;
    margin: 0 auto;
    max-width: 260px;
}

.container1 .card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 292px;
    height: 231px;
    background: #211c70;
    background-image: linear-gradient(315deg, #262666, #9d9ce19e);
    clip-path: circle(150px at 80% 20%);
    transition: 0.5s ease-in-out;
}

.container1 .card:hover:before {
    clip-path: circle(252px at 44% -56%);
}

.circle.circle1 {
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    padding: 20px;
    left: 50%;
    top: 28%;
    transform: translate(-50px, -25px);
    margin-bottom: 100px;
    box-shadow: 1px 15px 5px rgb(0 0 0 / 15%);
}

.imgBx {
    text-align: center;
}

.circle.circle1 .imgBx img {
    width: 50px;
}

.container1 .card .contentBx {
    position: relative;
    width: 100%;
    height: 100px;
    text-align: center;
    transition: 1s;
    margin-top: 0;
}

.container1 .card:hover .contentBx {
    margin-top: -25px;
}

.container1 .card .contentBx h2 {
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    color: #1d1c81;
    margin: 0;
    font-size: 27px;
}

.container1 .card .contentBx .size,
.container1 .card .contentBx .color {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px 20px;
    transition: 0.5s;
    opacity: 0;
    visibility: hidden;
    padding-top: 0;
    padding-bottom: 0;
}

.container1 .card:hover .contentBx .size {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.5s;
}

.container1 .card:hover .contentBx .color {
    opacity: 1;
    visibility: visible;
    transition-delay: 0.6s;
}

.container1 .card .contentBx .size h3,
.container1 .card .contentBx .color h3 {
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-right: 10px;
}

.container1 .card .contentBx .size span {
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    display: inline-block;
    color: #111;
    background: #fff;
    margin: 0 5px;
    transition: 0.5s;
    color: #111;
    border-radius: 4px;
    cursor: pointer;
}

.container1 .card .contentBx .size span:hover {
    background: #9bdc28;
}

.container1 .card .contentBx .color span {
    width: 20px;
    height: 20px;
    background: #ff0;
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.container1 .card .contentBx .color span:nth-child(2) {
    background: #fff;
}

.container1 .card .contentBx .color span:nth-child(3) {
    background: #fff;
}

.container1 .card .contentBx .color span:nth-child(4) {
    background: #e91e63;
}

.container1 .card .contentBx a {
    display: inline-block;
    padding: 4px 6px;
    border-radius: 36px;
    margin-top: 10px !important;
    text-decoration: none;
    font-weight: 600;
    color: #211c70;
    border: 2px solid #211c70;
    opacity: 0;
    transform: translateY(50px);
    transition: 0.5s;
    margin-top: 0;
    font-size: 14px;
}

.container1 .card:hover .contentBx a {
    opacity: 1;
    transform: translateY(0px);
    transition-delay: 0.75s;
}

.circle.circle1.position-relative {
    top: 63px;
    height: 136px;
    width: 136px;
    box-shadow: 0px 10px 36px 4px #33333342;
}

h5.h5-content1.pt-5 {
    font-weight: 400;
    color: #605daf;
}

h2.h2-content2.pt-2 {
    color: #525197;
}

h5.h5-content2.pt-2 {
    color: #e18323;
}

.container1 .card:hover .contentBx {
    height: 127px;
}

@media(max-width:425px) {
    p.list2 {
        padding-top: 0px;
    }

    .card.card1 {
        margin: 0 auto;
    }

    .card.card2 {
        margin: 0 auto;
    }

    .card.card3 {
        margin: 0 auto;
    }

    .card.card4 {
        margin: 0 auto;
    }

    .card.card5 {
        margin: 0 auto;
    }

    .card.card6 {
        margin: 0 auto;
    }

    .card.card7 {
        margin: 0 auto;
    }

    button.search-button {
        padding: 8px 90px 8px 90px;
    }

    button.dropbtn {
        padding: 8px 30px 8px 30px;
    }

    .col-lg-6.py-5.content-side {
        padding: 0 !important;
    }

    .pagination_rounded .prev {
        margin-left: 0px;
        border-radius: 35px;
        width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
    }

    .pagination_rounded .next {
        border-radius: 35px;
        width: 24px !important;
        height: 24px !important;
        line-height: 24px !important;
    }
}

.cc-heading-one.h2.text-blue {
    color: #263b74;
}

span.circle.circle-sitemap {
    left: 0 !important;
    box-shadow: none;
}

img.img-fluid.banner-end {
    border-radius: 0;
    width: 100%;
    padding: 0;
}

.pagination_rounded,
.pagination_square {
    display: inline-block;
    margin-top: 10px;
    border: 1px solid lightgrey;
    height: 53px;
    padding: 10px;
    border-radius: 16.5rem;
    margin-bottom: 44px;
}

.pagination_rounded ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagination_rounded li:first-child {
    margin-left: 0px
}

.pagination_rounded ul li {
    float: left;
    margin-left: 10px
}

.pagination_rounded ul li a:hover {
    background: #4285f4;
    color: #fff;
    border: 1px solid #4285f4
}

.pagination_rounded .prev {
    margin-left: 0px;
    border-radius: 35px;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.pagination_rounded ul li a {
    float: left;
    color: #000000;
    border-radius: 50%;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-align: center;
    border: 1px solid #b5adad;
    font-weight: 600;
}

.pagination_rounded .prev i {
    margin-right: 10px
}

.pagination_rounded .next {
    border-radius: 35px;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.visible-xs {
    display: none !important
}

a.active {
    background-color: #f07e21;
}

.pagination_rounded ul li a:hover {
    background: #f07e21;
    color: #fff;
    border: 1px solid #f07e21;
}

@media (max-width:767px) {
    .search-top-collegec {
        display: block;
    }
}

section.ic-banner {
    background-color: #77ffed;
    padding-top: 100px;
}

.hp-course-carousel-block {
    border: 1px solid #ddd;
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 5px;
    position: relative;
}

.hp-course-carousel-block .card__img {
    display: block;
    position: relative;
    z-index: 1;
}

.hp-course-circle-img {
    width: 150px;
    height: 100px;
    border-radius: 10px;
    position: relative;
    z-index: 1;
    background-position: center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border: 2px solid #fff;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 13%);
    margin-bottom: 0;
}

.hp-course-carousel-content {
    padding-left: 10px;
    width: calc(100% - 80px);
}

.hp-course-carousel-content h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #0060aa;
}

.sidebar-ic-desktop .heading-top {
    padding: 5px 10px;
    font-weight: 600;
    color: #fff;
    background: #263b74;
    text-transform: uppercase;
}

.sidebar-ic-desktop {
    border: 1px solid #ddd;
}

.sidebar-ic .heading-top {
    padding: 5px 10px;
    font-weight: 600;
    color: #fff;
    background: #263b74;
    text-transform: uppercase;
}

.sidebar-ic {
    border: 1px solid #ddd;
}

.sidebar-ic-list {
    padding: 0 10px;
    background: #fff;
}

.sidebar-ic-list ul {
    padding: 0;
    margin: 0;
}

.sidebar-ic-list ul li {
    list-style: none;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

.sidebar-ic-list ul li:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.sidebar-ic-list ul li:before {
    content: '';
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background: url(../images/banner-bg/list-icon-sidebar-ic.png);
    background-size: cover;
    position: absolute;
    left: 0;
    transition: 0.5s;
    top: 5px;
}

.sidebar-ic-list ul li:hover:before {
    left: 5px;
}

.sidebar-ic-list ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
}

h5.content-h5 {
    padding-left: 230px;
    font-size: 18px;
}

.badge-custom {
    border-radius: 50px;
    border: 1px solid #ddd;
    font-size: 13px;
    padding: 2px 10px;
    line-height: 1;
}

.badg-light {
    background: #efefef;
    color: #000;
    font-weight: 400;
}

.link-btn {
    text-decoration: underline;
    font-size: 13px;
}

.no-of-lectures {
    line-height: 1;
    align-items: center;
    display: flex;
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

span.sm-icon-img {
    width: 15px;
    display: inline-block;
    margin-top: -4px;
    margin-right: 5px;
}

span.sm-icon-img img {
    width: 100%;
}

.hp-course-carousel-block:after {
    content: '';
    position: absolute;
    left: 0px;
    width: 50px;
    height: 100%;
    top: 0px;
    background: #70f8e6;
}

.duration-lectures {
    line-height: 1;
    align-items: center;
    display: flex;
    color: #000;
    font-size: 13px;
    font-weight: normal;
}

.price-hp-course span {
    color: #00c52a;
    font-size: 20px;
    font-weight: bold;
}

.btn-hp-add-to-cart {
    background-color: #0078d0;
    border: 0;
    border-radius: 56px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: system-ui, -apple-system, system-ui, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", sans-serif;
    font-size: 14px;
    font-weight: 600;
    outline: 0;
    padding: 2px 7px;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;

}

.btn-hp-add-to-cart:hover {
    box-shadow: rgb(255 255 255 / 20%) 0 3px 15px inset, rgb(0 0 0 / 10%) 0 3px 5px, rgb(0 0 0 / 10%) 0 10px 13px;
    transform: scale(1.05);
    color: #fff;
}

.btn-hp-add-to-cart:before {
    background-color: initial;
    background-image: linear-gradient(#fff 0, rgba(255, 255, 255, 0) 100%);
    border-radius: 125px;
    content: "";
    height: 50%;
    left: 4%;
    opacity: .5;
    position: absolute;
    top: 0;
    transition: all .3s;
    width: 92%;
}

.last-part.align-items-center {
    position: absolute;
    left: 640px;
    top: 37px;
}

.sidebar-ic {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.openbtn {
    font-size: 20px;
    cursor: pointer;
    background-color: #111;
    color: white;
    padding: 10px 15px;
    border: none;
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

a.closebtn {
    position: absolute;
    z-index: 10;
    top: 1px;
    right: 1px;
    width: 35px;
    height: 35px;
    background: #000;
    border-top-left-radius: 50%;
    text-align: center;
    line-height: 35px;
    color: #fff;
    font-size: 30px;
    border-bottom-left-radius: 50%;
}

@media (max-width:768px) {
    .hp-course-circle-img {
        width: 100px;
        height: 80px;
    }

    .hp-course-carousel-content h5 {
        font-size: 12px;
    }

    .no-of-lectures {
        font-size: 10px;
    }

    .duration-lectures {
        font-size: 10px;
    }

    .btn-hp-add-to-cart {
        font-size: 9px;
        padding: 0px 7px;
    }

}

@media (max-width: 430px) {
    .btn-hp-add-to-cart {
        font-size: 14px;
        padding: 3px 13px;
    }

    .hp-course-carousel-content h5 {
        font-size: 16px;
    }

    .no-of-lectures {
        font-size: 13px;
    }

    .duration-lectures {
        font-size: 14px;
    }
}

@media (max-width:640px) {
    .hp-course-carousel .d-flex {
        display: -ms-flexbox !important;
        display: block !important;
    }

    .hp-course-carousel .hp-course-carousel-content .d-flex {
        display: flex !important;
    }

    .hp-course-carousel-block:after {
        display: none;
    }

    .hp-course-carousel-content {
        width: 100%;
    }

    .hp-course-circle-img {
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

.select-class-block input[type="radio"] {
    display: none;
    opacity: 0;
}

.select-class-block label {
    display: block;
    cursor: pointer;
}

.select-class-block input[type="radio"]:checked+label .card-class-block {
    background: #eb7b46;
}

.select-class-block input[type="radio"]:checked+label div {
    color: #fff;
    background: #eb7b46;
}

.flp-cat-block {
    position: relative;
    padding: 15px;
    margin: 20px 0;
}

.flp-cat-block:before {
    content: '';
    position: absolute;
    background: url(../images/banner-bg/top-ornament.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 96px;
    height: 17px;
    top: 5px;
    left: 50%;
    transform: translate(-48px, -8px);
    z-index: 1;
}

.flp-cat-block:after {
    content: '';
    position: absolute;
    background: url(../images/banner-bg/bottom-ornament.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 96px;
    height: 17px;
    bottom: -9px;
    left: 50%;
    transform: translate(-48px, -8px);
    z-index: 1;
}

.flp-cat-block-outer {
    width: 100%;
    background: #fff;
    position: relative;
    border: 1px solid #f26522;
    transition: 0.5s;
    border-radius: 20px;
    min-height: 196px;
}

.flp-cat-block .flp-cat-img {
    width: 100px;
    height: 100px;
    margin: 20px auto;
    border: 2px solid #f26522;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 1px 12px 12px rgb(0 0 0 / 15%);
}

.flp-cat-block .flp-cat-img img {
    width: 100%;
}

.flp-cat-name h4 {
    font-size: 16px;
    text-align: center;
    font-weight: 500;
}

.flp-cat-block:hover .flp-cat-block-outer {
    background: #f26522;
}

.flp-cat-block:hover .flp-cat-name h4 {
    color: #fff;
}

.flp-cat-sb-block {
    padding: 12px;
    border-radius: 7px;
    margin: 15px 2px;
    transition: all ease-in-out 0.5s;
    border: 2px solid #FFF;
}

.flp-cat-sb-block:hover {
    background-color: #F97316BF;
    transform: translateY(-7px);
    box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    transition: all ease-in-out 0.5s;
}

.flp-cat-sb-block:hover .flp-cat-sb-block-inner .flp-cat-sb-name h4 {
    color: white
}

.flp-cat-sb-block-inner .flp-cat-sb-img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 2px solid #f26522;
    box-shadow: 1px 12px 12px rgb(0 0 0 / 15%);
    position: relative;
    z-index: 2;
}

.flp-cat-sb-block-inner .flp-cat-sb-img img {
    width: 100%;
}

.flp-cat-sb-block-inner .flp-cat-sb-name h4 {
    font-size: 14px;
    text-align: center;
}

.flp-cat-sidebar {
    position: relative;
    height: 100%;
    padding: 14px;
    border-right: 2px solid #cbc5c5;
}

.view-more-btn .rounded-view-more {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    background-color: #0095ff;
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.flp-cate-indi {
    border-radius: 20px;
    background: #fff;
    margin-bottom: 20px;
}

.flp-cate-indi .cat-indi-outer {
    border: 1px dashed #ab8735;
    border-radius: 10px;
    position: relative;
}

.flp-cate-indi .cat-indi-outer:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/banner-bg/border-top-ornament.png);
    background-size: cover;
    background-position: center;
    left: -5px;
    top: -5px;
}

.flp-cate-indi .cat-indi-outer:after {
    position: absolute;
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/banner-bg/border-bottom-ornament.png);
    background-size: cover;
    background-position: center;
    bottom: -5px;
    right: -5px;
}

.cat-feature-img {
    max-width: 90%;
    margin: 0 auto;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    max-height: 133px;
    margin-bottom: 10px;
}

.cat-feature-img img {
    position: relative;
    width: 100%;
    height: 100%;
    left: 0;
    margin-top: -23px;
}

.cat-indi-inner {
    padding: 20px 0;
}

.cat-indi-title {
    text-align: center;
    min-height: 60px;
    width: 90%;
    margin: 0 auto;
    line-height: 1;
}

@media (max-width:767px) {
    .flp-cat-sidebar {
        height: 100vh;
        overflow-y: auto;
    }
}

.wrapper-1 {
    display: flex;
    height: 80px;
    align-items: center;
    justify-content: space-evenly;
    border-radius: 5px;
    padding: 20px 15px;
    margin: 0 auto;
    width: fit-content;
}

.wrapper-1 .option {
    background: #fff;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 10px;
    border-radius: 100px;
    cursor: pointer;
    padding: 0 10px;
    border: 2px solid lightgrey;
    transition: all 0.3s ease;
    min-width: 100px;
    max-width: 200px;
}

.wrapper-1 .option .dot {
    height: 20px;
    width: 20px;
    background: #d9d9d9;
    border-radius: 50%;
    position: relative;
}

.wrapper-1 .option .dot::before {
    position: absolute;
    content: "";
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #0069d9;
    border-radius: 50%;
    opacity: 0;
    transform: scale(1.5);
    transition: all 0.3s ease;
}

section.sitemap-section {
    background: #f3f6ff;
    padding: 60px 0;
}

.sitemap-section-content {
    margin-bottom: 0;
}

.sitemap-section-content h4 {
    font-weight: 400;
    text-transform: uppercase;
    color: #253a73;
    font-size: 34px;
}

.sitemap-section-content h5 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 30px;
    color: #e32228;
}

a.explore-more {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    border: 0;
    vertical-align: middle;
    text-decoration: none;
    background: transparent;
    padding: 0;
    font-size: inherit;
    font-family: inherit;
}

a.explore-more {
    width: 14rem;
    height: auto;
}

a.explore-more .circle {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: relative;
    display: block;
    margin: 0;
    width: 3rem;
    height: 3rem;
    background: #282936;
    border-radius: 1.625rem;
}

a.explore-more .circle .icon {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #fff;
}

a.explore-more .circle .icon.arrow {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    left: 0.625rem;
    width: 1.125rem;
    height: 0.125rem;
    background: none;
}

a.explore-more .circle .icon.arrow::before {
    position: absolute;
    content: "";
    top: -0.25rem;
    right: 0.0625rem;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 0.125rem solid #fff;
    border-right: 0.125rem solid #fff;
    transform: rotate(45deg);
}

a.explore-more .button-text {
    transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.75rem 0;
    margin: 0 0 0 1.85rem;
    color: #282936;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    text-transform: uppercase;
}

a.explore-more:hover .circle {
    width: 100%;
}

a.explore-more:hover .circle .icon.arrow {
    background: #fff;
    transform: translate(1rem, 0);
}

a.explore-more:hover .button-text {
    color: #fff;
}

.right-cat-main {
    position: fixed;
    right: -100px;
    top: 20%;
    z-index: 4;
    background: #fff;
    box-shadow: -6px 0px 5px rgb(0 0 0 / 15%);
    /* border-top-left-radius: 10px; */
    border-bottom-left-radius: 10px;
    transition: all ease-in-out 0.5s;
    /* overflow: hidden; */
}

.listing-block-main-pointers {
    width: 100px;
    text-align: center;
}

.listing-block-main-pointers ul {
    margin-bottom: 0;
}

#sticky_right_sidebar_icon {
    position: absolute;
    top: 0px;
    left: -25px;
    background-color: #253a73;
    padding: 8px;
    color: #fff;
    border-radius: 10%;
}

.right-cat-main_collapsed {
    position: fixed;
    right: 0px;
    top: 20%;
    /* z-index: 4; */
    background: #fff;
    box-shadow: -6px 0px 5px rgb(0 0 0 / 15%);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    transition: all ease-in-out 0.5s;
}

.rotate-icon {
    transform: rotateY(180deg);
}

.block-main-cat {
    border-bottom: 1px solid #ddd;
    padding: 10px;
}

.main-cat-img {
    background: #253a73;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
    padding: 10px;
}

.main-cat-img img {
    width: 100%;
}

.main-cat-title {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.main-active-cat .main-cat-title {
    color: #fff;
}

.block-main-cat.main-active-cat {
    background: #253a73;
}

.block-main-cat:hover {
    background: #253a73;
}

.block-main-cat:hover .main-cat-title {
    color: #fff;
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
    transform: translate(0px, 0px) !important;
    top: 30px !important;
    min-width: 250px;
    padding-top: 0;
}

.header-new-topbar-right ul li a.dropdown-item {
    color: #263b74;
}

.gallery-small-hp-img img {
    border-radius: 10px;
}

.gallery-small-hp-block {
    border: 1px solid #ddd;
    border-radius: 10px;
    height: 100%;
    padding: 10px;
    box-shadow: 4px 3px 9px rgb(0 0 0 / 15%);
}

.gallery-small-hp-img {
    border-radius: 10px;
    box-shadow: 3px 3px 6px 1px rgb(0 0 0 / 15%);
    height: 158px;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery-small-hp-title {
    text-align: center;
    padding: 10px 0;
    font-weight: 500;
    color: #000;
}

.related-posts {
    margin-bottom: 20px;
}



.spacer {
    min-height: 150px;
}

.collegec-blocks {
    padding-top: 155px;
    padding-bottom: 0px;
}

/* .blocks-collecge-courses {
    padding-bottom: 28rem;
} */

#homeIconForRightSideMenu {
    border: none;
    font-size: 20px;
    top: 5px;
    left: -1px;
    padding: 0px;
}


@media screen and (max-width:1024px) {
    .main-cat-img {
        height: 40px;
        width: 40px;
    }

    .main-cat-title {
        font-size: 9px;
        margin-top: 5px;
    }

    .main-cat-img img {
        margin-top: -8px;
    }

    .right-cat-main {
        top: 15%;
    }

    #homeIconForRightSideMenu {
        border: none;
        font-size: 15px;
        top: -3px;
        left: 0px;
        padding: 0px;
    }
}


@media (max-width:991px) {
    section.heading-n-breadcrub-part {
        background: #fff;
    }

    .header-new {
        border-bottom: 1px solid #ddd;
        box-shadow: 5px 5px 5px rgb(0 0 0 / 15%);
    }

    .collegec-blocks .card h4 {
        line-height: 1;
        font-size: 14px;
    }

    section.heading-n-breadcrub-part:after {
        height: 45%;
    }
}

@media (max-width:767px) {
    .collegec-blocks .card .rounded-img {
        display: none;
    }

    .collegec-blocks .circle {
        width: 30px;
        height: 30px;
        margin: 10px 0;
        padding: 3px;
        transform: translate(-15px, 0px);
        overflow: hidden;
        bottom: 0px;
    }

    .collegec-blocks .card h4 {
        line-height: 1;
        font-size: 10px;
        margin-bottom: 0;
    }

    .card.card1 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card2 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card3 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card4 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card5 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card6 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }

    .card.card7 {
        margin: 0 auto;
        border-radius: 8px;
        padding: 10px;
    }



    .collegec-blocks {
        padding-top: 160px;
        padding-bottom: 0px;
    }

    .chevron {
        display: none;
    }

    .sitemap-section-content {
        margin-bottom: 20px;
    }

    .wrapper-1 {
        display: flex;
        height: 80px;
        align-items: flex-start;
        justify-content: flex-start;
        border-radius: 5px;
        padding: 20px 15px;
        margin: 0 auto;
        width: fit-content;
        max-width: 100%;
        overflow: auto;
    }

    .sb-heading-text .sb-heading-three span {
        font-size: 20px;
    }

    .sb-btn .d-flex {
        display: block !important;
    }

    .sb-btn a.sb-btn-link {
        display: block;
        margin-bottom: 10px;
    }

    .college-course-banner {
        background: #f9e0d4;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 536px;
        background-position: right bottom;
    }

    .flp-cat-sb-block-inner .flp-cat-sb-name h4 {
        font-size: 12px;
    }

    .header-new-topbar-right ul li a.circle-btn .cart-span {
        border-radius: 50%;
        background: #263b74;
        width: 25px;
        height: 25px;
        line-height: 25px;
        text-align: center;
        display: inline-block;
    }

    .header-new-topbar-right ul li a {
        font-size: 12px;
    }

    section.heading-n-breadcrub-part:after {
        display: none;
    }


    .spacer {
        min-height: 60px;
    }

    .sm-mb-5 {
        margin-bottom: 3rem;
    }

    .card-class-block {
        border-radius: 12px;
        margin-bottom: 15px;
    }

    .card-class-block .card-class-no {
        font-size: 32px;
        padding: 20px 10px;
    }

    .card-class-block .card-class-name {
        font-size: 16px;
    }

    .are-you-tutor h3 {
        font-size: 20px;
    }

    .are-you-tutor h4 {
        font-size: 16px;
    }

    .one-on-one-class h2 {
        font-size: 25px;
    }

    .checksb-text {
        font-size: 14px;
    }

    .multiimage-carousel h3 {
        font-size: 16px;
    }

    .multiimage-carousel p {
        font-size: 12px;
        line-height: 20px;
    }

    .collegec-blocks h2 {
        font-size: 16px;
    }

    .collegec-blocks .sub-cont {
        font-size: 12px;
    }

}

@media (max-width:360px) {

    .left-content-html-banner,
    .right-content-html-banner {
        font-size: 18px;
    }

    .sitemap-section-content h5 {
        font-weight: 600;
        text-transform: uppercase;
        font-size: 26px;
        color: #e32228;
    }

    .sitemap-section-content h4 {
        font-weight: 400;
        text-transform: uppercase;
        color: #253a73;
        font-size: 30px;
    }

    .title-page h1 {
        margin-bottom: 0;
        font-size: 15px;
        margin-top: 12px;
    }

    .college-course-banner {
        padding-top: 3rem;
    }
}

.cursor-pointer {
    cursor: pointer;
}

.activeflp {
    background-color: #F97316BF;
    transform: translateY(-10px);
    box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    -webkit-box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    -moz-box-shadow: 5px 4px 9px -2px rgba(0, 0, 0, 0.61);
    transition: all ease-in-out 0.5s;
}

.activeflp h4 {
    color: white
}

.text-orange {
    color: #ff7829;
}

.border-bottom-feature {
    border-bottom: 7px solid #72fae8;
}

.feature-item-new h4 {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
}

.feature-item-new h5 {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 13px;
    font-weight: 400;
}

.feature-item-new p {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 0;
}

.chevron {
    position: absolute;
    width: 2.1rem;
    height: 0.48rem;
    opacity: 0;
    transform: scale(0.3);
    -webkit-animation: move-chevron 3s ease-out infinite;
    animation: move-chevron 3s ease-out infinite;
    left: 50%;
    margin-left: -1.05rem;
}

.chevron:first-child {
    -webkit-animation: move-chevron 3s ease-out 1s infinite;
    animation: move-chevron 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
    -webkit-animation: move-chevron 3s ease-out 2s infinite;
    animation: move-chevron 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    background: #2c3e50;
}

.chevron:before {
    left: 0;
    transform: skewY(30deg);
}

.chevron:after {
    right: 0;
    width: 50%;
    transform: skewY(-30deg);
}

@-webkit-keyframes move-chevron {
    25% {
        opacity: 1;
    }

    33.3% {
        opacity: 1;
        transform: translateY(2.28rem);
    }

    66.6% {
        opacity: 1;
        transform: translateY(3.12rem);
    }

    100% {
        opacity: 0;
        transform: translateY(4.8rem) scale(0.5);
    }
}

@keyframes move-chevron {
    25% {
        opacity: 1;
    }

    33.3% {
        opacity: 1;
        transform: translateY(2.28rem);
    }

    66.6% {
        opacity: 1;
        transform: translateY(3.12rem);
    }

    100% {
        opacity: 0;
        transform: translateY(4.8rem) scale(0.5);
    }
}

.active-college-course {
    border: 3px dashed #e31e24 !important;
    box-shadow: 1px 10px 15px rgb(0 0 0 / 37%);
}

#comments .single-question {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#comments .single-question .question-image {
    width: 60px;
    height: 60px;
    overflow: hidden;
    margin-right: 10px;
    border-radius: 50%;
}

#comments .single-question .question-content {
    width: calc(100% - 100px);
}

#comments .single-question .question-content p {
    font-size: 13px;
    margin-bottom: 0px;
    line-height: 1;
    color: #000;
}

#comments .single-question .question-content .content-bottom h6 {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    margin-bottom: 5px;
}

#comments .single-question .question-content .content-bottom span {
    background-color: #efefef;
    color: #000;
    padding: 3px 10px;
    line-height: 1;
    border-radius: 13px;
    font-size: 10px;
}

.blur-content {
    filter: blur(5px);
}

@media (max-width:991px) {
    /* .blocks-collecge-courses .row {
        padding-top: 30px !important;
        flex-wrap: wrap;
        overflow: auto;
        margin-top: 20px !important;
        padding-bottom: 50px;
        margin-bottom: 20px !important;
    } */
}

@media (max-width:767px) {
    .button-light-pink {
        max-width: 180px;
    }

    .newheadLine {
        font-size: 16px;
    }
}

@media screen and (max-width:770px) {
    h2.h2-content2 {
        font-size: 21px;
        margin-top: -9px;
    }

    h5.h5-content1 {
        font-size: 14px;
    }

    .container1 .card .contentBx h2 {
        letter-spacing: 2px;
        font-size: 17px;
    }

    section.heading-n-breadcrub-part {
        padding: 118px 0 35px 0;
        margin-bottom: 0;
    }

    .flp-cat-sb-block {
        padding: 4px;
        margin: 5px 2px;
    }

    .flp-cat-sb-block-inner .flp-cat-sb-img {
        left: auto !important;
    }

    .flp-cat-sb-block-inner .flp-cat-sb-img {
        width: 40px;
        height: 40px;
    }
}

@media screen and (max-width:430px) {
    section.heading-n-breadcrub-part {
        padding: 130px 0 30px 0;
    }
}


/* ==========15 july android banner start ========== */

.androidBannerWrapper {
    background-image: url("../../new/images/androidBanner/1moroccan-flower.png");
    position: relative;
    z-index: 10;
}

.androidBannerWrapper::before {
    content: '';
    background-color: #E86A2F;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 10%;
}

.androidBannerContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 1rem;
}

.androidBannerWrapper h1 {
    font-size: 45px;
    font-weight: bolder;
    color: #3a3a90;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.androidBannerWrapper .androidBannerImg {
    max-width: 125px;
    transition: all ease-in-out 0.5s;
}

.androidBannerWrapper .androidBannerImg:hover {
    transform: translateY(-10px);
}

@media (max-width:768px) {
    .androidBannerWrapper h1 {
        font-size: 30px;
        margin-bottom: 5px;
    }
}

@media (max-width:425px) {
    .androidBannerContent {
        align-items: center;
        text-align: center;
    }
}

@media (max-width:375px) {
    .androidBannerWrapper .androidBannerImg {
        max-width: 110px;
    }

    .androidBannerWrapper h1 {
        font-size: 22px;
    }
}


/* ==========15 july android banner end ========== */


/* affilate dashboard tables responsive css  */

.affilateTablesResponsive th {
    font-size: 12px;
}

.affilateTableContentHeading h3,
h4 {
    font-size: 1.3rem;
}

.affilateTableContentHeading h5 {
    font-size: 1.2rem;
}

.affilateTableContentHeading input {
    width: 9rem !important;
    margin-top: 10px !important;
}

.affilateTableContentHeading button {
    width: 9rem !important;
    margin-top: 10px !important;
}

.affilateTableContentHeading a {
    width: 7rem !important;
    margin-top: 10px !important;
}

@media screen and (max-width:768px) {
    .affilateTablesResponsive th {
        font-size: 10px;
        padding: 0px 3px;
    }

    .affilateTableContentHeading h3,
    h4 {
        font-size: 17px;
        text-align: center;
        margin-top: 15px;
    }

    .affilateTableContentHeading p {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .affilateTableContentHeading input {
        font-size: 12px !important;
        margin-bottom: 15px;
        width: 6rem !important;
    }

    .affilateTableContentHeading button {
        font-size: 12px !important;
        margin-bottom: 15px;
        width: 6rem !important;
    }

    .affilateTableContentHeading a {
        font-size: 12px !important;
        margin-bottom: 15px;
    }
}

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

    .affilateTableContentHeading h3,
    h4 {
        font-size: 17px;
        text-align: left;
        margin-bottom: 3px;
    }

    .affilateTableContentHeading p {
        font-size: 9px;
    }

    .affilateTableContentHeading input {
        margin-bottom: 3px;
        width: 6rem !important;
    }

    .affilateTableContentHeading button {
        margin-bottom: 3px;
        width: 6rem !important;
    }

    .affilateTableContentHeading a {
        width: 7rem !important;
        /* margin: 0px auto; */
        margin-bottom: 3px;

    }
}


/*==================== Farzana CSS Starts Ends =================================*/


/* PSYCHOMETRIC TEST CSS START  */
/* ------------------------------------------------
            PSYCHOMETRIC LANDING PAGE 
----------------------------------------------------- */

.Psychometric-bannerSection {
    /* background-color: rgb(229 228 227 / 59%); */
    padding-top: 5rem;
    position: relative;
    overflow: hidden;
}

.Psychometric-bannerSection::before {
    content: '';
    position: absolute;
    top: -10rem;
    left: -15rem;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    /* border: 70px solid #bedaff; */
    z-index: 0;



}

.Psychometric-bannerSection::after {
    content: '';
    position: absolute;
    bottom: -18rem;
    right: -22rem;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    /* border: 80px solid #bedaff; */
    z-index: 0;

}

.Psychometric-bannerSectionContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.Psychometric-bannerSectionContent #discoverTag {
    background-color: rgb(253, 0, 0);
    color: #fff;
    padding: 3px 10px;
    border-radius: 3px;
    margin-bottom: 6px;
    font-size: 15px;
}

.Psychometric-bannerSectionContent img {
    width: 50px;
    height: 50px;
    margin-top: -30px;
}

.Psychometric-bannerSectionContent h1 {
    font-size: 2.5rem;
    font-weight: 700;
    word-spacing: 2px;
}

.Psychometric-bannerSectionContent p {
    font-size: 1.2rem;
    word-spacing: 2px;
    font-weight: 500;
    color: #000;
}

.Psychometric-bannerSectionImg {}

.Psychometric-bannerSectionImg div {
    height: 400px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto;
    position: relative;
    z-index: 1;

}

.Psychometric-bannerSectionContent #bannerArrowBtn {
    background-color: #253A73;
    color: #fff;
    padding: 15px 10px;
    border-radius: 20px;
    cursor: pointer;
}

.importantPointsWrapper p {
    padding: 0px 10px;
    position: relative;
    padding-left: 30px;
    font-size: 14px;
    margin-bottom: 2px;
    color: #000;
    font-family: 'Roboto', sans-serif;


}

.importantPointsWrapper h4 {
    text-align: left;
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    padding-right: 12px;
}


.secondLeftSectionWrapper h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 600;
    margin-top: 20px;
    font-family: 'Roboto', sans-serif;
    width: fit-content;
}

.doubleCheckIcon {
    position: absolute;
    top: 5px;
    left: 4px;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    padding: 0px;
    font-size: 18px;
    color: #000;
    font-weight: 400 !important;
}

.secondRightSectionWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.secondRightSectionWrapper form {
    background-color: #fff;
    width: 100%;
    border: 2px solid rgb(203 196 196 / 56%);
    border-radius: 5px;
    padding: 20px;
    font-family: 'Roboto', sans-serif;
    box-shadow: 6px 4px 15px -7px rgb(0 0 0 / 48%);
}

#testSubmitBtn {
    background-color: #253a73;
    color: #fff;
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding: 10px 0px;
}

.secondRightSectionWrapper h3 {
    font-size: 1.5rem;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 2rem;
}

.secondRightSectionWrapper form label {
    font-family: 'Roboto', sans-serif;
}

.secondRightSectionWrapper form span {
    margin-right: 10px;
}



.whoCanTakeTestWrapper {
    position: relative;
    margin: 35px 0px;
}

#leftPattern {
    position: absolute;
    top: 5rem;
    left: 0px;
    z-index: 1;
    width: 8%;
}

#rightPattern {
    position: absolute;
    top: 5rem;
    right: 0px;
    z-index: 1;
    width: 8%;
}

#centerPattern {
    position: absolute;
    top: 0px;
    right: 0px;
}

.whoCanTakeTestWrapper h4 {
    font-size: 2.3rem;
    font-family: 'Roboto', sans-serif;
    text-align: center;
}

.whoCanTakeTestCardItem {
    text-align: center;
    margin: 2.5rem 0rem;
    position: relative;
    z-index: 5;
}

.whoCanTakeTestCardItem .numberofUser {
    border: 3px solid #253A73;
    display: inline-block;
    margin: 10px 0px;
    font-size: 1.6rem;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    padding: 5px 15px;
}

.whoCanTakeTestCardItem h5 {
    font-size: 1.2rem;
    color: #253A73;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    /* display: none; */
}

.whoCanTakeTestCardItem p {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    color: #000;
}

.ourCounsellorWrapper {
    padding: 25px 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ourCounsellorWrapper h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
}

.ourCounsellorWrapper h2 span {
    font-weight: 700;
}

.ourCounsellorWrapper p {
    text-align: justify;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.cousellorCardItems {
    position: relative;
    overflow: hidden;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    padding: 10px;
    border: 1px solid rgb(124, 123, 123);
    border-radius: 5px;
}

.cousellorProfileEllipse {
    position: absolute;
    top: -5rem;
    right: -4rem;
}

.cousellorProfileImg {
    position: relative;
    z-index: 10;
}

.cousellorCardItems h4 {
    font-weight: 600;
    font-size: 15px;
}

.cousellorCardItems p {
    font-size: 12px;
    text-align: center;
}

.ourCounsellor-img-Wrapper-new {
    display: flex;
    align-items: center;
    justify-content: center;

}

.ourCounsellor-img-Wrapper-new h1 {
    font-size: 18px;
    text-align: left;
    margin-top: 0px;
    margin-left: 12rem;
    text-transform: uppercase;
}

.ourCounsellor-img-Wrapper-new h1 span {
    font-size: 20px;
}

.ourCounsellor-img-Wrapper-new button {
    font-size: 9px;
    border: none;
    border-radius: 40px;
    padding: 3px 20px;
    float: left;
    cursor: pointer;
    margin-left: 14rem;
    font-weight: 700;
    border: 2px solid #000;
    box-shadow: 5px 7px 11px #4c484857;
    background: #fff;

}

.ourCounsellorWrapper-new h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 2rem;
}

.ourCounsellorWrapper-new h2 span {
    font-weight: 700;
}

.ourCounsellorWrapper-new p:first-child {
    font-size: 35px;
    font-family: Poppins, sans-serif;
    line-height: 49px;
    font-weight: 500;
    color: #000;
    text-align: left;
}

.ourCounsellorWrapper-new p:first-child span {
    font-size: 40px;
    font-weight: 600;
    position: relative;
}

.ourCounsellorWrapper-new p:first-child span img {
    position: absolute;
    top: 48px;
    left: 7px;
    width: 19rem;
}

.ourCounsellorWrapper-new p {
    text-align: justify;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    color: #000;

}

.ourCounsellorWrapper-new ul {
    padding: 0px;
    margin: 0px;
    margin-top: 3rem;
}

.ourCounsellorWrapper-new ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    line-height: 28px;

}

.ourCounsellorWrapper-new ul li span {
    margin: 0 10px 15px 0px;
    font-size: 20px;
    font-weight: 400;
}

.ourCounsellorWrapper-new ul li img {
    width: 22px;
    margin-right: 11px;
}


.blogsSectionWrapper h2 {
    text-align: center;
    font-size: 1.7rem;
}

.blogsSectionWrapper a {
    color: #000;
    text-decoration: none;
}

.blogOwlCarousel {
    margin: 2rem 0rem;
}

.blogCarouselItems {
    border-radius: 15px 15px 0px 0px;
    transition: all ease-in-out 0.5s;
    position: relative;
    margin: 2rem 0rem;
    transition: all ease-in-out 0.5s;
}

.blogCarouselItems img {
    border-radius: 15px 15px 0px 0px;
}

.blogCarouselItems h4 {
    margin: 15px 0px;
    font-size: 20px;
}

.blogCarouselItems button {
    border: none;
    font-size: 13px;
    padding: 10px 12px;
    border-radius: 18px;
    margin-top: 5px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #E86A2F;
    transition: all ease-in-out 0.5s;
}

.blogCarouselItems button:hover {
    background-color: #E86A2F;
    color: #fff;
}

.blogCarouselItems:hover {
    transform: translateY(-20px);
}

#coursePlanModal {
    border-radius: 20px;
}

.coursePlanModalHeader {
    width: 100%;
}

.coursePlanModalHeader h5 {
    font-size: 25px;
    font-weight: 700;
}

.coursePlanModalHeader p {
    font-size: 15px;
}

.courseModalItems p {
    font-size: 15px;

}

.coursePlanModalHeader span {
    background-color: rgb(0 204 255 / 82%);
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    margin-left: 12px;
    font-weight: 900;
    margin-right: 12px;

}

.courseModalItems .Tags {
    background-color: aqua;
    color: #fff;
    padding: 5px 15px;
    font-weight: 600;
    border-radius: 21px;
    font-size: 12px;
}

.courseModalItems .modalPriceTags {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 20px;
}

.courseModalItems button {
    border: none;
    padding: 5px 15px;
    border-radius: 21px;
    background-color: rgb(118, 197, 0);
    color: #fff;
    font-weight: 700;
}

.cou-plan-modal-row p {
    margin: 0px;
    font-size: 15px;
}

input.cou-modal-chek-icon {
    padding: 6px 12px;
    border: 2px solid rgb(110 102 102 / 60%);
    border-radius: 6px;
    font-size: 19px;
    color: rgb(0 0 0 / 55%);
    transform: scale(1.8);


}

.cou-plan-modal-row {
    border-bottom: 1px solid rgb(204 198 198 / 76%);
    padding: 20px 0px;
}

.modal-course-discription span {
    font-size: 13px;
    margin-right: 15px;
}

.modal-course-discription span:last-child {
    font-size: 20px;
    font-weight: 700;

}

.whocanTakeTest {
    padding: 1.5rem 4rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #ffeeee87;
    border-radius: 55px;
    box-shadow: 2px 3px 5px #cba3a375;
    margin: 5rem 0;
}

#coursePlanModal .coursePlanModalHeader .close-btn {
    position: absolute;
    top: 0px;
    right: -30px;
    font-size: 2rem;
    color: rgb(240 10 10);
    font-weight: 500;

}

.whocanTakeTest h1 {
    font-size: 2.5rem;
    font-family: 'Kaushan Script', cursive;
    text-align: center;
    margin: 0px;
    letter-spacing: 2px;
}

.whocanTakeTest .arrow-ico {
    font-size: 31px;
    background-color: rgb(255 94 19 / 72%);
    margin-left: 25px;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    top: 2px;
    left: 18px;
    height: 60px;
    width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -1px 2px 3px 0px rgb(137 127 127 / 65%);
}

.whocanTakeTest .arrow-ico i {
    margin-left: 0px;
    font-size: 40px;
    position: relative;
    top: 5px;
    left: 1px;


}

.studnt-problem-wrapper {
    padding: 2rem 0rem;
}

.studnt-problem-wrapper h4 {
    font-size: 17px;
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-bottom: 4px;
    color: #e86a2f;
}

.studnt-problem-wrapper h1 {
    font-size: 26px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    margin-bottom: 4rem;
}

.studnt-problem-wrapper .card {
    background: #ffe3e3;
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
    /* min-height: 20rem; */

}

.studnt-problem-wrapper .card p {
    color: #003865;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;


}

.studnt-problem-wrapper .card h1 {
    font-family: Poppins, sans-serif;
    position: absolute;
    top: 0px le;
    top: 20px;
    left: 20px;
    font-size: 29px;
}

.studnt-problem-wrapper .card h3 {
    font-family: Poppins, sans-serif;
    padding-left: 53px;
    font-size: 20px;
    margin-bottom: 19px;
    margin-top: 10px;

}

.studnt-problem-wrapper .card ul {
    padding: 0px;
    padding-left: 20px;
}

.studnt-problem-wrapper .card ul li {}



.scroll-to-top-section {
    background-color: #f46839;
    padding: 30px 0px;
    text-align: center;
    position: relative;
}

.scroll-to-top-section h1 {
    color: #f46839;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
    font-size: 11rem;
    position: absolute;
    top: 0px;
    left: 30rem;
    z-index: 1;
    opacity: 65%;
}

.scroll-to-top-section h2 {
    font-size: 7rem;
    color: #fff;
    position: relative;
    z-index: 2;
}

.scroll-to-top-section a {
    background: #fff;
    margin-top: 20px;
    display: inline-block;
    padding: 21px 20px;
    font-size: 33px;
    border-radius: 5rem;
    color: #f46839;
    box-shadow: 5px 7px 14px #ffffff9e;
}

/* ------------------------------------------------
            PSYCHOMETRIC TEST DETAIL PAGE 
----------------------------------------------------- */
.psy-test-detail-banner {
    margin-top: 100px;

}

.psy-test-detail-banner h3 {
    font-size: 1.5rem;
}

.psy-test-detail-banner .profile-wrapper {
    background-color: #fcdbcc;
    padding: 10px 20px;
    position: relative;
    z-index: 5;
    border-radius: 10px;
}

.profile-shape {
    background-color: #faa57d;
    position: absolute;
    top: -17px;
    right: -17px;
    width: 80%;
    height: 110%;
    z-index: 1;
    border-radius: 5px 10px 10px 5px;

}

.psy-test-detail-banner .profile-wrapper h4 {
    color: #000;
    font-size: 1.5rem;
    margin: 0px;
}

.profile-info span {
    color: #000;
    font-size: 12px;
}

.profile-info p {
    font-weight: 700;
    color: #000;
    font-size: 15px;
    border-bottom: 1px solid #000;
}

.psy-test-course-wrapper img {
    position: absolute;
    top: 5px;
    left: 0px;
    width: 6%;
}

.psy-test-course-wrapper a {
    transition: all ease-in-out 0.2s;
}

.psy-test-course-wrapper a:hover {
    color: #fff;
    background-color: red;

}

.psy-test-courses {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all ease-in-out 0.2s;
    margin: 20px 0px;
    box-shadow: 5px 4px 12px rgb(168 163 163 / 83%);
    ;
    border-radius: 10px;
    padding: 35px 0px;
}

.psy-test-courses:hover {
    background-color: #263b74;
    transform: translateY(-10px);
}

.active-psy-tab .psy-test-courses {
    background-color: #263b74 !important;
    color: #fff;
    margin-bottom: 2rem;
    /* transform: translateY(-10px); */
}

.psy-test-courses p {
    font-size: 20px;
    font-weight: 700;
}

.psy-test-courses span {
    border: none;
    margin-top: 25px;
    margin-bottom: 10px;
    padding: 10px;
    font-size: 20px;
    font-weight: 700;
}

/* .psy-test-courses i{
    font-size: 30px;
    display: none;
} */
.psy-test-courses .psy-down-arrow {
    display: none;
}

.active-psy-tab .psy-test-courses .psy-down-arrow {
    display: block;
}

.psy-test-sec-info {
    display: flex;
    position: relative;
    padding: 10px 20px;
    color: #000;
}

.psy-test-sec-info:hover.psy-test-sec-info div {
    background-color: #c5d2f4;
    color: #3e6bac !important;
}

.psy-test-sec-info span {
    background-color: #c7c5c5;
    font-size: 25px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 25px;
    font-weight: 700;
    border-radius: 12px;

}

.psy-test-sec-info div {
    background-color: #edeaea;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 10px;
    margin: 10px 0px;
    border-radius: 0px 15px 15px 0px;


}

.psy-test-sec-info div p {
    margin: 0px;
    font-size: 15px;
    font-weight: 600;

}

.psy-test-instruction-wrapper {
    background-color: #e2e9fb;
    padding: 30px;

}

.psy-test-instruction-wrapper div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.psy-test-instruction-wrapper div i {
    font-size: 30px;
    font-weight: 100;
}

.psy-test-instruction-wrapper ul {
    margin: 0px;
    padding: 0px;
}

.psy-test-instruction-wrapper ul li {
    list-style: none;
    display: flex;
    align-items: center;
    margin: 20px 0px;
}

.psy-test-instruction-wrapper ul li div {
    width: 30px;
    height: 30px;
    margin: 0px 15px;
}

.psy-test-instruction-wrapper ul li p {
    margin: 0px;
}

/* ------------------------------------------------
            PSYCHOMETRIC TEST START PAGE 
----------------------------------------------------- */
.psy-test-start-nav {
    margin: 2% 0%
}

.psy-test-start-nav div {

    width: 150px;
}

.psy-test-start-details {
    margin-top: 9rem;
    /* background: #c2c2c25c; */
    background: linear-gradient(to right, rgb(183 202 250), rgb(104 82 200));
    /* background: linear-gradient(to right, #fcb772f0, #fa8710cf); */
    padding: 22px 0px;

}

.psy-test-start-details .content {
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.psy-test-start-details .content .test-alloted-time {
    display: flex;
    align-items: flex-start;
}

.psy-test-start-details .content .test-alloted-time span {
    background: rgb(255 255 255 / 76%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    color: rgb(63, 43, 150);
    margin-right: 11px;
    font-size: 17px;

}

.psy-test-start-details .content .test-alloted-time h5 {
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
}

.psy-test-start-details .content .test-alloted-time h2 {
    margin: 0px;
    font-size: 24px;
    color: #fff;

}

.psy-test-start-details .content .test-alloted-time p {
    color: #fff;
    font-size: 14px;
}

.psy-test-start-details h3 {
    margin: 10px 0px;
    color: #fff;
    font-size: 25px;

}

.psy-test-start-details h5 {
    font-size: 14px;
    margin: 10px 0px;
    margin-top: 17px;


}

.psy-test-start-details p {
    font-size: 15px;
    margin: 0px 0px;

}

.psy-test-start-details span {
    font-size: 15px;
    font-weight: 700;
    margin: 0px 0px;
}

.psy-test-start-details .test-timmer {
    background-color: #253a73;
    padding: 10px 20px;
    color: #fff;
    border-radius: 10px;
}

.psy-test-start-details .test-timmer p {
    font-size: 15px;
    font-weight: 100;
}

.psy-test-start-details .test-timmer i {
    font-size: 25px;
}

.psy-test-qestion-section {
    padding: 20px 0px;
    /* height: 450px; */
    margin-top: 20px;
    margin-bottom: 2rem;
    position: relative;
    overflow: hidden;
}

.psy-test-section {
    /* background-color: red; */
    margin: 0px;
    padding: 10px 0px;
    width: 100%;
    height: 300px;
    overflow-y: scroll;
}

.psy-test-section li {
    list-style: none;
    margin: 15px;
    text-align: center;
    height: 50px;
}

.psy-test-section li div {
    padding: 10px;
    font-size: 15px;
    background-color: #9fa0a5;
    border-radius: 10px;
    color: #fff;
    margin: 0px;
    cursor: pointer;

}

.psy-test-section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;

}

.psy-test-section::-webkit-scrollbar {
    width: 10px;
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;
}

.psy-test-section::-webkit-scrollbar-thumb {
    background-color: #253a73;
    border-radius: 30px;
}

.psy-single-que-sec p span {
    font-size: 17px;
    font-weight: 700;
    margin: 0px 5px;

}


.psy-single-que-sec ul {
    margin: 20px 0px;
    padding: 0px;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;

}

.psy-single-que-sec ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;

}

.psy-single-que-sec ul li label {
    margin: 0px;
}

.psy-single-que-sec ul li input {
    margin: 0px 10px;
    background-color: red;
    width: 60px;
    height: 20px;
    border-radius: 0px !important;

}

.psy-single-que-sec ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;

}

.psy-single-que-sec ul::-webkit-scrollbar {
    width: 10px;
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;
}

.psy-single-que-sec ul::-webkit-scrollbar-thumb {
    background-color: #253a73;
    border-radius: 30px;
}

.psy-total-que-sec {
    border: 2px solid #ceccccb8;
    padding: 20px 10px;
    border-radius: 3px;
    background-color: #dad7d763;
    overflow: hidden;

}

.psy-total-que-sec h5 {
    font-size: 20px;
    padding: 0px 12px;
}

.tot-ques-wapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: 300px;
    align-items: flex-start;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 30px;
}

.tot-ques {
    background-color: rgb(175 176 182);
    width: 10%;
    margin: 5px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
}

.tot-ques-wapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;

}

.tot-ques-wapper::-webkit-scrollbar {
    width: 10px;
    background-color: rgb(174 172 183 / 38%);
    border-radius: 10px;
}

.tot-ques-wapper::-webkit-scrollbar-thumb {
    background-color: #253a73;
    border-radius: 30px;
}

.psy-test-qestion-section textarea {
    width: 100%;
    resize: none;
    background-color: rgb(214 209 209 / 30%);
    border: none;
    padding: 20px;
    border-radius: 4px;
}

.psy-test-qestion-section textarea::placeholder {
    font-size: 15px;
    font-weight: 700;
}

.psy-test-qestion-section .ellipsePatter {
    position: absolute;
    top: 40px;
    left: -90px;
    width: 16%;
}

.psy-test-qestion-section .ellipsePatterBottom {
    position: absolute;
    bottom: -115px;
    right: 0px;
    width: 16%;
}

.psy-test-qestion-section .rectanglePatter {
    position: absolute;
    top: -40px;
    right: 0px;
    width: 5%;

}

#psy-testSubmit-modal .modal-header div {
    width: 6rem;
    height: 6rem
}

#psy-testSubmit-modal .modal-header,
#psy-testSubmit-modal .modal-footer {
    border: none;
}

#psy-testSubmit-modal .modal-body h3 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 30px;
}

#psy-testSubmit-modal .modal-body p {
    text-align: center;
    line-height: 12px;
    font-size: 15px;
}

#psy-testSubmit-modal .modal-footer button {
    margin: 0px auto;
    padding: 7px 50px;
    border-radius: 15rem;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
}


@media screen and (min-width:1030px) {

    /* ------------------------------------------------
            PSYCHOMETRIC LANDING PAGE 
----------------------------------------------------- */
    .Psychometric-bannerSection {
        padding-top: 5rem;
    }

    .Psychometric-bannerSectionContent h1 {
        font-size: 3rem;
    }

    .Psychometric-bannerSectionContent p {
        font-size: 17px;
        word-spacing: 2px;
        font-weight: 500;
        color: #000;
    }

    #leftPattern {
        position: absolute;
        top: 5rem;
        left: 0px;
        z-index: 1;
        width: auto;
    }

    #rightPattern {
        width: auto;
    }

    .ourCounsellor-img-Wrapper-new h1 {
        font-size: 25px;
        text-align: left;
        margin-top: 55px;
        margin-left: 19rem;
        text-transform: uppercase;
    }

    .ourCounsellor-img-Wrapper-new a {
        font-size: 12px;
        border: none;
        border-radius: 40px;
        padding: 5px 14px;
        float: left;
        cursor: pointer;
        margin-left: 19rem;
        font-weight: 900;
        border: 2px solid #000;
        box-shadow: 5px 7px 11px #4c484857;
        background: #fff;
    }

    /* ------------------------------------------------
            PSYCHOMETRIC TEST DETAIL PAGE 
----------------------------------------------------- */



}

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

    /* ------------------------------------------------
            PSYCHOMETRIC LANDING PAGE 
----------------------------------------------------- */
    .Psychometric-bannerSection {
        padding-top: 8rem;
    }

    .Psychometric-bannerSectionContent h1 {
        font-size: 1.7rem;
    }

    .Psychometric-bannerSectionContent p {
        font-size: 15px;
    }

    .Psychometric-bannerSectionImg div {
        height: 250px;
    }

    .Psychometric-bannerSectionContent #bannerArrowBtn {
        padding: 10px 8px;
    }

    .importantPointsWrapper p {
        padding: 4px 0px;
        padding-left: 20px;
    }

    .doubleCheckIcon {
        top: 20px;
        left: -12px;
        height: 30px;
        width: 30px;
        padding: 7px;
    }

    .secondRightSectionWrapper h3 {
        font-size: 1.2rem;
    }

    .secondLeftSectionWrapper h3 {
        font-size: 1.2rem;
    }

    .secondRightSectionWrapper form label {
        font-size: 12px;
    }

    .secondRightSectionWrapper form button {
        font-size: 12px;
    }

    .secondRightSectionWrapper form span {
        font-size: 12px;
    }

    .secondRightSectionWrapper form .SelectStreamDropdown select {
        font-size: 12px;
    }

    #testSubmitBtn {
        font-size: 12px;
    }

    .whoCanTakeTestCardItem {
        text-align: center;
        margin: 2.5rem 0rem;
    }

    .whoCanTakeTestWrapper h4 {
        font-size: 1.5rem;
    }

    .ourCounsellorWrapper h2 {
        font-size: 1.5rem;
    }

    .ourCounsellorWrapper p {
        font-size: 12px;
    }

    .whocanTakeTest h1 {
        font-size: 1.5rem;
    }

    .whocanTakeTest {
        padding: 0.5rem 2rem;
        margin: 2rem 0px;

    }

    .whocanTakeTest .arrow-ico i {
        font-size: 21px;
        padding: 8px;
    }

    .cou-plan-modal-row p {
        font-size: 12px;
    }

    .coursePlanModalHeader span {
        padding: 5px 12px;
        margin-right: 10px;
        font-size: 12px;
    }

    input.cou-modal-chek-icon {
        padding: 4px 8px;
        font-size: 15px;
        margin-left: 15px;
    }

    .modal-course-discription span:last-child {
        font-size: 15px;
    }

    .whoCanTakeTestCardItem h5 {
        font-size: 0.8rem;
    }

    .whoCanTakeTestWrapper {
        margin: 0px 0px;
    }

    .ourCounsellorWrapper-new {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ourCounsellor-img-Wrapper-new h1 {
        font-size: 24px;
        margin-top: 10px;
        margin-left: 1rem;
    }

    .ourCounsellor-img-Wrapper-new h1 span {
        font-size: 18px;
    }

    .ourCounsellor-img-Wrapper-new button {
        margin-left: 12rem;
        padding: 3px 10px;

    }

    .ourCounsellorWrapper-new p:first-child {
        font-size: 21px;
        margin-bottom: 25px;
        padding: 0rem 1rem;
        line-height: 38px;
        margin-top: 26px;
    }

    .ourCounsellorWrapper-new p:first-child span {
        font-size: 27px;
    }

    .ourCounsellorWrapper-new p:first-child span img {
        top: 44px;
        left: 7px;
        width: 14rem;
    }

    .ourCounsellorWrapper-new ul {
        margin-top: 1rem;
    }

    .ourCounsellorWrapper-new ul li {
        line-height: 24px;
    }

    .ourCounsellorWrapper-new p {
        font-size: 13px;
    }

    .ourCounsellorWrapper-new ul li span {
        font-size: 13px;
    }



    .importantPointsWrapper h4 {
        text-align: left;
        font-size: 12px;
        font-weight: 500;
    }

    /* ------------------------------------------------
            PSYCHOMETRIC TEST DETAIL PAGE 
----------------------------------------------------- */

    .psy-test-detail-banner {
        margin-top: 100px;
        padding: 25px 0px;
    }

    .psy-test-sec-info div p {
        font-size: 12px;
    }

    .psy-test-sec-info div {
        padding: 10px 5px;
        margin: 10px 0px;
    }

    .psy-test-sec-info span {
        font-size: 14px;
        padding: 0px 20px;
    }

    .psy-test-instruction-wrapper ul li p {
        font-size: 12px;
        line-height: 15px;
    }

    .psy-test-instruction-wrapper div h3 {
        font-size: 20px;
        margin: 0px;
    }

    .psy-test-instruction-wrapper div i {
        font-size: 20px;
    }

    /* ------------------------------------------------
            PSYCHOMETRIC TEST START PAGE 
----------------------------------------------------- */
    .psy-test-section {
        margin: 0px;
        padding: 7px 10px;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        overflow-y: hidden;
    }

    .psy-test-section li {
        margin: 6px;
        height: auto;
    }

    .psy-test-section li div {
        padding: 10px;
        font-size: 15px;
        border-radius: 10px;
        margin: 0px;
        width: 55px;
    }

    .psy-test-section::-webkit-scrollbar {
        height: 10px;
    }

    .psy-test-start-details h3 {
        font-size: 23px;
    }

    .psy-test-start-details h5 {
        font-size: 15px;
    }

    .psy-test-start-details .test-timmer {
        padding: 7px 12px;
        border-radius: 7px;
    }

    .psy-test-start-details .test-timmer p {
        font-size: 12px;
    }

    .psy-test-start-details .test-timmer i {
        font-size: 14px;
    }

    .psy-single-que-sec p span {
        font-size: 13px;
    }

    .psy-single-que-sec p {
        font-size: 13px;
        line-height: 18px;
    }

    .tot-ques {
        width: 20%;
    }

    /* ------------------------------------------------
            Entrepreneurial landing Page  
        ----------------------------------------------------- */
    .studnt-problem-wrapper .card h3 {
        padding-left: 42px;
        font-size: 14px;
        margin-top: 24px;
    }

    .studnt-problem-wrapper .card p {
        font-size: 12px;

    }

    .studnt-problem-wrapper h1 {
        font-size: 20px;
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    .studnt-problem-wrapper .card {
        margin-bottom: 25px;
        min-height: 25rem;
    }

    .scroll-to-top-section h2 {
        font-size: 5rem;

    }

    .scroll-to-top-section h1 {
        font-size: 7rem;
        top: 12px;
        left: 13rem;
        opacity: 44%;
    }

    .scroll-to-top-section a {
        margin-top: 7px;
        padding: 15px 20px;
        font-size: 25px;
    }

}

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

    /* ------------------------------------------------
            PSYCHOMETRIC LANDING PAGE 
----------------------------------------------------- */
    .Psychometric-bannerSection {
        padding-top: 8rem;
    }

    .Psychometric-bannerSectionContent #discoverTag {
        padding: 2px 6px;
        font-size: 10px;
    }

    .Psychometric-bannerSectionContent h1 {
        font-size: 1.7rem;
        line-height: 50px;
    }

    .Psychometric-bannerSectionContent p br {
        display: none;
    }

    .Psychometric-bannerSectionContent img {
        width: 40px;
        height: 40px;
        margin-top: -30px;
    }

    .Psychometric-bannerSectionContent p {
        font-size: 12px;
    }

    .Psychometric-bannerSectionImg div {
        margin: 0px 0px;
    }

    .whoCanTakeTestCardItem {
        text-align: center;
        margin: 1rem 0rem;
    }

    .whoCanTakeTestWrapper h4 {
        font-size: 25px;
    }

    #leftPattern {
        width: 17%;
    }

    #rightPattern {
        width: 17%;
        bottom: 5rem;
        top: auto;
    }

    .blogsSectionWrapper h2 {
        text-align: center;
        font-size: 1.5rem;
    }

    .blogCarouselItems h4 {
        font-size: 12px;
    }

    .blogOwlCarousel {
        margin: 0rem 0rem;
    }

    .coursePlanModalHeader h5 {
        font-size: 15px;
    }

    .coursePlanModalHeader p {
        font-size: 10px;
    }

    .courseModalItems p {
        font-size: 12px;
    }

    .courseModalItems p {
        font-size: 12px;
    }

    .courseModalItems .modalPriceTags {
        font-size: 12px;
    }

    .courseModalItems button {
        font-size: 12px;
        padding: 5px 10px;
    }

    .whocanTakeTest {
        padding: 12px 1rem;
        margin: 1rem 0rem;
    }

    .whocanTakeTest h1 {
        font-size: 15px;
        letter-spacing: 2px;
    }

    .whocanTakeTest .arrow-ico i {
        font-size: 17px;
        padding: 7px;
        border-radius: 4px;
    }

    .ourCounsellor-img-Wrapper-new h1 {
        font-size: 20px;
        margin-top: -5px;
        margin-left: 12rem;
    }

    .ourCounsellor-img-Wrapper-new h1 span {
        font-size: 12px;
    }

    .ourCounsellor-img-Wrapper-new button {
        margin-left: 12rem;
    }

    .ourCounsellorWrapper-new p:first-child {
        font-size: 16px;
        margin-bottom: 20px;
        text-align: center;
        padding: 0rem -1rem;
        line-height: 33px;
    }

    .ourCounsellorWrapper-new p:first-child span {
        font-size: 26px;
        display: block;
    }

    .ourCounsellorWrapper-new p:first-child span img {
        top: 36px;
        left: 69px;
        width: 11rem;
    }


    /* ------------------------------------------------
            Entrepreneurial landing Page  
        ----------------------------------------------------- */
    .studnt-problem-wrapper .card {
        margin-bottom: 25px;
        min-height: 16rem;
    }

    .scroll-to-top-section h1 {
        font-size: 7rem;
        top: 76px;
        left: 2rem;
        opacity: 40%;
    }
}

.ourCounsellor-img-Wrapper-new img {
    width: 22rem;
    background: rgb(255 255 255);
    padding: 29px;
    border-radius: 13px;
}

.whocanTakeTest .arrow-ico {
    font-size: 26px;
    height: 50px;
    width: 50px;
    left: 8px;
}





/* ------------------------------------------------
            PSYCHOMETRIC TEST DETAIL PAGE 
----------------------------------------------------- */

.psy-test-detail-banner {
    margin-top: 50px;
    padding: 25px 0px;
}

.profile-shape {
    top: -6px;
    right: -3px;
    width: 92%;
    height: 100%;
    border-radius: 10px 10px 10px 0px;
}

.psy-test-sec-info {
    flex-direction: column;
    padding: 20px 5px;
}

.psy-test-sec-info span {
    font-size: 14px;
    padding: 10px;
    width: 40%;
    margin: 0px auto;
    border-radius: 7px;
}

.psy-test-sec-info div {
    padding: 10px 5px;
    margin: 0px;
    border-radius: 4px;
}


/* ------------------------------------------------
            PSYCHOMETRIC TEST START PAGE 
----------------------------------------------------- */
.psy-test-qestion-section {
    margin-top: 0px;
}

.psy-test-section li div {
    padding: 6px;
    font-size: 14px;
    width: 37px;
    border-radius: 5px;
}

.psy-test-section {
    margin: 0px;
    padding: 4px 6px;
}

.tot-ques {
    width: 11%;
    margin: 5px;
    height: 37px;
    font-size: 13px;
    border-radius: 5px;
}

.psy-single-que-sec {
    margin: 20px 0px;
}

.psy-total-que-sec {
    margin-bottom: 5rem;
}



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

    /* ------------------------------------------------
            PSYCHOMETRIC LANDING PAGE 
----------------------------------------------------- */
    .Psychometric-bannerSectionContent h1 {
        font-size: 1.2rem;
    }

    .Psychometric-bannerSectionContent p {
        font-size: 10px;
    }

    .Psychometric-bannerSectionContent #bannerArrowBtn {
        padding: 7px 6px;
    }

    .Psychometric-bannerSectionImg div {
        margin: -40px 0px;
    }
}


/* PSYCHOMETRIC TEST CSS END  */


/* OLE MOCK  TEST CSS START  */

/* ------------------------------------------------
            OLE MOCK TEST PAGE 
----------------------------------------------------- */

section.mock-test-banner {
    background-image: url("./../images/oleMockTest/bgShape.png");
    padding-top: 100px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    background-color: rgb(209 238 240 / 62%);
}

.mock-test-banner h1 {
    font-weight: 100;
    word-spacing: -1px;
    font-size: 35px;
    margin: 4px;
    color: #0673ec;
    line-height: 20px;
}

.mock-test-banner h3 {
    font-size: 30px;
    margin: 0px;

}

.mock-test-banner p {
    width: 60%;
    color: #000;

}

.sidebar-mock-test-desktop {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.moc-tst-course-card {
    position: relative;
    box-shadow: 2px 4px 12px rgb(128 126 126 / 46%);
    margin: 1.5rem 0rem;
    padding: 20px 0px;
    border-radius: 5px;
    overflow: hidden;

}

.moc-tst-course-card .moc-tst-details {
    display: flex;
    align-items: center;

}

.moc-tst-course-card .moc-tst-details .moc-img-wrapper {
    width: 16%;
    margin: 0px 10px;

}

.moc-tst-course-card .moc-tst-details .test-lang-icon:last-child {
    margin-left: -10px;

}

.moc-tst-course-card .moc-tst-details div:last-child h5 {
    font-size: 17px;
}

.moc-tst-course-card .moc-tst-details .test-lang-icon {
    background: #49a7ff;
    color: #fff;
    font-size: 9px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;

}

.moc-tst-course-card .moc-tst-details .test-info-ico {

    border: 1px solid black;
    border-radius: 12px;
    font-size: 10px;
    padding: 0px 13px;
    margin-left: 12px;
    font-weight: 600;


}

.moc-tst-course-card .moc-price-detail {
    text-align: center;
    border-left: 2px solid rgb(228 226 226 / 63%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;

}

.moc-tst-course-card .moc-price-detail span p {
    margin: 0px;
    padding: 3px 0px;
}

.moc-tst-course-card .moc-price-detail div span:first-child {
    color: rgb(255 0 0);
    font-size: 15px;
    font-weight: 700;
    text-decoration: line-through;

}

.moc-tst-course-card .moc-price-detail div span:last-child {
    color: #00c52a;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;

}

.moc-tst-course-card .add-2-cart-moc-test {
    border: 2px solid #8f8fff;
    width: fit-content;
    margin: 5px 0px;
    font-size: 11px;
    padding: 1px 8px;
    color: #8f8fff;
    font-weight: 500;
    cursor: pointer;
    border-radius: 3px;
}

.moc-tst-course-card .add-2-cart-moc-test:last-child {
    background-color: #8f8fff;
}

.moc-tst-course-card .add-2-cart-moc-test:last-child a {
    color: #fff !important;

}

.moc-tst-course-card .moct-offer-Patch {
    position: absolute;
    top: -49px;
    left: -28px;
    height: 100px;
    width: 100px;

}

.moc-t-popular-course {
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    padding: 5rem 0rem;

}

.moc-t-pop-c-card {
    text-align: center;
    box-shadow: 3px 3px 13px rgb(175 172 172 / 43%);
    padding: 5px 0px;
    border-radius: 5px;
    margin-bottom: 20px;

}

.moc-t-pop-c-card div {
    width: 65px;
    margin: 10px auto;
}

.moc-t-popular-course h3 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 30px;
}

.moc-t-pop-c-card h5 {
    font-size: 16px;

}

.moc-t-QA-wrapper {
    justify-content: space-evenly;
    background-color: #f7f7f7;

}

.moc-t-QA-wrapper .QA-cart {
    text-align: center;
    padding: 15px 0px;

}

.moc-t-QA-wrapper .QA-cart h2 {
    font-size: 25px;
    margin: 0px;
    color: #1d2be3;

}

.moc-t-QA-wrapper .QA-cart p {
    margin: 2px 0px;
    color: rgb(49 48 48 / 63%);
    font-size: 20px;
}

.moc-t-QA-wrapper .QA-cart div {
    margin: 10px 0px;
}

@media screen and (max-width:768px) {
    .mock-test-banner h1 {
        font-size: 25px;
        line-height: 25px;
    }

    .mock-test-banner h3 {
        font-size: 22px;
        margin: -6px 0px;
    }

    .mock-test-banner p {
        width: 95%;
        color: #000;
        font-size: 15px;
    }

    .moc-tst-course-card .moc-price-detail {
        display: flex;
        margin: 10px;
        justify-content: space-between;
        border: none;
        flex-direction: row;

    }

    .moc-t-QA-wrapper .QA-cart div {
        margin: 10px auto;
        width: 50px;
    }

    .moc-t-QA-wrapper .QA-cart h2 {
        font-size: 15px;
        margin: 0px;
    }

    .moc-t-QA-wrapper .QA-cart p {
        margin: -2px 0px;
        font-size: 12px;
    }

    .moc-tst-course-card .moc-price-detail span p {
        line-height: 12px;
    }

    .moc-tst-course-card .moc-price-detail div span:first-child {
        font-size: 12px;
    }

    .moc-tst-course-card .moc-price-detail div span:last-child {
        font-size: 17px;
    }
}

@media screen and (max-width: 430px) {
    .mock-test-banner h1 {
        font-size: 15px;
    }

    .mock-test-banner p {
        width: 70%;
        color: #000;
        font-size: 12px;
    }

    .mock-test-banner h3 {
        font-size: 15px;
        margin: -10px 0px;
    }

    .moc-t-QA-wrapper {
        margin-bottom: 2rem;
    }

    .moc-t-popular-course {
        padding-top: 1rem;
        padding-bottom: 2rem;
    }

    .moc-t-popular-course h3 {
        font-size: 20px;
        margin-bottom: 16px;
    }

    section.mock-test-banner {
        padding-top: 65px;
    }
}


/* side bar css  */
.sidebar-mock-test-desktop .heading-top {
    padding: 12px 10px;
    font-weight: 600;
    background: rgb(149 149 247 / 59%);
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-mock-test-desktop .heading-top h5 {
    color: #fff;
    margin: 0px
}

.sidebar-mock-test-desktop .heading-top a {
    color: #000;
    font-size: 13px;
    text-decoration: underline;
    padding: 5px 10px !important;
    border-radius: 50px;
    margin: 0px;
    font-weight: 700;
}

.sidebar-mock-test-desktop {
    border: 1px solid #ddd;
}

.sidebar-mock-test-list {
    padding: 0 10px;
    background: #fff;
}

.sidebar-mock-test-list a {

    color: #8f8fff;
    font-weight: 700;
    text-decoration: underline;

}

.sidebar-mock-test-list ul {
    padding: 0;
    margin: 0;
}

.sidebar-mock-test-list ul li {
    list-style: none;
    position: relative;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 15px 0px;
    padding-left: 50px;
    cursor: pointer;
}

.sidebar-mock-test-list ul li a {

    color: #000 !important;
    font-weight: 100 !important;
    text-decoration: none !important;

}

.active-moc-nav {
    background: #8f8fff;
    border-radius: 5px;
}

.active-moc-nav a {
    color: #fff !important;
}

.active-moc-nav::before {
    background: #fff !important;
    color: #8f8fff !important;

}

.sidebar-mock-test-list ul li:last-child {
    border: none;
    margin-bottom: 1rem;
}

.sidebar-mock-test-list ul li:before {
    content: "\e649";
    font-family: 'themify';
    color: #efefef;
    width: 30px;
    height: 30px;
    position: absolute;
    background: #8f8fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 15px;
    left: 10px;
    border-radius: 50%;
}

.sidebar-mock-test-list ul li:hover:before {
    left: 5px;
}

.sidebar-mock-test-list ul li a {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
}

.sidebar-mock-test .heading-top {
    padding: 5px 10px;
    font-weight: 600;
    color: #fff;
    background: #8f8fff;
    text-transform: uppercase;
}


.sidebar-mock-test {
    border: 1px solid #ddd;
}

.sidebar-mock-test {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.moc_search_input {
    padding: 12px 24px;
    background-color: transparent;
    transition: transform 250ms ease-in-out;
    font-size: 14px;
    line-height: 18px;
    color: #575756;
    background-color: transparent;
    /*  background-image: url(http://mihaeltomic.com/codepen/input-search/ic_search_black_24px.svg); */
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: 95% center;
    border-radius: 50px;
    border: 1px solid #575756;
    transition: all 250ms ease-in-out;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.moc_search_input::placeholder {
    color: rgba(87, 87, 86, 0.8);
    text-transform: uppercase;
    letter-spacing: 1.5px;
}

.moc_search_input:hover,
.moc_search_input:focus {
    padding: 12px 0;
    outline: 0;
    border: 1px solid transparent;
    width: 100%;
    border-bottom: 1px solid #575756;
    border-radius: 0;
    background-position: 100% center;
}

/* ------------------------------------------------
            OLE MOCK TEST DETAIL PAGE 
----------------------------------------------------- */
:root {
    --randomBgColors: #edf0f8;
}

.moc-t-info-banner {
    padding: 7rem 0rem;
    padding-bottom: 3rem;
    background-image: url("./../images/oleMockTest/testDetailbackground.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}

.moc-t-info-banner h1 {
    font-size: 25px;
    color: #263b74;
    margin-bottom: 5px;
}

.moc-t-info-banner h4 {
    font-size: 15px;
    color: rgb(126 127 129 / 84%);
}

#bg-default::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* background-color: #edf0f8; */
    background-color: var(--randomBgColors);
    opacity: 13%;
}

.moc-t-info-banner .moc-test-info-logo {
    width: 70px;
    margin-right: 20px;
    margin-bottom: 10px;

}

.moc-t-info-banner p {
    color: #fff;
    background-color: #2f7eca;
    font-size: 13px;
    margin: 0px 10px;
    padding: 5px 15px;
    border-radius: 22px;
    padding-left: 0px;

}

.moc-t-info-banner p span {
    background: #fff;
    color: #000;
    font-weight: 700;
    padding: 7px;
    border-radius: 50%;
    margin-right: 5px;
    margin-left: 4px;

}

.moc-t-info-banner .lang-span {
    background-color: #d2d2d2;
    color: #000;
    font-size: 12px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.moc-t-info-banner .lang-span:last-child {
    margin-left: -10px;
}

.moc-t-ques-marks {
    margin-top: -10px;
}

.moc-t-ques-marks p {
    margin: 0px 5px;
    color: #7c7c7c;
    font-size: 14px;

}

.moc-t-ques-marks p span {
    font-weight: 700;
    font-size: 15px;
}

.moc-t-ques-marks span:nth-child(2) {
    color: #5c89fb;
    margin: 0px 10px;
}

.moc-t-ques-marks span:nth-child(3) {
    color: #fb0404;
}

.moc-t-ques-marks span i {
    margin-right: 3px;
}

.start-moc-test {
    display: flex;
    align-items: center;
    justify-content: center;
}

.start-moc-test a {
    text-decoration: underline;
    color: #5c89fb;
}

.moc-tst-course-card .mock-t-free-patch {
    background-color: #00c52a;
    color: #fff;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 3px;
}

.moc-tst-course-card .mock-t-premium-patch {
    background-color: #acacaf;
    color: #fff;
    font-size: 15px;
    padding: 3px 10px;
    border-radius: 3px;
}

.premium-mock-test a {
    display: none !important;
}

.premium-mock-test i {
    font-size: 20px;
    color: #7c7c7c;
    font-weight: 500;
}

.moc-t-info-coupon-wrapper {
    background-color: #f3f5fc;
    padding: 20px;
    margin: 1.5rem 0rem;
    border-radius: 5px;
    box-shadow: 2px 3px 7px #d8d8d8;
    position: relative;
    overflow: hidden;
}

.moc-t-info-coupon-wrapper .moc-coupon-detail {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin: 15px 0px;
    margin-bottom: 30px;
}

.moc-t-info-coupon-wrapper p {
    font-size: 15px;
    padding: 0px;
    margin: 5px 0px;
    color: #000;
}

.moc-t-info-coupon-wrapper span {
    color: rgb(120 119 119 / 58%);
    text-decoration: line-through;
    font-size: 25px;
    font-weight: bolder;
}

.moc-t-info-coupon-wrapper h5 {
    margin: 0px;
    font-size: 25px;

}

.moc-t-info-coupon-wrapper h2 {
    font-family: 'Font Awesome 5 Pro';
    font-size: 40px;
    margin: 0px;
    color: #1851f4;
}

.moc-t-info-coupon-wrapper label {
    font-size: 15px;
    margin: 0px 10px;
    /* width: 60px; */
    text-align: right;

}

.moc-t-info-coupon-wrapper .moc-coupon-detail .add-coupon-btn {
    color: #fff;
    background-color: #666666;

}

.moc-t-info-coupon-wrapper .submit-coupon-btn {
    background-color: #1851f4;
    width: 100%;
    color: #fff;
    border: none;
    font-size: 20px;
    padding: 12px 0px;
    font-weight: bolder;
    margin-top: 1rem;
    display: inline-block;
    text-align: center;
}

.moc-t-info-coupon-wrapper .submit-coupon-btn-fixed {
    display: none;
}

.moc-t-info-coupon-wrapper .moc-coupon-detail .coupon-in-area {
    border: none;
    font-size: 13px;
    padding: 5px 10px;
    box-shadow: 3px 4px 7px rgb(164 157 157 / 44%);
    border-radius: 5px;
    width: 100%;

}

.moc-test-key-highlight {
    padding: 3rem 2rem;
    box-shadow: 4px 4px 11px rgb(135 132 132 / 31%);
    border-radius: 5px;
    background-image: url("./../images/oleMockTest/keyHighlightbg.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 3rem;

}

.moc-test-key-highlight h4 {
    font-size: 25px;
    margin-bottom: 25px;
}

.moc-test-key-highlight ul {
    margin: 0px;
    padding: 0px;
}

.moc-test-key-highlight ul li {
    list-style: none;
    margin: 10px 0px;
    color: #000;
    font-size: 15px;
}

.moc-test-key-highlight ul li i {
    color: #3267f8fc;
    font-size: 20px;
    margin-right: 10px;
}

.moc-t-info-coupon-wrapper .moc-t-discount-patch {
    background-color: #5c89fb;
    width: 300px;
    position: absolute;
    top: -8px;
    right: -131px;
    transform: rotateZ(45deg);
    text-align: center;
    height: 70px;
    padding-top: 14px;
}

.moc-t-info-coupon-wrapper .moc-t-discount-patch p {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: fit-content;
    margin: 0px auto;
    margin-top: 6px;
    line-height: 19px;
}

.page-not-found-wrapper {

    display: flex;
    align-items: center;
    justify-content: center;
}

.page-not-found-wrapper div {
    margin-top: 5rem;
}

@media screen and (max-width:1024px) {
    .moc-t-info-coupon-wrapper .moc-coupon-detail {
        margin: 15px 0px;
        margin-bottom: 30px;
        flex-direction: column;
        align-items: flex-start;
    }


}

@media screen and (max-width:990px) {
    .moc-test-key-highlight {
        padding: 3rem 3rem;
        margin-top: 1.5rem;
        height: 100%;
    }

    .moc-t-info-coupon-wrapper {
        padding: 20px 2rem;
        height: 100%;
    }

    .moc-test-key-highlight h4 {
        margin-top: 5rem;
    }

}

@media screen and (max-width:768px) {
    .moc-t-info-banner h1 {
        font-size: 20px;
    }

    .moc-t-info-banner h4 {
        text-align: left;
    }

    .moc-t-info-banner p {
        font-size: 10px;
        margin: 0px 10px;
        padding: 2px 10px;
        padding-left: 0px;
    }

    .moc-t-info-banner {
        background-position: -20rem 0rem;
    }
}

@media screen and (max-width: 430px) {
    .moc-t-info-coupon-wrapper {
        height: auto;
    }

    .moc-test-key-highlight h4 {
        font-size: 20px;
        margin-top: 0rem;
    }

    .moc-test-key-highlight {
        padding: 2rem 2rem;
        margin-top: 1.5rem;
        height: auto;
    }

    .moc-test-key-highlight ul li {
        margin: 7px 0px;
        font-size: 12px;
    }

    .moc-t-info-coupon-wrapper span {
        font-size: 20px;
    }

    .moc-t-info-coupon-wrapper h2 {
        font-size: 30px;
    }

    .moc-t-info-coupon-wrapper h5 {
        font-size: 20px;
    }

    .moc-t-info-banner {
        background-position: -25rem 0rem;
        padding: 4rem 0rem;
        padding-bottom: 2rem;
    }

    .moc_search_input {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    .moc-t-info-coupon-wrapper {
        height: auto;
        padding: 10px;
    }

    .moc-coupon-detail form input {
        font-size: 12px;

    }

}

@media screen and (max-width: 340px) {
    .moc-coupon-detail .wallet-info p {
        font-size: 10px;
    }

    .moc-coupon-detail .wallet-info button {
        font-size: 10px;
    }

    .moc-coupon-detail .coupon-info input {
        font-size: 10px;
    }

    .moc-coupon-detail .coupon-info button {
        font-size: 10px;
    }

    .moc-t-info-coupon-wrapper .submit-coupon-btn {
        font-size: 14px;
        padding: 6px;
    }
}

/* ------------------------------------------------
            OLE MOCK TEST ATTEMPTED PAGE 
----------------------------------------------------- */

.attempted-moctest-wrapper {
    padding-bottom: 0px !important;

}

.attempted-moctest-wrapper .progress-moctest-bar {
    position: relative;
    margin: 4px;
    float: left;
    text-align: center;
    color: #00c52a
}

.attempted-moctest-wrapper .barOverflow {
    position: relative;
    overflow: hidden;
    width: 90px;
    height: 45px;
    margin-bottom: -20px;
}

.attempted-moctest-wrapper .bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 5px solid #eee;
    border-bottom-color: #00c52a;
    border-right-color: #00c52a;
}

.attempted-moctest-wrapper .moc-test-date span,
.attempted-moctest-wrapper .moc-test-time span {
    font-size: 12px;
}

.attempted-moctest-wrapper .moc-test-date p,
.attempted-moctest-wrapper .moc-test-time p {
    margin: 0px;
    font-size: 14px;
}

.attempted-moctest-wrapper .moc-test-date,
.attempted-moctest-wrapper .moc-test-time {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 15px;
    color: #7c7c7c;
}

.attempted-moctest-wrapper .attempt-arrow-btn {
    background-color: rgb(232, 106, 47);
    color: #fff;
    font-size: 15px;
    font-weight: 100;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 7px rgb(167 162 162 / 69%);
    cursor: pointer;

}

.attempted-moctest-wrapper a {
    color: #5c89fb;
}

.moc-test-transaction-info {
    background: rgb(219 219 250 / 35%);
    padding: 2rem 0rem;
    border-radius: 5px;
    box-shadow: 4px 3px 12px #9f989878;

}

.moc-test-transaction-info p {
    margin: 0px;
    font-size: 17px;
    font-weight: 500;
    margin-top: 1.2rem;
}

.moc-test-transaction-info span {
    font-size: 15px;
    font-weight: 600;
}

.moc-test-transaction-info .check-box {
    width: 30px;
    position: relative;
    margin-left: auto;
}

.moc-test-transaction-info .check-box::before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0px;
    padding: 10px;
    border: 2px solid #000;
}

@media screen and (max-width:426px) {
    .attempted-moctest-wrapper .barOverflow {
        width: 60px;
    }

    .attempted-moctest-wrapper .bar {
        width: 60px;
        height: 60px;
        top: 5px;
    }

    .attempted-moctest-wrapper .moc-test-date,
    .attempted-moctest-wrapper .moc-test-time {
        align-items: flex-start;
        flex-direction: column;
        margin-left: 15px;
        margin-right: 0px;
    }

    .attempted-moctest-wrapper .moc-test-date p,
    .attempted-moctest-wrapper .moc-test-time p {
        margin: 0px;
        font-size: 12px;
    }

    .moc-t-info-coupon-wrapper .submit-coupon-btn-fixed {
        display: block;
        position: fixed;
        bottom: 5rem;
        left: 0rem;
        z-index: 10;
        border: none;
        background: #5c89fb;
        color: #fff;
        font-size: 15px;
        padding: 10px 20px;
        border-radius: 0px 5px 5px 0px;
    }

}



/*--------------------------------------------------------
/ 14.  New Preloader
/---------------------------------------------------------*/




.loader-wrapper-new {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.loader-new {
    width: 70px;
    height: 70px;
    position: relative;
}

.loader-new div {
    position: absolute;
    width: 35%;
    height: 35%;
    border-radius: 5px;
    animation: load 2s infinite ease-in-out;
}

.loader-new div:nth-of-type(1) {
    background-color: #e86a2f;
}

.loader-new div:nth-of-type(2) {
    background-color: #253a73;
    animation-delay: 0.5s;
}

.loader-new div:nth-of-type(3) {
    background-color: #F8CB2E;
    animation-delay: 1s;
}

.loader div:nth-of-type(4) {
    background-color: #e4262ce0;
    animation-delay: 1.5s;
}

@keyframes load {
    0% {
        transform: translate(0%);
        border-radius: 50%;
    }

    25% {
        transform: translate(200%) rotate(45deg);
        border-radius: 0%;
    }

    50% {
        transform: translate(200%, 200%);
        border-radius: 50%;
    }

    75% {
        transform: translate(0, 200%) rotate(-45deg);
        border-radius: 0%;
    }

    100% {
        transform: translate(0%);
        border-radius: 50%;
    }
}

/* OLE MOCK  TEST CSS END  */


/* ------------------------------------------------
            OLE SHORT TEST PAGE START
----------------------------------------------------- */
.short-test-wrapper {
    background-color: rgb(186 187 187 / 12%);
}

.short-test-wrapper .short-quiz-card {

    background: #fff;
    margin: 20px 0px;
    text-align: center;
    box-shadow: 3px 4px 8px 1px #d0d0d0;
    border-radius: 13px;
    padding-top: 20px;


}

.short-test-wrapper .short-quiz-card .card-icon-wrapper {
    background: #f9f3f1;
    width: fit-content;
    margin: 0px auto;
    padding: 10px;
    border-radius: 50%;
    height: 60px;
    width: 60px;
    font-size: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin-bottom: 20px;
    animation-name: example;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;

}

@keyframes example {
    from {
        transform: translateY(0px);
    }

    to {
        transform: translateY(-20px);
    }
}

.short-test-wrapper .short-quiz-card .start-btn {
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 0px;
    margin: 0px auto;
    margin-top: 12px;
    font-weight: 700;
    color: #fff;
    background: #87f0ba;
    letter-spacing: 1px;
    display: inherit;
    border-radius: 0px 0px 13px 13px;
}

.short-test-wrapper .short-quiz-card .quiz-tittle {
    font-size: 13px;

}


/* Readiness program new css start */

section.orientation-program {
    background: #783fda;
    padding: 10px 0 40px 0;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
}

section.orientation-program .top-strip {
    background: #ffb400;
    position: absolute;
    top: 0;
    left: -5%;
    width: 30%;
    height: 60px;
    transform: skew(337deg, 0deg);
}

section.orientation-program .bottom-strip {
    background: #ffb400;
    position: absolute;
    bottom: 0;
    right: -5%;
    width: 30%;
    height: 60px;
    transform: skew(-337deg, 0deg);
}

a.btn-type-new-2 {
    display: inline-block;
    padding: 10px 20px;
    background: #ffeb3b;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
    margin: 15px 0;
    border-radius: 4px;
}

.section__title {
    font-size: 40px;
    font-weight: 700;
    color: #263a72;
}

@media(max-width:575px) {
    .course-area.padding-top-120px {
        padding-bottom: 90px
    }
}

@media (max-width:767px) {
    .course-area.padding-top-80px {
        padding-top: 0;
    }
}

.no-gutter>div[class |="col"] {
    padding-left: 0px;
    padding-right: 0px;
}

.pointers-block h4 {
    position: relative;
    display: inline;
}

.pointers-block h4 span {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    display: inline-block;
    z-index: 4;
    color: #fff;
}

.pointers-block h4:after {
    content: '';
    background: #ffb400;
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    z-index: 0;
}

.pointers-block .listing-advantages li {
    font-size: 16px;
    font-weight: normal;
    color: #222;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    line-height: 22px;
}

.pointers-block .listing-advantages li:after {
    content: '';
    width: 16px;
    height: 16px;
    background-size: cover !important;
    background-position: center;
    position: absolute;
    background: url(https://courses.iid.org.in/public/frontend/images/check-white.png);
    left: 0;
    top: 6px;
    left: 0;
}

.pointers-block .listing-apply li {
    font-size: 16px;
    font-weight: normal;
    color: #222;
    position: relative;
    padding-left: 25px;
    margin-bottom: 8px;
    line-height: 22px;
}

.pointers-block .listing-apply li:after {
    content: '';
    width: 16px;
    height: 16px;
    background-size: cover !important;
    background-position: center;
    position: absolute;
    background: url(https://courses.iid.org.in/public/frontend/images/check-white.png);
    left: 0;
    top: 6px;
    left: 0;
}

.bg-type-1 {
    background: #783fda;
}

.program-1 {
    background: none;
    border: 2px solid #ed4534;
    border-radius: 8px;
    overflow: hidden;
}

.program-2 {
    background: none;
    border: 2px solid #004b5a;
    border-radius: 8px;
    overflow: hidden;
}

.program-3 {
    background: none;
    border: 2px solid #bc342c;
    border-radius: 8px;
    overflow: hidden;
}

.program-1:hover,
.program-2:hover,
.program-3:hover {
    background: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15);
}

.program-1 .program-name {
    color: #ed4534;
}

.program-1 .program-duration {
    color: #ed4534;
    font-weight: bold;
}

.program-2 .program-name {
    color: #004b5a;
}

.program-2 .program-duration {
    color: #004b5a;
    font-weight: bold;
}

.program-3 .program-name {
    color: #bc342c;
}

.program-3 .program-duration {
    color: #bc342c;
    font-weight: bold;
}

.program-schemes {
    padding: 10px;
    position: relative;
    background: #fff59e;
    background: -moz-linear-gradient(top, #fff59e 0%, #fff157 100%);
    background: -webkit-linear-gradient(top, #fff59e 0%, #fff157 100%);
    background: linear-gradient(to bottom, #fff59e 0%, #fff157 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff59e', endColorstr='#fff157', GradientType=0);
}

.top-border {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    top: 20px;
    background: #fff;
}

.right-border {
    position: absolute;
    width: 2px;
    height: 100%;
    right: 20px;
    background: #fff;
    top: 0;
}

.bottom-border {
    position: absolute;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 20px;
    background: #fff;
}

.left-border {
    position: absolute;
    width: 2px;
    height: 100%;
    left: 20px;
    background: #fff;
    top: 0;
}

.top-border:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: 7px;
    top: -12px;
}

.left-border:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    left: -12px;
    bottom: 7px;
}

.right-border:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    right: -12px;
    top: 7px;
}

.bottom-border:after {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    right: 7px;
    top: 10px;
}

.program-name {
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin-bottom: 0px;
}

.program-duration {
    text-align: left;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.program-link {
    margin: 15px auto;
    text-align: center;
}

.program-link a {
    padding: 2px 10px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
}

a.program-courses {
    padding: 10px 10px;
    background: #feb401;
    color: #fff;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

a.compare-program {
    display: block;
    text-align: center;
    border: 2px solid #ffeb3b;
    border-radius: 5px;
    padding: 8px 10px;
    text-transform: uppercase;
    color: #ffeb3b;
    font-size: 20px;
}

.bg-type-2 {
    background: #783fda;
}

card.card-rp-moduel {
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 1px 1px 9px 2px rgb(0 0 0 / 12%);
    padding-bottom: 0;
}

.card.card-rp-moduel {
    border-radius: 20px;
    overflow: hidden;
    padding: 15px;
    box-shadow: 1px 1px 9px 2px rgb(0 0 0 / 12%);
    padding-bottom: 0;
}

.card.card-rp-moduel:after {
    content: '';
    position: absolute;
    height: 56px;
    background: #263a72;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.card.card-rp-moduel .card-img {
    width: 100%;
    border-radius: 15px 15px 0 0;
    margin-bottom: 20px;
    height: 225px;
    width: 338px;
}

.card.card-rp-moduel .card-body {
    padding: 0 !important;
    z-index: 2;
}

.affiliate-marketing {
    background: url(../images/bg-affiliate.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}

.white-check-list {
    color: #fff;
    margin: 20px 0;
}

.white-check-list li {
    margin: 10px 0;
    padding-left: 40px;
    position: relative;
    color: #fff;
    font-size: 20px;
}

.white-check-list li:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url(../images/check-white.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}

a.join-us-today {
    background: #f1ee14;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 22px;
    border-radius: 50px;
    color: #000;
    border-bottom: 4px solid #c5c20c;
    box-shadow: 5px 5px 11px 7px rgb(0 0 0 / 28%);
}

a.join-us-today:hover {
    background: #f1ee14;
    padding: 10px 25px;
    text-transform: uppercase;
    font-size: 22px;
    border-radius: 50px;
    color: #000;
    border-bottom: 0;
    box-shadow: none;
}

.readiness-program-block-outer {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 20px;
    margin-bottom: 20px;
    background: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 7px 34.83px 8.17px rgba(0, 0, 0, 0.21);
}

.readiness-program-block-inner {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.readiness-program-block-image {
    border-radius: 15px;
    overflow: hidden;
    margin-right: 10px;
    max-width: 200px;
}

.readiness-program-block-image img {
    width: 100%;
    height: 100%;
}

.readiness-program-block-content h4 {
    margin-bottom: 8px;
    font-size: 20px;
}

.readiness-program-block-btn {
    background: #783fda;
    color: #fff;
    padding: 1px 15px;
    border-radius: 30px;
    text-transform: uppercase;
    transition: all .3s;
    display: inline-block;
}

.readiness-program-block-btn:hover {
    transform: scale(1.1);
    color: #fff;
}

.readiness-program-block-outer:after {
    content: '';
    position: absolute;
    width: 30%;
    left: -8%;
    top: 0;
    height: 100%;
    background-color: #ffc107;
    transform: skewX(30deg);
}

.program-full-details {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 0;
}

.program-details-header {
    position: relative;
    margin-bottom: 20px;
}

.program-details-header h4 {
    font-size: 20px;
    color: #000;
    margin-bottom: 10px;
}

.program-days {
    position: relative;
    margin-bottom: 20px;
}

.program-days span {
    background: #ffc107;
    padding: 5px 15px;
    border-radius: 30px;
    color: #fff;
    position: relative;
    z-index: 2;
}

.program-days:after {
    content: '';
    height: 2px;
    width: 100%;
    background: #ffc107;
    position: absolute;
    left: 0;
    top: 50%;
}

.count-program span.count-program-circle {
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    background: #ebebeb;
    border-radius: 50%;
    line-height: 35px;
    font-size: 16px;
    color: #000;
    margin-right: 10px;
}

.program-name-features p {
    line-height: 1;
}

.program-name-features p.small {
    font-size: 13px;
}

.opacity-5 {
    opacity: 50%;
}

.bg-trailor-made {
    background: url(../images/trailor-made.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}

.readiness-program-block-content {
    width: calc(100%);
}

@media (max-width:460px) {

    .readiness-program-block-outer,
    .readiness-program-block-inner {
        display: block;
    }

    .readiness-program-block-image {
        margin-bottom: 15px;
        max-width: 100%;
    }

    .readiness-program-block-outer:after {
        transform: skewX(0deg);
    }
}

.program-duration {
    text-align: left;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
}

.program-link {
    margin: 15px auto;
    text-align: center;
}

.program-link a {
    padding: 2px 10px;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 5px;
    color: #fff;
}

a.program-courses {
    padding: 10px 10px;
    background: #feb401;
    color: #fff;
    border-radius: 4px;
    display: block;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
}

a.compare-program {
    display: block;
    text-align: center;
    border: 2px solid #ffeb3b;
    border-radius: 5px;
    padding: 8px 10px;
    text-transform: uppercase;
    color: #ffeb3b;
    font-size: 20px;
}

a.compare-program:hover {
    color: #ffeb3b;
}

a.program-courses:hover {
    color: #fff;
}

a.btn-type-new-2:hover {
    color: #000;
}

.r-p-main-card {
    position: relative;
    height: 100%;
    box-shadow: -1px 2px 5px rgb(0 0 0 / 20%);
}

.r-p-main-card .card-body {
    position: relative;
    margin-top: 0%;
}

.r-p-main-card .card-body h4.card-title {
    font-size: 22px;
    margin-bottom: 0;
}

.job-tab ul.nav.nav-tabs {
    overflow-x: auto;
    white-space: nowrap;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 0;
    padding: 15px 0;
    margin-bottom: 10px;
}

.job-tab .nav-tabs {
    position: relative;
    z-index: 1;
    display: inline-block;
}

.job-tab .nav-tabs {
    margin-bottom: 60px;
    border-bottom: 0;
}

.job-tab ul.nav.nav-tabs {
    overflow-x: auto;
    white-space: nowrap;
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    border-bottom: 0;
    padding: 15px 0;
    margin-bottom: 10px;
}

.job-tab .nav-tabs li {
    /* margin-right: 25px; */
}

.job-tab .nav-tabs>li {
    float: none;
    display: inline;
}

.program-type-block {
    min-width: 265px;
    border: 1px solid #ddd;
    padding: 20px;
    background-color: #ffffff;
    border-radius: 15px;
    text-align: center;
    box-shadow: -10px -10px 6px 1px #ffffff7d, 8px 8px 11px 1px #5252522e;
    border-top-width: 4px;
}

.active .program-type-block {
    max-width: 265px;
    border: 1px solid #0060aa;
    padding: 20px;
    background-color: #c6ffee;
    border-top-width: 4px;
}

.program-type-name {
    font-size: 22px;
    color: #000;
}

a.detail-btn {
    background: none;
    padding: 4px 10px;
    color: blue;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    box-shadow: none;
    line-height: 1;
    border: 1px solid blue;
    border-radius: 3px;
}

.program-type-days {
    font-size: 20px;
    color: green;
    font-weight: bold;
}

.program-type-btns {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    margin: 7px 0;
}

a.join-btn {
    background: none;
    padding: 4px 10px;
    color: white;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
    box-shadow: none;
    line-height: 1;
    border: 1px solid blue;
    border-radius: 3px;
    background: #0060aa;
}

.program-type-price span {
    background: #a30b97;
    color: #fff;
    border-radius: 3px;
    padding: 0px 10px;
}

.program-type-price {
    margin: 10px 0;
}

.card-rp-moduel h4.card-title {
    font-size: 20px;
    font-weight: 500;
}

.line-height-1 {
    line-height: 1;
}

a.join-btn:hover {
    color: #FFF;
}

.other-feature-list ul {
    margin: 0 -15px;
    padding: 0;
    position: relative;
    list-style-type: none;
}

.other-feature-list ul li {
    float: left;
    margin-right: 0;
    padding: 5px 15px;
    width: 20%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.other-feature-list ul {
    margin: 0 -15px;
    padding: 0;
    position: relative;
}

.other-feature-list ul li {
    float: left;
    margin-right: 0;
    padding: 5px 15px;
    width: 20%;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.rp-service-name {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: center;
    min-height: 85px;
    background: #ffffff;
    padding-top: 34px;
    border-radius: 12px;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, .175);
}

.rp-service-name h4 {
    font-size: 16px;
}

.other-feature-list ul:after {
    display: block;
    clear: left;
    content: '';
}

@media (max-width:767px) {
    .other-feature-list ul li {
        width: 50%;
    }
}

@media (max-width:400px) {
    .other-feature-list ul li {
        width: 100%;
    }
}

.available {
    position: relative;
    border: 1px solid green;
    color: green !important;
}

.not-available {
    position: relative;
    border: 1px solid red;
}

.rp-service-name.available h4 {
    color: green;
}

.rp-service-name.not-available h4 {
    color: red;
}

.available:after {
    content: 'Available';
    width: 70px;
    height: 20px;
    line-height: 20px;
    background: green;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
    right: 50%;
    top: 5px;
    position: absolute;
    color: #fff;
    font-size: 10px;
    transform: translateX(35px);
    border-radius: 50px;
}

.not-available:after {
    content: 'Not Available';
    width: 90px;
    height: 20px;
    font-size: 10px;
    line-height: 20px;
    background: red;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 9;
    right: 50%;
    top: 5px;
    position: absolute;
    color: #fff;
    transform: translateX(45px);
    border-radius: 50px;
}

.package {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 0;
    display: inline-block;
    padding: 10px;
    text-align: center;
    transition: margin-top .5s linear;
    position: relative;
    margin-right: 11px;
    background: #fff;
}

.package .name {
    color: #029243;
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: -5px;
}

.package .trial {
    font-size: 1rem;
    font-weight: 600;
    padding: 2px 21px;
    color: #fff;
    border: 1px solid #0353a8;
    display: inline-block;
    border-radius: 15px;
    background-color: #0353a8;
    position: relative;
    bottom: -27px;
}

.package ul {
    list-style: none;
    padding: 0;
    text-align: left;
    margin-top: 29px;
}

.package ul li {
    margin-bottom: 5px;
}

.d-myhide {
    display: none;
}

.header-menu-area {
    position: relative;
    z-index: 1023;
    background-color: #fff
}

.header-menu-area .container-fluid {
    padding-right: 0;
    padding-left: 0
}

@media(max-width:1600px) {
    .header-menu-area .container-fluid {
        padding-right: 15px;
        padding-left: 15px
    }
}


.course-dashboard-menu-content {
    padding-right: 0;
    padding-left: 0;
    background-color: #f5f6f7
}

.course-dashboard-menu-content .container-fluid {
    padding-right: 15px;
    padding-left: 15px
}

.course-dashboard-menu-content .logo-box {
    width: 200px;
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

@media(max-width:768px) {
    .course-dashboard-menu-content .logo-box {
        width: 160px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-menu-content .logo-box {
        width: auto;
        display: inline-block;
        border-right: 0
    }
}

@media(max-width:575px) {
    .course-dashboard-menu-content .logo-box {
        width: 100%;
        display: block;
        border-right: 0;
        margin-bottom: 10px
    }
}

.course-dashboard-menu-content .main-menu-content {
    height: 80px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-menu-content .main-menu-content {
        display: block !important;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }
}

@media(max-width:575px) {
    .course-dashboard-menu-content .main-menu-content {
        display: block !important;
        height: auto;
        padding-top: 15px;
        padding-bottom: 15px;
        text-align: center
    }
}

.course-dashboard-menu-content .menu-wrapper {
    width: 30%
}

@media(max-width:1024px) {
    .course-dashboard-menu-content .menu-wrapper {
        width: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-menu-content .menu-wrapper {
        padding-top: 10px;
        display: block
    }
}

@media(max-width:575px) {
    .course-dashboard-menu-content .menu-wrapper {
        padding-top: 10px;
        display: block
    }
}

@media(max-width:575px) {
    .course-dashboard-menu-content .logo-right-button {
        width: 100%
    }
}

@media(max-width:1199px) {
    .course-dashboard-menu-content .logo-right-button ul {
        display: block
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-menu-content .logo-right-button ul {
        -ms-flex-pack: justify;
        justify-content: center
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .course-dashboard-menu-content .logo-right-button ul {
        -ms-flex-pack: justify;
        justify-content: center
    }
}

.course-dashboard-menu-content .logo-right-button ul li {
    margin-right: 14px
}

.course-dashboard-menu-content .logo-right-button ul li:last-child {
    margin-right: 0
}

.course-dashboard-menu-content .logo-right-button ul li .msg-action-dot .action-dot {
    display: block;
    color: #fff;
    font-size: 30px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: rgba(127, 136, 151, 0.1);
    border: 1px solid rgba(127, 126, 151, 0.2);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.course-dashboard-menu-content .logo-right-button ul li .msg-action-dot .action-dot:hover {
    background-color: #a0baf5
}

.course-dashboard-menu-content .logo-right-button ul li .msg-action-dot .dropdown-menu {
    margin-top: 45px;
    right: 0;
    left: auto !important
}

.course-dashboard-menu-content .logo-right-button .theme-btn {
    color: #fff;
    line-height: 40px
}

@media(max-width:320px) {
    .course-dashboard-menu-content .logo-right-button .theme-btn {
        padding-right: 10px;
        padding-left: 10px
    }
}

.course-dashboard-header {
    background-color: #233d63
}

.course-dashboard-title {
    flex: 1;
    margin-left: 40px;
    color: #fff
}

@media(max-width:768px) {
    .course-dashboard-title {
        margin-left: 10px;
        line-height: 25px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-title {
        display: inline-block
    }
}

@media(max-width:575px) {
    .course-dashboard-title {
        display: block;
        margin-left: 0
    }
}

.course-dashboard-title a {
    color: #233d63
}

.logo-box {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:320px) {
    .logo-box {
        display: flex
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .logo-box .logo {
        display: inline-block
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-box .logo {
        display: inline-block
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-box .logo {
        display: inline-block
    }
}

@media(max-width:320px) {
    .logo-box .logo {
        margin-bottom: 20px;
        display: block;
        text-align: center
    }
}

.logo-box .header-category {
    margin-left: auto;
    margin-right: -25px
}

@media(max-width:425px) {
    .logo-box .header-category {
        margin-right: 0;
        margin-left: 40px
    }
}

@media(max-width:375px) {
    .logo-box .header-category {
        margin-left: 30px
    }
}

@media(max-width:320px) {
    .logo-box .header-category {
        margin-left: 0
    }
}

.logo-box .header-category ul li {
    position: relative
}

.logo-box .header-category ul li a {
    font-size: 15px;
    color: #233d63;
    text-transform: uppercase;
    font-weight: 500;
    padding-bottom: 41px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.logo-box .header-category ul li a .fa-th {
    font-size: 14px
}

.logo-box .header-category ul li a:hover {
    color: #a0baf5
}

.logo-box .header-category ul li .dropdown-menu-item {
    position: absolute;
    left: 0;
    top: 65px;
    width: 320px;
    background-color: #fff;
    display: block;
    padding: 25px 0 25px 0;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    opacity: 0;
    visibility: hidden;
    border: 1px solid rgba(127, 136, 151, 0.2)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-box .header-category ul li .dropdown-menu-item {
        left: auto;
        right: 0;
        overflow-x: hidden;
        height: 370px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-box .header-category ul li .dropdown-menu-item {
        left: auto;
        right: 0;
        overflow-x: hidden;
        height: auto
    }
}

@media(max-width:425px) {
    .logo-box .header-category ul li .dropdown-menu-item {
        width: 270px
    }
}

@media(max-width:320px) {
    .logo-box .header-category ul li .dropdown-menu-item {
        width: 290px
    }
}

.logo-box .header-category ul li .dropdown-menu-item li {
    margin-bottom: 8px
}

.logo-box .header-category ul li .dropdown-menu-item li:last-child {
    margin-bottom: 0
}

.logo-box .header-category ul li .dropdown-menu-item li .menu-collapse {
    position: absolute;
    right: 20px;
    top: -5px;
    padding: 10px;
    background-color: transparent;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.logo-box .header-category ul li .dropdown-menu-item li .menu-collapse:hover {
    background-color: rgba(81, 190, 120, 0.1);
    color: #a0baf5
}

.logo-box .header-category ul li .dropdown-menu-item li a {
    display: block;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 0
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu {
    position: absolute;
    top: -24px;
    left: 318px;
    width: 280px;
    background-color: #fff;
    padding: 25px 0 25px 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    box-shadow: 0 0 40px rgba(82, 85, 90, 0.1);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    visibility: hidden;
    opacity: 0
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-box .header-category ul li .dropdown-menu-item li .sub-menu {
        padding: 0;
        margin-top: 10px;
        opacity: 1;
        visibility: visible;
        left: auto;
        top: auto;
        position: inherit;
        width: 100%;
        display: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        box-shadow: 0 0
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-box .header-category ul li .dropdown-menu-item li .sub-menu {
        padding: 0;
        margin-top: 10px;
        left: auto;
        top: auto;
        position: inherit;
        width: 100%;
        display: none;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: all 0s;
        -moz-transition: all 0s;
        -ms-transition: all 0s;
        -o-transition: all 0s;
        transition: all 0s;
        -webkit-box-shadow: 0 0;
        -moz-box-shadow: 0 0;
        box-shadow: 0 0
    }
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li {
    margin-bottom: 5px
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li:last-child {
    margin-bottom: 0
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li a {
    color: #7f8897;
    text-transform: capitalize;
    position: relative;
    display: inline-block;
    padding-right: 0;
    padding-left: 0;
    margin-left: 30px
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li a:after {
    width: 0;
    height: 1px;
    position: absolute;
    content: '';
    bottom: 5px;
    right: 0;
    background-color: #a0baf5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li a:hover {
    color: #a0baf5
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu li a:hover:after {
    width: 100%;
    right: auto;
    left: 0
}

.logo-box .header-category ul li .dropdown-menu-item li .sub-menu.active {
    display: block
}

.logo-box .header-category ul li .dropdown-menu-item li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.logo-box .header-category ul li .dropdown-menu-item li.active .menu-collapse {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #fff;
    background-color: #a0baf5
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-box .header-category ul li .dropdown-menu-item li.active a {
        color: #a0baf5
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-box .header-category ul li .dropdown-menu-item li.active a {
        color: #a0baf5
    }
}

.logo-box .header-category ul li .dropdown-menu-item:after {
    top: -7px;
    content: "";
    position: absolute;
    background-color: #fff;
    left: 30px;
    width: 13px;
    height: 13px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, 0.2);
    box-shadow: -2px -2px 10px -5px rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(127, 136, 151, 0.2);
    border-left: 1px solid rgba(127, 136, 151, 0.2)
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-box .header-category ul li .dropdown-menu-item:after {
        left: auto;
        right: 30px
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-box .header-category ul li .dropdown-menu-item:after {
        left: auto;
        right: 30px
    }
}

.logo-box .header-category ul li:hover .dropdown-menu-item {
    opacity: 1;
    visibility: visible;
    top: 43px
}

.header-menu-area2 .main-menu-content .logo-box .header-category {
    margin-right: 0;
    margin-left: 60px
}

.header-menu-area2 .main-menu-content .logo-box .header-category ul li a {
    color: #fff;
    text-transform: capitalize
}

.header-menu-area2 .main-menu-content .logo-box .header-category ul li a .fa-th {
    margin-right: 2px
}

.header-menu-area2 .main-menu-content .logo-box .header-category ul li .dropdown-menu-item li a {
    color: #233d63
}

.header-menu-area2 .main-menu-content .logo-box .header-category ul li .dropdown-menu-item li a:hover {
    color: #a0baf5
}

.header-menu-area2 .main-menu-content .menu-wrapper .main-menu ul li {
    text-transform: capitalize
}

.header-menu-area2 .main-menu-content .menu-wrapper .main-menu ul li a {
    color: #fff
}

.header-menu-area2 .main-menu-content .menu-wrapper .logo-right-button .social-info li {
    margin-right: 5px
}

.header-menu-area2 .main-menu-content .menu-wrapper .logo-right-button .social-info li:last-child {
    margin-right: 0
}

.header-menu-area2 .main-menu-content .menu-wrapper .logo-right-button .social-info li a {
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1)
}

.header-menu-area2 .main-menu-content .menu-wrapper .logo-right-button .social-info li a:hover {
    color: #a0baf5;
    background-color: #fff
}

.menu-wrapper {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media(max-width:1199px) {
    .logo-right-button ul {
        display: none
    }
}

.logo-right-button .user-action li {
    display: inline-block;
    text-transform: uppercase;
    margin-right: 4px
}

.logo-right-button .user-action li:last-child {
    margin-right: 0
}

.logo-right-button .user-action li a {
    display: block;
    color: #233d63;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.logo-right-button .user-action li a:hover {
    color: #a0baf5
}

.logo-right-button .user-action li .theme-btn {
    color: #fff;
    line-height: 40px
}

.logo-right-button .user-action li .theme-btn:hover {
    color: #a0baf5
}

.logo-right-button .user-menu-open,
.logo-right-button .side-menu-open {
    width: 50px;
    height: 50px;
    line-height: 56px;
    font-size: 40px;
    color: #233d63;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
    position: relative;
    z-index: 1;
    background-color: rgba(127, 136, 151, 0.2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media(max-width:1199px) {

    .logo-right-button .user-menu-open,
    .logo-right-button .side-menu-open {
        display: block
    }
}

@media(max-width:425px) {

    .logo-right-button .user-menu-open,
    .logo-right-button .side-menu-open {
        margin-top: -45px
    }
}

.logo-right-button .user-menu-open:hover,
.logo-right-button .side-menu-open:hover {
    background-color: #a0baf5;
    color: #fff
}

.logo-right-button .user-menu-open {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .logo-right-button .user-menu-open {
        display: block
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .logo-right-button .user-menu-open {
        display: block
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .logo-right-button .user-menu-open {
        display: block
    }
}

.logo-right-button-2 {
    border-left: 1px solid rgba(127, 136, 151, 0.1);
    padding-left: 35px
}

@media(max-width:1199px) {
    .logo-right-button-2 {
        padding-left: 0;
        border-left: 0
    }
}

.course-dashboard-sidebar-column {
    width: 25%;
    height: 100%;
    position: fixed;
    top: 80px;
    right: 0;
    background-color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    z-index: 5;
    -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(127, 136, 151, 0.2);
    border-top: 0
}

@media(max-width:1366px) {
    .course-dashboard-sidebar-column {
        width: 400px
    }
}

@media(max-width:1199px) {
    .course-dashboard-sidebar-column {
        width: 350px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .course-dashboard-sidebar-column {
        display: none
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-sidebar-column {
        display: none
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .course-dashboard-sidebar-column {
        display: none
    }
}

.course-dashboard-sidebar-column.active {
    right: -25%
}

@media(max-width:1366px) {
    .course-dashboard-sidebar-column.active {
        right: -400px
    }
}

@media(max-width:1199px) {
    .course-dashboard-sidebar-column.active {
        right: -350px
    }
}

.course-dashboard-sidebar-wrap {
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 90px;
    background-color: #fff;
    z-index: 5
}

.course-dashboard-side-heading {
    padding: 20px;
    border-top: 2px solid rgba(127, 136, 151, 0.6);
    position: relative
}

.sidebar-open,
.sidebar-close {
    background-color: transparent;
    border: 0;
    font-size: 22px;
    color: #233d63;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.sidebar-open:hover,
.sidebar-close:hover {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    color: #a0baf5
}

.sidebar-open {
    padding: 10px 16px;
    background-color: #233d63;
    color: #fff;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    position: absolute;
    top: 20px;
    left: -40px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    font-size: 15px;
    font-weight: 600;
    z-index: -1
}

.sidebar-open .fa {
    margin-right: 5px
}

.sidebar-open.active {
    opacity: 1;
    visibility: visible
}

.sidebar-open:hover {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    color: #fff;
    left: -155px
}

.course-item-list-accordion .card {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    overflow: inherit
}

.course-item-list-accordion .card-header {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(127, 136, 151, 0.07);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 0
}

.course-item-list-accordion .card-header:hover {
    background-color: rgba(127, 136, 151, 0.2)
}

.course-item-list-accordion .card-header .btn {
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    color: #233d63;
    text-decoration: none;
    position: relative;
}

.course-item-list-accordion .card-header .btn[aria-expanded=true]:after {
    content: "\f106";
}

.course-item-list-accordion .card-header .btn:after {
    position: absolute;
    content: "\f107";
    font-family: "FontAwesome";
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.course-duration span {
    font-size: 14px;
    color: #7f8897;
    position: relative;
    padding-right: 12px;
    padding-left: 2px
}

.course-duration span:first-child {
    padding-left: 0
}

.course-duration span:last-child {
    padding-right: 0
}

.course-duration span:last-child:after {
    display: none
}

.course-duration span:after {
    position: absolute;
    content: "";
    top: 8px;
    right: 0;
    width: 5px;
    height: 5px;
    background-color: rgba(127, 136, 151, 0.4);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.course-item-list-accordion .card {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    overflow: inherit
}

.course-item-list-accordion .card-header {
    padding: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: rgba(127, 136, 151, 0.07);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 0
}

.course-item-list-accordion .card-header:hover {
    background-color: rgba(127, 136, 151, 0.2)
}

.course-item-list-accordion .card-header .btn {
    width: 100%;
    text-align: left;
    padding: 10px 20px;
    color: #233d63;
    text-decoration: none;
    position: relative
}

.course-item-list-accordion .card-body {
    padding: 0
}

.section-tab-2 .nav-tabs {
    border-bottom: 1px solid rgba(127, 136, 151, 0.2)
}

.section-tab-2 .nav-tabs li {
    margin-right: 14px;
    padding-bottom: 14px;
    font-weight: 600
}

.section-tab-2 .nav-tabs li a {
    color: #7f8897;
    position: relative;
    padding-bottom: 19px
}

.section-tab-2 .nav-tabs li a.active {
    background-color: transparent;
}

.section-tab-2 .nav-tabs li a:after {
    position: absolute;
    content: "";
    bottom: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 42px;
    height: 3px;
    opacity: 0;
    visibility: hidden;
    background-color: #a0baf5;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.section-tab-2 .nav-tabs li a.active {
    color: #a0baf5
}

.section-tab-2 .nav-tabs li a.active:after {
    opacity: 1;
    visibility: visible
}

.my-courses-tab .section-tab-2 .nav-tabs {
    border-bottom: 0
}

@media(max-width:320px) {
    .my-courses-tab .section-tab-2 .nav-tabs {
        white-space: nowrap;
        display: block;
        overflow-y: hidden;
        overflow-x: auto
    }
}

.my-courses-tab .section-tab-2 .nav-tabs li {
    margin-bottom: 0
}

@media(max-width:320px) {
    .my-courses-tab .section-tab-2 .nav-tabs li {
        display: inline-block
    }
}

.my-courses-tab .section-tab-2 .nav-tabs li a {
    color: #fff;
    padding-bottom: 17px
}

.my-courses-tab .section-tab-2 .nav-tabs li a:after {
    bottom: 2px
}

.my-courses-tab .section-tab-2 .nav-tabs li a.active {
    color: #a0baf5
}

.lecture-video-detail {
    position: relative;
    z-index: 3
}

.lecture-video-detail-body {
    padding: 20px 50px 50px 50px
}

@media(max-width:1366px) {
    .lecture-video-detail-body {
        padding-right: 0;
        padding-left: 0
    }
}

.lecture-tab-body .section-tab {
    background-color: rgba(127, 136, 151, 0.08)
}

.lecture-tab-body .section-tab {
    background-color: rgba(127, 136, 151, 0.08)
}

.lecture-tab-body .section-tab .nav-tabs {
    padding: 20px 30px 0 30px
}

@media(max-width:480px) {
    .lecture-tab-body .section-tab .nav-tabs {
        padding-right: 15px;
        padding-left: 15px;
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
        flex-wrap: inherit;
        display: block;
        position: relative
    }
}

.lecture-tab-body .section-tab .nav-tabs li {
    padding-bottom: 20px;
    margin-right: 25px
}

@media(max-width:480px) {
    .lecture-tab-body .section-tab .nav-tabs li {
        display: inline-block;
        padding-bottom: 16px
    }
}

.lecture-tab-body .section-tab .nav-tabs li.mobile-course-tab {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .lecture-tab-body .section-tab .nav-tabs li.mobile-course-tab {
        display: inline-block
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .lecture-tab-body .section-tab .nav-tabs li.mobile-course-tab {
        display: inline-block
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .lecture-tab-body .section-tab .nav-tabs li.mobile-course-tab {
        display: inline-block
    }
}

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

.header-widget ul li .la {
    color: #fff;
}

.replay-question-body .question-list-item .comment {
    border-bottom: 0
}

.replay-question-body .question-list-item .comment .comment-body {
    overflow: inherit
}

.replay-question-body .question-list-item .comment .comment-content {
    overflow: inherit;
    text-overflow: inherit;
    white-space: inherit
}

.replay-question-body .question-list-item .comment:hover {
    background-color: transparent
}

.question-list-item .comment {
    padding: 15px;
    margin-bottom: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .question-list-item .comment {
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        text-align: inherit
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .question-list-item .comment {
        text-align: inherit
    }
}

.question-list-item .comment:hover {
    background-color: rgba(127, 136, 151, 0.05)
}

.question-list-item .comment-avatar .avatar__img {
    width: 40px;
    margin-top: 5px;
    height: 40px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .question-list-item .comment-avatar .avatar__img {
        margin-right: 15px
    }
}

.question-list-item .comment-body {
    overflow: hidden;
    width: 100%
}

.question-list-item .comment-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: -2px;
    margin-bottom: 10px;
    font-size: 15px
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .question-list-item .meta-data {
        margin-top: 0
    }
}

.question-list-item .meta-data .comment__author {
    font-size: 16px;
    text-transform: inherit
}

.question-list-item .comment__meta {
    font-size: 13px;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex
}

.question-list-item .comment__meta a {
    color: #a0baf5;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.question-list-item .comment__meta a:hover {
    color: #233d63
}

.question-list-item .comment__meta span {
    position: relative;
    padding-right: 7px;
    padding-left: 4px
}

.question-list-item .comment__meta span:first-child {
    padding-left: 0
}

.question-list-item .comment__meta span:last-child {
    padding-right: 0
}

.question-list-item .comment__meta span:last-child:after {
    display: none
}

.question-list-item .comment__meta span:after {
    position: absolute;
    content: "";
    top: 13px;
    right: 0;
    width: 3px;
    height: 3px;
    background-color: rgba(127, 136, 151, 0.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.lecture-owner-avatar {
    width: 60px;
    height: 60px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
}

.lecture-owner-avatar img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.lecture-owner-decription p {
    padding-bottom: 10px
}

.lecture-owner-decription p strong {
    font-weight: 600;
    color: #233d63;
    margin-right: 4px
}

.lecture-announcement-form .contact-form-action {
    width: 100%
}

.lecture-announcement-wrap .lecture-overview-stats-wrap .lecture-overview-stats-item {
    width: 100%
}


.lecture-announcement-wrap {
    width: 700px
}

@media(max-width:1199px) {
    .lecture-announcement-wrap {
        width: 600px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .lecture-announcement-wrap {
        width: auto
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .lecture-announcement-wrap {
        width: auto
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .lecture-announcement-wrap {
        width: auto
    }
}

.lecture-announcement-wrap .lecture-overview-stats-wrap .lecture-overview-stats-item {
    width: 100%
}

.course-dashboard-column {
    width: 75%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

@media(max-width:1366px) {
    .course-dashboard-column {
        width: calc(100% - 400px)
    }
}

@media(max-width:1199px) {
    .course-dashboard-column {
        width: calc(100% - 350px)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .course-dashboard-column {
        width: 100%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .course-dashboard-column {
        width: 100%
    }
}

@media only screen and (min-width:320px) and (max-width:479px) {
    .course-dashboard-column {
        width: 100%
    }
}

.course-dashboard-column.active {
    width: 100%
}

.lecture-overview-wrap {
    width: 960px;
    margin-left: auto;
    margin-right: auto
}

@media(max-width:1366px) {
    .lecture-overview-wrap {
        width: 700px
    }
}

@media(max-width:1199px) {
    .lecture-overview-wrap {
        width: 600px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .lecture-overview-wrap {
        width: auto;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .lecture-overview-wrap {
        width: auto;
        padding-right: 50px;
        padding-left: 50px
    }
}

@media(max-width:575px) {
    .lecture-overview-wrap {
        width: auto;
        padding-right: 15px;
        padding-left: 15px
    }
}

.lecture-overview-item {
    margin-bottom: 30px;
    margin-top: 30px
}

.lecture-overview-item .list-items li {
    padding-left: 0;
    margin-bottom: 5px
}

.lecture-overview-item .list-items li:after {
    display: none
}

.lecture-overview-item .list-items li span {
    color: #233d63;
    margin-right: 5px
}

.lecture-overview-item .contact-form-action .form-control {
    padding-left: 20px;
    background-color: rgba(127, 136, 151, 0.1);
    border-color: transparent
}

.lecture-overview-item .contact-form-action .form-control:focus {
    border-color: #a0baf5
}

.lecture-overview-item .contact-form-action .form-group .search-icon {
    background-color: #a0baf5;
    color: #fff;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.section-block {
    position: relative;
    height: 1px;
    background-color: rgba(127, 136, 151, 0.2)
}

/* Readiness program new css end */
/* ------------------------------------------------
            OLE SHORT TEST PAGE END
----------------------------------------------------- */

/* OLE MOCK  TEST CSS END  */





/* ---------------------------------------------
        Subscription package start
--------------------------------------------- */

.sub-pack-main-banner {
    background-color: orange;
    background-image: url("./../images/subscription-package/main-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    background-position-y: -6rem;
    padding: 10rem 0rem;
    position: relative;
}

.sub-pack-main-banner h1 {
    width: 45rem;
    font-size: 50px;
    text-align: center;
    margin: 0px auto;
}

.sub-pack-selection-wrapper h2 {
    margin-top: 13px;
    margin-bottom: 22px;
    font-size: 25px;
}

.sub-pack-selection-wrapper .selection-items {
    box-shadow: 6px 8px 14px #d9d8d8cc;
    margin: 26px 0px;
}

.sub-pack-selection-wrapper .selection-items input {
    display: block;
}

.sub-pack-selection-wrapper .selection-items p {}


.sub-pack-selection-wrapper .selection-items label {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;

}

.sub-pack-selection-wrapper .selection-items label input {
    position: absolute;
    left: -9999px;
}

.sub-pack-selection-wrapper .selection-items label input:checked+span {
    background-color: #d6d6e5;
}

.sub-pack-selection-wrapper .selection-items label input:checked+span:before {
    box-shadow: inset 0 0 0 0.4375em #00005c;
}

.sub-pack-selection-wrapper .selection-items label span {
    display: flex;
    align-items: center;
    padding: 0.375em 0.75em 0.375em 0.375em;
    /* border-radius: 99em; */
    transition: 0.25s ease;
    width: 100%;
    padding: 10px 22px;
    border-radius: 3px;
}

.sub-pack-selection-wrapper .selection-items label span:hover {
    background-color: #d6d6e5;
}

.sub-pack-selection-wrapper .selection-items label span:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #00005c;
}

.sub-pack-content-wrapper {
    /* margin: 50px 0px; */
    padding-bottom: 2rem;
}

.sub-pack-content-wrapper .accordion .accordion-item {
    margin-bottom: 40px;
    box-shadow: 4px 4px 15px rgb(209 201 201 / 55%);

}

.sub-pack-content-wrapper .accordion .accordion-item button {

    background-color: #fff;
    width: 100%;
    border-radius: 0px;
    border: none;
    color: #939393;

}

.sub-pack-content-wrapper .accordion .accordion-item button i {
    margin-right: 12px;
    background: #dfdfdfb8;
    padding: 8px;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

/* .sub-pack-content-wrapper .accordion .accordion-body{
    height: 300px;
    overflow-y: scroll;
} */
.sub-pack-content-wrapper .accordion .accordion-item .accordion-body {
    max-height: 300px;
    overflow-y: auto;
}

.sub-pack-content-wrapper .accordion .accordion-item .accordion-body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    background-color: #F5F5F5;
}

.sub-pack-content-wrapper .accordion .accordion-item .accordion-body::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

.sub-pack-content-wrapper .accordion .accordion-item .accordion-body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #4ca6a8;
}

.sub-pack-content-wrapper .accordion .accordion-body .course-items {
    margin: 12px 0px;
    padding: 9px 12px;
}

.sub-pack-content-wrapper .accordion .accordion-body .course-items:hover {
    background: #e9f1fd9e;
}

.new-animation {
    animation: fadeIn 0.5s;
    transition: all ease-in-out 0.5s;
}

.selected-element {
    background: #e9f1fd9e;

}

@keyframes fadeIn {
    0% {
        opacity: 0;
        scale: (0);
    }

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

.sub-pack-content-wrapper .accordion .accordion-body .course-items .course-icon {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: #c8d7f0;
    color: #253a73;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;

}

.sub-pack-content-wrapper .accordion .accordion-body .course-items .price {
    font-size: 18px;
    color: #4ca6a8;
    font-weight: 700;
}

.sub-pack-content-wrapper .accordion .accordion-body .course-items p {
    margin: 0px;
    font-size: 13px;
}

/* Customize the label (the container) */
.container-check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: transparent;
    border: 2px solid #4ca6a8;
}



/* On mouse-over, add a grey background color */
.container-check:hover input~.checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked~.checkmark {
    background-color: #4ca6a8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-check input:checked~.checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 6px;
    top: 0px;
    width: 6px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sub-pack-content-wrapper .sub-pack-cart-wrapper {
    border: 3px solid #c8d7f0;
    padding: 30px 10px;
    position: relative;
    padding-bottom: 15px;
}

.sub-pack-content-wrapper .sub-pack-cart-wrapper .cart-header {
    background-color: rgb(211 210 215);
    position: absolute;
    top: -17px;
    left: 10px;
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 3px;

}

.sub-pack-content-wrapper .sub-pack-cart-wrapper .cart-header i {}

.sub-pack-content-wrapper .sub-pack-cart-wrapper .cart-header p {
    margin: 0px;
    font-size: 12px;
    margin-left: 10px;

}

.sub-pack-content-wrapper .sub-pack-cart-wrapper p {
    margin: 6px 0px;
    font-size: 14px;
    font-weight: 600;

}

.sub-pack-content-wrapper .sub-pack-cart-wrapper span {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 20px;
    font-weight: 600;
}


.sub-pack-content-wrapper .sub-pack-cart-wrapper a {
    background: #e4edfc;
    color: #253a73;
    display: block;
    text-align: center;
    margin-top: 25px;
    font-size: 16px;
    padding: 10px 0px;
    border-radius: 6px;
    font-weight: 700;

}

.sub-pack-content-wrapper .sub-pack-cart-wrapper a:hover {
    background-color: #c2d6f7;
}

.sub-pack-content-wrapper .sub-pack-cart-wrapper a i {
    margin-left: 6px;
    font-size: 19px;
}

.sub-pack-include-wrapper {
    background-color: #edf2ff;
    margin: 30px 0px;
    padding: 3rem 0rem;
}

.sub-pack-include-wrapper .info-cart {
    background-color: #fff;
    position: relative;
    padding: 3rem 4rem;
    padding-left: 5rem;
    padding-bottom: 20px;

}

.sub-pack-include-wrapper .info-cart h3 {
    font-size: 25px;
    margin-bottom: 8px;
}

.sub-pack-include-wrapper .info-cart h4 {
    font-size: 18px;
    color: #858585;
}

.sub-pack-include-wrapper .info-cart ul {
    margin: 0px;
    list-style: none;
}

.sub-pack-include-wrapper .info-cart ul li {
    margin: 15px 0px;
}

.sub-pack-include-wrapper .info-cart ul li p {
    margin: 0px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.sub-pack-include-wrapper .info-cart ul li p i {
    color: #c8d7f0;
    font-size: 25px;
    margin-right: 11px;

}

.sub-pack-include-wrapper .info-cart a {
    background: #c8d7f0;
    padding: 10px 12px;
    display: block;
    width: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    margin: 0px auto;
    border-radius: 6px;
    font-weight: 700;
    color: #263b74;
    margin-top: 35px;
}

.sub-pack-include-wrapper .info-cart a img {
    width: 2rem;
    margin-left: 10px;
}

.sub-pack-include-wrapper .info-cart .bookmark-cart-ico {
    color: #c8d7f0;
    font-size: 4rem;
    position: absolute;
    top: 50px;
    left: 0px;
    transform: rotateZ(-90deg);
}

@media screen and (max-width:1030px) {
    .sub-pack-main-banner h1 {
        width: 30rem;
        font-size: 35px;
    }

    .sub-pack-main-banner {
        height: 70vh;
        background-color: #c8d7f0;
        background-position-y: 0rem;
        padding-top: 12rem;
    }

    .sub-pack-include-wrapper .info-cart h3 {
        font-size: 18px;
    }

    .sub-pack-include-wrapper .info-cart h4 {
        font-size: 14px;
    }

    .sub-pack-include-wrapper .info-cart ul li p {
        font-size: 11px;
    }

    .sub-pack-include-wrapper .info-cart .bookmark-cart-ico {
        font-size: 3rem;
        top: 45px;
    }

    .sub-pack-include-wrapper .info-cart {
        padding: 3rem 2rem;
        padding-left: 4rem;
    }

    .sub-pack-include-wrapper .info-cart ul li p i {
        font-size: 18px;
    }

    .sub-pack-content-wrapper .accordion .accordion-body .course-items .course-icon {
        height: 30px;
        width: 30px;
        font-size: 12px;
    }

    .sub-pack-content-wrapper .accordion .accordion-body .course-items p {
        font-size: 11px;
        line-height: 20px;
    }
}

@media screen and (max-width:770px) {
    .sub-pack-main-banner h1 {
        width: 20rem;
        font-size: 25px;
    }

    .sub-pack-main-banner {
        height: 40vh;
        background-position-y: 0rem;
        padding-top: 10rem;
    }

    .sub-pack-selection-wrapper h2 {
        margin-top: 35px;
        margin-bottom: 22px;
        font-size: 22px;
    }

    .sub-pack-selection-wrapper .selection-items {
        font-size: 12px;
    }

    .sub-pack-include-wrapper .info-cart h4 {
        text-align: left;
    }

    .sub-pack-include-wrapper .info-cart ul {
        padding: 0px;
    }

    .sub-pack-include-wrapper .info-cart {
        padding: 2rem 1rem;
        padding-left: 4rem;
    }

    .sub-pack-include-wrapper .info-cart a {
        padding: 6px 12px;
        width: 11rem;
        font-size: 14px;
        margin: 0px auto;
        margin-top: 20px;
        position: relative;
        left: -2rem;
    }

    .sub-pack-include-wrapper .info-cart a img {
        width: 20px;
    }

    .sub-pack-content-wrapper .accordion .accordion-body .course-items .price {
        font-size: 12px;
    }

    .checkmark {
        height: 20px;
        width: 20px;
    }

    .sub-pack-content-wrapper .accordion .accordion-item button {
        font-size: 14px;
        font-weight: 600;
    }

    .sub-pack-content-wrapper .accordion .accordion-item button i {
        height: 30px;
        width: 30px;
        font-size: 11px;
    }

    .sub-pack-content-wrapper .sub-pack-cart-wrapper .cart-header p {
        font-size: 9px;
    }

    .sub-pack-content-wrapper .sub-pack-cart-wrapper .cart-header i {
        font-size: 12px;
    }

    .sub-pack-content-wrapper .sub-pack-cart-wrapper p {
        font-size: 11px;
    }

    .sub-pack-content-wrapper .sub-pack-cart-wrapper span {
        font-size: 14px;
    }

    .sub-pack-content-wrapper .sub-pack-cart-wrapper a {
        margin-top: 3px;
        font-size: 12px;
        padding: 6px 0px;
        border-radius: 4px;
    }


}

@media screen and (max-width:430px) {
    .sub-pack-main-banner {
        background-color: #c8d7f0;
        height: 40vh;
        background-position-y: 3rem;
        padding-top: 10rem;
        background-position-x: -40px;
    }

    .sub-pack-main-banner h1 {
        width: 15rem;
        font-size: 20px;
    }

    .sub-pack-selection-wrapper .selection-items {
        margin: 18px 0px;
    }

    .sub-pack-selection-wrapper h2 {
        margin-top: 1px;
        font-size: 15px;
    }

    .sub-pack-selection-wrapper .selection-items {
        font-size: 10px;
    }

    .sub-pack-include-wrapper .info-cart .bookmark-cart-ico {
        font-size: 25px;
        top: 45px;
    }

    .sub-pack-include-wrapper .info-cart {
        padding: 25px 35px;
    }

    .sub-pack-include-wrapper .info-cart h3 {
        font-size: 15px;
    }

    .sub-pack-include-wrapper .info-cart ul li p {
        font-size: 10px;
        line-height: 16px;
    }

    .sub-pack-include-wrapper .info-cart a {
        padding: 4px 8px;
        width: 10rem;
        font-size: 12px;
        left: 0rem;
        border-radius: 5px;
    }

    .sub-pack-content-wrapper .accordion .accordion-item {
        margin-bottom: 30px;
    }

}


/* ---------------------------------------------
        Subscription package end
--------------------------------------------- */



/* ---------------------------------------------
        locked  package start
--------------------------------------------- */
.locked-package {
    position: relative;
    margin: 30px 0px;
}

.locked-package img {
    filter: blur(5px);
}

.locked-package div {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.locked-package div h2 {
    font-size: 32px;

}

.locked-package div a {
    background: #e86a2f;
    color: #fff;
    font-size: 17px;
    padding: 6px 12px;
    border-radius: 4px;
    margin-top: 14px;
}

.locked-package div a i {
    margin-left: 5px;
}

@media screen and (max-width:769px) {
    .locked-package div a {
        font-size: 10px;
        padding: 3px 7px;
        border-radius: 3px;
        margin-top: -3px;
    }

    .locked-package div h2 {
        font-size: 22px;
    }

}

.certificate-downlaod-btn {}

.certificate-downlaod-btn a {}

/* ---------------------------------------------
        locked package end
--------------------------------------------- */





/* ---------------------------------------------
        Family subscription package end
--------------------------------------------- */
.family-banner {
    padding-top: 150px;
    padding-bottom: 25px;
    /* background: url(../images/banner-bg/school-banner-bg.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.family-banner h1 {
    text-align: left;
    font-size: 55px;
    margin-bottom: 30px;
    color: #0d6efd;
}

.family-banner h2 {
    text-align: left;
    font-size: 31px;
    margin-bottom: 0px;
    color: #0d6efd;
    padding: 0px;
    display: inline-block;
    position: relative;
}

.family-banner h2::after {
    content: '';
    background-color: #0d6efd;
    height: 2px;
    width: 20rem;
    position: absolute;
    top: 19px;
    right: -21rem;
}

.family-banner .price-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.family-banner .price-info h3 {
    font-size: 28px;
    margin-right: 16px;
    font-weight: 700;
    color: #253a73;

}

.family-banner .price-info h2 {
    font-size: 40px;
    margin-right: 15px;
}

.family-banner .price-info img {
    width: 5.5rem;
    position: relative;
    top: -25px;
    left: 16px;
}

.family-sub-content {
    padding: 0rem 0rem;
    margin-bottom: 40px;

}

.family-banner .mockup-img {
    width: 19rem;
    /* margin: 0px auto; */
    /* margin-left: 4rem; */
    scale: 0.8;
    animation-name: mockup-animation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in-out;
}

@keyframes mockup-animation {
    from {
        scale: 0.8;
    }

    to {
        scale: 1;
    }
}

.family-sub-content h2 {

    color: #0d6efd;
    font-size: 26px;
    text-align: left;
    margin-top: 3rem;
    margin-bottom: 30px;


}

.family-sub-content ul {
    margin-bottom: 5rem;
    padding: 0px;
}

.family-sub-content ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;

}

.family-sub-content ul li p {
    font-size: 14px;
    margin-bottom: 18px;
    display: flex;
    align-items: flex-start;
    padding: 0px;
    color: #000;
}

.family-sub-content ul li p i {
    color: #0d6efd;
    font-size: 20px;
    margin-right: 10px;
    margin-top: 5px;

}

.family-sub-content .sub-heading {
    font-size: 23px;
    text-align: center;
    line-height: 40px;
    margin: 16px 0px;
}

.program-benfit-banner {
    background: url(../images/banner-bg/program_benefits.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 25px 0px;

}

.program-benfit-banner h4 {
    font-family: 'Abril Fatface', cursive;
    color: #fdf50f;
    text-align: center;
    font-size: 40px;
}

.program-benfit-banner h2 {
    /* font-family: 'Abril Fatface', cursive; */
    color: #fff;
    margin: 0px;
    font-size: 27px;
    text-align: center;
}

.program-benfit-banner p {
    color: #fdf50f;
    font-size: 14px;
    text-align: center;
    margin: 4px 0px;
    margin-top: 0px;
    font-weight: 700;
}

.program-benfit-banner h1 {

    /* font-family: 'Abril Fatface', cursive; */

    color: #fdf50f;
    text-align: center;
    font-size: 28px;
    position: relative;
}

.program-benfit-banner h1 #main-price {
    position: relative;
    z-index: 1;
    color: #fff;
}

.program-benfit-banner h1 #main-price::before {
    content: '';
    position: absolute;
    top: -6px;
    right: -45px;
    width: 8rem;
    height: 45px;
    background-color: #f3462d;
    z-index: -1;
    border-radius: 0px 5px 5px 0px;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 25% 50%, 0% 0%);
    transform: rotateZ(180deg);
}

.family-sub-content .app-info-wrapper {
    margin-top: 5rem;

}

.family-sub-content .app-info-wrapper .androidBannerContent {}

.family-sub-content .app-info-wrapper .androidBannerContent h1 {
    font-size: 25px;
    text-align: center;
    width: 100%;
}

.family-sub-content .app-info-wrapper .androidBannerContent .androidBannerImg {
    width: 7rem;
    margin-top: 8px;
}

/* =================Family Subscription Course Cards (START) ====================== */
.family-sub-courses {
    background-color: #dce0e8;
    padding: 45px 0px;

}

.family-sub-courses h2 {
    margin: 0px;
    font-size: 24px;
    color: #253a73;
    width: 40rem;
    margin: 0px auto;
    text-align: center;
}

.family-sub-courses .sub-course-card {
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-top: 40px;
    height: 18rem;

}

.family-sub-courses .sub-course-card .course-profile {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.family-sub-courses .sub-course-card .course-profile div {

    width: 4rem;
    padding: 10px;
    border-radius: 11px;

}

.family-sub-courses .sub-course-card .course-profile h3 {
    font-size: 19px;
    margin: 0px;
    margin-left: 16px;
    color: #253a73;
    position: relative;

}

.family-sub-courses .sub-course-card .course-info .family-sub-img-icon {
    width: 16px;
}

.family-sub-courses .sub-course-card .course-info p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    color: #000;
    margin-left: 5px;
}

.family-sub-courses .sub-course-card .course-info span {
    color: #b3b3b4;
    font-weight: 700;
    font-size: 17px;
}

.family-sub-courses .sub-course-card .course-info ul {
    width: 100%;
    padding-left: 5rem;
}

.family-sub-courses .sub-course-card .course-info ul li {
    font-size: 12px;
}

.family-sub-courses .other-card {
    background-color: #fff;
    padding: 15px;
    border-radius: 6px;
    margin-top: 40px;
}

.family-sub-courses .other-card h3 {
    text-align: center;
    color: #ff725e;
    font-size: 26px;
    margin-top: 10px;

}

.family-sub-courses .other-card ul {
    margin-top: 25px;


}

.family-sub-courses .other-card ul li {
    list-style: none;
}

.family-sub-courses .other-card ul li p {
    font-size: 14px;
    padding: 0px;
    color: #000;
    margin-bottom: 5px;
}

.family-sub-courses .other-card ul li i {
    color: #ff725e;
    margin-right: 10px;

}

.family-sub-courses .program-vertical-wrapper {
    background-color: #fff;
    position: relative;
    padding: 20px 9rem;
    padding-right: 20px;
    z-index: 1;
    border-radius: 0px 10px 10px 0px;
    box-shadow: 5px 7px 12px rgb(115 112 112 / 73%);
    margin-bottom: 4rem;

}

.family-sub-courses .program-vertical-wrapper .vertical-circle {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    position: absolute;
    top: 0rem;
    left: -54px;
    width: 8.5rem;
    height: 8.5rem;
    border-radius: 50%;
    bottom: auto;
    /* border: 9px solid #ff725e; */
    border: 9px solid #0d6efd;
}

.family-sub-courses .program-vertical-wrapper .vertical-circle h2 {
    margin: 0px;
    padding: 0px;
    font-size: 3rem;
    /* text-shadow: 5px 3px 1px #263b74; */
    /* color: #0d6efd; */
}

.family-sub-courses .program-vertical-wrapper .vertical-info {}

.family-sub-courses .program-vertical-wrapper .vertical-info h5 {}

.family-sub-courses .program-vertical-wrapper .vertical-info p {
    font-family: arial;
    font-size: 15px;
    color: #000;
}

.family-sub-courses .program-vertical-wrapper .vertical-info .Free-tag {
    position: absolute;
    top: 0px;
    right: 0px;
    background: #5ec85e;
    color: #fff;
    padding: 4px 20px;
    border-radius: 0px 10px 0px 10px;
}

.family-sub-courses .program-vertical-wrapper::before {
    content: '';
    /* background: #83c257; */
    background: #0d6efd;
    width: 25px;
    height: 50%;
    position: absolute;
    top: 2rem;
    right: -26px;
    z-index: -1;
    border-radius: 0px 6px 5px 0px;
}

/* =================Family Subscription Course Cards (END) ====================== */
@media screen and (max-width:1030px) {

    .family-banner h1 {
        font-size: 55px;
        margin-bottom: 26px;
    }

    .family-banner .price-info img {
        width: 5rem;
    }

    .family-banner .price-info h3 {
        font-size: 22px;
    }

    .family-banner .price-info h2 {
        font-size: 32px;
    }

    .family-banner {
        padding-top: 135px;

    }

    .family-banner .price-info img {
        width: 3rem;
    }

    .family-banner .price-info h3 {
        font-size: 16px;
    }

    .family-banner .price-info h2 {
        font-size: 23px;
    }

    .program-benfit-banner h4 {
        font-size: 26px;
    }

    .program-benfit-banner h2 {
        font-size: 18px;
    }

    .program-benfit-banner h1 {
        font-size: 21px;
    }

    .program-benfit-banner h1 #main-price::before {
        top: -4px;
        right: -34px;
        width: 6rem;
        height: 32px;
        border-radius: 0px 1px 1px 0px;
    }

    .program-benfit-banner h2 {
        font-size: 17px;
    }

    .program-benfit-banner h4 {
        font-size: 35px;
    }

    .program-benfit-banner h1 {
        font-size: 18px;
    }

    .program-benfit-banner h1 #main-price::before {
        top: -5px;
        right: -27px;
        width: 5rem;
        height: 28px;
    }

    .family-sub-content ul li p {
        font-size: 12px;
    }

    .family-sub-content h2 {
        font-size: 21px;
        margin-bottom: 23px;
    }

    /* =================Family Subscription Course Cards (START) ====================== */
    .family-sub-courses h2 {
        font-size: 18px;
    }

    .family-sub-courses .sub-course-card .course-profile h3 {
        font-size: 16px;
    }

    .family-sub-courses .sub-course-card .course-info p {
        font-size: 12px;
    }

    .family-sub-courses .other-card ul li p {
        font-size: 12px;

    }

    .family-sub-courses .other-card h3 {
        font-size: 20px;
    }

    .family-sub-courses .other-card ul {
        margin-top: 12px;
    }

    /* =================Family Subscription Course Cards (END) ====================== */
    .family-banner h2::after {
        width: 10rem;
        right: -11rem;
    }

    .family-banner h2 {
        font-size: 23px;
    }
}

@media screen and (max-width:770px) {
    .family-banner h1 {
        font-size: 40px;
    }

    /* =================Family Subscription Course Cards (START) ====================== */
    .family-sub-courses .sub-course-card .course-info .family-sub-img-icon {
        width: 13px;
    }

    .family-sub-courses .sub-course-card .course-info p {
        font-size: 10px;
    }

    .family-sub-courses .sub-course-card .course-profile div {
        width: 3rem;
        padding: 7px;
        border-radius: 4px;
    }

    .family-sub-courses .sub-course-card {
        height: 16rem;
    }

    /* =================Family Subscription Course Cards (END) ====================== */
    .family-sub-courses .program-vertical-wrapper .vertical-circle {

        width: 8rem;
        height: 8rem;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info h5 {
        font-size: 17px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info p {
        font-size: 14px;
    }

    .family-sub-courses .program-vertical-wrapper {
        padding: 20px 6rem;
    }

}

@media screen and (max-width: 430px) {
    .family-sub-content h2 {
        margin-bottom: 23px;
        margin-top: 30px;
    }

    .family-sub-content ul {
        margin-bottom: 3rem;
    }

    .family-sub-content .app-info-wrapper {
        margin-top: 1rem;
    }

    .family-sub-content ul li p {
        font-size: 11px;
        line-height: 21px;
    }

    .family-sub-content .app-info-wrapper .androidBannerContent h1 {
        font-size: 16px;
        text-align: center;
        width: 100%;
    }

    .family-sub-content .app-info-wrapper .androidBannerContent .androidBannerImg {
        width: 5rem;
        margin-top: 2px;
    }

    /* =================Family Subscription Course Cards (START) ====================== */
    .family-sub-courses h2 {
        font-size: 14px;
        width: auto;
        padding: 0px 30px;
    }

    .family-sub-courses {
        padding: 30px 0px;
    }

    .family-sub-courses .sub-course-card {
        height: auto;
        width: 90%;
        margin: 20px auto;
    }

    .family-sub-courses .sub-course-card .course-profile h3 {
        font-size: 12px;
    }

    .family-sub-courses .sub-course-card .course-info p {
        font-size: 9px;
    }

    .family-sub-courses .sub-course-card .course-info ul li {
        font-size: 10px;
    }

    .family-sub-courses .sub-course-card .course-info ul {
        width: 100%;
        padding-left: 4rem;
    }

    .family-sub-courses .sub-course-card .course-info span {
        font-size: 12px;
    }

    .family-sub-courses .other-card ul li p {
        font-size: 11px;
    }

    .family-sub-courses .other-card ul {
        margin-top: 10px;
        padding-left: 15px;
    }

    /* =================Family Subscription Course Cards (END) ====================== */
    .family-banner h2 {
        font-size: 18px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-circle {
        width: 5rem;
        height: 5rem;
        border: 7px solid #0d6efd;
        left: -40px;
        top: -1rem;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-circle h2 {
        margin: 0px;
        padding: 0px;
        font-size: 25px;
    }

    .family-sub-courses .program-vertical-wrapper {
        padding: 20px 3rem;
        padding-right: 10px;
        border-radius: 10px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info h5 {
        font-size: 14px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info p {
        font-size: 12px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info h5 {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .family-sub-courses .program-vertical-wrapper::before {

        width: 15px;
        height: 50%;
        top: 2rem;
        right: -16px;
    }

    .family-sub-courses .program-vertical-wrapper .vertical-info .Free-tag {
        padding: 0px 14px;
        border-radius: 0px 6px 0px 6px;
        font-size: 11px;
    }
}

@media screen and (max-width: 380px) {
    .family-banner h1 {
        font-size: 21px;
        margin-top: 8px;
    }

    .family-banner h2 {
        font-size: 14px;
    }

    .family-banner h2::after {
        width: 8rem;
        right: -137px;
        top: 7px;
    }

    .app-content {
        padding: 0px;
    }

    .app-content h4 {
        font-size: 12px !important;
    }

    .app-content .app-logo-img {
        width: 5rem !important;
    }
}

/* ---------------------------------------------
        Family subscription package end
--------------------------------------------- */



/* ---------------------------------------------
        New Card Design for College Courses Start
--------------------------------------------- */
.new-course-card {
    border: 1px solid black;
    position: relative;
    height: 17rem;
}

.new-course-card img {}

.new-course-card h4 {
    position: absolute;
    z-index: 2;
    font-size: 12px;
    margin: 0px;
    bottom: 7rem;
    left: 12px;
    color: #fff !important;
    background: rgb(255 255 255 / 34%);
    padding: 8px;
    border-radius: 3px;
}

.new-course-card h3 {
    position: absolute;
    z-index: 2;
    font-size: 19px;
    margin: 0px;
    bottom: 5rem;
    left: 12px;
    color: #fff;

}

.new-course-card a {
    position: absolute;
    z-index: 2;
    font-size: 30px;
    margin: 0px;
    bottom: 1rem;
    left: 12px;
    color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #fff
}

.new-course-card::after {
    content: '';
    background: linear-gradient(15deg, #0373da 26%, transparent);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    /* opacity: 89%; */
}

.new-course-card::before {}

/* ---------------------------------------------
        New Card Design for College Courses End
--------------------------------------------- */



/* ---------------------------------------------
        Related Card Design Start
--------------------------------------------- */
.related-pac-wrapper {
    background: #fff;
    padding: 20px;
    box-shadow: 5px 4px 14px #a5a3a375;
    margin-bottom: 2rem;
    border-radius: 5px;
    position: relative;
}

.related-pac-wrapper::before {
    content: '';
    background-color: #9e5e00;
    width: 100px;
    height: 6px;
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 0px 0px 10px 10px;
}

.related-pac-wrapper .widget-title h4 {
    font-size: 20px;
}

.related-pac-wrapper .related-pac-card {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 12px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    padding-bottom: 58px;

}

.related-pac-wrapper .related-pac-card::before {
    content: '';
    background-color: #9e5e00;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 80%;
    border-radius: 12px;
    transition: all ease-in-out 0.5s;

}

.related-pac-wrapper .related-pac-card:hover.related-pac-card::before {
    opacity: 90%;
}

.related-pac-wrapper .related-pac-card .related-pac-content {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 5rem;
}

.related-pac-wrapper .related-pac-card .related-pac-content p {
    color: #fff;
    font-size: 10px;
    margin: 0px;
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    line-height: 17px;


}

.related-pac-wrapper .related-pac-card .related-pac-content h4 {
    color: #fff;
    font-size: 20px;
    margin: 0px;
    font-family: "Poppins", sans-serif;
    font-weight: 100;


}

.related-pac-wrapper .related-pac-card .related-pac-content .related-hover-icon {
    background: rgb(255 255 255 / 79%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0px;
    transition: all ease-in-out 0.5s;
    bottom: -3rem;
    font-size: 12px;
    padding: 3px 9px;
    border-radius: 3px;
    transition: all ease-in-out 0.5s;
}

.related-pac-wrapper .related-pac-card .related-pac-content .related-hover-icon:hover {
    background-color: #fff;
}

.related-pac-wrapper .related-pac-card .related-pac-content .related-hover-icon div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.related-pac-wrapper .related-pac-card .related-pac-content .related-hover-icon i {
    font-size: 16px;
    color: #b39160;
    margin-left: 7px;
    border: 0px;
}

.related-pac-wrapper.related-pac-card:hover.related-pac-card.related-hover-icon {
    background-color: red;
}

.related-pac-wrapper .single-related-card-2 {
    display: flex;
    align-items: center;
    margin-top: 17px;
    background: #e7bc91;
    padding: 8px 8px;
    border-radius: 5px;
    position: relative;
}

.related-pac-wrapper .single-related-card-2 .related-card-2-img {
    width: 3.5rem;
    background: rgb(235 191 127 / 65%);
    padding: 2px 4px;
    border-radius: 4px;
}

.related-pac-wrapper .single-related-card-2 .related-card-2-content {
    padding-left: 11px;

}

.related-pac-wrapper .single-related-card-2 .related-card-2-content h5 {
    font-size: 10px;
    margin-bottom: 0px;
    color: #fff;
    position: absolute;
    top: 0px;
    right: 0px;
    background: #000;
    padding: 2px 8px;
    border-radius: 0px 5px 0px 5px;


}

.related-pac-wrapper .single-related-card-2 .related-card-2-content h4 {
    margin-bottom: 0px;
    font-size: 15px;

}

.related-pac-wrapper .single-related-card-2 .related-card-2-content a {
    font-size: 10px;
    color: #000;
    background: #ffffffb8;
    padding: 3px 7px;
    border-radius: 2px;
}

.quiz-main-wrapper {
    margin-top: 10rem;
}

@media screen and (max-width:770px) {
    .quiz-main-wrapper {
        margin-top: 1rem;
    }

}

/* ---------------------------------------------
        Related Card Design End
--------------------------------------------- */


/* ---------------------------------------------
        Course Detail Page Start
--------------------------------------------- */
.course-cer-box {
    /* display: inline-block; */
    float: right;
    display: flex;
    align-items: flex-start;
}

.course-cer-box .cer-span {
    background-color: #efecff;
    color: #7b62ff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    position: relative;
    margin-right: 17px;
    border-radius: 22%;

}

.course-cer-box .cer-span .check-ico {
    position: absolute;
    top: 12px;
    right: -4px;
    font-size: 13px;
}

.course-cer-box .cer-span p {
    font-size: 10px;
    margin-bottom: 0px;
    margin-left: 4px;

}

@media screen and (max-width: 430px) {
    .course-cer-box .cer-span .medal-ico {
        font-size: 12px;
    }

    .course-cer-box .cer-span .check-ico {
        top: 17px;
        right: -4px;
        font-size: 13px;
    }
}

/* ---------------------------------------------
        Course Detail Page End
--------------------------------------------- */




/* --------------------------------------------------------------------
        Psychometric Test Report Summary page UI Start
-------------------------------------------------------------------- */
.psyTstReport-wrapper {
    background-color: #eeedf0;
    padding: 2rem 0rem;
    position: relative;
    padding-top: 11rem;

}

.psyTstReport-wrapper .pstTstReport-tittle {
    font-size: 26px;
    margin-bottom: 16px;
    position: relative;
    width: fit-content;
}

.psyTstReport-wrapper .pstTstReport-tittle::before {
    content: '';
    width: 9rem;
    height: 2px;
    background-color: #000;
    position: absolute;
    top: 13px;
    right: -10rem;
}

.psyTstReport-wrapper .psyTstReport-items {
    background-color: #fff;
    padding: 25px;
    border-radius: 10px;
    box-shadow: 2px 4px 12px #c2c0c0;
    margin: 1rem 0rem;
    /* display: flex; */
    align-items: flex-start;
    justify-content: flex-start;
    position: relative;
}

.psyTstReport-wrapper .psyTstReport-items span {
    background: #bbf8fb;
    width: 50px;
    height: 50px;
    display: inline-block;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 50%;
    padding: 14px;
    color: #43bac0;
    float: left;
}

.psyTstReport-wrapper .psyTstReport-items .repo-content {
    flex-grow: 1;
    padding: 0rem 2rem;
    padding-left: 4rem;
}

.psyTstReport-wrapper .psyTstReport-items .repo-content h5 {
    font-size: 17px;
    margin-bottom: 5px;
}

.psyTstReport-wrapper .psyTstReport-items .repo-content p {
    font-size: 12px;
    margin: 0px;

}

.psyTstReport-wrapper .psyTstReport-items .psyTst-Status {
    position: absolute;
    top: 6px;
    right: 13px;
    width: 1.5rem;
}


.psyTstReport-wrapper .psyTst-overall-cards {}

.psyTstReport-wrapper .psyTst-overall-cards .card-cont {}

.psyTstReport-wrapper .psyTst-overall-cards .card-cont h1 {
    margin-bottom: 0rem;
    font-size: 4rem;
    margin-top: 20px;
}

.psyTstReport-wrapper .psyTst-overall-cards .card-cont h2 {
    font-size: 24px;
}

.psyTstReport-wrapper .psyTst-overall-cards .card-cont a {
    background: #000;
    color: #fff;
    padding: 5px 9px;
    font-size: 18px;
    margin-top: 24px;
    display: inline-block;
}

.psyTstReport-wrapper .psyTst-overall-cards .card-cont a i {
    margin-left: 8px;
}


.psyTstReport-wrapper .psyTst-overall-cards .card-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

.psyTstReport-wrapper .psyTst-overall-cards .card-img img {
    width: 26rem;
}


/* --------------------------------------------------------------------
        Psychometric Test Report Summary page UI End
-------------------------------------------------------------------- */





/* --------------------------------------------------------------------
        Entrepreneurial Instruction  Page UI Start
-------------------------------------------------------------------- */

.entrepreneurial-inst {
    padding-top: 10rem;
    padding-bottom: 4rem;
}

.entrepreneurial-inst a {
    margin-top: 5px;
    display: inline-block;
    background: #3581db;
    font-size: 21px;
    padding: 13px 20px;
    border-radius: 0px;
    color: #fff;
    border-radius: 5px;
    box-shadow: 5px 6px 6px #a09d9d;
    transition: all ease-in-out 0.3s;
}

.entrepreneurial-inst a:hover {
    background-color: #ff8201;
    color: #fff;

}

.entrepreneurial-inst h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 8px;
    border-left: 2px solid #ff8201;
    padding-left: 6px;
    color: #ff8201;
}

.entrepreneurial-inst h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-size: 26px;
}

.entrepreneurial-inst h1 span {

    font-size: 3.2rem;
    color: #3581db;

}

.entrepreneurial-inst ul {
    padding: 0px;
    margin: 0px;
}

.entrepreneurial-inst ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 21px;

}

.entrepreneurial-inst ul li img {
    width: 23px;
    /* position: relative; */
    /* top: 7px; */
}

.entrepreneurial-inst ul li p {
    font-family: 'Roboto', sans-serif;
    margin: 0px;
    padding-left: 12px;
    font-size: 15px;
    color: #000;
}
.entrepreneurial-inst .userInfo{
    /* background-color: #fff; */
    /* background-image: url('https://www.toptal.com/designers/subtlepatterns/uploads/circles-and-roundabouts.png'); */
    /* background-image: url('https://www.toptal.com/designers/subtlepatterns/uploads/footer_lodyas.png'); */
    background-image: url('https://www.toptal.com/designers/subtlepatterns/uploads/food.png');
   
    margin-bottom: 3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 30px;
}
.entrepreneurial-inst .userInfo h6{
    font-size: 25px;
    color: #ffffff;
    border-left: 2px solid #ffffff;
}
.entrepreneurial-inst .userInfo table {
    margin-top: 17px;
}
.entrepreneurial-inst .userInfo table strong{
    font-size: 11px;
}
.entrepreneurial-inst .userInfo table p{
    margin: 0px;
    font-size: 11px;
}
@media screen and (max-width: 770px) {
    .entrepreneurial-inst {
        padding-top: 6rem;
    }

    .entrepreneurial-inst .main-inst-img {
        width: 22rem;
        margin-bottom: 2rem;
    }

    .entrepreneurial-inst a {
        display: block;
        margin: 0px auto;
        width: fit-content;
        margin-top: 14px;
    }
}

@media screen and (max-width: 440px) {
    .entrepreneurial-inst {
        padding-top: 9rem;
    }

    .entrepreneurial-inst .main-inst-img {
        width: 16rem;
        margin-bottom: 2rem;
    }

    .entrepreneurial-inst h1 {
        font-size: 18px;
    }

    .entrepreneurial-inst h1 span {
        font-size: 35px;
        color: #3581db;
    }

    .entrepreneurial-inst ul li p {
        padding-left: 11px;
        font-size: 13px;
    }

    .entrepreneurial-inst ul li img {
        width: 20px;
        position: relative;
        top: 13px;
    }
}

/* --------------------------------------------------------------------
        Entrepreneurial Instruction  Page UI End
-------------------------------------------------------------------- */



/* --------------------------------------------------------------------
        Entrepreneurial Download Report Page Start
-------------------------------------------------------------------- */


.ReportWrapper {
    background-color: #F0F3FB;
    padding: 4rem 0rem;
    font-family: 'Open Sans',
        sans-serif !important;
    padding-top: 14rem;
    position: relative;
}

.ReportWrapper .ReportInfo {
    padding: 20px !important;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: #ffff;
}

.ReportWrapper .ReportInfo h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 34px;
    border-left: 4px solid #673de6;
    padding-left: 20px;
}

.ReportWrapper .ReportInfo h1 span {
    color: #673de6
}

.ReportWrapper .ReportInfo h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 25px;
    padding-left: 25px;
}

.ReportWrapper .ReportInfo h5 {
    font-family: 'Raleway', sans-serif;
    font-weight: 400;
    font-size: 25px;
    margin-top: 5rem;
    margin-bottom: 0px;
    margin-bottom: 17px;
}

.ReportWrapper .ReportInfo p {
    margin: 0px;
    font-size: 15px;
    color: #000;
    font-weight: 300;
}

.ReportWrapper .ReportInfo img {
    position: absolute;
    top: -13rem;
}

.ReportWrapper .ReportInfo a {
    background-color: #673DE6;
    position: relative;
    top: -2rem;
    padding: 6px 12px;
    font-size: 21px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    border-radius: 6px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    transition: all ease-in-out 0.5s;

}

.ReportWrapper .ReportInfo a:hover {
    transform: translateY(-25px);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.ReportWrapper .ReportInfo a i {
    font-size: 33px;
    margin-right: 22px;
}

.ReportWrapper .ReportInfo a span {
    display: block;
    font-size: 10px;
    margin: -7px 0px;

}

.ReportWrapper .aboutTest {
    margin: 5rem 0rem;
}

.ReportWrapper .aboutTest h6 {
    font-family: 'Raleway', sans-serif;
    color: #673DE6;
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 6px;

}

.ReportWrapper .aboutTest h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    font-size: 30px;


}

.ReportWrapper .aboutTest p {
    font-size: 15px;
    color: #000;
    margin-top: 2rem;

}

.ReportWrapper .StaticCardWrapper {
    margin-bottom: 3.5rem;
}

.ReportWrapper .StaticCardWrapper h1 {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 26px;
    color: #673DE6;
}

.ReportWrapper .StaticCardWrapper p {
    font-size: 12px;
    color: #000;
    margin-top: -3px;

}

.ReportWrapper .StaticCardWrapper .InterpretationBox {
    background-color: #FFF5D3;
    color: #2F1C6A;
    padding: 10px 12px;
    display: inline-block;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;


}

.ReportWrapper .StaticCardWrapper ul {
    margin: 2rem 0rem
}

.ReportWrapper .StaticCardWrapper ul li {}

.ReportWrapper .StaticCardWrapper ul li p {}

.ReportWrapper .StaticCardWrapper .ScoreBox {
    font-family: 'Raleway', sans-serif;
    padding: 8px 16px;
    background-color: #FF782A;
    color: #fff;
    display: block;
    text-align: center;
    font-size: 13px;
    border-radius: 5px;
    font-weight: 600;


}

.ReportWrapper .StaticCardWrapper .ScoreBox h4 {
    color: #fff;
    margin: 0px;
    font-size: 18px;

}

.ReportWrapper .StaticCardWrapper .StaticChart,
.StaticInfo {
    padding: 20px !important;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background-color: #ffff;
}

.ReportWrapper .StaticCardWrapper .StaticChart {
    height: fit-content;
}

.ReportWrapper .StaticCardWrapper #overAllResultBar+p {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 23px;
    line-height: 38px;
    margin-top: 50px;

}

.ReportWrapper .StaticCardWrapper #overAllResultBar+p span {
    color: #b6a1f4;
    font-size: 45px;
}

.ReportWrapper #DownloadEntreReport {
    font-family: 'Raleway', sans-serif;
    background-color: #673de6;
    font-size: 13px;
    padding: 8px 28px;
    position: fixed;
    top: 52px;
    left: 0px;
    color: #fff;
    font-weight: 500;
    border-radius: 0px 5px 5px 0px;
    z-index: 2;

}

.ReportWrapper #DownloadEntreReport i {
    margin-right: 10px;
}




/* --------------------------------------------------------------------
        Entrepreneurial Download Report Page End
-------------------------------------------------------------------- */





/* --------------------------------------------------------------------
        Verefi certificate popup Start
-------------------------------------------------------------------- */
#verifyCertificate {}

#verifyCertificate .modal-body .contentWrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

#verifyCertificate .modal-body .contentWrapper img {
    width: 14rem;
    /* margin: 0px auto; */
    display: inherit;
}

#verifyCertificate .modal-body .contentWrapper h1 {
    font-size: 19px;
    /* text-align: center; */
    margin-top: 18px;
    margin-bottom: 0px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #e86a2f;
}

#verifyCertificate .modal-body .contentWrapper h4 {
    font-size: 14px;
    /* text-align: center; */
    margin-top: 6px;
    font-family: Poppins, sans-serif;
    font-weight: 400;
    color: #000;
    margin-bottom: 0px;

}

#verifyCertificate .modal-body .contentWrapper form {
    margin-top: 11px;
    /* display: inline-flex; */

}

#verifyCertificate .modal-body .contentWrapper form label {
    font-size: 12px;
    margin-top: 6px;

}

#verifyCertificate .modal-body .contentWrapper form input {
    border: none;
    /* margin-left: 8px; */
    display: block;
    width: 100%;
    font-size: 18px;
    color: #e86a2f;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    padding: 23px 13px;
    margin: 20px 0px;
    margin-top: 3px;

}

#verifyCertificate .modal-body .contentWrapper form input::placeholder {
    font-size: 15px;
}

#verifyCertificate .modal-body .contentWrapper form #cerSubmit {
    background-color: #e86a2f;
    color: #fff;
    font-size: 13px;
    border: none;
}

#verifyCertificate .modal-body .responseNote {
    margin-top: 20px;
    padding: 20px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

#verifyCertificate .modal-body .responseNote p {
    margin-bottom: 3px;
    font-size: 14px;

}

#verifyCertificate .modal-body .responseNote p strong {}

#verifyCertificate .modal-body .responseNote img {
    width: 35px;

}


@media screen and (max-width: 770px) {
    #verifyCertificate .modal-body .contentWrapper {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #verifyCertificate .modal-body .contentWrapper h1 {
        font-size: 16px;
        text-align: center;
    }
    #verifyCertificate .modal-body .contentWrapper h4 {
        font-size: 12px;
        margin-top: 6px;
    }
    #verifyCertificate .modal-body .contentWrapper img {
        width: 11rem;
    }
    #verifyCertificate .modal-body .responseNote p {
        font-size: 12px;
    }
    #verifyCertificate .modal-body .responseNote {
        padding: 14px;
    }
    #verifyCertificate .modal-body .responseNote img {
        width: 22px;
    }
}

/* --------------------------------------------------------------------
        Verefi certificate popup End
-------------------------------------------------------------------- */