@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Play:wght@400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Bold.woff2') format('woff2'),
        url('../fonts/MetaPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-BlackItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Black.woff2') format('woff2'),
        url('../fonts/MetaPro-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Book';
    src: url('../fonts/MetaPro-BookItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-BookItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond Book';
    src: url('../fonts/MetaPro-CondBookItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBookItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Book';
    src: url('../fonts/MetaPro-Book.woff2') format('woff2'),
        url('../fonts/MetaPro-Book.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondBoldItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond Book';
    src: url('../fonts/MetaPro-CondBook.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBook.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondBlack.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBlack.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondBold.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond Xbold';
    src: url('../fonts/MetaPro-CondXboldItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondXboldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondMedium.woff2') format('woff2'),
        url('../fonts/MetaPro-CondMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondMediumItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondMediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-LightItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-Cond.woff2') format('woff2'),
        url('../fonts/MetaPro-Cond.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond';
    src: url('../fonts/MetaPro-CondBlackItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-CondBlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro Cond Xbold';
    src: url('../fonts/MetaPro-CondXbold.woff2') format('woff2'),
        url('../fonts/MetaPro-CondXbold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Light.woff2') format('woff2'),
        url('../fonts/MetaPro-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro.woff2') format('woff2'),
        url('../fonts/MetaPro.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Medium.woff2') format('woff2'),
        url('../fonts/MetaPro-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Thin.woff2') format('woff2'),
        url('../fonts/MetaPro-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-Italic.woff2') format('woff2'),
        url('../fonts/MetaPro-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-ThinItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Meta Pro';
    src: url('../fonts/MetaPro-MediumItalic.woff2') format('woff2'),
        url('../fonts/MetaPro-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

a {
    text-decoration: none;
}

section {
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    font-family: 'Meta Pro' !important;
    font-weight: normal;
    font-style: normal;
    overflow-x: hidden;
    overflow-y: auto;
}
div {
  transition: all ease 0.5s;
}

p {
    font-family: "Poppins", sans-serif !important;
}

select:focus {
    outline: none;
}

input:focus {
    outline: none;

}

textarea:focus {
    outline: none;
}



::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}



::-webkit-scrollbar-track {
    border-radius: 0;
    background: #eeeeee;
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #0163F0;
}


.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    max-width: 1820px;
}


/* .container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    padding: 0 82px;
} */

.sec_padd {
    padding: 60px 0;
}

input:focus {
    outline: none;
    border: none;
}

.pinklight_bg {
    background: #FFECE7 !important;
}

.pinklight_bg2 {
    background: #FFF9F9 !important;
}

.swiper-wrapper {
    justify-content: center;
}

.greenlight_bg {
    background: #EEF4F4 !important;
}

.orangelight_bg {
    background: #FFECDD !important;
}

.bluelight_bg {
    background: #E1EDFF !important;
}

.btn_commn {
    color: #FFF;
    white-space: nowrap;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    border-radius: 100px;
    background: linear-gradient(90deg, #FF7003 0%, #FF9748 100%);
    position: relative;
    padding: 10px 30px;
    width: 200px;
    display: inline-flex;
    align-items: center;
    justify-content: start;
    text-decoration: none;
    overflow: hidden;
    transition: color 0.4s ease-in-out;
    border: none;

}

.btn_commn span {
    z-index: 3;
}

.btn_commn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 31px;
    height: 31px;
    background: #F1F1F1;
    border-radius: 100px;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.4s ease-in-out;
}


.btn_commn::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-image: url('../img/arrowredirec.svg');
    background-repeat: no-repeat;
    background-color: #F1F1F1;
    background-size: 12px;
    background-position: center;
    border-radius: 100px;
    width: 31px;
    height: 31px;
    transition: background 0.4s ease-in-out;
}


.btn_commn:hover {
    color: #000;
}


.btn_commn:hover::before {
    transform: translate(-50%, -50%) scale(10);
}

/* .btn_commn:hover::after {
background-color: #FFF;
}  */


/* header css start */


.btn_orange {
    border-radius: 50px;
    background: linear-gradient(270deg, #FFA057 0%, #FF7003 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 400;
    line-height: normal;
    margin-right: 10px;
}

.btn_black {
    white-space: nowrap;
    border-radius: 50px;
    background: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}


.logo_img img {
    max-width: 100%;
    transition: all 0.3s ease-in-out;
}

.header_sec {
    position: relative;
    z-index: 9;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}



.header_sec.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    animation: slideDown 0.3s ease-out;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.header_sec.sticky .main_navbar {
    padding: 5px 0;
}

.header_sec .main_navbar .logo_img img {
    width: 220px;

}

.header_sec .main_navbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;

}

.header_sec .main_navbar {
    padding: 10px 0;
    transition: 0.5s;
}

.header_sec .main_navbar .nabvar_link_box ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: end;
    width: 100%;
    gap: 44px;
}

.header_sec .nabvar_link_box ul li {
    list-style: none;
    position: relative;
}



.header_sec .nabvar_link_box ul li::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: #FF7003;
    /* Change color as needed */
    transition: width 0.3s ease, left 0.3s ease;
}

.header_sec .nabvar_link_box ul li:hover::after {
    width: 100%;
    left: 0;
}


.banner_btn {
    display: flex;
    align-items: center;
}

.header_sec .nabvar_link_box ul li a {
    white-space: nowrap;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
}

.header_sec .nabvar_link_box ul li.effects:hover a {
    color: #FF7003;
}
.header_sec .nabvar_link_box ul li.drop_down_open_menu:hover .more {
    color: #FF7003;
}
.menu_box_hd ul li:hover a{
    color: #FF7003;

}

.bg_image {
    background-image: url('../img/banner.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: relative;
}

.bg_image::after {
    content: '';
    background: rgba(19, 16, 16, 0.66);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


}

.bottom_header {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.20) 50%, rgba(255, 255, 255, 0.00) 100%);
    padding: 13px 0;

}

.bottom_header .bottom_header_inner {
    display: flex;

    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.bottom_header .bottom_header_inner .bottom_header_link ul {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 0;
    margin: 0;
}

.bottom_header .bottom_header_inner h3 {
    color: #FFF;
    margin: 0;
    font-size: 30px;
    font-weight: 400;
}

.bottom_header .bottom_header_inner .bottom_header_link ul li {
    list-style: none;

}

.bottom_header .bottom_header_inner .bottom_header_link ul li a {
    text-decoration: none;
    color: #FFF;
    font-size: 25px;
    font-weight: 400;
}

.bottom_header_inner img {
    max-width: 100%;
}

.toggle {
    display: none;
}

.toggle .toggle_btn {
    background: transparent;
    border: none;

}

.toggle .toggle_btn span {
    background-color: #000;
    height: 5px;
    border-radius: 20px;
    width: 40px;
    display: block;
    margin-bottom: 3px;
    transition: 0.2s;
}

.logo_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    display: none;
}

.toggle_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 44px;
    text-align: center;
}

.job_box_inner .blue_btn {
    position: absolute;
    right: 15px;
    width: auto;
    padding: 5px 20px;
}

.job_list_sec .job_box {
    height: 100%;
}


@media screen and (max-width: 1700px) {
    .header_sec .main_navbar .nabvar_link_box ul {
        gap: 30px;

    }

    .header_sec .nabvar_link_box ul li a {
        font-size: 20px;

    }

}

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

    /* .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 52px;
    } */
}

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

    /* .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 52px;
    } */
}

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

    .logo_img img {
        width: 180px;
    }

    .bottom_header .bottom_header_inner .bottom_header_link ul {
        gap: 30px;

    }



    .bottom_header .bottom_header_inner h3 {
        font-size: 25px;
    }

    /* .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 25px;
    } */

    .bottom_header_inner img {
        max-width: 100%;
        width: 60px;
    }

}

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


    /*.rar_Activity.edit_profile_sec .main_box_inner {
    padding-top: 70px;
}*/

    .smid_main_dv .main_box_inner {
        height: calc(100vh - 95px);
    }

    .roles_sec .roles_inner .roles_white_box {

        padding: 18px;

    }

    .header_sec .nabvar_link_box ul li a {
        font-size: 17px;
    }

    .header_sec .main_navbar .nabvar_link_box ul {
        gap: 20px;
    }

    .header_sec .btn_orange {

        font-size: 16px;

    }

    .header_sec .btn_black {
        font-size: 16px;
    }

    .sidebar_sec .sidebar_inner {

        height: calc(100vh - 0px);
    }

}

@media screen and (max-width: 1100px) {
    .header_sec .nabvar_link_box ul li a {
        font-size: 16px;
    }

    .header_sec .main_navbar {

        gap: 20px;
    }

    .header_sec .btn_orange {

        font-size: 16px;
        padding: 10px 18px;

    }

    .header_sec .btn_black {
        padding: 10px 18px;
    }
}


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

    /*.rar_Activity.edit_profile_sec .main_box_inner {
    padding-top: 30px;
}*/
    .bg_board.edit_profile_sec.setting .editprfile_main_inner {
        padding: 0;
    }

    .bg_board.edit_profile_sec.setting {
        height: calc(100vh - 54px) !important;
    }

    .bg_board.edit_profile_sec.setting .main_box_inner {
        height: calc(100vh - 56px) !important;
    }

    .bg_board.smid_main_dv .middle_scroll .middle_scroll_inner {
        height: calc(100vh - 300px) !important;
    }

    /*    .bg_board.smid_main_dv.goal .middle_scroll .middle_scroll_inner {
        height: calc(100vh - 340px) !important;
    }*/

    .smid_main_dv .main_box_inner {
        height: calc(100vh - 20px);
    }

    .bg_board.smid_main_dv.goal .main_box_inner {
        height: calc(100vh - 56px) !important;
        padding-bottom: 50px;
    }

    .bg_board.smid_main_dv.goal.first_goal .main_box_inner {
        height: calc(100vh - 56px) !important;
    }

    .bg_board.smid_main_dv.goal.first_goal .middle_scroll_inner {
        height: 100% !important;
    }

    .overall_score {
        margin-top: 30px;
    }


    .toggle {
        display: block;
    }

    .toggle_box {
        background-color: #fff;
        position: fixed;
        width: 100%;
        overflow: scroll;
        left: -1000px;
        height: 100vh;
        top: 54px;
        transition: 0.5s;
        padding-bottom: 30% !important;
    }

    .menu-open {
        overflow: hidden;
    }

    .menu-open .toggle_box {
        left: 0px;

    }

    .menu-open .toggle .toggle_btn span:nth-child(2) {
        display: none;
    }

    .menu-open .toggle .toggle_btn span:nth-child(1) {
        transform: rotate(45deg);
    }

    .menu-open .toggle .toggle_btn span:nth-child(3) {
        transform: rotate(-45deg);
        position: relative;
        top: -7px;
    }

    .header_sec .main_navbar {
        padding: 5px 0px;
    }

    .logo_box {
        display: flex;
    }

    .toggle_box {
        flex-direction: column;
        align-items: start;
        padding: 30px 51px;
        justify-content: start;
    }

    .header_sec .main_navbar .nabvar_link_box ul {
        flex-direction: column;
        align-items: start;
    }

    .bottom_header .bottom_header_inner {
        flex-direction: column;
        align-items: start;
    }

    .bottom_header_inner img {
        display: none;
    }

    .bottom_header .bottom_header_inner .bottom_header_link ul {
        flex-direction: column;
        align-items: start;
    }

    .bottom_header {
        background: unset;
    }

    .bottom_header .bottom_header_inner .bottom_header_link ul li a {
        font-size: 28px;
    }

    .bottom_header .bottom_header_inner h3 {
        padding-bottom: 20px;
    }

    .bottom_header .bottom_header_inner h3 {
        font-size: 28px;
    }
}

@media screen and (max-width: 575px) {
    .smid_main_dv .main_box_inner {
        height: calc(100vh - 0px);
    }

    .bg_board.smid_main_dv.daily .middle_scroll .middle_scroll_inner {
        height: 100% !important;
    }

    .bg_board.smid_main_dv.daily .main_box {
        height: 100% !important;
    }



    /*.first_goal .main_box_inner{
    height: 100% !important;
}*/
    .toggle_box {
        padding: 30px 30px;
    }

    .logo_img {
        width: 180px;
    }

    .header_sec .main_navbar .nabvar_link_box ul {
        gap: 20px;
    }

    .header_sec .nabvar_link_box ul li a {
        font-size: 20px;
    }

    .bottom_header .bottom_header_inner h3 {
        font-size: 25px;
        line-height: 37px;
    }

    .bottom_header .bottom_header_inner .bottom_header_link ul li a {
        font-size: 25px;
    }

    /* .bottom_header .bottom_header_inner .bottom_header_link,
    ul {
        gap: 30px;
    } */

    /* 
    .container,
    .container-fluid,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        padding: 0 21px;
    } */
}


.main_title h2 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}

.main_title span {
    color: #FF7003;
}

.main_title p {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
}

/* header css end */
.expanding_network_sec .expanding_network_inner .expanding_network_box .expanding_text h3 {
    color: #000;
    font-size: 30px;
    font-weight: 400;
    line-height: 41px;
    margin: 0px 0 8px;
}

/* banner css start */
.banner_sec {
    padding: 60px 20px;
    position: relative;
    z-index: 1;
}

.banner_sec .banner_title h1 {
    color: #FFF;
    font-size: 55px;
    font-weight: 500;
    line-height: 72px;
    text-align: center;
    margin-bottom: 30px;
}

.point_banner {
    margin: auto;
    text-align: center;
}

.point_banner p {
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.point_banner ul {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    margin: auto;
    width: 50%;

}

.point_banner ul li {
    list-style: none;
    background-image: url('../img/fi_5291043.svg');
    background-size: 25px;
    background-repeat: no-repeat;
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    padding-left: 35px;
}

.review_reflection_box {
    text-align: center;
    padding: 30px 0;
}

.caore_hgt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 20px);
}

.review_reflection_box h2 {
    color: #F93;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    width: 36%;
    margin: 0 auto 20px;
}

.join_our_wailtist {
    text-align: center;
    padding: 45px 0 0;
}

.join_our_wailtist h2 {
    color: #F93;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.join_our_wailtist h3 {
    color: #FFF;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.video_box {
    display: flex;
    width: 100%;
}

.join_our_wailtist .wailtist_form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.join_our_wailtist .wailtist_form .form_group .form_control::placeholder {
    color: #fff;
}

.join_our_wailtist .wailtist_form .form_group .form_control {
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
}

.join_our_wailtist .wailtist_form .form_group .form_control:focus {
    outline: none;

}

.join_our_wailtist .wailtist_form .form_group .form_control {
    border-radius: 10px;
    border: 1px solid #FFF;
    color: #fff;
    padding: 15px 20px;
    background-color: #0b0a0a62;
    width: 332px;
}

.join_our_wailtist .wailtist_form .form_group select {
    border-radius: 10px;
    border: 1px solid #FFF;
    color: #fff;
    padding: 15px 40px 15px 20px;
    background-color: #0b0a0a62;
    background-image: url('../img/arrow_dropdown.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    appearance: none;
    width: 332px;
}

.join_our_wailtist .wailtist_form .iti__country-list {
    flex-direction: column;
    align-items: start;
    gap: 0px;
}

.join_our_wailtist .wailtist_form .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #fff;
    font-weight: 500;
}

.join_our_wailtist .wailtist_form .iti__arrow {

    border-top: 4px solid #ffffff;
}

.normal_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 15px;
    border: 1px solid #6FAAFF;
    width: 158px;
    height: 62px;
    padding: 15px 30px;
    background: linear-gradient(90deg, #136FF2 0%, #4689E9 100%);


}

/* banner css end */



.gain_list ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.gain_list ul li {
    list-style: none;
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    padding-left: 35px;
    background-image: url('../img/fi_5291043.svg');
    background-size: 25px;
    background-repeat: no-repeat;
}

.light_blue {
    background-color: #F3F8FF;
    ;
}

.gain_img img {
    max-width: 100%;
    border-radius: 30px;
}

.box_icon_edge {
    /* background: linear-gradient(270deg, #0163F0 0%, #277CF7 48.81%, #4E96FF 100%);
    padding: 1px;
    border-radius: 20px; */
    overflow: hidden;
    height: 100%;
}

.box_icon_edge .box_icon_edge_inner {
    border: 1px solid #0163F0;
    background: #F3F8FF;
    padding: 30px 20px;
    border-radius: 20px;
    margin: auto;
    text-align: center;
    height: 100%;

}

.box_icon_edge .box_icon_edge_inner img {
    width: 91px;
    height: 91px;
    margin-bottom: 20px;
}

.box_icon_edge .box_icon_edge_inner h2 {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 33px;
}

.box_icon_edge .box_icon_edge_inner p {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.uniq_approach {
    padding: 60px 0;
}

.uniq_approach .main_title h2 {

    font-size: 35px;
    text-transform: capitalize;

}

.uniq_btn .btn_commn {
    padding: 15px 30px 15px 20px;
    width: 100%;
}

.uniq_img_box {
    position: relative;
    cursor: pointer;
}

.uniq_img_box img {
    height: 100%;
    width: 100%;
    border-radius: 15px;
}

.uniq_text {
    position: absolute;
    bottom: 0;
    padding: 20px 10px 0;
}

.uniq_text::after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;

    border-radius: 0px 0px 15px 15px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
}

.uniq_text {
    text-align: center;
    width: 100%;
}

.uniq_text h2 {
    color: #FFF;
    font-size: 18px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    transition: transform 0.7s ease-in-out;
}

.uniq_text p {
    color: #FFF;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out, opacity 0.7s ease-in-out;
}

.uniq_img_box:hover p {
    max-height: 80px;
    opacity: 1;
}



.uniq_img_box:hover h2 {
    transform: translateY(-5px);
}




.whys_choose_sec {
    position: relative;
}

