/*============== 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{
    font-family: "Figtree", serif;
}
body a {
    text-decoration: none;
    font-family: "Figtree", sans-serif;
}

input {
    background: rgba(0, 0, 0, 0.05);
    outline: 0;
    border: none;
    padding: .8rem;
    border-radius: 50px;
    color: #ffffff;
}
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, .5);
    z-index: 99999999999999999;
    transition: .4s;
}
.preloder .preloder_content{
    width: 95vw;
    max-width: 700px;
    height: 90vh;
    max-height: 480px;
    position: absolute;
    top: 40%;
    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: .4s;
}
.pre_img_div .preloder_img{
    height: 100%;
    width: 100%;
    border-radius: .5rem;
}
.preloder_header{
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: fit-content;
}
.preloder_header i{
    color: #ffffff;
    background: var(--primary-blue);
    padding: 0.2rem .3rem;
    font-size: 1rem;
    border-radius: .2rem;
    cursor: pointer;
    transition: .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: .2rem;
    padding: .4rem .8rem;
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, .5);
    animation: pre_popup 1.5s infinite ease;
    transition: .4s;
}
.preloder_btn .btn_red:hover{
    animation: unset;
}
.preloder_header i:hover{
    background: #040381;
    box-shadow: 0 0 2px 0 rgba(255, 255, 255, .5);
}
@keyframes pre_popup {
    0%{transform: scale(.85);}
    50%{transform: scale(1);}
    100%{transform: scale(.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;
    padding: 10px 15px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    background: linear-gradient(67deg, #0D52C5 75.09%, #F6BF27 92.44%);
    background-size: 800% 400%;
    border: none;
    transition: all .1s ease-in-out;
    animation: Gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
    -webkit-animation: Gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
    -moz-animation: Gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes Gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.btn_red i {
    margin-top: -4px;
}

.btn_red:hover {
    opacity: .7;
    transition: all .1s ease-in-out;
}
/* 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: 1px solid var(--skyBlue);
    width: 250px;
    border-radius: 5px;
}
.serach_bar i {
    position: absolute;
    right: 15px;
    color: var(--skyBlue);
    top: 45%;
    line-height: 20%;
}
.card {
    /* background: linear-gradient(to right, var(--blue), var(--deep-blue)); */
    /* background: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770); */
    background: #020B22;
    border-radius: 15px;
    border-color: transparent;
}
.discount_title_sitebar{
    text-align: center;
    font-size: 1.1rem;
    font-weight: 700;
    background: #fe4a55;
    color: #ffffff;
    border-radius: .4rem;
    padding: .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: .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(--skyBlue);
    text-align: right;
}
.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;
}
.visible{
    opacity: 1;
    transition: 1s;
    transform: scale(1);
}
.hidden {
    opacity: 0;
    transition: 1s;
    transform: scale(.6);
}
.popular_inner_content.pic1.card:hover{
    border: 1px solid var(--primary-blue);
}
.popular_inner_content.pic1.card{
    border: 1px solid rgb(3 189 251 / 37%);
}

.card .card_image_user {
    width: 30px;
    border-radius: 50%;
}
.titleh1{
    font-size: 3rem;
    font-weight: 620;
    color: #ffffff;
    line-height: 60px;
    letter-spacing: .4px;
}
.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 60px 20px;
}
.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, .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 14px;
}
.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: #ffffff;
    transition: 0.2s;
}
.title_h4 a:hover {
    color: var(--skyBlue);
}
.sub_title2 {
    font-size: 25px;
    font-weight: 800;
    line-height: 30px;
    color: #ffffff;
}
.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: var(--skyBlue);
    font-size: 16px;
    margin-right: 3px;
}
.user_btn_inner span {
    font-size: 15px;
    font-weight: 400;
    line-height: 22.5px;
    color: rgba(255, 255, 255, .5);
}
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 ----------*/
.header {
    /* background: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770); */
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
    background: transparent;
    visibility: visible;
    opacity: 1;
    box-shadow: 0 0 1px var(--skyBlue);
    background: linear-gradient(45deg, #000000, #000032);
}
.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: flex-start;
    align-items: flex-start;
    column-gap: 25px;
    margin-top: 40px;
}

