/*============== Css Start ==================*/

/*---------- default Css ----------*/
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: "Figtree", sans-serif;
    list-style: none;
    transition: all 0.3s;
}
img {
    max-width: 100%;
}

html {
    scroll-behavior: smooth;
}

image {
    max-width: 100%;
}

body a {
    text-decoration: none;
    font-family: "Inter", sans-serif;
}

input {
    background: rgba(0, 0, 0, 0.05);
    outline: 0;
    border: none;
    padding: 15px;
    border-radius: 5px;
}
input:focus {
    border: 1px solid var(--primary-blue);
}

body li {
    list-style: none;
}
body {
    position: relative;
}
.back-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.top {
    padding: 9px 12px;
    font-weight: 900;
    font-size: 22px;
    color: #000;
    background: #fff;
    border-radius: 50%;
    white-space: nowrap;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
}
.top:hover {
    background: var(--primary-blue);
    color: #fff;
}
.back-top:hover {
    bottom: 35px;
}

.shoping_bag i {
    font-weight: 600;
}

/*============= Single =========================*/
#bootcamp_area {
    padding: 15px;
    border-color: transparent;
}
#bootcamp_title {
    font-size: 2rem !important;
}
.videosHiddn {
    display: none !important;
}
/*================= Globel css ===================*/
/* Color variables */
:root {
    --blueisGradient: linear-gradient(
        45deg,
        #3c1770,
        #000032,
        #1d1538,
        #3c1770
    );
    --skyBlue: rgb(3, 189, 251);
    --primary-blue: #0057e2;
    --hover-blue: #004dc9;
    --gree-color: #836528;
    --deep-blue: #062350;
    --blue: #040381;
    --gradient_blue: linear-gradient(to bottom, #0057e2, #37015a);
}
/* pre loder start*/
.preloder {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999999999999999;
    transition: 0.4s;
}
.preloder .preloder_content {
    width: 95vw;
    max-width: 700px;
    height: 90vh;
    max-height: 480px;
    position: absolute;
    top: 33%;
    left: 50%;
    transform: translate(-50%, -40%);
}
.preloder_content .pre_img_div {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    position: relative;
    transform: scale(0);
    transition: 0.4s;
}
.pre_img_div .preloder_img {
    height: 100%;
    width: 100%;
    border-radius: 0.5rem;
}
.preloder_header {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: fit-content;
}
.preloder_header i {
    color: #ffffff;
    background: var(--primary-blue);
    padding: 0.2rem 0.3rem;
    font-size: 1rem;
    border-radius: 0.2rem;
    cursor: pointer;
    transition: 0.4s;
    margin-top: 0;
}
.preloder_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: fit-content;
}
.preloder_btn .btn_red {
    margin-left: 1.5rem;
    margin-bottom: 0.2rem;
    padding: 0.4rem 0.8rem;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.5);
    animation: pre_popup 1.5s infinite ease;
    transition: 0.4s;
}
.preloder_btn .btn_red:hover {
    animation: unset;
}
.preloder_header i:hover {
    background: #040381;
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, 0.5);
}
@keyframes pre_popup {
    0% {
        transform: scale(0.85);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.85);
    }
}
/* Pre loder end */
/*=========== Video Player Design =================*/
.video_player {
    background: rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 120px;
    left: 20%;
    width: 800px;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 111;
    display: none;

    border-radius: 5px;
    height: 500px;
    text-align: center;
}
.video_player .video_player_header {
    background: #00acee;
    width: 100%;
    height: 50px;
    margin: auto;
    position: relative;
    border-radius: 5px 5px 0 0;
}
.video_player .video_player_header .video_close {
    position: absolute;
    top: -32px;
    right: 10px;
    cursor: pointer;
}
.video_player .video_player_header .video_close i {
    font-size: 20px;
    color: #000;
    background: white;
    padding: 6px 8px;
    border-radius: 5px;
}
.video_player .video_player_body iframe {
    height: 450px;
    border-radius: 0 0 5px 5px;
}
/* Btn Inner */
.btn_inner {
    display: flex;
    column-gap: 10px;
}
/* Btn Red */
.btn_red {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    color: #ffffff;
    background: var(--primary-blue);
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    border: none;
}
.btn_red i {
    margin-top: -4px;
}

.btn_red:hover {
    color: #ffffff;
    background: var(--blue);
}
/* Btn White */
.btn_white {
    width: fit-content;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    color: rgb(34, 32, 56);
    background: #fff;
    padding: 10px 25px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    position: relative;
    z-index: 1;
}
.btn_white::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    color: #ffffff !important;
    background: #221638;
    border-radius: 5px;
    z-index: -1;
    transition: 0.4s;
}
.btn_white i {
    margin-top: -4px;
}
.btn_white:hover::after {
    width: 100%;
}
.btn_white:hover {
    color: #ffffff;
    border-color: transparent;
}

.user_btn_mobile {
    padding: 6px 12px;
    font-size: 18px;
}
.user_mobile {
    display: none;
}

.serach_bar {
    position: relative;
}
.search {
    outline: none;
    padding: 10px 10px;
    background: rgba(0, 0, 0, 0.05);
    border-color: transparent;
    width: 250px;
    border-radius: 5px;
}
.serach_bar i {
    position: absolute;
    right: 15px;
    color: #fe4a55;
    top: 45%;
    line-height: 20%;
}
.card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-color: transparent;
    overflow: hidden;
}
.discount_title_sitebar {
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    background: #fe4a55;
    color: #ffffff;
    border-radius: 0.4rem;
    padding: 0.5rem 1rem;
    width: 100%;
}
.card_image_main {
    position: relative;
}
.course_price.DiscountFee {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
}
.course_price.DiscountFee del {
    font-size: 18px;
    font-weight: 700;
    color: #fe4a55;
    opacity: 0.5;
}
.course_price.DiscountFee span {
    font-size: 18px;
    font-weight: 700;
    color: var(--deep-blue);
}
.course_price {
    font-size: 18px;
    font-weight: 700;
    color: var(--deep-blue);
}
.price_round {
    font-size: 18px;
    font-weight: 800;
    color: #ffffff;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 50%;
    background: var(--primary-blue);
    position: absolute;
    bottom: -20px;
    right: 20px;
}
/* .card .card_image_main {
    border-radius: 5px 5px 0 0;
    padding: 15px 10px 0 10px;
} */
.popular_inner_content.pic1.card:hover {
    border: 1px solid #00acee;
}
.card .card_image_user {
    width: 30px;
    border-radius: 50%;
}
.heading {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: #ffffff;
    font-family: "Nunito", sans-serif;
}
.reviews_main {
    row-gap: 45px;
}
.course_name_price {
    padding: 12px 20px 50px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.card .user_info .users {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
}
.course_counting {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
    row-gap: 10px;
    padding: 15px;
    flex-wrap: wrap;
    margin-top: 5px;
}
.cCounting_single {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    color: #000;
    font-size: 12px;
    padding: 5px;
}
.cCounting_single .value {
    font-weight: 600;
}
.batch_no {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 17px;
    width: fit-content;
    background: #000032;
    padding: 4px 8px;
    color: #ffffff;
    font-weight: 700;
    border-radius: 0 4px 0 6px;
}
.batch_no .value {
    font-weight: 800;
}
.title_h3 {
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 15px;
    color: #000;
}
.title_h4 {
    margin-top: 12px;
}
.title_h4 a {
    font-size: 24px;
    font-weight: 800;
    line-height: 31.5px;
    color: #000000;
    transition: 0.2s;
}
.title_h4 a:hover {
    color: var(--hover-blue);
}
.sub_title2 {
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    color: var(--deep-blue);
}
.paragraph2 {
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: rgb(96, 96, 96);
    text-align: justify;
}
.paragraph3 {
    font-size: 16px;
    font-weight: 600;
}
.paragrap_red {
    color: #fe4a55;
    font-size: 17px;
    font-weight: 700;
}
.card_paragraph {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.5px;
    color: #606060;
    text-align: justify;
}
.user_btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.user_btn_inner i {
    color: #fe4a55;
    font-size: 16px;
    margin-right: 3px;
}
.user_btn_inner span {
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
}
body p {
    text-align: justify;
}

/*------- Animations ---------*/
@keyframes rotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes red_border_circle {
    0% {
        transform: scale(0.85);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.85);
    }
}
@keyframes section_top {
    0% {
        left: 100px;
        top: 0;
    }
    50% {
        left: 125px;
        top: 0;
    }
    100% {
        left: 100px;
        top: 0;
    }
}
.paginate {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    margin: 30px auto;
}
.paginate a {
    background: rgba(0, 0, 0, 0.04);
    font-size: 16px;
    font-weight: 800;
    line-height: 33px;
    color: rgb(96, 96, 96);
    width: 35px;
    height: 33px;
    text-align: center;
    border-radius: 3px;
}
.paginate a:nth-child(2) {
    background: #fe4a55;
    color: #fff;
}
.paginate a:hover {
    background: #fe4a55;
    color: #fff;
}

/*----------- Header section ----------*/
.profile_menu_inner {
    margin-left: -100px;
}

.header {
    background: #f6f9fa;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 1000;
    visibility: visible;
    opacity: 100%;
}
.header .container .header_main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -50px;
}
.header .container .header_main .main_logo {
    max-width: 150px;
}
.header .container .header_main .logo_search {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 30px;
}
.header .container .header_main .manu_account {
    display: flex;
    justify-content: space-between;
    align-items: center !important;
    column-gap: 15px;
}
.header_main .manu_account .shoping_bag a {
    font-size: 22px;
    color: #000000;
    transition: 0.5s;
}
.header_main .manu_account .shoping_bag a:hover {
    color: #fe4a55;
}
.header_main .manu_account .shoping_bag {
    position: relative;
}
.header_main .manu_account .shoping_bag p {
    position: absolute;
    top: -5px;
    right: -5px;
    color: #ffffff;
    background: #fe4a55;
    font-size: 10px;
    font-weight: 600;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    border-radius: 50%;
}
.header_main .manu_account .main_menu ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
    margin-top: 40px;
    padding-left: 5px;
    flex-wrap: nowrap;
}

.header_main .manu_account .main_menu ul li a {
    color: var(--deep-blue);
    font-size: 15px;
    font-weight: 600;
    line-height: 24.5px;
    margin-bottom: 0px !important;
    white-space: nowrap;
}
.header_main .manu_account .main_menu ul li a:hover {
    color: var(--hover-blue);
}
.manu_account .main_menu ul li a i {
    font-size: 10px;
}
.manu_account .main_menu ul {
    margin-bottom: 0px !important;
}
.main_li {
    position: relative;
    padding-bottom: 25px !important;
    margin-bottom: 0px !important;
}
.inner_menu {
    background: #ffffff;
    border-top: 3px solid var(--hover-blue);
    position: absolute;
    top: 85%;
    left: 0;
    display: none !important;
    visibility: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    row-gap: 4px !important;
    margin-top: 0 !important;
    min-width: 250px;
    padding-left: 0;
}
.inner_menu li {
    padding: 20px;
    border-bottom: 1px solid rgba(0, 77, 201, 0.2);
}
.manu_account .main_menu ul li:hover .inner_menu {
    display: block !important;
    -moz-display: black !important;
    visibility: visible;
    opacity: 1;
    -webkit-visibility: visible;
    -moz-visibility: visible !important;
    z-index: 99999999999 !important;
}

/*------------------ Slider Section --------------------*/
.fun_fact_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.fun_fact_single {
    text-align: center;
}
.fun_fact_single i {
    font-size: 25px;
    color: #ffffff;
    margin-bottom: 5px;
}
.fun_count {
    font-size: 20px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 5px;
}
.fun_para {
    font-size: 14px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}
.slider {
    padding-top: 35px;
    /*background: url(../bgUrlPhoto/gray-bg.75dceb4f.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*position: relative;*/
    /*background-position: 100% 100%;*/
    background: #062350;
}
@keyframes yellow_border {
    0% {
        right: 400px;
        top: 130px;
    }
    25% {
        right: 392px;
        top: 130px;
    }
    50% {
        right: 392px;
        top: 138px;
    }
    75% {
        right: 400px;
        top: 138px;
    }
    100% {
        right: 400px;
        top: 130px;
    }
}
.slider_animation_round {
    position: absolute;
    top: 130px;
    right: 400px;
    animation-name: yellow_border;
    animation-duration: 5s;
    animation-delay: 0.05s;
    animation-iteration-count: infinite;
}
@keyframes doted {
    0% {
        right: 280px;
        bottom: 20px;
    }
    50% {
        right: 260px;
        bottom: 20px;
    }
    100% {
        right: 280px;
        bottom: 20px;
    }
}
.slider_animation_doted {
    position: absolute;
    bottom: 20px;
    right: 300px;
    animation-name: doted;
    animation-duration: 4s;
    animation-delay: 0.1s;
    animation-iteration-count: infinite;
}
.slick-dotted.slick-slider {
    margin-bottom: 15px;
}
.slider .container .slider_main {
    position: relative;
}
.slider_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
    margin-top: 20px;
}
.slider_btns .btn_light:hover {
    background: #040381;
    border-color: #040381;
}
.slider_btns .btn_red:hover {
    background: #040381;
}
.sliderTop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 1.2%;
    padding: 0 0 30px 0;
}
.sliderTop:nth-child(2) {
    flex-direction: row-reverse;
}
.slider .container .slider_main .slider_user {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
    grid-column-gap: 20px;
}

.slider_text_main h2 {
    max-width: 767px;
    margin: auto;
}
.slider_text_main {
    position: relative;
}
.paragraph_head {
    font-size: 17px;
    line-height: 1.8;
    font-weight: 600;
    max-width: 767px;
    margin-top: 25px;
    margin-bottom: 25px;
    color: rgba(255, 255, 255, 0.8);
    margin: auto;
}
.slider_user .card .user_info {
    background: #ffffff;
    padding: 20px;
    text-align: left;
}
.slider_user_left {
    width: fit-content;
}

/*-------------- Brand Logo Section --------------*/
.brand_logo {
    padding: 80px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.brand_logo .container .brand_logo_main {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5%;
}

/*------------------ Education Section ---------------------*/
.education_main {
    padding: 100px 50px;
}
.education_main .education_title {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 55px;
    max-width: 650px;
    text-align: center;
}
.education_inner_paragraph p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
}
.small_title {
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    color: var(--primary-blue);
}
.sub_title {
    font-size: 36px;
    line-height: 43px;
    font-weight: 800;
    color: var(--deep-blue);
}
.education_main .education_content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    grid-gap: 20px;
}
.education_content .card_light {
    padding: 30px 31px;
    background: #f9f9f9;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s;
}
.education_content .card_light:hover {
    margin-top: -20px;
}
.education_content .card_light .education_icon {
    font-size: 50px;
    line-height: 50px;
    color: rgba(0, 0, 0, 0.6);
}
.education_content .card_light .education_inner_title h4 {
    font-size: 22px;
    font-weight: 800;
    line-height: 26.4px;
    max-width: 200px;
    margin: 15px auto;
}
.education_content .card_light .education_inner_btn a {
    font-size: 15px;
    font-weight: 700;
    line-height: 22.45px;
    color: #fe4a55;
    transition: 0.3s;
}
.education_content .card_light .education_inner_btn a:hover {
    color: #000000;
}
.course_advisor_title .paragraph {
    text-align: center;
}

/*--------------- Online Learning ----------------*/
.online_learning {
    background: #f4f4f4;
}
.online_btn {
    margin-top: 20px;
}
.online_learning .container .online_main {
    padding: 100px 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 4%;
}

.online_main .animation_red {
    position: absolute;
    top: 0px;
    left: 100px;
    animation-name: section_top;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-delay: 0.1s;
}
.online_main .animation_red_borders {
    position: absolute;
    right: 0;
    bottom: 300px;
    animation-name: red_border_circle;
    animation-delay: 0.1s;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.online_main .animation_yellow {
    position: absolute;
    right: 100px;
    bottom: 100px;
    animation-name: rotate;
    animation-duration: 59s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
@keyframes online_border {
    0% {
        left: 10px;
        bottom: 80px;
    }
    50% {
        left: 30px;
        bottom: 55px;
    }
    100% {
        left: 10px;
        bottom: 80px;
    }
}
.online_main .animation_bordered {
    position: absolute;
    left: 10px;
    bottom: 80px;
    animation-name: online_border;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    animation-delay: 0s;
}
.online_main .online_img {
    position: relative;
    width: 47%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 15px;
}
.online_img .online_img_inner img {
    border-radius: 5px;
}
.online_main .online_content {
    position: relative;
    width: 47%;
}
.online_light_btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    grid-gap: 15px;
    margin: 25px auto 0 auto;
}
.online_light_btns .online_inner_btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
}
.online_light_btns .online_inner_btns .btns_icon {
    font-size: 25px;
    line-height: 40px;
    color: var(--primary-blue);
}
.online_light_btns .online_inner_btns .btns_text {
    margin-bottom: -15px;
}
.online_light_btns .online_inner_btns .btns_text h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 25.5px;
}
.paragraph {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.5px;
    margin: 10px auto;
}
.online_img_inner img {
    height: 100%;
}
.online_img_inner {
    position: relative;
}
.online_img_inner .imageTooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    border-radius: 5px;
}
.online_img_inner .imageTooltip span {
    background: white;
    font-size: 18px;
    font-weight: 700;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
}
.online_img_inner:hover .imageTooltip {
    visibility: visible;
    opacity: 1;
}

/*--------------- Popular Course -----------------*/
.popular_course {
    background: #ffffff;
}
.popular_course .container .popular_crs_main {
    padding: 50px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.title {
    margin: auto;
    text-align: center;
    max-width: 650px;
    padding: 0 20px;
}

.popular_crs_ends {
    margin: auto;
    text-align: center;
    max-width: 700px;
    padding: 0 20px;
}
.popular_crs_ends p a {
    color: #fe4a55;
    transition: 0.3s;
}
.popular_crs_ends p a:hover {
    color: #000000;
    text-decoration: underline;
}
.popular_crs_title .paragraph {
    text-align: center;
}

/*--------------- Distance Learning ---------------------*/
.distance_learning {
    background: url(../bgUrlPhoto/white-bg.47023305.jpg) no-repeat center;
    background-size: cover;
}
.distance_learning .container .disnatce_main {
    padding: 0 50px;
    position: relative;
}
.disnatce_main .plus_animation {
    position: absolute;
    bottom: 300px;
    left: 90px;
    animation-name: rotate;
    animation-delay: 0s;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
@keyframes distance_dot {
    0% {
        left: 190px;
        bottom: 50px;
    }
    50% {
        left: 215px;
        bottom: 50px;
    }
    100% {
        left: 190px;
        bottom: 50px;
    }
}
.distance_dot_animate {
    position: absolute;
    left: 120px;
    bottom: 50px;
    animation-name: distance_dot;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
@keyframes distance_border {
    0% {
        bottom: 20px;
        right: 25%;
    }
    50% {
        bottom: 45px;
        right: 25%;
    }
    100% {
        bottom: 20px;
        right: 25%;
    }
}
.distance_border_animate {
    position: absolute;
    right: 25%;
    bottom: 20px;
    animation-name: distance_border;
    animation-duration: 5s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
/*.disnatce_main .distance_top{*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: flex-start;*/
/*    column-gap: 2%;*/
/*}*/
.distance_left {
    width: 40%;
}
.disnatce_main .distance_top .distance_right {
    /* width: 49%; */
    z-index: 1;
    background: #f6f1ed;
}
.distance_right .distance_user {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 6%;
}
.distance_right .distance_user .distance_user_left {
    width: 47%;
    margin-top: 60px;
}
.distance_right .distance_user .distance_user_right {
    width: 47%;
    margin-bottom: 60px;
}
.user_box {
    width: 100%;
    height: 280px;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
    border: 1px dashed #fe4a55;
    margin: 30px auto;
    background: #eee8e2;
}
.right_botom,
.left_top {
    border: 1px dashed #049960;
}
.user_box .user_count {
    font-size: 44px;
    font-weight: 800;
    line-height: 52.8px;
    color: #fe4a55;
}
.user_box .user_task {
    font-size: 15px;
    font-weight: 700;
    line-height: 15px;
    color: rgb(34, 32, 56);
}
.carosel_design {
    border-radius: 20px;
    position: relative;
    margin: 0 auto;
    height: 260px;
}
.carosel_design img {
    border-radius: 20px;
    border: 10px solid #0a387f;
    height: 100%;
    width: auto;
}
.carosel_design .bg_cotation i {
    font-size: 110px;
    position: absolute;
    bottom: 50px;
    right: 80px;
    opacity: 10%;
}
.carosel_design .bg_red_sign img {
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
}
.carosel_design .carousel_p {
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: rgb(96, 96, 96);
}
.carosel_design .carosel_user {
    display: flex;
    justify-content: flex-start;
    align-items: center !important;
    column-gap: 10px;
}
.carosel_design .carosel_user .carosel_user_img img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.carosel_design .carosel_user .carosel_user_data {
    margin-top: 25px;
}
.carosel_user .carosel_user_data h6 {
    font-size: 17px;
    font-weight: 700;
    line-height: 20px;
    color: #fe4a55;
}
.distance_left .paragraph a {
    color: #fe4a55;
}
.distance_left .paragraph a:hover {
    color: #000000;
    text-decoration: underline;
}
/*----------- Distance Video ----------*/
.distance_bottom .videos {
    position: relative;
    width: 68%;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    border-radius: 5px;
}
.distance_bottom .videos img {
    transition: 0.4s;
}
.distance_bottom .videos:hover img {
    transform: scale(1.1);
}
.distance_bottom .videos .videos_border_ani {
    position: absolute;
    top: -65px;
    right: -48px;
    animation-name: red_border_circle;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

.image_inner_icon button i {
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 40px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: #fe4a55;
    color: #ffffff;
    border-radius: 50%;
    transition: 0.4s;
    cursor: pointer;
    animation-name: video_efect;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    z-index: 1;
}
@keyframes video_efect {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(0.8);
    }
}
.distance_bottom .videos .image_inner_icon button i:hover {
    background: #000000;
}
.modal-content {
    width: 750px;
    height: 600px;
}

/*------------------- self_development --------------------------*/
.self_development {
    background: white;
}
.self_development .container .self_main {
    padding: 0 50px;
}
.self_yellow {
    position: absolute;
    top: 0;
    left: 100px;
    animation: section_top;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}
.self_developmenr_inner .self_red_circle {
    position: absolute;
    right: 31%;
    bottom: 11%;
    animation-name: rotate;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}
.self_developmenr_inner .self_red_br {
    position: absolute;
    right: 26%;
    top: 45%;
    animation-name: red_border_circle;
    animation-duration: 5s;
    animation-delay: 1s;
    animation-iteration-count: infinite;
}
.self_main .self_developmenr_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    background: #f9f9f9;
    border-radius: 6px;
}
.self_developmenr_inner .self_content {
    padding: 100px 50px;
}
.self_developmenr_inner .self_image {
    width: 90%;
}
.self_developmenr_inner .self_image img {
    border-radius: 0 5px 5px 0;
}
.self_content .self_btn {
    margin-top: 20px;
    margin-bottom: -20px;
}

/*----------------- blog_section -------------------*/
.blog_section {
    background: #ffffff;
}
.blog_section .container .blog_main {
    padding: 100px 50px;
}
.blog_content .blog_content_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2%;
    padding-top: 50px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.blog_content_inner .blog_inner_box {
    overflow: hidden;
    transition: 9s !important;
}
.blog_inner_box .user_info {
    padding-left: 20px;
    padding-right: 20px;
}
.blog_inner_box .blog_img_main {
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 5px 5px 0 0;
}
.blog_img_main .blog_img {
    transition: 0.5s;
}
.blog_content_inner .blog_inner_box:hover .blog_img {
    transform: scale(1.4) rotate(12deg);
}
.blog_inner_box .user_info .user_text h6 a {
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    color: rgb(96, 96, 96);
    transition: 0.4s;
}
.blog_inner_box .user_info .user_text h6 a:hover {
    color: #fe4a55;
}

.user_info .user_btn .user_inner_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    margin-bottom: -25px;
}
.user_btn .user_btn_right {
    margin-bottom: 20px !important;
}
.user_info .user_btn .user_inner_info .user_name h6 {
    color: #fe4a55;
    font-size: 15px;
    font-weight: 600;
    line-height: 22.5px;
}
.user_img .blog_image_user {
    width: 35px;
    border-radius: 50%;
}
.blog_main .blog_end {
    text-align: center;
}
.blog_main .blog_end .ends {
    font-style: 16px;
    font-weight: 400;
    line-height: 25px;
    color: rgb(96, 96, 96);
    margin-top: 25px;
}
.blog_main .blog_end .ends a {
    font-style: 16px;
    font-weight: 400;
    line-height: 25.5px;
    color: #fe4a55;
    transition: 0.4s;
}
.blog_main .blog_end .ends a:hover {
    color: #000000;
    text-decoration: underline;
}
.blog_title .paragraph {
    text-align: center;
}

/*-------------------- Attending -------------------------------*/
.attending {
    background: #fef8ef;
}
.attending .container .attending_main {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_red_animate {
    position: absolute;
    top: 0;
    left: 100px;
    animation-name: section_top;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.botom_star {
    position: absolute;
    left: 95px;
    bottom: 100px;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
.attending_text {
    padding: 100px 0 100px 50px;
    width: 52%;
    z-index: 1;
}
.attending_image .attending_image_inner {
    width: 70%;
    right: 0;
    bottom: 0;
    position: absolute;
}

/*------------------ certification -----------------------------*/
.certification {
    background: #fff;
}
.certification .container .certification_main {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 100px;
}
@keyframes cer_animate_rb {
    0% {
        left: 200px;
        top: 100px;
    }
    50% {
        left: 200px;
        top: 125px;
    }
    100% {
        left: 200px;
        top: 100px;
    }
}
.certification_main .certification_rb {
    position: absolute;
    top: 0;
    left: 100px;
    animation-name: cer_animate_rb;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.certification_main .certification_rr {
    position: absolute;
    top: 37%;
    right: 200px;
    animation-name: red_border_circle;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}
.certification_main .certification_yr {
    position: absolute;
    right: 270px;
    bottom: 40px;
    animation-name: rotate;
    animation-duration: 59s;
    animation-iteration-count: infinite;
}

/*---------------------- industrial ---------------------------*/
/* Animation */
.industrial .animation_yellow {
    position: absolute;
    right: 100px;
    bottom: 100px;
    animation-name: rotate;
    animation-duration: 59s;
    animation-delay: 0s;
    animation-iteration-count: infinite;
}
.industrial .animation_red {
    position: absolute;
    top: 0px;
    left: 100px;
    animation-name: section_top;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-delay: 0.1s;
}
.industrial {
    /*    background: linear-gradient(45deg, white, #FEF8EF, whitesmoke, white);*/
    padding: 100px;
    border-top: 1px solid #ddd;
    position: relative;
    border-bottom: 1px solid #ddd;

    background: linear-gradient(
        45deg,
        White,
        #fbf9f7,
        white,
        rgb(251, 233, 200) 15%,
        white,
        #fbf9f7,
        white
    );
    padding: 100px;
    border-top: 1px solid #ddd;
    animation: bgColorAnim 5s ease-in-out infinite;
    background-size: 250% 250%;
}
@keyframes bgColorAnim {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.industrial_title h3 {
    border-bottom: 2px dashed #fe4a55;
    width: fit-content;
    margin-bottom: 50px;
}
.sub_title {
    margin: auto;
}
.title_4th {
    font-size: 1.1rem;
    font-weight: 800;
    color: #221638;
}
.industrial_content .indus_cont_inner {
    max-width: 15rem;
    text-align: center;
    margin-bottom: 20px;
}
.indus_cont_inner .title_4th {
    text-align: center;
}
.industrial_content {
    display: flex;
    justify-content: center;
    column-gap: 2rem;
    flex-wrap: wrap;
}
.indus_cont_inner span i {
    font-size: 35px;
    color: #fc6871;
    margin-bottom: 20px;
    transition: 0.4s;
}
.indus_cont_inner span i:hover {
    transform: scale(1.3);
}

/*------------- Client Section --------------------*/
.client_section {
    padding: 50px 100px;
    background: white;
    display: none;
}
.client_review_section {
    background: #ffffff;
    border-bottom: 1px solid var(--primary-blue);
    padding: 50px;
}
.client_inner .carousel-item {
    background: #ffffff;
}
.client_inner {
    height: 350px;
    overflow-y: auto;
}
.client_inner .carousel-item .client_image img {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 5px solid var(--primary-blue);
    margin-bottom: 10px;
}
.client_review_body .Client_slider {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    border-radius: 10px;
    padding: 20px;
    border: 1px solid var(--primary-blue);
}
.clint_info .client_paragraph {
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
}
.clint_info .client_name {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
    color: var(--deep-blue);
}
.clint_info .client_location {
    font-size: 1.2rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
}
.client_section .container {
    max-width: 767px;
    margin: auto;
}
.client_main .client_title {
    margin: auto;
    margin-bottom: 50px;
    border-bottom: 2px dashed #fe4a55;
    width: fit-content;
}
.client_carousel .carousel-item img {
    width: 150px;
    height: 150px;
    margin: 15px auto;
    border-radius: 50%;
}

.client_carousel .carousel-item .paragraph {
    max-width: 767px;
    margin: 20px auto;
    text-align: center;
    color: rgba(0, 0, 0, 0.6);
}
.client_carousel .carousel-item .client_name {
    margin: 5px auto;
    width: fit-content;
}
.client_carousel .carousel-item h5 {
    width: fit-content;
    margin: auto;
    font-size: 17px;
    font-weight: 500;
}
.client_carousel .carousel-item .country {
    font-size: 16px;
    color: #fe4a55;
}
.cNext_icon,
.cPrev_icon {
    background: #fe4a55;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    padding: 5px;
    margin-top: 30px;
}
.cNext_icon {
    margin-right: 10%;
}
.cPrev_icon {
    margin-left: 10%;
}
.client_rating {
    text-align: center;
    margin-top: 10px;
}
.client_rating .de_active {
    color: #ffdc12;
}
.client_rating .active {
    color: #ffdc12;
}

/*------------ Gallery Section ------------*/
.gallery_section {
    background: #fef8ef;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.gallery_section_main {
    padding: 50px 0;
}
.gallery_title_section {
    width: 100%;
    max-width: 576px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 50px;
}
.gallery_title_section .small_title {
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}
.gallery_title_section .paragraph {
    text-align: center;
    margin-top: 0;
}
.Gboby_content {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2rem;
}
.gallery_single_content {
    position: relative;
    height: 100%;
    cursor: pointer;
    border-radius: 0.5rem;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    background: #fef8ef;
}
.gallery_single_content img {
    border-radius: 0.5rem 0.5rem 0 0;
    width: 100%;
    height: 200px;
}
.gallery_single_content .g_subtitle {
    border-radius: 0 0 0.5rem 0.5rem;
    background: #fef8ef;
    padding: 0.5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #221638;
    margin-bottom: 0;
    text-align: center;
}
.gallery_single_content:hover .view_details_gallery {
    display: block;
}
.view_details_gallery {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    transition: 0.4s;
    border-radius: 0.5rem;
}
.click_details {
    background: #ffffff;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 800;
    color: #221638;
    border-radius: 0.5rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30%;
}

/* Gallery Modal */
.galleryModalMain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    transform: scale(0);
}
.galleryModalInner {
    background: #ffffff;
    width: 95vw;
    max-width: 750px;
    height: 90vh;
    max-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
}
.galleryModalInner .carousel-inner .carousel-item {
    min-height: 100%;
    overflow: hidden;
}
.galleryModalInner .carousel-inner .carousel-item img {
    height: 395px;
}
.carousel-inner.galleryModalBody {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.carousel-control-next {
    background: var(--primary-blue);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-top: 12rem;
    padding: 0.4rem;
    transition: 0.4s;
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.carousel-control-prev {
    background: var(--primary-blue);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-top: 12rem;
    padding: 0.4rem;
    transition: 0.4s;
    opacity: 1;
}
.carousel-control-prev:hover {
    background: var(--hover-blue);
}
.carousel-control-next:hover {
    background: var(--hover-blue);
}
.carousel-indicators [data-bs-target] {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.galleryModalHeader {
    background: #fef8ef;
    border-radius: 0.5rem 0.5rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 0;
    border-radius: 0.5rem 0.5rem 0 0;
}
.galleryModalHeader .galleryModalClose {
    width: 1.8rem;
    height: 1.8rem;
    background: var(--primary-blue);
    color: #ffffff;
    border: none;
    outline: none;
    border-radius: 0.5rem;
    text-align: center;
    line-height: 1.8rem;
    margin-right: 0.5rem;
    transition: 0.4s;
}
.galleryModalClose:hover {
    background: var(--blue);
}
.gallery_molad_title {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: #221638;
    max-width: 90%;
}
.gallery_modal_img {
    width: auto;
    height: 100%;
}
.gallery_section.gallery_page {
    background: #ffffff;
}

/*----------- Protfolio Section ----------------*/
.portfolio_section {
    border-top: 1px solid #ddd;
    /* background: var(--gradient_blue); */
    background: #000032;
}
.portfolio_section .sub_title {
    color: #ffffff;
}
.portfolio_section .paragraph {
    color: #ffffff;
}
.protfolio_card {
    /* background: var(--gradient_blue) !important; */
    border: 1px solid rgb(3 189 251 / 37%);

    padding: 16px;
    border-radius: 12px;
}
.protfolio_card .user_text .protfolio_card_title a {
    color: #fff !important;
    font-weight: 400 !important;
}
.protfolio_card .user_text .protfolio_card_title {
    text-align: left !important;
    margin-top: 5px !important;
    text-transform: uppercase !important;
    font-size: 16px;
    padding-top: 12px;
}

/* .protfolio_card .card_image_main .card_image{
    border-radius: .4rem .4rem 0 0 !important;
} */
/* .protfolio_card .user_text{
    border-top: 1px solid #221638;
} */
.protfolio_div {
    position: relative;
}
/* .protfolio_div .protfolio_card {
    height: 100%;
    min-width: 250px;
} */
.protfolio_div:hover .tooltip {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}
.protfolio_div .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: 0.4s;
    border-radius: 5px;
}
.protfolio_div .tooltip span {
    background: white;
    font-size: 18px;
    font-weight: 700;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
}

.protfolio-swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: #fff;
}

/*----------------------- Footer Section -----------------------------*/
@keyframes footerLeft {
    0% {
        left: 24%;
        top: 0;
    }
    100% {
        left: 24%;
        top: 100%;
        display: none;
        height: 0;
    }
}
.footer_left_animation {
    position: absolute;
    top: -50px;
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, 0.8);
    animation-name: footerLeft;
    animation-delay: 1s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes footerMiddle {
    0% {
        left: 50%;
        top: 0;
    }
    100% {
        left: 50%;
        top: 100%;
        display: none;
        height: 0;
    }
}
.footer_middle_animation {
    position: absolute;
    left: 50%;
    top: -50px;
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, 0.8);
    animation-name: footerMiddle;
    animation-delay: 2s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes footerRight {
    0% {
        right: 23%;
        top: 0;
    }
    100% {
        right: 23%;
        top: 100%;
        display: none;
        height: 0;
    }
}
.footer_right_animation {
    position: absolute;
    right: 22%;
    top: -50px;
    width: 2px;
    height: 100px;
    background: rgba(255, 255, 255, 0.8);
    animation-name: footerRight;
    animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

.footer {
    background: #000032;
    position: relative;
}
.footer_logo a img {
    max-width: 150px;
}

.footer_main .footer_top {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 2fr;
    grid-gap: 20px;
    border-bottom: 1px solid rgba(204, 204, 204, 0.1);
    padding: 50px 0;
}
.footer_top .footer_top_explore {
    padding-left: 40px;
}
.footer_top_about .footer_paragraph p {
    font-style: 16px;
    font-weight: 400;
    line-height: 25.5px;
    color: rgb(237, 237, 237);
    margin: 20px auto;
}
.social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
}
.social .social_inner a i {
    color: rgb(255, 255, 255);
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgb(30, 29, 47);
    border-radius: 5px;
    transition: 0.4s;
}
.footer_social .social_inner a i.fa-facebook-f {
    background: #1877f2 !important;
    color: #ffffff !important;
}
.footer_social .social_inner a i.fa-youtube {
    background: #ff0000 !important;
    color: #ffffff !important;
}
.footer_social .social_inner a i.fa-linkedin-in {
    background: #0077b5 !important;
    color: #ffffff !important;
}
.footer_social .social_inner a i.fa-linkedin-in:hover {
    background: #023f60 !important;
}
.footer_social .social_inner a i.fa-youtube:hover {
    background: #950101 !important;
}
.footer_social .social_inner a i.fa-facebook-f:hover {
    background: #093a7b !important;
}
.social .social_inner a:hover i {
    background: var(--primary-blue) !important;
}
.smallTextForInfo {
    margin-bottom: 0.5rem;
}

.footer_top h4 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
}
.spNameTop {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
}
.footer_top h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 1.1rem;
    color: rgb(237, 237, 237);
}
.footer_top h6 a {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 22px;
    color: rgb(237, 237, 237);
    transition: 0.4s;
}
.footer_top h6 a:hover {
    color: var(--hover-blue);
}
.footer_top_address .address_inner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 10px;
}
.footer_top_address .address_inner i {
    font-size: 15px;
    color: rgb(237, 237, 237);
    margin-top: 5px;
}
.footer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2%;
    padding: 20px 0;
}
.footer_bottom p {
    font-size: 16px;
    line-height: 25.5px;
    font-weight: 400;
    color: rgb(237, 237, 237);
    margin-bottom: 0;
}
.footer_bottom .powredby p {
    text-align: center;
}
.footer_bottom .powredby p a {
    font-size: 16px;
    line-height: 25.5px;
    font-weight: 600;
    color: var(--primary-blue);
    transition: 0.4s;
}
.footer_bottom .powredby {
    margin-left: auto;
    text-align: right;
    width: 50%;
    margin-right: auto;
}
.footer_bottom .powredby p a:hover {
    color: rgb(237, 237, 237);
}
.footer_bottom .privecy {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 10px;
    width: 48%;
}
.footer_bottom .privecy a {
    font-size: 16px;
    line-height: 25.5px;
    font-weight: 600;
    color: rgb(237, 237, 237);
    transition: 0.4s;
}
.footer_bottom .privecy p {
    margin-bottom: 0;
}
.footer_bottom .privecy a:hover {
    color: #fe4a55;
}

/*==================== Start Login/Register Page Design =========================*/
.auth__title_section {
    background: #dcdddc;
}
.auth__title_section .container .auth_title {
    padding: 20px 100px;
    position: relative;
}
.auth_stra_animate {
    position: absolute;
    left: 100px;
    bottom: 50px;
    animation-name: rotate;
    animation-duration: 20s;
    animation-iteration-count: infinite;
}
.auth_title_home p {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: rgb(34, 22, 56);
    margin-top: 5px;
}
.auth_title_home p a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgb(96, 96, 96);
    margin-right: 5px;
}
.auth_title_home p a:hover {
    color: var(--primary-blue);
}
.auth_title_content {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}
.auth_title_content .paragraph {
    text-align: center;
}
.paragraph.prtop {
    margin: 2rem 6rem -1rem 6rem;
    /* background: #00a8c91a;
    box-shadow: 0 0 3px #004dc924; */
    border-radius: 0.3rem;
}

/*------------ auth_body_section ------------*/
.auth_body_section {
    background: #ffffff;
}
.auth_body .auth_body_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 7%;
}
.auth_body_main .login {
    width: 60%;
    padding: 20px 50px;
}
.auth_body .auth_body_main button {
    border: none;
}
.auth_body .auth_body_main button h6 {
    margin: auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
}
.auth_body .auth_body_main p {
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    color: rgb(34, 32, 56);
    margin-bottom: 0;
}
.auth_body .auth_body_main input {
    width: 100%;
    background: #f9f9f9;
    outline: #fe4a55 !important;
    border: none;
    padding: 15px;
    margin-bottom: 25px;
}
.auth_body_main .register {
    padding: 50px;
}
.auth_body .auth_body_main h3 {
    margin-bottom: 25px;
    text-align: center;
}
.auth_body .auth_body_main label {
    margin-bottom: 10px;
}
.auth_body_main .register span {
    margin-bottom: 20px;
    display: block;
    font-size: 13.5px;
    font-style: italic;
    color: rgb(96, 96, 96);
}
.login .check_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.check_line a {
    font-size: 16px;
    font-weight: 600;
    line-height: 20.8px;
    color: rgb(34, 22, 56);
}
.check_line a:hover {
    color: #fe4a55;
    text-decoration: underline;
}
.check_text .check {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.check_text .check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.check_text .checkmark {
    position: absolute;
    top: -38px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 5px;
}
.check:hover input ~ .checkmark {
    background-color: #ccc;
}
.check input:checked ~ .checkmark {
    background-color: #fe4a55;
}
.check:after {
    content: "";
    position: absolute;
    display: none;
}
.check input:checked ~ .checkmark:after {
    display: block;
}
.register.courseSubmit h3 {
    color: #ffffff;
}
.article_main_pic {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 5px;
}
/*===================== Contact Page Design Start ============================*/

/*----------- Contact Title ----------*/
.contact_home_section {
    background: #f8f9f8;
    padding-top: 20px;
}
.contact_home_section .container .contact_title {
    position: relative;
    margin: 0 100px;
}
.contact_star_animate {
    position: absolute;
    left: 0;
    bottom: 50px;
    animation-name: rotate;
    animation-duration: 30s;
    animation-iteration-count: infinite;
}
.contactMassageSend {
    margin-top: 20px;
    color: #221638;
    transition: 0.4s;
}
.contactMassageSend:hover {
    background: #221638;
}

/*--------- Contact Body ----------------------*/
.contact_body .container .contact_main {
    padding: 100px 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
}
.contact_main .contact_details {
    width: 48%;
}
.contact_main .contact_form {
    width: 48%;
}
.contactMassageSend {
    background: green;
}
.contact_details_info .contact_inner_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 25px;
}
.contact_details_info .contact_inner_info:hover .inner_icon {
    background: var(--primary-blue);
    color: #ffffff;
}
.contact_inner_info .inner_icon {
    font-size: 40px;
    font-weight: 600;
    line-height: 85px;
    width: 75px;
    text-align: center;
    background: rgb(248, 249, 248);
    color: var(--primary-blue);
    border-radius: 5px;
    margin-top: 20px;
}
.contact_inner_info .inner_text h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    color: rgb(34, 22, 56);
    margin-top: 10px;
}
.contact_inner_info .inner_text p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.6px;
    color: rgb(96, 96, 96);
    max-width: 300px;
    margin-top: 2px;
    margin-bottom: 5px;
}
.contact_inner_info .inner_text a {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.6px;
    color: rgb(96, 96, 96);
    max-width: 300px;
    margin-top: 2px;
    margin-bottom: 5px;
}
.contact_inner_info .inner_text a:hover {
    color: var(--primary-blue);
}
.contact_main .contact_form {
    background: var(--primary-blue);
    padding: 30px;
    border-radius: 5px;
}
.contact_main .contact_form h2 {
    font-size: 33px;
    font-weight: 800;
    line-height: 39px;
    color: rgb(255, 255, 255);
}
.contact_main .contact_form p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    color: rgb(255, 255, 255);
}
.contact_main .contact_form input {
    display: block;
    width: 100%;
    padding: 12px;
    border: transparent;
    outline: 0;
    border-radius: 5px;
    background: var(--blue);
    margin-bottom: 15px;
    color: #fff;
}
.contact_main .contact_form textarea {
    background: var(--blue);
    padding: 12px;
    height: 150px;
    border-radius: 5px;
    width: 100%;
    outline: 0 !important;
    border: transparent;
    color: #fff;
}
.contact_main .contact_form textarea::placeholder {
    color: #cdcdcd;
}
.contact_main .contact_form input::placeholder {
    color: #cdcdcd;
}
.contact_form input[type="button"] {
    width: fit-content;
    padding-left: 30px;
    padding-right: 30px;
    background: #000;
    color: #ffffff;
    font-weight: 700;
    margin-top: 20px;
    transition: 0.3s;
}
.contact_form input[type="submit"] {
    background: #221638;
}