.whys_choose_sec::after {
    content: '';
    background: #0163F0;
    height: 350px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.whys_choose_sec .main_title h2 {
    position: relative;
    z-index: 1;
    color: #fff;
    text-align: center;
    padding: 60px 0 20px;
}

.whys_choose_sec .why_choose_box {
    border-radius: 10px;
    background: #FFF;
    overflow: hidden;
    position: relative;
    z-index: 1;
    height: 100%;
}

.whys_choose_sec .why_choose_box .why_choose_img {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
}

.whys_choose_sec .why_choose_box .why_choose_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.whys_choose_sec .why_choose_box .why_choose_content {
    padding: 20px;
}

.whys_choose_sec .why_choose_box .why_choose_content .why_choose_title {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px;
}

.whys_choose_sec .why_choose_box .why_choose_content .why_choose_title h3 {
    color: #000;

    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
}

.whys_choose_sec .why_choose_box .why_choose_content .why_choose_title img {
    width: 48px;
    height: 48px;
}

.whys_choose_sec .why_choose_box .why_choose_content .why_choose_title {
    color: #000;
    font-size: 25px;
    font-weight: 700;
    line-height: 34px;
}

.whys_choose_sec .why_choose_box .why_choose_content p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}

.expanding_network_sec .main_title {
    text-align: center;
}


.expanding_network_sec .expanding_network_inner .expanding_network_box {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 15px;
    background: linear-gradient(90deg, #FFECDF 0%, #FBF0E7 100%);
    padding: 35px 23px;
    border-radius: 30px;
    flex: 1 0 calc(33.33% - 15px);
}

.expanding_network_sec .expanding_network_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.expanding_network_sec .expanding_network_inner .expanding_network_box img {
    width: 120px;
    height: 120px;
}

.expanding_network_sec .expanding_network_inner .expanding_network_box .expanding_text p {
    background: linear-gradient(90deg, #F67C1E 0%, #FFA057 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Arial;
    font-size: 55px;
    font-style: normal;
    font-weight: 900;
    line-height: 47px;
    margin: 0;
}



.main_title.white_title h2 {
    color: #fff;
    text-align: center;
    padding: 0px 0 30px;
}

.roles_sec {
    background-image: url('../img/rolesbg.png');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;

}

.roles_sec .roles_inner {
    position: relative;
}

.roles_sec .roles_inner .roles_img {
    position: relative;
    padding-bottom: 73%;
    overflow: hidden;
}

.roles_sec .roles_inner .roles_img img {
    border-radius: 30px;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    position: absolute;
    max-height: 100%;
    top: 0;
    left: 0;
    max-width: 100%;
    object-fit: cover;
    object-position: bottom;
}

.roles_sec .roles_inner.roles_inner2 .roles_img {
    padding-bottom: 125%;
}

/* .roles_sec .roles_inner .roles_img img {
height: 100%;
width: 100%;
border-radius: 30px;
} */

.roles_sec .roles_inner .roles_white_box {
    position: absolute;
    bottom: 18px;
    width: 75%;
    left: 18px;
    background: #fff;
    padding: 24px;
    border-radius: 30px;
    margin: auto;
    height: 220px;
}

.roles_sec .roles_inner .roles_white_box .roles {
    position: relative;
}

.roles_sec .roles_inner .roles_white_box .roles .arrow_img {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 35px;
    height: 35px;
}

.roles_sec .roles_inner .roles_white_box h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.roles_sec .roles_inner .roles_white_box p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.roles_sec .roles_inner.roles_inner2 .arrow_img {
    width: 28px;
    height: 28px;
}

.roles_sec .roles_inner.roles_inner2 .roles_white_box {
    width: 90%;
}

.roles_sec .roles_inner.roles_inner2 .roles_white_box h3 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
    line-height: normal;
}

.roles_sec .roles_inner.roles_inner2 .roles_white_box p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}

.roles_btn .btn_commn {
    border-radius: 55px;
    background: linear-gradient(90deg, #0056D2 0%, #4E96FF 100%);
    width: 141.027px;
    height: 50px;
    font-size: 14px;
    padding: 10px 24px;
}




.benefits_sec .tab_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;

}

.benefits_sec .tab_title h2 {
    margin-bottom: 0;

}

.benefits_sec .tab_title .nav-pills {
    border-radius: 100px;
    border: 1px solid #D4D4D4;
    background: linear-gradient(90deg, #FFF 0%, #E2E2E2 100%);
    padding: 5px;
    gap: 10px;
}

.benefits_sec .tab_title .nav-pills .nav-item .nav-link {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 30px;

}

.benefits_sec .tab_title .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: linear-gradient(270deg, #0163F0 0%, #277CF7 48.81%, #4E96FF 100%);
    color: #fff;
    border-radius: 30px;

}


.blue_light_2 {
    background: #F6FAFF;
}

.benefits_sec {
    margin-bottom: 35px;

}

.benefits_sec .main_title h2 span {
    position: relative;
    z-index: 1;
    color: #fff;
}

.benefits_sec .main_title h2 {
    background-image: url('../img/Benefits1.png');
    background-size: cover;
    padding: 15px;
    border-radius: 10px;
    margin: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.benefits_sec .main_title h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(5px);
    z-index: 0;
}

.benefits_sec .benefit_box {
    border-radius: 20px;
    /* background: #FFF; */
    padding: 20px;
    height: 100%;
    border-radius: 15px;
    border: 1px solid #222222;
}

.benefits_sec .benefit_box span {
    color: #0163F0;
    font-family: Arial;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    display: inline-block;
    margin-bottom: 25px;
}

.benefits_sec .benefit_box h3 {
    color: #000;
    margin: 0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.benefits_sec .benefit_box p {
    color: #000;

    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin: 0;
}


.video_sec .video_bg {
    background-image: url('../img/video_bg.jpg');
    height: 100%;
    width: 100%;
    padding: 50px;
    border-radius: 30px;
}

.video_sec .video_bg .video_box video {
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.video_sec .main_title.white_title h2 {
    padding: 0;
    margin-bottom: 0;
}

.sec_padd.solution_sec {
    padding: 60px 0 0;
}

.benefits_sec .main_title h2 span {
    position: relative;
    z-index: 1;
    color: #fff;
}

.solution_sec .main_title h2 {
    background-image: url('../img/video_bg.jpg');
    background-size: cover;
    padding: 15px;
    border-radius: 10px;
    margin: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

.solution_sec .main_title h2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.40);
    backdrop-filter: blur(5px);
    z-index: 0;
}


.solution_sec .main_title h2 span {
    position: relative;
    z-index: 1;
    color: #fff;
}

/*     
    .benefits_sec .main_title h2 {
        background-image: url('../img/Benefits1.png');
        background-size: cover;
        padding: 15px;
        border-radius: 10px;
        margin: 0;
        color: #fff;
        position: relative;
        overflow: hidden;
    } */


.solution_sec .solution_align {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 30px;
}

.solution_sec .solution_align h2 {
    flex: 0 0 35%;
}

.solution_sec .solution_align p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: 24px;
    flex: 0 0 calc(65% - 30px);
}

.solution_sec .solutition_box {
    border-radius: 30px;
    background: #EEF4F4;
    padding: 25px;
    height: 100%;
    border: 1px solid #EEF4F4;
}
.solution_sec .solutition_box:hover{
    background-color: #ddf8f8;
    border: 1px solid #0056D2;
}

.solution_sec .solutition_box p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    /*        overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    /* number of lines to show */
    /*        line-clamp: 5;*/
    /*        -webkit-box-orient: vertical;*/
}

.solution_sec .solutition_box .solutition_title h2 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    text-transform: capitalize;
}

.solution_sec .solutition_box .img_align_solution .solution_img {
    display: inline;
    float: right;
    position: relative;
}

.solution_sec .solutition_box .img_align_solution .solution_img img {
    width: 145px;
    margin-bottom: 25px;
    padding-left: 10px;
}

.solution_sec .solutition_box .img_align_solution .solution_img .redirect_solution_icon {
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    display: inline;
    position: absolute;
    bottom: 14px;
    right: -10px;
}

.solution_sec .solutition_box .img_align_solution .solution_img {
    flex: 0 0 calc(25% - 10px);
    text-align: end;
}

.solution_sec .solutition_box .img_align_solution .solutition_title {
    flex: 0 0 calc(75% - 10px);
    display: inline;
}

.ft_30 h2 {
    color: #FF7003;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/*
.solution_sec .solutition_box .img_align_solution {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
}
*/
.solution_sec .solutition_box .img_align_solution .redirect_solution_icon {
    margin-bottom: 30px;
    display: inline-block;
    width: 45px;
}

.solution_sec .solutition_box.center_rar_box {
    background: #FFECDD;
}

.solution_sec .solutition_box.center_rar_box .img_align_solution {
    margin-bottom: 0;
    align-items: end;
}

.solution_sec .solutition_box.center_rar_box .solutition_title {
    margin-bottom: 85px;
}

.solution_sec .solutition_box.center_rar_box .img_align_solution .redirect_solution_icon {
    margin-bottom: 0;
}



.about_sec .abt_img img {
    max-width: 100%;
    width: 100%;
}

.about_sec .about_box_content {
    margin-bottom: 40px;
}

.about_sec .about_box_content p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.about_sec .vision_item {
    display: flex;
    align-items: start;
    gap: 15px;
}

.about_sec .vision_item img {
    width: 70px;
}

.about_sec .vision_item {
    margin-bottom: 30px;
}

.about_sec .vision_item .vision_text h3 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.about_sec .vision_item .vision_text p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 177.778% */
}





.core_sec {
    background-image: url('../img/bannercore.png');
    height: 100%;
    width: 100%;

}

.core_sec .core_img img {
    width: 100%;
    height: 100%;
    border-radius: 30px;
}

.core_sec .core_value p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 10px;
}

.core_sec .core_value h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.core_sec .pink_box_corevalue {
    padding: 36px 30px;
    background: #FFDFD7;
    border-radius: 20px;
    height: calc(100% - 20px);
}

.pink_box_corevalue.yellow_bg {
    background: #FBFFE0;
}

.core_sec .core_img img {
    height: 100%;
}

.pink_box_corevalue.java_bg {
    background: #ECE8FF;
}

.core_sec .pink_box_corevalue h2 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

.core_sec .pink_box_corevalue p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
}

.core_sec .pink_box_corevalue {
    position: relative;
    margin-bottom: 20px;
}

.core_sec .pink_box_corevalue::after {
    content: '';
    background-image: url('../img/shape1.svg');
    position: absolute;
    right: 0;
    top: 0;
    background-position: right;
    height: 82.5px;
    width: 129px;
}

.core_sec .pink_box_corevalue::before {
    content: '';
    background-image: url('../img/core_icon.png');
    background-repeat: no-repeat;
    background-size: 64px;
    position: absolute;
    right: 0;
    top: -10px;
    background-position: calc(100% - 20px);
    height: 64px;
    width: 94px;
    z-index: 1;
}






.team_sec {
    position: relative;
    padding-bottom: 73px;
}

.team_sec .main_title {
    margin-bottom: 30px;
}

.core_sec {
    padding-bottom: 40px;
}

.team_sec .main_title p {
    width: 50%;
    margin: auto;
}

.team_sec .team_item {
    border-radius: 30px;
    background: #F6F6F6;
    padding: 15px;
    height: 100%;
}

.team_sec .team_item .img_team {
    position: relative;
    padding-bottom: 100%;
    border-radius: 30px;
    overflow: hidden;
}

.team_sec .team_item .img_team img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
}


.team_sec .team_item .img_team .social_icon {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1;
    width: 30px;
    height: 30px;
}

.team_sec .team_item .team_text h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 15px;
    text-align: center;
}

.team_sec .team_item .team_text {
    margin-top: 25px;
}

.team_sec .team_item .team_text p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
}




.swiper-button-prev:after {
    background-image: url('../img/previous_2.svg');
    background-size: cover;
    font-size: 0 !important;
    width: 75px;
    height: 100%;
    left: 0px;
    background-size: cover;
    font-size: unset;
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 30px;
}

.swiper-button-next:after {
    background-image: url('../img/next_1.svg');
    background-size: cover;
    font-size: 0 !important;
    width: 75px;
    height: 100%;
    right: 0px;
    background-size: cover;
    font-size: unset;
    background-repeat: no-repeat;
    position: absolute;
    border-radius: 30px;
}


.teamswipper {
    position: relative;
    overflow: visible;
}

.testimonial_sec .testimonial_box {
    border-radius: 30px;
    background: #FFF;
    padding: 30px;
}

.testimonial_sec .testimonial_box p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
}

.testimonial_sec .testimonial_box .testimonial_box_inner {
    margin-bottom: 30px;
}

.testimonial_sec .testimonial_box .testimonial_box_inner img {
    width: 90px;
    height: 90px;
    border-radius: 100px;

}

.rating_review img {
    width: 22px !important;
}

.testimonial_sec {
    background-color: #EAF2FE;
    position: relative;
    padding: 60px 0 135px !important;
}