.header_main .manu_account .main_menu ul li a {
    color: #ffffff;
    font-size: 16.5px;
    font-weight: 600;
    line-height: 24.5px;
    margin-bottom: 0px !important;
}
.header_main .manu_account .main_menu ul li a:hover {
    color: var(--skyBlue);
}
.manu_account .main_menu ul li a i {
    font-size: 10px;
}
.manu_account .main_menu ul {
    margin-bottom: 0px !important;
}
.main_li {
    padding-bottom: 25px !important;
    margin-bottom: 0px !important;
}
.inner_menu {
    background: transparent;
    row-gap: 4px;
    margin-top: 0;
    min-width: 250px;
    padding-left: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 4%;
    flex-wrap: wrap;
}
.inner_menu li {
    padding: 1.2rem;
    border-bottom: 1px solid rgba(0, 77, 201, .2);
    width: 30%;
    display: block;
    height: 5.5rem;
}
.manu_account .main_menu ul li:hover .inner_menu_group {
    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: center;
    align-items: center;
    column-gap: 20px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.bg-transparent .btn_red:hover{
    color: #ffffff;
}
/* .animate_TR{
    transform: translateY(-250%);
    transition: 1.5s;
} */
.traing_inner_right .fun_fact_inner{
    justify-content: space-between;
    margin: 40px auto;
}
.heading_paragraph{
    font-size: 1rem;
    font-weight: 400;
    line-height: 25px;
    color: #ffffff;
    margin-top: 1rem;
    letter-spacing: .3px;
    opacity: .9;
    transition: opacity 2s;
}
/* .fun_cact_animate{
    transform: translateX(120%);
    transition: 1.5s;
} */
/* .slider_btns_animate{
    transform: translateX(200%);
    transition: 1.2s;
} */
.fun_fact_single{
    text-align: center;
}
.fun_fact_single:hover{
    filter: drop-shadow(2px 4px 20px blueviolet);
}
.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, .6);
}
.bgBlackColor{
    background: #000020;
}
.bgBlakishColor{
    background: #000000;
}
.bgMultiColor{
    background: linear-gradient(45deg, #0123ab, var(--deep-blue), #1a016d, #000032, #10141D, #40018d, #000032, #10141D, var(--deep-blue));
    background-size: 1000% 1000%;
    animation: gradient ease infinite;
    animation-duration: 70s;
    overflow: hidden;
}
.bgMultiColorReverse{
    background: linear-gradient(45deg, #000032, var(--deep-blue),  #31016d, #000032, #10141D, var(--deep-blue), var(--deep-blue), #031767);
    background-size: 800% 800%;
    animation: gradient ease infinite;
    animation-duration: 60s;
    overflow: hidden;
}
.errorMain img{
    width: 100%;
    overflow: hidden;
}
.errorMain{
    position: relative;
    background: url('../bgUrlPhoto/error3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    height: 100vh;
}
.gotoHomeLink i{
    margin-left: 0.5rem;
    font-size: 1.2rem;
}
.errorMain .gotoHomeLink{
    position: absolute;
    bottom: 17%;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    padding: .8rem 1.2rem;
    font-weight: 500;
    background: #2b2b33;
    color: #ffffff;
    font-size: .9rem;
    text-transform: uppercase;
    border-radius: .5rem;
    transition: .4s ease;
}
.errorMain .gotoHomeLink:hover{
    background: #000000;
}
.errorMain2nd{
    width: 100vw;
    height: 100vh;
    background: linear-gradient(45deg, #57606f, #576574);
    /* background: linear-gradient(45deg, #1D1538, #3C1770); */
    position: relative;
    overflow: hidden;
}
.inner1{
    background: #576574;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
    box-shadow: 0 0 2px #00d2d3;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
}
.gotoContent{
    background: #576574;
    box-shadow: 0 0 2px #54a0ff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
}
.class404{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 1rem;
    color: #ffffff;
    font-weight: 900;
    font-size: 5rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem;
}
.class404 span:nth-child(2){
    color: #f368e0;
}
.Eparagraph{
    font-size: 0.9rem;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 1rem;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.gotoHomeLink2nd{
    display: block;
    color: #ffffff;
    margin-top: 1rem;
    white-space: nowrap;
    width: fit-content;
    margin: auto;
    margin-top: 2rem;
    background: #222f3e;
    padding: 0.7rem 1.2rem;
    border-radius: .5rem;
}
.gotoHomeLink2nd:hover{
    background: #000032;
}
.gotoHomeLink2nd:hover i{
    margin-left: 1rem;
}
.gotoHomeLink2nd i{
    font-size: 1.2rem;
    margin-left: 0.2rem;
    margin-bottom: -.2rem;
}
.inner2{
    background: #596678;
    box-shadow: 0 0 2px #48dbfb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30rem;
    height: 30rem;
    border-radius: 50%;
    z-index: 1;
}
.slider_section{
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.software_inner{
    width: 460px;
    height: 460px;
    margin: auto;
    border: 2px dashed var(--skyBlue);
    border-radius: 50%;
    padding: 60px;
    transform: scale(1);
    transition: transform 1.5s;
}
.point_round_outer{
    opacity: 0;
    transition: opacity 3s;
}
.software_inner2{
    border-radius: 50%;
    width: 100%;
    height: 100%;
    border: 2px dotted #ffffff;
    position: relative;
    transform: scale(1);
    transition: transform 1.5s ease;
}
.soft_circle{
    width: 110px;
    height: 110px;
    line-height: 110px;
    /* background: radial-gradient(var(--hover-blue), var(--primary-blue)); */
    background: dodgerblue;
    border-radius: 50%;
    text-align: center;
    font-size: .95rem;
    letter-spacing: .4px;
    font-weight: 700;
    color: #ffffff;
    position: absolute;
    box-shadow: inset 0 0 30px blue, 0 10px 20px rgba(0, 0, 0, .02);
}
.profile_menu_inner{
    margin-left: -100px;
}
.software_single1{
    top: 0;
    left: 55.5%;
    transform: translate(-50%, -50%);
    transition: 1s;
}
.software_single2{
    left: 71%;
    top: 1%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single3{
    left: 83%;
    top: 37%;
    transition: 1s;
}
.software_single4{
    left: 65%;
    top: 71%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single5{
    left: 29%;
    top: 83%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single6{
    left: -5%;
    top: 64%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single7{
    left: -16%;
    top: 28%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single8{
    left: 2%;
    top: -5%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}
.software_single9{
    /* left: 6%;
    top: -5%; */
    left: 50%;
    top: 50%;
    /* transform: translate(-50%, -50%); */
    transition: 1s;
}


.software_inner_point{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.point_round_outer{
    position: relative;
    font-size: 1.5rem;
    font-weight: 700;
    color: white;
    text-align: center;
    letter-spacing: 2px;
}
.point_round_outer span:first-child{
    color: var(--skyBlue);
    font-size: 2.2rem;
    font-weight: 800;
    display: block;
}
.slider {
    padding-top: 120px;
    /*background: url(../bgUrlPhoto/gray-bg.75dceb4f.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*position: relative;*/
    /*background-position: 100% 100%;*/
    /* background: linear-gradient(-45deg, #3C1770, #000032, #1D1538, #3C1770) */
}

@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;
}

.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, .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(--skyBlue);
}
.sub_title {
    font-size: 36px;
    line-height: 43px;
    font-weight: 800;
    color: #ffffff;
}
.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_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.techProjectVideo{
    display: unset;
}
.techProjectVideo iframe{
    border-radius: .3rem;
    box-shadow: 0 0 1px var(--skyBlue);
}
.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(--skyBlue);
}
.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;
    color: #ffffff;
}
.paragraph {
    font-size: 16px;
    font-weight: 400;
    line-height: 25.5px;
    margin: 10px auto;
    color: #ffffff;
    opacity: .6;
}
.online_img_inner img {
    height: 100%;
    width: 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: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770); */
    position: relative;
}

.popular_course .container .popular_crs_main {
    padding: 100px 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-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;
    margin-bottom: 1rem;
}
.user_btn_right.user_btn_inner{
    margin-bottom: -1rem;
}
.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: rgba(255, 255, 255, .5);
}
.user_text{
    height: 7rem;
}
.blog_inner_box .user_info .user_text h6 a:hover {
    color: var(--skyBlue);
}

.user_info .user_btn .user_inner_info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    margin-bottom: -25px;
}

.user_info .user_btn .user_inner_info .user_name h6 {
    color: var(--skyBlue);
    font-size: 15px;
    font-weight: 600;
    line-height: 22.5px;
}
.user_img .blog_image_user {
    width: 35px;
    border-radius: 50%;
    border: 1px solid var(--skyBlue);
}
.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: #000032; */
    padding: 80px 0;
}
.client_inner .carousel-item{
    background: transparent;
}
.client_inner{
    height: 350px;
    overflow-y: auto;
}
.client_inner .carousel-item .client_image img{
    width: 160px;
    height: 160px;
    border-radius: 50%;
    border: 4px solid var(--skyBlue);
    margin-bottom: 10px;
}
.client_review_body .Client_slider{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    max-width: 700px;
    border-radius: 10px;
    padding: 20px;
    /* background: var(--blueisGradient); */
    background: #020B22;
    border: 1px solid #31c4fd5e;
}

.clint_info .client_paragraph{
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 10px;
    color: #ffffff;
    opacity: .8;
}
.clint_info p{
    padding: 0 10px;
    color: #ffffff;
}
.clint_info .client_name{
    font-size: 1.5rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
}
.clint_info .client_location{
    font-size: 1rem;
    font-weight: 500;
    text-align: center;
    margin-bottom: 5px;
    color: #ffffff;
}
.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_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: .5rem;
    box-shadow: 0 0 2px 0 #ffffff;
    background: #FEF8EF;
}
.gallery_single_content img{
    border-radius: .5rem .5rem 0 0;
    width: 100%;
    height: 200px;
}
.gallery_single_content .g_subtitle{
    border-radius: 0 0 .5rem .5rem;
    background: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770);
    padding: .5rem;
    font-size: 1rem;
    font-weight: 700;
    color: #ffffff;
    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, .6);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    transition: .4s;
    border-radius: .5rem;
}
.click_details{
    background: #ffffff;
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 800;
    color: #221638;
    border-radius: .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, .8);
    z-index: 9999;
    transform: scale(0);
}
.galleryModalInner{
    background: transparent;
    width: 95vw;
    max-width: 750px;
    max-height: 450px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: .5rem;
    overflow: hidden;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5);
    border: 1px solid var(--skyBlue);
}
.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: .4rem;
    transition: .4s;
    opacity: 1;
    border: 1px solid rgba(255, 255, 255, .5);
}
.carousel-control-prev{
    background: var(--primary-blue);
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    margin-top: 12rem;
    padding: .4rem;
    transition: .4s;
    opacity: 1;
    
}
.Client_slider .carousel-control-next{
    margin-right: -8px;
}
.Client_slider .carousel-control-prev{
    margin-left: -8px;
}
.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: .5rem .5rem 0 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 1rem;
    margin-bottom: 0;
    border-radius: .5rem .5rem 0 0;
}
.galleryModalClose {
    position: absolute;
    top: 12%;
    right: 5%;
    background: transparent;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 30px;
}
.galleryModalClose:hover{
    opacity: .6;
    color: #ffffff;
}
.gallery_molad_title{
    padding: .5rem 1rem;
    font-size: 1.2rem;
    font-weight: 800;
    color: #221638;
    max-width: 90%;
}
.gallery_modal_img{
    width: auto;
    height: 100%;
}