.contact_form input[type="submit"]:hover {
    color: red;
    background: #fff;
}

.google_map .map {
    height: 500px;
}

/*=================== About Section design start =============================*/
.distance_learning_top {
    background: #ffffff;
}
.education_main_for_about {
    padding-top: 0;
}
.course_advisor {
    background: #f9f9f9;
}
.course_advisor .container .course_advisor_main {
    padding: 100px 0;
}
.course_advisor_main .course_advisor_title {
    text-align: center;
    margin: auto;
    max-width: 575px;
    margin-bottom: 50px;
}
.advisor_content .advisor_inner_content {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0;
}
.advisor_inner_content .avisor_text {
    width: 60%;
}
.social .social_inner a i {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}
.social .social_inner a i:hover {
    color: #fff;
}
.about_access {
    background: #fef8ef;
}
.advisor_inner_content .avisor_image img {
    width: 100%;
    border-radius: 3px;
    max-width: 223px;
}
.advisor_inner_content .avisor_text h4 {
    margin-top: 0;
}

/*===================== Cart Page design Start ===================*/
.cart_body_main {
    padding: 100px;
}
.cart_body_main .product_list table tbody tr {
    height: 100px;
    margin: auto;
    line-height: 100px;
}
.cart_body_main .product_list table tbody tr td img {
    max-height: 100px;
}
/* .cart_body_main .product_list table tbody tr td a, i, span, button{
    margin-top: 40px;
} */
.cart_body_main .product_list table tbody tr td a i {
    color: #fe4a55;
    font-size: 18px;
}
.cart_body_main .product_list table tbody tr td a {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
}
.cart_body_main .product_list table tbody tr td span {
    padding: 10px 50px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}
.cart_body_main .product_list table tbody tr td a:hover {
    color: #fe4a55;
}
.cart_body_main .product_list table thead tr th {
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 15px;
    color: rgb(33, 37, 41);
}
.cart_body_main .promo_code button {
    border: transparent;
    outline: none;
    background: #000000;
    color: #fff;
    font-size: 16;
    font-weight: 700;
    padding: 13px 25px;
    position: absolute;
    top: 0;
    left: 29%;
}
.cart_body_main .promo_code button:hover {
    background: #fe4a55;
}
.cart_body_main .promo_code {
    position: relative;
    margin-bottom: 50px;
}
.cart_body_main .promo_code input {
    width: 30%;
    height: 50px;
    margin-top: 40px;
    outline: none;
    border: transparent;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
}
.cart_body_main .promo_code input::placeholder {
    padding-left: 15px;
}
.cart_body_main .promo_code input:focus {
    border: 1px solid #fe4a55;
}
.cart_totals .cart_total_inner {
    width: 550px;
    margin: auto;
    padding: 50px;
}
.cart_totals .cart_total_inner h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    color: rgb(34, 22, 56);
    margin-bottom: 25px;
}
.cart_totals .cart_total_inner table {
    border: 1px solid #dfe0f4;
    margin-bottom: 25px;
}
.cart_totals .cart_total_inner table tbody tr {
    height: 30px !important;
    line-height: 30px;
    padding: 0 20px !important;
}
.cart_totals .cart_total_inner table tbody tr td {
    text-align: right;
}
.cart_totals .cart_total_inner table tbody tr:last-child {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: rgb(34, 32, 56);
}

/*================= Checkout Page Design Start ===================*/
.checkout_content .container .choeckout_content_main {
    padding: 100px;
    background: #fff;
}
.choeckout_content_main .checkout_header {
    border-top: 3.5px solid #fe4a55;
    padding: 12px;
}
.choeckout_content_main .checkout_header p {
    padding: 0 !important;
    margin: 0 !important;
    margin-top: -30px !important;
    color: #fe4a55;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.choeckout_content_main .checkout_header a {
    padding: 0 !important;
    margin: 0 !important;
    color: rgb(34, 22, 56);
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
}
.choeckout_content_main .checkout_header a:hover {
    color: #fe4a55;
}
.choeckout_content_main .checkout_data {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
    margin-top: 50px;
}
.checkout_data .checkout_billing_details,
.checkout_orders {
    width: 48%;
}
.checkout_data .checkout_billing_details label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 22.5px;
    color: rgb(33, 37, 41);
    margin-bottom: 8px;
}
.checkout_data .checkout_billing_details label span {
    font-size: 15px;
    font-weight: 700;
    line-height: 22.5px;
    color: rgb(255, 0, 0);
}
.checkout_data .checkout_billing_details input {
    width: 100%;
    margin-bottom: 20px;
}
.checkout_data .checkout_billing_details select {
    outline: none;
    border-color: transparent;
    padding: 15px;
    width: 100%;
    background: #f9f9f9;
    font-size: 15px;
    font-weight: 700;
    color: rgb(34, 22, 56);
    margin-bottom: 20px;
}
.checkout_data .checkout_billing_details select:hover {
    border: 1px solid #fe4a55;
}
.choeckout_content_main .checkout_data h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    color: rgb(34, 22, 56);
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.checkout_data .checkout_billing_details textarea {
    height: 135px;
    width: 100%;
    background: #f9f9f9;
    outline: none;
    border-color: transparent;
    padding: 15px;
    margin-top: 20px;
    border-radius: 5px;
}
.checkout_data .checkout_billing_details textarea:focus {
    border: 1px solid #fe4a55;
}
.checkout_billing_details .horizontal_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 4%;
}
.horizontal_input div {
    width: 48%;
}
.checkout_data .checkout_orders table tbody tr td {
    font-size: 16px;
    font-weight: 800;
    line-height: 24px;
    color: rgb(33, 37, 41);
    padding: 15px 20px;
}
.checkout_data .checkout_orders .payment_method {
    margin-top: 30px;
    text-align: left;
}
.checkout_data .checkout_orders .payment_method input[type="radio"] {
    text-align: left;
    display: inline-block !important;
    margin-right: auto;
    height: 15px;
    width: 15px;
}
.checkout_data .checkout_orders .payment_method label {
    margin-left: 20px;
    margin-bottom: 10px;
    margin-top: -18px;
    font-size: 16px;
    font-weight: 800;
    line-height: 25.5px;
    color: rgb(34, 22, 56);
}

/*================= Blog Page Design Start =======================*/
.blog_body_main .blog_body {
    padding: 50px;
}
.blog_body .blog_body_inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.blog_body_inner .blog_body_box {
    background: #fffaf3;
    border-radius: 5px;
}
#eligibilityContent {
    margin-bottom: 0;
    padding-bottom: 0;
    width: fit-content;
    margin-left: auto;
}
.eligibility-warning {
    margin-bottom: 0;
    padding-bottom: 0;
}
.check-eligibilityDiv {
    margin-top: 1rem;
}
.check-eligibilityDiv .btn_red {
    width: fit-content;
    margin-left: auto;
    cursor: pointer;
}
/*=============== Blog Details page design start ==================*/
.blog_body_section .container .blog_body_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
    background: #fff;
    padding: 50px 100px;
}
.blog_body_main .blog_sidebar {
    width: 30%;
}
.blog_body_main .blog_contents {
    width: 66%;
}

/*-------- Blog details body leftside ---------*/
.blog_body_inner .blog_content_top .blog_top_img img {
    width: 100%;
}
.blog_content_top .blog_top_users .top_user_count_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
}
.blog_top_users .top_user_count_main .blog_user_count {
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 15px;
}

.top_user_count_main .blog_user_count .blog_user_icon {
    font-size: 28px;
    color: #cfcfcf;
    margin-bottom: 30px;
}
.blog_user_count .blog_user_content a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(34, 22, 56);
}
.blog_user_count .blog_user_content a:hover {
    color: #fe4a55;
}
.blog_body_main .blog_titles {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 800;
    color: rgb(34, 22, 56);
}
.blog_top_users .border_left {
    background: rgba(0, 0, 0, 0.03);
    padding: 50px;
    font-size: 22px;
    font-weight: 700;
    line-height: 32.2px;
    border-left: 3px solid #fe4a55;
    text-align: center;
}
.blog_body_inner .blog_major_elements .blog_mejor_img {
    margin: 25px auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 3%;
}
.blog_body_inner .blog_major_elements {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 20px;
}
.blog_body_inner .blog_major_elements .blog_service_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    margin-top: -50px !important;
}
.blog_major_elements .blog_service_list .blog_service_icon {
    margin-bottom: 30px;
}
.blog_major_elements .blog_service_list .blog_service_icon {
    font-size: 20px;
    color: #fe4a55;
}
.blog_body_inner .blog_content_travels {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.blog_content_travels .blog_travel_top .blog_content_tags a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(34, 22, 56);
}
.blog_content_travels .blog_travel_top .blog_content_tags a:hover {
    color: #fe4a55;
}
.blog_content_travels .blog_travel_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.blog_content_travels .blog_travel_top .blog_content_social {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 5px;
    margin-top: 30px;
}
.blog_travel_top .blog_content_social .blog_social_icons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
    margin-top: -50px;
}
.blog_travel_top .blog_content_social .blog_social_title h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(34, 22, 56);
}
.blog_travel_top .blog_content_social .blog_social_icons i {
    color: #fff;
    font-size: 15px;
    width: 32px;
    height: 32px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
}
.blog_travel_top .blog_content_social .blog_social_icons .inner_fb a i {
    background: #3b5998;
}
.blog_travel_top .blog_content_social .blog_social_icons .inner_fb a i:hover {
    background: #fff;
    border: 1px solid #3b5998;
    color: #3b5998;
}
.blog_travel_top .blog_content_social .blog_social_icons .inner_twitter a i {
    background: #00acee;
}
.blog_travel_top
    .blog_content_social
    .blog_social_icons
    .inner_twitter
    a
    i:hover {
    background: #fff;
    color: #00acee;
    border: 1px solid #00acee;
}
.blog_travel_top .blog_content_social .blog_social_icons .inner_linkedin a i {
    background: #0072b1;
}
.blog_travel_top
    .blog_content_social
    .blog_social_icons
    .inner_linkedin
    a
    i:hover {
    background: #fff;
    color: #0072b1;
    border: 1px solid #0072b1;
}
.blog_travel_top .blog_content_social .blog_social_icons .inner_instragram a i {
    background: #c13584;
}
.blog_travel_top
    .blog_content_social
    .blog_social_icons
    .inner_instragram
    a
    i:hover {
    background: #fff;
    color: #c13584;
    border: 1px solid #c13584;
}
.blog_content_travels .blog_travel_middle {
    background: url(../bgUrlPhoto/bg.green.jpg) no-repeat center !important;
    background-size: contain;
    background-position: top !important;
    border-radius: 5px 5px 0 0;
}
.blog_content_travels .blog_travel_middle .blog_profile_image {
    margin-left: 30px;
    max-width: 100px;
    border: 2px solid #fff;
    margin-top: 120px;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.blog_content_travels .blog_travel_middle .blog_profile_text {
    margin-left: 30px;
}
.blog_content_travels .blog_travel_middle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    padding-bottom: 50px;
}
.blog_content_travels .blog_travel_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 4%;
}
.blog_content_travels .blog_travel_bottom .travel_bottom_left {
    width: 48%;
}
.blog_travel_bottom .travel_bottom_left .travel_bottom_image {
    position: relative;
}
.blog_content_travels .blog_travel_bottom .travel_bottom_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    cursor: pointer;
}
.blog_travel_bottom .travel_bottom_left:hover .travel_left_text h4 {
    color: #fe4a55;
}
.blog_travel_bottom .travel_bottom_left:hover .preview {
    display: block;
}
.preview {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fe4a55;
    border-radius: 5px;
}
.preview h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    text-align: center;
    margin-top: 25px;
}
.blog_travel_bottom .travel_bottom_right:hover .travel_right_text h4 {
    color: #fe4a55;
}
.blog_content_travels .blog_travel_bottom .travel_bottom_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 20px;
    text-align: right;
    cursor: pointer;
    width: 48%;
    text-align: right;
}
.blog_travel_bottom .travel_bottom_right .travel_bottom_image {
    position: relative;
}
.blog_travel_bottom .travel_bottom_right .travel_bottom_image .next {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fe4a55;
    border-radius: 5px;
    display: none;
}
.travel_bottom_right .travel_bottom_image .next h2 {
    font-size: 20px;
    font-weight: 800;
    color: #fff;
    margin-top: 25px;
    text-align: center;
}
.blog_travel_bottom .travel_bottom_right:hover .next {
    display: block;
}
.blog_travel_bottom .travel_bottom_right .travel_right_text {
    text-align: right;
}
.blog_travel_bottom .travel_bottom_image img {
    width: 180px;
    border-radius: 5px;
}
.blog_content_travels .blog_travel_bottom h4 {
    font-size: 16.5px;
    font-weight: 800;
    line-height: 24.75px;
    color: rgb(34, 22, 56);
    margin-bottom: 0;
}
.blog_body_inner .blog_view_comments {
    margin: 40px auto;
}
.blog_body_inner .blog_view_comments .blog_commenter_info {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
    margin: 30px auto;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.08);
    padding-bottom: 30px;
}
.blog_view_comments .blog_commenter_info .blog_commenter_image {
    width: 80px;
}
.blog_commenter_text .blog_commenter_name h5 {
    font-size: 16px;
    font-weight: 800;
    color: rgb(34, 22, 56);
}
.blog_commenter_text .blog_commenter_name a {
    font-size: 13px;
    font-weight: 400;
    color: rgb(96, 96, 96);
}
.blog_commenter_text .blog_commenter_name a:hover {
    color: #fe4a55;
}
.btn_capsule {
    font-size: 13px;
    font-weight: 700;
    color: rgb(34, 22, 56);
    padding: 8px 20px 5px 20px;
    border: 1px dashed rgba(0, 0, 0, 0.2);
    border-radius: 30px;
}
.btn_capsule:hover {
    color: #fff;
    background: #fe4a55;
    border-color: transparent;
}
.blog_body_inner .blog_submit_comments p span {
    color: #fe4a55;
}
.blog_body_inner .blog_submit_comments .horizontal_input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
}
.blog_body_inner .blog_submit_comments input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.blog_body_inner .blog_submit_comments textarea {
    width: 100%;
    height: 150px;
    padding: 15px;
    background: rgba(0, 0, 0, 0.05);
    outline: none;
    border-color: transparent;
    border-radius: 4px;
    margin-bottom: 20px;
}
.blog_body_inner .blog_submit_comments textarea:focus {
    border: 1px solid #fe4a55;
}
.blog_body_inner .blog_submit_comments .commenter_checkbox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    width: 100%;
}
.blog_comments_submit .btn_red {
    outline: none;
    border-color: transparent;
}

/*-------- Blog details rightside sidebar ---------*/
.blog_sidebar .bolg_sidebar_search .serach_bar form input {
    width: 100%;
    margin-bottom: 40px;
}
.blog_sidebar .blog_titles {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
}
.bolg_sidebar_search .serach_bar form i {
    margin-top: 55px;
}
.blog_sidebar h4 .red_border {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 1px;
    background: #fe4a55;
}
.blog_sidebar .bolg_sidebar_posts {
    margin-bottom: 40px;
}
.blog_sidebar .bolg_sidebar_posts .sidebar_post_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
    margin-bottom: 12px;
}
.bolg_sidebar_posts .sidebar_post_inner .sidebar_post_image img {
    width: 120px;
    height: 65px;
    border-radius: 5px;
}
.bolg_sidebar_posts .sidebar_post_inner .sidebar_post_text p {
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: rgb(96, 96, 96);
    margin-bottom: -0.05px;
}
.bolg_sidebar_posts .sidebar_post_inner .sidebar_post_text a h4 {
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(34, 22, 56);
}
.bolg_sidebar_posts .sidebar_post_inner .sidebar_post_text a h4:hover {
    color: #fe4a55;
}
.bolg_sidebar_categories .sidebar_category_list {
    margin-bottom: 40px;
}
.bolg_sidebar_categories .sidebar_category_list ul li {
    list-style-type: disc;
    color: #fe4a55;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
}
.bolg_sidebar_categories .sidebar_category_list ul li a {
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    color: rgb(34, 32, 56);
    margin-right: 5px;
}
.bolg_sidebar_categories .sidebar_category_list ul li a:hover {
    color: #fe4a55;
}
.bolg_sidebar_categories .sidebar_category_list ul li span {
    color: #000;
}
.bolg_sidebar_tags .sidebar_tags_inner a {
    font-size: 14px;
    font-weight: 700;
    padding: 7px 15px;
    border-radius: 3px;
    background: #f5f5f5;
    color: rgb(34, 32, 56);
    margin-top: 8px !important;
    margin-right: 5px;
    display: inline-block;
}
.bolg_sidebar_tags .sidebar_tags_inner a:hover {
    color: #fff;
    background: #fe4a55;
}

/*================== Course Page Design Start ==================*/
.course_body_section .container .course_body_main {
    padding: 50px 0;
    background: #fff;
}
.course_body_main .course_body_inner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
    grid-column-gap: 30px;
    margin-bottom: 35px;
    grid-row-gap: 30px;
}
.course_body_main .course_sub_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 35px;
}
.course_body_main .course_sub_title .course_filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 5px;
}
.course_body_main .course_sub_title .course_filter h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgb(171, 171, 171);
}
.course_sub_title .course_filter form select {
    padding: 12px;
    background: rgba(0, 0, 0, 0.04);
    outline: none;
    border-color: transparent;
    border-radius: 5px;
    width: 220px;
    margin-right: 20px;
    font-weight: 700;
    font-size: 16px;
    font-weight: 700;
    color: rgb(34, 22, 56);
}
.popular_inner_content .user_info .user_btn .user_btn_left {
    margin-top: -20px;
}
.course_sub_title .course_filter form select:hover {
    border: 1px solid #fe4a55;
}

/*========= Course Details Page Design Start ==============*/
.course_details_title_rating {
    max-width: 65%;
    margin: auto;
}
.course_details_title_rating .rating {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
    margin-top: -25px;
}
.course_details_title_rating .rating .rating_count {
    margin-bottom: -40px;
}
.course_details_title_rating .rating i {
    color: #dca416;
}
.course_details_body .coures_details_slider img {
    width: 100%;
}

/*----------- Course Details Body ---------*/
.course_details_body .container .course_details_main {
    padding-left: 100px;
    padding-right: 100px;
    display: flex;
    justify-content: space-between;
    column-gap: 2%;
    padding-bottom: 50px;
    position: relative;
}
.course_details_main .course_details_content {
    width: 68%;
}
.course_details_main .course_details_sidebar {
    width: 30%;
    display: inline-block;
    position: sticky;
    top: 120px;
    align-self: flex-start;
    margin-top: 0;
}
.course_details_content .course_details_tabs .course_menu {
    width: 100%;
    /* background: rgba(0, 0, 0, 0.03); */
    margin-top: 35px;
    border-radius: 5px;
}
.course_details_content .course_details_tabs ul li :focus {
    border-bottom: 3px solid #fe4a55;
}
.course_details_content .course_details_tabs ul li .button_all {
    outline: none;
    border-color: transparent;
    font-size: 18px;
    font-weight: 800;
    color: rgb(34, 22, 56);
    padding: 14px 0;
    margin-top: 0;
    background: transparent;
    margin-left: 30px;
    position: relative;
}

.course_details_tabs .course_overview_inner {
    margin: 30px;
}
.course_details_tabs .course_overview_inner .sub_title2 {
    margin-top: 30px;
}

/*-------- Course Curriculum ----------*/
.course_curriculum_inner .accordion-body {
    padding: 0;
}
.course_details_list_header .accordion-button:not(.collapsed) {
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid var(--primary-blue);
}
.course_details_list_header .accordion-button {
    background: transparent;
    box-shadow: none;
}
.course_details_tabs .course_curriculum_inner .courseCuriTitle {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    color: var(--deep-blue);
    padding-left: 10px;
}

.course_details_tabs .course_curriculum_inner {
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    background: #fff;
    margin-bottom: 20px;
    user-select: none;
}
.course_details_tabs .course_curriculum_inner ul {
    background: #fff;
    padding-left: 0;
    margin-bottom: -15px;
}
.course_details_tabs .course_curriculum_inner .course_curi_title {
    font-size: 20px;
    font-weight: 800;
    line-height: 24px;
    color: rgb(34, 22, 56);
    margin-left: 30px;
    margin-top: 15px;
    /* margin-bottom: -20px; */
}
.course_curriculum_inner ul li {
    display: block;
    width: 100%;
}
.course_curriculum_inner ul li a .course_tab_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.03);
    padding: 20px 30px;
}
.course_curriculum_inner ul li .course_tab_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    background: rgba(0, 0, 0, 0.03);
    padding: 20px 30px;
    margin-bottom: 15px;
}
.course_curriculum_inner ul .bg_color_change:nth-child(even) {
    background: #fff;
}

.course_tab_inner .course_introduction i {
    font-size: 16px;
    color: var(--primary-blue);
    margin-right: 5px;
}
.course_tab_inner .course_introduction .course_name {
    font-size: 15px;
    font-weight: 800;
    line-height: 22px;
    color: rgb(34, 22, 56);
    margin-left: 3px;
}