.testimonial_sec .testimonial_box .testimonial_box_inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonial_sec .testimonial_box .rating_review {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.testimonial_sec .testimonial_box .testimonial_box_inner .testimonial_content h3 {
    color: #000;

    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.testimonial_sec .testimonial_box .testimonial_box_inner .testimonial_content span {
    color: #6F6F6F;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.testimonialswiper {
    position: relative;
    overflow: visible;
}

.testimonial_sec .swiper-buttons,
.team_sec .swiper-buttons {
    position: absolute;
    bottom: 82px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 20px;
    z-index: 1;
}

.view_btn {
    border-radius: 55px;
    background: linear-gradient(90deg, #0056D2 0%, #4E96FF 100%);
    display: flex;
    width: 122px;
    height: 45px;
    padding: 15px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
}

.blog_sec {
    padding: 60px 0;
}

.blog_sec .blog_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog_sec .blog_hd.main_title {
    margin-bottom: 30px;
}

.blog_sec .blog_hd.main_title h2 {
    margin-bottom: 0;
}

.blog_sec .blog_box {
    border-radius: 30px;
    border: 2px solid rgba(0, 86, 210, 0.30);
    background: #FFF;
    height: 100%;
}
.blog_sec .blog_box .blog_img {
    position: relative;
    padding-bottom: 50%;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 0;
}

.blog_sec .blog_box .blog_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 28px;
}

.bg_orange_light .accordion-item:last-child {
    margin: 0;
}

.faq_itm_sss {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.blog_sec .blog_box .blog_text {
    padding: 20px;
}

.blog_sec .blog_box .blog_text h1 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.blog_sec .blog_box .blog_text p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}


.bg_orange_light {
    background-color: #FFFAF5;
}

.faq {
    margin: 0 20px 60px;
    border-radius: 30px;
}

.accordion-button:not(.collapsed) {
    background: #FF7003;
    color: #fff;
}

.accordion-item {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}

.accordion-item:first-of-type {
    overflow: hidden;
    border-radius: 20px;
}

.accordion-item:last-of-type {
    overflow: hidden;
    border-radius: 20px;
}

.accordion-button:focus {
    box-shadow: unset;
}

.accordion-button:not(.collapsed)::after {
    background-image: url('../img/minus.svg');
    filter: brightness() invert(1);
}

.accordion-button::after {
    background-image: url('../img/plus.svg');
}

.accordion-item .accordion-button {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.accordion-item p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.faq_img img {
    max-width: 100%;
}

.faq_img {
    text-align: end;
}



.contact_sec {
    padding: 60px 0 0;
}

.contact_sec .main_title {
    margin-bottom: 50px;
}

.contact_sec .contact_img img {
    max-width: 100%;
    border-radius: 30px;
}

.contact_sec .contact_form .form_group {
    position: relative;
}

.contact_sec .contact_form .form_group label {
    display: block;
    position: absolute;
    top: -12px;
    left: 15px;
    background: #FFFAF5;
    padding: 0px 15px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.contact_sec .contact_form .form_group .form_control {
    border-radius: 15px;
    border: 1px solid #000;
    padding: 20px;
    width: 100%;
    background: transparent;
}

.submit_btn {
    position: relative;
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 30px;
    line-height: 25px;
    border-radius: 55px;
    background: linear-gradient(90deg, #FF7003 0%, #FF9748 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: inline-flex;
    transition: color 0.3s ease-in-out;
    z-index: 1;
    align-items: center;
    /* width: 160px; */
    justify-content: center;
}

.submit_btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, #DBDBDB 100%);
    transition: transform 0.5s ease-in-out;
    transform: translateX(0%);
    z-index: -1;
}

.submit_btn:hover::after {
    transform: translateX(-100%);
}

.submit_btn:hover {
    color: #000;

}


.blue_btn {
    position: relative;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 10px;
    line-height: 41px;
    border-radius: 55px;
    background: linear-gradient(270deg, #4E96FF 0%, #0163F0 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    transition: color 0.3s ease-in-out;
    z-index: 1;
    align-items: center;
    width: 160px;
    justify-content: center;
}

.blue_btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, #DBDBDB 100%);
    transition: transform 0.5s ease-in-out;
    transform: translateX(0%);
    z-index: -1;
}

.blue_btn:hover::after {
    transform: translateX(-100%);
}

.blue_btn:hover {
    color: #000;

}




.student_sec {
    background-image: url('../img/bg_img0.png ');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    padding: 60px 0;
}

.student_sec_in {
    position: relative;
}

.student_sec_in .row {
    align-items: center;
}

.student_sec .student_box {
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.80);
    padding: 20px;
    position: relative;
    z-index: 1;

}

.student_sec .student_box h6 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px;
    margin: 0;
}

.student_sec {
    position: relative;
}

.student_sec::after {
    content: '';
    height: 100%;
    background: rgba(0, 0, 0, 0.61);
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.student_sec_in::before {
    content: '';
    width: 2px;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 50%, rgba(255, 255, 255, 0.00) 100%);
    position: absolute;
    top: 50%;
    left: 38%;
    transform: translateY(-50%);
    z-index: 1;
}

.student_sec .unloc_dis p {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    position: relative;
    z-index: 1;
    margin: 0;
}



.footer_Sec {
    padding: 50px 0;
}

.footer_Sec .footer_subsribe_box {
    border-radius: 15px;
    border: 1px solid #FF7003;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.footer_Sec .footer_subsribe_box .footer_logo {
    flex: 0 0 50%;
}

.footer_Sec .footer_subsribe_box .footer_logo img {
    max-width: 100%;
}

.footer_Sec .footer_subsribe_box .footer_subscribe_field {
    display: flex;
    align-items: center;
    gap: 30px;
    flex: 0 0 49%;
    justify-content: end;
}

.footer_Sec .footer_subsribe_box .footer_subscribe_field h3 {
    background: linear-gradient(90deg, #FF7003 0%, #FF994B 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 0;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
}

.footer_Sec .footer_subsribe_box .footer_subscribe_field .form_field {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
}

.footer_Sec .footer_subsribe_box .footer_subscribe_field .form_field .submit_btn {
    border-radius: 10px;
    height: 60px;
}

.footer_Sec .footer_subsribe_box .footer_subscribe_field .form_field input {
    border-radius: 10px;
    border: 1px solid #DADADA;
    padding: 15px 20px;
    width: 100%;
    height: 60px;
}

.footer_Sec .quick_link ul {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 30px 0;
    gap: 30px;
}
.quick_link h3{
    font-size: 25px;
    font-weight: 600;
}

.footer_Sec .quick_link ul li {
    list-style: none;
}

.footer_Sec .quick_link ul li a {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.social_link ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.social_link ul li {
    list-style: none;
}

.social_link ul li a img {
    width: 45px;
}



.social_link h3 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    margin: 20px 0 0;
}

.copy_right_box {
    margin-bottom: 30px;
}

.copy_right_box p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #D9D9D9;
}

.copy_right_box p span {
    color: #0163F0;
}


/* home page css End  */



/* blog page css start */
.blog_banner {
    padding: 60px 0 20px;
    text-align: center;
}

.blog_banner .main_title h2 {
    text-align: center;
}

.blog_banner .blog_banner_img {
    position: relative;
    padding-bottom: 32%;
    overflow: hidden;
    border-radius: 20px;

}

.blog_banner .blog_banner_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.date_format {
    color: #FFF;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    display: inline-block;
    padding: 9px 17px;
    border-radius: 60px;
    background: linear-gradient(90deg, #FF7003 0%, #FF9A4D 100%);
}
.blog_text {
    margin-bottom: 30px;
}

.blog_text h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;

    
}

.blog_text p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.blog_text h4 {
    font-size: 30px;
}

.blog_text h5 {
    font-size: 26px;
}

.blog_text h6 {
    font-size: 20px;
}

.subscribe_blog_box {
    border-radius: 30px;
    background: linear-gradient(180deg, #0056D2 0%, #8CBBFF 100%);
    padding: 30px;
    margin-bottom: 20px;
}

.subscribe_blog_box h2 {
    color: #FFF;
    font-size: 35px;
    font-weight: 500;
    margin-bottom: 30px;
}

.subscribe_blog_box .subscribe_field {
    display: flex;
    align-items: center;
    gap: 10px;
}

.subscribe_blog_box .subscribe_field input::placeholder {
    color: #fff;
}

.subscribe_blog_box .subscribe_field input {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: transparent;
    width: 100%;
    padding: 25px 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
}

.subscribe_blog_box .submit_btn {
    padding: 26px 20px;
    border-radius: 10px;
}

.recent_blog {
    border-radius: 30px;
    background: #BBD7FF;
    padding: 30px;


}

.recent_blog .recent_blog_title {
    position: sticky;
    top: 0;
}

.recent_blog .recent_blog_title h2 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

.recent_blog .blog_box {
    margin-bottom: 20px;
}

/* blog page css end */


/* about css start */
.about_banner {
    padding: 50px 80px;
    background: linear-gradient(180deg, #F5F5F5 0%, #FFF 100%);

}

.about_banner .about_banner_title h2 {
    color: #000;
    font-size: 78px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

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

.about_banner .about_title span {
    background: #FF7003;
    width: 44px;
    height: 2px;
    display: inline-block;
}

.about_banner .about_title h6 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.about_banner .about_banner_title h2 {
    color: #000;
    font-size: 78px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.about_banner .about_banner_title span {
    color: #FF7003;
}

.about_banner .banner_logo_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: -30px;
}

.about_banner .banner_logo_item h3 {
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
}

.about_banner .banner_logo_item img {
    width: 106px;
}

.about_banner .about_banner_img img {
    width: 100%;
    margin-top: -40px;
}


.main_align_img img {
    max-width: 100%;
    border-radius: 30px;
}


.about_ymeta_sec {
    background-color: #E4EFFF;
}

.about_ymeta_sec .main_title p {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
}

.list_item {
    padding: 0;
    margin: 0;

}

.list_item li {
    list-style: none;
    padding-left: 35px;
    background-image: url('../img/listarrow.svg');
    background-repeat: no-repeat;
    background-size: 25px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
    margin-bottom: 15px;

}

.list_item2 {
    padding: 0;
    margin: 0;

}

.list_item2 li {
    list-style: none;
    padding-left: 35px;
    background-image: url('../img/ornge_arrow.svg');
    background-repeat: no-repeat;
    background-size: 15px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 15px;
}


.list_item3 {
    padding: 0;
    margin: 0;

}

.list_item3 li {
    list-style: none;
    padding-left: 35px;
    background-image: url('../img/fillcheck.svg');
    background-repeat: no-repeat;
    background-size: 25px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;

}


.icon_boxbenefit {
    display: flex;
    align-items: center;
    gap: 15px;
}

.icon_boxbenefit img {
    width: 55px;
}

.icon_boxbenefit h3 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
}

.Meet_founder_sec {
    position: relative;
    margin-top: 20px;
    padding-top: 50px;
}

.Meet_founder_sec::after {
    content: '';
    position: absolute;
    bottom: 0;
    background: linear-gradient(270deg, #FFEFE3 0%, #FFFCFA 100%);
    height: 680px;
    width: 100%;
}

.Meet_founder_sec .Meet_founder_text {
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}

.Meet_founder_sec .Meet_founder_text h6 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.Meet_founder_sec .Meet_founder_text h2 {
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.Meet_founder_sec .Meet_founder_text span {
    color: #000;
    font-size: 30px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
    display: inline-block;
}

.Meet_founder_sec .Meet_founder_text p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 31px;
    margin: 0;
}


.founder_img {
    position: relative;
    z-index: 1;
    margin: auto;
    text-align: end;
    padding-bottom: 60px;
}

.founder_img img {
    max-width: 100%;
}


.new_title p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.new_title h2 {
    color: #000;
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.new_title {
    margin-bottom: 30px;
}

.main_align_img {
    margin-bottom: 30px;
}

.blog_sec .blog_text {
    margin-bottom: 0;
}


/* about css end */


/* modal css start */
.commn_modal .modal-body {
    padding: 50px;
}

.commn_modal .modal-body h2 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.commn_modal .modal_title1 img {
    width: 100px;
    height: 100px;
    margin: 20px 0;
}

.commn_modal .modal_title1 h2 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;
}

.commn_modal .modal_title1 span {
    color: #6A6A6A;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
    display: block;
}

.commn_modal .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.commn_modal .modal-dialog {
    max-width: 1000px;
}

.modal-content {
    border-radius: 20px;
}

.custome_roles {
    display: block;
    position: relative;
    padding-left: 0;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    user-select: none;
}

.custome_roles input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.custome_roles .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 15px;
    border: 1px solid #929292;
}


.custome_roles input:checked~.checkmark {
    border: 2px solid #0163F0;

}

.custome_roles input:checked+.checkmark+h3 {
    color: #0163F0;
}

.custome_roles .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custome_roles input:checked~.checkmark:after {
    display: block;
}

.commn_modal .btn_commn {
    font-size: 20px;
}

.custome_roles .checkmark:after {
    top: 10px;
    right: 10px;
    background-image: url('../img/chexck_icon.svg');
    background-size: 42px;
    height: 42px;
    width: 42px;
}

.modal_roles {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 50px 0;

}

.modal_roles .modal_img {
    width: 100%;
}

.modal_roles .modal_img img {
    width: 100%;
    border-radius: 15px;
}

.modal_roles h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 20px 15px;
}

.modal_btn {
    margin: auto;
    text-align: center;
}

.modal_btn .btn_commn {
    background: linear-gradient(90deg, #0056D2 0%, #4E96FF 100%);

}




.login_field.commn_modal .modal-body {
    padding: 30px;
}

.login_field.commn_modal .modal-dialog {
    max-width: 600px;
}

.modal_form_field .form_group {
    margin-bottom: 30px;
}

.modal_form_field .form_group .form_control {
    border-radius: 15px;
    background: #F0F0F0;
    width: 100%;
    padding: 20px;
    border: none;
}

.modal_form_field .form_group .form_control:focus {
    outline: none;
    border: none;
}

.modal_form_field .form_group {
    position: relative;
}

.modal_form_field .form_group .icon_eye {
    position: absolute;
    top: 40px;
    right: 20px;
}

.icon_eye {
    width: 18px;
}

.modal_form_field .form_group a {
    color: #0163F0;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: end;
    display: block;
    padding: 10px 0px 20px;
}


.have_acc p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    margin: 10px 0;
}

.have_acc p a {
    color: #0163F0;
}

.login_btn {
    position: relative;
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    padding: 10px 10px;
    line-height: 41px;
    width: 100%;
    border-radius: 10px;
    background: linear-gradient(90deg, #0056D2 0%, #4E96FF 100%);
    border: none;
    cursor: pointer;
    overflow: hidden;
    display: flex;
    transition: color 0.3s ease-in-out;
    z-index: 1;
    align-items: center;
    justify-content: center;
}

.login_btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFF 0%, #DBDBDB 100%);
    transition: transform 0.5s ease-in-out;
    transform: translateX(0%);
    z-index: -1;
    border-radius: 10px;
}

.login_btn:hover::after {
    transform: translateX(-100%);
}

.login_btn:hover {
    color: #000;

}



/* .student_sec {
background-image: url('../img/bg_img0.png ');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
width: 100%;
padding: 100px 0 90px;
} */


/* modal css end */


.step_1field .form_group .form_control {
    border-radius: 10px;
    background: #FFF;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    opacity: 1;
}

.step_1field .form_group .form_control input {
    height: 50px;
}

.bg_step {
    background-image: url('../img/stepprocesslearner.svg');
    background-repeat: no-repeat;
    height: 100vh;
    width: 100%;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: auto;
    overflow-x: hidden;
}

.over_scroll {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 144px);
    margin-bottom: 19px;
}

.over_scroll::-webkit-scrollbar {
    width: 0px;
}



.form_title_box img {
    max-width: 100%;
    margin-bottom: 20px;
}

.upload_profile img {
    max-width: 100%;
    height: 100%;
    border-radius: 15px;
    width: 100%;
}


.upload_profile {
    position: relative;
    width: 129px;
    height: 128px;
    text-align: center;
    margin: 0 auto 30px;
}

.upload_profile input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    object-fit: cover;
}

.upload_profile .edit_icon {
    position: absolute;
    bottom: -10px;
    right: -10px;
}

.step_1field .form_group {
    position: relative;
}

.step_1field .form_group .form_control {
    border-radius: 10px;
    background: #FFF;
    width: 100%;
    padding: 14px 55px 14px 15px;
    border: none;
    font-size: 14px;
}

/* .step_1field .form_group {
margin-bottom: 10px;
} */

.attachment input {
    opacity: 0;
    padding: 12px 55px 12px 15px !important;
}

.attachment .attachment_box {
    border-radius: 10px;
    background: #FFF;
    width: 100%;
    position: relative;
}

.step_1field .form_group label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    display: flex;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
    align-items: center;
    gap: 8px;
}

.form-select {
    background-image: url(../img/arrow_dropdwon.svg);
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 10px;
    background-color: #FFF;
    width: 100%;
    padding: 16px 15px;
    border: none;
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    appearance: none;
}

.icon_filed {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.icon_filed img {
    width: 16px;
}



.link12 {
    position: relative;
}

.step_1field .form_group .iti {
    display: block;
}

.step_1field .form_group .iti--separate-dial-code .iti__selected-flag {
    background-color: transparent;
}




.custom_radio_btn {
    display: block;
    position: relative;
    margin-bottom: 12px;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    flex: 0 0 15%;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    background: linear-gradient(90deg, #0163F0 0%, #4892FE 100%);
}

.custom_radio_btn.custom_bg {
    border-radius: 5px;
    background: linear-gradient(90deg, #FF7105 0%, #FF9443 100%);


}

.custom_radio_btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}


.custom_radio_btn .checkmark {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 15px;
    width: 15px;
}


/* .custom_radio_btn:hover input~.checkmark {
    background: url('../img/check_op.svg');
    background-size: 15px;
    background-repeat: no-repeat;
} */


.custom_radio_btn input:checked~.checkmark {
    background: url('../img/check_op.svg');
    background-size: 15px;
    background-repeat: no-repeat;
}


.custom_radio_btn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


.custom_radio_btn input:checked~.checkmark:after {
    display: block;
}


.custom_radio_btn .checkmark:after {
    top: 9px;
    right: 9px;
    width: 8px;
    height: 8px;
}




.choose_sms_option .choose_sms_inner {
    display: flex;
    align-items: center;
    gap: 10px;

}





.custom_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.custom_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom_checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    border-radius: 5px;
    width: 25px;
    background-color: #ffffff;
}



.custom_checkbox input:checked~.checkmark {
    background-color: #0056D2;
}

.custom_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom_checkbox input:checked~.checkmark:after {
    display: block;
}

.custom_checkbox .checkmark:after {
    left: 10px;
    top: 6px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}





.accept_conditions .custom_checkbox {
    margin-top: 10px;
    padding-left: 0;
    display: flex;
    align-items: center;
    padding-left: 35px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.accept_conditions .custom_checkbox span {
    display: block;
    margin-top: 5px;
}

.accept_conditions .custom_checkbox .checkmark {
    top: -6px;

}

.step_img {
    position: relative;
    padding-bottom: 80%;
    overflow: hidden;
    border-radius: 30px;
}

.step_img img {
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
}

.step_progress p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 41px;
    margin: 0;
}

.step_progress .step_box span {
    border-radius: 30px;
    background: #fff;
    width: 52px;
    height: 10px;
    display: inline-block;
}

.step_progress .step_box span.active {
    background: #0163F0;
}

.align_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.form_title_box {
    text-align: center;
    margin-bottom: 60px;
}

.form_title_box.main_title h2 {
    margin-bottom: 10px;
}

.form_title_box h3 {
    color: #000;
    font-size: 35px;
    font-weight: 500;
    line-height: normal;
}


.select_box {
    background-image: url('../img/arrow_dropdwon.svg');
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 15px;
    border-radius: 10px;
    background-color: #FFF;
    width: 100%;
    padding: 16px 15px;
    border: none;
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    appearance: none;
}

.select_box:focus {
    outline: none;
}

.step_1field .btn_commn::after {
    background-image: url('../img/arrow_next.svg');
}

.btn_commn.back_btn {
    justify-content: end;

}

.btn_commn.back_btn::after {
    right: auto;
    background-image: url('../img/arrow_bac.svg');
    left: 10px;
}

.select_2box .select2-container--bootstrap-5 .select2-selection {}

.select2-container .select2-search--inline {
    list-style: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    background-image: url('../img/arrow_dropdwon.svg');
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    background-size: 15px;
    height: 60px;
    border-radius: 10px;
    border: none;
    display: flex !important;
    overflow: hidden;
    padding-left: 0;
    padding: 15px;
    border-radius: 10px;
    flex-wrap: wrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #fff;
    overflow: auto;
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 16px;
    margin-top: 5px;
    padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.select2-container .select2-search--inline .select2-search__field {

    width: 90% !important;
}

.select_2box .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected,
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
    background-color: #0056D2 !important;
}

.select_2box .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    top: 0px;

}

.select2-dropdown {
    overflow: auto;
    height: 37vh;
}