/*----------- Protfolio Section ----------------*/
.portfolio_section {
    border-top: none;
}

.portfolio_section .sub_title{
    color: #ffffff;
}
.portfolio_section .paragraph{
    color: #ffffff;
}
.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;
}

/*----------------------- 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;
    text-align: left;
}
.social {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .5rem;
}
.social .social_inner a i {
    color: rgb(255, 255, 255);
    font-size: 1rem;
}
.footer_social .social_inner a{
    background: var(--primary-blue);
    width: 30px;
    height: 30px;
    line-height: 32px;
    text-align: center;
    transition: 0.4s ease;
    border-radius: .4rem;
    display: block;
}
.footer_social .social_inner a:hover {
    background: var(--skyBlue);
}
.youtube.social_inner a{
    background: #ff0000;
}
.youtube.social_inner a:hover{
    background: #f66161;
}
.facebook.social_inner a{
    background: #1877F2;
}
.linkedin.social_inner a{
    background: #0077B5;
}
.footer_top h4 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    margin-bottom: 20px;
    color: rgb(255, 255, 255);
}
.footer_top h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 22px;
    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(--skyBlue);
}
.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(--skyBlue);
    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: var(--primary-blue);
}

/*==================== Start Login/Register Page Design =========================*/
.auth__title_section {
    padding-bottom: 1rem;
}
.auth__title_section .container .auth_title {
    padding: 20px;
    position: relative;
    margin-top: 5rem;
}
.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: #ffffff;
    margin-top: 5px;
}
.auth_title_home p a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: rgba(255, 255, 255, .7);
    margin-right: 5px;
}
.auth_title_home p a:hover {
    color: var(--skyBlue);
}
.auth_title_content {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}

/*------------ auth_body_section ------------*/
.auth_body_section {
    background: #ffffff;
    padding: 100px;
}
.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%;
    outline: var(--primary-blue);
    border: none;
    margin-bottom: 25px;
}
.auth_body_main .register {
    padding: 20px;
}
.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 {
    padding-top: 100px;
}
.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;
}