.course_tab_inner .course_meta {
    margin-top: -35px;
}
.course_tab_inner .course_meta .question {
    color: rgb(45, 187, 196);
    font-size: 14px;
    font-weight: 700;
    background: rgb(227, 241, 242);
    padding: 2px 10px 1.5px;
    border-radius: 3px;
}
.course_tab_inner .course_meta .duration {
    font-size: 14px;
    font-weight: 700;
    background: rgb(247, 231, 232);
    border-radius: 3px;
    padding: 2px 10px 1.5px;
    color: #fe4a55;
    margin: auto 3px;
}
.course_tab_inner .course_meta .status {
    font-size: 14px;
    font-weight: 700;
    background: rgb(34, 22, 56);
    border-radius: 3px;
    padding: 2px 10px 1.5px;
    color: #fff;
}
.course_tab_inner .course_meta .status_locked {
    font-size: 16px;
    color: rgb(34, 22, 56);
}
/*--------- Course Instructor------------- */
.course_details_instractor {
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}
.course_details_instractor .instructorHeading {
    background: #221638;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 25px;
}
.course_details_instractor .instructorHeading .instructor_img {
    background: #fe4a55;
    padding: 25px;
}
.instructor_img img {
    width: 200px;
    border-radius: 50%;
    border: 5px solid #221638;
}
.instructor_Hcontent .ins_name {
    font-size: 35px;
    font-weight: 800;
    color: #ffffff;
    text-shadow: 3px 2px 1px #fe4a55;
}
.instructor_Hcontent h3 {
    margin-bottom: 0;
    text-shadow: 1px 1px 2px #f1c40f;
    transition: 0.4s;
}
.instructor_Hcontent h3 a:hover {
    color: #fe4a55;
}
.instructor_Hcontent h3 i {
    font-size: 15px;
    color: #fe4a55;
    background: #ffffff;
    padding: 3px;
    border-radius: 5px;
    margin-top: -40px;
    margin-right: 5px;
    text-shadow: none;
}
.instructor_Hcontent a {
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
}
.ins_social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    margin-top: 7px;
}
.ins_social .social .social_inner a i {
    margin-top: -45px;
    color: #ffffff;
    background: #fe4a55;
}
.ins_social .social .social_inner a i:hover {
    background: white;
    color: #221638;
}
.ins_social .s_follow {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
.course_details_instractor .career_objective {
    padding: 25px;
    background: #f8f1e4;
}
.career_objective .career_title {
    font-size: 30px;
    font-weight: 800;
    width: fit-content;
    border-bottom: 5px solid #fe4a55;
    margin-bottom: 20px;
}
.career_objective .career_content {
    font-size: 18px;
    font-weight: 500;
    color: #606060;
}
.course_details_instractor .education {
    padding: 25px;
    background: rgb(248, 241, 228);
}
.ins_titles {
    position: relative;
    border-bottom: 3px solid #221638;
    margin-bottom: 20px;
}
.ins_titles .cv_inner_titles {
    font-size: 25px;
    font-weight: 700;
}
.ins_titles::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -3px;
    width: 150px;
    height: 3px;
    background: #fe4a55;
}
.ins_contents .table tbody tr {
    padding: 20px !important;
}
.course_details_instractor .ins_skills {
    padding: 25px;
}
.ins_skills .skills-data {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.ins_skills .skills-data span {
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    border-radius: 50%;
    margin: 10px;
    display: block;
    font-size: 20px;
    font-weight: 500;
    border: 5px solid #fe4a55;
    cursor: pointer;
    transition: 0.4s;
}
.ins_skills .skills-data span:hover {
    transform: scale(1.1);
    border-color: #221638;
}
.test_skill {
    background: #049960;
    padding: 10px;
}

.course_details_instractor .ins_experience {
    padding: 25px;
    background: rgb(248, 241, 228);
}
.course_details_instractor table tbody tr td {
    cursor: pointer;
    transition: 0.4s;
}
.course_details_instractor table tbody tr td:hover {
    font-size: 1.1rem;
    color: #fe4a55;
}
.course_details_instractor .ins_projects {
    padding: 25px;
}
.ins_projects .project_links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
}
.ins_projects .project_links p {
    margin: unset;
}

.course_details_instractor .ins_achievement {
    padding: 25px;
    background: rgb(248, 241, 228);
}
.ins_achievement .achievement_content ul {
    background: unset;
    margin: unset;
    border-radius: unset;
    padding: unset;
}
.ins_achievement .achievement_content ul li {
    list-style-type: decimal;
    color: #fe4a55;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 17px;
}
.ins_achievement .achievement_content ul li span {
    color: #221638;
    font-weight: 500;
    font-size: 15px;
}
.course_feture_div {
    background: #faf2e6;
    padding: 1rem;
    list-style: disc;
}

/*--------------- Course Details feedback ----------------------*/
.course_details_feedback .contact_form {
    width: 100%;
    max-width: 767px;
    margin: auto;
    background: wheat;
    padding: 25px;
    border-radius: 5px;
}
.course_details_feedback .contact_form h2 {
    font-size: 33px;
    font-weight: 800;
    line-height: 39px;
    color: #221638;
}
.course_details_feedback .contact_form p {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.6px;
    color: #000000;
}
.course_details_feedback .contact_form input {
    display: block;
    width: 100%;
    padding: 12px;
    border: transparent;
    outline: 0;
    border-radius: 5px;
    background: white;
    margin-bottom: 15px;
    color: black;
}
.course_details_feedback .contact_form textarea {
    background: white;
    padding: 12px;
    height: 150px;
    border-radius: 5px;
    width: 100%;
    outline: 0 !important;
    border: transparent;
    color: black;
}

.course_details_feedback .contact_form input[type="submit"] {
    font-weight: 700;
}
.contactMassageSend {
    background: var(--blue) !important;
    color: #ffffff !important;
    transition: 0.4s;
}
.contactMassageSend:hover {
    background: #221638 !important;
}

.course_details_feedback .contact_form form ::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

/*------------ Course Prerequisiste ----------------*/
.course_details_prerequisite .prerequisite_inner {
    margin: 30px 0;
}
.bold_para {
    font-size: 1.1rem;
    font-weight: 700;
    color: #221638;
}
.prerequisite_list {
    margin-left: 0;
    margin-top: 0 !important;
    padding-left: 0;
    background: transparent !important;
    margin-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
}
.prerequisite_list li {
    margin-bottom: 0.5rem;
    list-style: disc;
    margin-left: 1rem;
}
.bold_para_text {
    font-weight: 700;
    color: #221638;
    display: inline;
}
.bold_para2 {
    font-size: 1rem;
    font-weight: 700;
    color: #221638;
    line-height: 1.2rem;
}
.evaluation_inner .sub_title2 {
    margin-bottom: 1.5rem;
}
.evaluation_inner .bold_para {
    margin-bottom: -0.5rem;
    margin-top: 1.5rem;
}
.evaluation_inner {
    margin: 30px 0;
}

/*------------- Course Details Sidebar -----------*/
.course_details_sidebar {
    z-index: 1;
}

.course_details_video_img button {
    background: #f8f9f8;
    border-radius: 3px 3px 0 0;
    outline: none;
    border-color: transparent;
    position: relative;
}
.course_details_video_img button i {
    position: absolute;
    top: 20px;
    left: 150px;
    font-size: 25px;
    color: #fff;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background: #fe4a55;
}
.course_details_video_img button h3 {
    position: absolute;
    top: 140px;
    left: 100px;
    font-size: 17px;
    font-weight: 700;
    padding: 4px 15px;
    color: #fff;
    border-radius: 5px;
    background: #000000;
}
.course_details_sidebar .course_details_sidebar_price {
    background: #f8f9f8;
    padding-left: 30px;
    padding-right: 30px;
}
.course_details_sidebar_price .course_price_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 10px;
    padding-bottom: 10px;
    column-gap: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.course_price_inner .course_price_inner_left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 15px;
}
.course_price_inner .course_price_inner_left i {
    margin-top: -45px;
    font-size: 18px;
    color: var(--primary-blue);
}
.course_price_inner_left .price_inner_left_text h4 {
    font-size: 17px;
    font-weight: 800;
    line-height: 25px;
    color: rgb(34, 22, 56);
}
.course_price_inner .course_price_inner_right h5 {
    font-size: 17px;
    font-weight: 600;
    line-height: 25px;
    color: rgb(96, 96, 96);
}
.course_price_inner .course_price_inner_right h2 {
    font-size: 25px;
    font-weight: 800;
    color: var(--primary-blue);
}
.course_details_sidebar_btns {
    background: #f8f9f8;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
    padding-bottom: 30px;
    border-radius: 0 0 3px 3px;
}
.course_details_sidebar_btns .add_to_cat_btn button .btn_inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.course_details_sidebar_btns .add_to_cat_btn a .btn_inner {
    margin: auto;
}
.course_details_sidebar_btns .buy_now_btn button .btn_inner {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
}
.share_btn .btn_share_title {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    margin: 20px;
}
.share_btn .btn_share_title h5 {
    font-size: 16px;
    font-weight: 700;
    color: #fe4a55;
}
.share_btn .btn_share_title i {
    margin-top: -8px;
}
.course_details_sidebar_btns .share_btn {
    position: relative;
    cursor: pointer;
}
.btn_share_icons {
    position: absolute;
    top: -30%;
    left: 23%;
    visibility: hidden;
    opacity: 0;
}
.course_details_sidebar_btns .share_btn:hover .btn_share_icons {
    visibility: visible;
    opacity: 1;
}
.PimgTag {
    font-size: 0.85rem;
    text-align: right;
}
.pLinkTop {
    font-size: 1.5rem;
    color: var(--primary-blue);
    font-weight: 700;
    transition: 0.4s ease;
    display: block;
}
.pLinkTop:hover {
    text-decoration: underline;
}
/*==================== Course submit ============================*/

.enrollSection .container .auth_body {
    position: relative;
}
.enrollSection .container .auth_body .animation_red_borders {
    position: absolute;
    top: 0;
    left: 80px;
    animation-name: red_border_circle;
    animation-duration: 5s;
    animation-delay: 0.05s;
    animation-iteration-count: infinite;
}
.enrollSection .container .auth_body .animation_yellow {
    position: absolute;
    bottom: 0;
    right: 0;
    animation-name: rotate;
    animation-duration: 50s;
    animation-iteration-count: infinite;
}
.courseSubmit {
    width: 100%;
    border-radius: 0.4rem;
    max-width: 767px;
    margin: auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
    background: linear-gradient(45deg, #00c5e21f, rgb(3 189 251 / 7%));
}
.batchEnrolled .CEDtitle {
    color: var(--hover-blue) !important;
    margin-bottom: 1rem;
}
.course_enroll_topInner.enrolledC {
    align-items: center;
}
.courseSubmit .btn {
    background: var(--primary-blue);
    width: fit-content;
    margin: auto;
    padding: 10px;
}
.enrolledAndGo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.5rem;
    row-gap: 1rem;
}
.enrolledAndGo h4 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
}
.auth_body_main .enrolledC.register {
    padding: 1.5rem;
    width: fit-content;
    max-width: unset;
    margin-left: auto;
    margin-right: auto;
}
.courseSubmit form .sub_title {
    color: #ffffff;
}
.courseSubmit form label {
    color: #ffffff;
}
.courseSubmit form .form-group input {
    color: #ffffff;
    background: #000032;
    border: 1px solid var(--primary-blue);
}
.courseSubmit form .form-group input:focus {
    border: 2px solid var(--primary-blue);
    box-shadow: none;
}

.courseSubmit .btn:hover {
    background: var(--hover-blue);
}
.courseSubmit .enrollForm input {
    background: #c22b34;
    color: white;
}
.courseSubmit .enrollForm ::placeholder {
    color: white;
}
.courseSubmit .enrollForm p {
    color: white;
}

/*=================== Gellery page design start ====================*/
.video_body_section {
    padding: 50px;
}
.gallery_title {
    text-align: center;
    margin-bottom: 50px;
}
.galleryTitleInner {
    max-width: 767px;
    margin: auto;
}
.galleryTitleInner .paragraph {
    text-align: center !important;
}
.imgDownload {
    cursor: pointer;
    font-size: 18px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.6);
    transition: 0.04s;
}
.imgDownload:hover {
    color: #000;
}
.imageModalBody {
    height: fit-content;
    background: #f0ebd0fd;
}
.gellery_single_box .gellery_single_inner {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 1rem;
}
.gellery_single_inner .singleGellery {
    width: 100%;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}
.gellery_single_box .gellery_single_inner:last-child {
    padding-bottom: 0;
}
.gelleryMain .gellery_single_box {
    padding-top: 2rem;
    background: #fef8ef;
    padding-bottom: 3rem;
    border: 1px solid #ddd;
}
.gelleryMain .gellery_single_box:first-child {
    border-radius: 0.4rem 0.4rem 0 0;
}
.gelleryMain .gellery_single_box:last-child {
    border-radius: 0 0 0.4rem 0.4rem;
    padding-bottom: 0;
}
.gelleryMain .gellery_single_box:nth-child(odd) {
    background: #f7f5f5;
}
.gellery_single_box .gellery_sub_title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    color: #fe4a55;
    margin-bottom: 2.5rem;
}
.gelleryMain .singleGellery .image_inner_icon button {
    border-color: transparent;
    margin-top: 0;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
}
.singleGellery .image_inner_icon button img {
    border-radius: 5px;
    transition: 0.4s;
    width: 100%;
}
.singleGellery .image_inner_icon button img:hover {
    transform: scale(1.1);
    opacity: 0.5;
}

/*=================== privacyBodyMain ====================*/
.privacyBodyMain {
    width: 100%;
    max-width: 992px;
    margin: 50px auto;
}
.privacyContent .privacyImg img {
    margin-bottom: 15px;
}
.privacyInnerContent .webDetails {
    padding: 20px;
    background: #e6f2f5;
    margin-bottom: 15px;
}

.privacyInnerContent .title_h3 {
    margin-bottom: 0;
    margin-top: 2rem;
    font-size: 1.2rem;
}
.privacySecondItem {
    list-style: disc;
    font-size: 0.95rem;
    margin-bottom: 0.4rem;
}
.privacyInnerContent .paragraph {
    margin-bottom: 1rem;
}
.privacySecondItem a:hover {
    text-decoration: underline;
}
.privacy_li {
    font-size: 0.95rem;
    font-weight: 500;
    color: #221638;
    line-height: 1.3rem;
    margin-bottom: 0.5rem;
}
.privacyContent li {
    list-style: disc;
}
.title_h5 {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
    margin-top: 1rem;
}
.termosbigTitle {
    font-size: 2.2rem;
    font-weight: 600;
    color: #000032;
    margin-top: 1rem;
}

/*=============== Student Profile Design Start ===========================*/
.student_pro_btn.active {
    background: var(--primary-blue) !important;
    border-radius: unset;
}
.student_profile_main {
    padding: 3rem 6rem;
    column-gap: 1%;
    background: transparent;
    width: 100%;
}
.upcomingSidebar {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.upcomingSidebar.UBSBT .batchStartDat {
    display: flex;
    justify-content: flex-start;
    column-gap: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 1rem;
}
.upcomingSidebar.UBSBT .nameBatchNumbe {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.upcomingBatchMObileImgs {
    width: 11rem;
}
.upcomingBatchNotMassage {
    width: 100%;
    padding: 2rem;
    border-radius: 0.5rem;
    box-shadow: 0 0 3px #72a1f894;
    background: rgba(255, 255, 255, 0.5);
    font-size: 1.3rem;
    font-weight: 500;
    text-align: center;
}
.upcomingBatchNotMassage.UBsitebar {
    padding: 1rem;
    font-size: 1rem;
    border-radius: unset;
    text-align: justify;
}
.upcomingBatchNotMassage.UBSBM {
    border-radius: unset;
    text-align: justify;
}
/* .mobileUpcomingSitebarMain{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 1%;
}
.mobileUpcomingSitebarMain.nameBatchNumbe{
    width: 32.33%;
}
.nameBatchNumbe.flexing{
    border: 1px solid rgba(0, 0, 0, .2);
} */
.mobile-sidebar-image-div img {
    width: 100%;
    border-radius: 0.4rem;
}
.upcomingSidebar.UBSBT .nameBatchNumbe {
    padding: 1.5rem 1rem;
}
.upcomingSidebar.UBSBT .batchStartDat span {
    margin-bottom: 0;
}
.upcomingSidebar .student_titl {
    padding: 1rem;
    font-size: 1.3rem;
    margin-bottom: 0;
    font-weight: 600;
}
.upcomingSidebar.UBSBT {
    display: none;
}
.upcomingSidebar .nameBatchNumbe {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    padding: 1rem;
    background: linear-gradient(-45deg, #00e2d51a, #00e2d500);
}
.upcomingSidebar .nameBatchNumbe:nth-child(even) {
    /* background: rgba(0, 0, 0, .035); */
    background: linear-gradient(45deg, #00e2d51a, #00e2d500);
}
.UpCommingAllDataSidebar.desk a {
    display: block;
    width: 100%;
    /* padding: 0.5rem 1rem;
    border-radius: 1rem;
    background: var(--primary-blue);
    color: #ffffff; */
    margin-top: 1rem;
    text-align: center;
}
.UpCommingAllDataSidebar.mobile {
    display: none;
}
.UpCommingAllDataSidebar.mobile a {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    display: block;
}

.batchStartDat span {
    display: block;
    margin-bottom: 1rem;
}
.batchStartDat .upComingEnroll {
    display: block;
    width: fit-content;
}
.batchStartDat .upComingEnroll span {
    margin-bottom: 0;
}
.nameBatchNumbe .batchName {
    margin-bottom: 1rem;
    font-size: 1.08rem;
    display: block;
    line-height: 1.3rem;
}
.userProgressBarMain {
    padding: 3rem 6rem 0 6rem;
}
.student_pro_btn_div {
    width: 26%;
}
.learnerProfileSidebarMenu {
    border-bottom: 1px solid var(--primary-blue);
}
.learnerProfileSidebarMenu button {
    width: 100%;
}
.student_pro_content_div {
    width: 73%;
}
.student_profile_main .btn_red {
    border: none;
}
.student_profile_main .student_title {
    font-size: 1.5rem;
    font-weight: 600;
    color: #221638;
    margin-bottom: 1rem;
}
.student_pro_btn {
    margin: 0;
    text-align: left;
    color: #221638;
    font-weight: 600;
}
.student_profile_main .basic_inner {
    box-shadow: 0 0 2px 0 var(--primary-blue);
    border-radius: 5px;
    padding: 2rem;
}
.std_basic form .std_basic_top {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 3rem;
}
.std_basic_top .std_img {
    position: relative;
    cursor: pointer;
    transition: 0.4s;
}
.std_basic_top .std_img .change_image {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    display: none;
    text-align: center;
    border-radius: 50%;
}
.change_image p {
    font-size: 17px;
    font-weight: 700;
    color: #ffffff;
    transform: translateY(250%);
}
.std_basic_top .std_img:hover .change_image {
    display: block;
}
.std_basic_top .std_img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 1px solid #fe4a55;
    cursor: pointer;
    transition: 0.4s;
}
.std_basic_top .std_img img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
}
.img_delete .std_img_delete {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    color: #fe4a55;
    margin-left: auto;
    cursor: pointer;
    margin-top: -10px;
}
.img_delete .std_img_delete i {
    color: #fe4a55;
    margin-top: 5px;
}
.img_delete .std_img_delete:hover {
    background: #e9b4b7;
}
.std_img_div .img_delete {
    position: relative;
}
.img_delete_msg {
    position: absolute;
    right: 0;
    bottom: -1.8rem;
    font-size: 12px;
    color: #ffffff;
    background: #221638;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 5px;
    transition: 0.4s;
    transform: translate(40%);
    display: none;
}
.img_delete:hover .img_delete_msg {
    display: block;
}
.std_full_name {
    margin-bottom: 0.5rem;
    margin-top: -0.25rem;
}
.std_full_name input {
    /* display: block; */
    margin-bottom: 1.5rem;
    color: var(--deep-blue);
    font-size: 20px;
    font-weight: 700;
    background: transparent;
    border: none;
    outline: none;
    width: fit-content !important;
}

.student_pro_btn:hover {
    border-radius: unset;
    color: var(--primary-blue);
}
.btn_light {
    border: 2px solid #ffffff;
    outline: none;
    background: transparent;
    color: #ffffff;
    padding: 13px 1rem;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 700;
    position: relative;
    transition: 0.4s;
    z-index: 11;
}
/* .btn_light::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: #221638;
    cursor: pointer;
    z-index: -1;
    transition: .4s;
    border-radius: 5px;
} */

.std_basic form .std_basic_fullwidth input {
    background: transparent;
    border: none;
    outline: none;
    font-size: 20px;
    font-weight: 700;
    color: var(--deep-blue);
    width: 100%;
}
.std_basic_fullwidth {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    margin-top: -3rem;
}

.std_basic form .std_basic_btn {
    display: flex;
    justify-items: flex-end;
    align-items: center;
    column-gap: 1rem;
    margin-left: auto;
    width: fit-content;
}
.pNumber form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
}
.pNumber form button {
    margin-top: 0;
}
.pNumber form input {
    border: 1px solid #fe4a55;
}
.pNumber form select {
    padding: 14px 0;
    border: 1px solid #fe4a55;
    border-radius: 5px;
    cursor: pointer;
}
.pNumber form select:hover {
    border: 2px solid #fe4a55;
}
.pNumber form select:focus {
    outline: 3px solid #fe4a55;
}
.std_basic form .address {
    width: 100%;
    border: 1px solid #fe4a55;
    text-align: left;
    border-radius: 5px;
}

/*----------- Password ---------------*/
.cp_btns {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
}

.student_pass_form .std_passwodr_top div label {
    display: block;
    color: #221638;
    font-weight: 600;
    margin-bottom: 5px;
}
.student_pass_form .std_passwodr_top div input {
    width: 100%;
    margin-bottom: 1.5rem;
    border: 1px solid #fe4a55;
}

/*-------- Link Account --------------*/
.std_conn_ac_last {
    text-align: right !important;
    margin-left: auto;
}
.std_conn_ac_last button {
    margin-top: -0.2rem;
}
.std_conn_ac_last .btn_red {
    margin-left: auto;
}
.std_linke_box table tr th {
    border-radius: 5px;
}
.std_linke_box table tr th {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}
.std_linke_box table tr th span {
    margin-top: 15px;
    display: inline-block;
}
.std_linke_box table tr th i {
    margin-top: 10px !important;
}
.std_linke_box table tr th .fa-xmark {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #221638;
    color: #ffffff;
    border-radius: 50%;
}
.std_linke_box table tr th .fa-check {
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #fe4a55;
    color: #ffffff;
    border-radius: 50%;
}
.stc_acc_notcon .fa-xmark {
    display: none;
}
.stc_acc_conneted .fa-check {
    display: none;
}

/*----------- Courses --------------*/
.std_course_inner {
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.02);
}
.courseheadingsingle .std_course_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.5rem;
}
.courseHeading .stdcbi .nav-link.active {
    background: #00a0c912;
}
.courseHeading .stdcbi .nav-link:hover {
    background: #00a0c912;
}
.courseHeading .stdcbi .nav-link.active .std_course_contiti {
    color: var(--primary-blue);
}
.courseHeading .nav-item {
    width: 22%;
}
.courseHeading .nav-item .nav-link {
    width: 100%;
}
.courseheadingsingle .std_course_icon h2 {
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #000032;
}
.courseheadingsingle .std_course_icon i {
    font-size: 1.2rem;
    background: transparent;
    color: var(--primary-blue);
}
.courseheadingsingle .std_course_data h3 {
    font-size: 1.1rem;
    margin-bottom: 0;
    color: #000032;
}
.courseHeading .stdcbi .nav-link {
    padding: 0.3rem 0.8rem;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.std_course_inner:hover .std_course_data h3 {
    color: var(--primary-blue);
}
.std_course_inner:hover .std_course_icon i {
    color: var(--primary-blue);
}
.std_courses_btns_inner li .active {
    border-bottom: 6px solid var(--primary-blue) !important;
}
.std_course_inner .std_course_icon i {
    font-size: 1.5rem;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    margin-top: 5px;
}
.enrolled .std_course_icon i {
    color: #00acee;
    border: 1px solid #00acee;
    background: #c4ebfa;
}
.activeCourseTitles {
    cursor: pointer;
}
.active_course .std_course_icon i {
    color: #dca416;
    border: 1px solid #dca416;
    background: #f6e7c2;
}
.activeCourseBodies {
    display: none;
}
.activeCourseTitles:hover {
    background: #00b4e212;
    box-shadow: 0 0 3px #0072b1;
}
.coursePlayToltip {
    position: relative;
    display: none;
}
.CoursePlaytoltipContent {
    position: absolute;
    top: -3.8rem;
    right: 0;
    background: #000032;
    color: #ffffff;
    z-index: 9999;
    width: fit-content;
    padding: 0.4rem 1rem;
    border-radius: 0.6rem;
    font-size: 1rem;
}
.coursePlayToltipM:hover .coursePlayToltip {
    display: block;
}
.activeCourseTitles td {
    padding-left: 1rem;
}
.arrowCell::after {
    content: "\25BC";
    font-size: 1.2rem;
    float: right;
    margin-right: 0.5rem;
    margin-top: 0.2rem;
}
.arrowCell.up::after {
    content: "\25B2";
}
.completed_course .std_course_icon i {
    color: #4caf50;
    border: 1px solid #4caf50;
    background: #cef6cf;
}
.std_course_inner .std_course_data h3 {
    font-size: 18px;
    font-weight: 600;
}
.std_courses ul {
    justify-content: space-between;
}
.std_course_data .std_course_contiti {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 0;
}
.std_course_data_main .student_title span {
    color: #fe4a55;
    font-size: 18px;
    margin-left: 1rem;
}

.std_course_data_main .std_cours_inner_content {
    padding: 1rem;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 3%;
}
.std_course_data_main .std_cours_inner_content:last-child {
    margin-bottom: 0 !important;
}
.std_cours_inner_content .inner_content_text {
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    width: 60%;
}
.std_cours_inner_content .inner_content_text table {
    margin-bottom: 0;
}
.std_cours_inner_content .inner_content_img {
    width: 37%;
    border: 1px solid rgba(0, 0, 0, 0.3);
    min-height: 9rem;
    border-radius: 5px;
}
.std_cours_inner_content .inner_content_img img {
    width: 100%;
    border-radius: 5px;
}

/*------------ Active Course ----------------*/
.inner_content_text_active {
    width: 100%;
}
.video_unlock_note {
    font-weight: 600;
    font-size: 1rem;
    color: var(--deep-blue);
}

.inner_content_text_active .table {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 2rem;
}
.inner_content_text_active .table:last-child {
    margin-bottom: -2rem !important;
}
.inner_content_text_active .table tbody .active_top {
    padding-bottom: 1rem;
}
.inner_content_text_active .table tbody .active_top td {
    display: block;
}
.inner_content_text_active .table tbody .active_top td img {
    width: 100%;
}

.inner_content_text_active .table tbody .active_top td h3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-blue);
    width: 85%;
    margin-bottom: 0;
    margin-top: -0.5rem;
}
.inner_content_text_active .table tbody .std_active_bottom {
    border-color: transparent;
    width: 100%;
}
.std_active_bottom th .accordion .accordion-item h2 button h3 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
}

/* Course Ratiog */
.mcq_main {
    background: linear-gradient(
        45deg,
        rgb(60, 23, 112),
        rgb(0, 0, 50),
        rgb(29, 21, 56),
        rgb(60, 23, 112)
    );
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 9999;
}
.mcq_inner {
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    max-width: fit-content;
    min-width: 400px;
    max-height: 100vh;
    overflow-y: auto;
    background: #ffffff;
    padding: 10px;
}
.mcq_form {
    padding: 10px;
}
.mcq_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mcq_title {
    font-size: 20px;
    font-weight: 700;
    color: var(--deep-blue);
    margin-bottom: 0;
}
.question {
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #000032;
    background: transparent;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 15px;
}
.answer_lebel {
    display: block;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}
.answer_btn {
    border: 1px solid #000032;
    outline: none;
    background: transparent;
    font-size: 14;
    font-weight: 600;
    color: #000032;
    margin-right: 8px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    transition: 0.4s;
}
.answer_btn:hover {
    background: var(--hover-blue);
    color: #ffffff;
    border-color: var(--hover-blue);
}
.mcq_select {
    background: var(--hover-blue);
    color: #ffffff;
    border-color: var(--hover-blue);
}
.answer {
    transform: scale(0);
    position: absolute;
}

.mcq_close {
    background: var(--primary-blue);
    border: none;
    outline: none;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: block;
    margin-left: auto;
    color: #ffffff;
    transition: 0.4s;
    border-radius: 5px;
}
.mcq_close:hover {
    background: var(--deep-blue);
}
.mcq_main {
    transform: scale(0);
    transition: 0.4s;
}
.answer_lebel {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
}
.answer_lebel span {
    display: inline-block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border: 1px blue solid;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 8px;
}
.wrong_answer span {
    background: #f70213;
}
.right_answer span {
    background: blue;
    color: white;
}
.right_answer_was span {
    background: #000040;
}
.mcq_result_form {
    display: none;
    padding: 10px;
}
.mcq_result_form .single_question {
    margin-top: 25px;
}
.answer_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 5px;
    margin-top: 20px;
}
.goted_marks {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 6px 9px;
    border-radius: 5px;
    background: linear-gradient(to right, var(--deep-blue), var(--blue));
}
.goted_marks b {
    font-size: 1rem;
    font-weight: 700;
}

.rating_open_main {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 10px;
    margin-top: 10px;
}

.ratingOpen i {
    color: #f0b902fa;
}
.ratingOpen span {
    color: #ffffff;
}
.rmain_open {
    display: none;
}
.test_result_show {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;
    padding: 6px 9px;
    border-radius: 5px;
    background: var(--hover-blue);
    cursor: pointer;
    transition: 0.4s;
}
.test_result_show:hover {
    background: var(--blue);
}
.totl_rating_show p {
    margin-bottom: 0;
}
.test_result_show p {
    margin-bottom: 0;
}
.totl_rating_show {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 500;
    /* color: #ffffff;
    padding: 6px 9px;
    border-radius: 5px;
    background: linear-gradient(to right, var(--primary-blue), var(--blue));
    cursor: pointer; */
    display: none;
}

/*====================== portfolio Section =========================*/
.portfolio_open_btn .portfolio_image_single {
    border-radius: 10px;
    border: 1px solid #ffffff;
}
.portfolio_open_btn {
    background: transparent;
    border: none;
    outline: none;
    border-radius: 10px;
    position: relative;
}
.portfolio_open_btn i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #ffffff;
    background: #c22b34;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    animation: playerBorder 2s infinite ease-in;
}
@keyframes playerBorder {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.3);
    }
}
.portfolio_modal_player .modal-body {
    padding: 0;
    margin-bottom: -7px;
}
.portfolio_modal_player .modal-body iframe {
    border-radius: 0 0 6px 6px;
}
.portfolio_modal_player .modal-content {
    height: fit-content;
    left: 50%;
    transform: translateX(-50%);
}
.portfolio_modal_player .modal-header {
    background: var(--primary-blue);
    margin-bottom: -1px;
}
.portfolio_modal_player .modal-header i {
    color: #ffffff;
    font-size: 20px;
}
.portfolio_modal_player .modal-header .modal-title {
    color: #ffffff;
}
.portfolio_details_img img {
    width: 100%;
}
.course_details_main .portfolio_details_content {
    width: 100%;
}
.portfolio_details_container {
    width: 100%;
}
.protfolio_title_div {
    padding: 30px;
    text-align: center;
    background: wheat;
}
.protfolio_heading {
    background: #ffffff;
    padding: 15px 25px;
    color: #221638;
    margin: 0;
    font-size: 22px;
    font-weight: 900;
    border: 1px solid #fe4a55;
}

.portfolio_contents {
    background: wheat;
    padding: 20px;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    text-align: justify;
}
.portfolio_img_title_text {
    font-size: 1.8rem;
    font-weight: 800;
    background: #fe4a55;
    line-height: 2.5rem;
    text-align: center;
    padding: 0.6rem;
    margin: 0;
    color: #ffffff;
}

/*--------------- Protfolio Details  ---------------*/
.protfolio_div {
    margin: 0 auto;
    text-align: center;
}
.portfolio_details_box .video_div iframe {
    width: 100%;
    height: 26rem !important;
    margin-bottom: 0;
}