.stp2_check_box .custom_checkbox {
    padding: 0;
    flex: 1 0 calc(33% - 10px);
    text-align: center;
    padding: 15px;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.stp2_check_box .custom_checkbox .checkmark:after {
    left: unset;
    top: unset;
    width: unset;
    height: unset;
    border: unset;
    border-width: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
}

.stp2_check_box .custom_checkbox img {
    margin-bottom: 10px;
}

.edit_profile_sec .stp2_check_box .custom_checkbox img {
    width: 50px;

}

.stp2_check_box .custom_checkbox p {
    margin: 0;
    position: relative;
    z-index: 1;
    color: #000;
    text-align: center;
    font-size: 13px;
    font-style: normal;
    font-weight: 450;
    line-height: 18px;
}

.stp2_check_box .custom_checkbox input:checked~.checkmark {
    background-color: #BED9FF;
    border: 1px solid #0056D2;
}

.stp2_check_box {
    display: flex;
    align-items: start;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.stp2_check_box .custom_checkbox .checkmark {
    height: 100%;
    width: 100%;
}

.stp2_check_box .custom_checkbox img {
    z-index: 1;
    position: relative;
}



.add_experience_content {
    text-decoration: none;
    color: #989898;
    border: 1px dashed #0163F0;
    display: block;
    padding: 20px;
    border-radius: 15px;
}

.add_experience_content .add_experience {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
}

.add_experience_content .add_experience h3 {
    margin: 0;
    color: #989898;
    font-size: 18px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}

.add_experience_content .add_experience span {
    color: #989898;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
}

.add_experience_content .add_experience .add_experience_inner {
    display: flex;
    align-items: center;
    gap: 10px;
}


.limit_text {
    color: #6E6E6E;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    text-align: end;
    margin-top: 10px;
}

.add_field {
    max-width: 100%;
    width: 40px;
}




.add_experince_modal .notify_box {
    border-radius: 20px;
    background: #FFFAF5;
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.add_experince_modal .notify_box h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.add_experince_modal .notify_box p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.add_experince_modal .notify_box .notify_swicth input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.add_experince_modal .notify_box .notify_swicth label {
    cursor: pointer;
    text-indent: -9999px;
    width: 82px;
    height: 39px;
    background: #cfcfcf;
    display: block;
    border-radius: 100px;
    position: relative;
}

.add_experince_modal .notify_box .notify_swicth label:after {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}

.add_experince_modal .notify_box .notify_swicth input:checked+label {
    background: #FF7003;
}

.add_experince_modal .notify_box .notify_swicth input:checked+label:after {
    left: calc(100% - 5px);
    transform: translateX(-100%);
}

.add_experince_modal .notify_box .notify_swicth label:active:after {
    width: 130px;
}

.indicated_require {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    margin: 20px 0;
}

.modal_form_filed_sec .modal_form_filed_inner .form_field_item {
    position: relative;
}

.modal_form_filed_sec .modal_form_filed_inner .form_field_item label {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    display: block;
}

.modal_form_filed_sec .modal_form_filed_inner .form_field_item input {
    border-radius: 10px;
    background: #ECECEC;
    width: 100%;
    padding: 14px;
    outline: none;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}

.modal_form_filed_sec .modal_form_filed_inner .form_field_item textarea {
    border-radius: 10px;
    background: #ECECEC;
    width: 100%;
    padding: 14px;
    outline: none;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
}


.modal_form_filed_sec .modal_form_filed_inner .form_field_item select {

    border-radius: 10px;
    background-color: #ECECEC;
    width: 100%;
    padding: 14px;
    outline: none;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    appearance: none;
    background-image: url('../img/arrow_dropdwon.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);

}

.modal_form_filed_sec .modal_form_filed_inner .form_field_item input:focus {
    outline: none;
}

.modal_form_filed_sec .add_experience_item11 .custom_checkbox .checkmark {
    background-color: #D2E5FF;
}

.modal_form_filed_sec .add_experience_item11 .custom_checkbox .checkmark:after {
    border: solid #085dd7;
    border-width: 0 3px 3px 0;
}

.skills_add_box {
    display: none;
}

.skills_add_box a h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.skills_add_box a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 10px;
    background: #FFFAF5;
    padding: 15px;

}

.skills_add_box a .skills_add_text span {
    color: #616161;
    font-size: 14px;
    font-weight: 400;
}

.submit_btn.save_btn {
    line-height: 24px;
    justify-content: center;
    margin: 30px auto 0;
}


.organization .attachment input {
    padding: 21px 55px 21px 15px !important;
}




/* career page css start */

.career_banner {
    background-image: url('../img/banner_career.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    position: relative;
}

.career_banner::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(19, 16, 16, 0.66);

}

.career_banner_title {
    position: relative;
    z-index: 1;
}

.career_banner_title h1 {
    color: #FF7003;
    text-align: center;
    font-size: 58px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    display: block;
}

.career_banner_title h2 {
    color: #FFF;
    text-align: center;
    font-size: 97px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.career_banner_title p {
    color: #FFF;
    text-align: center;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 auto;
    width: 70%;
}

.present_text h3 {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 33px;
}

.opportunities_sec .opportunities_inner {
    display: flex;
    align-items: end;
    gap: 20px;
    width: 100%;
    margin: auto;
    justify-content: start;
    flex-wrap: wrap;
}

.opportunities_sec .opportunities_inner .opportunities_select {
    flex: 0 0 calc(41% - 20px);
}

.opportunities_sec .opportunities_inner .opportunities_select label {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    margin-bottom: 15px;
}

.opportunities_sec .opportunities_inner .opportunities_select select {
    border-radius: 15px;
    border: 1px solid #B9B9B9;
    background-color: #F0F0F0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    padding: 20px;
    appearance: none;
    background-image: url('../img/arrow_dropdwon.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 15px);
}

.opportunities_sec .opportunities_inner .opportunities_btn {
    flex: 0 0 10%;
}

.opportunities_sec .opportunities_inner .opportunities_btn .submit_btn {
    border-radius: 10px;
    height: 60px;
}

.job_list_sec {
    border-radius: 30px;
    background: #E6EFFC;
    margin: 0 30px;
    padding: 48px 0;
}

.job_list_sec .job_box {
    border-radius: 15px;
    background: #FFF;
    padding: 30px;
    position: relative;
}

.job_list_sec .job_box .icon_arrow_job {
    position: absolute;
    top: 15px;
    right: 15px;
}

.job_list_sec .job_box .job_discription h4 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.job_list_sec .job_box .job_discription P {
    color: #6B6B6B;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.job_list_sec .job_box .job_box_inner {
    display: flex;
    align-items: end;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 30px;
}

.job_list_sec .job_box .job_box_inner .job_box_item {
    display: flex;
    align-items: start;
    gap: 15px;
}

.job_box_item_img img {
    width: 120px;
    border-radius: 100px;
    flex: 0 0 120px;
    height: 120px;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content h3 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content h6 {
    color: #000;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content p img {
    width: 20px;
    height: 20px;
}

.job_list_sec .job_box .job_box_inner .job_box_item .job_content span img {
    width: 20px;
    height: 20px;
}


.pegination_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 60px;
}

.pegination_box ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pegination_box ul li {
    list-style: none;
}

.pegination_box ul li.prev a {
    border-radius: 10px;
    background: #FF7003;
    width: 90px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.pegination_box ul li.next a {
    border-radius: 10px;
    background: #FF7003;
    width: 90px;
    height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.pegination_box ul li.active a {
    background: #0163F0;
    color: #FFF;

}


.pegination_box ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    padding: 5px;
    height: 52px;
    border-radius: 10px;
    background: #D9D9D9;
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.img_details img {
    max-width: 100%;
    border-radius: 30px;
}

.job_list_sec.joblist_details {
    background: transparent;
}

.key_skills_sec .skils_box {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.key_skills_sec .skils_box span {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    margin-bottom: 30px;
}

.key_skills_sec .skils_box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    padding: 0px 0px 0 15px;
    justify-content: start;
}

.key_skills_sec .skils_box ul li {
    color: #000;
    font-size: 20px;
    font-style: normal;
    flex: 1 0 calc(15% - 25px);
    font-weight: 400;
    line-height: 39px;
}

.key_skills_sec {
    border-radius: 30px;
    background: #F0F6FF;
    margin: 0 30px;
    padding: 30px 0;
}

.job_dis_sec {
    border-radius: 30px;
    background: #F0F6FF;
    margin: 50px 30px;
    padding: 30px 0;
}

.job_dis_sec .job_dis_item span {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    margin-bottom: 30px;
}

.job_dis_sec .job_dis_item p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 39px;
}

.iti {
    display: block !important;
}

.personal_info h4 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}



/* career page css end */






/* solution pages css start  */

.solution_banner_sec {
    margin: 30px 0 60px;
}

.solution_banner_sec .solution_banner_img img {
    width: 100%;
    border-radius: 30px;
}

.solution_banner_sec .solution_banner_img .image {
    position: relative;
    padding-bottom: 42%;
    overflow: hidden;
}

.solution_banner_sec .solution_banner_img .image img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    object-fit: cover;
    max-height: 100%;
}

.solution_banner_sec .solution_banner_img {
    position: relative;
}

.solution_banner_sec .solution_banner_img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 0px 0px 30px 30px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);

}

.solution_banner_sec .solution_banner_title h2 {
    color: #FFF;
    font-size: 60px;
    font-weight: 700;
}

.solution_banner_sec .solution_banner_title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
    padding: 30px;
}

.solution_banner_sec .solution_banner_title h2 span {
    color: #FF7003;
}

.solution_banner_sec .solution_banner_title p {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 33px;
    margin: 0;
}

.subtitle p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}


.bg_outgap {
    margin: 60px 30px;
    padding: 60px 0;
    border-radius: 30px;
}

.science_solutions_img {
    overflow: hidden;
    border-radius: 30px;
    position: relative;
}

.science_solutions_img img {
    max-width: 100%;
    width: 100%;
    transition: transform 0.3s ease-in-out;

}

.science_solutions_img img:hover {
    transform: scale(1.1);
}


.gap {
    padding: 0px 0 80px;
}

.bg_light_grey {
    background-color: #FAFAFA;
}

.References_list h5 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}




.smid_tools_sec .smid_tools_box {
    margin-bottom: 30px;
}

.smid_tools_sec .smid_tools_box .smid_img_box {
    position: relative;

}

.smid_tools_sec .smid_tools_box .smid_img_box span {
    color: #FF7003;
    font-family: Arial;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 20px;
}


.smid_tools_sec .smid_tools_box .smid_img_box .smid_img {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
    border-radius: 20px;
    margin-bottom: 20px;

}

.smid_tools_sec .smid_tools_box .smid_img_box .smid_img::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0px 0px 20px 20px;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    left: 0;
    height: 120px;
}

.smid_tools_sec .smid_tools_box .smid_img_box .smid_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.smid_tools_sec .smid_tools_box .smid_img_box .smid_img img:hover {
    transform: scale(1.1);
}

.smid_tools_sec .smid_tools_box .smid_tools_content h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 1;
    -webkit-box-orient: vertical;
}

.smid_tools_sec .smid_tools_box .smid_tools_content p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px;
    overflow: hidden;
    display: -webkit-box;
    height: 70px;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.uniq_btn.review .btn_commn {
    width: 100%;
    display: flex;
    justify-content: center;
}

.linktxt {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.faq_itm {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 56px;
}

.main_title.faq_itm h2 {
    margin-bottom: 0;
}

.accordion-item:not(:first-of-type) {
    border-top: 1px;
    border: 1px solid #eee;
}


/* solution pages css end  */



/* RAR Ai tool css start  */

.bg_board {
    /*    background-image: url('../img/RARAIToolbg.png');*/
    background-image: url('../img/RARAIToolbg.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh - 74px);
    width: 100%;
    padding: 10px 0 !important;
}

.main_box {
    border-radius: 30px;
    border: 1px solid rgb(255 255 255);
    background: rgb(255 255 255 / 12%);
    width: 100%;
    position: relative;
    overflow: hidden;
    height: calc(100vh - 90px);
}

.main_box_inner {
    display: flex;
    align-items: start;
    gap: 20px;
    overflow: auto;
    overflow-x: hidden;
    padding: 0px;
    height: calc(100vh - 90px) !important;
}

.main_box_inner .content_box {
    flex: 0 0 calc(80% - 20px);
    margin-top: 15px;
    width: calc(80% - 20px);
}

.RAR_tool .main_box_inner .content_box {
    flex: 0 0 calc(80% - 30px);
}

.smid_main_dv .main_box_inner .content_box {
    flex: 0 0 calc(80% - 30px);
}

.sidebar_sec {
    flex: 0 0 20%;
    border-radius: 0;
    background: linear-gradient(180deg, #ffffff 0%, rgba(244, 244, 244, 0.00) 100%);
    overflow: hidden;
}

/*.sidebar_sec .sidebar_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 92px);
    padding: 0px;
}*/


.sidebar_sec .sidebar_inner .siderbar_profile {
    border-radius: 0;
    background: rgba(255, 255, 255, 0.50);
    text-align: center;
    padding: 14px;
    margin-bottom: 20px;
}

.sidebar_sec .sidebar_inner .siderbar_profile img {
    width: 70px;
    height: 70px;
    border-radius: 100px;
    object-fit: cover;
    margin-bottom: 15px;
    border: 1px solid #aeaeae;
}

.sidebar_sec .sidebar_inner .siderbar_profile h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 0;
}

.sidebar_sec .sidebar_inner .siderbar_profile span {
    color: #8B8B8B;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sidebar_sec .sidebar_inner .sidebar_link ul {

    padding: 0;
    margin: 0;


}

.sidebar_sec .sidebar_inner .sidebar_link ul li {
    list-style: none;
}

.sidebar_sec .sidebar_inner .sidebar_link ul li button {
    background: transparent;
    border: none;
    padding: 11px;
    font-size: 16px;
    color: #000;
    display: flex;
    align-items: center;
    gap: 15px;
}

.sidebar_sec .sidebar_inner .sidebar_link ul li button img {
    /* filter: brightness(0); */
    width: 25px;
}

/* .sidebar_sec .sidebar_inner .sidebar_link ul li:hover button {
    color: #0163F0;

}

.sidebar_sec .sidebar_inner .sidebar_link ul li:hover button img {
    filter: brightness(1);

} */

.sidebar_sec .sidebar_inner .sidebar_link ul li a img {
    /* filter: brightness(0); */
    width: 25px;
}

.sidebar_sec .sidebar_inner .sidebar_link ul li.active a img {
    filter: brightness(0) invert(1);
}

.sidebar_sec .sidebar_inner .sidebar_link ul li a {
    color: #000;
    font-size: 16px !important;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 12px 11px;
    transition: background 0.4s ease-in-out, color 0.3s ease-in-out;
}

.sidebar_sec .sidebar_inner .sidebar_link ul li.active a {
    border-radius: 0;
    background: #f67c1e;
    color: #ffffff;
    transition: background 0.4s ease-in-out, color 0.3s ease-in-out;
}

.rar_details_box {
    border-radius: 15px;
    background: #FFF;
    padding: 30px 40px;
    text-align: center;
}

.rar_details_box img {
    width: 91px;
    height: 91px;
    margin-bottom: 20px;
}

.rar_details_box h3 {
    color: #000;
    text-align: center;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.rar_details_box p {
    color: #000;
    text-align: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    margin: 0;
}

.btn_gap {
    margin: auto;
    text-align: center;
    margin: 50px 0;
}

.rar_item {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    margin-bottom: 55px;
}

.activity_sec .rar_item {
    margin-bottom: 10px;
}


.rar_item.main_title h2 {
    margin: 0;
    flex: 0 0 35%;
}

.toggle_btn1 {
    background-color: transparent;
    border: none;

}

.toggle_btn1 img {
    width: 35px;
}

.toggle_btn1.active img {
    transform: rotate(180deg);
}

.toggle_btn1 span {
    background: #000;
    height: 4px;
    width: 35px;
    display: block;
    margin-bottom: 3px;
    border-radius: 20px;

}

.toggle_btn1 {
    display: none;
    position: absolute;
    top: 21px;
    right: 11px;
    z-index: 1000;
}

.toggle_btn1.active span:nth-child(2) {
    display: none;
}

.toggle_btn1.active span:nth-child(1) {
    transform: rotate(-45deg);
}

.toggle_btn1.active span:nth-child(3) {
    transform: rotate(45deg);
    position: relative;
    top: -6px;
}

.fx_050 {
    flex: 0 0 calc(50% - 15px);
}

.fx_50 {
    flex: 0 0 calc(50% - 15px);
}

.fx_5 {
    flex: 0 0 0%;
}

.step_process {
    position: relative;
    margin-bottom: 20px;
}

.step_process .step_number {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    top: 34px;
    left: 0px;
    width: 100%;
}

.step_process .step_number span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 100px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 40px;
    height: 40px;
}

.step_process .step_number span.active {
    background-color: #0163F0;
    color: #fff;
}

.step_process .progress.custom_progress {
    height: 10px;
    background: #fff;
}

.step_process .progress.custom_progress .w-25 {
    width: 8% !important;
}

.step_process .step_text {
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    gap: 10px;
}

.step_process .step_text span {
    color: #000;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.filed_box {
    margin-bottom: 15px;
}

.filed_box label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.filed_box .input_field input {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    padding: 12px;
    width: 100%;
    height: 60px;
}

.filed_box.Upload .input_field {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    width: 100%;
    height: 60px;
}

.filed_box .input_field textarea {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    width: 100%;
    padding: 15px;
}

.filed_box.Upload .input_field {
    position: relative;
}

.filed_box.Upload .input_field input {
    opacity: 1;
    width: 100%;
    height: 60px;
    border-radius: none;
    height: auto;
    border: none;
}

.video_text_box {
    position: relative;
}

.video_text_box .voice_text_icon {
    position: absolute;
    bottom: 22px;
    right: 14px;
}


.video_text_box .voice_text_icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.video_text_box .voice_text_icon img {
    width: 20px;
    height: 20px;
}

.video_text_box .voice_text_icon span {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #0163F0 50%, rgba(255, 255, 255, 0.00) 100%);
    width: 1px;
    height: 16px;
}

.icon_commn_field {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.rar_img {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden;
    border-radius: 30px;
}

.rar_img img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}



.modal_form_field .wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-items: space-between;
    margin: 50px 0 20px !important;
    justify-content: center;
}

.modal_form_field .wrapper input.field {
    width: 80px !important;
    height: 70px !important;
    font-size: 32px;
    border: none;
    border-radius: 10px;
    background: #F0F0F0;
    text-align: center;
    text-transform: uppercase;
    color: #093030;
    margin-bottom: 25px;
}

.modal_form_field .wrapper input.field:focus {
    outline: none;
}




.learning_sec .learning_inner .learning_title h2 {
    color: #000;
    font-size: 30px;
    font-weight: 700;
}

.learning_sec .learning_inner .learning_title p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.learning_sec .learning_inner .learning_title h5 {
    color: #FF7003;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

/* .learning_sec .learning_inner .learning_questions h6 {
    color: #000;
    font-size: 19px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
} */

/* .learning_sec .learning_inner .learning_questions ul {
    padding: 15px;
    margin: 0;
} */

/* .learning_sec .learning_inner .learning_questions ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
} */

/* .learning_sec .learning_inner .learning_questions ul li::marker {
    color: #FF7003;
} */

.key_benefits::marker {
    color: #FF7003;
}

/* .key_benefits ul {
    padding: 15px;
    margin: 0;
} */

.key_benefits h2 {
    color: #FF7003;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

/* .key_benefits ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
} */

/* .learning_sec .learning_inner .learning_questions p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
} */

.learning_sec .learning_inner .other_method {
    margin-bottom: 30px;
}

.learning_sec .learning_inner .other_method h3 {
    color: #FF7003;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.learning_sec .learning_inner .other_method .other_method_link {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.learning_sec .learning_inner .other_method .other_method_link a {
    display: inline-flex;
    justify-content: start;
    align-items: center;
    gap: 8px;
    color: #fff;
    border-radius: 5px;
    background-color: #4E96FF;
    background-image: url('../img/link.svg');
    background-position: calc(100% - 10px);
    background-repeat: no-repeat;
    padding: 6px 39px 6px 7px;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.learner_name {
    margin-bottom: 30px;
}

.learner_name h2 {
    color: #0163F0;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.learner_name span {
    color: #989898;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}





.answer_item span {
    color: #FF7003;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.answer_item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.que_item span {
    color: #0163F0;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.que_item p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.laguage_select {
    border-radius: 35px;
    border: 1px solid #0163F0;

}





.modal_form_field .wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-items: space-between;
    margin: 50px 0;
}

.modal_form_field .wrapper input.field {
    width: 119px;
    height: 99px;
    font-size: 32px;
    border: none;
    border-radius: 10px;
    background: #F0F0F0;
    text-align: center;
    text-transform: uppercase;
    color: #093030;
    margin-bottom: 25px;
}

.modal_form_field .wrapper input.field:focus {
    outline: none;
}


.edit_profile_sec .main_title img {
    width: 30px;
}

.edit_profile_sec .main_title {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 10px;
    padding: 0 !important;
}

.edit_profile_sec .main_title h2 {
    font-size: 25px;
    margin: 0;
}

.edit_profile_sec .main_box_inner {
    height: 100%;
    padding: 0;
}

/* .editprfile_main_box {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, rgba(240, 246, 255, 0.20) 0%, rgba(244, 244, 244, 0.00) 100%);

    overflow: hidden;
} */

.setting .editprfile_main_inner {
    margin-top: 15px;
}



.editprfile_main_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 176px);
    /* padding: 20px; */
    padding-right: 20px;
}

.edit_image_box {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
}

.edit_image_box .upload_profile {
    margin: unset;
}

.edit_profiletitle h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}


.edit_profiletitle span {
    color: #939393;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}

.personal_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
}

.personal_title h3 {
    color: #0070f3;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.personal_title a {
    color: #0163F0;
    font-size: 25px;
    font-weight: 500;
}

.white_field_box label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 6px;
}