/*--------- 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%;
}
.contact_form h2{
    font-size: 1.7rem;
    font-weight: 700;
    color: #ffffff;
}

.contactMassageSend.btn_red{
    border: 1px solid var(--hover-blue);
}
.contact_form textarea{
    width: 100%;
    max-width: 28rem;
    border-radius: 1rem;
    padding: 0.8rem;
    color: #ffffff;
    height: 8rem;
    outline: none;
    transition: 0;
    background: #020B22;
    border: 1px solid var(--skyBlue);
    transition: .4s ease;
}
.contact_form textarea:focus{
    border-color: var(--primary-blue);
}
.hoheContactForm .homeCinput{
    display: block;
    background: #020B22;
    width: 100%;
    max-width: 28rem;
    margin-bottom: 1rem;
    border: 1px solid var(--skyBlue);
    transition: .4s ease;
}
.hoheContactForm .homeCinput:focus{
    border-color: var(--primary-blue);
}
.hoheContactForm input[type="text"]{
    display: block;
    background: #020B22;
    width: 100%;
    max-width: 28rem;
    margin-bottom: 1rem;
    border-radius: 50px;
    border: 1px solid var(--skyBlue);
    transition: .4s ease;
}
.hoheContactForm input[type="text"]:focus{
    border-color: var(--primary-blue);
}
.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);
}
.contact_inner_info .inner_icon {
    font-size: 40px;
    font-weight: 600;
    line-height: 85px;
    width: 75px;
    text-align: center;
    background: #020B22;
    color: #FECA01;
    border-radius: 1rem;
    margin-top: 20px;
    border: 1px solid var(--skyBlue);
}
.contact_inner_info .inner_text h3 {
    font-size: 24px;
    font-weight: 800;
    line-height: 28.5px;
    color: #ffffff;
    margin-top: 10px;
}
.contact_inner_info .inner_text p {
    font-size: 16px;
    font-weight: 600;
    line-height: 22.6px;
    color: rgba(255, 255, 255, .7);
    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: #ffffff;
    max-width: 300px;
    margin-top: 2px;
    margin-bottom: 5px;
}

.contact_inner_info .inner_text a:hover {
    color: var(--skyBlue);
}
.contact_main .contact_form {
    background: #020B22;
    padding: .1rem;
    border-radius: 1rem;
    background-image: linear-gradient(225deg, #76b7ff, #f6bf274d);
}
.contact_inputDiv{
    background: #020B22;
    padding: .1rem;
    border-radius: 1rem;
    background-image: linear-gradient(225deg, #76b7ff, #f6bf274d);
    width: 100%;
    margin-bottom: 15px;
    border-radius: 50px;
}
.contact_inputDiv.textarea{
    border-radius: 1rem;
}
.contact_inputDiv input{
    background: #020B22;
    margin-bottom: 0;
}
.contact_inputDiv textarea{
    background: #020B22;
    display: block;
}
.contactFormInnerC{
    background: #020B22;
    padding: 30px;
    border-radius: 1rem;
}
.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;
    color: #fff;
}
.contact_main .contact_form textarea {
    padding: 12px;
    height: 150px;
    border-radius: 1rem;
    width: 100%;
    max-width: unset;
    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;
    color: #ffffff;
    font-weight: 700;
    margin-top: 20px;
    transition: 0.3s;
}


.google_map .map {
    height: 500px;
}

/*=================== About Section design start =============================*/

.education_main_for_about {
    padding-top: 0;
}

.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%;
}

.about_access {
    background: #fef8ef;
}
.advisor_inner_content .avisor_image img {
    width: 100%;
    border-radius: 5px;
    max-width: 223px;
    border: 1px solid var(--skyBlue);
}
.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);
}
.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: var(--primary-blue);
    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: var(--primary-blue);
}
.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: #020b22;
    border-radius: 5px;
    border: 1px solid rgb(3 189 251 / 37%);
    transition: 0s ease;
}
.blog_body_inner .blog_body_box:hover{
    background: #021136;
    border-color: var(--skyBlue);
}

/*=============== 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%;
    padding: 50px 100px;
}
.blog_body_main .blog_sidebar {
    width: 30%;
}
.blog_body_main .blog_contents {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    background: #020B23;
    border-radius: .4rem;
    border: 1px solid rgb(3 189 251 / 37%);
}

/*-------- Blog details body leftside ---------*/
.blog_body_inner .blog_content_top .blog_top_img img {
    width: 100%;
    border-radius: .4rem .4rem 0 0;
}
.blog_top_users {
    padding: 1rem 1.5rem;
}
.bolg_sidebar_categories {
    padding: 0 1.5rem;
}
.blog_content_top .blog_top_users .top_user_count_main {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 20px;
    margin-bottom: 1.5rem;
}
.blog_top_users .top_user_count_main .blog_user_count {
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 15px;
}

.top_user_count_main .blog_user_count .blog_user_icon i{
    font-size: 1.5rem;
    color: var(--skyBlue);
}
.blog_user_count .blog_user_content a {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: rgba(255, 255, 255, .7);
}
.blog_user_content .small_title{
    color: #ffffff;
}
.blog_user_count .blog_user_content span{
    color: rgba(255, 255, 255, .7);
}
.blog_user_count .blog_user_content a:hover {
    color: var(--skyBlue);
}
.blog_body_main .blog_titles {
    font-size: 24px;
    line-height: 28.8px;
    font-weight: 800;
    color: #ffffff;
}
.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: var(--skyBlue);
    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: rgba(255, 255, 255, .7);
    margin-right: 5px;
}
.bolg_sidebar_categories .sidebar_category_list ul li a:hover {
    color: var(--skyBlue);
}
.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: -200px;
    height: 100%;
    margin-top: 34px;
}
.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: #fe4a55;
    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_curriculum_inner ul li:hover .course_name {
    color: #fe4a55;
}
.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: .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 .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;
    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.contactPage{
    background: var(--primary-blue);
    color: #ffffff !important;
    transition: .4s;
}
.contactMassageSend:hover{
    background: var(--blue);
}
input.contactMassageSend.contactPage {
    border-radius: 50px;
}

.course_details_feedback .contact_form form ::placeholder{
    color: rgba(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: -.5rem;
    margin-top: 1.5rem;
}
.evaluation_inner{
    margin: 30px 0;
}

/*------------- Course Details Sidebar -----------*/
.course_details_sidebar {
    z-index: 1;
    margin-top: 30px;
}

.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: rgba(254, 74, 85, 0.8);
}
.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: #fe4a55;
}
.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;
}

/*==================== Course submit ============================*/
.enrollSection {
    background: #fef8ef;
}
.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%;
    max-width: 767px;
    margin: auto;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    background: #fe4a55;
    color: white;
}
.courseSubmit .enrollForm input {
    background: #c22b34;
    color: white;
}
.courseSubmit .enrollForm ::placeholder {
    color: white;
}
.courseSubmit .enrollForm p {
    color: white;
}
.courseSubmit .btn_red {
    background: wheat;
    color: black;
    font-weight: 800;
}
.courseSubmit .btn_red:hover {
    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: .4rem .4rem 0 0;
}
.gelleryMain .gellery_single_box:last-child{
    border-radius: 0 0 .4rem .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;
}
.privacy_li{
    font-size: 1rem;
    font-weight: 700;
    color: #221638;
    line-height: 1.3rem;
    margin-bottom: 0.5rem;
    list-style: disc;
}