.PFmodal .PFdialog {
    width: 95%;
    max-width: 767px;
    height: fit-content !important;
}
.PFdialog .PFcontent {
    height: fit-content !important;
}
.PFdialog .PFcontent .PFheader {
    background: blueviolet;
    border-bottom: 0;
    padding: 0.8rem;
}
.PFdialog .PFcontent .PFbody {
    background: blue;
    padding: 0 1rem 1rem 1rem;
    border-radius: 0 0 0.3rem 0.3rem;
}
.PFheader .PFDclose {
    background: transparent;
    margin-left: auto;
    text-align: center;
    transition: 0.4s;
    border-radius: 0.3rem;
    border-color: transparent;
    outline-color: transparent;
    transition: 0.4s;
    opacity: 0.8;
}
.PFheader .PFDclose:hover {
    opacity: 1;
}
.slide_video_btn {
    font-size: 1.1rem;
    margin-top: 6px;
}
.PFheader .PFDclose i {
    font-size: 1.4rem;
    color: #ffffff;
}
.PFbody .portfolio_details_box {
    background: #ffffff;
}
.PFbody .portfolio_details_box .img_div {
    position: relative;
}
.protfolio_div .pfopenbtn {
    border: none;
    border-radius: 0.4rem;
    background: none;
}
.protfolio_card .card_image_main .card_image {
    /* border-radius: .4rem; */
    border-radius: 12px;
    height: 200px;
}

/*------------ Portfolio details img ---------*/
.portfolio_details_boxImg {
    width: 100%;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 111111;
    transform: scale(0);
    transition: 0.4s;
}
.portfolio_details_boxImg .img_div {
    width: 90%;
    max-width: 767px;
    height: 90vh;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5vh;
    z-index: 11111111111;
    overflow-y: auto;
    background: white;
    padding: 0 1rem;
    background: blueviolet;
    border-top: 1rem solid blueviolet;
    border-bottom: 1rem solid blueviolet;
    border-radius: 0.3rem;
}
.portfolio_details_boxImg .img_div .img_inner,
.img_text {
    background: #ffffff;
}
.portfolio_details_boxImg .btn_close_pfImg {
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border-radius: 0.4rem;
    transition: 0.4s;
    background: #fe4a55;
    position: fixed;
    top: 2%;
    right: 2%;
    border-color: transparent;
    outline-color: transparent;
}
.portfolio_details_boxImg .btn_close_pfImg:hover {
    background: #221638;
}
.portfolio_details_boxImg .btn_close_pfImg i {
    font-size: 1.2rem;
    color: #ffffff;
}
.img_inner .slick-arrow {
    z-index: 99999999999999;
    background: #fe4a55;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    transition: 0.4s;
}
.img_inner .slick-arrow:hover {
    background: #221638;
}
.img_inner .slick-next {
    margin-left: 2rem !important;
}
.img_inner .slick-prev {
    margin-right: 2rem !important;
}
.std_Video_player {
    width: 100%;
    height: 28rem;
}
.card_image_main a .video_main {
    width: 100%;
    border-radius: 5px 5px 0 0;
}
.user_text .title_h4 .prot_titlea {
    text-decoration: none;
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #221638;
    line-height: 2rem;
}

/*====================== Student review page ================*/
.Student_review_content {
    width: 100% !important;
}
.webReviewForDetails {
    box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 3rem;
    border-radius: 0.5rem;
}
.videoRivewInnerDetails {
    grid-template-columns: auto !important;
}
.videoRivewInnerDetails .rVideo_single {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2rem;
}
.student_review_details_page {
    background: rgba(0, 0, 0, 0.05);
    padding: 1rem;
    gap: 1rem;
    border-radius: 0.5rem;
}
.inner_btntab {
    border: none;
    outline: none;
    background: transparent;
    transition: 0.4s;
    font-size: 1rem;
    font-weight: 700;
    color: #221638;
}
.inner_btntab:hover {
    border-bottom: 3px solid #fe4a55;
}
.socialReview_inner_details {
    margin-bottom: 3rem !important;
}
.student_review_section .container .student_review_main {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
}
.Student_review_tab .student_menu {
    background: #ebefeb;
    border-radius: 5px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

.student_menu_btn {
    outline: none;
    border: none;
    font-size: 18px;
    font-weight: 800;
    color: rgb(34, 22, 56);
    padding: 14px 0;
    margin-top: 0;
    background: transparent;
    margin-left: 30px;
    position: relative;
    transition: 0.4s;
}
.student_menu_btn:hover {
    border-bottom: 3px solid #fe4a55;
}
.student_menu_btn.active {
    border-bottom: 3px solid var(--primary-blue);
}
.review_body_for_student .web_review {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 2%;
    flex-wrap: wrap;
}
.sReviewer_data .sub_title2 {
    font-size: 22px;
}

/*------------ Web review -------------*/
.web_review_inner_body {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
    row-gap: 2rem;
    flex-wrap: wrap;
}
.web_review_body .web_single_body {
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3);
    width: 48%;
    border-radius: 0.5rem;
}
.web_single_body .paragraph {
    padding: 1.5rem;
    background: #00cbff0f;
    margin-top: 0;
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    overflow: auto;
    height: 12rem;
}
.webRinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2%;
    padding: 1.5rem;
}
.webRinfo .webRimg {
    width: 18%;
}
.webRinfo .webRimg img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid #221638;
    margin-right: auto;
}
.webRnameCourse .Student_name {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 0;
}
.webRnameCourse .courseName {
    font-size: 0.9rem;
    font-weight: 700;
    color: #221638;
}
.webRinfo .webRnameCourse {
    width: 80%;
}
.reviewer_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1.5rem;
    padding: 1.5rem 2rem;
}
.reviewer_info .reviewer_img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: 1px solid #221638;
    padding: 0.3rem;
    background: #fe4a55;
}
.Sreviewtitle {
    font-size: 1.3rem;
    font-weight: 800;
    color: #000032;
    text-align: center;
    margin: 1.5rem auto;
}
.reviewer_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.R_course_name {
    font-size: 1rem;
    font-weight: 500;
    color: #221638;
}
.R_course_name span {
    font-weight: 700;
}
.webReview_content {
    background: #fef8ef;
    padding: 1.5rem 2rem;
    border-bottom: 1px solid rgba(34, 22, 56, 0.3);
    border-radius: 0.5rem 0.5rem 0 0;
}
.load_more_btn {
    border: none;
    width: fit-content;
    margin: 0 auto;
}

/*------------------ Social Review -----------------*/
.socialReview_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 20rem;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem;
    margin: 2rem 0;
}
.socialReview_inner .sReviewer_info {
    width: 40%;
    border-right: 1px solid rgba(34, 22, 56, 0.3);
    height: 100%;
    background: #fef8ef;
    text-align: center;
    padding: 1rem;
    border-radius: 0.5rem 0 0 0.5rem;
}
.socialReview_inner .sReview_content {
    width: 60%;
    padding: 1rem;
}
.sReviewer_info .sReviewer_img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: 0.3rem solid var(--primary-blue);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5rem;
}
.sReviewer_img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

/*------------------ Video review  ------------------*/
.videoReview_inner {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1.6rem;
    width: 100%;
    margin: 2rem 0;
}
.rVideo_div iframe {
    border-radius: 0.5rem 0.5rem 0 0;
}
.videoReview_inner .rVideo_single {
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3);
    border-radius: 0.5rem;
}
.rVideo_single .rVideo_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
}
.rVideo_logo img {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
}
.rVideoCourseTitle {
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.5rem;
    color: #221638;
}
.rVideo_single .rVideo_info {
    padding: 0.5rem 1.5rem;
}
.rVideo_name {
    font-size: 1.1rem;
    font-weight: 600;
    color: #fe4a55;
    margin-bottom: 0;
}

/*=============== Studen review section ==============*/
.student_home_review_section {
    background: linear-gradient(to bottom, #1e3799, var(--deep-blue));
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.SHRmain {
    padding: 50px 0;
}
.SHRmain .sub_title {
    width: fit-content;
    margin-right: auto;
    margin-left: auto;
    color: #ffffff;
    margin-bottom: 3rem;
}
.SHRmain .SRH_inner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    column-gap: 2%;
    row-gap: 20px;
    margin-bottom: 3rem;
    flex-wrap: wrap;
}
.student_home_single {
    background: #ffffff;
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1);
    width: 23%;
    border-radius: 0.5rem;
}
.student_home_single .paragraph {
    padding: 1rem 1.5rem;
    margin-top: 0;
    background: rgba(0, 0, 0, 0.05);
}
.SRH_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2%;
    height: fit-content;
    padding: 1rem 1.5rem;
}
.SRH_info .SRH_img {
    width: 20%;
}
.SRH_info .SRH_img img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #221638;
}
.SRH_name_course {
    width: 78%;
}
.SRH_name_course .Student_name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--deep-blue);
    margin-bottom: 0;
}
.SRH_name_course .courseName {
    font-size: 0.9rem;
    font-weight: 500;
    color: #221638;
}

/* Student job success */
.student_job_section {
    background: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.student_job_section_main {
    padding: 50px 0;
}
.student_job_section_main .sub_title {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3rem;
}
.course_details_btn {
    width: 90%;
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    background: rgba(0, 0, 0, 0.1);
    color: #000032;
    transition: 0.4s;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 0;
    border-radius: 5px;
    transition: 0.4s;
}
.course_details_btn:hover {
    color: var(--blue);
    background: rgba(0, 0, 0, 0.25);
}
.popular_crs_main .popular_crs_content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
    grid-column-gap: 30px;
    margin-top: 50px;
    grid-row-gap: 30px;
}
.student_job_single_home {
    border-radius: 0.5rem;
}
.student_job_info {
    background: #ffffff;
    border-radius: 0 0 0.5rem 0.5rem;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
    border-radius: 0.5rem;
}
.student_job_single_home .paragraph {
    margin-top: 0;
    padding: 1.5rem;
}
.student_job_info .student_job_image {
    width: 100%;
    text-align: center;
    background: linear-gradient(to bottom, #056abe, #7200c9);
    /* background: #000032; */
    padding: 1rem 0;
    border-radius: 0.5rem 0.5rem 0 0;
}
.student_job_image img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: 1px solid #221638;
    margin-right: auto;
}
.student_job_info .student_job_info_inner {
    width: 100%;
    text-align: center;
    background: #ffffff;
    padding: 1rem 0;
    border-radius: 0 0 0.5rem 0.5rem;
}
.student_job_main_details {
    padding: 50px 0;
}
.student_job_main {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2rem;
}
.student_job_info_inner .job_name {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--deep-blue);
    margin-bottom: 3px;
}
.student_job_info_inner .job_designation {
    font-size: 0.9rem;
    font-weight: 600;
    color: #221638;
    margin-bottom: 0;
}
.student_job_info_inner .job_company {
    font-size: 1rem;
    font-weight: 700;
    color: #221638;
}

/*--------- Job success ----------*/
.job_success_title {
    width: 100%;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.job_success_title .paragraph {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.job_success_body {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2rem;
    margin-top: 2rem;
}

/* Student review pop up */
.studentReviewPopUpBtn {
    background: var(--primary-blue);
    margin-left: 0.5rem;
    border: none;
    outline: none;
    padding: 0.2rem 0.6rem;
    border-radius: 0.5rem;
    transition: 0.4s;
    font-size: 0.9rem;
    font-weight: 700;
    color: #ffffff;
}
.studentReviewPopUpBtn:hover {
    background: var(--hover-blue);
}

.studentModalMain {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999999999999999;
    transform: scale(0);
    transition: 0.4s;
}
.studentModalBody {
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: fit-content;
    max-height: 80vh;
    width: 95vw;
    max-width: 576px;
    overflow-y: auto;
    border-radius: 0.5rem;
}
.studentModalHeader {
    background: rgba(0, 0, 0, 0.05);
    padding: 1rem;
    text-align: right;
}
.studentModalClose {
    background: var(--primary-blue);
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    outline: none;
    border: none;
    transition: 0.4s;
    border-radius: 0.5rem;
    position: absolute;
    top: 15%;
    right: 25%;
}
.studentModalClose i {
    color: #ffffff;
    font-size: 1rem;
}
.studentModalClose:hover {
    background: #221638;
}
.studentModalBody .paragraph {
    padding: 1.5rem;
    border-bottom: 1px solid #000;
    margin: 0;
}
.SMUinfo {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2%;
    background: #fef8ef;
    padding: 1rem 1.5rem;
}
.SMUinfo .SMUinfoImg img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 2px solid #221638;
}
.SMUinfo .SMUinfoImg {
    width: 18%;
}
.SMUinfo .SMUinfoData {
    width: 80%;
}
.SMUinfoData .job_name {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-bottom: 0;
}
.SMUinfoData .job_designation {
    font-size: 1rem;
    font-weight: 600;
    color: #221638;
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
}
.SMUinfoData .job_company {
    font-size: 1.1rem;
    font-weight: 700;
    color: #221638;
    margin-bottom: 0;
}

/*============== Service Page Desing ================*/
.service_section {
    padding: 3rem 0;
    background: #ffffff;
}
.service_title_div {
    width: 100%;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom: 2.5rem;
}
.service_body_div {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 1.8rem;
}
.service_icon i {
    font-size: 1.8rem;
    color: #fe4a55;
}
.service_title2 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #221638;
    line-height: 1.5rem;
    margin-bottom: 0.5rem;
}

.service_single {
    padding: 1.5rem;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 0.5rem;
    transition: 0.4s;
}
.service_single .paragraph {
    transition: 0s;
}
.serviceMorebtn {
    color: #fe4a55;
    margin-top: 1rem;
    margin-bottom: 0;
}
.service_single:hover .service_title2 {
    color: #ffffff;
}
.service_single:hover .serviceMorebtn {
    color: #ffffff;
}
.service_single:hover .service_para {
    color: #ffffff;
}
.service_single:hover {
    margin-top: -1rem;
    margin-bottom: 1rem;
    background: #30336b;
}
.service_single:nth-child(odd):hover .service_title2 {
    color: #221638;
}
.service_single:nth-child(odd):hover .service_para {
    color: #221638;
}
.service_single:nth-child(odd):hover .serviceMorebtn {
    color: #221638;
}
.service_single:nth-child(odd):hover {
    background: #e0f3fb;
}
.service_single i {
    margin-top: 0;
}
.service_title_div .small_title {
    text-align: center;
}
.semorebtnService {
    margin-top: 1rem;
    width: fit-content;
    margin-right: auto;
    color: red;
}
.semorebtnService:hover {
    transform: scale(1.1);
}

/* Webinar Video page */
.card_image_main a .video_main {
    height: 240px;
    width: 100%;
    border-radius: 5px 5px 0 0;
}

/* test design */

.test {
    padding: 50px 0;
}
.arousel-inner .carousel-item.active,
.arousel-inner .carousel-item-next,
.arousel-inner .carousel-item-prev {
    display: flex;
}

/* Enroll page design start here */
.otpbox_inner .sub_title2 {
    text-align: center;
    color: var(--deep-blue-blue);
}
.course_enroll_section {
    padding: 50px 0;
}
.courseenrollmen_main {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 3%;
    row-gap: 35px;
}
.payment_method_single {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
}
.pMethod_input {
    width: 20%;
}
.courseenroll_right {
    width: 48.5%;
}
.courseenroll_left {
    width: 48.5%;
}
.CEP_inner {
    border-radius: 10px;
    box-shadow: 0 0 8px 2px #0000ff26;
    padding: 25px;
    border: 1px solid transparent;
    transform: 0.4s;
}
.CEP_inner:hover {
    border-color: var(--primary-blue);
}
.course_enroll_dTop {
    padding: 25px;
    border-radius: 10px;
    box-shadow: 0 0 8px 2px #0000ff26;
    transition: 0.4s;
    border: 1px solid transparent;
}
.course_enroll_dTop:hover {
    border-color: var(--primary-blue);
}
.course_enroll_topInner {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 20px;
}
.course_ED_img img {
    width: 200px;
    border-radius: 5px;
}
.CEDtitle {
    font-size: 18px;
    font-weight: 600;
}
.course_startingT {
    font-size: 14px;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
    outline: none;
}
.course_startingT span {
    font-weight: 800;
}
select.course_startingT {
    cursor: pointer;
}
.payment_details_CD {
    margin-top: 20px;
}
.paymentD_title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.total_payments {
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}
.pay_details_single_line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.pay_details_single_line input.pdsl {
    background: transparent;
    width: 4rem;
    text-align: right;
    font-weight: 600;
    padding: 0;
}
.total_payments input#finalFeeId {
    background: transparent;
    width: 4rem;
    text-align: right;
    font-weight: 800;
    padding: 0;
}
.pay_details_single_line .promocode {
    font-size: 1rem;
    font-weight: 600;
    background: transparent;
    border: 1px solid rgb(5 217 248 / 50%);
    outline: none;
    transition: 0.4s;
    padding: 0.4rem 0.8rem;
    background: rgb(5 217 248 / 10%);
    border-radius: 0.4rem;
    transition: 0.4s ease;
}
.promocode:hover {
    text-decoration: underline;
    background: rgb(5 217 248 / 25%);
}
.pdsl_form_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
}
.pdsl_input {
    padding: 10px;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.pdsl_input:hover {
    border-color: var(--primary-blue);
}
.pdsl_form_close {
    background: var(--primary-blue);
    padding: 9px 10px;
    border-radius: 5px;
    border: none;
    outline: none;
    color: #ffffff;
}
.pdsl_form_close:hover {
    background: var(--blue);
}
.pdsl_form_close i {
    font-size: 1.2rem;
}
.pdsl_submit.btn_red {
    border-radius: 6px;
    padding: 12px;
}
.promo_edit_main {
    display: none;
}
.promo_edit {
    position: relative;
    background: transparent;
    border: none;
    outline: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
    font-weight: 0;
    color: var(--primary-blue);
    padding: 5px 10px;
    border-radius: 5px;
    display: inline-block;
}
.promo_toltip {
    position: absolute;
    top: -35px;
    left: 0;
    padding: 6px 10px;
    background: #000032;
    color: #ffffff;
    font-size: 14px;
    border-radius: 5px;
    display: none;
}
.promo_edit:hover .promo_toltip {
    display: block;
}
.promo_edit:hover {
    background: #00bec973;
}

.pdsl_form_main {
    display: none;
}
.pMethod_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 0;
}
.pMethod_hesd_item {
    width: 50%;
}
.payment_instructionM {
    padding: 20px;
    border: 1px solid var(--primary-blue);
    border-top: 0;
    position: relative;
    border-radius: 0 0 5px 5px;
}
.payment_img img {
    cursor: pointer;
}
.pMethod_hesd_item .nav-link.active {
    border: 1px solid var(--primary-blue);
    border-bottom: 0;
}
.pMethod_hesd_item .nav-link {
    border: 1px solid rgba(0, 0, 0, 0.2);
    cursor: pointer;
}
.pMethod_hesd_item .nav-link:hover {
    border-color: rgba(0, 0, 0, 0.5);
}
.borderb {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 1px;
    background: var(--primary-blue);
}
.borderm {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 1px;
    background: var(--primary-blue);
}
.payment_instructionM p {
    margin-bottom: 5px;
}
.payable_amount {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.payable_amount .pdsl:last-child {
    font-weight: 600;
    font-size: 18px;
}
.pMethod_label {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.transaction_input {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    background: transparent;
}

/* Enroll page design end here */

/* Signup page design start here */
.signup_body_section {
    min-height: 100vh;
    /* background: #10141D; */
    background: linear-gradient(45deg, #3c1770, #000032, #1d1538, #3c1770);
}
.signup_body_main {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 550px;
    background: #ffffff;
    border-radius: 0 80px;
    max-height: 100vh;
    overflow-y: auto;
}
.signup_form_div {
    padding: 30px;
}
.signup_onother {
    height: fit-content;
    background: linear-gradient(-45deg, #3c1770, #000032, #1d1538, #3c1770);
    border-radius: 0 80px;
    position: relative;
}
.gotologin {
    padding: 30px;
    text-align: center;
}

.signup_single_input {
    position: relative;
    margin-bottom: 15px;
}
.signup_single_input .single_input {
    width: 100%;
    border-bottom: 1px solid var(--primary-blue);
    padding: 10px 10px 7px 30px;
    border-radius: 0;
    outline: none;
    font-size: 15px;
}
.signup_single_input .single_input:focus {
    border: none;
    border-bottom: 1px solid var(--primary-blue);
}
.signup_single_input i {
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
    font-size: 14px;
}
.remember_test {
    font-size: 18px;
    font-weight: 700;
    color: var(--deep-blue);
    margin-top: 12px;
    text-align: center;
    display: block;
    transition: 0.4s;
}
.remember_test:hover {
    color: var(--primary-blue);
    opacity: 0.7;
}
.otp_box_main {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 110%;
    background: linear-gradient(-45deg, #3c1770, #000032, #1d1538, #3c1770);
    z-index: 999;
    margin-top: -2px;
    display: none;
}
.otpbox_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    border-radius: 10px;
    padding: 50px;
    width: fit-content;
    min-width: 380px;
}
.otp_content {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    display: block;
}
.otp_input_box {
    width: fit-content;
    margin: 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 20px;
}
.otp_input_box input {
    width: 40px;
    height: fit-content;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    transition: 0.4s;
    font-size: 20px;
    background: #ffffff;
    text-align: center;
    padding: 3px 0;
}
.otp_input_box input:hover {
    border-color: var(--primary-blue);
}
.otp_input_box input:focus {
    border-color: var(--primary-blue);
}
.otp_icon {
    font-size: 2rem;
    color: var(--primary-blue);
    display: block;
    text-align: center;
    margin-bottom: 10px;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    border-radius: 50%;
    background: rgba(0, 0, 33, 0.2);
    margin-left: auto;
    margin-right: auto;
}
.resent {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    visibility: hidden;
    opacity: 0;
    font-size: 13px;
}
.resend_content {
    margin-bottom: 0;
}
.send_again_btn {
    font-size: 1rem;
    background: transparent;
    border: none;
    outline: none;
    font-weight: 600;
    transition: 0.4s;
    text-decoration: underline;
}
.otp_timing {
    font-size: 1rem;
    font-weight: 600;
    color: var(--gree-color);
}
.send_again_btn:hover {
    color: var(--primary-blue);
    opacity: 0.7;
}
.password_reset_section {
    min-height: 300px;
    background: rgba(0, 0, 0, 0.1);
    padding: 100px 0;
    margin-top: -50px;
}
.password_reset_main {
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    padding: 50px;
    border-radius: 10px;
    box-shadow: 0 0 5px 1px #0018ff52;
}
.password_reset_inner {
    text-align: center;
}
.password_reset_form input {
    display: block;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 20px auto;
    width: 100%;
    max-width: 300px;
}
.password_reset_form input:hover {
    border-color: rgba(0, 0, 0, 0.5);
}
.password_reset_form input:focus {
    border-color: var(--primary-blue);
}
.reset_email_submit {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

/* Signup page design end here */

/* Portfolio Section Desgin Start */

/* Portfolio Section Desgin End */

/* Artcle page design start */
.artile_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 2%;
}
.article_leftside {
    width: 35%;
    max-width: 370px;
    position: sticky;
    top: 110px;
    height: 90vh;
    overflow-y: auto;
}
.article_content {
    width: 63%;
}
.artile_inner {
    padding: 50px 0;
}
.article_title_link {
    font-size: 1rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    transition: 0.4s;
    margin-bottom: 15px;
    display: inline-block;
}
.article_title_link:hover {
    color: var(--primary-blue);
}
.article_title_link.active {
    color: var(--primary-blue);
}
.article_title_list {
    padding-left: 0;
    margin-left: 0;
}
.article_content .single_section {
    margin-bottom: 50px;
}
.article_content .single_section .paragraph {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
}
.nlp_inner_item {
    list-style: circle;
    color: rgba(0, 0, 0, 0.8);
    padding-left: -33px;
    margin-bottom: 20px;
}

.nlp_inner_list {
    margin-top: 20px;
    margin-bottom: 20px;
}
.img_title {
    font-size: 22px;
    font-weight: 600;
    color: #ffffff;
    background: var(--primary-blue);
    padding: 10px 15px;
    border-radius: 10px;
    text-transform: uppercase;
    display: none;
}
.nlpinner_imgDiv img {
    max-width: 100%;
    margin: 20px auto;
    border-radius: 5px;
}
/* Artcle page design end */

/* Update design for active course start */
.class_rating_icon {
    font-size: 25px;
    transition: 0.3s;
}

.rating_submit_div {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: block;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: 0.4s;
}

.modal_div {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    display: block;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: 0.4s;
}
.close_modal {
    background: transparent;
    border: none;
    outline: none;
    width: fit-content;
    margin-left: auto;
    color: var(--deep-blue);
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.close_modal:hover {
    color: var(--primary-blue);
    opacity: 0.6;
}
.rating_inner_div {
    position: absolute;
    background: #ffffff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95vw;
    max-width: fit-content;
    min-width: 420px;
    margin-left: auto;
    margin-right: auto;
    height: fit-content;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}
.rating_inner_div .sub_title2 {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
}
.select_rating {
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    margin-bottom: 10px;
}

.rating_input_div {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    margin-bottom: 20px;
}

.rating_input_div input {
    position: absolute;
    width: 1px;
    height: 1px;
    inset: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none;
}

.star_icon_single {
    cursor: pointer;
    color: grey;
    transition: color 0.2s;
}

.star_icon_single:hover,
.star_icon_single:hover ~ .star_icon_single {
    color: #f39c12;
}

.rating_comment {
    width: 100%;
    height: 120px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    display: block;
    border: 1px solid transparent;
    outline: none;
    transition: 0.4s;
    margin-bottom: 20px;
    padding: 8px;
}
.rating_comment:hover {
    border-color: var(--primary-blue);
    background: #ffffff;
}
.rating_comment:focus {
    border-color: var(--blue);
    background: #ffffff;
}
.totl_rating_show i {
    color: #f79104;
}

.thanks_content {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
    color: var(--primary-blue);
    display: none;
    transition: 0.4s;
}
.thanks_inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 5px;
}
.thanks_inner i {
    font-size: 22px;
    color: #dca416;
    display: none;
}
/* Update design for active course end */

/* Commet on course design start */
.course_review {
    display: none;
}
.course_review_inner {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 15px;
    padding: 20px;
    background: rgba(0, 0, 0, 0.075);
}
.course_review_inner .sub_title2 {
    margin-bottom: 20px;
}
.rate_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 150px;
}
.comment textarea {
    width: 100%;
    height: 150px;
    border-radius: 10px;
    border: 1px solid rgba(4, 3, 129, 0.2);
    padding: 10px;
    outline: none;
}
.comment textarea:focus {
    border-color: var(--primary-blue);
}
.rate_info span {
    font-size: 15px;
    opacity: 0.8;
}
.name_and_email {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2%;
}
.name_and_email input {
    background: #ffffff;
}
.rating_title {
    margin-top: 20px;
    margin-bottom: 10px;
}
.ratingInNumber button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(4, 3, 129, 0.1);
    border: none;
    transition: 0.4s;
}
.ratingInNumber button:hover {
    background: var(--primary-blue);
    color: #ffffff;
}
.ratingInNumber button:focus {
    background: var(--primary-blue);
    color: #ffffff;
}
.ratingInNumber {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 12px;
    margin-bottom: 10px;
}
.name_and_email input {
    width: 49%;
    padding: 10px;
}

/* Commet on course design start */

/* Event video design start */
.event_video_section {
    padding: 50px 0;
}
.event_video_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 2%;
    flex-wrap: wrap;
    row-gap: 15px;
}
.single_video_inner iframe {
    border-radius: 10px;
    border: 3px solid var(--primary-blue);
    height: 360px;
}
.event_video_single {
    width: 49%;
}
/* Event video design end */

/* Problem solving start */
.problem_titles {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    gap: 1.2rem;
    text-align: center;
}
.std_course_data .problem_type {
    font-size: 1.5rem;
    font-weight: 700;
    color: #000032;
    margin-bottom: 0;
    text-align: center;
}
.std_course_data .paragraph {
    margin: 0;
    font-size: 0.9rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    text-align: center;
}
.std_courses_btns_inner.problem_titles li {
    box-shadow: 0 0 3px #5c6270;
    border-radius: 5px;
}
.std_courses_btns_inner.problem_titles li:hover {
    background: rgba(0, 0, 0, 0.05);
}
.std_courses_btns_inner.problem_titles li .nav-link {
    border-bottom: 5px solid transparent;
    position: relative;
}
.std_courses_btns_inner.problem_titles li .active {
    background: rgba(0, 0, 0, 0.15);
    border-color: var(--primary-blue);
}
.problem_titles li .nav-link .border_bottom {
    position: absolute;
    bottom: -5px;
    left: 0;
    height: 5px;
    width: 0;
    background: var(--primary-blue);
}
.problem_titles li .nav-link:hover .border_bottom {
    width: 100%;
}

.std_courses_btns_inner.problem_titles li .nav-link .problem_titleC {
    background: #ffffff;
}
.problem_solv.accordion-button {
    outline: none;
    box-shadow: none;
    font-weight: 600;
    color: #000032;
    background: #00c9b621;
    padding: 1rem 1.3rem;
}
.problem_solv.accordion-button:hover {
    background: #a3f3f5;
}
.problem_solv.accordion-button:hover .problem_titles_inner .prob_no {
    color: var(--primary-blue);
}

.problem_solv.accordion-button:hover {
    outline: none;
    box-shadow: none;
    color: var(--primary-blue);
}

.problem_solv.accordion-button:not(.collapsed) {
    /* background: var(--primary-blue); */
    outline: none;
    color: #ffffff;
    box-shadow: none;
    background: #a3f3f5;
}
.problem_solv.accordion-button:not(.collapsed) .problem_titles_inner .prob_no {
    color: #000032;
}
.problem_solv.accordion-button:not(.collapsed) .probStatus.notSubmit {
    color: #000032;
}
.problem_solv.accordion-button:not(.collapsed)::after {
    background-image: unset;
    content: "\25be";
    color: #ffffff;
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 0;
    margin-right: -0.35rem;
    color: #000032;
}
.problem_solv.accordion-button::after {
    background-image: unset;
    content: "\25be";
    font-size: 1.6rem;
    font-weight: 600;
}
.problem_inner_body {
    border-radius: 0.7rem;
}
.problem_inner_body_tr td:first-child {
    border-radius: 0.7rem 0.7rem 0 0;
}
.prob_title_main {
    width: fit-content;
    padding: 0.8rem 1.5rem;
    border-radius: 2rem;
    background: #00bec921;
    font-size: 1.2em;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem;
    border: 1px solid #00acee;
    font-weight: 600;
}
.problem_titles_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    width: calc(100% - 3rem);
}
.probStatus {
    font-size: 1rem;
    font-weight: 500;
    padding: 0.4rem 0.8rem;
    border-radius: 2rem;
    background: #05d9e536;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
.answer_submit_div {
    margin-top: 1.5rem;
}
.problemBodyInner {
    padding: 0.5rem 1.5rem 1rem 1.5rem;
}
.answer_label {
    display: block;
}
.pAnswerSubmitInput {
    padding: 0.8rem;
    border: 1px solid var(--primary-blue);
    margin-bottom: 1rem;
    width: 100%;
}
.pAnswerSubmitInput[disabled] {
    background: #ecf0f1;
}
.pAnswerSubmitInput[disabled]:hover {
    background: #ecf0f1;
}

.pAnswerSubmitInput:hover {
    background: #ffffff;
}
.pAnswerSubmitInput:focus {
    background: #ffffff;
    border-color: var(--blue);
}
.problem_titles_inner .prob_no {
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
}
.probStatus.notSubmit {
    background: #ecf0f1;
}
.probStatus.accept {
    background: #5cb85c;
    color: #ffffff;
}
.probStatus.rejected {
    background: #d9534f;
    color: #ffffff;
}
.probStatus.pending {
    background: #f0ad4e;
    color: #ffffff;
}
.problemTags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}
.pTagsSingle {
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
    padding: 0.5rem 1rem;
    border-radius: 20px;
    background: #ffffff;
    border: 1px solid #0057e27a;
    white-space: nowrap;
}
.problemAccordion {
    margin-bottom: 1.2rem;
}
.problemTitleImg {
    overflow: hidden;
    border-radius: 5px;
}
.problemTitleImg a img {
    border-radius: 5px;
}
.problemTitleImg a img:hover {
    transform: scale(1.1);
}
.accordionInners {
    margin-top: 1.5rem;
}
.coding_challange_done {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-blue);
}
.accordionInners .problem_solv {
    background: rgba(0, 0, 0, 0.05);
}
.accordionInners .problem_solv:not(.collapsed) {
    background: #00b6c929;
}
.accordionInners .problem_solv:hover {
    background: #00b6c929;
}
.accordionInners .accordion-item {
    margin-bottom: 1rem;
    box-shadow: none;
    border: none;
}
.accordionInners .accordion-body {
    border: 1px solid #dddddd;
    border-radius: 0 0 0.5rem 0.5rem;
}
.problem_titles_inner .prob_no i {
    margin-right: 0.5rem;
}
/* Problem solving end */