.white_field_box {
    margin-bottom: 15px;
}

.white_field_box .white_field {
    position: relative;
}

.white_field_box .white_field input {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.73);
    padding: 16px;
    width: 100%;
    outline: none;
    color: #6E6E6E !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 50px;
    border: none;
}



/*.white_field_box.dollar_box.price input{
    font-size: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    color: #000;
}*/

.white_field_box .white_field textarea {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.73);
    padding: 16px;
    width: 100%;
    color: #6E6E6E;
    outline: none;
    font-size: 16px;
    border: none;
}


.white_field_box .white_field select {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.73);
    width: 100%;
    height: 50px;
    outline: none;
    border: none;
    padding: 16px 40px 16px 20px;
    background-image: url('../img/arrow_dropdwon.svg');
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px);
    appearance: none;
    color: #6e6e6e;
}

.whitefiled_icon {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
}

.whitefiled_icon img {
    width: 20px;
}

.select_2box .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__clear,
.select2-container--bootstrap-5 .select2-selection--single .select2-selection__clear {
    top: 0px !important;
    right: 13px !important;
    position: absolute;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: .35em .65em;
    margin-right: .375rem;
    margin-bottom: .375rem;
    font-size: 15px;
    color: #212529;
    cursor: auto;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    margin-bottom: 0 !important;
}

.middle_scroll {
    overflow: hidden;
    margin-top: 15px;
}

.middle_scroll .middle_scroll_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 341px);
    padding: 0 15px 20px 0;
}

.middle_scroll .middle_scroll_inner.simd_tools_first {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 244px);
    padding: 15px;
}

.back_img {
    width: 40px;
}

.lang-dropdown {
    position: relative;
    display: inline-block;
    border: 1px solid #0066ff;
    border-radius: 50px;
    padding: 7px 10px;
    background: transparent;
    color: #0066ff;
    cursor: pointer;
    min-width: 120px;
    color: #0163F0;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;

    line-height: normal;
}

.lang-dropdown .selected {
    display: flex;
    align-items: center;
    gap: 6px;
}

.lang-dropdown img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.lang-dropdown .arrow {
    margin-left: auto;
    font-size: 10px;
}

.lang-options {
    display: none;
    position: absolute;
    background-color: #fff;
    color: #000;
    min-width: 100%;
    border: 1px solid #ccc;
    border-radius: 6px;
    margin-top: 5px;
    z-index: 1;
}

.lang-options.show {
    display: block;
}

.lang-options div {
    padding: 8px 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 6px;
}

.lang-options div:hover {
    background-color: #f0f0f0;
}

.lang-options img {
    width: 20px;
    height: 20px;
}



.modal_answer_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    /* margin-bottom: 30px; */
}

.modal_answer_box h6 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.modal_questions_itm h5 {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.modal_questions_itm ul li {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 5px;
}

.recommendation_box {
    margin-top: 30px;
}

.recommendation_box h2 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.recommendation_box h5 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.questions_box_sec22 .questions_box_item22 {
    margin-bottom: 15px;
}

.score_card_sec {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;

}

.score_card_inner {
    height: calc(100vh - 267px);
}

.score_card .card {
    width: 100%;
    height: 250px;
    border-radius: 30px;
    background: linear-gradient(180deg, #4E96FF 0%, #0163F0 100%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    position: relative;
    margin-bottom: 8px;
    padding: 15px;
}

.score_card .progress-circle {
    width: 160px;
    height: 160px;
    position: relative;
}

.score_card .progress-circle svg {
    transform: rotate(-90deg);
}

.score_card .progress-circle circle {
    fill: none;
    stroke-width: 12;
    stroke-linecap: round;
}

.score_card .bg {
    stroke: #fff;
}

.score_card .progress2 {
    stroke: #ff6b01;
    stroke-dasharray: 440;
    stroke-dashoffset: 440;
    transition: stroke-dashoffset 1s ease-out;
}

.score_card .score {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
}

.score_card .score h2 {
    color: #FFF;
    text-align: center;
    font-family: Oswald;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.score_card .score p {
    margin: 0;
    font-size: 16px;
}

.score_card .title {
    margin-top: 15px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.score_card .win-emoji {
    position: absolute;
    font-size: 34px;
    display: none;
    animation: bounce 1s infinite ease-in-out;
    transform: translate(-50%, -50%);
}

@keyframes bounce {

    0%,
    100% {
        transform: translate(-50%, -50%) scale(1);
    }

    50% {
        transform: translate(-50%, -60%) scale(1.15);
    }
}


.title_rar {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}





.activity_sec .activity_title h6 {
    color: #FF7003;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.activity_sec .activity_title h2 {
    color: #0163f0;
    font-size: 22px;
    font-style: normal;
    font-weight: 5000;
    line-height: normal;
    margin-bottom: 15px;
}

.activity_sec .activity_box .activity_box_inner img {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto 40px;

}

.activity_sec .activity_box .activity_box_inner span {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
}

.activity_sec .activity_box {
    text-align: center;
    border-radius: 15px;
    border: 2px solid #FFF;
    background: linear-gradient(181deg, #F1F7FF -90.46%, rgba(160, 199, 255, 0.00) 98.79%);
    padding: 30px 30px;
    position: relative;
    margin-bottom: 10px;
}

.activity_arrow {
    position: absolute;
    top: 10px;
    right: 10px;
    max-width: 100%;
}

.activity_arrow img {
    width: 43px;
}

.activity_title_box h5 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: inline-block;
    border-radius: 40px;
    border: 1px solid #FFF;
    background: linear-gradient(90deg, #ECECEC 0%, #FFF 100%);
    padding: 12px 30px;
    margin: 0;
    margin-bottom: 10px;
}


.other_activity_sec {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, rgba(238, 238, 238, 0.20) 0%, rgba(255, 255, 255, 0.20) 100%);
    backdrop-filter: blur(27px);
    padding: 15px;
    width: 100%;
}

.other_activity_sec .other_activity_inner .other_activity_box {
    margin-bottom: 10px;
    position: relative;
}

.other_activity_sec .other_activity_inner .other_activity_box .other_activity_content {
    display: flex;
    align-items: center;
    gap: 15px;
    position: relative;
}

.other_activity_sec .other_activity_inner .other_activity_box .other_activity_content img {
    position: relative;
    right: auto;
    top: auto;
    width: 35px;
}

.other_activity_sec .other_activity_inner .other_activity_box img {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 35px;
}


.other_activity_sec .other_activity_inner .other_activity_box .other_activity_content h4 {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.other_activity_sec .other_activity_inner .other_activity_box {
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.52);
    background: linear-gradient(90deg, rgba(161, 200, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
    padding: 15px 35px 15px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
}

/* RAR Ai tool css End  */




/* simd tool css start */



.simd_title h3 {
    color: #0163F0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: 38px;

}

.simd_title.scenario h3 {
    color: #0163F0;
}

.simd_title p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.simd_question_sec .simd_question_item .simd_question_title h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.simd_question_sec h6 {
    color: #000;
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


.mcq_question_checkbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.80);
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 20px 20px;
    user-select: none;
}

.mcq_question_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 0;
    width: 0; */
}

.mcq_question_checkbox .checkmark {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 25px;
    border-radius: 30px;
    border: 1px solid #0163F0;
    width: 25px;
}

.mcq_question_checkbox input:checked~.checkmark {
    background-color: #E0FFD8;
    width: 100%;
    height: 100%;
    top: 0;
    border: 1px solid #48B02C;
    left: 0;
    border-radius: 10px;
    z-index: 0;
}

.mcq_question_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.mcq_question_checkbox input:checked~.checkmark:after {
    display: block;
}

.mcq_question_checkbox .checkmark:after {
    right: 20px;
    top: 20px;
    width: 10px;
    height: 16px;
    border: solid #48b02c;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);

}

.mcq_question_checkbox span {
    position: relative;
    z-index: 1;
    width: 90%;
    display: block;
}

.step_process .progress.custom_progress .w-25 {
    width: 12% !important;
}

.step_process .progress.custom_progress .w-35 {
    width: 32% !important;
}

.step_process .progress.custom_progress .w-58 {
    width: 58% !important;
}

.scoring_pattern {
    margin-top: 30px;
}

.scoring_title h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}

.scoring_box {
    border-radius: 20px;
    background: #c9deff;
    padding: 18px;
    margin-bottom: 15px;
}

.scoring_box h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}


.scoring_box span {
    border-radius: 10px;
    background: #FFF;
    padding: 15px 20px;
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    display: inline-block;
    transition: 0.5s;
    cursor: pointer;
}

.scoring_box span:hover {
    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.25);
}


.table_sec {
    margin-top: 20px;
}

.table_box table {
    overflow: hidden;
    border-radius: 15px;
}

.table_box table thead:first-child tr {
    border-style: none;
    border: none;
}



.table_box table tr th,
td {
    border-right: 1px solid #F0F0F0;
}

.table_box table tr th:nth-child(3),
.table_box table tr td:nth-child(3) {
    border-right: none;
}

.table_box.tabel2 table tr th:nth-child(3),
.table_box.tabel2 table tr td:nth-child(3) {
    border-right: 1px solid #F0F0F0;
}

.table_box table tr td {

    padding: 15px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.table_box table thead tr th {
    border-bottom: none;
    border-right: 1px solid #F0F0F0;
    background: #E4EFFF;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 10px 15px 8px;
}

.table_box table tr:nth-child(3) td {
    border-bottom: none;
}

.interpreting_scores_sec {
    margin-top: 30px;
}

.interpreting_scores_sec .interpreting_scores_title h2 {
    color: #0163f0;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.interpreting_scores_box {
    border-radius: 20px;
    background: #FFF;
    padding: 20px;
    text-align: center;
}

.interpreting_scores_box .interpreting_icon img {
    width: 114px;
    height: 114px;
    margin-bottom: 20px;
}

.interpreting_scores_box h4 {
    color: #000;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.interpreting_scores_box p {
    color: #000;
    text-align: center;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.recommendations_base_score {
    border-radius: 30px;
    background: #FFF;
    padding: 30px;
    margin-bottom: 15px;
}

.recommendations_base_score h3 {
    color: #0163F0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 30px;
}

.recommendations_base_score h6 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
}


.overall_score {
    border-radius: 30px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.40);
    backdrop-filter: blur(42px);
    padding: 20px;
    height: 100%;
}

.overall_score .progress-circle {
    width: 250px;
    height: 250px;
    position: relative;
    margin: auto;
}

.overall_score .progress-circle svg {
    transform: rotate(-90deg);
}

.overall_score .progress-circle circle {
    fill: none;
    stroke-width: 12;
    stroke-linecap: round;
}

.overall_score .circle-bg {
    stroke: #b0b6bd;
}

.overall_score .circle-progress {
    stroke: #0070f3;
    stroke-dasharray: 502;
    stroke-dashoffset: 502;
    transition: stroke-dashoffset 0.3s ease;
}

.overall_score .circle-text {
    position: absolute;
    top: 49%;
    left: 52%;
    transform: translate(-50%, -50%);
    font-size: 32px;
    font-weight: 700;
    color: #0070f3;
}

.overall_score .progress_title_score h5 {
    color: #0163F0;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: center;

}

.progress_card {
    padding-top: 0px;
}

.blue_field_box .blue_field {
    position: relative;
}

.blue_field_box .blue_field .form_control {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    width: 100%;
    height: 60px;
    padding: 20px;
    width: 100% !important;
    display: block !important;
}

.blue_field_box .blue_field.new_date .form_control {
    border-radius: unset;
    border: unset;
    background: unset;
    width: 100%;
    height: unset;
    padding: unset;
    white-space: nowrap;
}

.blue_field_box .blue_field.new_date {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    width: 100%;
    height: 50px;
    padding: 20px;
    display: flex;
    align-items: center;
}

.blue_field_box label {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}


.uniqSwiper {
    padding: 0px 20px !important;
}

.table_custome_check_item {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}


.customtableradio {
    display: block;
    position: relative;
    cursor: pointer;
    color: #000;
    font-size: 15px;
    font-style: normal;
    flex: 1 0 48%;
    height: 33px;
    padding: 7px 29px 7px 10px;
    font-weight: 500;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 5px;
    border: 1px solid #FFF;
    background: #FFF;
}

.customtableradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 0;
    width: 0; */
}

.align-google-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.customtableradio .checkmark {
    position: absolute;
    top: 8px;
    right: 0;
    border-radius: 11px;
    height: 16px;
    width: 16px;
    border-radius: 30px;
    border: 1px solid #0163F0;
    background: #FFF;
}

.customtableradio span {
    z-index: 9;
    position: relative;
    white-space: nowrap;
}

.customtableradio input:checked~.checkmark {
    background-color: #8BBBFF;
    border: 1px solid #0163F0;
    height: 100%;
    width: 100%;
    top: 0;
    border-radius: 5px;
}

.customtableradio input:checked~.checkmark+span {
    color: #fff;
}

.customtableradio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.customtableradio input:checked~.checkmark:after {
    display: block;
}

.customtableradio .checkmark:after {
    right: 6px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.simd_table_sec table {
    border-radius: 15px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.40);
    overflow: hidden;
}

.simd_table_sec table th {
    background: rgba(1, 99, 240, 0.19);
    color: #000;
    text-align: start;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 10px 15px 8px;
    white-space: nowrap;
    padding: 15px 20px 15px 8px;
    border-right: 1px solid #eee;
}

.simd_table_sec table td {
    background: transparent;
    font-size: 16px;
}

.simd_table_sec table td .table_field input {
    border-radius: 3px;
    border: 1px solid #0163F0;
    width: 150px;
    background: #EDF4FF;
    padding: 10px;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.table_timer_picker {
    border-radius: 3px;
    border: 1px solid #0163F0;
    width: 200px;
    background: #EDF4FF;
    position: relative;

}

.table_timer_picker .custom-time-picker {
    position: relative;
    display: inline-block;
}

.table_timer_picker .custom-time-picker .whitefiled_icon {
    right: 2px;
}

.table_timer_picker .custom-time-picker input {
    background: transparent;
    width: 100%;
    border: none;
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 10px 10px 10px 10px;
    white-space: nowrap;
    width: 94px;
    height: 40px;
}

.table_timer_picker .time-dropdown {
    position: absolute;
    top: 38px;
    left: 0;
    background: white;
    border: 1px solid #ccc;
    max-height: 150px;
    overflow-y: auto;
    display: none;
    z-index: 10;
    width: 100%;
}

.table_timer_picker .time-option {
    padding: 6px 10px;
    cursor: pointer;
}

.table_timer_picker .time-option:hover {
    background-color: #f0f0f0;
}

.add_on {
    text-align: end;
}

.add_on img {
    max-width: 100%;
}



.graph_box .chart-box {

    max-width: 100%;
    margin-bottom: 60px;
}

.align_chart {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* .graph_box canvas {
    margin: 0 auto;
} */
.new_chart canvas {
    width: 248px !important;
    height: 248px !important;
}

.graph_box .legend-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 20px;
    margin-top: 15px;
}

.graph_box .legend-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.graph_box .dot {
    width: 12px;
    height: 12px;
    border-radius: 10px;
    display: inline-block;
}

.graph_box .green {
    background: #28a745;
}

.graph_box .yellow {
    background: #ffc107;
}

.graph_box .red {
    background: #dc3545;
}




.custome_blue_checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}

.custome_blue_check {
    display: block;
    position: relative;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 10px 60px 10px 10px;
    border-radius: 5px;
    border: 1px solid #FFF;
    background: #FFF;
}

.goalsetting_check .custome_blue_check {
    padding: 10px 40px 10px 10px;
}

.custome_blue_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    /* height: 0;
    width: 0; */
}

.custome_blue_check .checkmark {
    position: absolute;
    top: 8px;
    right: 6px;
    height: 22px;
    width: 22px;
    border-radius: 30px;
    border: 1px solid #0163F0;
}


.custome_blue_check span {
    position: relative;
    z-index: 9;
}


.custome_blue_check input:checked~.checkmark {
    border: 1px solid #0163F0;
    background-color: #8BBBFF;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 5px;
}