/*=============== Student Profile Design Start ===========================*/
.student_pro_btn.active{
    background: var(--primary-blue) !important;
    border-radius: unset;
}
.student_profile_main{
    padding: 50px 100px;
    column-gap: 1%;
    background: transparent;
    width: 100%;
}
.student_pro_btn_div{
    width: 26%;
    border-bottom: 1px solid var(--primary-blue);
}
.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: .4s;
}
.std_basic_top .std_img .change_image{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(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: .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: .4s;
    transform: translate(40%);
    display: none;
}
.img_delete:hover .img_delete_msg{
    display: block;
}
.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: .4s;
    z-index: 1;
}
/* .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: 80%;
}
.std_basic_fullwidth{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 10px;
    margin-top: -2.5rem;
}

.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;
    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: -.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, .02);
}
.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;
}
.active_course .std_course_icon i{
    color: #dca416;
    border: 1px solid #dca416;
    background: #f6e7c2;
}
.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, .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, .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%;
}
.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.1rem;
    font-weight: 700;
    color: var(--primary-blue);
    width: fit-content;
    margin: auto;
    margin-bottom: .8rem;
}
.inner_content_text_active .table tbody .std_active_bottom{
    border-color: transparent;
}
.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: .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: .4s;
    border-radius: 5px;
}
.mcq_close:hover{
    background: var(--deep-blue);
}
.mcq_main{
    transform: scale(0);
    transition: .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;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    border-radius: 50%;
    text-transform: uppercase;
    font-weight: 600;
    background: var(--primary-blue);
    margin-right: 8px;
}
.wrong_answer span{
    background: #f70213;
}
.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: .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: 15px;
}
.portfolio_open_btn{
    background: transparent;
    border: none;
    outline: none;
    border-radius: 10px;
    position: relative;
    margin: 10px;
    border: 1px solid var(--skyBlue);
    transition: .8s;
    overflow: hidden;
}

.portfolio_open_btn:hover img{
    transform: scale(1.12) skew(5deg);
}
.portfolio_open_btn i{
    position: absolute;
    left: 50%;
    top: 40%;
    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 3s  infinite ease-in;
}
@keyframes playerBorder {
    0%{transform: scale(1);}
    50%{transform: scale(1.2);}
    100%{transform: scale(1);}
}
.portfolio_modal_player .modal-body{
    padding: 0;
    margin-bottom: -7px;
}
.portfolio_modal_player .modal-body iframe{
    border-radius: 0 0 6px 6px;
    border: 1px solid var(--skyBlue);
    border-radius: 5px;
}
.portfolio_modal_player .modal-content{
    height: fit-content;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30%;
}
.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: .6rem;
    margin: 0;
    color: #ffffff;
}

/*--------------- Protfolio Details  ---------------*/
.protfolio_div{
    margin: unset;
    text-align: center;
}
.portfolio_details_box .video_div iframe{
    width: 100%;
    height: 26rem !important;
    margin-bottom: 0;
}
.techPortTitle{
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--skyBlue);
    padding: .5rem 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 .3rem .3rem;
}
.PFheader .PFDclose{
    background: transparent;
    margin-left: auto;
    text-align: center;
    transition: .4s;
    border-radius: .3rem;
    border-color: transparent;
    outline-color: transparent;
    transition: .4s;
    opacity: .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: 1rem;
}
.protfolio_card .card_image_main .card_image{
    border-radius: .4rem;
}



/*------------ Portfolio details img ---------*/
.portfolio_details_boxImg{
    width: 100%;
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 111111;
    transform: scale(0);
    transition: .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: .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: .4rem;
    transition: .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: .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, .2);
    margin-bottom: 3rem;
    border-radius: .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, .05);
    padding: 1rem;
    gap: 1rem;
    border-radius: .5rem;
}
.inner_btntab{
    border: none;
    outline: none;
    background: transparent;
    transition: .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: #DCDDDC;
    border-radius: 5px;
}

.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: .4s;
}
.student_menu_btn:hover{
    border-bottom: 3px solid #fe4a55;
}
.student_menu_btn.active{
    border-bottom: 3px solid #fe4a55;
}
.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, .3);
    width: 48%;
    border-radius: .5rem;
 }
 .web_single_body .paragraph{
    padding: 1.5rem;
    background: #FEF8EF;
    margin-top: 0;
    border-radius: .5rem .5rem 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    overflow: auto;
 }
 .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: #fe4a55;
    margin-bottom: 0;
 }
 .webRnameCourse .courseName{
    font-size: .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: .3rem;
    background: #fe4a55;
 }
 .Sreviewtitle{
    font-size: 1.3rem;
    font-weight: 800;
    color: #fe4a55;
    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, .3);
    border-radius: .5rem .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, .5);
    border-radius: .5rem;
    margin: 2rem 0;
}
.socialReview_inner .sReviewer_info{
    width: 40%;
    border-right: 1px solid rgba(	34, 22, 56, .3);
    height: 100%;
    background: #FEF8EF;
    text-align: center;
    padding: 1rem;
    border-radius: .5rem 0 0 .5rem;
}
.socialReview_inner .sReview_content{
    width: 60%;
    padding: 1rem;
}
.sReviewer_info .sReviewer_img{
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    border: .3rem solid #fe4a55;
    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: .5rem .5rem 0 0;
}
.videoReview_inner .rVideo_single{
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .3);
    border-radius: .5rem;
}
.rVideo_single .rVideo_info{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .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: .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, .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, .1);
    width: 23%;
    border-radius: .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: .9rem;
    font-weight: 500;
    color: #221638;
}

/* Student job success */
.student_job_info.student_success_slide{
    background: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770);
    border-radius: 8px;
}


.student_success_slide .student_job_image{
    background: transparent !important;
    padding: 1rem 0;
}
.student_success_slide .student_job_info_inner{
    background: transparent !important;
    margin-top: -20px;
}