/* Services page design start */
.services_content_main {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 2%;
    flex-wrap: wrap;
    row-gap: 2rem;
}
.service_links {
    width: 32%;
    display: block;
    padding: 1.3rem;
    border-radius: 0.6rem;
    height: 220px;
    overflow-y: auto;
    box-shadow: 0 0 4px #007ae28f;
    background: rgba(0, 0, 0, 0.04);
}
.services_content_single .services_icons {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 90%;
    margin-bottom: 1rem;
}
.sub_title3 {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--primary-blue);
}
.services_content_single .paragraph {
    color: #000032;
    opacity: 0.9;
    margin-top: 0.7rem;
    margin-bottom: 0;
}
.services_icons i {
    color: #000032;
    font-size: 1.5rem;
}
.service_links:hover {
    background: #ffffff;
    box-shadow: 0 0 4px var(--blue);
}
.service_links:hover .fa-right-long {
    color: var(--primary-blue);
    margin-right: -1rem;
}
.service_links:hover i {
    color: var(--primary-blue);
}
.service_links:hover .sub_title3 {
    color: var(--primary-blue);
    text-decoration: underline;
}
/* Services page design end */

/* Service Details start */
.service_details_body {
    padding: 4rem 0;
}
.SDmain {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 5%;
}
.SDleft {
    width: 45%;
    padding-top: 1.2rem;
}
.SDright {
    width: 50%;
}
.SDTbutton:focus {
    outline: none;
    box-shadow: none;
}

.SDTbutton {
    border-bottom: 2px solid var(--primary-blue);
    padding: 1.2rem 0;
    font-size: 1.5rem;
}
.SDTbutton.collapsed {
    border-radius: none;
}
.SDaoocrdionTitle {
    font-size: 1.4rem;
    font-weight: 500;
}
.SDTbutton:hover {
    color: var(--primary-blue);
}

.SDTbutton::after {
    background-image: unset;
    content: "\25be";
    font-size: 2.2rem;
    font-weight: 600;
    color: #000032;
    margin-top: -1.5rem;
}
.SDTbutton:not(.collapsed)::after {
    background-image: unset;
    content: "\25be";
    font-size: 2.2rem;
    font-weight: 600;
    color: #000032;
    margin-right: -0.8rem;
    margin-top: 0.5rem;
}
.SDTbutton:not(.collapsed) {
    background: #ffffff;
    color: #000032;
}
.SDTbutton:not(.collapsed):hover {
    color: var(--primary-blue);
}
#ServiceDetailsId .accordion-item {
    border: none;
}
#ServiceDetailsId .accordion-body {
    padding: 1.5rem 0;
}
#ServiceDetailsId .accordion-body .paragraph {
    font-size: 1.08rem;
    opacity: 0.9;
    margin: 0;
}
.SDleft .paragraph {
    font-size: 1.1rem;
}
.smartTiltes {
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--primary-blue);
    margin-bottom: 0;
}
.SDleft .sut_title {
    font-size: 2.6rem;
}
.SDportfolioS {
    padding: 4rem 0;
    margin-top: 3rem;
}
.SDprofileTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 2.5rem;
}
.SDtitleLeft {
    width: 75%;
}
.SDprofileBody {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 5%;
    flex-wrap: wrap;
    row-gap: 4rem;
}
.SDPimg {
    border-radius: 5px;
}
.SDsingleProject {
    display: inline-block;
    width: 60%;
}
.SDsingleProject:hover .sub_title2 {
    text-decoration: underline;
    color: var(--primary-blue);
}
.SDPimgd {
    position: relative;
    margin-bottom: 1.2rem;
}

.SDPoverly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: none;
}
.SDsingleProject:hover .SDPoverly {
    display: block;
}
.SDsingleProject:nth-child(2) {
    width: 35%;
}
.SDsingleProject:nth-child(3) {
    width: 35%;
}
.SDsingleProject .sub_title2 {
    color: #000032;
}
.SDPtags {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.SDPtags span {
    font-weight: 500;
    font-size: 1rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color: #000032;
    border-right: 1px solid #000032;
}
.SDPtags span:first-child {
    padding-left: 0;
}
.SDPtags span:last-child {
    border: none;
}
.SDdevelopers_section {
    padding: 5rem 0;
    margin-top: 3rem;
}
.SDdeveloperContent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 2%;
    row-gap: 1.5rem;
    flex-wrap: wrap;
}
.SDdeveloper {
    width: 32%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 1rem;
}
.SDdeveloperImg img {
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    box-shadow: 0 0 4px var(--primary-blue);
}
.SDdbname {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
    margin-bottom: 0;
}
.SDdesignation {
    font-size: 1rem;
    font-weight: 500;
    color: var(--primary-blue);
    margin-bottom: 5px;
}
.SDcontact i {
    color: var(--primary-blue);
    margin-right: 3px;
}
.SDcontact .SDnumber {
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
}
.SDcontact .SDnumber:hover {
    color: var(--primary-blue);
}
.SDcontactSection {
    padding: 4rem 0;
    margin-top: 3rem;
}
.SDcontactMain {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 5%;
}
.SDcontantImg {
    width: 35%;
}
.SDcontactData {
    width: 60%;
    max-width: 35rem;
}
.SDcontantImg img {
    border-radius: 50%;
    box-shadow: 0 0 4px var(--primary-blue);
    width: 20rem;
    height: 20rem;
    margin-left: auto;
    display: block;
}
.SDcontactData .sub_title2 {
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    line-height: 2.5rem;
}
.SDCdata_inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.SDCname .SDdbname {
    font-size: 1.2rem;
    margin-bottom: 5px;
}
.SDCname .SDdesignation {
    font-size: 1.1rem;
}
.SDcontact {
    margin-bottom: 5px;
}
.SDTbutton.accordion-button.collapsed:last-child {
    border-radius: inherit;
}
/* Service details end */

/* Projects design start */
.projects_body_section {
    padding: 4rem 0;
}
.projectsContents {
    margin-top: 4rem;
}
.projects_titleList .nav-link {
    border: 1px solid var(--primary-blue);
    border-radius: 50px;
    margin-right: 1rem;
    margin-bottom: 1rem;
    color: #000032;
    font-weight: 600;
}
.projects_titleList .nav-link:hover {
    background: var(--primary-blue);
    color: #ffffff;
    font-weight: 500;
}
.projects_titleList .nav-link.active {
    background: var(--primary-blue);
    color: #ffffff;
    font-weight: 500;
}
.projectsContents .SDprofileBody {
    column-gap: 6%;
    row-gap: 5rem;
}
.projectsContents .SDprofileBody .SDsingleProject {
    width: 47%;
}
.projectsContents .SDprofileBody .SDsingleProject:nth-child(even) {
    margin-top: 2rem;
    width: 40%;
}
/* Projects design end */

/* Project details start */
.project_details_bodySection {
    padding: 4rem 0;
}
.PDtitles {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
}
.topVideoFull iframe {
    height: 85vh;
    max-height: 620px;
    border-radius: 5px;
    box-shadow: 0 0 3px var(--primary-blue);
}
.PDcontents .shortDescription {
    width: 100%;
    max-width: 40rem;
    margin: 3rem auto 3rem 0;
}
.PDmobileLvuew {
    margin: 4rem auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 5%;
}

.PDmobileLvuew .laptopView {
    width: 58%;
}
.PDmobileLvuew .mobileView {
    width: 37%;
}
.PDmobileLvuew img {
    border-radius: 5px;
    box-shadow: 0 0 2px var(--primary-blue);
}
.PDmobileLvuew .view {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000032;
    margin-top: 0.5rem;
}
.bigSize {
    font-size: 1.2rem;
    font-weight: 500;
    color: #000032;
    margin-top: 0.5rem;
}
.bigScreen {
    margin-top: 2rem;
}
.bigScreen img {
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 0 2px var(--primary-blue);
}
.whattypebusiness {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 6%;
    row-gap: 3rem;
}
.whattypebusiness .buness_left {
    width: 47%;
}
.whattypebusiness .buness_right {
    width: 47%;
}
.whattypebusiness .type_item i {
    color: var(--primary-blue);
    margin-right: 0.5rem;
}
.whattypebusiness .type_item span {
    font-size: 1.1rem;
    font-weight: 500;
    color: #000032;
    opacity: 0.9;
}
.whattypebusiness .type_item {
    margin-bottom: 0.7rem;
}
.moreSection {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 8%;
    row-gap: 4rem;
    flex-wrap: wrap;
}
.moreSection img {
    width: 46%;
    border-radius: 5px;
    box-shadow: 0 0 2px var(--primary-blue);
}
.moreSection img:nth-child(even) {
    margin-top: 5rem;
}
.backtoallProjext {
    margin-top: 5rem;
    border-bottom: 2px solid #000032;
    display: inline-block;
    padding-bottom: 0.4rem;
}
.backtoallProjext .backInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
}
.backInner .top_span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0;
}
.backInner .top_span i {
    color: #000032;
}

.backInner .bottom_span {
    font-size: 1rem;
    font-weight: 600;
    color: #000032;
}
.backtoallProjext:hover {
    border-color: var(--primary-blue);
}
.backtoallProjext:hover .backInner {
    column-gap: 1rem;
}
.backtoallProjext:hover .bottom_span {
    color: var(--primary-blue);
}

/* Project details end */

/* User profile update design start */
.user_profile_img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: 1px solid var(--primary-blue);
}
.userNameEmailForm {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
}
.userNameEmailTop {
    width: calc(100% - 9rem);
}
.userNameEmailTop i {
    color: var(--primary-blue);
    font-size: 0.9rem;
    margin-top: 0.5rem;
}
.wordCountMainM .errorMessage {
    font-weight: 500;
    color: #fe4a55;
    display: none;
}
.wordCountMain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.wordCountSinglPara {
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.5);
}
.userNameEmailTop.mobile {
    margin-top: 1rem;
}
.UserProfilemobile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
    margin-top: -0.5rem;
}
.UserProfilemobile.designModify {
    margin-top: 1.5rem;
}
.PTdesignModify {
    padding-top: 1rem;
    margin-top: 3rem;
}
.userNameEmailTop input {
    padding: 0.7rem 0;
}
.userMobile {
    font-size: 1rem;
    font-weight: 600;
    color: #000032;
}
.userMobile:hover {
    color: var(--primary-blue);
}
.userFormEditbtn {
    background: rgba(0, 0, 0, 0.1);
    width: 2.2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid transparent;
    outline: none;
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    border-radius: 5px 0 0 0;
}
.aboutCountShow {
    width: fit-content;
    margin-left: auto;
    display: block;
}
.exceeded-limit {
    color: #fe4a55;
}

.userFormEditbtn i {
    color: rgba(0, 0, 0, 0.5);
    position: relative;
}
.userFormEditbtn:hover i {
    color: var(--primary-blue);
}
.userFormEditbtn:hover {
    background: #ffffff;
    border-color: #00acee;
}
.std_basic.basic_inner {
    position: relative;
    padding: 0;
}
.std_basic_fullwidth .studentEmail {
    background: transparent;
    font-size: 1rem;
    font-weight: 600;
    width: 100%;
    pointer-events: none;
    margin-top: 0.5rem;
}
.editModalMain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 99999999;
    transform: scale(0);
}
.editModalInner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    max-width: 36rem;
    background: #ffffff;
    border-radius: 0.5rem;
    max-height: 100vh;
    overflow-y: auto;
}

.studentEditInput {
    width: 100%;
    padding: 0.5rem;
    display: block;
    margin-bottom: 1.5rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.editmodalClose {
    background: transparent;
    border: none;
    outline: none;
    width: fit-content;
    margin-left: auto;
    display: block;
}
.editmodalClose i {
    font-size: 1.5rem;
    color: #747d8c;
}
.editmodalClose:hover i {
    color: var(--primary-blue);
}
.student_profile_imgDiv {
    border-radius: 50%;
    position: relative;
    width: fit-content;
}
.student_profile_imgDiv:hover .profileImageEdit {
    display: block;
}
.profileImageEdit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    display: none;
}
.profileimgEditInner {
    position: relative;
    width: 100%;
    height: 100%;
}
.imgFileAbsolute {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
}
.fileUploadBtn {
    position: relative;
    display: inline-block;
    cursor: pointer !important;
}
.fileUploadBtn input[type="file"] {
    opacity: 0;
    width: 3.5rem;
    height: 3.5rem;
    position: absolute;
    left: 0;
    top: 0;
}
.readytojointime .paragraph {
    font-weight: 500;
    font-size: 0.95rem;
}
.fileUploadBtn i {
    font-size: 1.6rem;
    cursor: pointer !important;
    color: #555;
}
.fileUploadBtn:hover i {
    color: #000032;
}
.student_photoChange label {
    display: block;
    margin-bottom: 0.5rem;
}
.photoAndFile {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 1rem;
}
.photoAndFile .SPImgDiv {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.1);
}
.photoAndFile .SPImgDiv img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid var(--primary-blue);
}
.photoAndFile input {
    padding: 0.6rem;
    width: fit-content;
}
.stdDataSingle {
    position: relative;
    padding: 1.5rem 1rem;
    border-bottom: 1px solid var(--primary-blue);
}
.PEmodify {
    padding-bottom: 2.5rem;
}
.stdDataSingle:last-child {
    border-bottom: none;
}
.sdtProfileSosial {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 3rem;
    margin-top: 1rem;
}
.stdSocialSingle {
    position: relative;
    cursor: pointer;
}
.stdSocialURL {
    position: absolute;
    top: -180%;
    left: 50%;
    transform: translateX(-50%);
    padding: 0.5rem 1rem;
    background: #ffffff;
    box-shadow: 0 0 5px var(--primary-blue);
    border-radius: 0.4rem;
    transition: 0.8s ease;
    white-space: nowrap;
    display: none;
}
.stdSocialSingle:hover .stdSocialURL {
    display: block;
}

.editModalHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.5);
    padding: 1rem 1.5rem 0.8rem 1.5rem;
}
.STDCVupload {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 1rem;
    margin-bottom: 1rem;
}
.STDCVupload i {
    font-size: 1.3rem;
    color: var(--primary-blue);
}
.std_subTitle {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000032;
    white-space: nowrap;
}
.starSign {
    font-size: 1.4rem;
    margin-top: 0.2rem;
    color: #fe4a55;
}
.resumeUploadInput {
    width: 100%;
    height: 8rem;
    background: rgba(0, 0, 0, 0.05);
    position: relative;
    border: 1px solid #0069e26b;
    border-radius: 5px;
}
.resumeUploadInput input {
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 5px;
}
.resumeUploadDeraction {
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    margin-top: 1.5rem;
    cursor: pointer;
    border-radius: 5px;
}
.resumeUploadDeraction .paragraph {
    text-align: center;
    color: var(--primary-blue);
    font-weight: 600;
}
.resumeUploadDeraction i {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
}
.resumeUploadDeraction .paragraph:hover {
    color: var(--blue);
}
.smallTextForInfo {
    font-size: 0.8rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
}
.experienciProfile {
    font-size: 1rem;
    display: block;
    font-weight: 500;
    color: #000032;
    margin-bottom: 0.2rem;
}
.studentDataEdit input {
    width: 100%;
    padding: 0.6rem;
}
.studentDataEdit {
    padding: 1rem 1.5em 1.5rem 1.5rem;
}
.studentDataEdit.profile-update label {
    font-weight: 600;
    font-size: 1rem;
    color: #000032;
}
.studentDataEdit.profile-update label span {
    color: #fe4a55;
    font-size: 1.1rem;
    font-weight: 700;
}
.STDEXPmain {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 3rem;
}
.photoAndFile input[type="file"] {
    width: fit-content;
}

.forReadyToWork {
    display: block;
    padding: 1rem;
    border-radius: 5px;
    transition: 0.4s ease;
    cursor: pointer;
    width: 48%;
    height: 100%;
    border: 1px solid rgba(0, 0, 0, 0.4);
}

.readytoradiobtn:checked + label,
label:has(.readytoradiobtn:checked) {
    border-color: var(--primary-blue);
    box-shadow: 0 0 2px var(--primary-blue);
}

.readytoradiobtn {
    display: none;
}
.readytoworTop {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 4%;
    flex-wrap: wrap;
    height: 11rem;
    margin-top: 1rem;
}
.readyFormST {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000032;
    transition: 0.4s ease;
}
.forReadyToWork .paragraph {
    font-size: 0.85rem;
    color: rgba(0, 0, 0, 0.7);
    text-align: left;
}
.readytoradiobtn:checked + label,
label:has(.readytoradiobtn:checked) .readyFormST {
    color: var(--primary-blue);
}
.readytoworBottom {
    display: flex;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, 0.3);
    margin-top: 1rem;
    border-radius: 0.4rem;
}
.readytoworkLeft {
    border-right: 1px solid var(--primary-blue);
}
.readytoworBottomSingle {
    padding: 1rem;
}
.readyFromSTB {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000032;
    line-height: 1.5rem;
}
.RBIsingle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
    cursor: pointer;
    margin-bottom: 0.35rem;
}
.RBIsingle input[type="radio"] {
    width: 1rem;
}
.joinInWeek {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.3rem;
}
.stdLinkIconSocial i {
    font-size: 1.2rem;
}
.stdProjectImgEditView,
.imageEditIndicate {
    background: rgba(0, 0, 0, 0.1);
    width: 2.2rem;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    border: 1px solid transparent;
    outline: none;
    border-radius: 0.35rem;
}
.stdProjectImgEditView {
    position: relative;
}
.stdProjectImgEditView span {
    position: absolute;
    left: 0;
    top: -3rem;
    width: fit-content;
    white-space: nowrap;
    background: #ffffff;
    box-shadow: 0 0 2px var(--primary-blue);
    color: #000032;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
    display: none;
    transition: 0.4s ease;
}
.imageEditIndicate span {
    position: absolute;
    left: 0;
    top: -3rem;
    width: fit-content;
    white-space: nowrap;
    background: #ffffff;
    box-shadow: 0 0 2px var(--primary-blue);
    color: #000032;
    padding: 0.2rem 0.5rem;
    border-radius: 0.3rem;
    display: none;
    transition: 0.4s ease;
}
.stdProjectImgEditView:hover span {
    display: block;
}
.imageEditIndicate:hover {
    background: #ffffff;
    border-color: #00acee;
}
.imageEditIndicate:hover {
    background: #ffffff;
    border-color: #00acee;
}
.imageEditIndicate {
    position: relative;
}
.imageEditIndicate:hover span {
    display: block;
}
.addAndDelete.StdprojectDelete {
    position: absolute;
    width: fit-content;
    right: 4rem;
    bottom: 0;
}
.stdProjectImgEditView:hover i {
    color: #00acee;
}
.stdProjectImgEditView:hover {
    background: #ffffff;
    border-color: #00acee;
}
.imageEditIndicate:hover i {
    color: #00acee;
}
.editImageForProjectInner {
    margin-top: 1rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2rem;
}
.imgFileDiv.imgDisplayNone {
    display: none;
}
.imgFileDiv {
    margin-top: -1rem;
}
.passwordBoxForChange {
    position: relative;
}
.passwordBoxForChange i.fa-solid {
    position: absolute;
    right: 5%;
    top: 50%;
    color: #ffffff;
    cursor: pointer;
    opacity: 0.8;
    font-size: 0.9rem;
    transform: translateY(-50%);
}
.passwordBoxForChange i.fa-solid:hover {
    opacity: 1;
}
.wordShowProject {
    font-size: 0.9rem;
}
.joinInWeek div {
    position: relative;
}
.joinInWeek div span {
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    width: fit-content;
    white-space: nowrap;
}
.joinInWeek input[type="text"] {
    width: 2.5rem;
    height: 1.5rem;
    background: rgba(0, 0, 0, 0.02);
    border: 1px solid rgba(0, 0, 0, 0.2);
    outline-color: var(--primary-blue);
    pointer-events: painted;
}
.joinInWeek input[type="text"]:focus {
    border-color: var(--primary-blue);
}
.readytoworBottomSingle label {
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.7);
    cursor: pointer;
}
.stdformInnerModal label {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
    margin-bottom: 0.3rem;
}
.stdformInnerModal input {
    margin-bottom: 1rem;
}
.stdformInnerModal input:last-child {
    margin-bottom: 0;
}
.stdformInnerModal select {
    width: 100%;
    padding: 0.6rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    background: rgba(0, 0, 0, 0.05);
    outline-color: var(--primary-blue);
    border-radius: 0.4rem;
}
.stdformInnerModal select:focus {
    border-color: var(--primary-blue);
}
.stdformInnerModal select:active {
    border-color: var(--primary-blue);
}
.aboutYourselfL {
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
    margin-bottom: 0.5rem;
    display: block;
    margin-top: 1rem;
}
.aboutYourself:hover {
    border-color: var(--primary-blue);
}
.aboutYourself {
    width: 100%;
    height: 10rem;
    padding: 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.4rem;
    outline-color: var(--primary-blue);
    transition: 0.4s ease;
}
.STDeduInner {
    margin-top: 1rem;
    position: relative;
    transition: 0.4s ease;
}
.stdDataSingle .educationTitle {
    margin-bottom: 1rem;
}
.addEducation {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    width: fit-content;
    white-space: nowrap;
    background: #ffffff;
    padding: 0.7rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.35rem;
    transition: 0.4s ease;
    line-height: 0.5rem;
}
.addEducation:hover {
    color: var(--primary-blue);
    border-color: var(--primary-blue);
}
.addAndDelete {
    width: calc(100% - 4rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
}
.ml-auto {
    margin-left: auto;
}

.deleteEducation {
    background: #ffffff;
    border: none;
    outline: none;
    padding: 0;
    width: fit-content;
    margin-left: auto;
    transition: 0;
}
.add-skill {
    bottom: 1rem;
    left: 1rem;
    width: fit-content;
    white-space: nowrap;
    background: #ffffff;
    padding: 0.7rem 0.9rem;
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 0.35rem;
    transition: 0.4s ease;
    line-height: 0.5rem;
}
.deleteEducation i {
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.5);
}
.deleteEducation i:hover {
    color: #fe4a55;
}
.educationLabel {
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
    display: block;
    margin-bottom: 0.3rem;
}
.editModalHeader .sub_title2 {
    font-size: 1.25rem;
    font-weight: 700;
}
.educationSelect {
    display: block;
    width: 100%;
    padding: 0.6rem;
    border-radius: 0.4rem;
    transition: 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline-color: var(--primary-blue);
    margin-bottom: 1rem;
}
.educationAddInner input {
    margin-bottom: 1rem;
    display: block;
}
.educationLabel:hover {
    border-color: var(--primary-blue);
}
.certificate_Title {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000032;
    margin-bottom: 0;
}
.certificateDate {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 0;
}
.certificateDetails {
    margin-top: 0;
    margin-bottom: 1rem;
    padding: 0;
}
.certificationDescription {
    width: 100%;
    border: 1px solid transparent;
    outline: none;
    background: rgba(0, 0, 0, 0.05);
    height: 10rem;
    transition: 0.4s ease;
    border-radius: 0.4rem;
}
.certificationDescription:focus {
    border-color: var(--primary-blue);
}
.stdProfileSkills {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1.2rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    margin-bottom: 1.2rem;
}
.sdtPskillSingle {
    font-size: 0.8rem;
    font-weight: 400;
    color: #000032;
    background: rgba(0, 0, 0, 0.02);
    padding: 0.25rem 0.6rem;
    border-radius: 0.7rem;
    box-shadow: 0 0 2px #0089ff80;
    margin-bottom: 0;
}
.skillTitlesForm {
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
    column-gap: 1rem;
}

.skillEditAddSingle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
    padding: 0.5rem 0;
    transition: 0.4s ease;
}
.left.readyFromSTB {
    width: 45%;
}
.skillSelectSection {
    width: 55%;
    padding: 0.6rem;
    background: #ffffff;
    outline: none;
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    transition: 0.4s ease;
    cursor: pointer;
}
.skillSelectSection:hover {
    border-color: var(--primary-blue);
}
.skillSelectSection:focus {
    border-color: var(--primary-blue);
}
.skillEditAddSingle input[type="number"] {
    width: 28%;
    padding: 0.6rem;
    transition: 0.4s ease;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.5);
}
.skillEditAddSingle input[type="number"]:hover {
    border-color: var(--primary-blue);
}
.skillRemoveBtn {
    background: transparent;
    border: none;
    outline: none;
}
.skillRemoveBtn i {
    font-size: 1.3rem;
    color: rgba(0, 0, 0, 0.5);
    transition: 0.4s ease;
}
.skillRemoveBtn i:hover {
    color: #fe4a55;
}
label.singleCountryAdd {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.3rem;
    width: fit-content;
    margin-right: auto;
    cursor: pointer;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.7);
    font-size: 0.9rem;
}
.preferredrole {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
}
.countriesAddDiv {
    max-height: 15rem;
    overflow-y: auto;
    box-shadow: 0 0 2px var(--primary-blue);
    border-radius: 0.3rem;
    padding: 1rem;
}
.sdtProfileproject.accordion-button::after {
    background-image: unset;
    content: "\25be";
    font-size: 1.6rem;
    font-weight: 600;
}
.sdtProfileproject.accordion-button {
    outline: none;
    box-shadow: none;
}
.sdtProfileproject .projectTitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
}
.sdtProfileproject.accordion-button:not(.collapsed) {
    background: #ffffff;
}
.sdtProfileproject.accordion-button:hover {
    background: #e7f1ff;
}
#projectAccordion .accordion-item {
    margin-bottom: 2rem;
    box-shadow: 0 0 2px var(--primary-blue);
}
#projectAccordion {
    margin-bottom: 3rem;
}
.stdProjectBody .accordion-body {
    padding-top: 0;
}
.stdPdateLink {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
}
.stdPdateLink .stdPgithub {
    font-size: 1rem;
    font-weight: 600;
    color: var(--primary-blue);
    transition: 0.4s ease;
    width: fit-content;
    margin-left: 0.5rem;
}
.stdPdateLink .stdPgithub:hover {
    color: #000032;
}
.stdPdateLink .projectDate {
    font-size: 0.9rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.6);
}
.stdProjectImg {
    position: relative;
    width: 100%;
    max-height: 23rem;
    overflow: hidden;
    transition: 0.4s ease;
    border-radius: 0.4rem;
    cursor: pointer;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 2rem;
}
.stdProjectImg img {
    width: 100%;
    border-radius: 0.4rem;
}
.imgOverly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0.4rem;
    transition: 0.4s ease;
    display: none;
}
.stdProjectImg:hover .imgOverly {
    display: block;
}
.projectImgFullMain {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999999999;
    transform: scale(0);
    transition: 0.4s ease;
}
.projectImgFullInner {
    border-radius: 0.4rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95vw;
    max-width: 50rem;
    max-height: 100vh;
    overflow-y: auto;
    background: #ffffff;
}
.projectImgModalBody img {
    width: 100%;
}
.projectImgClose {
    background: transparent;
    border: none;
    outline: none;
    padding: 0;
    motion: 0;
}
.projectImgClose i {
    font-size: 1.5rem;
    color: rgba(0, 0, 0, 0.5);
    transition: 0.4s ease;
}
.projectImgClose i:hover {
    color: var(--primary-blue);
}
.stdProjectBody {
    position: relative;
}
.projectTectarea {
    width: 100%;
    height: 10rem;
    border-radius: 0.35rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    transition: 0.4s ease;
    background: #ffffff;
    padding: 0.6rem;
    margin-bottom: 1rem;
    outline-color: var(--primary-blue);
}
.projectTectarea:hover {
    border-color: var(--primary-blue);
}
.stdProfileDateDiv {
    display: flex;
    justify-content: space-between;
    column-gap: 3%;
    flex-wrap: wrap;
}
.searchInput {
    width: 100%;
    padding: 8px;
    margin-bottom: 8px;
    box-sizing: border-box;
}
.stdProfileDatesingle {
    width: 48.5%;
}
.stdProfileDatesingle.stdProfoleEndDate {
    margin-top: 0.5rem;
    position: relative;
}
.stdProfoleEndDate .text-danger.error-message {
    position: absolute;
    bottom: -3rem;
    left: 0;
}
label.stillOngoingLabel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    column-gap: 0.4rem;
    cursor: pointer;
}
.stillOngoingLabel input {
    margin-bottom: 0;
}
.stdCvMainDiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2rem;
}
.viewResumeBtn {
    width: fit-content;
    background: #ffffff;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px var(--primary-blue);
    display: inline-block;
}
.viewResumeBtn a {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--primary-blue);
    padding: 0.3rem 0.7rem;
}
.viewResumeBtn:hover a {
    color: #000032;
}
.viewResumeBtn a i {
    font-size: 0.9rem;
    margin-right: 0.5rem;
    margin-bottom: -0.5rem;
    display: inline-block;
}
.viewResumeBtn:hover {
    background: #00b4e21a;
}
/* user profile update design end */

/* Teachers section */
.teacherSocials {
    display: flex;
    justify-content: center;
    column-gap: 1rem;
    margin-top: 0.3rem;
}
.teacherSsingle {
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    display: inline-block;
    border-radius: 0.3rem;
}
.teacherSsingle i {
    font-size: 0.9rem;
    color: #ffffff;
}

.teacherSsingle.linkedin {
    background: #0077b5;
}
.teacherSsingle.facebook {
    background: #1877f2;
}
.teacherSsingle.github {
    /* background: #2B3137; */
    background: #2b3137d9;
}
.teacherSsingle.github:hover {
    background: #000;
}
.teacher a:hover {
    background: var(--hover-blue);
}
.student_job_info_inner.teacher {
    padding: 1rem;
    text-align: center;
}

.mobile_menu_title .btn_red {
    color: #ffffff !important;
}
/* Progressbar design start */
.progress_titles_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}
.progress_title_left {
    width: 30%;
}
.progress_title_right {
    width: 68%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 2rem;
    margin-right: 1rem;
}
.pTitleRightSingle {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    column-gap: 0.5rem;
}
.PRtitleIcon .fa-check {
    display: none;
}
.pTitleLeftInner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
}
.job_success_body.teacherlist {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 1.33%;
    row-gap: 2rem;
}
.student_job_single_home.teacherlistsingle {
    width: 24%;
}
/* .pTitleLeftInner .fa-arrow-down{
    display: none;
} */
/* .proogressbar:hover .fa-arrow-down{
    display: block;
} */
.proogressbar:hover .fa-arrow-right {
    display: none;
}
.proogressbar:hover {
    background: #00c9c51a;
}
.proogressbar.accordion-button:not(.collapsed) {
    box-shadow: none;
    outline: none;
    background: #2bdfe20a;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.proogressbar.accordion-button:not(.collapsed):hover {
    background: #00c9c51a;
}
.proogressbar.accordion-button:not(.collapsed):hover .fa-arrow-down {
    display: none;
}
.pTitleLeftInner .fa-arrow-up {
    display: none;
}
.proogressbar.accordion-button:not(.collapsed):hover .fa-arrow-up {
    display: block;
}
.proogressbar.accordion-button.collapsed {
    box-shadow: none;
    outline: none;
}
.progressBodyInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 2%;
}
.progress_single {
    width: 31%;
}
.pbSingleMiddle {
    width: 100%;
    height: 0.8rem;
    border-radius: 2rem;
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 0.5rem;
    margin-top: 0.4rem;
    position: relative;
}
.pbsMiddleAbsulute {
    position: absolute;
    height: 100%;
    border-radius: 2rem;
    background: var(--primary-blue);
}
.progress_single.inProgress .pbsMiddleAbsulute {
    width: 50%;
}
.progress_single,
.pTitleRightSingle {
    opacity: 0.2;
    pointer-events: none;
}