.custome_blue_check input:checked~.checkmark+span {
    color: #fff;
}

.custome_blue_check .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custome_blue_check input:checked~.checkmark:after {
    display: block;
}

.custome_blue_check .checkmark:after {
    right: 9px;
    top: 12px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.recommendations_base_score p {
    margin: 0;
}

.exam.recommendations_base_score h3 {
    color: #0163F0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 10px;
}


.journal_summary_sec span {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.journal_summary_sec .journal_summary_box {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.50);
    padding: 15px;
}

.journal_summary_sec .journal_summary_box h4 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.journal_summary_sec .journal_summary_box p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.journal_summary_box {
    margin-top: 10px;
}

.todyentry {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0;
    flex-wrap: wrap;
    gap: 10px;
}

.todyentry .todyentry_date span {
    color: #0163F0;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.todyentry .todyentry_date {
    border-radius: 5px;
    background: #FFF;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    gap: 10px;

}

.todyentry h4 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.daily .simd_table_sec table th {
    background: rgba(1, 99, 240, 0.19);
    color: #000;
    text-align: center;
    border-right: 1px solid #eee;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 20px 15px 8px;
    white-space: nowrap;
    vertical-align: baseline;
}

.daily_reflection_sec .daily_reflection_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
}

.daily_reflection_sec .daily_reflection_box .daily_rating {
    display: flex;
    align-items: center;
    gap: 10px;
}

.daily_reflection_sec .daily_reflection_box .daily_rating img {
    width: 28px;
}

.daily_reflection_sec .daily_reflection_box h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}


.Average_rating_scr_item span {
    border-radius: 5px;
    background: #E4EFFF;
    padding: 10px;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.Average_rating_scr_item img {
    width: 18px;
}

.Average_rating_scr_item_inner {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.table_box .progress {
    height: 10px;
}


.content_textsimd p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.content_textsimd h6 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 37px;
    margin: 0;
}

.Regulation_title h5 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}

.WeeklyCheck {
    margin-top: 20px;
}

.WeeklyCheck h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.WeeklyCheck h6 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.WeeklyCheck span {
    color: #000;
    display: inline-block;
    margin-bottom: 15px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.WeeklyCheck ul {
    margin: 0 0 20px;
    padding: 0;

}

.WeeklyCheck ul li {
    display: flex;
    align-items: center;
    gap: 15px;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
}


.filed_box .input_field .video_text_box select {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    width: 100%;
    background-image: url('../img/arrowIocn.svg');
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-size: 25px;
    appearance: none;
    padding: 15px 50px 15px 12px;
    max-width: 483px;
    width: 100%;
    height: 60px;
}

.Overall58 .video_text_box select {
    max-width: 100% !important;
}


.planing_before_sec h2 {
    color: #0163F0;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}


/* simd tool css end */




.owl-carousel .owl-nav {
    position: absolute;
    left: 50%;
    transform: translate(-50%);
}

.owl-carousel .owl-nav button.owl-prev {
    background-image: url('../img/next_1.svg') !important;
    background-size: 65px !important;
    font-size: 0 !important;
    width: 65px;
    height: 39px;
    font-size: unset;
    background-repeat: no-repeat !important;
    border-radius: 30px;
}

.owl-carousel .owl-nav button.owl-next {
    background-image: url('../img/previous_2.svg') !important;
    background-size: 64px !important;
    font-size: 0 !important;
    width: 64px;
    height: 39px;
    font-size: unset;
    background-repeat: no-repeat !important;
    border-radius: 30px;
}

.white_box_experience {
    border-radius: 10px;
    border: 1px dashed #0163F0;
    background: rgba(255, 255, 255, 0.70);
    padding: 20px;
    position: relative;
    height: 100%;
}

.edit_icon_exp {
    position: absolute;
    top: 12px;
    right: 12px;
}

.edit_icon img {
    width: 28px;
}

.white_box_experience .white_box_experience_title h3 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.align_td {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    font-family: arial;
}

.white_box_experience .add_education_item {
    display: flex;
    align-items: start;
    gap: 20px;
}

.white_box_experience .add_education_item .add_education_img img {
    border-radius: 10px;
    width: 60px;
    height: 60px;
}

.white_box_experience .add_education_item .degree_item a {
    word-break: break-all;
}

.white_box_experience .add_education_item .degree_item h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.white_box_experience .add_education_item .degree_item p strong {
    color: #000;
}

.white_box_experience .add_education_item .degree_item p {
    color: #616161;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}

.white_box_experience .add_education_item .degree_item span strong {
    color: #000;
}

.white_box_experience .add_education_item .degree_item span {
    color: #616161;
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.white_box_experience .add_education_item .skils_item span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.white_box_experience .add_education_item .media_item {
    display: flex;
    align-items: start;
    gap: 10px;
}

.white_box_experience .add_education_item .media_item img {
    width: 60px;
    height: 60px;
    border-radius: 5px;
}

.white_box_experience .add_education_item .media_item .media_text h3 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin: 0;

}

.white_box_experience .add_education_item .media_item .media_text p {
    color: #616161;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.publish_work_sec .publish_work_inner span {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 450;
    display: block;
    line-height: normal;
    margin-bottom: 10px;
}

.publish_work_sec .publish_work_inner .publish_work_dis {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.70);
    padding: 15px;


}

.publish_work_sec .publish_work_inner .publish_work_dis p {
    margin: 0;
    color: #616161;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.publish_work_sec .publish_work_inner .publish_work_box {
    position: relative;

}

.publish_work_sec .publish_work_inner .publish_work_box .publish_work_img {
    /* overflow: hidden;
    padding-bottom: 49%;
    position: relative; */
    height: 105px;
    width: 100%;
}

.publish_work_sec {
    height: 100%;
}

.publish_work_sec .publish_work_inner {
    height: 100%;
}

.publish_work_sec .publish_work_inner .publish_work_img .img_publick {
    /* min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    border-radius: 10px; */
    height: 100%;
    width: 100%;
    border-radius: 10px;
}

.publish_work_sec .publish_work_inner .publish_work_box .publish_work_icon {
    position: absolute;
    bottom: -4px;
    right: -4px;
}

.publish_work_sec .publish_work_inner .publish_work_box .publish_work_icon img {
    width: 27px;
    height: 27px;
}

.link input {
    color: #0163F0;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.public_main_sec {
    position: relative;
    margin-top: 30px;
}

.public_main_sec .edit_icon_exp {
    top: -12px;
}

/* .publish_work_sec.others_edit {
    height: auto;
}

.publish_work_sec.others_edit .publish_work_inner {
    height: auto;
}

.publish_work_sec.others_edit .publish_work_inner .publish_work_dis {
    height: auto;
} */




.bg_step2 {
    padding: 20px 0 !important;
}



.banner_image_preview {
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.70);
    background: rgba(255, 255, 255, 0.70);
    padding: 0;
    height: 211px;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.banner_image_preview .preview_img {
    height: 100%;
    width: 100%;
}

.banner_image_preview .video_preview {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.videoPreview {
    object-fit: cover;
}

.upload_image5 {
    position: relative;
    margin-top: 10px;

    border-radius: 10px;
    background: rgba(255, 255, 255, 0.70);
    height: 60px;

}

.upload_image5 input {
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 20px;
    position: relative;
    z-index: 1;
}

.upload_image5 a {
    border-radius: 10px;
    background: #FF7003;
    padding: 13px 20px;
    color: #fff;
    position: absolute;
    top: 5px;
    line-height: 26px;
    right: 4px;
    height: 51px;
}

.dollar_icon {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.dollar_icon img {
    max-width: 100%;
    width: 10px;
}

.dollar_box input {
    padding-left: 30px !important;
}

.add_chapter {
    margin-top: 10px;
    text-align: end;
    margin-top: -29px;
}

.add_chapter img {
    max-width: 100%;
    width: 28px;
}

.course_create .personal_title {
    margin-bottom: 5px;
}

.course_create .editprfile_main_inner {
    height: calc(100vh - 189px);
    padding-right: 10px;
}

/*.course_create.bg_board.edit_profile_sec .sidebar_sec .sidebar_inner {
    height: calc(100vh - 116px);
}*/

.edit_profile_sec.course_create .main_box_inner {
    height: 100%;
}

.edit_profile_sec.course_create.ALLCORSES .main_box_inner {
    height: calc(93vh - 40px);
    padding-right: 0;
}


.coursecreate .modal_btn_course {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.coursecreate .btn-close {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
}

.coursecreate .modal-body {
    padding: 60px 50px;
}

.coursecreate .modal-body h2 {
    color: #000;
    text-align: center;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.coursecreate .modal-body p {
    color: #0163F0;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: 44px;
}

.outline_btn {
    color: #FF7003;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 75px;
    border: 1px solid #FF7003;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.coursecreate .btn_orange {
    padding: 10px 30px;
}


.communitytab_sec .nav-pills .nav-link {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 15px 20px;
    border-radius: 20px;
    text-align: start;
    display: flex;
    align-items: center;
    gap: 10px;


}

.communitytab_sec .nav-pills {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: rgba(239, 239, 239, 0.30);
    padding: 10px;
}

.communitytab_sec .nav-pills .nav-item .nav-link img {
    width: 40px;
}

.communitytab_sec .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {

    background: #0163F0;

}

.communitytab_sec .nav-pills .nav-link.active {
    color: #fff;
}

.communitytab_sec .nav-pills .nav-link.active img {
    filter: brightness(0) invert(1);
}

.communitytab_sec .nav-pills {
    flex-wrap: unset;
}

.post_box {
    margin-bottom: 20px;
}

.post_box_sec .post_box_inner .post_box .post_box_profile {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 10px;

}

.post_box_sec .post_box_inner .post_box .post_box_profile .post_box_content img {
    width: 50px;
    border-radius: 80px;
}

.post_box_sec .post_box_inner .post_box .post_box_profile .post_box_content {
    display: flex;
    align-items: center;
    gap: 15px;
}

.post_box_sec .post_box_inner .post_box_profile .post_box_content h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.post_box_sec .post_box_inner .post_box_profile .post_box_content span {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.post_box_sec .post_box_inner .post_box {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: #F1F5FA;
    padding: 20px;

}

.post_box_sec .post_box_inner .post_box .dropdown_wrapper {
    position: relative;
    display: inline-block;
}

.post_box_sec .post_box_inner .post_box .dropdown_icon {
    cursor: pointer;
    display: inline-block;
}

.post_box_sec .post_box_inner .post_box .dropdown_menu {
    position: absolute;
    top: 120%;
    right: 0;
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease;
    z-index: 99;
}

.post_box_sec .post_box_inner .post_box .post_box_img {
    position: relative;
    overflow: hidden;
    padding-bottom: 30%;
    border-radius: 10px;
    margin-bottom: 25px;
}

.post_box_sec .post_box_inner .post_box .post_box_img img {
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.post_box_sec .post_box_inner .post_box #toggleDropdown:checked~.dropdown_menu {
    max-height: 300px;
    opacity: 1;
    pointer-events: auto;
}

.post_box_sec .post_box_inner .post_box .dropdown_menu ul {
    margin: 0;
    list-style: none;
    padding: 0;
}

.post_box_sec .post_box_inner .post_box .dropdown_menu ul li {
    padding: 8px 10px;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.2s ease;
    text-align: start;
    /* line-height: 31px; */
    width: 150px;
    gap: 8px;
    display: flex;
    font-weight: 500;
    border-bottom: 1px solid #d6d6d6;
    align-items: center;
}

.post_box_sec .post_box_inner .post_box .dropdown_menu ul li:last-child {
    color: #FF0000;
}

.post_box_sec .post_box_inner .post_box .dropdown_menu ul li:hover {
    background-color: #f2f2f2;
}

.post_box_sec .post_box_inner .post_box .post_box_watch {
    display: flex;
    align-items: center;
    gap: 10px;
}

.post_box_sec .post_box_inner .post_box .post_box_watch span {
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.post_box_sec .post_box_inner .post_box .post_box_title {
    position: relative;
    margin-bottom: 25px;
}

.post_box_sec .post_box_inner .post_box .post_box_title h2 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 15px;
    margin-top: 20px;
}

.post_box_sec .post_box_inner .post_box .post_box_title h2 span {
    color: #FF7003;

}

.post_box_sec .post_box_inner .post_box .post_box_title h3 {
    color: #0163f0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 15px;
    background: #ffffff6e;
    width: fit-content;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #0163f06e;
}

.post_box_sec .post_box_inner .post_box .post_box_title h3 img {
    width: 35px;
}

.post_box_sec .post_box_inner .post_box .post_box_title .community_form_btn {
    position: absolute;
    top: 0;
    right: 0;
}

.post_box_sec .post_box_inner .post_box .post_box_title h4 {
    color: #FF7003;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.post_box_sec .post_box_inner .post_box .post_box_title h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 30px;
}

.post_box_sec .post_box_inner .post_box .post_box_title h6 {
    color: #000;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 15px 0;
}

.red_color {
    color: #FF0100;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.post_img_inner_box {
    position: relative;

}

.post_img_inner_box::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 21px;
    background: rgba(0, 0, 0, 0.15);
}

.post_img_inner_box .link_btn {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
    z-index: 1;
}

.post_img_inner_box .link_btn a {
    color: #FFF;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 20px;
    background: #0163F0;
    padding: 15px 20px;
}

.green_color {
    color: #07E098;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;

}


.post_box_sec .post_box_inner .post_box .post_box_title p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    width: 80%;
}

.red_box01 {
    color: #FF7553;
    border-radius: 6px;
    background: #FFE1DA;
    padding: 5px 10px;
}

.green_box01 {
    padding: 5px 10px;
    border-radius: 6px;
    background: #E6FBF2;
    color: #1EAA7B;

}


.like_share_btn {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
}

.like_share_text {
    text-align: center;
}

.like_share_text span {
    display: block;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 4px;

}

.like_share_btn a img {
    max-width: 100%;
}

.repost_post {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: #F1F5FA;
    padding: 20px;
    margin-top: 20px;
}

.repost_post .post_box {
    border-radius: 20px;
    background: #FFF9F9 !important;
    border: none !important;
    margin-top: 30px;

}

.community_form .middle_scroll .middle_scroll_inner {
    height: calc(100vh - 217px);
}

.career_gudance_questions_add {
    width: 568px;
    max-width: 100%;
    height: 198px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 30px;
    border: 1px dashed #0163F0;
    background: rgba(239, 239, 239, 0.30);
    margin: auto;
    margin-top: 150px;
}

.career_gudance_questions_add span {
    color: #0163F0;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.coursecreate.add_questions_mdl .modal-body {
    padding: 15px 20px;
}

.coursecreate.add_questions_mdl .banner_image_preview {
    border-radius: 15px;
    border: 1px solid #EDF4FF;
    background: #EDF4FF;
}

.coursecreate.add_questions_mdl .upload_image5 {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
}

.questions_upload_cmmunity h1 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.questions_upload_cmmunity p {
    color: #616161;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
}


.others_tabs_community .nav-pills {
    display: inline-flex !important;
}


.blue_tags {
    border-radius: 30px;
    background: #0163F0;
    padding: 5px 20px;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.subject_label {
    display: inline-flex;
    margin-bottom: 15px;
    align-items: center;
    gap: 15px;
}

.subject_label .time_itm {
    color: #000;
    font-family: Arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


.courses_list_sec .courses_list_inner .courses_list_box {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #F0F6FF 0%, rgba(244, 244, 244, 0.00) 100%);
    padding: 15px;
    position: relative;
    overflow: hidden;
}



.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img {
    position: relative;
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item {
    position: relative;
    padding-bottom: 70%;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 10px;
}

.courses_list_sec .courses_list_inner {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;

}

.courses_list_sec .courses_list_inner .courses_list_box {
    flex: 0 0 calc(25% - 15px);
}

.courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item img {
    min-height: 100%;
    min-width: 100%;
    max-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.orange_tags {
    border-radius: 30px;
    background: #FF7003;
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 15px;
}

.courses_profile_c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    margin: 10px 0;
    flex-wrap: wrap;
}

.courses_profile_c .courses_profle {
    display: flex;
    align-items: center;
    gap: 10px;
}

.courses_profile_c .courses_profle span {
    font-size: 20px;
    font-weight: 500;
}

.courses_profile_c .courses_profle img {
    width: 25px;
    height: 25px;
    border-radius: 30px;
    object-fit: cover;
}

.courses_list_content h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.courses_list_content p {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;


}

.buy_item h6 {
    color: #000;
    font-family: Oswald;
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.buy_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.buy_item h6 span {
    color: #000;
    font-family: Oswald;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: line-through;

}

.common_scrl {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 133px);
    padding-right: 15px;
}

/*.course_create.ALLCORSES.courses_details_pages .sidebar_sec .sidebar_inner {
    height: calc(100vh - 133px);
}*/

.courses_details_sec .courses_details_inner .courses_details_banner {
    padding-bottom: 40%;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    margin-bottom: 30px;
}

.courses_details_sec .courses_details_inner .courses_details_banner img {
    min-height: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

.courses_details_sec .courses_details_inner .buy_item {
    margin: 5px 0 0;
}

.courses_details_sec .courses_details_inner .buy_item h6 {
    font-size: 30px;
    margin: 0;
}

.courses_details_sec .courses_details_inner .buy_item h6 span {
    font-size: 20px;
}



.courses_details_sec .courses_details_inner .courses_details_title h2 {
    color: #000;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.courses_details_sec .courses_details_inner .courses_details_title p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
}

.courses_details_sec .courses_details_inner .courses_details_list h5 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
    margin: 0;
}

.courses_details_sec .courses_details_inner .courses_details_list ul {
    padding: 18px;
    margin: 0;
}

.courses_details_sec .courses_details_inner .courses_details_list ul li {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.courses_details_sec .courses_details_inner .courses_details_list ul li::marker {
    color: #FF7003;
    font-size: 20px;
}

.chaper_img {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.chaper_img video {
    width: 100%;
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 10px;
}

/* .chaper_img::before {
    content: '';
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.20);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
} */

.icon_playe_video {
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%);
}

.chapter_item54 .chaper_img img {
    max-width: 100%;
    border-radius: 20px;
    width: 100% !important;
}

.chapter_item54 {
    margin-bottom: 30px;
}

.chapter_item54:last-child {
    margin-bottom: 0;
}

.chapter_item54 h2 {
    color: #FF7003;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.chapter_item54 span {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 450;
    line-height: normal;
    display: inline-block;
    margin-bottom: 15px;
}

.purchase_course {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.20) 0%, rgba(153, 153, 153, 0.20) 100%);
    padding: 10px 0px 10px 10px;

}

.purchase_course h3 {
    font-size: 25px;
    margin-bottom: 20px;
}

.purchase_course h3 span {
    color: #FF7003;
}

.overflow_cont_purchse {
    overflow-y: auto;
    height: 36vh;
    padding-right: 10px;
    overflow-x: hidden;
}

.purchase_img {
    position: relative;
    flex: 0 0 25%;
}

.purchase_img::before {
    content: '';
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.20);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.purchase_img img {
    max-width: 100%;
    width: 100%;
    border-radius: 10px;
}

.purchase_course_box {
    display: flex;
    align-items: start;
    gap: 20px;
    border-bottom: 1px solid #ffffff;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.purchase_course_box:last-child {
    border-bottom: none;
}

.purchase_course_box h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 28px;
}

.purchase_course_box p {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    white-space: break-spaces;
    word-break: break-word;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}


.smid_main_dv_history .middle_scroll .middle_scroll_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 128px);
    padding: 0 15px 0 0;
}

.smid_main_dv_history .main_box_inner .content_box {
    margin-top: 0;
}

.new_content_box {
    width: 100%;
    height: calc(100vh - 152px);
    overflow: auto;
    overflow-x: hidden;
    padding-right: 15px;
}


.banner_main_box {
    background-image: url('../img/img_bannercourse.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    width: 100%;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.banner_main_box span {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
    display: block;
}

.banner_main_box .banner_main_box_text h3 {
    color: #FFF;
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.banner_main_box .banner_course_img {
    text-align: center;
}

.banner_main_box .banner_course_img img {
    max-width: 100%;
}

.profile_icon87 {
    width: 35px !important;
    height: 35px;
    border-radius: 100px;
}

.wacth_icon20 {
    width: 25px !important;
    height: 26px;
}

.watch_item_alg {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.course_complete .progress {
    height: 6px;
}

.purchse_main {
    padding: 0;
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 15px 0 0;

}

.purchse_main span {
    color: #FF7003;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.total_earning_box {
    border-radius: 20px;
    border: 2px solid #FFF;
    padding: 15px 25px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    flex-wrap: wrap;
}

.total_earning_box span {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.total_earning_box h3 {
    color: #000;
    font-family: Oswald;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.purchasecourse_list {
    text-align: center;
}

.purchasecourse_list .purchasecourse_list_box {
    border-radius: 20px;
    border: 2px solid #FFF;
    margin-top: 10px;
}

.purchasecourse_list .purchasecourse_list_box .purchasecourse_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #ffff;
    margin-bottom: 10px;
    gap: 10px;
}

.purchasecourse_list .purchasecourse_list_box .purchasecourse_hd span {
    color: #575757;
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: block;
    flex: 0 0 16.5%;
    text-align: center;
}

.purchasecourse_list .purchasecourse_list_box .purchasecourse_hd span:first-child {
    flex: 0 0 calc(34% - 10px);
    text-align: start;
}


.purchase_course_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border-bottom: 1px solid #ffff;
    margin-bottom: 10px;
    gap: 10px;
}

.fx_34 {
    flex: 0 0 calc(34% - 10px);
    text-align: start;
}

.fx_16 {
    flex: 0 0 calc(16.5%);
    text-align: center;
    margin: auto;
}

.purchase_course_item .course_thumbnail h3 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    /* word-wrap: break-word; */
    line-height: normal;
    word-break: break-all;
}

.purchase_course_item .course_thumbnail img {
    width: 119px;
    border-radius: 10px;
}

.purchase_course_item:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

.purchase_course_item span {
    border-radius: 40px;
    background: #FF6E00;
    display: inline-flex;
    padding: 10px 20px;
    border-radius: 30px;
    color: #FFF;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.purchase_course_item h1 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.purchase_course_item h6 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.fx_22 {
    flex: 0 0 22%;
    text-align: center;
}

#plusBtnId {
    background: transparent;
    border: none;
}

.simd_table_sec.table-responsive {
    margin-bottom: 15px;

}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    padding: 14px;
    background: #fff;
    border-radius: 10px;
}


.smid_main_dv .nav-pills {
    display: inline-flex;
    background: #fff;
    border-radius: 100px;
    padding: 5px;
}

.smid_main_dv .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border-radius: 30px;
    background: #0163f0;
}


/* input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
} */

/* Firefox */
/* input[type="date"] {
    appearance: none;
    -moz-appearance: textfield;
} */

/* Optional: Remove inner spin button for Chrome (though not typical for date) */
/* input[type="date"]::-webkit-inner-spin-button {
    display: none;
} */


#verifyemail .modal_title1 {
    text-align: center;
}

#verifyemail .modal_form_field {
    text-align: center;
    margin-bottom: 20px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 17px !important;
}

/*.bg_board.edit_profile_sec .sidebar_sec .sidebar_inner {
    height: calc(100vh - 117px) !important;
}
*/

.relative.inline-flex.items-center {
    display: inline-flex;
    height: 35px;
    width: fit-content;

}

.relative.z-0.inline-flex.shadow-sm.rounded-md {
    display: inline-flex;
    height: 35px;
    width: fit-content;
    font-family: Arial, Helvetica, sans-serif;
}

.text-sm.text-gray-700.leading-5 {
    margin: 0;
}

.hidden.sm.flex-1.sm.flex.sm.items-center.sm.justify-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.flex.justify-between.flex-1 {
    display: none;
}

.hidden {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    margin-top: 0px;
    flex-wrap: wrap;
}

.new_btn {
    font-size: 18px;
    color: #0056D2;
    font-weight: 400;
    background-color: transparent;
    border: none;
    text-transform: capitalize;

}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    height: 50px;
    vertical-align: middle;
    padding-top: 15px;
}