.student_job_section_main{
    padding: 80px 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: 15px;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    background: #000000;
    color: #ffffff;
    transition: .4s;
    font-weight: 600;
    font-size: 15px;
    padding: 8px 0;
    border-radius: 5px;
    transition: .4s;
}
.course_details_btn:hover{
    background: #10141D;
    color: #ffffff;
}
.course_details_btn:hover i{
    margin-left: 10px;
}
.popular_crs_main .popular_crs_content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    grid-column-gap: 50px;
    margin-top: 50px;
    grid-row-gap: 50px;
}
.student_job_single_home{
    border-radius: .5rem;
}
.student_job_info{
    border-radius: 15px;
    height: 100%;
    background: #ffffff;
}
.student_job_single_home .paragraph{
    margin-top: 0;
    padding: 1.5rem;
}
.student_job_info .student_job_image{
    width: 100%;
    text-align: center;
    background: #000000;
    padding: 2rem 0;
    border-radius: 15px 15px 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: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770);
    padding: 20px 0;
    border-radius: 0 0 15px 15px;
}
.student_job_main_details{
    padding: 50px 0;
}
.student_job_main{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 3rem;
}
.student_job_info_inner .job_name{
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 3px;
}
.student_job_info_inner .job_designation{
    font-size: .9rem;
    font-weight: 600;
    color: #ffffff;
    opacity: .6;
    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: 800px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.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: .2rem .6rem;
    border-radius: .5rem;
    transition: .4s;
    font-size: .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, .5);
    z-index: 999999999999999;
    transform: scale(0);
    transition: .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: .5rem;
}
.studentModalHeader{
    background: rgba(0, 0, 0, .05);
    padding: 1rem;
    text-align: right;
}
.studentModalClose{
    background: #fe4a55;
    width: 1.8rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    outline: none;
    border: none;
    transition: .4s;
    border-radius: .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: #fe4a55;
    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, .03);
    border-radius: .5rem;
    transition: .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: .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: .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, .1);
    border-radius: 5px;
    padding: 5px 10px;
    width: fit-content;
}
.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, .1);
    padding-top: 15px;
}
.pay_details_single_line{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.pay_details_single_line .promocode{
    font-size: 1rem;
    font-weight: 600;
    margin-left: 10px;
    background: transparent;
    border: none;
    outline: none;
    transition: .4s;
}
.promocode:hover{
    text-decoration: underline;
}
.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, .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, .2);
    cursor: pointer;
}
.pMethod_hesd_item .nav-link:hover{
    border-color: rgba(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, .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: .4s;
}
.remember_test:hover{
    color: var(--primary-blue);
    opacity: .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, .5);
    border-radius: 3px;
    transition: .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, .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: .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: .7;
}
.password_reset_section{
    min-height: 300px;
    background: rgba(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, .2);
    margin: 20px auto;
    width: 100%;
    max-width: 300px;
}
.password_reset_form input:hover{
    border-color: rgba(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 */

/* 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, .6);
    transition: .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, .7);
    font-size: 1rem;
}
.nlp_inner_item{
    list-style: circle;
    color: rgba(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: .3s;
}

.rating_submit_div{
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    display: block;
    top: 0;
    left: 0;
    transform: scale(0);
    transition: .4s;
    
}
.rating_close{
    background: transparent;
    border: none;
    outline: none;
    width: fit-content;
    margin-left: auto;
    color: var(--deep-blue);
    display: block;
    font-size: 20px;
    margin-bottom: 10px;
}
.rating_close:hover{
    color: var(--primary-blue);
    opacity: .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, .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, .1);
    border-radius: 5px;
    display: block;
    border: 1px solid transparent;
    outline: none;
    transition: .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: .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, .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: .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: .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: .9rem;
    font-weight: 400;
    color: rgba(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, .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, .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: .7rem;
}
.problem_inner_body_tr td:first-child{
    border-radius: .7rem .7rem 0 0;
}
.prob_title_main{
    width: fit-content;
    padding: .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: .4rem .8rem;
    border-radius: 2rem;
    background: #05d9e536;
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}
.answer_submit_div{
    margin-top: 1.5rem;
}
.problemBodyInner{
    padding: .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: .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, .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 .5rem .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: .6rem;
    height: 220px;
    overflow-y: auto;
    border: 1px solid rgb(3 189 251 / 37%);
    /* background: linear-gradient(-45deg, rgb(0, 0, 50), rgb(29, 21, 56), rgb(60, 23, 112)); */
    /* background: #021136; */
    background: #020b22;
}
.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(--skyBlue);
}
.services_content_single .paragraph{
    color: #000032;
    opacity: .9;
    margin-top: 0.7rem;
    margin-bottom: 0;
}
.services_content_single .sub_title3{
    color: #ffffff;
}
.inner_menu_group{
    /* background: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770); */
    background: linear-gradient(45deg, #000000, #000032);
    border-top: 1px solid var(--skyBlue);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    display: none;
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    border-bottom: 1px solid var(--skyBlue);
    padding-top: 01rem;
    padding-bottom: 1rem;
}

.services_content_single p{
    color: #95afc0;
}
.services_icons i{
    color: var(--skyBlue);
    font-size: 1.5rem;
}
.service_links:hover{
    /* background: linear-gradient(45deg, rgb(0, 0, 50), rgb(29, 21, 56), rgb(60, 23, 112)); */
    border-color: var(--skyBlue);
    background: #021136;
}
.service_links:hover .fa-right-long{
    color: var(--primary-blue);
    margin-right: -1rem;
}
.service_links:hover i{
    color: #7ed6df;
}
.service_links:hover p{
    color: #c7ecee;
}
.service_links:hover .sub_title3{
    color: #7ed6df;
    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;
}
.SDleft p{
    color: #c7ecee;
}

.SDright{
    width: 50%;
}
.SDTbutton:focus{
    outline: none;
    box-shadow: none;
}

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

.SDTbutton::after {
    background-image: unset;
    content: "\25be";
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--skyBlue);
    margin-top: -1.5rem;
}
.SDTbutton:not(.collapsed)::after {
    background-image: unset;
    content: "\25be";
    font-size: 2.2rem;
    font-weight: 600;
    color: var(--skyBlue);
    margin-right: -.8rem;
    margin-top: .5rem;
}
.SDTbutton:not(.collapsed){
    background: transparent;
    color: #ffffff;
}
.SDTbutton.collapsed{
    background: transparent;
    color: #ffffff;
}