.pbSingleTop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
}
.pbsBottomSingle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 0.4rem;
}
.pbsTopIcon span {
    font-size: 1rem;
    font-weight: 600;
    color: #000032;
}
.pbSingleTop span {
    font-size: 1.1rem;
    font-weight: 700;
    color: #000032;
}
.leftProgress.progress_single {
    opacity: 1;
}
.leftProgress.progress_single .pbSingleTop .pbsTopIcon {
    background: #b9ebf1;
}
.leftProgress.progress_single.complete .pbSingleTop .pbsTopIcon {
    background: #ffffff;
}
.leftProgress.progress_single.complete .pbSingleTop .pbsTopIcon i {
    display: block !important;
    line-height: 1.2rem;
}
.progress_single.assesmentProgress .pbSingleTop .pbsTopIcon {
    background: #b9ebf1;
}
.progress_single.assesmentProgress .pbSingleTop .pbsTopIcon i {
    display: none;
}
.webRimg .fa-solid.fa-user {
    font-size: 2rem;
}
.progress_single.assesmentProgress.complete .pbSingleTop .pbsTopIcon {
    background: #ffffff;
}
.progress_single.assesmentProgress.complete .pbSingleTop .pbsTopIcon i {
    display: block !important;
    line-height: 1.2rem;
}
.userProgressBarMain #ProgressAccordion .fa-check {
    display: none;
}
.userProgressBarMain #ProgressAccordion {
    background: rgba(0, 0, 0, 0.01);
    box-shadow: 0 0 2px rgb(3 189 251 / 48%);
    border-radius: 0.3rem;
}
#collapseProgress {
    background: rgb(3 189 251 / 2%);
}
.PRtitleIcon,
.pbsTopIcon {
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.2rem;
    border: 0.1rem solid var(--primary-blue);
    border-radius: 50%;
}
.pbsTopIcon i {
    font-size: 0.8rem;
}
.PRtitleIcon i {
    font-size: 0.85rem;
}
.pTitleRightSingle.inProgress .PRtitleIcon i {
    display: none;
}
.pTitleRightSingle.inProgress .PRtitleIcon {
    background: #00b6c942;
}
.pTitleRightSingle .PRtitleIcon .fa-check {
    display: none;
}
.pTitleRightSingle.complete .PRtitleIcon .fa-check {
    display: block !important;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: var(--primary-blue);
}
.pbSingleTop.complete .pbsTopIcon .fa-check {
    display: block !important;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: var(--primary-blue);
}
.pbsBottomSingle.complete .pbsTopIcon .fa-check {
    display: block !important;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: var(--primary-blue);
}
.basicInfoProgress.complete .pbsTopIcon .fa-check {
    display: block !important;
    margin-top: 0.25rem;
    font-size: 0.9rem;
    color: var(--primary-blue);
}
.pTitleRightSingle.complete .PRtitleIcon .fa-lock {
    display: none;
}
.pbSingleTop.complete .pbsTopIcon .fa-lock {
    display: none;
}
.pbsBottomSingle.complete .pbsTopIcon .fa-lock {
    display: none;
}
.pbsBottomSingle.inProgress .pbsTopIcon i {
    display: none;
}
.pbsBottomSingle.inProgress .pbsTopIcon {
    background: #00b6c942;
}
.progress_single.complete .pbsMiddleAbsulute {
    width: 100%;
}

.progress_single.inProgress .pbSingleTop .pbsTopIcon i {
    display: none;
}
.progress_single.inProgress .pbSingleTop .pbsTopIcon {
    background: #00b6c942;
}

.student_job_info.teachersingle {
    height: 16.85rem;
    overflow: auto;
}

/* Progressbar design end */

/* Mock interview pannel design start */
.InterviewDateMain {
    box-shadow: 0 0 2px var(--primary-blue);
    padding: 1.2rem;
    border-radius: 0.3rem;
}
.InterviewDateInner {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    column-gap: 1%;
}
.InterviewDateLeft {
    width: 52%;
}
.InterviewDateRight {
    width: 46%;
}
.hoursSelect {
    margin-bottom: 20px;
}

.flatpickr-calendar.inline {
    width: 100%;
    padding: 1rem;
}
.dayContainer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    max-width: unset;
    flex-wrap: wrap;
    row-gap: 0.5rem;
}
.flatpickr-day.selected {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
}
.flatpickr-day.selected:hover {
    background: var(--primary-blue);
    border-color: var(--primary-blue);
}
.flatpickr-months .flatpickr-next-month svg {
    margin-right: 1rem;
    margin-top: 1rem;
}
.flatpickr-months .flatpickr-prev-month svg {
    margin-left: 1rem;
    margin-top: 1rem;
}
.flatpickr-rContainer {
    width: 100%;
}
.dayContainer span {
    width: 13%;
    max-width: unset;
}
.flatpickr-months {
    margin-bottom: 1.5rem;
}
.flatpickr-days {
    width: 100%;
}
.flatpickr-innerContainer {
    width: 100%;
}
#slotsList button {
    display: block;
    width: 100%;
    padding: 10px;
    margin: 5px 0;
    border: 1px solid var(--primary-blue);
    background-color: #fff;
    color: var(--primary-blue);
    cursor: pointer;
    margin-bottom: 0.5rem;
    border-radius: 0.3rem;
}
#slotsList button:hover {
    background: var(--primary-blue);
    color: #ffffff;
}
#slotsList button.active {
    background-color: var(--primary-blue);
    color: white;
}

/* #confirmButton {
    width: 60%;
    padding: 10px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
} */
.slot-actions {
    display: flex;
    justify-content: space-between;
}
#slotsList p {
    text-align: center;
}
.slot-actions .time-display {
    width: 150% !important;
}
#confirmButton:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}
#slotsList button {
    margin-bottom: 10px;
    padding: 10px 15px;
    cursor: pointer;
}
#timeSlots h4 {
    font-size: 1.2rem;
    text-align: center;
}
.slot-actions .time-display {
    background: #555 !important;
    border: 1px solid #ccc;
    cursor: not-allowed;
    padding: 10px 15px;
    color: #ffffff !important;
    pointer-events: none;
}

.slot-actions .confirm-button {
    background-color: #007bff;
    color: #fff;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
}

.slot-actions .confirm-button:hover {
    background-color: #0056b3;
}
.title_type.mockInterview {
    justify-content: space-between;
}
.dead_line_date .dateHighlight {
    font-weight: 600;
    color: var(--primary-blue);
}
.single_jobLink.mockInter:hover {
    border-color: transparent;
}
.mockInterviewHistory .sheduled {
    display: flex;
    justify-content: flex-start;
    column-gap: 2rem;
}
.mockInterviewHistory .paragraph {
    padding: 0.5rem 0.8rem;
    background: #ffffff;
    box-shadow: 0 0 2px var(--primary-blue);
    border-radius: 0.3rem;
    width: fit-content;
    margin-right: auto;
    margin-left: 0;
    margin-bottom: 0;
}
.job_address.inter {
    margin-bottom: 0.5rem;
}
.historyTitle {
    margin-bottom: 1rem;
}
.sheduledPara {
    font-size: 1rem;
    font-weight: 500;
    width: fit-content;
    background: #f5f5f5;
    padding: 0.3rem 0.8rem;
    border-radius: 0.3rem;
    box-shadow: 0 0 2px var(--primary-blue);
    margin-bottom: 5px;
}
.historyTitle {
    font-size: 1.1rem;
    font-weight: 600;
    color: #000032;
    margin-top: 1rem;
}
.job_address.inter {
    font-size: 1.1rem;
    font-weight: 600;
}
.title_type.mockInterview {
    margin-bottom: 1rem;
}

.interviewShedule {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
}
.title_type.mockInterview .jobtitle {
    margin-bottom: -0.5rem;
}
.title_type.mockInterview .jobtitle:hover {
    color: #000032;
    text-decoration: none;
}
.interviewLink {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--primary-blue);
}
.interviewLink:hover {
    color: var(--blue);
    text-decoration: underline;
}
.interviewShedule .dead_line_date {
    font-weight: 500;
}
/* mock interview design end */