textarea {
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.73);
    padding: 16px;
    width: 100%;
    outline: none;
    border: 1px solid #dddddd;
    /* border: none; */
}



.content_mentor .roll_title h2 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
    text-align: center;
}

.content_mentor .roll_title .blue_mntr {
    border-radius: 50px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #0163F0;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 11px;
    position: absolute;
    top: 12px;
}

.content_mentor .roll_title .orange_organization {
    background: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #ff760e;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 5px 11px;
    position: absolute;
    top: 12px;
}

.content_mentor .roll_title .orng_org {
    border-radius: 50px;
    background: #F9E4D5;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #FF7003;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 8px 20px;
}


.content_mentor .roll_specialization {
    /*    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: space-between;
    flex-wrap: wrap;*/
    margin-top: 15px;
}

.content_mentor .roll_specialization h4 {
    color: #696969;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    white-space: nowrap;
    margin: 0;
    text-align: center;
    line-height: 30px;
}

.content_mentor .roll_specialization h4 span {
    color: #0163F0;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 19px;
}

.remove_icon {
    background-color: transparent;
    border: none;
    position: absolute;
    right: 0;
    bottom: -40px;
}

.remove_icon svg {
    width: 25px;
    height: 25px;

}

.chapter-block {
    position: relative;
}

.create-btn {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
    margin-bottom: 20px;
}

.white_btn {
    border-radius: 34px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: #FFF;
    padding: 10px 30px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}

.status_item {
    border-radius: 40px;
    background: #C4FFE9;
    color: #1EAA7B;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 12px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.status_item2 {
    border-radius: 40px;
    background: #FFE3E3;
    color: #FF0100;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 4px 12px;
    position: absolute;
    top: 10px;
    right: 10px;
}

.bg_board.edit_profile_sec .main_title h2 {
    margin-bottom: 15px;
}

.live_cart_time span {
    border-radius: 50px;
    background: #E4EFFF;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 5px 10px;
    color: #000;
    font-family: Arial;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.live_cart_time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    margin: 20px 0;
}

.live_img {
    padding-bottom: 50%;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
}

.live_img img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 100%;
    max-height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
}

.live_cart_content h2 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.live_cart_content p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.livetags {
    color: #F00;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 30px;
    background: #FFF;
    padding: 5px 20px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.custom_peginations .pagination {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.custom_peginations .pagination li a {
    border-radius: 10px;
    background: #D9D9D9;
    padding: 10px 20px;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #000;
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

.custom_peginations .pagination li.active a {
    background: #0163F0;
    color: #fff;

}

.custom_peginations .pagination li.next a {
    background: #FF7003;
    color: #fff;

}


.timerText {
    text-align: center;
    margin-left: 47%;
}

/* 
.custom_peginations .pagination li:last-child {
    border-radius: 10px;
    background: #FF7003;
}

.custom_peginations .pagination li:last-child a {
    color: #fff;
}


.custom_peginations .pagination li:last-child a {
    color: #fff;
} */


.Mentor_step .form_group input {
    height: 47px !important;
}

.side_space_btn {
    margin-right: 25px;
}

.edit_profile_sec.update_edit_profile .main_box_inner {
    height: 100% !important;
}

.bg_board.edit_profile_sec.update_edit_profile .editprfile_main_inner {
    height: calc(100vh - 114px);
}

/*.bg_board.edit_profile_sec.update_edit_profile .sidebar_sec .sidebar_inner {
    height: calc(100vh - 120px);
}*/


.bg_board.edit_profile_sec .editprfile_main_inner {
    height: calc(100vh - 157px);
}

.bg_board.edit_profile_sec.course_create .editprfile_main_inner {
    height: calc(100vh - 126px);
}

.alert.alert-danger {
    text-align: center;
    justify-content: center;
    background: transparent;
    border: transparent;
}

.alert.alert-danger ul {
    margin: 0;
    display: block;
    padding: 0;
    border: 1px solid #f1aeb5;
    background: #f8d7da;
    color: #58151c;
    padding: 9px;
}

.alert.alert-danger ul li {
    list-style: none;
}


.table_custome_check_item .customtableradio {
    flex: 1 0 calc(33.333% - 4px);
}

.bg_board.smid_main_dv.goal .middle_scroll_inner {
    height: 100% !important;
}

.sidebar_sec .sidebar_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 92px);
    padding: 0px;
}

.sync_calender_box {
    border: 1px solid #0163F0;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-flex;
    gap: 5px;
    align-items: center;

}

.sync_calender_box img {
    width: 16px;
}

.iti--separate-dial-code .iti__selected-dial-code {
    font-size: 14px !important;
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: none;
    padding: 10px;
    height: auto;
}

.select2-dropdown {
    background-color: white;
    border: none !important;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    padding: 10px;
    height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    color: #6E6E6E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.table_timer_picker .custom-time-picker.datecm {
    display: block !important;
    position: relative;
    width: 100% !important;
}

.table_timer_picker .custom-time-picker.datecm input {
    width: 100%;
}

.table_timer_picker .custom-time-picker.datecm .whitefiled_icon {
    right: 5px;
    display: none;
}

#removeBtnId {
    background: transparent;
    border: none;
}

input:-internal-autofill-selected {
    background-color: #fff !important;
}

.bg_step.bg_step2 input:-webkit-autofill {
    background-color: transparent !important;
}

.toast-close {
    background: 0 0;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-family: inherit;
    font-size: 1em;
    opacity: .4;
    padding: 0 5px;
    position: absolute;
    top: 0;
    right: 0;
}

.toastify.on.toastify-right.toastify-top {
    background: linear-gradient(to right, #ff5f6d, #ffc371) !important;
}

.white_field.whitefield23 {
    background: #fff !important;
    border-radius: 10px;
    height: 50px;
    display: flex;
    align-items: center;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

    select,
    textarea,
    input {
        font-size: 16px;
    }
}


.table_timer_picker .custom-time-picker.time0 .whitefiled_icon {
    display: none;
}

.bg_board.smid_main_dv.daily .table_box table tr td {
    text-align: center;
}

.bg_board.smid_main_dv.daily .simd_table_sec table tr td {
    text-align: center;
}


.bg_board.smid_main_dv_history.simd_table_sec table th {
    padding: 15px 10px 15px 8px;
    text-align: start;
}

.bg_board.smid_main_dv_history.simd_table_sec table td {
    padding: 15px 10px 15px 8px;
    text-align: start;
}

.box_design {
    background-color: #ffffff61;
    display: block;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid #0163f0;
    position: relative;
}

.box_design h2 {
    font-size: 50px;
    font-family: arial;
    font-weight: 600;
    letter-spacing: 10px;
    color: #000000;
    line-height: 60px;
    margin: 0 0 30px;
}

.box_design .right_btn {
    position: absolute;
    bottom: 30px;
    right: 30px;
}

.box_design h3 {
    margin: 0 0 11px;
    font-size: 25px;
    font-weight: 600;
    color: #0163f0;
}

.box_design span.currency {
    font-size: 25px;
    color: #0163f0;
}

.select2-container--open .select2-dropdown--below {

    overflow-y: auto;
    height: 250px;
}

.banner_video_preview_list {
    height: 22vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    /*    padding: 32px 20px;*/
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
}

.banner_pdf_preview_list {
    height: 22vh;
    overflow-y: auto;
    overflow-x: hidden;
    background: #fff;
    border-radius: 10px;
}

.banner_video_preview_list img {
    margin-top: 10px;
}


/* .banner_pdf_preview_list img {
    margin-top: 10px;
    padding: 40px 20px;
} */

.video-preview-item {
    margin-top: 10px;
    padding: 40px 20px;
}

.box_live_course_v {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: linear-gradient(180deg, #F0F6FF 0%, rgba(244, 244, 244, 0.00) 100%);
    padding: 10px;
}


.title_detailbnk {
    margin: 0;
    font-weight: 600;
    font-size: 25px;
}


.activity_sec2 .activity_title h2 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.activity_sec2 .activity_title h2 span {
    color: #FF7003;
}

.activity_sec2 .activity_subtitle h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.activity_sec2 .activity_subtitle p {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.instructions_box {
    background: #fff;
    padding: 15px;
    border-radius: 20px;
    width: fit-content;
    position: relative;
}

/*.instructions_box::after{
    content: '';
       background-image: url('../img/edit_sub.svg');
       background-repeat: no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    background-size: cover;

}*/



ul.list_icon25 {
    padding: 0;
}

ul.list_icon25 li {
    list-style: none;
    background-image: url('../img/check_sub.svg');
    background-size: 15px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: left;
}

ul.list_icon26 {
    padding: 0;
}

ul.list_icon26 li {
    list-style: none;
    background-image: url('../img/arrow_icon_ac.svg');
    background-size: 15px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: left;
    margin-bottom: 10px;
}

.instructions_box p {
    color: #000;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    margin-bottom: 8px;
}

.instructions_box p span {
    color: #0163F0;
}


.activity_sec2 .middle_scroll .middle_scroll_inner {
    height: calc(100vh - 121px);
}

.bg_board.edit_profile_sec.activity_sec2 .sidebar_sec .sidebar_inner {
    height: calc(100vh - 120px);
}

.activity_sec2 .simd_table_sec table th {
    text-align: start;
}

.questions_field {
    margin-bottom: 30px;
    margin-top: 20px;
}

.questions_field .questions_field_box {
    border-radius: 10px;
    position: relative;
    padding: 15px 55px 15px 20px;
    margin-bottom: 10px;
    background: #ffffff8c !important;
    border: 1px solid #ffff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.questions_field .questions_field_box img {
    position: absolute;
    top: 10px;
    right: 10px;
}

.questions_field .questions_field_box p {
    color: #000;
    font-family: arial;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
    margin: 0;
}

.description_field {
    margin-top: 20px;
    position: relative;
}

.description_field .voice_text_icon {
    position: absolute;
    bottom: 20px;
    right: 15px;
    display: flex;
    align-items: center;
    gap: 14px;
}

.description_field .voice_text_icon span {
    display: inline-block;
    width: 1px;
    height: 16px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #0163F0 50%, rgba(255, 255, 255, 0.00) 100%);

}

.description_field textarea {
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    color: #BBB;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.activity_sec2 .btn_commn {

    padding: 10px 60px 10px 23px;
    width: fit-content;

}

.description_field label {
    font-size: 15px;
    font-weight: 500;
}

.createchallenge.commn_modal .modal-dialog {
    max-width: 600px;
}



.challenge_radio {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.challenge_radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.challenge_radio .checkmark {
    position: absolute;
    top: -2px;
    left: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: 1px solid #0163F0;
}

/*.challenge_radio:hover input ~ .checkmark {
  background-color: #ccc;
}*/

.challenge_radio input:checked~.checkmark {
    border: 2px solid #0056D2;
}

.challenge_radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.challenge_radio input:checked~.checkmark:after {
    display: block;
}

.challenge_radio .checkmark:after {
    top: 6px;
    left: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #0056D2;
}

.challenge_share {
    border-radius: 50px;
    background: #F3F3F3;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    justify-content: center;
    margin: 20px auto 0px;
}




.custom_checkbox_challenge {
    display: block;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 15px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px solid #D9D9D9;
}

/* Hide the browser's default checkbox */
.custom_checkbox_challenge input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.custom_checkbox_challenge .checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    border-radius: 5px;
    background: #CEE2FF;
}




/* Create the checkmark/indicator (hidden when not checked) */
.custom_checkbox_challenge .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.custom_checkbox_challenge input:checked~.checkmark:after {
    display: block;
}

.custom_checkbox_challenge .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #0056d2;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.createchallenge.commn_modal .modal-content {
    overflow: hidden;
}

.createchallenge.commn_modal .modal-content .modal-body {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(228, 239, 255, 0.50) 100%);
}

.cominuty_post_check .custom_checkbox_challenge {
    border-bottom: none;
    padding-left: 37px;
    margin: 0;
    padding-bottom: 0;
}

.cominuty_post_check .custom_checkbox_challenge .checkmark {
    left: 0;
    top: -2px;
}



.community_sec .middle_scroll .middle_scroll_inner {
    overflow: auto;
    overflow-x: hidden;
    height: calc(100vh - 121px);
    padding: 0 15px 0 0;
}

.comment_box {
    position: relative;
    margin-top: 35px;
    margin-bottom: 35px;
}

.comment_box input {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.60);
    width: 100%;
    padding: 18px;

}