.accordion-header.serviceDetailsAtitle{
    background: transparent;
}
.accordion-item{
    background: transparent;
}
.SDTbutton:not(.collapsed):hover{
    color: var(--skyBlue);
}
#ServiceDetailsId .accordion-item{
    border: none;
}
#ServiceDetailsId .accordion-body{
    padding: 1.5rem 0;
}
#ServiceDetailsId .accordion-body p{
    color: #ffffff;
}
#ServiceDetailsId .accordion-body .paragraph{
    font-size: 1.08rem;
    opacity: .9;
    margin: 0;
}
.SDleft .paragraph{
    font-size: 1.1rem;
}
.smartTiltes{
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--skyBlue);
    margin-bottom: 0;
}
.SDleft .sut_title{
    font-size: 2.6rem;
    color: #ffffff;
}
.SDportfolioS{
    /* padding: 4rem 0 0 0; */
    margin-top: 0;
}
.SDprofileTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: .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;
    width: 100%;
}
.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, .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;
}
.SDPtags span{
    font-weight: 500;
    font-size: 1rem;
    padding-right: .5rem;
    padding-left: .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: 0;
}
.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: #ffffff;
    margin-bottom: 0;
}
.SDdesignation{
    font-size: 1rem;
    font-weight: 500;
    color: var(--skyBlue);
    margin-bottom: 5px;
}
.SDcontact i{
    color: var(--skyBlue);
    margin-right: 3px;
}
.SDcontact .SDnumber{
    font-size: 1rem;
    font-weight: 500;
    color: #ffffff;
}
.SDcontact .SDnumber:hover{
    color: var(--skyBlue);
}
.SDcontactSection{
    padding: 4rem 0;
    margin-top: 0;
}
.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: #ffffff;
    font-weight: 600;
    background: var(--primary-blue);
}
.projects_titleList .nav-link:hover{
    background: var(--blue);
    font-weight: 500;
}
.projects_titleList .nav-link.active{
    background: var(--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: .5rem;
}
.bigSize{
    font-size: 1.2rem;
    font-weight: 500;
    color: #000032;
    margin-top: .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: .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: .4rem;
}
.backtoallProjext .backInner{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: .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);
}
.projectAllList{
    margin-bottom: -2rem;
    margin-top: -2.5rem;
}

.online_title p{
    color: #ffffff;
}
.portVideo iframe{
    height: 14.2rem;
}
.online_learning.proSingle:nth-child(odd) .online_main{
    flex-direction: row-reverse;
}
/* Project details end */


/* Tesh stack design start */
.techStackSection{
    padding: 6rem 0;
    overflow: hidden;
}
.title .paragraph{
    text-align: center;
}
.techStackBody{
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.stackContendInner{
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 2rem;
    background: #020B22;
    border: 1px solid rgb(3 210 251 / 25%);
    border-radius: 1rem;
    flex-wrap: wrap;
    row-gap: 1rem;
}
.techSackTitle{
    margin-bottom: 2rem;
    width: 100%;
    max-width: 650px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.techSackTitle .paragraph{
    text-align: center;
}
.stackContendSingle{
    width: 16.2%;
    text-align: center;
}
.stackContendSingle img{
    width: 4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: .5rem;
}
.stackContendSingle .stackLogoName{
    color: #ffffff;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}
.techStackListHeader{
    border-bottom: none;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: -2px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
    flex-wrap: nowrap;
    white-space: nowrap;
    width: 97%;
    margin-left: auto;
    margin-right: auto;
}
.techStackListHeader .nav-link{
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    background: transparent;
    transition: .4s ease;
    letter-spacing: .5px;
    border-radius: 1rem 1rem 0 0;
    border-color: transparent;
    outline: none;
    padding: .6rem 1.6rem;
    box-shadow: none;
}
.techStackListHeader .nav-item{
    border: none;
    box-shadow: none;
    background: transparent;
    display: block;
}
.techStackListHeader .nav-item:hover{
    border: none;
    box-shadow: none;
    outline: none;
}
.techStackListHeader .nav-link:hover{
    border: none;
    outline: none;
    box-shadow: none;
}

.techStackListHeader .nav-link:focus{
    border: none;
    outline: none;
    box-shadow: none;
}
.techStackListHeader .nav-link.active{
    background: #020B22;
    color: #ffffff;
    border: 1px solid rgb(3 210 251 / 25%);
    border-bottom: 0;
}

/* Tesh stack design end */

/* Country Serve start */
.countryServeInner{
    display: flex;
    justify-content: space-between;
    margin-top: .8rem;
    flex-wrap: wrap;
    row-gap: 1rem;
}
.cointryServeSingle{
    width: 11%;
}
.cointryServeSingle img{
    box-shadow: 0 0 4px var(--skyBlue);
}

/* Country Serve end */

/*==================== Responsive Start ==========================*/
.modile_menu_section {
    display: none;
}
@media (max-width: 1400px) {
    .header_main .manu_account .main_menu ul{
        column-gap: 18px;
    }
    .techProjectVideo iframe{
        height: 18.5rem;
    }
    .portVideo iframe{
        height: 12.5rem;
    }
}

@media (max-width: 1300px) {
    .std_Video_player{
        height: 26rem !important;
    }

}
@media (max-width: 1250px) {
    .std_Video_player{
        height: 24rem !important;
    }
    .header_main .manu_account .main_menu ul{
        column-gap: 12px;
    }
    .header .container .header_main{
        margin: 0 -20px;
    }
}
@media (max-width: 1200px) {

    .cointryServeSingle{
        width: 23%;
    }
    .stackContendSingle{
        width: 20%;
    }
    .portVideo iframe{
        height: 15.5rem;
    }
    .techProjectVideo iframe {
        height: 15.5rem;
    }
    .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%;
    }
    
}
@media (max-width: 1198px) {
    .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_section {
        padding: 80px 50px;
    }
    .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%;
    }
    .student_profile_main{
        padding: 50px !important;
    }
}
@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 {
        padding: 80px 0;
        margin-bottom: 0;
    }
    .auth_body_section {
        padding-bottom: 50px;
    }
    /*----------- 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) {
    
    .video_player {
        left: 10%;
    }
    /* Studen Profile */
    .student_profile_main{
        flex-direction: column !important;
        row-gap: 2rem;
    }
    .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) {
    .auth__title_section .container .auth_title{
        margin-top: 0;
    }
    .cointryServeSingle{
        width: 11%;
    }
    .online_learning.proSingle:nth-child(odd) .online_main{
        flex-direction: column;
    }
    .stackContendSingle{
        width: 25%;
    }
    .stackContendInner{
        padding: 1.5rem 1rem;
    }
    .techStackSection{
        padding: 5rem 0;
    }
    .techStackListHeader{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .techStackListHeader .nav-link{
        font-size: 1.1rem;
        padding: 0.5rem 1.5rem;
    }
    .hoheContactForm input[type="text"]{
        margin-left: auto;
        margin-right: auto;
    }
    .hoheContactForm .homeCinput{
        margin-left: auto;
        margin-right: auto;
    }
    .contactMassageSend.btn_red.animate_bottom{
        margin-top: 1rem;
    }
    #ncontact_form .paragraph{
        text-align: center;
    }
    .portVideo iframe{
        height: 22rem;
    }

    .techProjectVideo iframe {
        height: 24.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: .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;
    }

    .traing_inner_right{
        text-align: center;
    }
    .heading_paragraph{
        text-align: center;
    }
    .slider{
        padding-top: 50px;
    }

    .slider_section_main{
        flex-direction: column-reverse;
    }

    .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: 50px;
        flex-direction: row;
    }
    .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 */
    .slider_section{
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .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: linear-gradient(45deg, #3C1770, #000032, #1D1538, #3C1770);
        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: #ffffff;
        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{
        border: 1px solid var(--skyBlue);
        padding: 20px;
        border-radius: 10px;
    }
    .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: #ffffff;
    }
    .mobile_menu_inner .mobile_menu_body {
        border: 1px solid var(--skyBlue);
        padding: 20px;
        border-radius: 10px;
    }
    .mobile_menu_inner .mobile_menu_body a {
        font-size: 14px;
        font-weight: 700;
        line-height: 21px;
        color: #ffffff;
    }
    .mobile_menu_inner a {
        transition: 0.4s;
    }
    .mobile_menu_inner a:hover {
        color: var(--skyBlue);
    }
    .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_img.techProjectVideo{
        margin-bottom: 0;
    }
    .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;
    }
    .slider_section_main .sofware_vevelopment{
        margin-top: 3rem;
    } 
}