/* Upcoming batch design start */
.upcomingBatch {
    padding: 4rem 0;
    background: #f4f4f4;
}
.upcomingBatchList {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 2%;
    row-gap: 1.5rem;
    flex-wrap: wrap;
    padding-left: 0;
}
.upcomingBatchItem {
    width: 49%;
}
.upcomingBatchLink {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2%;
    row-gap: 1.5rem;
    background: #f4ece3 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    padding: 1.2rem;
    height: 10rem;
    transition: all 0.3s ease;
}
.upcomingBatchLink:hover {
    background: #e9e0d5 !important;
    transform: translateY(-3px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.upCourseSearch {
    padding: 0.6rem 1rem;
    width: fit-content;
    margin-left: auto;
    display: block;
    border: 2px solid #f05126;
    border-radius: 8px;
    outline: none;
}
.upCourseSearch:focus {
    background: #ffffff;
}
.upcomingBatchLink .batchImg {
    width: 27%;
    max-width: 13rem;
    min-width: 9rem;
}
.batchImg img {
    border-radius: 0.4rem;
}
.upcomingBatchLink .nameBatchNumber {
    width: 70%;
}
.batchName {
    font-size: 1.3rem;
    color: #111827;
    font-weight: 700;
    transition: color 0.3s ease;
}
.batchName:hover {
    color: #f05126;
    text-decoration: none;
}
.batchStartDate {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1rem;
    margin-top: 1rem;
    flex-wrap: wrap;
    row-gap: 1rem;
}
.upComingEnroll {
    border: none;
    outline: none;
    background: #f05126;
    box-shadow: 0 4px 10px rgba(240, 81, 38, 0.2);
    padding: 0.5rem 1.2rem;
    border-radius: 2rem;
    color: #ffffff;
    white-space: nowrap;
    font-weight: 600;
    transition: all 0.3s ease;
}
.upComingEnroll:hover {
    background: #d8411b;
    color: #ffffff;
    transform: scale(1.05);
}
.batchNumber,
.startDate {
    width: fit-content;
    padding: 0.35rem 0.7rem;
    color: #374151;
    font-size: 0.9rem;
    font-weight: 600;
    border: 1px solid #f0512633;
    box-shadow: 0 2px 5px rgba(240, 81, 38, 0.1);
    border-radius: 6px;
    background: #ffffff;
}
.countryservemobileTop {
    display: none;
}
.upComingEnroll.upbtntop {
    display: none;
}

/* Upcoming batch design end */

/* Webinars new dwsign start */
.previousWebinarsGroup {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    row-gap: 1.5rem;
    column-gap: 2%;
}
.previousWebinarsGroup .popular_inner_content {
    width: 32%;
    height: 33rem;
}
.single_jobLink.upWebginarGroup {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 4%;
    background: #ffffff;
    row-gap: 1.8rem;
}
.single_jobLink.upWebginarGroup:hover {
    background: #ffffff;
    border-color: transparent;
}
.upcomingWebinarSingle {
    width: 48%;
    box-shadow: 0 0 3px #006dff87;
    padding: 1rem;
    border-radius: 0.4rem;
    background: linear-gradient(45deg, #00d5ff1c, #fff);
    border: 1px solid transparent;
}
.upcomingWebinarSingle:hover {
    border-color: var(--primary-blue);
}
.webinardateTime {
    padding: 0.3rem 0.8rem;
    border-radius: 1rem;
    border: 1px solid rgba(0, 0, 0, 0.2);
    background: #ffffff;
    width: fit-content;
}
.webinarTitleFortUpcoming {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary-blue);
    margin-top: 1.1rem;
    display: block;
    margin-bottom: 0.3rem;
}
.webinarTitleFortUpcoming:hover {
    color: var(--blue);
    text-decoration: underline;
}
.weGuestTitle span {
    font-size: 0.9rem;
    font-weight: 700;
    background: linear-gradient(45deg, var(--hover-blue), var(--blue));
    padding: 0.25rem 0.5rem;
    border-radius: 1rem;
    box-shadow: 0 0 4px #f39c12;
    margin-left: 0.2rem;
    color: #ffffff;
}
.single_job.previousWebinar {
    background: #ffffff;
}
.single_job.previousWebinar:hover {
    border-color: transparent;
}
.webinarMainImg {
    width: 100%;
}
.popular_inner_content.perWebinarVideo {
    background: linear-gradient(45deg, #00d5ff1c, #fff);
    position: relative;
}
.overlyDivForWebinar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.4);
    display: none;
    z-index: 999;
    cursor: pointer;
    pointer-events: none;
    transition: 0.4s ease-in-out;
}
.prevwebinarUser .webinardateTime {
    margin-top: 0.65rem;
    display: block;
}
.overlyDivForWebinar span {
    width: fit-content;
    white-space: nowrap;
    background: #ffffff;
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 500;
    color: #000032;
    box-shadow: 0 0 3px var(--primary-blue);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.perWebinarVideo:hover .overlyDivForWebinar {
    display: block;
}
.webinarguestDiv {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 0.5rem;
    margin-bottom: 1rem;
}
.weGuestTitle {
    font-size: 1.05rem;
    font-weight: 600;
    color: #000032;
    margin-bottom: 0.25rem;
}
.weGuestAddress {
    font-size: 0.85rem;
    font-weight: 500;
    color: #000032;
    margin-bottom: 0;
}
.webinarInfoDiv {
    height: 7rem;
}
.webinarguestDiv img {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 1px solid var(--primary-blue);
}
.startDateWebinar {
    display: flex;
    justify-content: space-between;
    margin-top: 0.75rem;
}
.video_main.prevWebinarIframe {
    pointer-events: none;
    z-index: -1;
}
.prevWebinarIframe.videoLink {
    cursor: pointer;
    display: block;
    position: relative;
    pointer-events: painted;
}
.prevwebinarUser {
    padding-left: 1rem;
    padding-right: 1rem;
}
/* Webinars new dwsign end */

.mainT#v-pills-personal {
    scroll-margin: 7rem;
}
.mainT#v-pills-course {
    scroll-margin: 5rem;
}
.courseSubmit.webinarForm {
    background: linear-gradient(45deg, #00e7ff21, #0de1f705);
    box-shadow: 0 0 3px #0018ff57;
}
.courseSubmit.webinarForm label {
    font-size: 1.2rem;
    font-weight: 600;
    color: #000032;
}
.courseSubmit.webinarForm input {
    background: #ffffff;
    color: #000032;
    box-shadow: 0 0 2px #0093e2b0;
    transition: 0.4s ease;
}
.courseSubmit.webinarForm input:hover {
    box-shadow: 0 0 3px var(--blue);
}
.courseSubmit.webinarForm input:focus {
    box-shadow: 0 0 3px var(--blue);
    border: 1px solid var(--primary-blue);
}
.wokshopCard .user_text {
    height: 5.5rem;
}
.video_body_section.webinar_section_homePage {
    background: #f4f4f4;
    border-top: 1px solid #e8e8e8;
}
.upcomingBatchNotMassage.mb-less {
    margin-bottom: -2rem;
}
.goCoursePageFromMassage:hover {
    color: #0544aa;
}
/* New feature course details */

/*==================== Responsive Start ==========================*/
.mobileProgressbarMain {
    display: none;
    margin-bottom: 2rem;
}
.modile_menu_section {
    display: none;
}
.upComingEnroll.mobileVersion-imgdiv {
    display: none;
}
@media (max-width: 1400px) {
    .previousWebinarsGroup .popular_inner_content {
        height: 31rem;
    }
    .upcomingBatchLink .batchImg {
        width: 25%;
        min-width: 8rem;
    }
    .upcomingBatchLink .nameBatchNumber {
        width: 73%;
    }
    .InterviewDateInner {
        flex-direction: column;
    }
    .InterviewDateLeft {
        width: 100%;
        max-width: 30rem;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .InterviewDateRight {
        width: 100%;
        max-width: 25rem;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (max-width: 1300px) {
    .std_Video_player {
        height: 26rem !important;
    }
}
@media (max-width: 1250px) {
    .header_main .manu_account .main_menu ul {
        column-gap: 15px;
    }
    .std_Video_player {
        height: 24rem !important;
    }
    .header .container .header_main {
        margin: 0 -20px;
    }
}
@media (max-width: 1200px) {
    .previousWebinarsGroup .popular_inner_content {
        width: 49%;
    }
    .previousWebinarsGroup .popular_inner_content {
        height: 34rem;
    }
    .webinarInfoDiv {
        height: 9rem;
    }
    .upcomingBatchLink {
        flex-wrap: wrap;
        height: fit-content;
    }
    .upcomingBatchItem {
        width: 100%;
    }
    .cuntryservetopleft {
        display: none;
    }
    .countryservemobileTop {
        display: block;
    }
    .student_job_single_home.teacherlistsingle {
        width: 32%;
    }
    .job_success_body.teacherlist {
        column-gap: 2%;
    }
    .userProgressBarMain {
        padding: 3rem 0 0 0;
    }
    .paragraph.prtop {
        margin: 2rem 0 -1rem 0;
    }
    .header_main .manu_account .main_menu ul {
        column-gap: 15px;
    }
    .Gboby_content {
        grid-template-columns: auto auto auto;
    }
    .user_desktop {
        display: none;
    }
    .user_mobile {
        display: none;
    }

    /* services page */
    .service_body_div {
        grid-template-columns: auto auto auto;
    }

    .studentModalClose {
        right: 20%;
    }

    /* Serices design */
    .services_content_main {
        column-gap: 4%;
    }
    .service_links {
        width: 48%;
    }
    .SDdeveloperContent {
        column-gap: 4%;
        row-gap: 2.5rem;
    }
    .SDdeveloper {
        width: 48%;
    }
    .STDEXPmain {
        column-gap: 1rem;
    }
}
@media (max-width: 1198px) {
    .single_video_inner iframe {
        height: 280px;
    }
    .carosel_design img {
        margin-left: auto;
        margin-right: auto;
    }
    .sliderTop:nth-child(2) {
        flex-direction: column;
    }
    .carosel_design {
        height: unset;
    }
    .fun_fact_inner {
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .job_success_body {
        grid-template-columns: auto auto auto;
    }
    .student_home_single {
        width: 32%;
        margin-bottom: 1.5rem;
    }
    .student_job_main {
        grid-template-columns: auto auto auto;
    }

    .gellery_single_box .gellery_single_inner {
        grid-template-columns: auto auto auto;
    }
    .video_player {
        left: 15%;
    }
    .video_body_section {
        padding: 50px 0 !important;
    }

    /*----- max-width: 1198px for home page -----------*/

    .slider .container .slider_main {
        flex-direction: column;
        width: 100%;
        padding-left: 50px;
        padding-right: 50px;
    }
    .slider .container .slider_main .slider_text {
        text-align: center;
        margin: auto;
        width: 100% !important;
        padding-right: unset;
    }
    .slider_text_main .paragraph_head {
        max-width: unset;
        text-align: center;
    }
    .sliderTop {
        flex-direction: column;
    }
    .slider_text_main {
        margin-bottom: 30px;
    }
    .sliderTop .distance_left {
        width: 100%;
    }
    .slider_animation_round,
    .animation_red,
    .animation_red_borders,
    .animation_yellow,
    .animation_bordered,
    .self_yellow,
    .self_red_circle,
    .self_red_br,
    .plus_animation,
    .distance_dot_animate,
    .distance_border_animate,
    .top_red_animate,
    .botom_star,
    .certification_rb,
    .certification_yr,
    .certification_rr {
        display: none;
    }
    .brand_logo .container .brand_logo_main {
        padding-left: 100px;
        padding-right: 100px;
        column-gap: 3%;
    }
    .education_content .card_light {
        padding: 30px 15px;
    }
    .education_content .card_light .education_icon {
        font-size: 40px;
        line-height: 1;
    }
    .education_content .card_light .education_inner_title h4 {
        font-size: 20px;
    }
    .sub_title {
        font-size: 29px;
        line-height: 34px;
    }
    .self_developmenr_inner .self_content {
        padding: 30px;
    }
    .self_developmenr_inner .self_image {
        width: 100% !important;
    }
    .attending_text {
        padding: 50px 0 50px 100px;
    }
    .attending_image .attending_image_inner {
        padding-right: 50px;
    }

    /*------- max-width: 1198px for Login/Register page ----------*/

    .auth_stra_animate {
        display: none;
    }
    .auth_body .auth_body_main {
        column-gap: 4%;
    }

    .auth_body_main .login {
        width: 70%;
    }

    /*--------- max-width: 1198px for About page --------------------*/
    .course_advisor .container .course_advisor_main {
        padding: 100px 50px;
    }

    /*--------- max-width: 1198px for checkout page --------------------*/
    .checkout_content .container .choeckout_content_main {
        padding: 100px 50px;
    }

    /*--------- max-width: 1198px for contact page --------------------*/
    .contact_star_animate {
        display: none;
    }
    .contact_body .container .contact_main {
        padding: 100px 0;
    }

    /*--------- max-width: 1198px for Blog page --------------------*/
    .auth_stra_animate {
        display: none;
    }

    /*--------- max-width: 1198px for Blog Details page --------------------*/
    .bolg_sidebar_posts .sidebar_post_inner .sidebar_post_image img {
        height: 50px;
    }
    .blog_top_users .border_left {
        font-size: 18px;
    }
    .blog_content_travels .blog_travel_middle .blog_profile_image {
        margin-top: 75px;
    }

    /*--------- max-width: 1198px for Course Details page --------------------*/

    .course_details_video_img button i {
        left: 100px;
        top: -10px;
    }
    .course_details_video_img button h3 {
        left: 65px;
        top: 120px;
    }
    .btn_share_icons {
        left: 15%;
    }

    .industrial {
        padding: 50px;
    }

    .client_section {
        padding: 50px;
    }
    .client_content_inner .client_img {
        width: 60% !important;
    }
    .client_content_inner {
        column-gap: 2%;
    }

    /* student profile */
    .std_course_data_main .std_cours_inner_content {
        flex-direction: column;
    }
    .std_cours_inner_content .inner_content_img {
        width: 100%;
    }
    .std_cours_inner_content .inner_content_text {
        width: 100%;
    }
}
@media (max-width: 1114px) {
    .std_Video_player {
        height: 24rem !important;
    }
    .header_main .manu_account .main_menu ul {
        column-gap: 10px;
    }
    .search {
        width: 200px;
    }
    .online_learning .container .online_main {
        padding: 50px 0;
    }

    /*----------- max-width: 1114px for login/register page -----------*/
    .auth_body_section {
        margin-bottom: 0;
    }
    /*----------- max-width: 1114px for About page -----------*/

    .course_advisor .container .course_advisor_main {
        padding: 100px 0;
    }

    /*----------- max-width: 1114px for Blog page -----------*/
    .blog_body_main .blog_body {
        padding: 50px;
    }
    .title_h4 a {
        font-size: 18px;
    }
    .blog_inner_box .user_info .user_text h6 a {
        font-size: 13px;
    }

    /*----------- max-width: 1114px for Blog Details page -----------*/
    .blog_body_inner .blog_submit_comments .commenter_checkbox {
        column-gap: 5px;
    }
    .commenter_checkbox .label_bd label {
        font-size: 14px;
    }
    .blog_content_travels .blog_travel_bottom h4 {
        font-size: 15px;
    }
    .blog_body_section .container .blog_body_main {
        padding: 100px 50px;
    }

    /*----------- max-width: 1114px for Course Details page -----------*/
    .course_details_body .container .course_details_main {
        padding-left: 50px;
        padding-right: 50px;
    }
    .course_details_title_rating {
        max-width: 100%;
    }
    .std_courses ul {
        row-gap: 1rem;
    }
}
@media (max-width: 1024px) {
    .mobileProgressbarMain {
        display: block;
    }
    .progressDesktopVersion {
        display: none;
    }
    .UpCommingAllDataSidebar.mobile {
        display: block;
    }
    .UpCommingAllDataSidebar.desk {
        display: none;
    }
    .upcomingSidebar.UBSBT {
        display: block;
    }
    .upcomingSidebar.UBSBB {
        display: none;
    }
    .InterviewDateInner {
        flex-direction: row;
    }
    .InterviewDateLeft {
        width: 52%;
        margin-bottom: unset;
    }
    .InterviewDateRight {
        width: 46%;
    }
    .video_player {
        left: 10%;
    }
    /* Studen Profile */

    .student_pro_content_div {
        width: 100% !important;
    }
    .std_course_data_main .std_cours_inner_content {
        flex-direction: unset;
    }
    .std_cours_inner_content .inner_content_img {
        width: 48%;
    }
    .std_cours_inner_content .inner_content_text {
        width: 50%;
    }
    /*-------- max-width: 1024px for cart Home page ----------*/

    .education_main {
        padding: 100px 50px !important;
    }
    .self_content {
        padding: 20px 10px !important;
    }
    .top {
        left: 93%;
    }
    /*-------- max-width: 1024px for Login/Register page ----------*/

    .auth_body_main .login {
        width: 80%;
    }
    /*-------- max-width: 1024px for About page ----------*/

    .course_advisor .container .course_advisor_main {
        padding: 50px;
    }
    .advisor_inner_content .avisor_image {
        width: 48%;
    }
    .advisor_inner_content .avisor_text {
        width: 52%;
    }
    .education_main {
        padding: 0 50px 100px 50px;
    }

    /*-------- max-width: 1024px for cart page ----------*/
    .cart_body_main {
        padding: 100px 50px !important;
    }

    /*-------- max-width: 1024px for cart page ----------*/
    .checkout_content .container .choeckout_content_main {
        padding: 50px 0;
    }

    /*-------- max-width: 1024px for Contract page ----------*/
    .contact_body .container .contact_main {
        padding: 60px 0;
    }

    /*-------- max-width: 1024px for blog page ----------*/
    .blog_body_main .blog_body {
        padding: 50px 0;
    }

    /*-------- max-width: 1024px for blog Details page ----------*/
    .blog_body_section .container .blog_body_main {
        padding: 50px 0;
    }

    /*-------- max-width: 1024px for course page ----------*/
    .course_body_section .container .course_body_main {
        padding: 50px 0;
    }

    /*-------- max-width: 1024px for course Details page ----------*/
    .course_details_body .container .course_details_main {
        padding-left: 0;
        padding-right: 0;
    }
    /* max-width: 1024px for gellery page */
    .gelleryMain {
        grid-template-columns: repeat(2, 1fr);
    }

    .industrial {
        padding: 50px 0;
    }

    .client_content_inner .client_img {
        width: 70% !important;
    }
    .client_section {
        padding: 50px 0;
    }

    .studentModalClose {
        right: 15%;
    }
}
@media (max-width: 992px) {
    /* .mobileUpcomingSitebarMain{
        display: unset;
    }
    .mobileUpcomingSitebarMain.nameBatchNumbe{
        width: unset;
    }
    .mobile-sidebar-image-div img{
        display: block;
    }
    .nameBatchNumbe.flexing{
        border: 1px solid rgba(0, 0, 0, .1);
    } */
    .previousWebinarsGroup .popular_inner_content {
        width: 100%;
        height: fit-content;
    }
    .upcomingWebinarSingle {
        width: 100%;
    }
    .webinarInfoDiv {
        height: fit-content;
    }
    .InterviewDateInner {
        flex-direction: column;
    }
    .InterviewDateLeft {
        width: 100%;
        max-width: 30rem;
        margin-bottom: 1.5rem;
        margin-left: auto;
        margin-right: auto;
    }
    .InterviewDateRight {
        width: 100%;
        max-width: 25rem;
        margin-left: auto;
        margin-right: auto;
    }
    .student_job_single_home.teacherlistsingle {
        width: 48.5%;
    }
    .job_success_body.teacherlist {
        column-gap: 3%;
    }
    .progressBodyInner {
        flex-direction: column;
        row-gap: 1.5rem;
    }
    .progress_single {
        width: 100%;
    }
    .progress_title_left {
        width: 100%;
    }
    .progress_title_right {
        column-gap: 2%;
    }
    .pTitleRightSingle {
        width: 32%;
        justify-content: flex-start;
    }
    .progress_title_right {
        width: 100%;
        justify-content: flex-start;
        margin-top: 0.5rem;
    }

    /* Services */
    .SDmain {
        flex-direction: column;
        row-gap: 2.5rem;
    }
    .SDleft {
        width: 100%;
        max-width: 576px;
    }
    .SDright {
        width: 100%;
    }
    .SDleft .btn_red {
        margin-left: 0;
    }
    .SDsingleProject {
        width: 50%;
    }
    .SDsingleProject:nth-child(3) {
        width: 45%;
    }
    .SDsingleProject:nth-child(2) {
        width: 45%;
    }
    .SDdeveloperImg img {
        width: 5rem;
        height: 5rem;
    }
    .SDdeveloperContent {
        column-gap: 2%;
    }
    .SDdeveloper {
        width: 49%;
    }
    .SDdeveloper {
        column-gap: 0.5rem;
    }
    .SDcontact i {
        font-size: 0.85rem;
    }
    .SDcontantImg img {
        width: 15rem;
        height: 15rem;
    }
    .projectsContents .SDprofileBody .SDsingleProject:nth-child(even) {
        width: 43%;
    }
    .topVideoFull iframe {
        max-height: 25rem;
    }
    .buness_left .type_list {
        padding-left: 0;
    }

    .event_video_inner {
        flex-direction: column;
    }
    .event_video_single {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    .slider_btns {
        flex-direction: column;
        row-gap: 20px;
    }

    /* Course  Enroll  */
    .courseenrollmen_main {
        flex-direction: column-reverse;
        max-width: 768px;
    }
    .courseenroll_left {
        width: 100%;
    }
    .courseenroll_right {
        width: 100%;
    }

    .slider_btns {
        margin-bottom: 30px;
    }
    .slider_btns .btn_red {
        margin-left: 0;
        margin-right: 0;
    }
    .advisor_inner_content .avisor_image img {
        max-width: unset;
    }
    .job_success_body {
        grid-template-columns: auto auto;
    }
    .student_job_main {
        grid-template-columns: auto auto;
    }
    .student_home_single {
        width: 48%;
    }
    /* services page */
    .service_body_div {
        grid-template-columns: auto auto;
    }
    .course_feedback_video .iframe_videos {
        height: 200px !important;
    }
    .video_body_section {
        padding: 50px !important;
    }
    /* max-width: 992px for home page */

    .header {
        display: none;
    }
    .search_menu {
        margin-top: 20px;
        border-top: 1px solid #ddd;
        padding: 20px 0;
    }
    .mobile_logo a img {
        max-width: 180px;
    }
    .modile_menu_section {
        width: 100% !important;
        display: block;
        padding: 15px 0;
        position: sticky !important;
        top: 0;
        z-index: 11;
        background: #f6f9fa;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.06);
        margin: 0 !important;
    }
    .search {
        width: 100%;
    }
    .modile_menu_section .container .mobile_menu_main {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .mobile_menu_main .mobile_icons {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        column-gap: 15px;
    }
    .user_btn_mobile {
        font-size: 18px;
        padding: 2px 8px;
        display: none;
    }
    .mobile_bag {
        margin-top: -35px;
        display: none;
    }
    .mobile_icons .bar_icon i {
        font-size: 30px;
        color: rgba(0, 0, 0, 0.5);
        cursor: pointer;
    }
    .mobile_icons .mobile_bag {
        position: relative;
    }
    .mobile_icons .mobile_bag a {
        font-size: 22px;
        line-height: 22px;
        color: rgb(34, 22, 56);
        transition: 0.4s;
    }
    .mobile_icons .mobile_bag a:hover {
        color: #fe4a55;
    }
    .mobile_icons .mobile_bag p {
        position: absolute;
        font-size: 10px;
        top: 30px;
        right: -5px;
        width: 12px;
        height: 12px;
        line-height: 12px;
        text-align: center;
        border-radius: 50%;
        color: #ffffff;
        background: #fe4a55;
    }
    .mobile_menu_search {
        display: none;
        padding-right: 5px;
        border-top: 1px solid rgba(0, 0, 0, 0.5);
        margin-top: 20px;
        height: 570px;
        overflow-y: auto;
    }
    .mobile_menu_search .mobile_search {
        margin: 20px auto;
    }
    .mobile_menu_inner .mobile_menu_title a {
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        color: rgb(34, 22, 56);
    }
    .mobile_menu_inner .mobile_menu_body {
        border: 1px solid #ddd;
        padding: 20px;
    }
    .mobile_menu_inner .mobile_menu_body a {
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        color: rgb(34, 22, 56);
    }
    .mobile_menu_inner a {
        transition: 0.4s;
    }
    .mobile_menu_inner a:hover {
        color: var(--primary-blue);
    }
    .slider .container .slider_main {
        text-align: center;
    }

    .slider .container .slider_main .slider_text {
        text-align: center;
        margin: auto;
        width: 100% !important;
        padding-right: unset;
    }

    .slider .container .slider_main .slider_text h2 {
        font-size: 35px;
        line-height: 42px;
    }
    .slider .container .slider_main .slider_text p {
        font-size: 15px;
        line-height: 27px;
        margin: 15px auto;
        max-width: unset;
    }
    .slider_user {
        width: 100%;
    }
    .slider_text_main {
        margin: auto !important;
    }
    .slider_text_main .slider_text_btnm {
        margin: 10px auto !important;
        text-align: center;
    }
    .brand_logo {
        padding-top: 0;
    }
    .brand_logo .container .brand_logo_main {
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .slider_animation_doted {
        display: none;
    }
    .slider_btn_red {
        margin: auto;
    }
    .education_main .education_content {
        grid-template-columns: repeat(2, 1fr);
    }
    .online_learning .container .online_main {
        flex-direction: column;
        width: 100% !important;
        padding: 50px 0;
    }
    .online_main .online_img {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }
    .online_main .online_content {
        width: 100%;
        text-align: center;
        margin: 25px auto;
    }
    .online_btn_red {
        margin: auto;
    }

    .popular_inner_content {
        width: 100%;
    }
    .disnatce_main .distance_top {
        flex-direction: column;
        text-align: center;
    }
    .disnatce_main .distance_top .distance_left {
        width: 100%;
    }
    .disnatce_main .distance_top .distance_right {
        width: 100%;
    }
    .self_main .self_developmenr_inner {
        flex-direction: column;
        text-align: center;
    }
    .self_developmenr_inner .self_content {
        padding: 50px !important;
    }
    .btn_red {
        margin: auto;
    }
    .blog_content .blog_content_inner {
        flex-wrap: wrap;
        margin: auto;
        row-gap: 20px;
    }
    .blog_content_inner .blog_inner_box {
        width: 48%;
        margin: auto;
    }
    .attending .container .attending_main {
        flex-direction: column;
        text-align: center;
    }
    .attending_text {
        width: 100%;
        padding: 40px 40px 0 40px;
    }
    .attending_image .attending_image_inner {
        position: unset;
        width: 100%;
    }
    .footer_main .footer_top {
        grid-template-columns: repeat(2, 1fr);
    }
    .footer_top_address {
        padding-left: 40px;
    }
    .course_tab_menu_sticky {
        top: 73px !important;
    }

    /* max-width: 992px for Login/Register page */

    .auth_title_content {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .auth_body .auth_body_main {
        flex-direction: column;
        padding-left: 100px;
        padding-right: 100px;
    }
    .auth_body_main .login {
        width: 100%;
        margin-bottom: 50px;
    }
    /* max-width: 992px for cart page */

    .cart_body_main {
        padding: 100px 0;
    }
    .cart_body_main .product_list table tbody tr td a {
        font-size: 22px;
    }
    .cart_body_main .product_list table tbody tr td span {
        padding: 7px 30px;
    }

    /* max-width: 992px for Checkout page */
    .checkout_content .container .choeckout_content_main {
        padding: 50px 100px;
    }
    .choeckout_content_main .checkout_data {
        flex-direction: column;
        row-gap: 20px;
    }
    .checkout_data .checkout_billing_details,
    .checkout_orders {
        width: 100%;
    }
    .checkout_orders .checkout_btn {
        margin-right: auto;
        margin-top: 20px;
    }

    /* max-width: 992px for Contact page */
    .contact_body .container .contact_main {
        padding: 50px 0;
        flex-direction: column;
        row-gap: 20px;
    }
    .contact_main .contact_details {
        width: 100%;
    }
    .contact_main .contact_form {
        width: 100%;
        margin-top: 35px;
    }

    /* max-width: 992px for Blog page */
    .blog_body .blog_body_inner {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 30px;
    }
    .blog_body_inner .blog_body_box {
        width: 100%;
    }
    .blog_body_main .blog_body {
        padding: 50px;
    }

    /* max-width: 992px for Blog Details page */
    .blog_body_section .container .blog_body_main {
        flex-direction: column;
        padding: 50px 100px;
    }
    .blog_body_main .blog_sidebar {
        width: 100%;
    }
    .blog_body_main .blog_contents {
        width: 100%;
    }
    .blog_content_travels .blog_travel_middle .blog_profile_image {
        margin-top: 100px;
    }
    .blog_submit_comments .blog_comments_submit .btn_red {
        margin-bottom: 50px;
        margin-left: 0;
    }
    .bolg_sidebar_posts .sidebar_post_inner .sidebar_post_image img {
        width: 100px;
        height: unset;
    }

    .course_body_main .course_body_inner {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }
    .course_body_main .course_body_inner .popular_inner_content {
        width: 100%;
    }

    /* max-width: 992px for course details page */
    .course_details_body .container .course_details_main {
        flex-direction: column-reverse;
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 50px;
    }
    .course_details_main .course_details_content {
        width: 100%;
    }
    .course_details_main .course_details_sidebar {
        width: 100%;
        position: unset;
    }
    .course_details_sidebar {
        margin-top: 0;
    }
    .course_details_video_img button i {
        left: 350px;
        top: 150px;
    }
    .course_details_video_img button h3 {
        left: 310px;
        top: 290px;
    }
    .btn_share_icons {
        left: 35%;
    }
    .course_details_tabs .course_overview_inner {
        margin: 5px;
    }

    /* About Page */
    .brand_logo .container .brand_logo_main {
        margin-top: 40px;
        margin-bottom: -30px;
    }
    .advisor_inner_content .avisor_image {
        width: 30%;
    }
    .advisor_inner_content .avisor_text {
        width: 70%;
    }

    /* max-width: 992px for privacyBodyMain*/
    .privacyBodyMain {
        margin: 50px auto;
    }

    /* max-width: 992px for client section*/
    .client_content_inner {
        flex-direction: column-reverse;
    }
    .client_content_inner .client_data {
        width: 100% !important;
    }
    .client_content_inner .client_img {
        width: 100% !important;
        margin-bottom: 20px;
    }
    /* Gellery page */
    .gellery_single_box .gellery_single_inner {
        grid-template-columns: auto auto;
    }

    /* Student review page start */
    .socialReview_inner {
        height: 15rem;
    }
    .socialReview_inner .sReview_content {
        height: 100%;
    }
    .sReview_content .review_screenshort {
        height: 100%;
    }

    /* Gallery section */
    .Gboby_content {
        grid-template-columns: auto auto;
    }

    .RS_complete {
        margin-right: 0;
    }
    .ratingOpen {
        margin-left: 0;
    }
}

@media (max-width: 940px) {
    .video_player {
        left: 7%;
    }
    .student_pro_btn_div {
        width: fit-content !important;
    }
}

@media (max-width: 880px) {
    .fun_count {
        font-size: 18px;
    }

    .studentModalClose {
        right: 10%;
    }

    .video_player {
        left: 6%;
        width: 750px;
    }
    /* .course_details_instractor  */
    .course_details_instractor .instructorHeading {
        flex-direction: column;
    }
    .instructor_img {
        width: 100%;
        text-align: center;
    }
    .instructor_Hcontent {
        padding: 25px;
    }

    /* student profile */
    .std_course_data_main .std_cours_inner_content {
        flex-direction: column !important;
    }
    .std_cours_inner_content .inner_content_img {
        width: 100% !important;
    }
    .std_cours_inner_content .inner_content_text {
        width: 100% !important;
    }

    /* Student review page */
    .socialReview_inner {
        flex-direction: column;
        height: fit-content;
    }
    .socialReview_inner .sReviewer_info {
        width: 100%;
        border-radius: 0.5rem 0.5rem 0 0;
    }
    .socialReview_inner .sReview_content {
        width: 100%;
        padding: 0;
    }
    .sReview_content .review_screenshort {
        width: 100%;
        border-radius: 0 0 0.5rem 0.5rem;
    }
    .videoReview_inner {
        grid-template-columns: auto;
        max-width: 576px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 800px) {
    .std_Video_player {
        height: 22rem !important;
    }
    .video_player {
        left: 4%;
        width: 700px;
        height: 400px;
        top: 80px;
    }
    /* About Page */
    .course_advisor .container .course_advisor_main {
        padding: 50px;
    }

    .course_body_main .course_sub_title {
        margin-bottom: 30px;
    }
    .details_review_persone .review_persone_image img {
        width: 200px;
    }

    /* Cart Page */
    .cart_body_main .product_list table tbody tr td img {
        max-height: 80px;
    }

    /* student review page */
    .rVideo_single .rVideo_info {
        padding: 0.5rem;
    }
}

@media (max-width: 768px) {
    .upcomingBatchNotMassage {
        padding: 1rem;
        font-size: 1.1rem;
    }
    .nameBatchNumbe.flexing {
        flex-direction: column;
        align-items: flex-start;
    }
    .course_enroll_topInner {
        column-gap: 10px;
    }
    .auth_body_main .enrolledC.register {
        padding: 1rem;
    }
    .previousWebinar.single_jobLink {
        padding: 1rem;
    }
    .single_jobLink.upWebginarGroup {
        padding: 1rem;
        row-gap: 1.5rem;
    }
    .webinar_body_main .job_list_inner {
        padding: 1rem;
    }
    .web_single_body .paragraph {
        height: fit-content;
    }
    .upcomingBatch {
        padding: 2.5rem 0;
    }
    .upcomingBatchLink {
        row-gap: 0.75rem;
        flex-direction: column;
    }
    .upcomingBatchLink .nameBatchNumber {
        width: 100%;
    }

    .upcomingBatchLink .batchImg {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        min-width: 100%;
    }
    .upComingEnroll.upbtntop {
        display: block;
        white-space: nowrap;
        width: fit-content;
        margin-left: auto;
    }
    .upComingEnroll.upbtnbottom {
        display: none;
    }

    .batchImg img {
        max-width: 10rem;
        display: block;
        margin-right: auto;
        margin-left: 0;
    }
    .dayContainer span {
        max-width: 13%;
    }

    .InterviewDateMain .job_tab_title {
        text-align: center;
    }

    .student_job_single_home.teacherlistsingle {
        width: 100%;
    }
    .job_success_body.teacherlist {
        row-gap: 1.75rem;
    }
    .student_job_info.teachersingle {
        height: fit-content;
    }
    .courseHeading .nav-item {
        width: 48%;
    }
    .courseHeading .stdcbi .nav-link.active {
        border-bottom: unset !important;
        box-shadow: 0 0 2px var(--primary-blue);
    }
    .pTitleRightSingle {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0.3rem;
        width: unset;
    }
    .progress_title_right {
        column-gap: 1.5rem;
    }
    .intallmentTable {
        width: 100%;
        overflow: auto;
    }
    .intallmentTable table {
        width: max-content;
        overflow: auto;
    }
    /* Services */
    .service_links {
        width: 100%;
    }
    .SDsingleProject {
        width: 100%;
    }
    .SDsingleProject:nth-child(2) {
        width: unset;
    }
    .SDsingleProject:nth-child(3) {
        width: unset;
    }
    .SDdeveloper {
        column-gap: 1rem;
        width: 100%;
    }
    .SDportfolioS {
        margin-top: 0;
        padding: 2rem 0;
    }
    .SDdevelopers_section {
        margin-top: 0;
        padding: 2rem 0;
    }
    .SDcontactMain {
        flex-direction: column;
        row-gap: 1rem;
    }
    .SDcontactData {
        width: 100%;
    }
    .SDcontactData .btn_red {
        margin-left: 0;
        text-align: left;
    }
    .SDcontantImg {
        width: 100%;
    }
    .SDcontantImg img {
        margin-left: 0;
    }
    .SDcontactSection {
        padding: 0;
    }
    .service_details_body {
        padding: 2rem 0;
    }
    .SDdeveloperContent {
        row-gap: 1.5rem;
    }
    .projectsContents .SDprofileBody .SDsingleProject {
        width: 100%;
    }
    .projectsContents .SDprofileBody .SDsingleProject:nth-child(even) {
        width: unset;
        margin-top: 0;
    }
    .projectsContents .SDprofileBody {
        row-gap: 3rem;
    }
    .projectsContents {
        margin-top: 2rem;
    }
    .projects_body_section {
        padding: 3rem 0;
    }
    .topVideoFull iframe {
        max-height: 20rem;
    }
    .PDtitles {
        flex-direction: column;
        row-gap: 1rem;
    }
    .PDtitleRight .sub_title2 {
        font-weight: 700;
        font-size: 22px;
    }
    .whattypebusiness {
        flex-direction: column;
        margin-top: 3rem;
        row-gap: 1rem;
    }
    .whattypebusiness .buness_left {
        width: 100%;
    }
    .whattypebusiness .buness_right {
        width: 100%;
    }
    .moreSection {
        margin-top: 3rem;
        flex-direction: column;
        row-gap: 2rem;
    }
    .moreSection img {
        width: 100%;
    }
    .moreSection img:nth-child(even) {
        margin-top: 0;
    }
    .PDmobileLvuew {
        margin: 3rem auto;
    }
    .backtoallProjext {
        margin-top: 3rem;
    }
    .project_details_bodySection {
        padding: 3rem 0;
    }
    /* Services end */

    .problem_titles .nav-item {
        width: fit-content;
        margin: auto;
    }

    /* Course review */
    .name_and_email {
        flex-direction: column;
        row-gap: 15px;
    }
    .name_and_email input {
        width: 100%;
    }
    .auth_body_main .register {
        padding: 40px 20px;
    }

    .partTime {
        background: transparent;
        border: none;
        padding: 0;
    }

    .fulltime {
        background: transparent;
        border: none;
        padding: 0;
    }

    /* Signup page */
    .signup_body_main {
        flex-direction: column;
        max-width: 500px;
    }

    /* Gallery sectin */
    .galleryModalInner {
        max-height: 400px;
    }

    .studentModalClose {
        right: 5%;
    }

    .web_review_body .web_single_body {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }
    .web_review_inner_body {
        flex-direction: column;
    }
    .job_success_body {
        grid-template-columns: auto;
    }
    .SHRmain .SRH_inner {
        flex-direction: column;
    }
    .student_job_main {
        grid-template-columns: auto;
    }

    .student_home_single {
        width: 100%;
        max-width: 520px;
        margin-left: auto;
        margin-right: auto;
    }

    .std_Video_player {
        height: 20rem !important;
    }
    .item {
        padding: 0 50px;
    }

    /*---------------- max-width: 767px for home page ---------------------*/
    .top {
        font-size: 18px;
        padding: 7px 10px;
        left: 91%;
    }
    .slider .container .slider_main .slider_text {
        width: 100% !important;
        margin: 10px auto !important;
    }
    .slider .container .slider_main {
        padding-left: 0;
        padding-right: 0;
    }
    .slider .container .slider_main .slider_user {
        flex-direction: column;
        width: unset !important;
    }
    .slider_main .slider_user .slider_user_left {
        margin: auto;
        width: 100% !important;
    }
    .slider .container .slider_main .slider_user {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 30px;
    }
    .brand_logo_main {
        padding: 0 30px !important;
    }
    .education_main {
        padding: 50px 0;
    }
    .popular_course .container .popular_crs_main {
        padding: 50px 0;
    }
    .card {
        width: 100% !important;
    }
    .distance_right .distance_user .distance_user_left {
        margin-top: 0;
    }
    .distance_right .distance_user .distance_user_right {
        margin-bottom: 0;
    }
    .distance_bottom .videos {
        width: 100%;
        margin: 0 auto !important;
    }

    .modal-content {
        max-width: 100%;
        height: 400px;
    }
    .blog_section .container .blog_main {
        padding: 50px;
    }
    .image_inner_icon button i {
        top: 35%;
        left: 44%;
        font-size: 35px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .attendng_text {
        width: 100% !important;
        padding-bottom: 100px;
    }
    .certification .container .certification_main {
        padding: 50px;
    }
    .footer_main .footer_top {
        padding: 50px 0;
    }
    .footer_main .footer_bottom {
        flex-direction: column;
    }
    .blog_content .blog_content_inner {
        flex-direction: column;
        row-gap: 50px;
    }
    .blog_content_inner .blog_inner_box {
        width: 100%;
    }
    .carosel_design {
        padding: 20px;
    }
    .carosel_design .bg_red_sign img {
        display: none;
    }
    .carosel_design .bg_cotation i {
        font-size: 80px;
        bottom: 30px;
    }

    /*----------- max-width: 767px for login/register page-----------------*/
    .auth_body .auth_body_main {
        padding-left: 50px;
        padding-right: 50px;
    }
    .auth_body_main .register {
        padding-top: 40px 20px;
    }
    .auth_body_section {
        padding-bottom: 0;
    }
    /*----------- max-width: 767px for Abot page -----------------*/

    .course_advisor .container .course_advisor_main {
        padding: 50px 0;
    }
    .brand_logo .container .brand_logo_main {
        margin-top: 40px;
        margin-bottom: -20px;
    }
    .user_box {
        padding-top: 100px;
    }
    /*----------- max-width: 767px for cart page -----------------*/

    .cart_body_main {
        padding: 50px 0 !important;
    }
    .product_list table .desktop_minus {
        display: none;
    }
    .promo_code input {
        width: 60% !important;
    }
    .promo_code button {
        left: 59% !important;
    }
    .cart_body_main .product_list table thead tr th {
        font-size: 14px;
    }

    /*----------- max-width: 767px for Checkout page -----------------*/
    .checkout_content .container .choeckout_content_main {
        padding: 50px;
    }
    .checkout_billing_details .horizontal_input {
        flex-direction: column;
    }
    .horizontal_input div {
        width: 100%;
    }

    /*----------- max-width: 767px for Contact page -----------------*/
    .contact_main .contact_details {
        text-align: center;
    }
    .contact_details_info .contact_inner_info {
        flex-direction: column;
    }
    .contact_inner_info .inner_icon {
        font-size: 30px;
        width: 65px;
        margin-top: 30px;
    }
    .contact_inner_info .inner_text h3 {
        font-size: 18px;
    }
    .contact_inner_info .inner_text p,
    a {
        font-size: 14px;
    }
    .contact_main .contact_form p {
        font-size: 14px;
    }
    .google_map .map {
        height: 400px;
    }

    /*----------- max-width: 767px for Blog page -----------------*/
    .blog_body .blog_body_inner {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 30px;
    }
    .blog_body_main .blog_body {
        padding: 0 50px 25px 50px;
    }

    /*----------- max-width: 767px for Blog Details page -----------------*/
    .blog_body_section .container .blog_body_main {
        padding: 50px;
    }
    .blog_user_count .blog_user_content a {
        font-size: 15px;
    }
    .blog_body_main .blog_titles {
        font-size: 19px;
    }
    .paragraph {
        font-size: 14.5px;
    }
    .blog_content_travels .blog_travel_middle .blog_profile_image {
        margin-top: 75px;
    }
    .blog_content_travels .blog_travel_bottom {
        flex-direction: column;
        row-gap: 30px;
    }
    .blog_content_travels .blog_travel_bottom .travel_bottom_left {
        width: 100%;
    }
    .blog_travel_bottom .travel_bottom_image img {
        width: 100px;
    }
    .blog_content_travels .blog_travel_bottom .travel_bottom_right {
        width: 100%;
    }
    .blog_body_inner .blog_submit_comments .horizontal_input {
        flex-direction: column;
    }
    .blog_view_comments .blog_commenter_info .blog_commenter_image {
        width: 100px;
    }

    /*----------- max-width: 767px for Course page -----------------*/
    .course_body_main .course_body_inner {
        grid-template-columns: repeat(1, 1fr);
    }
    .course_body_main .course_sub_title {
        flex-direction: column;
    }

    /*----------- max-width: 767px for Course Details page -----------------*/
    .auth_title_home p {
        font-size: 14px;
    }
    .sub_title {
        font-size: 26px;
    }
    .course_details_title_rating .rating i {
        font-size: 13px;
    }
    .review_persone_text .reviews_name .reviewer_name {
        display: block;
        margin-top: 0;
    }
    .course_details_body .container .course_details_main {
        padding-left: 50px;
        padding-right: 50px;
    }
    .course_details_instractor {
        flex-direction: column;
    }
    .course_details_instractor .details_instractor_image {
        width: 80%;
    }
    .course_details_instractor .details_instractor_info {
        width: 100%;
        margin-top: 40px;
    }
    .course_details_sidebar_btns {
        padding-top: 30px;
    }
    .course_details_video_img button h3 {
        left: 240px;
        top: 240px;
    }
    .course_details_video_img button i {
        left: 280px;
        top: 115px;
    }
    .course_price_inner_left .price_inner_left_text h4 {
        font-size: 15px;
    }
    .course_price_inner .course_price_inner_right h2 {
        font-size: 20px;
    }
    .course_price_inner .course_price_inner_right h5 {
        font-size: 15px;
    }
    .course_price_inner .course_price_inner_left {
        column-gap: 7px;
    }
    .course_price_inner .course_price_inner_left i {
        font-size: 16px;
    }
    .btn_share_icons {
        visibility: visible;
        opacity: 1;
    }

    /* Video Details */
    .videoDetails_body_section .container .video_body_main {
        padding: 50px;
    }
    .vodeoDetailsPlayer {
        height: 320px;
    }

    /* max-width: 767px for gellery page */
    .gellery_single_box .gellery_single_inner {
        grid-template-columns: auto;
    }

    /*.privacyBodyMain*/
    .footer_bottom {
        flex-direction: column;
        row-gap: 1.5rem;
    }
    .footer_bottom .powredby {
        width: 100% !important;
        text-align: center;
        margin: unset;
    }
    .footer_bottom .powredby p {
        text-align: center !important;
    }
    .footer_bottom .privecy {
        width: 100%;
        text-align: center !important;
        justify-content: center !important;
    }
    .privacyBodyMain {
        margin: 40px auto;
    }

    .client_content_inner .client_img {
        height: 350px;
    }
    .portfolio_details_boxImg .btn_close_pfImg {
        width: 1.6rem;
        height: 1.6rem;
        line-height: 1.6rem;
    }
    .portfolio_details_boxImg .btn_close_pfImg i {
        font-size: 1rem;
    }
    .portfolio_details_boxImg .img_div {
        height: 85vh !important;
        margin-top: 8vh !important;
    }

    /* Gallery section */
    .Gboby_content {
        grid-template-columns: auto;
    }
}

@media (max-width: 735px) {
    /* services page */
    .service_body_div {
        grid-template-columns: auto;
    }
    .service_single {
        width: 100%;
        max-width: 550px;
        margin-left: auto;
        margin-right: auto;
    }
    .service_single:hover {
        margin-top: unset;
        margin-bottom: unset;
    }

    .video_player {
        left: 0;
    }
    .portfolio_details_box .video_div iframe {
        height: 25rem !important;
    }

    .studentModalClose {
        right: 2%;
    }
}

@media (max-width: 576px) {
    .batchName {
        font-size: 1.2em;
    }
    .privacyContent ul {
        padding-left: 1rem;
    }

    /* Services start */
    .SDmain {
        row-gap: 2rem;
    }
    .SDprofileTitle {
        margin-bottom: 1rem;
    }
    .SDprofileBody {
        row-gap: 2.5rem;
    }
    .SDPimgd {
        margin-bottom: 0.5rem;
    }
    .SDdevelopers_section {
        padding: 1rem 0;
    }
    .SDCdata_inner {
        flex-direction: column;
    }
    .service_title_div {
        margin-bottom: 1.5rem;
    }
    .PDcontents .shortDescription {
        margin: 2rem 0;
    }
    .PDmobileLvuew {
        margin: 2rem 0;
        flex-direction: column;
        row-gap: 1.5rem;
    }
    .PDmobileLvuew .laptopView {
        width: 100%;
    }
    .PDmobileLvuew .mobileView {
        width: 100%;
    }
    .whattypebusiness {
        margin-top: 2rem;
        row-gap: 0;
    }
    .moreSection {
        margin-top: 2rem;
    }
    /* Services end */

    .auth_body_section {
        background: linear-gradient(45deg, #3c1770, #000032, #1d1538, #3c1770);
    }
    .auth_body_main .register {
        padding: 40px 0;
    }
    .courseSubmit {
        background: transparent;
        box-shadow: none;
    }

    /* Signup page */
    .otpbox_inner {
        min-width: 350px;
        padding: 30px;
    }

    /* Course enrill */
    .payment_method_single {
        flex-direction: column;
    }
    .pMethod_hesd_item .nav-link {
        padding: 10px 0 0 0;
    }
    .pMethod_label {
        width: 100%;
    }

    .client_review_section {
        padding: 50px 0;
    }
    /* Gallery sectin */
    .galleryModalInner {
        max-height: 335px !important;
    }
    .gallery_section_main {
        padding: 50px 0;
    }

    /* Student review page */
    .sReviewer_data .sub_title2 {
        font-size: 20px;
    }
    .video_body_section {
        padding: 50px 0 !important;
    }
    .title_4th {
        font-size: 1rem !important;
    }
    .video_player {
        height: 350px;
    }
    .title {
        padding: 0;
    }
    /*--------------- max-width: 567px for home page -----------*/

    .modile_menu_section {
        padding: 20px 0;
    }
    .slider .container .slider_main {
        padding-left: 0;
        padding-right: 0;
    }
    .sliderTop {
        padding: 0;
    }
    .slider {
        padding-top: 30px;
    }
    .slider .container .slider_main .slider_text {
        margin: 0;
    }
    .slider_user .slider_user_right {
        margin-bottom: 0 !important;
    }
    .slider .container .slider_main .slider_text {
        width: 100%;
    }
    .brand_logo .container .brand_logo_main {
        padding: 40px 0 !important;
        row-gap: 15px;
        column-gap: 50px;
    }
    .rVideo_name {
        font-size: 1rem;
    }
    .brand_logo {
        padding: 0 !important;
        margin: 0 !important;
    }
    .education_main {
        padding: 40px 0 !important;
    }
    .education_main .education_content {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 30px;
    }
    .online_learning .container .online_main {
        padding: 40px 0 !important;
    }
    .sub_title {
        font-size: 25px;
        line-height: 30px;
        padding: 0 !important;
    }
    .small_title {
        font-size: 12.5px;
        line-height: 18.5px;
    }
    .paragraph {
        font-size: 14px;
        line-height: 24px;
    }
    .online_inner_btns {
        flex-direction: column;
        text-align: center;
    }
    .popular_course .container .popular_crs_main {
        padding: 3rem 0 !important;
    }

    .distance_right .distance_user {
        flex-direction: column;
    }
    .distance_right .distance_user .distance_user_left {
        width: 100%;
    }
    .user_box {
        width: 100%;
        height: 150px;
        padding-top: 26px;
    }
    .education_content .card_light {
        padding: 0 10px 10px 10px;
    }
    .distance_right .distance_user .distance_user_right {
        width: 100%;
    }
    .self_development .container .self_main {
        padding: 0;
    }
    .self_developmenr_inner .self_content {
        padding: 40px 20px !important;
    }
    .blog_section .container .blog_main {
        padding: 40px 0 !important;
    }
    .image_inner_icon button i {
        top: 34%;
        left: 43%;
        font-size: 30px;
        width: 65px;
        height: 65px;
        line-height: 65px;
    }
    .attending_text {
        padding: 40px 0 0 0;
    }
    .certification .container .certification_main {
        padding: 40px 0 !important;
    }
    .footer_main .footer_top {
        grid-template-columns: repeat(1, 1fr);
    }
    .footer_top .footer_top_explore {
        padding-left: 0;
    }

    .footer_top h4 {
        margin-top: 80px;
    }
    .footer_top_resource {
        margin-top: -50px;
    }
    .footer_top_address {
        margin-top: -50px;
        padding-left: 0;
    }
    /*---- Cart page ----------*/
    .cart_body_main .product_list table tbody tr td img {
        max-height: 50px;
    }
    .cart_body_main .product_list table tbody tr td a {
        font-size: 16px;
    }
    .cart_body_main .product_list table tbody tr td span {
        padding: 5px 20px;
    }
    .cart_body_main .promo_code button {
        padding: 13px 20px;
    }
    .promo_code input {
        width: 50% !important;
    }
    .promo_code button {
        left: 48% !important;
    }

    /*--------------- max-width: 567px for Checkout page -----------*/
    .checkout_content .container .choeckout_content_main {
        padding: 50px 0;
    }

    /*--------------- max-width: 567px for Login/register page -----------*/
    .auth_body .auth_body_main {
        padding: 0;
    }

    .auth_title_content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .auth__title_section .container .auth_title {
        padding: 20px 0;
    }
    .auth_body_main .login {
        padding: 20px;
        padding-top: 40px;
    }
    .check_text .check {
        font-size: 14px;
    }
    .check_line a {
        font-size: 14px;
    }
    /*--------------- max-width: 567px for About page -----------*/

    .advisor_inner_content {
        flex-direction: column;
    }
    .advisor_inner_content .avisor_image {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    .advisor_inner_content .avisor_text {
        width: 100%;
        margin: auto;
    }
    .advisor_inner_content .avisor_image img {
        width: 100%;
        border-radius: 3px;
    }
    /*--------------- max-width: 567px for cart page -----------*/
    .cart_body_main .product_list table tbody tr td img {
        max-width: 60px;
    }

    /*----------- max-width: 567px for Contact page -----------------*/

    .contact_main .contact_form h2 {
        font-size: 24px;
    }

    /*----------- max-width: 567px for Blog page -----------------*/
    .blog_body_main .blog_body {
        padding: 0 0 25px 0;
    }

    .footer_top .footer_top_about {
        margin-bottom: -50px;
    }

    /*----------- max-width: 567px for Blog Details page -----------------*/
    .blog_body_section .container .blog_body_main {
        padding: 50px 0;
    }
    .blog_top_users .border_left {
        padding: 15px;
        font-size: 16px;
    }
    .blog_content_travels .blog_travel_middle .blog_profile_image {
        margin-top: 60px;
    }
    .blog_travel_bottom .travel_bottom_image img {
        width: 120px;
    }

    /*----------- max-width: 567px for Course Details page -----------------*/
    .course_details_body .container .course_details_main {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 35px;
    }
    .paragraph2 {
        font-size: 14px;
    }
    .course_details_instractor .details_instractor_image {
        width: 100%;
    }
    .course_curriculum_inner ul li .course_tab_inner {
        padding: 20px 5px;
    }
    .course_details_sidebar .course_details_sidebar_price {
        padding-left: 5px;
        padding-right: 5px;
    }
    .instructor_Hcontent h3 i {
        display: none;
    }

    .ins_skills .skills-data span {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 17px;
    }
    /*.course_details_tabs .course_curriculum_inner .course_curi_title{*/

    /*.privacyBodyMain*/
    .privacyBodyMain {
        margin: 30px auto;
    }

    /* Client Section */
    .client_section {
        padding: 30px 0;
    }
    .client_main .client_title {
        margin-bottom: 20px;
    }
    .client_content_inner .client_img {
        height: 300px;
    }

    .title_h3 {
        font-size: 18px;
    }
    .portfolio_details_img {
        padding: 0;
    }
    .course_details_tabs .course_overview_inner {
        margin: 0 !important;
    }
    /* protfolio_Details */
    .protfolio_heading {
        font-size: 20px;
        font-weight: 800;
        padding: 15px 10px;
    }
    .portfolio_contents {
        font-size: 15px;
        padding: 15px 10px;
    }
    .protfolio_title_div {
        padding: 25px 0;
    }
    .protfolio_title_div h3 {
        font-size: 25px;
    }
    .PFdialog .PFcontent {
        margin-left: 0.5rem;
    }
    .PFheader .PFDclose {
        width: 1.5rem !important;
        height: 1.5rem !important;
        line-height: 1.5rem !important;
    }
    .PFdialog .PFcontent .PFbody {
        padding: 0 0.5rem 0.5rem 0.5rem !important;
    }
    .PFdialog .PFcontent .PFheader {
        padding: 0.5rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 18rem !important;
    }
    .user_text .title_h4 .prot_titlea {
        font-size: 1.1rem;
    }
    .PFbox .pfopenbtn {
        height: 100% !important;
    }

    /* Student Profile */

    .inner_content_text_active .table tbody .active_top td h3 {
        font-size: 1rem !important;
    }
    .student_profile_imgDiv {
        margin-right: auto;
        margin-bottom: 1rem;
    }
    .userNameEmailForm {
        flex-direction: column;
    }
}
@media (max-width: 700px) {
    .portfolio_details_box .video_div iframe {
        height: 23rem !important;
    }
    .slider_btns {
        flex-direction: column;
        row-gap: 1.5rem;
    }
}
@media (max-width: 670px) {
    .std_Video_player {
        height: 19rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 21rem !important;
    }
}

@media (max-width: 640px) {
    .client_inner .carousel-item .client_image img {
        width: 140px;
        height: 140px;
    }
    .std_Video_player {
        height: 18rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 19rem !important;
    }
    .course_details_video_img button i {
        left: 220px;
        top: 90px;
        font-size: 22px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    .course_details_video_img button h3 {
        left: 180px;
        top: 190px;
        font-size: 15px;
    }

    .galleryModalInner {
        max-height: 380px;
    }
}
@media (max-width: 550px) {
    .enrolledAndGo {
        flex-direction: column;
        row-gap: 0.5rem;
        width: fit-content;
        margin-left: 0;
        margin-right: auto;
    }
    .enrolledAndGo h4 {
        width: fit-content;
    }
    .std_subTitle {
        white-space: wrap;
    }
    /* Student review page */
    .clint_info .client_location {
        font-size: 1rem;
    }

    .clint_info .client_name {
        font-size: 1.3rem;
    }
    .clint_info .client_paragraph {
        font-size: 13px;
    }
    .rVideo_div iframe {
        height: 300px;
    }
    .reviewer_info {
        column-gap: 0.5rem;
    }
    .reviewer_info .reviewer_img {
        width: 6rem;
        height: 6rem;
    }
    .sReviewer_info .sReviewer_img {
        width: 6rem;
        height: 6rem;
    }

    /* Student review page end */
    .std_Video_player {
        height: 16rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 16rem !important;
    }
    .userNameEmailForm {
        flex-direction: column;
    }
    .forReadyToWork {
        width: 100%;
    }
    .student_profile_imgDiv {
        margin-right: auto;
    }
    .userNameEmailTop {
        width: 100%;
    }
    .readytoworTop {
        height: fit-content;
        row-gap: 1rem;
    }
    .std_basic_top {
        width: 100%;
    }
    .stdSocialURL {
        left: 0;
        transform: unset;
    }
}
@media (max-width: 510px) {
    .progress_title_right {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0.6rem;
    }
    .pTitleRightSingle {
        flex-direction: row;
    }
    .stdCvMainDiv {
        flex-direction: column;
        row-gap: 0.7rem;
    }
    .resumeDiv {
        width: 100%;
    }
    .stdProfileSkills {
        gap: 0.8rem;
    }
    .studentDataEdit {
        padding: 1rem 0.5rem 1.5rem 0.5rem;
    }
    .editModalHeader {
        padding: 1rem 0.5rem 0.8rem 0.5rem;
    }
    .stdProjectImg {
        max-height: 16rem;
    }
    .photoAndFile {
        flex-direction: column;
        row-gap: 1rem;
    }
    .photoAndFile .SPImgDiv {
        margin-right: auto;
    }
    .photoAndFile input[type="file"] {
        margin-right: auto;
    }
    .STDEXPmain {
        flex-direction: column;
        row-gap: 1rem;
    }
    .STDCVupload {
        width: 100%;
    }
    .readytojointime {
        width: 100%;
    }

    .std_basic form .std_basic_fullwidth input {
        width: 100%;
        padding-left: 0;
        font-size: 15px;
    }
    .std_full_name input {
        display: block;
        padding-left: 0;
        font-size: 15px;
        margin-top: -1rem;
    }
    .std_basic_fullwidth label {
        text-align: left;
    }
    .std_basic_fullwidth label {
        margin-right: auto;
        margin-bottom: -20px;
    }

    /* Signup page */
    .signup_form_div {
        padding: 25px;
    }

    .galleryModalInner {
        max-height: 310px !important;
    }
    /* Student review page */
    .rVideo_div iframe {
        height: 280px;
    }
    /* Student review page end */
    .std_Video_player {
        height: 15rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 15rem !important;
    }
}
@media (max-width: 480px) {
    .upComingEnroll.upbtntop {
        display: block;
        white-space: nowrap;
        width: fit-content;
        margin-left: auto;
    }
    .upComingEnroll.upbtnbottom {
        display: none;
    }
    .upComingEnroll.mobileVersion-imgdiv {
        display: block;
    }
    .upComingEnroll.mobileVersion {
        display: none;
    }
    .upcomingBatchMObileImgs {
        width: 100%;
    }
    .mobile-sidebar-image-div {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .mobile-sidebar-image-div img {
        width: 11rem;
    }
    .enrolledAndGo {
        margin-left: auto;
        margin-right: auto;
    }
    .weGuestNameOrganiz {
        width: fit-content;
        margin-left: 0;
    }
    .webinarguestDiv img {
        margin-left: 0;
        margin-right: auto;
    }
    .webinarguestDiv {
        flex-direction: column;
        row-gap: 0.5rem;
        width: fit-content;
    }
    .startDateWebinar {
        flex-direction: column;
        row-gap: 1rem;
    }
    .startDateWebinar .btn_red {
        width: fit-content;
        margin-left: 0;
    }
    .mockInterviewHeader {
        justify-content: space-between;
        width: 100%;
    }
    .mockInterviewHeader .nav-link {
        padding: 0.5rem;
        font-size: 0.9rem;
        margin-right: 0 !important;
    }
    /* Services */
    .SDleft {
        padding-top: 0;
    }
    .topVideoFull iframe {
        max-height: 17.5rem;
    }
    .backtoallProjext {
        margin-top: 2rem;
    }
    .projects_body_section {
        padding: 2.2rem 0;
    }
    .projectsContents {
        margin-top: 1.5rem;
    }
    .projectsContents .SDprofileBody {
        row-gap: 2rem;
    }
    /* Service end */

    .problem_solv.accordion-button {
        padding: 1rem 0.5rem;
    }
    .problem_titles_inner {
        width: calc(100% - 1.5rem);
    }

    .rating_open_main {
        flex-direction: column-reverse;
        row-gap: 10px;
    }

    .single_video_inner iframe {
        height: 250px;
    }

    /* Course Enroll */
    .CEP_inner {
        padding: 25px 10px;
    }
    .course_enroll_dTop {
        padding: 25px 10px;
    }
    .course_enroll_topInner {
        flex-direction: column;
    }
    .course_ED_img {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }
    .payment_instructionM {
        padding: 20px 10px;
    }

    .CEDtitle {
        font-size: 17px;
    }
    .course_startingT {
        font-size: 13px;
    }

    /* Gallery sectin */
    .client_inner .carousel-item .client_image img {
        width: 120px;
        height: 120px;
    }
    .galleryModalInner {
        max-height: 295px !important;
    }
    .carousel-control-prev {
        margin-top: 10rem;
    }
    .carousel-control-next {
        margin-top: 10rem;
    }

    /* Student review page */
    .rVideo_div iframe {
        height: 255px;
    }
    .webReview_content {
        padding: 1rem;
    }
    .reviewer_info {
        padding: 1rem;
    }
    .R_course_name {
        font-size: 0.9rem;
    }
    .rVideoCourseTitle {
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .rVideo_name {
        font-size: 0.8rem;
    }
    .Sreviewtitle {
        font-size: 1.1rem;
    }
    .sReviewer_info .sReviewer_img {
        width: 5rem;
        height: 5rem;
        border: 0.2rem solid #fe4a55;
    }
    .reviewer_info .reviewer_img {
        padding: 0.2rem;
        width: 5rem;
        height: 5rem;
    }
    .reviewer_data .sub_title2 {
        margin-bottom: 0;
    }
    .sReviewer_data .sub_title2 {
        margin-bottom: 0;
        font-size: 1.2rem;
    }
    /* Student review page end */
    .sub_title2 {
        font-size: 22px;
    }
    .std_Video_player {
        height: 14rem !important;
    }
    .std_course_data_main .std_cours_inner_content {
        padding: 0 !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 14rem !important;
    }
    .online_main .online_img {
        margin-bottom: 30px;
    }
    .std_courses ul li {
        width: fit-content !important;
        margin: auto;
    }

    /* Discount Popup */
    .preloder .preloder_content {
        height: fit-content;
        max-height: 90vh;
    }
    .preloder_btn .btn_red {
        margin-left: 1rem;
        margin-bottom: 1.2rem;
        padding: 0.3rem 0.6rem;
        font-size: 0.86rem;
    }

    /* Webinar video */
    .card_image_main a .video_main {
        height: 250px;
    }

    .courseHeading .nav-item {
        width: 47% !important;
    }
}
@media (max-width: 440px) {
    .upcomingSidebar.UBSBT .batchStartDat {
        column-gap: 1rem;
    }
    .rating_inner_div {
        min-width: unset;
        max-width: unset;
    }

    /* Student review page */
    .rVideo_div iframe {
        height: 230px;
    }
    .course_details_content .course_details_tabs ul {
        background: transparent;
    }
    .course_details_content .course_details_tabs ul li {
        width: 100%;
        background: #dcdddc;
        text-align: center;
        margin: 0.2rem auto;
    }
    .reviewer_info {
        flex-direction: column;
        text-align: center;
    }
    .rVideo_logo img {
        width: 2.2rem;
        height: 2.2rem;
    }
    /* Student review page end */
    .std_Video_player {
        height: 13rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 13rem !important;
    }
    .video_player {
        height: 250px;
    }
    .imageModalBody {
        height: 350px;
    }
    .footer_bottom {
        padding: 20px 0;
    }
    .online_img_inner .imageTooltip span {
        font-size: 15px;
        font-weight: 700;
    }

    /*----------- max-width: 440px for Blog Details page -----------------*/
    .blog_content_travels .blog_travel_top {
        flex-direction: column;
    }
    .blog_content_travels .blog_travel_top .blog_content_social {
        margin-top: 15px;
    }

    .commenter_checkbox .label_bd label {
        font-size: 10px;
    }
    .blog_content_travels .blog_travel_middle .blog_profile_image {
        margin-top: 80px;
    }
    .blog_content_top .blog_top_users .top_user_count_main {
        flex-wrap: wrap;
        row-gap: 0;
    }

    /*----------- max-width: 440px for Course Details page -----------------*/
    .course_details_video_img button i {
        left: 171px;
        top: 55px;
    }
    .course_tab_menu_sticky {
        position: unset !important;
    }
    .course_details_video_img button h3 {
        left: 125px;
        top: 160px;
    }
    .instructor_Hcontent .ins_name {
        font-size: 30px;
    }
    .instructor_Hcontent a {
        font-size: 18px;
    }
    .instructor_Hcontent h3 i {
        font-size: 12px;
    }
    .btn_share_icons {
        left: 30%;
    }

    /*---- Cart Page ------*/
    .cart_body_main .promo_code button {
        padding: 10px 15px;
    }
    .cart_body_main .promo_code input {
        height: 45px;
    }
    .PFdialog .PFcontent {
        margin-left: 0.2rem;
    }
}
@media (max-width: 420px) {
    .mobile-sidebar-image-div img {
        width: 10rem;
    }
    .prevwebinarUser .webinardateTime {
        padding: 0.4rem 0.6rem;
    }
    .InterviewDateMain {
        padding: 1rem 0.5rem;
    }
    /* Services */
    .SDcontactData .sub_title2 {
        font-size: 2rem;
    }
    .topVideoFull iframe {
        max-height: 15.5rem;
    }
    .service_section {
        padding: 1rem 0 2rem 0;
    }
    /* Services end */

    .mcq_inner {
        width: 95vw;
        min-width: unset;
        max-width: unset;
    }

    .single_video_inner iframe {
        height: 230px;
    }

    /* Signup page */
    .otpbox_inner {
        min-width: unset;
    }
    .resent {
        flex-direction: column;
    }

    /* Gallery sectin */
    .galleryModalInner {
        max-height: 280px !important;
    }
    .carousel-control-prev {
        margin-top: 8rem;
    }
    .carousel-control-next {
        margin-top: 8rem;
    }

    /* Webinar video */
    .card_image_main a .video_main {
        height: 220px;
    }
}
@media (max-width: 414px) {
    .webinar_body_main .jList_hUl .nav-link {
        padding: 0.5rem;
        font-size: 0.9rem;
    }
    .upcomingSidebar.UBSBT .batchStartDat {
        column-gap: 0.5rem;
    }
    .dayContainer span {
        width: unset;
    }
    .STDCVupload {
        column-gap: 0.5rem;
    }
    /* Student review page */
    .rVideo_div iframe {
        height: 220px;
    }
    /* Student review page end */
    /* service page */
    .service_icon i {
        font-size: 1.5rem;
    }
    .service_btn {
        font-size: 0.9rem;
    }
    .service_btn:hover {
        font-size: 0.95rem;
    }
    .service_title2 {
        font-size: 1.1rem;
    }
    .service_single {
        padding: 1rem;
    }
    /* service page end */
    .std_Video_player {
        height: 12rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: 12rem !important;
    }
    .item {
        padding: unset;
    }
}

@media (max-width: 369px) {
    .batchImg img {
        width: 9rem;
    }
    .mobile-sidebar-image-div img {
        width: 9rem;
    }
    .slot-actions .time-display {
        width: 175% !important;
    }
    .flatpickr-calendar.inline {
        width: 100%;
        padding: 1rem 0.2rem;
    }
    .mockInterviewHeader .nav-link {
        padding: 0.3rem;
        font-size: 0.85rem;
    }
    /* Services */
    .topVideoFull iframe {
        max-height: 14rem;
    }

    .single_video_inner iframe {
        height: 200px;
    }

    /* Gallery sectin */
    .galleryModalInner {
        max-height: 250px !important;
    }
    .carousel-control-prev {
        margin-top: 7rem;
    }
    .carousel-control-next {
        margin-top: 7rem;
    }

    /* Webinar video */
    .card_image_main a .video_main {
        height: 190px;
    }

    /* Student review page */
    .rVideo_div iframe {
        height: 200px;
    }
    /* Student review page end */
    .std_Video_player {
        height: 11rem !important;
    }
    .portfolio_details_box .video_div iframe {
        height: fit-content !important;
    }
    .PFdialog .PFcontent {
        margin-left: unset !important;
    }
    .course_details_video_img button h3 {
        left: 90px;
        top: 140px;
    }
    .course_details_video_img button i {
        left: 130px;
        top: 40px;
    }

    .imageModalBody {
        height: 300px;
    }

    .online_img_inner .imageTooltip span {
        font-size: 12px;
        font-weight: 600;
        padding: 5px;
    }
}

@media (max-width: 350px) {
    .batchImg img {
        width: 8rem;
    }
    .mobile-sidebar-image-div img {
        width: 8rem;
    }
}
/* home test */
.fixed_div12 {
    position: fixed;
    bottom: 0;
    margin-bottom: 5rem;
    right: 1rem;
    z-index: 100;
}

/* Max width 320px */
@media (max-width: 320px) {
    .single_video_inner iframe {
        height: 180px;
    }

    /* Webinar video */
    .card_image_main a .video_main {
        height: 170px;
    }

    /* Gallery sectin */
    .galleryModalInner {
        max-height: 230px !important;
    }
    .carousel-control-prev {
        margin-top: 6rem;
    }
    .carousel-control-next {
        margin-top: 6rem;
    }
}

/* Test */

/* --- Course Header Variables (Add to top of style.css or :root) --- */
:root {
    --dark-blue-bg: #0b1120; /* The main dark background */
    --primary-blue-btn: #0066ff; /* The bright blue button */
    --text-light-grey: #b3b9c5;
    --dark-blue-bg: #0b1120; /* The main dark background */
    --primary-blue-btn: #0066ff; /* The bright blue button */
    --text-light-grey: #b3b9c5;
}

/* --- Header Section Layout --- */
.course-header-new {
    /* Use the SVG background */
    background: url("/frontend/img/course_single_page/bg.svg") no-repeat center
        center;
    background-size: cover;
    padding: 80px 0; /* Removed bottom padding */
    position: relative; /* For absolute positioning of decorative dots */
    overflow: hidden;
}

/* --- Typography --- */
.course-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
}

.course-desc {
    font-size: 1.1rem;
    color: var(--text-light-grey);
    line-height: 1.6;
    max-width: 90%;
}

/* --- Breadcrumb --- */
.custom-breadcrumb .breadcrumb-item a {
    color: var(--text-light-grey);
    text-decoration: none;
}
.custom-breadcrumb .breadcrumb-item.active {
    color: #fff;
}
.custom-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: var(--text-light-grey);
}

/* --- Buttons --- */
.btn-primary-custom {
    background-color: var(--primary-blue-btn);
    color: #fff;
    border: none;
    padding: 12px 30px;
    font-weight: 600;
    border-radius: 5px;
    transition: background 0.3s;
}
.btn-primary-custom:hover {
    background-color: #0052cc;
    color: #fff;
}

/* --- Video Section --- */
.video-column {
    position: relative;
    z-index: 2;
}
.video-wrapper {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}
.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3); /* Dark overlay */
    transition: background 0.3s;
}
.video-wrapper:hover .video-overlay {
    background: rgba(0, 0, 0, 0.1);
}

/* --- Decoration --- */
.deco-dots-top {
    position: absolute;
    top: 20px;
    left: 20px;
    opacity: 0.5;
    z-index: 1;
}
.deco-dots-bottom {
    position: absolute;
    bottom: -50px;
    right: -30px;

    z-index: 0;
    opacity: 0.5;
}

/* --- Secondary Navbar --- */
.secondary-navbar {
    background-color: #fff;
    z-index: 990;
    /* position: sticky; */
    border-bottom: 1px solid #e0e0e0;
    top: -20px;
}

.secondary-navbar .nav {
    margin: 0; /* Fix vertical alignment issue caused by bootstrap default ul margin */
}

.secondary-navbar .nav-link {
    color: #666;
    font-weight: 500;
    padding: 20px 25px;
    border: none; /* No borders */
    background: transparent;
    transition: color 0.2s;
}
.secondary-navbar .nav-link:hover {
    color: #000;
}
.secondary-navbar .nav-link.active {
    color: var(--primary-blue-btn); /* Just colored text for active state */
    font-weight: 700;
    border: none;
    background: transparent;
}

/* Align Navbar Content with Course Body (100px padding match) */
.secondary-navbar .container {
    padding-left: 120px;
    padding-right: 120px;
}

/* Add spacing between Navbar and Course Body */
.course_details_body {
    padding-top: 40px;
}
.secondary-navbar .btn-action {
    padding: 8px 20px;
    font-weight: 600;
}
.btn-watch-demo {
    border: 1px solid var(--primary-blue-btn);
    color: var(--primary-blue-btn);
    background: #fff;
}
.btn-watch-demo:hover {
    background: #f0f4ff;
}
.btn-buy-now-nav {
    background: var(--primary-blue-btn);
    color: #fff;
    border: 1px solid var(--primary-blue-btn);
}
.btn-buy-now-nav:hover {
    background: #0052cc;
    color: #fff;
}
.btn-blurred {
    filter: blur(1px);
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}

/* --- Curriculum Accordion --- */
.curriculum-accordion .accordion-item {
    border: 1px solid #e9ecef;
    margin-bottom: 10px;
    border-radius: 8px !important;
    overflow: hidden;
}
.curriculum-accordion .accordion-button {
    background-color: #fff;
    color: #333;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 20px 25px;
    box-shadow: none; /* Remove default blue glow */
}
.curriculum-accordion .accordion-button:not(.collapsed) {
    background-color: #f8f9fa;
    color: var(--primary-blue-btn);
    box-shadow: none;
}
.curriculum-accordion .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0, 0, 0, 0.1);
}
.curriculum-accordion .accordion-body {
    padding: 0; /* Let list items handle padding */
}
.curriculum-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.curriculum-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 25px;
    border-bottom: 1px solid #f0f0f0;
    transition: background 0.2s;
}
.curriculum-item:last-child {
    border-bottom: none;
}
.curriculum-item:hover {
    background-color: #fafafa;
}
.curr-icon {
    margin-right: 15px;
    color: #888;
}
.curr-title {
    font-size: 0.95rem;
    color: #444;
}
.curr-action .btn-sm {
    font-size: 0.8rem;
    padding: 4px 10px;
}

/* ========================================
   RESPONSIVE STYLES FOR COURSE HEADER
   ======================================== */

/* Large Tablets and Small Desktops (992px - 1199px) */
@media (max-width: 1199px) {
    .course-header-new {
        padding: 60px 0;
    }

    .course-title {
        font-size: 2rem;
    }

    .course-desc {
        font-size: 1rem;
        max-width: 100%;
    }

    .secondary-navbar .container {
        padding-left: 60px;
        padding-right: 60px;
    }
}

/* Tablets (768px - 991px) */
@media (max-width: 991px) {
    .course-header-new {
        padding: 50px 0;
    }

    .course-title {
        font-size: 1.8rem;
    }

    .course-desc {
        font-size: 0.95rem;
    }

    /* Stack video on mobile */
    .video-column {
        margin-top: 30px !important;
    }

    /* Price section */
    .price-info span.current-price {
        font-size: 1.5rem !important;
    }

    .price-info span.original-price {
        font-size: 1.2rem !important;
    }

    /* Info badges */
    .course-info-badges .info-badge {
        padding: 10px 15px !important;
        font-size: 0.9rem;
    }

    /* Decorative dots - reduce size */
    .deco-dots-top,
    .deco-dots-bottom {
        width: 80px;
        opacity: 0.3;
    }

    /* Secondary navbar */
    .secondary-navbar .container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .secondary-navbar .nav-link {
        padding: 15px 15px;
        font-size: 0.95rem;
    }

    .secondary-navbar .btn-action {
        padding: 6px 15px;
        font-size: 0.9rem;
    }
}

/* Mobile Landscape (576px - 767px) */
@media (max-width: 767px) {
    .course-header-new {
        padding: 40px 0;
    }

    .course-title {
        font-size: 1.5rem;
        margin-bottom: 15px !important;
    }

    .course-desc {
        font-size: 0.9rem;
        margin-bottom: 20px !important;
    }

    /* Breadcrumb */
    .custom-breadcrumb {
        font-size: 0.85rem;
    }

    /* Price section - stack vertically on small screens */
    .price-reviews-section .d-flex {
        flex-direction: column !important;
        gap: 15px !important;
    }

    .price-info {
        text-align: center;
    }

    .price-info span.current-price {
        font-size: 1.75rem !important;
    }

    .price-info span.original-price {
        font-size: 1.25rem !important;
        display: block;
        margin-top: 5px;
        margin-left: 0 !important;
    }

    /* Info badges - make them wrap nicely */
    .course-info-badges .d-flex {
        justify-content: center !important;
    }

    .course-info-badges .info-badge {
        flex: 0 0 auto;
        min-width: 150px;
        padding: 10px 15px !important;
        font-size: 0.85rem;
    }

    /* Action buttons */
    .action-buttons {
        justify-content: center !important;
    }

    .action-buttons .btn {
        width: 100%;
        max-width: 300px;
    }

    /* Video wrapper */
    .video-wrapper {
        border-radius: 8px !important;
    }

    /* Hide decorative dots on mobile */
    .deco-dots-top,
    .deco-dots-bottom {
        display: none;
    }

    /* Secondary navbar - make it scrollable horizontally if needed */
    .secondary-navbar .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .secondary-navbar .nav {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .secondary-navbar .nav-link {
        padding: 15px 12px;
        font-size: 0.9rem;
        white-space: nowrap;
    }

    .secondary-navbar .nav-actions {
        flex-wrap: wrap;
        gap: 8px !important;
    }

    .secondary-navbar .btn-action {
        padding: 8px 12px;
        font-size: 0.85rem;
    }
}

/* Center title on devices 679px and under */
@media (max-width: 679px) {
    .course-title {
        text-align: center;
    }

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

    .content-column {
        text-align: center;
    }
}

/* Mobile Portrait (max 575px) */
@media (max-width: 575px) {
    .course-header-new {
        padding: 30px 0;
    }

    .course-title {
        font-size: 1.3rem;
        line-height: 1.3;
    }

    .course-desc {
        font-size: 0.85rem;
        line-height: 1.5;
    }

    /* Price */
    .price-info span.current-price {
        font-size: 1.5rem !important;
    }

    .price-info span.original-price {
        font-size: 1.1rem !important;
    }

    /* Info badges - stack in a column on very small screens */
    .course-info-badges .d-flex {
        flex-direction: column;
        align-items: stretch !important;
    }

    .course-info-badges .info-badge {
        width: 100%;
        text-align: center;
        min-width: auto;
    }

    /* Buttons */
    .btn-primary-custom,
    .action-buttons .btn {
        font-size: 0.9rem;
        padding: 10px 20px;
    }

    /* Secondary navbar - buttons stack */
    .secondary-navbar .nav-actions {
        width: 100%;
        justify-content: center;
        margin-top: 10px;
    }

    .secondary-navbar .btn-action {
        flex: 1;
        min-width: 120px;
    }

    /* Make container more compact */
    .secondary-navbar .container {
        flex-direction: column;
        align-items: flex-start !important;
    }
}

/* Extra small devices (max 375px) */
@media (max-width: 375px) {
    .course-title {
        font-size: 1.2rem;
    }

    .price-info span.current-price {
        font-size: 1.3rem !important;
    }

    .course-info-badges .info-badge {
        padding: 8px 12px !important;
        font-size: 0.8rem;
    }

    .secondary-navbar .nav-link {
        padding: 12px 10px;
        font-size: 0.85rem;
    }
}

/* Ensure video iframes are always responsive */
.ratio {
    position: relative;
    width: 100%;
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Custom aspect ratio for videos */
.ratio-16x9 {
    --bs-aspect-ratio: 56.25%;
}

/* New Course Card Design matched to reference */
.course_card_new {
    border: 1px solid #e0e0e0;
    transition: all 0.3s ease;
    background: #fff;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    border-radius: 15px; /* Ensure 15px radius as requested previously */
}
.course_card_new:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(240, 81, 38, 0.15); /* Slightly orange shadow instead of pure black */
    border-color: #f05126 !important; /* Make border orange on hover */
}

.card_image_wrapper {
    position: relative;
    height: 220px;
    background: #f0f0f0;
    /* overflow: hidden; Removed to allow badge overlap */
}
.card_image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 15px; /* Maintain rounded corners */
    border-top-right-radius: 15px;
    transition: transform 0.5s ease;
}
.course_card_new:hover .card_image_wrapper img {
    transform: scale(1.1);
}

.batch_badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #111;
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    z-index: 5;
    letter-spacing: 0.5px;
}

.duration_badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    color: #333;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 0.85rem;
    font-weight: 600;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 8px;
}
.duration_badge i {
    color: #333;
}

.discount_badge {
    position: absolute;
    bottom: 15px;
    right: 15px;
    width: 60px;
    height: 60px;
    background: #fdd835;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    color: #111;
    font-size: 1.1rem;
    z-index: 10;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
}

.course_card_new .card_body_new {
    padding: 24px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.course_title_new {
    margin-bottom: 8px; /* Reduced gap from 20px to 8px */
    min-height: 3.5em; /* approximate 2 lines */
}
.course_title_new a {
    font-size: 1.25rem;
    font-weight: 800;
    color: #0f172a;
    text-decoration: none;
    transition: color 0.2s;
    font-family: "Inter", sans-serif;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.4;
}
.course_title_new a:hover {
    color: #f05126; /* Brand Orange */
}

.card_footer_new {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
    padding-top: 10px;
}

.price_box {
    display: flex;
    align-items: center;
    gap: 12px;
}
.price_box .old_price {
    color: #9ca3af; /* Muted Grey */
    text-decoration: line-through;
    font-weight: 500;
    font-size: 1.1rem;
    opacity: 0.9;
}
.price_box .new_price {
    color: #f05126; /* Brand Orange */
    font-weight: 800;
    font-size: 1.5rem;
}

.btn_enroll_new {
    background: #2A0538; /* Slate 500 */
    color: white !important;
    font-weight: 700;
    border: none;
    border-radius: 8px;
    padding: 12px 24px;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 6px -1px rgba(240, 81, 38, 0.2);
}
.btn_enroll_new:hover {
    background: #180321; /* Slate 600 */
    color: white !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(240, 81, 38, 0.3);
}

/* Override/Refine Badge Positioning for Course Card */
.course_card_new {
    border-radius: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); /* Softer shadow initially */
}
.batch_badge {
    top: 20px;
    left: 20px;
    padding: 6px 12px;
    background: #000;
    border-radius: 6px;
}
.duration_badge {
    top: 20px;
    right: 20px;
    padding: 6px 12px;
    color: #333;
    background: #fff;
    border-radius: 6px;
}
/* Precise overlap positioning for Discount Badge */
.discount_badge {
    width: 65px;
    height: 65px;
    top: 188px; /* Image is 220px. Badge 65px. Center ~32.5. 220-32 = 188 */
    right: 20px;
    bottom: auto;
    font-size: 1.1rem;
    z-index: 20;
    background: #ffd54f; /* Vibrant Yellow from reference */
}

/* Rating Row Styles */
.rating_box .stars i {
    color: #ffc107; /* Star Color */
    font-size: 14px;
}
.rating_val {
    color: #76ff03; /* Bright Green */
    font-weight: 800;
}
/* Adjust rating value color to be more legible if needed, reference was very bright green */
.rating_val {
    color: #64dd17;
}

.rating_count {
    color: #9e9e9e;
}

/* Typography Adjustments */
.course_title_new a {
    font-size: 1.35rem; /* Slightly larger */
    line-height: 1.3;
}

/* Footer Adjustments */
.btn_enroll_new {
    background: #f05126; /* Brand Orange */
    border-radius: 10px;
    padding: 10px 28px;
    font-size: 1rem;
}
.price_box .old_price {
    color: #9ca3af; /* Muted Grey */
    font-weight: 500;
    font-size: 1.1rem;
}
.price_box .new_price {
    color: #f05126 !important; /* Brand Orange */
    font-size: 1.6rem;
}

/* Utility classes to ensure image fit if using older Bootstrap */
.object-fit-cover {
    object-fit: cover;
}

/* Force 3 cards per row on desktop as requested */
@media (min-width: 992px) {
    .popular_crs_main .popular_crs_content,
    .course_body_main .course_body_inner {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Force border-radius to overcome potential conflicts or caching issues */
.course_card_new {
    border-radius: 20px !important;
}

/* Batch Inline Badge */
.batch_badge_inline {
    background: #f3704b !important; /* Lighter Brand Orange */
    color: white;
    padding: 5px 10px 5px 15px;
    border-radius: 4px 0 0 4px;
    font-size: 14px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 20px;
    margin-bottom: 10px;
    height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    align-self: flex-start !important;
    width: fit-content !important;
    max-width: fit-content !important;
}
.batch_badge_inline::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 15px;
    background: #f3704b !important;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    border-top-right-radius: 2px;
}

/* Badge Variations for Live/Pre-Recorded */
.duration_badge.live-class {
    color: #06923e !important;
    background: #e6fcf5 !important;
    border: 1px solid #008955;
}
.duration_badge.pre-class {
    color: #4338ca !important; /* Indigo for contrast */
    background: #e0e7ff !important;
    border: 1px solid #4338ca;
}

/* Badge Icons Coloring Only */
.duration_badge {
    background: #fff !important; /* Force white background */
    color: #333 !important; /* Dark text */
    border: none; /* Remove border if added */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.duration_badge.live-class i {
    color: #06923e !important;
}
.duration_badge.pre-class i {
    color: #2563eb !important; /* Blue Icon */
}
/* Ensure text inside badges is not colored by parent class */
.duration_badge.live-class,
.duration_badge.pre-class {
    color: #333 !important;
}

/* --- New Course Reviews Section --- */
.course-reviews-section {
    padding: 60px 0;
    background-color: #f9f9f9;
}
.course-reviews-section h2 {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #0057e2; /* Primary Blue */
    margin-bottom: 40px;
}
.review-card {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    height: 100%;
    position: relative;
    border: 1px solid #eee;
    transition:
        transform 0.2s,
        box-shadow 0.2s;
}
.review-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.review-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}
.review-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 2px solid #e0e0e0;
}
.review-info h5 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 2px 0;
}
.review-stars {
    color: #ffc107;
    font-size: 0.9rem;
    margin-right: 8px;
}
.review-date {
    font-size: 0.85rem;
    color: #888;
}
.review-options {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #aaa;
    cursor: pointer;
}
.review-body p {
    color: #555;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 20px;
}
.review-footer {
    display: flex;
    align-items: center;
    color: #888;
    font-size: 0.9rem;
}
.review-footer span {
    margin-right: 15px;
}
.review-footer i {
    margin-left: 5px;
    cursor: pointer;
    transition: color 0.2s;
}
.review-footer i:hover {
    color: #0057e2;
}
.see-more-link {
    color: #333;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
}

/* --- Student Success Card Styles (from Student Job Success Page) --- */
.student-card {
    background: white;
    border-radius: 16px;
    padding: 30px 20px;
    border: 1px solid #f0f0f0;
    text-align: center;
    position: relative;
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.student-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    border-color: #cce0ff;
}

.student-card .profile-img-container {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
    position: relative;
}

.student-card .profile-img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #0057e2;
    padding: 3px;
}

.student-card .card-course-title {
    color: #666;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: 500;
    min-height: 20px;
}

.student-card .card-student-name {
    font-size: 18px;
    font-weight: 800;
    color: #222;
    margin-bottom: 15px;
}

.student-card .batch-badge {
    position: absolute;
    top: 20px;
    right: 20px;
    background-color: #ebf5ff;
    color: #0057e2;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 20px;
    text-transform: uppercase;
}