.comment_box a.submitComment.disabled-link {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    width: 25px;
}

.comment_box a.submitComment.disabled-link img {
    width: 24px;
}

.comment_all_item p {
    margin: 0;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
}

.comment_all_item {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.comment_all_item:last-child {
    border-bottom: none;
}

.read_more {
    color: #0163F0;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.commentmodal_item .post_box_sec .post_box_inner .post_box {
    border-radius: unset;
    border: unset;
    background: unset;
    padding: unset;
}



.bg_board.edit_profile_sec.community_sec .main_box_inner {
    height: calc(100vh - 50px) !important;
}

.edit_icon_fx {
    position: absolute;
    top: 10px;
    right: 10px;
}

.edit_icon_fx button {
    background: transparent;
    border: none;
}

.blue_select_box .blue_select label {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.blue_select_box .blue_select select {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    padding: 10px 39px 10px 10px;
    background-image: url('../img/arrow_icon87.svg');
    background-position: calc(100% - 10px);
    width: 100%;
    background-repeat: no-repeat;
    appearance: none;
}

.blue_select_box .blue_select .choices__inner {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    padding: 10px;

    background-image: url('../img/arrow_icon87.svg');
    background-position: calc(100% - 10px);
    width: 100%;
    background-repeat: no-repeat;
    appearance: none;
}

.blue_select_box .blue_select .choices__input {
    background: transparent;
    max-width: 100%;
}

.blue_select_box .blue_select .choices__list--multiple .choices__item {

    background-color: #0163f0;
    border: 1px solid #edf4ff;
}

.blue_select_box .blue_select .choices__list--dropdown,
.choices__list[aria-expanded] {

    background-color: #edf4ff;
    border: 1px solid #0163f0;

}

.blue_select_box .blue_select .is-open .choices__list--dropdown,
.is-open .choices__list[aria-expanded] {
    border-color: #0163f0;
}

.blue_select_box .blue_select .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
    background-color: #edf4ff;
}

.blue_select_box .blue_select .choices__list {

    padding-right: 10px;
}

.blue_select_box .blue_select .choices__input {
    color: #000;
    font-size: 16px;
    margin-bottom: 0px;
    padding: 0;
}

.text_free {
    margin: 20px 0;

}

.text_free p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    line-height: 30px;
}

.commentmodal_item .post_box_sec {
    overflow-y: auto;
    height: 60vh;
    padding-right: 30px;
}




.rating_new .rating-box {
    display: none;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 10px;
    border-radius: 5px;
    z-index: 100;
    margin-top: 5px;
}

.rating_new .rating-box.active {
    display: block;
}

.rating_new .rating-box .stars span {
    font-size: 24px;
    cursor: pointer;
    color: #ddd;
    margin-right: 5px;
}

.rating_new .rating-box .stars span.active {
    color: #f39c12;
}

.rating_new .stars {
    display: flex;
    margin: 0
}

.rating_new {
    position: relative;
}


.dob_picker .ui[class*="left icon"].input>input {
    border: none;
    padding-left: 16px !important;
    padding-right: 20px !important;
    border-radius: 10px;
    color: #6E6E6E;
    font-size: 16px;
}

.dob_picker .ui.input {
    display: flex !important;
}

.dob_picker .ui.container {
    padding: 0 !important;
}

.RAR_tool .btn_commn {
    font-size: 16px;
    line-height: 28px;
    padding: 10px 20px;
    width: 130px;

}

.RAR_tool .middle_scroll .middle_scroll_inner {
    height: calc(100vh - 273px);
}

.RAR_tool .main_box_inner {
    height: 100% !important;
}

.RAR_tool .main_box {
    height: calc(100vh - 89px);
}



.my_hallenges .nav.nav-pills {
    background: #fff;
    padding: 8px;
    border-radius: 40px;
    display: inline-flex;
}

.my_hallenges .nav.nav-pills .nav-link {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 11px 18px;
    border-radius: 40px;
}

.my_hallenges .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
}

.my_hallenges .challnge_img img {
    width: 168px;
    height: 168px;
    border-radius: 10px;
}

.blue_box_date {
    font-family: arial;
    border-radius: 6px;
    background: #CFE7FF;
    padding: 5px 10px;
    color: #0163F0;
    font-size: 15px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blue_box_date img {
    width: 20px;
}

.red_box_time {
    font-family: arial;
    border-radius: 6px;
    background: #FFEEE0;
    padding: 5px 10px;
    color: #FF7003;
    font-size: 15px;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.red_box_time img {
    width: 20px;
}

.challenge_box {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    border-radius: 17px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    padding: 10px;
}

.challenge_box_inner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.date_on_time {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
}

.challenge_title h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    word-break: break-word;
    line-height: normal;
    margin-bottom: 15px;
    word-wrap: break-word;
}


.pdf_box_preview .pdf_preview0 {
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.60);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 250px;
    flex: 0 0 calc(25% - 10px);
}

.pdf_preview_itm {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}

.time_shw {
    display: flex;
    align-items: center;
    gap: 20px;

}

.time_shw {
    margin-bottom: 20px;
}

.time_shw span {
    border-radius: 10px;
    background: #FFF;
    display: inline-flex;
    gap: 10px;
    align-items: center;
    color: #0163F0;
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 9px;
}

.time_shw h5 {
    font-size: 17px;
    margin: 0 0 10px;
}


.share_challenge .challenges_friend {
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.52);
    background: linear-gradient(90deg, rgba(161, 200, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.share_challenge {
    margin-top: 30px;
}

.share_challenge .challenges_friend h4 {
    margin: 0;
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.share_challenge .challenges_friend h4 img {
    width: 70px;
}

.share_challenge .challenges_friend img {
    width: 40px;
}

.questions_answer_field h6 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 29px;
}

.questions_answer_field p span {
    color: #1EAA7B;
}

.questions_answer_field p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}

.scroe_box_field {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    padding: 20px;
}

.scroe_box_field .scroe_box_item {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px;
}

.scroe_box_field .scroe_box_item:last-child {
    margin-bottom: 0;
    border: none;
    padding-bottom: 0;
}

.scroe_box_field .scroe_box_item input {
    border-radius: 10px;
    border: 1px solid #B3B3B3;
    background: #FFF;
    padding: 10px;
}

.scroe_box_field h3 {
    color: #FF7003;
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 20px;
}

.scroe_box_field h4 {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flash_card {
    border-radius: 23px;
    border: 1px solid #0163F0;
    padding: 15px;
    position: relative;
}

.flash_card_text label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flash_card.workshop h5 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.flash_card.workshop h5 span {
    color: #FF7003 !important;
    font-weight: 500 !important;
    font-size: 25px;
}

.flash_card.Infographic {
    width: fit-content;
}

.flash_card span {
    color: #0163F0;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 15px;
    display: inline-block;
}

.flash_card h2 {
    color: #000;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    margin: 0;

}

.flash_card .flash_card_text p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    border-radius: 10px;
    border: 1px solid rgba(1, 99, 240, 0.36);
    background: #E4EFFF;
    padding: 15px;
    margin: 12px 0px 12px;
}


.scenario_box {
    border-radius: 20px;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.50);
    padding: 15px;
    margin-bottom: 15px;
}

.user_input_title h2 {
    color: #0163F0;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.flash_card .simd_question_item span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0px;
    display: inline-block;
}

.rolles_all2 .courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item img {

    object-fit: cover;
    border-radius: 130px;
    width: 100%;
    height: 100%;
    min-height: unset;
    min-width: unset;
    max-height: unset;
    max-width: unset;
    position: unset;
    top: unset;
    left: unset;
}

.rolles_all2 .courses_list_sec .courses_list_inner .courses_list_box .courses_list_img .courses_list_img_item {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 10px auto 20px;
    padding-bottom: unset;

}

.rolles_all2 .courses_list_sec .courses_list_inner .courses_list_box::before {
    content: '';

    background-image: url('../img/oraginization_bg.png');
    width: 100%;
    height: 106px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.rolles_all2 .courses_list_sec .courses_list_inner .courses_list_box.organization::before {
    content: '';
    background-image: url('../img/mentorbg_img.png');
    width: 100%;
    height: 106px;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.view_profile {
    position: relative;
    border-radius: 50px;
    background: linear-gradient(270deg, #0163f0b5 0%, #0163f0 100%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 9px 15px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    white-space: nowrap;
    font-weight: 400;
    line-height: normal;
    margin-right: 0;
    overflow: hidden;
    z-index: 1;
    border: 1px solid #ffffff;
}

.view_profile::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #FFA057 0%, #FF7003 100%);
    transition: transform 0.5s ease-in-out;
    transform: translateX(0%);
    z-index: -1;
    color: #fff;
}

/* ✅ Animate the ::after when box is hovered */
.rolles_all2 .courses_list_sec .courses_list_inner .courses_list_box:hover .view_profile::after {
    transform: translateX(-100%);

}

.mentor_btn {
    text-align: center;
    margin: 11px 0 0;
}

.rolles_all2 .content_mentor {
    margin-bottom: 54px;
}

.rolles_all2 .mentor_btn {
    text-align: center;
    margin: 5px 0 15px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-background-clip: #fff;
    transition: background-color 5000s ease-in-out 0s;
}



.title_field h3 {
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.title_field p {
    color: #000;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.new_custom_check_analysis {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;

}

.new_custom_check_analysis label.custome_blue_check {
    flex: 0 0 calc(25% - 15px);
    text-align: start;
    padding: 15px 30px;
    display: flex;
    align-items: center;
    justify-content: start;
}

.field-box.activity_box_field textarea {
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
}

.field-box.activity_box_field label {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.field-box.activity_box_field label span {
    color: #FF7003;
}

.commn_edit_box {
    height: 100%;
}

.commn_edit_box p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-radius: 10px;
    border: 1px solid #0163F0;
    background: #EDF4FF;
    padding: 15px;
    margin: 0;
    height: 100%;
}

.box_3333 {
    position: relative;
    margin-top: 30px;
}

.label_text {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 10px;
}

.align_checkbox {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.align_checkbox .custome_blue_check {
    flex: 1 0 calc(33.33% - 15px);
    display: flex;
    align-items: center;

}

.problesolve.align_checkbox .custome_blue_check {
    flex: 1 0 calc(33.33% - 15px);
    display: flex;
    align-items: center;
    padding: 17px;
}


.Acbg_box_09 {
    background: #ffffff8c !important;
    padding: 15px;
    border-radius: 15px;
    border: 1px solid #ffff;
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

.question-input {
    width: 100% !important;
    background: transparent;
    background: #e7f1ff;
    padding: 14px;
    border: 1px solid #0163f0;
    border-radius: 10px;
}

.save-question {
    background: #0163f0;
    color: #fff;
    padding: 13px 28px;
    border: 1px solid #0163f0;
    border-radius: 10px;
}

.questions_field_box.newedit_questionbox {
    padding: 15px;
}

.sec_padd.solution_sec .main_title h2 {
    text-align: center;
}

.buy_item .submit_btn {
    position: relative;
    color: #FFF;
    font-size: 14px;
    padding: 10px 16px;
    line-height: 16px;

}

.banner_video_preview_list.banner_video_preview.banner_image_preview.new-video-class {
    flex-direction: column;
}

.banner_video_preview_list.banner_video_preview.banner_image_preview.new-video-class .video-preview-item {
    padding: 0;

}

.banner_pdf_preview_list.banner_image_preview.new-pdf-class {
    flex-direction: column;
}

.banner_pdf_preview_list.banner_image_preview.new-pdf-class .banner_pdf_preview_list img {
    padding: 0;
}

.workshop_card.editing_mode .mcq_question_checkbox input {
    position: unset;
    opacity: unset;

}

.others_title h3 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.others_title h4 {
    color: #0066ff;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.others_title h6 {
    color: #0163F0;
    font-family: "Meta Pro";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.form_control.match_h60 {
    height: 60px !important;
}

.h_60 {
    height: 60px !important;
}

.courese_create_dob.dob_picker .ui[class*="left icon"].input>input {
    height: 50px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.73);
    padding: 16px;
    width: 100%;
    outline: none;
    color: #6E6E6E;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    height: 50px;
    border: none;
}

.course_create .personal_title {
    margin-bottom: 15px;
}

#questionsForm .cke_chrome {
    display: block;
    border: 1px solid #ffffff;
    padding: 0;
    border-radius: 15px;
    overflow: hidden;
}

.score_box {
    border-radius: 20px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.30);
    padding: 20px;
    margin-bottom: 15px;
    position: relative;
}

.score_sec h3 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
}

.score_box h4 {
    color: #000;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.score_box h4 span {
    color: #FF7003;
}

.score_item {
    display: flex;
    align-items: center;
    gap: 30px;
}

.score_item img {
    width: 187px;
    height: 187px;
    border-radius: 100px;
}

.score_item_inner {
    width: 100%;
}

.score_item_inner .score {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.score_sec .score_box .score_item img {
    width: 280px;
}

.score_sec .score_box .score_item span {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.score_sec .score_box .score_item h5 {
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    font-family: Oswald;
}

.score_item_inner h6 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.score_sec .progress,
.progress-stacked {
    height: 8px;
}

.skill_box {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    padding: 15px;
    position: relative;

}
.peerList {
    position: absolute;
    right: 10px;
    width: 30px;
}

.skill_box h5 {
    font-size: 25px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.skill_box .skill_score {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 20px;

}

.skill_box .skill_score {
    margin-top: 15px;
}

.skill_box .skill_score:last-child {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.skill_box .skill_score span {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

 .img_friend {
    display: flex;
    align-items: center;
    gap: 15px;
}
.img_friend img{
    width: 55px;
}
.score_friend_list .img_friend h6 {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.score_friend_list .img_friend img {
    width: 65px;
    height: 65px;
}

.score_friend_list {
    border-radius: 20px;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.30);
    padding: 15px;

}

.score_friend_list_inner {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: space-between;
    border-radius: 20px;
    border: 2px solid rgba(255, 255, 255, 0.52);
    background: linear-gradient(90deg, rgba(161, 200, 255, 0.10) 0%, rgba(255, 255, 255, 0.10) 100%);
    padding: 15px;
    margin-bottom: 10px;

}

.score_friend_list_inner:last-child {
    margin-bottom: 0;
}

.mision_vision_box .mision_vision_box_inner {
    display: flex;
    align-items: center;
    gap: 60px;
    justify-content: space-between;
    border: 1px solid #eee;
    padding: 30px 50px;
    border-radius: 30px;
    margin: 0 35px 30px;
}

.mision_vision_box .mision_vision_box_inner .mision_vision_box_text h3 {
    color: #000;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 44px;
}

.mision_vision_box .mision_vision_box_inner .mision_vision_box_text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.mision_vision_box .mision_vision_box_inner img {
    width: 320px !important;
    max-width: 100%;
}

.mission-vision-carousel.owl-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 40%;
    left: -10px;
    transform: translateY(-50%);
}

.mission-vision-carousel.owl-carousel .owl-nav {
    position: unset !important;
    transform: unset !important;
}

.mission-vision-carousel.owl-carousel .owl-nav button.owl-next {
    position: absolute;
    right: -10px;
    top: 40%;
    transform: translateY(-50%);
}

.img_opportunity img {
    width: 100%;
    border-radius: 20px;
}


img.visual_icon {
    width: 35px;
    margin-right: 9px;
}



.search_filter_box {
    margin-bottom: 30px;
}

.search_filter_box .form-control {
    padding: 12px;
}

.search_filter_box .btn-fw {
    padding: 12px 20px !important;
}

.btn_aling_filter {
    display: flex;
    align-items: center;
    gap: 10px;
}

span.tooltip-container img {
    width: 17px;
}

.drop_down_open_menu{
    display: flex;
    align-items: center;
    gap: 20px;
}

.drop_down_open_menu img{
    width: 18px;
    filter: brightness(0);
}
.header_sec .nabvar_link_box ul li.drop_down_open_menu:hover img{
filter: unset;
}
.demo_vide_title h4{
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}
.demo_vide_title p{
    font-size: 18px;
    color: #fff;
}

.menu_box_hd {
  position: absolute;
  top: 40px;
  left: 0; /* adjust as needed */
  background: #fff;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 10px;
  transform: translateY(100px); /* start 100px below */
  opacity: 0;
  pointer-events: none;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.menu_box_hd.active {
  transform: translateY(0); /* slide to original position */
  opacity: 1;
  pointer-events: auto;
}


.menu_box_hd ul{
    flex-direction: column;
    gap: 10px !important;
    align-items: start !important;
}


.dropdown_icon1{
    position: absolute;
    top: 15px;
    right: 15px;
}
.dropdown_icon1 img{
    width: 20px;
}

.main_score_list.active .dropdown_icon1 img {
    transform: rotate(180deg);
}

.skill_box.skills_box3{
  display: none;
}

.main_score_list.active .skill_box.skills_box3{
   display: block;
}

.main_score_list.active .score_box{
     border: 2px solid #0056D2;
}
.score_friend_list_peer{
        border-radius: 20px;
    border: 2px solid #fff;
    background: rgba(255, 255, 255, 0.30);
    padding: 5px;
} 

 .main_score_list.Peer .score_friend_list_peer{
    display: none;
}

.main_score_list.Peer.active .score_friend_list_peer{
    display: block;
}

.main_score_list.Evaluator .score_friend_list_evl{
  display: none;
}

.main_score_list.Evaluator.active .score_friend_list_evl{
  display: block;
}
.main_score_list.Peer.active .score_box{
       border: 2px solid #0056D2;
}
.main_score_list.Evaluator.active .score_box {
    border: 2px solid #0056D2;
}