@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: .5rem .5rem 0 0;
    }
    .socialReview_inner .sReview_content{
        width: 100%;
        padding: 0;
    }
    .sReview_content .review_screenshort{
        width: 100%;
        border-radius: 0 0 .5rem .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) {

    .cointryServeSingle{
        width: 23%;
    }
    .stackContendSingle img{
        width: 3.5rem;
    }
    .techStackListHeader .nav-link{
        font-size: 1rem;
        padding: 0.45rem 1.2rem;
    }
    .portVideo iframe{
        height: 18rem;
    }
    .techProjectVideo iframe {
        height: 18.1rem;
    }
     /* 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 0 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 */

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

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

    /* 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: 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) {

    .techStackSection{
        padding: 4rem 0;
    }
    .techProjectVideo iframe {
        height: 19.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 */

    .portfolio_section{
        padding-top: 50px;
    }


    /* 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_light_btns{
        grid-template-columns: repeat(1, 1fr) !important;
    }
    .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_body_section {
        padding-top: 50px;
        padding-bottom: 40px;
    }
    .auth_title_content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .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: .5rem;
    }
    .PFheader .PFDclose{
        width: 1.5rem !important;
        height: 1.5rem !important;
        line-height: 1.5rem !important;
    }
    .PFdialog .PFcontent .PFbody{
        padding: 0 .5rem .5rem .5rem !important;
    }
    .PFdialog .PFcontent .PFheader{
        padding: .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 */
    .student_profile_main{
        padding: 50px 0 !important;
    }
    .inner_content_text_active .table tbody .active_top td h3{
        font-size: 1rem !important;
    }


}
@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) {

    
    .stackContendSingle{
        width: 33.33%;
    }
    /* Slider2 */
    .soft_circle{
        font-size: .75rem;
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin-right: auto;
    }
    .software_inner2{
        margin-top: -3px;
        margin-left: -3px;
    }
    .sofware_vevelopment{
        padding: 0;
    }
    .software_inner{
        width: 300px;
        height: 300px;
        padding: 40px;
    }
    .point_round_outer{
        font-size: 18px;
    }
    .titleh1{
        font-size: 2.5em;
        line-height: 50px;
    }
    .point_round_outer span:first-child{
        font-size: 30px;
    }


    /* 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: .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;
    }
}
@media (max-width: 510px) {

   
    .portVideo iframe{
        height: 17rem;
    }
    .techProjectVideo iframe {
        height: 17.1rem;
    }
    /* 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) {

    .stackContendSingle .stackLogoName{
        font-size: 0.95rem;
    }
    .techStackSection{
        padding: 3rem 0;
    }
    .portVideo iframe{
        height: 15.5rem;
    }
    .techProjectVideo iframe {
        height: 15.5rem;
    }
    /* 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 .5rem;
    }
    .problem_titles_inner{
        width: calc(100% - 1.5rem);
    }
    
    
    .problem_titles .nav-item{
        width: fit-content;
        margin: auto;
    }

    /* 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: .9rem;
    }
    .rVideoCourseTitle{
        font-size: 1rem;
        line-height: 1.2rem;
    }
    .rVideo_name{
        font-size: .8rem;
    }
    .Sreviewtitle{
        font-size: 1.1rem;
    }
    .sReviewer_info .sReviewer_img{
        width: 5rem;
        height: 5rem;
        border: .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: .3rem .6rem;
        font-size: .86rem;
    }

    /* Webinar video */
    .card_image_main a .video_main{
        height: 250px;
    }
}
@media (max-width: 440px) {
    .portVideo iframe{
        height: 14.5rem;
    }
    .stackContendSingle img{
        width: 3.2rem;
    }
    .techProjectVideo iframe {
        height: 14.5rem;
    }
    /* 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: .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: .2rem;
    }
}
@media (max-width: 420px) {

    .blog_top_users{
        padding: 1rem;
    }
    .blog_top_users .top_user_count_main .blog_user_count{
        padding-right: 10px;
        column-gap: 10px;
    }
    .portVideo iframe{
        height: 13.5rem;
    }
    .techProjectVideo iframe {
        height: 13.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;
    }
    

    /* 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) {

    /* 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: .9rem;
    }
    .service_btn:hover{
        font-size: .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) {
    .portVideo iframe{
        height: 12rem;
    }
    .techProjectVideo iframe {
        height: 12rem;
    }
    /* 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;
    }
}
/* home test */
.fixed_div12{
    position: fixed;
    bottom:0;
    margin-bottom:5rem;
    right: 1rem;
    z-index:100;
}

@media (max-width: 340px) {
    .techProjectVideo iframe {
        height: 11rem;
    }
    .portVideo iframe{
        height: 11rem;
    }
}
/* Max width 320px */
@media (max-width: 320px) {
    .techProjectVideo iframe {
        height: 10.5rem;
    }
    /* 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 */