/*@font-face {
    font-family: 'sf_ui_textmedium';
    src: url('../front/fonts/cih/sfuitext-medium-webfont.woff2') format('woff2'),
        url('../front/fonts/cih/sfuitext-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: ''SF UI Text'';
    src: url('../front/fonts/cih/sfuitext-regular-webfont.woff2') format('woff2'),
        url('../front/fonts/cih/sfuitext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sf_ui_textsemibold';
    src: url('../front/fonts/cih/sfuitext-semibold-webfont.woff2') format('woff2'),
        url('../front/fonts/cih/sfuitext-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_ui_textbold';
    src: url('../front/fonts/cih/sfuitext-bold-webfont.woff2') format('woff2'),
        url('../front/fonts/cih/sfuitext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'sf_ui_textlight';
    src: url('../front/fonts/cih/sfuitext-light-webfont.woff2') format('woff2'),
        url('../front/fonts/cih/sfuitext-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/

body.cih_body {
    font-size: 17px;
    /*font-family: ''SF UI Text'';*/
    line-height: 25px;
    color: #545B73;
}

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

a {
    text-decoration: none;
}

ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Red Hat Display', sans-serif;
}

.cih_header .header nav.navbar-light .nav-link.profile_user_header {
    background: #3E55F9;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    font-family: Red Hat Display;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.54px;
    align-items: center;
    justify-content: center;
}
.btn-primary {
    background: #3E55F9;
    border: none;
    padding: 16px 20px;
    font-size: 16px;
    border-radius: 4px;

}

.btn-outline-secondary {
    padding: 12px 16px;
    border: 1px solid #545B73;
    color: #545B73;
}

.btn-outline-secondary:hover {
    background: #545B73;
    color: #fff;
    font-size: 16px;
    border-radius: 0;
}

.sectionHeading{
    padding-bottom:45px;
}

.sectionHeading h2 {
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #000;
    margin: 0 0 3px;
}

.sectionHeading p {
    margin: 0;
}

.bg-light {
    background-color: #ebecf5;
}

.paddingY {
    padding: 100px 0;
}

.marginY {
    margin: 100px 0;
}

/*Header Css Start*/
header.cih_header {
    border-bottom: 1px solid #f5f5f5;
}

.cih_header .navbar .navbar-brand {
    margin-right: 40px;
}

.cih_header .navbar-nav .nav-item {
    padding: 0 12px;
}

.cih_header .navbar-nav .nav-item .nav-link {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    position: relative;
    color: var(--bs-navbar-active-color);
}

.cih_header .navbar-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 19px;
    height: 2px;
    background: #545B73;
    margin: auto;
    opacity: 0;
    visibility: hidden;
}

.cih_header .navbar-nav .nav-item .nav-link.active:after {
    opacity: 1;
    visibility: visible;
}

.cih_header .countryDropdown .dropdown-toggle {
    border: none;
    outline: none;
    background: #EBECF5;
    padding: 8px 12px;
    border-radius: 100px;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.cih_header .countryDropdown .dropdown-toggle:after {
    border: none;
    background: url(/front/imgs/cih/down-arrow.svg);
    width: 13px;
    height: 7px;
    margin: 0;
    background-repeat: no-repeat;
    background-position: center;
}

.cih_header .countryDropdown .dropdown-menu {
    min-width: 200px;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
    padding: 0;
    margin: 0;

}

.countryGroup {
    padding: 15px;
}

.countryGroup .selected {
    border-radius: 4px;
    background: #ebecf5;
    padding: 8px 15px;
    font-size: 15px;
    margin-top: 12px;
}


.countryGroup strong {
    font-size: 17px;
    font-family: 'SF UI Text';
    color: #334077;
    padding: 12px 0;
    display: block;
    font-weight: bold;

}

.countryGroup .form-control {
    height: 40px;
    border-radius: 4px;
    border-color: #adb1d7;
    font-size: 15px;
}

.countryGroup ul {
    max-height: 200px;
    overflow: hidden;
    overflow-y: auto;
}

.countryGroup .dropdown-item {
    display: flex;
    align-items: center;
    gap: 7px;
    border-radius: 4px;
}

.countryGroup .dropdown-item:hover {
    background: #ebecf5;
}

.cih_header .notifiToggle {
    position: relative;
}

.cih_header .notifiToggle::after {
    content: "";
    position: absolute;
    top: -4px;
    right: -4px;
    width: 12px;
    height: 12px;
    background: #CF1B2B;
    border-radius: 100px;
}

.cih_header .userImg {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    margin: 0;
    overflow: hidden;
    border: 1px solid #f5f5f5;
}

.cih_header .userImg img {
    object-fit: cover;
    height: 50px;
    width: 50px;
}

.cih_header .userRight .userPic .header_user{
    background: #c1caff!important;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    font-family: Red Hat Display;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.54px;
    align-items: center;
    justify-content: center;
}

.cih_header .toggle-bar button.btn:hover path, .cih_header .toggle-bar button.btn:focus path{
    fill: #ADB1D7
}

.cih_header .btn-check:focus+.btn, .cih_header .btn:focus{
    box-shadow: none;
}

.cih_header .profile_dropdown .profile_dropdown_body ul{
    text-align: left;
}

.cih_header .profile_dropdown .profile_dropdown_header p{
    text-align: left;
    font-family: "SF UI  Text";
}

.cih_header .profile_dropdown .profile_dropdown_body ul.list_unstyled li a{
    font-family: "SF UI  Text";
}

/*Header Css End*/

.saveVideos .slick-slider .slick-slide{
    margin-right: 30px;
}

.saveVideos .slick-slider .slick-arrow{
    position: absolute;
    top: -115px;
    right: 0;
    display: flex;
    gap: 10px;
}

.saveVideos .slick-slider .slick-prev.slick-arrow{
    width: 40px;
    height: 40px;
    background: rgba(17, 17, 17, 0.2);
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
    margin-right: 50px;
}

.saveVideos .slick-slider .slick-next.slick-arrow{
    width: 40px;
    height: 40px;
    background: rgba(17, 17, 17, 0.2);
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
}

.saveVideos .slick-slider .slick-prev.slick-arrow img{
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 10px auto;
}

.saveVideos .slick-slider .slick-next.slick-arrow img{
    width: 20px;
    height: 20px;
    text-align: center;
    margin: 10px auto;
}

.saveVideos .slick-slider .slick-dots li button{
    height: 12px;
    width: 12px;
    border-radius: 100px;
}

.saveVideos .slick-slider .slick-dots .slick-active button{
    background: #3E55F9 !important;
}

.saveVideos .one_card .slick-track{margin-left: 0px !important;}

.mainBanner {
    padding: 55px 0 80px;
}

.mainBannerTxt .breadcrumb {
    justify-content: center;
    margin-bottom: 5px;
}

.mainBannerTxt {
    max-width: 600px;
    margin: auto;
    text-align: center;
}

.mainBannerTxt h1 {
    font-size: 48px;
    font-family: 'SF UI Text';
    font-weight: bold;
    color: #000;
    margin-bottom: 10px;
}

.jobApplication {
    display: flex;
    flex-wrap: wrap;
    border-radius: 12px;
    background: #fff;
    align-items: center;
    padding: 16px;
    box-shadow:0 0 10px rgb(0 0 0 / 15%);
    margin-bottom: 80px;
}

.jobApplication figure {
    max-width: 170px;
    border-radius: 4px;
    overflow: hidden;
    margin: 0;
}

.jobText span {
    color: #3E55F9;
    font-size: 15px;
    font-style: normal;
    font-family: 'SF UI Text';
    text-transform: uppercase;
    font-weight: bold;
}

.jobText {
    padding: 0 20px;
    width: 60%;
}

.jobText h2 {
    font-size: 22px;
    font-family: 'SF UI Text';
    color: #000;
    margin: 3px 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    font-weight: bold;
}

.jobText p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    margin: 0;
    font-size: 14px;
    color: #000;
}

.jobApplication .btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 8px;
}

.programList {
    display: flex;
    flex-wrap: wrap;
    margin: -32px -15px;
}

.programList>li{
    width:25%;
    padding:30px 15px;
}

.programContent figure img {
    width: 100%;
    max-height: 185px;
    object-fit: cover;
}

.programContent {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    padding: 0 0 30px;
    position: relative;
    height: 100%;
    display: block;
    transition: 0.4s all;
}

.programContent:hover {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}


.programContent .progress {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 5px;
    background: none;
}

.programContent .progress-bar.bg-success {
    background: #24B25D;
}

.programContent .progress-bar {
    background: #3E55F9;
}

.programContent .usersList {
    padding: 0 25px;
    display: flex;
    margin-top: -50px;

}

.programContent .usersList>li {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    border: 1px solid #fff;
    margin-right: -12px;
}

.programContent .usersList>li img {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    object-fit: cover;
}

.programContent h3 {
    padding: 15px 25px 8px;
    font-size:16px;
    font-weight: 700;
    color: #171717;
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
    margin: 0;
}


.videoInfo {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 25px;
}

.videoInfo span {
    font-size: 15px;
    color: #545B73;
    display: flex;
    align-items: center;
    gap: 6px;
}

.videosCarousel .owl-nav {
    position: absolute;
    top: -115px;
    right: 0;
    display: flex;
    gap: 10px;
}

.videosCarousel .owl-nav .owl-prev span,
.videosCarousel .owl-nav .owl-next span {
    display: none;
}

.videosCarousel.owl-carousel .owl-nav .owl-prev,
.videosCarousel.owl-carousel .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    background: rgba(17, 17, 17, 0.2);
    border-radius: 100px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 17px;
}

.videosCarousel.owl-carousel .owl-nav .owl-prev {
    background-image: url(/front/imgs/cih/btn-prev-icon.svg);
}

.videosCarousel.owl-carousel .owl-nav .owl-next {
    background-image: url(/front/imgs/cih/btn-next-icon.svg);
}

.bonus-card {
    border-radius: 12px;
    background-color: #F4F7FC;
    border: none;
    overflow: hidden;
    transition: 0.4s all;
    height: 100%;
}

a.bonus-card:hover {
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.05);
}

.bonus-card figure {
    position: relative;
}

.bonus-card figure img {
    width: 100%;
    height:170px;
    object-fit: cover;
}
.downloadResource .bonus-card figure img {
    height: 175px;
}

.bonus-card .card-body {
    padding: 24px 16px;
}

.bonus-card .card-body span {
    color: rgb(141 141 141);
    font-size: 11px;
    font-weight: 600;
}

.bonus-card .card-body h3 {
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #171717;
    font-family: Red Hat Display;
}

.bonus-card .card-body p {
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    color: #545B73;
    text-overflow: ellipsis;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.bonus-card .card-body .btn {
    position: absolute;
    bottom: 24px;
}

.downloadResource .bonus-card .card-body {
    padding-bottom: 0;
}

.downloadResource .bonus-card {
    padding-bottom: 90px;


}

.registerBanner {
    background-color: #3E55F9;
    background-image: url(/front/imgs/cih/student-img.png);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: right center;
    padding: 90px 50px;
    border-radius: 12px;
    overflow: hidden;
}

.banner-content {
    color: #fff;
    max-width: 500px;
}

.banner-content h2 {
    font-weight: 700;
    font-size: 33px;
}

.banner-content p {
    margin: 0;
}

.banner-peragraph {
    width: 38%;
}

.btn-paynow {
    background-color: #fff;
    border: none;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 4px;
}

.btn-paynow:hover {
    opacity: 0.9;
}

.client-man p {
    font-size: 15px;
    margin: 0;
}

.client-man span {
    font-weight: normal;
    font-family: 'SF UI Text';
    font-weight: 600;
}

.savevideoman figure {
    border-radius: 4px;
    overflow: hidden;
}

.savevideoman figure img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.savevideoman h3 {
    font-size: 17px;
    margin-top: 10px;
}


.leftSidebar {
    width: 340px;
    background: #EBECF5;
    padding-bottom: 20px;
}

.sidebarPanal {
    position: sticky;
    top: 0;
}

.sidebarContent {
    width: calc(100% - 340px);
    padding: 5px 40px 40px;
}

.learningPath {
    padding: 20px;
    background: #ABB6FB;
}

.learningPath h3 {
    font-size: 19px;
    font-weight: 700;
    color: #171717;
    margin: 0;
}

.learningPath span {
    color: #3E55F9;
    display: block;
    padding: 10px 0 15px;
}

.learningPath .progress {
    height: 5px;
    background: #ADB1D7;
}

.learningPath .progress-bar {
    background: #3E55F9;
}

.sidebarMenu {
    /*padding: 0 20px;*/
}

.sidebarMenu li {
    display: block;
}

.sideMenuToggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #171717;
    padding: 13px 20px 13px 0;
}

.sideMenuToggle[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.sideMenuToggle:after {
    content: "";
    background: url(/front/imgs/cih/caret-down.svg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 14px;
}

.sidebarMenu {
    /*padding: 0 20px;*/
    overflow: auto;
    max-height: calc(100vh - 120px);
}

.sidebarMenu li ul li a {
    padding: 10px 15px;
    color: #171717;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal;
}

.sidebarMenu li ul li a:hover {
    color: #3E55F9;
}

.sidebarMenu li ul li a.selected {
    color: #ADB1D7;
    pointer-events: none;
}

.sidebarMenu li ul li a.active {
    font-family: 'SF UI Text';
    color: #3E55F9;
    font-weight: 600;
}

.videoText {
    width: 70%;
}

.videoText p {
    /*display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}

.saveBtn {
    background: none;
    display: flex;
    align-items: center;
    border: none;
    font-family: 'SF UI Text';
    color: #3E55F9;
    font-weight: bold;
}

.video_wrapper {
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    background-color: #000;
    border-radius: 12px;
    overflow: hidden;
}


.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: none;
}

.videoPoster {
    cursor: pointer;
   /* height: 760px;*/
    object-fit: cover;
    width: 100%;
    height: 570px;
    border-radius: 12px;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
    pointer-events: none;
}

.videoWrapperActive iframe {
    pointer-events: all;
}

.sidebarContent .bonus-card figure img {
    height: 330px;
}

.videoPlayBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.bonus-card figure .videoPlayBtn img {
    width: 70px;
    height: auto;
}


.mentor-content {
    margin-left: 25px;
}

.mentor-content h4 {
    font-size: 14px;
}

.mentor-content .dots {
    height: 6px;
    width: 6px;
    background-color: #545B73;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;

}

.mentor-content li {
    position: relative;
    padding-left: 15px;
    color: #545B73;
}

.careersupport p {
    font-size: 14px;
    font-weight: bold;
    color: black;
}

.resourcescontent h3 {
    color: #000000;
    font-size: 18px;
    font-weight: bold;
}

.resourcescontent p {
    color: #545B73;
    font-size: 14px;
}

.overlayBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.overlayBg.show {
    opacity: 1;
    visibility: visible;
}

.firstQuiz {
    background: Black;
    padding: 70px 160px;
    min-height: 760px;
    border-radius: 12px;
    margin-bottom: 20px;
}

.firstQuiz h2 {
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    color: #F5BE3F;
}



.questionCount {
    text-align: right;
    padding-bottom: 15px;
}

.questionCount span {
    color: #545B73;
    text-align: right;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}

.questionCount .progress-bar {
    background: #3E55F9;
}

.questionCount .progress {
    height: 7px;
    background: #ADB1D7;
}

.questionGroup {
    margin-bottom: 40px;
}

.questionGroup h2 {
    margin-bottom: 30px;
}

.questionGroup ul {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

.questionGroup ul li {
    width: 50%;
    padding: 20px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;

    padding: 10px 30px 10px 70px;
    height: 120px;
}

.correctAns .styled-checkbox+label {
    background: #b8f1e4;
}

.wrongAns .styled-checkbox+label {
    background: #ffc8cd;
}

.styled-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    background-image: url(/front/imgs/cih/checkbox-uncheck.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.styled-checkbox:checked+label:before {
    background-image: url(/front/imgs/cih/checkbox-check.svg);
}


.styled-radio {
    position: absolute;
    opacity: 0;
}

.styled-radio+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;

    padding: 10px 30px 10px 70px;
    height: 120px;
}

/*.styled-radio+label:before {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    border: 2px solid #ADB1D7;
    background: #EBECF5;
}

.styled-radio:checked+label:before {
    border: 5px solid #3E55F9;
    background: #fff;
}

.styled-radio:disabled+label:before {
    box-shadow: none;
    background: #171717;
}*/

.styled-radio:checked+label{
    background:  #ABB6FB;
    border-color: #ABB6FB;
}

.correctAns .styled-radio+label {
    background: #b8f1e4;
}

.wrongAns .styled-radio+label {
    background: #ffc8cd;
}

.correctAns .styled-radio:checked+label:before {
    border-color: #2de2ab;
}

.wrongAns .styled-radio:checked+label:before {
    border-color: #CF1B2B;
}

.quizBtn {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
    margin-top: 30px;
}

.quizBtn .btn {
    min-width: 160px;
    padding: 10px 15px;
    height: 46px;
}



.firstQuizcontent img{
    margin-right: 10px;
}
.firstQuizcontent{
    width: 40%;
    margin: auto;
}
.statusQuiz p{
    font-size: 16px;

}
.firstQuizHeading p{
    color: #ADB1D7;
    width: 68%;
    margin: auto;
}
.statusQuiz span{
    font-size: 25px;
    font-weight: bold;
    color: #2DE2AB;
}

@media(min-width:1200px) and (max-width:1400px) {
    .registerBanner {
        padding: 65px 50px;
    }

    .leftSidebar {
        width: 280px;
    }

    .sidebarContent {
        width: calc(100% - 280px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 200px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    /*.videoPoster {
        height: 500px;
    }*/

    .firstQuiz {
        padding: 70px 100px;
    }
    .firstQuizcontent{width: 60%;}
}

@media(min-width:992px) and (max-width:1199px) {
    .paddingY {
        padding: 50px 0;
    }

    .marginY {
        margin: 60px 0;
    }

    .mainBanner {
        padding: 60px 0;
    }

    .jobText {
        padding: 0 20px;
        width: 58%;
    }

    .programContent figure img {
        height: 200px;
    }

    .programContent h3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .programContent .videoInfo {
        padding: 0 15px;
    }

    .programContent .usersList {
        padding: 0 15px;
    }

    .registerBanner {
        background-size: 60%;
        padding: 50px;
    }

    .leftSidebar {
        width: 240px;
    }

    .sidebarContent {
        width: calc(100% - 240px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 200px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    .videoPoster {
        /*height: 450px;*/
        /*height: 760px;*/
    }

    .firstQuiz {
        padding: 70px;
    }
    .firstQuiz{min-height: 100%;}
    .firstQuizcontent{width: 70%;}
    
}

@media(min-width:768px) and (max-width:991px) {
    .jobText {
        width: 48%;
        padding: 0 15px;
    }

    .programContent figure img {
        height: 200px;
    }

    .savevideoman figure img {
        height: 120px;
    }

    .registerBanner {
        padding: 20px;
        background-size: 57%;
    }

    .banner-content h2 {
        font-size: 28px;
    }

    .btn-paynow {
        padding: 8px 15px;
        font-size: 15px;
        margin: 10px 0 !important;
    }

    .btn-paynow img {
        max-width: 20px;
    }

    .banner-content {
        max-width: 400px;
    }

    .videoPoster {
        /*height: 370px;*/
    }


}

@media (max-width:991px) {
    body {
        font-size: 15px;
    }

    .sectionHeading {
        padding-bottom: 30px;
    }

    .sectionHeading h2 {
        font-size: 28px;
    }

    .btn-outline-secondary {
        padding: 8px 15px;
        font-size: 15px;
    }

    .btn-primary {
        padding: 11px 15px;
        font-size: 14px;
    }

    .paddingY {
        padding: 40px 0;
    }

    .marginY {
        margin: 40px 0;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: -100%;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        height: 100%;
        width: 300px;
        transition: 0.4s all;
        display: block !important;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
    }

    .navbar .navbar-brand {
        margin: 0;
    }

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

    .navbar-nav {
        margin-top: 50px;
        height: calc(100% - 50px);
        overflow: auto;
    }

    .navbar-nav .nav-item {
        border-top: 1px solid #f5f5f5;
        padding: 0;
    }

    .navbar-nav .nav-item .nav-link {
        padding: 12px 15px;
    }

    .navbar-nav .nav-item .nav-link::after {
        bottom: -1px;
        width: 100%;
    }

    .navClose {
        border: none;
        background: none;
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0;
    }

    .userImg,
    .userImg img {
        width: 45px;
        height: 45px;
    }

    .countryDropdown .dropdown-toggle {
        padding: 6px 12px;
    }

    .userRight {
        gap: 10px !important;
    }

    .navbar-collapse.show {
        right: 0;
    }

    .mainBanner {
        padding: 40px 0;
    }

    .mainBannerTxt h1 {
        font-size: 36px;
    }

    .programList {
        margin: -10px;
    }

    .programList>li {
        width: 50% !important;
        padding: 10px;
    }

    .jobApplication {
        margin-bottom: 40px;
        padding: 12px;
    }

    .bonusvideos .row,
    .downloadResource .row {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .bonusvideos .row .col-4,
    .downloadResource .row .col-4, .bonusvideos .row .col-3,
    .downloadResource .row .col-3 {
        width: 300px;
    }

    .bonus-card figure img {
        height: auto;
    }

    .bonus-card .card-body h3 {
        font-size: 18px;
    }

    .footer {
        padding: 40px 0;
    }

    .footer .footerNav>li>a {
        padding: 7px 0;
        line-height: normal;
        font-size: 13px;
        margin-left: 0 !important;
    }

    .footer .logo {
        margin-bottom: 10px;
    }

    .footer .socal {
        padding-top: 10px;
    }

    .certificates,
    .footer .copy_right {
        padding-top: 15px;
        margin-top: 20px;
        text-align: center;
    }

    .leftSidebar {
        width: 240px;
    }

    .sidebarContent {
        width: calc(100% - 240px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 220px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    .sidebarMenu {
        padding: 0 10px;
    }

    .sidebarMenu li ul li a {
        padding: 10px 6px;
    }

    .firstQuiz {
        padding: 20px;
    }

    .firstQuiz h2 {
        font-size: 28px;
    }

    .questionGroup ul {
        margin: -10px;
    }

    .questionGroup ul li {
        padding: 10px;
        width: 100%;
    }

    .styled-checkbox+label,
    .styled-radio+label {
        padding: 10px 20px 10px 50px;
        height: auto;
        min-height: 70px;
        font-size: 14px;
    }

    .styled-checkbox+label:before,
    .styled-radio+label:before {
        /*left: 15px;*/
        right: 15px !important;
        top: 30px !important;
    }

    .firstQuiz{min-height: 100%;}
    .firstQuizcontent{width: 100%;}

    body.show_question_toggle{
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

@media (max-width:767px) {

    .mainBannerTxt h1 {
        font-size: 28px;
    }

    .mainBannerTxt p {
        margin: 0;
    }

    .sectionHeading h2 {
        font-size: 24px;
    }

    .bonus-card {
        margin-bottom: 10px;
    }

    .jobApplication figure {
        max-width: 100%;
    }

    .jobText {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .jobApplication .btn {
        margin: auto;
    }

    .programList>li {
        width: 50% !important;
        padding: 15px;
    }

    .programContent {
        padding-bottom: 15px;
    }

    .programContent figure img {
        height: 200px;
    }

    .programContent .usersList {
        padding: 0 15px;
    }

    .programContent h3 {
        padding: 15px 15px 8px;
        font-size: 18px;
    }

    .videoInfo {
        padding: 0 15px;
    }

    .videoInfo span {
        font-size: 14px;
    }

    .registerBanner {
        background-image: none;
        padding: 15px;
    }

    .banner-peragraph {
        width: 100%;
    }

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

    .banner-content ul {
        justify-content: center;
    }

    .banner-content h2 {
        font-size: 24px;
    }

    .btn-paynow {
        padding: 8px 15px;
        font-size: 14px;
    }

    .btn-paynow img {
        max-width: 18px;
    }

    .client-man {
        text-align: left;
        justify-content: center;
    }

    .leftSidebar {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        /* position: fixed;
        top: 0;
        left:-100%;
        z-index: 999; */
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    .sidebarContent {
        width: 100%;
        padding: 5px 40px 40px;
    }

    .videoText {
        width: 100%;
    }

    .sidebarPanal {
        position: relative;
        top: 0;
    }

    .sidebarMenu {
        padding: 0 20px;
        overflow: auto;
        max-height: 100%;
        height: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
        padding: 10px;
        top: 0;
        left: -100%;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        transition: 0.4s all;
    }

    .sidebarMenu.show {
        left: 0;
    }

    .learningPath {
        margin: 0 !important;
    }

    .questionToggle {
        background: none;
        padding: 0;
        border: none;
        margin-top: 10px;
        font-family: 'SF UI Text';
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        font-weight: 600;
    }

    .resourcescontent {
        padding-left: 10px !important;
    }

    .resourcescontent h3 {
        font-size: 16px;
    }

    .mentor-content {
        margin: 15px 0 0;
    }

    .videoPoster {
        /*height: 350px;*/
    }

    .firstQuiz h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

}

@media (max-width:576px) {
    .banner-bg {
        padding: 20px;
    }

    .programList>li {
        width: 100% !important;
        padding: 15px;
    }

    .videoPoster {
       /* height: 220px;*/
    }
    .quizBtn .btn {
        min-width: 100px;
    }

    .bonus-card{
        height: auto !important;
    }

    .bonus-card .card-body{
        padding: 24px 16px 15px 16px !important;
    }

    .bonus-card .card-body span{
        display: block !important;
    }

    .bonus-card .card-body span .video_seprater_text{
        display: none !important;
    }

    .bonus-card figure .videoPlayBtn img{
        width: 40px !important;
        height: auto;
    }
}

@media (max-width:375px) {
    .footer .col-6 {
        width: 100%;
        padding-bottom: 20px;
    }

    .footer h3 {
        margin-bottom: 7px !important;
    }

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

.breadcrumb-item.active{
    color:#6c757d;
}
.jobApplication .btn{
    padding:12px 20px;
}
.bg_light{
    background-color:#f4f7fc;
}
.downloadResource .bonus-card button.btn {
    color:#545B73;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.downloadResource .bonus-card button.btn:hover{
    color:#fff;
}
.banner-content p {
    margin: 0;
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.mobile_btn{
    display:none;
}
.btn.btn-primary.text_btn {
    padding: 10px 20px;
}
.bonusvideos .sectionHeading h2 {
    display: flex;
    justify-content: space-between;
}
.bonus-card .card-body span .ration_sp i {
    color: #f5be3f;
}

@media(min-width:1200px){
.pt-50{padding-top:50px;}
.pb-40 {
    padding-bottom: 40px;
}
.mY-50{
    margin:50px 0;
}
}
@media(max-width:1200px){
.bonus-card figure img {
    height:auto;
}
}
@media(max-width:991px){
.programContent .usersList, .programContent h3, .videoInfo{
    padding-left:15px;
    padding-right:15px;
    font-size: 16px;
}
.programSection  .jobText {
    width: 46%;
}
}
@media(max-width:767px){
.mobile_btn{
    display:block;
}
.mobile_none{
    display:none;
}
.downloadResource .bonus-card button.mobile_btn.btn {
    padding: 0;
    color: #3e55f9;
    display: flex;
    gap: 10px;
}
.downloadResource .bonus-card{
    padding-bottom:48px;
}
.downloadResource .bonus-card .card-body p, .bonusvideos .bonus-card .card-body p{
    display:none;
}
.paddingY{
    padding:22px 0;
}
.sectionHeading h2, .bonusvideos .sectionHeading h2{
    font-size:18px;
}
.sectionHeading{
    padding-bottom:15px;
}
.programList>li{
    width:50% !important;
    padding:10px;
}
.programContent .usersList {
    display: none;
}
.programContent figure img {
    height: 140px;
}
.programContent figure {
    margin-bottom: 0;
}
.programContent h3 {
    font-size: 15px;
    white-space: normal;
    text-overflow: unset;
}
.videoInfo span {
    font-size: 12px;
}
.mobile_gray_bg{
    background:#EBECF5;
}
.banner-content ul {
    justify-content: start;
}
.banner-content {
    text-align: left;
}
.banner-content p{
    display:none;
}
.banner-content .btn-paynow{
    margin:15px 0 !important;
}
.client-man {
    justify-content:start;
    margin-top:5px;
}
.registerBanner{
    padding:25px;
}
.banner-content .client-man p{
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.banner-content h2{
    font-size:22px;
}
.client-man span{
    font-size:17px;
}
.mp-40 {
    margin: 0;
    padding-top: 34px;
}
.bonusvideos .sectionHeading p, .downloadResource .sectionHeading p{
    display: none;
}
.downloadResource{
    padding-bottom:40px;
}
.bonusvideos .bonus-card .card-body h3{
    margin: 0;
}
.bonusvideos .bonus-card .card-body{
    padding: 24px 16px 15px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
.bonusvideos .bonus-card .card-body h3{
    margin:0;
    font-size: 15px;
    font-style: normal;
    line-height: 145%;
}
.downloadResource .bonus-card .card-body h3{
    font-size:15px;
}
.cih_header .navbar-brand img{
    max-width:100px !important;
}
.bonusvideos .sectionHeading h2, .downloadResource .sectionHeading h2{
    display:flex;
    justify-content:space-between;
}
.bonusvideos .sectionHeading h2 a, .downloadResource .sectionHeading h2 a{
    font-size:14px;
    font-weight:600;
}
.programSection.bg_light.paddingY{
    padding-bottom:0;
}
.btn.btn-primary.text_btn {
    padding: 0;
    background: transparent;
    color: #3e55f9;
    font-weight: 700;
}
.programSection .jobText {
    width: 100%;
}
}
@media(max-width:481px){
.videoInfo {
    gap: 5px;
}
.programContent .usersList, .programContent h3, .videoInfo {
    padding-left: 12px;
    padding-right: 12px;
}
}

@media (min-width: 1400px){
.cih_phase_two_page .container {
    max-width: 1320px !important;
}
}


/**
    Detail Page CSS
**/

.leftSidebar {
    width: 340px;
    background: #f4f7fc;
    padding-bottom: 20px;
}

.sidebarPanal {
    position: sticky;
    top: 0;
}
.sidebarMenu li li:hover, .sidebarMenu li.active, .sidebarMenu .accordion-body ul li:hover{
    background: #ebecf5;
}
.sidebarContent {
    width: calc(100% - 340px);
    padding: 5px 40px 40px;
}

.learningPath {
    padding: 20px;
    background: #ABB6FB;
}

.learningPath h3 {
    font-size: 19px;
    font-weight: 700;
    color: #171717;
    margin: 0;
}

.learningPath span {
    color: #3E55F9;
    display: block;
    padding: 10px 0 15px;
}

.learningPath .progress {
    height: 5px;
    background: #ADB1D7;
}

.learningPath .progress-bar {
    background: #3E55F9;
}

/*.sidebarMenu{
    padding:0 20px;
}*/

.sidebarMenu li{
    display:block;
    padding:0 20px;
}

.sideMenuToggle {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    color: #171717;
    padding: 13px 20px 13px 0;
}

.sideMenuToggle[aria-expanded="true"]:after {
    transform: rotate(180deg);
}

.sideMenuToggle:after {
    content: "";
    background: url(/front/imgs/cih/caret-down.svg);
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    right: 0;
    top: 14px;
}

.sidebarMenu {
    overflow: auto;
    max-height: calc(100vh - 120px);
}
/*.sidebarMenu ul li{
    padding: 0 20px;
}*/

.sidebarMenu li ul li a {
    padding: 10px 15px;
    color: #171717;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: normal;
}

.sidebarMenu li ul li a:hover {
    color: #3E55F9;
}

.sidebarMenu li ul li a.selected {
    color: #ADB1D7;
    pointer-events: none;
}

.sidebarMenu li ul li a.active {
    font-family: 'SF UI Text';
    color: #3E55F9;
    font-weight: 600;
}

.videoText {
    width: 70%;
}

.videoText p {
   /* display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;*/
}

.saveBtn {
    background: none;
    display: flex;
    align-items: center;
    border: none;
    font-family: 'SF UI Text';
    color: #3E55F9;
    font-weight: bold;
}

.video_wrapper {
    width: 100%;
    margin: 0 0 20px;
    position: relative;
    background-color: #000;
    border-radius: 12px;
    overflow: hidden;
}

.videoIframe {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    pointer-events: none;
}

.videoPoster {
    cursor: pointer;
    /*height: 760px;
    object-fit: cover;*/
    width: 100%;
}

.videoWrapperActive .videoPoster {
    opacity: 0;
    -webkit-transition-delay: 0s, 800ms;
    -moz-transition-delay: 0s, 800ms;
    transition-delay: 0s, 800ms;
    pointer-events: none;
}

.videoWrapperActive iframe {
    pointer-events: all;
}

.sidebarContent .bonus-card figure img {
    height: 330px;
}

.videoPlayBtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
}

.bonus-card figure .videoPlayBtn img {
    width: 70px;
    height: auto;
}


.mentor-content {
    margin-left: 25px;
}

.mentor-content h4 {
    font-size: 14px;
}

.mentor-content .dots {
    height: 6px;
    width: 6px;
    background-color: #545B73;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 0;

}

.mentor-content li {
    position: relative;
    padding-left: 15px;
    color: #545B73;
}

.careersupport p {
    font-size: 15px;
    color: black;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.45px;
}
.resourcescontent h3 {
    color: #000000;
    font-size: 17px;
    font-weight: bold;
}

.resourcescontent p {
    color: #545B73;
    font-size: 17px;
}

.overlayBg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.20);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
}

.overlayBg.show {
    opacity: 1;
    visibility: visible;
}

.firstQuiz {
    background: Black;
    padding:55px 135px;
    min-height: 760px;
    border-radius:0px;
    margin-bottom: 20px;
}

.firstQuiz h2 {
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    color: #3E55F9;
}



.questionCount {
    text-align: right;
    padding-bottom: 15px;
}

.questionCount span {
    color: #545B73;
    text-align: right;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: 700;
    display: block;
    margin-bottom: 8px;
}

.questionCount .progress-bar {
    background: #3E55F9;
}

.questionCount .progress {
    height: 7px;
    background: #ADB1D7;
}

.questionGroup{
    margin-bottom:40px;
}

.questionGroup h2{
    margin-bottom:30px;
}

.questionGroup ul{
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
    justify-content: center;
    margin-top: 35px;
}

.questionGroup ul li {
    width: 50%;
    padding: 20px;
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;

    padding: 10px 30px 10px 70px;
    height: 120px;
}

.correctAns .styled-checkbox+label {
    background: #b8f1e4;
}

.wrongAns .styled-checkbox+label {
    background: #ffc8cd;
}

.styled-checkbox+label:before {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 30px;
    height: 30px;
    background-image: url(/front/imgs/cih/checkbox-uncheck.svg);
    background-size: cover;
    background-repeat: no-repeat;
}

.styled-checkbox:checked+label:before {
    background-image: url(/front/imgs/cih/checkbox-check.svg);
}


.styled-radio {
    position: absolute;
    opacity: 0;
}

.styled-radio+label {
    position: relative;
    cursor: pointer;
    padding: 0;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    color: #171717;
    padding: 14px 70px 14px 20px;
    height: auto;
    border-radius: 11px;
    border: 1px solid #EBECF5;
    box-shadow: 4px 5px 0px 0px rgba(255, 255, 255, 0.25);
}

.styled-radio+label:after {
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    /*border: 2px solid #ADB1D7;
    background: #EBECF5;*/
}

.styled-radio:checked+label:after {
    /*border: 5px solid #3E55F9;
    background: #fff;*/
}

.styled-radio:disabled+label:after {
    box-shadow: none;
    background: #171717;
}

.correctAns .styled-radio+label {
    background: #b8f1e4;
}

.wrongAns .styled-radio+label {
    background: #ffc8cd;
}

.correctAns .styled-radio:checked+label:after{
    border-color:#2de2ab;
}

.wrongAns .styled-radio:checked+label:after{
    border-color:#CF1B2B;
}

.quizBtn{
    display:flex;
    align-items:center;
    gap:15px;
    justify-content:center;
    margin-top:40px;
}

.quizBtn .btn{
    min-width:160px;
    padding:10px 15px;
    height:46px;
}

.firstQuizcontent img{
    margin-right:10px;
}
.firstQuizcontent .firstQuizfirst img{
    position:relative;
    top:6px;
}
.firstQuizcontent{
    width: 50%;
    margin: auto;
}
.statusQuiz p{
    font-size: 16px;

}
.firstQuizHeading p{
    color: #171717;
    width: 68%;
    margin: auto;
}   
.statusQuiz span{
    font-size: 27px;
    font-weight: bold;
    color: #2DE2AB;
}
.questionCount span{
    display: block;
    margin-bottom: 8px;
    color: #1C233A;
    font-family: Red Hat Display;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 145%;
}
.quizQuestionGroup h2{
    color:#1C233A;
    text-align: center;
    font-family: Red Hat Display;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.825px;
    margin-top: 20px;
}
.questionGroup ul li {
    padding: 10px;
}
.firstQuiz .review_number h2{
    color: #F5BE3F;
    text-align: center;
    font-family: Red Hat Display;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.statusQuiz{
    margin-top:90px;
    margin-bottom:70px;
}
.next_playbtn .btn-primary.btn.btn_blue {
    background: #3E55F9;
}
.playscreen_bg {
    position: relative;
}
.next_playscreen h5 {
    text-align: center;
}
.next_popup_screen {
    width: 550px;
    height: 365px;
    text-align: center;
    border-radius: 16px;
    background: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.next_popup_screen .close_btn {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor:pointer;
}
.next_popup_screen h4 {
    color: #171717;
    text-align: center;
    font-family: Red Hat Display;
    font-size: 33px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.825px;
    margin: 20px 0;
}
.next_popup_screen .btn.btn-outline-light{
    color:#171717;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 143%;
    letter-spacing: -0.16px;
    border-radius: 4px;
    border: 1px solid #ADB1D7;
    padding: 10px 22px;
}

.breadcrumb{
    margin-bottom: 0px;
}

.sidebarContent .mentor .menter_box img.rounded-1{
    max-width: 150px;
}

.sidebarContent .careersupport .btn:focus{
    box-shadow: none;
}

.sidebarContent .resources .dasktop_view{
    width: 150px;
}

.pss-bar,.pss-rad{background-color:#fff;--pss-color:blue}
.pss-bar{width:200px;border-radius:5rem;position:relative;background-image:linear-gradient(to right,var(--pss-color) var(--width),transparent var(--width)); transform: rotateY(180deg);}
.pss-rad{flex-shrink: 0;width:20px;height:20px;border-radius:50%;--pss-center:transparent;background-image:radial-gradient(circle,var(--pss-center) calc(72% - 1rem),transparent 0),conic-gradient(transparent calc(100% - var(--width)),var(--pss-color) 0);mask:radial-gradient(circle,var(--pss-center) calc(72% - 1rem),#000 0)}

.pss-bar-mobile,.pss-rad-mobile{background-color:white;--pss-color:#F5BE3F}
.pss-bar-mobile{width:200px;border-radius:5rem;position:relative;background-image:linear-gradient(to right,var(--pss-color) var(--width),transparent var(--width)); transform: rotateY(180deg);}
.pss-rad-mobile{flex-shrink: 0;width:25px;height:25px;border-radius:50%;--pss-center:transparent;background-image:radial-gradient(circle,var(--pss-center) calc(72% - 1rem),transparent 0),conic-gradient(transparent calc(100% - var(--width)),var(--pss-color) 0);mask:radial-gradient(circle,var(--pss-center) calc(72% - 1rem),#000 0)}


.sidebarContent .mentor .mentor-content{
    pointer-events: none;
} 

.sidebarContent .menter_box figure{
    pointer-events: none;
} 

.sidebarContent .videoPanel .firstQuiz.video_pause{
    position: absolute;
    top: 0;
}



.circular {
    height: 100px;
    width: 100px;
    position: relative;
    margin: 0px auto;
}

.circular .inner,
.circular .outer,
.circular .circle {
    position: absolute;
    z-index: 6;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
}

.circular .inner {
    top: 50%;
    left: 50%;
    height: 80px;
    width: 80px;
    margin: -40px 0 0 -40px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.circular .circle {
    z-index: 1;
    box-shadow: none;
}

.circular .numb {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 44px;
    text-align: center;
    color: #1C233A;
}

.circular .bar {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    clip: rect(0px, 100px, 100px, 50px);
}

.circle .bar .progress {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
}

.circle .bar .progress,
.dot span {
    background: #1C233A;
}

.circle .left .progress {
    z-index: 1;
    animation: left 3s linear both;
}

@keyframes left {
    100% {
        transform: rotate(180deg);
    }
}

.circle .right {
    z-index: 3;
    transform: rotate(180deg);
}

.circle .right .progress {
    animation: right 3s linear both;
    animation-delay: 3s;
}

@keyframes right {
    100% {
        transform: rotate(180deg);
    }
}

.circle .dot {
    z-index: 2;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height: 10px;
    margin-top: -5px;
    animation: dot 6s linear both;
    transform-origin: 0% 50%;
}

.circle .dot span {
    position: absolute;
    right: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

@keyframes dot {
    0% {
        transform: rotate(-90deg);
    }

    50% {
        transform: rotate(90deg);
        z-index: 4;
    }

    100% {
        transform: rotate(270deg);
        z-index: 4;
    }
}


@media(min-width:1200px) and (max-width:1400px) {
    .registerBanner {
        padding: 65px 50px;
    }

    .leftSidebar {
        width: 280px;
    }

    .sidebarContent {
        width: calc(100% - 280px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 200px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    /*.videoPoster{
        height:500px;
    }*/

    .firstQuiz{
        padding:45px 75px;
    }
    .firstQuizcontent{width:60%;}
}

@media(min-width:992px) and (max-width:1199px){
    .paddingY {
        padding: 50px 0;
    }

    .marginY {
        margin: 60px 0;
    }

    .mainBanner {
        padding: 60px 0;
    }

    .jobText {
        padding: 0 20px;
        width: 58%;
    }

    .programContent figure img {
        height: 200px;
    }

    .programContent h3 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .programContent .videoInfo {
        padding: 0 15px;
    }

    .programContent .usersList {
        padding: 0 15px;
    }

    .registerBanner {
        background-size: 60%;
        padding: 50px;
    }

    .leftSidebar {
        width: 240px;
    }

    .sidebarContent {
        width: calc(100% - 240px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 200px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    /*.videoPoster {
        height: 450px;
    }*/

    .firstQuiz {
        padding:60px;
    }
    .firstQuiz{min-height: 100%;}
    .firstQuizcontent{width:80%;}
    
}

@media(min-width:768px) and (max-width:991px) {
    .jobText {
        width: 48%;
        padding: 0 15px;
    }

    .programContent figure img {
        height: 200px;
    }

    .savevideoman figure img {
        height: 120px;
    }

    .registerBanner {
        padding: 20px;
        background-size: 57%;
    }

    .banner-content h2 {
        font-size: 28px;
    }

    .btn-paynow {
        padding: 8px 15px;
        font-size: 15px;
        margin: 10px 0 !important;
    }

    .btn-paynow img {
        max-width: 20px;
    }

    .banner-content {
        max-width: 400px;
    }

    .videoPoster{
        /*height:415px;*/
        object-fit:cover;
    }

}

@media (max-width:991px) {
    body {
        font-size: 15px;
    }

    .sectionHeading {
        padding-bottom: 30px;
    }

    .sectionHeading h2 {
        font-size: 28px;
    }

    .btn-outline-secondary {
        padding: 8px 15px;
        font-size: 15px;
    }

    .btn-primary {
        padding: 11px 15px;
        font-size: 14px;
    }

    .paddingY {
        padding: 40px 0;
    }

    .marginY {
        margin: 40px 0;
    }

    .navbar-collapse {
        flex-basis: 100%;
        flex-grow: 1;
        align-items: center;
        position: fixed;
        top: 0;
        right: -100%;
        background: #fff;
        z-index: 999;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        height: 100%;
        width: 300px;
        transition: 0.4s all;
        display: block !important;
    }

    .navbar-toggler {
        border: none;
        padding: 0;
    }

    .navbar .navbar-brand {
        margin: 0;
    }

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

    .navbar-nav {
        margin-top: 50px;
        height: calc(100% - 50px);
        overflow: auto;
    }

    .navbar-nav .nav-item {
        border-top: 1px solid #f5f5f5;
        padding: 0;
    }

    .navbar-nav .nav-item .nav-link {
        padding: 12px 15px;
    }

    .navbar-nav .nav-item .nav-link::after {
        bottom: -1px;
        width: 100%;
    }

    .navClose {
        border: none;
        background: none;
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 0;
    }

    .userImg,
    .userImg img {
        width: 45px;
        height: 45px;
    }

    .countryDropdown .dropdown-toggle {
        padding: 6px 12px;
    }

    .userRight {
        gap: 10px !important;
    }

    .navbar-collapse.show {
        right: 0;
    }

    .mainBanner {
        padding: 40px 0;
    }

    .mainBannerTxt h1 {
        font-size: 36px;
    }

    .programList {
        margin: -10px;
    }

    .programList>li {
        width: 50% !important;
        padding: 10px;
    }

    .jobApplication {
        margin-bottom: 40px;
        padding: 12px;
    }

    .bonusvideos .row,
    .downloadResource .row {
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }

    .bonusvideos .row .col-4,
    .downloadResource .row .col-4, .bonusvideos .row .col-3,
    .downloadResource .row .col-3 {
        width: 300px;
    }

    .bonus-card figure img {
        height: auto;
    }

    .bonus-card .card-body h3 {
        font-size: 18px;
    }

    .footer {
        padding: 40px 0;
    }

    .footer .footerNav>li>a {
        padding: 7px 0;
        line-height: normal;
        font-size: 13px;
        margin-left: 0 !important;
    }

    .footer .logo {
        margin-bottom: 10px;
    }

    .footer .socal {
        padding-top: 10px;
    }

    .certificates,
    .footer .copy_right {
        padding-top: 15px;
        margin-top: 20px;
        text-align: center;
    }

    .leftSidebar {
        width: 240px;
    }

    .sidebarContent {
        width: calc(100% - 240px);
        padding: 5px 40px 40px;
    }

    .sidebarContent .bonus-card figure img {
        height: 220px;
    }

    .videoText {
        width: 82%;
    }

    .bonus-card figure .videoPlayBtn img {
        width: 70px;
        height: auto;
    }

    .sidebarMenu {
        padding: 0 10px;
    }

    .sidebarMenu li ul li a {
        padding: 10px 6px;
    }

    .firstQuiz {
        padding: 20px;
    }

    .firstQuiz h2 {
        font-size: 28px;
    }

    .questionGroup ul {
        margin: -10px;
    }

    .questionGroup ul li {
        padding: 10px;
    }

    .styled-checkbox+label,
    .styled-radio+label {
        /*padding: 10px 20px 10px 50px;*/
        height: auto;
        min-height: 70px;
        font-size: 14px;
    }

    .styled-checkbox+label:after,
    .styled-radio+label:after {
        left: 15px;
    }

    .firstQuiz{min-height:100%;}
    .firstQuizcontent{width:100%;}
    .next_popup_screen{
        width:458px;
    }
    .next_popup_screen h4 {
        font-size: 26px;
    }
}

@media (max-width:767px) {

    .mainBannerTxt h1 {
        font-size: 28px;
    }

    .mainBannerTxt p {
        margin: 0;
    }

    .sectionHeading h2 {
        font-size: 24px;
    }

    .bonus-card {
        margin-bottom: 10px;
    }

    .jobApplication figure {
        max-width: 100%;
    }

    .jobText {
        width: 100%;
        padding: 10px 0;
        text-align: center;
    }

    .jobApplication .btn {
        margin: auto;
    }

    .programList>li {
        width: 50% !important;
        padding: 15px;
    }

    .programContent {
        padding-bottom: 15px;
    }

    .programContent figure img {
        height: 200px;
    }

    .programContent .usersList {
        padding: 0 15px;
    }

    .programContent h3 {
        padding: 15px 15px 8px;
        font-size: 18px;
    }

    .videoInfo {
        padding: 0 15px;
    }

    .videoInfo span {
        font-size: 14px;
    }

    .registerBanner {
        background-image: none;
        padding: 15px;
    }

    .banner-peragraph {
        width: 100%;
    }

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

    .banner-content ul {
        justify-content: center;
    }

    .banner-content h2 {
        font-size: 24px;
    }

    .btn-paynow {
        padding: 8px 15px;
        font-size: 14px;
    }

    .btn-paynow img {
        max-width: 18px;
    }

    .client-man {
        text-align: left;
        justify-content: center;
    }

    .leftSidebar {
        width: 100%;
        padding: 10px;
        margin-bottom: 10px;
        /* position: fixed;
        top: 0;
        left:-100%;
        z-index: 999; */
    }

    .breadcrumb {
        margin-bottom: 0;
    }

    .breadcrumb-item {
        font-size: 14px;
    }

    .sidebarContent {
        width: 100%;
        padding: 5px 40px 40px;
    }

    .videoText {
        width: 100%;
    }

    .sidebarPanal {
        position: relative;
        top: 0;
    }

    .sidebarMenu {
        padding: 0 20px;
        overflow: auto;
        max-height: 100%;
        height: 100%;
        position: fixed;
        background: #fff;
        z-index: 999;
        padding: 10px;
        top: 0;
        left: -100%;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        transition: 0.4s all;
    }

    .sidebarMenu.show {
        left: 0;
    }

    .learningPath {
        margin: 0 !important;
    }

    .questionToggle {
        background: none;
        padding: 0;
        border: none;
        margin-top: 10px;
        font-family: 'SF UI Text';
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        font-weight: 600;
    }

    .resourcescontent {
        padding-left: 10px !important;
    }

    .resourcescontent h3 {
        font-size: 16px;
    }

    .mentor-content {
        margin: 15px 0 0;
    }

    .videoPoster, .video_wrapper .videoPoster{
       /* height: 350px;*/
    }

    .firstQuiz h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .sidebarContent .mentor .mentor-content{
        pointer-events: all;
    } 


    .sidebarContent .videoGroup #show-more{
        padding: 0px 12px;
    }

    .cih_detail_phase_two_page .cih_header{display: none;}
}

@media (max-width:576px) {
    .banner-bg {
        padding: 20px;
    }

    .programList>li {
        width: 100% !important;
        padding: 15px;
    }

    .videoPoster {
        /*height: 220px;*/
    }
    .quizBtn .btn {
        min-width: 100px;
    }
}

@media (max-width:375px) {
    .footer .col-6 {
        width: 100%;
        padding-bottom: 20px;
    }

    .footer h3 {
        margin-bottom: 7px !important;
    }

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

.breadcrumb-item.active{
    color:#6c757d;
}
.jobApplication .btn{
    padding:12px 20px;
}
.bg_light{
    background-color:#f4f7fc;
}
.downloadResource .bonus-card button.btn {
    color:#545B73;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.downloadResource .bonus-card button.btn:hover{
    color:#fff;
}
.banner-content p {
    margin: 0;
    color: #FFF;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.mobile_btn{
    display:none;
}
.btn.btn-primary.text_btn {
    padding: 10px 20px;
}
.bonusvideos .sectionHeading h2 {
    display: flex;
    justify-content: space-between;
}
.bonus-card .card-body span .ration_sp i {
    color: #f5be3f;
}
/*detail css*/
.videoPanel .sectionHeading h2, .mentor .sectionHeading h2, .resources .sectionHeading h2{
    font-size:27px;
    line-height:normal;
    letter-spacing:-0.54px;
}
.videoText p{
    color: #545B73 !important;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.videoPanel .saveBtn{
    color:#545B73;
    font-size:17px;
    font-style:normal;
    font-weight:400;
    line-height:150%;
    font-family:''SF UI Text'';
}
.videoPanel.mb-50 {
    margin-bottom: 50px;
}
.mentor .sectionHeading, .resources .sectionHeading {
    padding-bottom: 25px;
}
.mentor-content h4 {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 185.5%;
    color: #1C233A;
    margin-bottom: 0;
}
.mentor-content span {
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.mentor-content ul li {
    line-height: 150%;
}
.careersupport button {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    display: inline-flex;
    gap: 5px;
}
.resources {
    padding-top: 35px;
}
.bonusvideos.mt-70 {
    margin-top: 70px;
}
.resources .btn-primary path {
    fill: #fff;
}
.mobile_view{display:none;}
.mb-100{margin-bottom:100px;}
.mobile_topbar {
    display: none;
}
.view_morebtn a{
    padding:8px 12px;
    border-radius:4px;
    /*background:#EBECF5;*/
    text-align:center;
    color:#3e55f9;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:150%;
    display:block;
    margin-top:12px;
}
.view_morebtn.less_btn a svg {
    transform:rotate(180deg);
}

.view_morebtn a svg path{
    fill:#3e55f9 !important;
}

.menter_box .mobile_popup {
    display: none;
}
.videoGroup {
    position: relative;
}
.firstQuiz {
    /*position: absolute;
    top: 0;*/
    width: 100%;
    /*height: calc(100% - 105px);*/
    height: 570px;
    min-height: auto;
    border-radius: 12px;
}
.correctAns .styled-radio+label:before {
    content: "\f058";
    color: #24B25D;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 15px;
}
.styled-radio+label {
    flex-wrap: wrap;
    align-content: center;
}
.wrongAns .styled-radio+label:before {
    content:"\f057";
    color: #CF1B2B;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 18px;
    top: 15px;
}
.video_wrapper .videoPoster {
    /*height: 565px;*/
}
.statusQuiz p {
    font-size: 16px;
    color:#ADB1D7;
    font-family: Red Hat Display;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
}
.sidebarMenu .scroll-content {
    max-height: calc(100vh - 150px) !important;
}
.sidebarMenu .accordion-item {
    border: 0;
}
.sidebarMenu .accordion-button {
    background: #f4f7fc;
    padding: 14px 20px;
}
.sidebarMenu .accordion-button a {
    color: #171717;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: ''SF UI Text'';
    display: flex;
    align-items: center;
    gap: 5px;
}
.sidebarMenu .accordion-button:focus, .sidebarMenu .accordion-button:active {
    outline: 0;
    box-shadow: none;
    border: 0;
}
.sidebarMenu .accordion-body {
    padding: 0;
}
.sidebarMenu .accordion-body ul li {
    padding: 12px 40px;
}
.sidebarMenu .accordion-body ul li a {
    color: #ADB1D7;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    font-family: ''SF UI Text'';
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.sidebarMenu .accordion-body ul li a.not_started{
    color: rgb(23 23 23 / 70%);
}

.sidebarMenu .accordion-body ul li.active a {
    color: #3e55f9;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}
.sidebarMenu .accordion-button::after {
    content: "";
    background: url(/front/imgs/cih/caret-down.svg);
    width: 20px;
    height: 20px;
    display: block;
}
.rating ul{
    display:flex;
    justify-content:center;
    gap:28px;
}
.rating ul li {
    position: relative;
}
.rating ul li input[type="radio"] ~ label{
    position: absolute;
    background: url(/front/imgs/cih/shape_star.png) no-repeat;
    width: 35px;
    height: 35px;
    left: -12px;
}
.rating ul li input[type="radio"]{
    opacity:0;
}
.rating ul li input[type="radio"]:checked ~ label{
    background:url(/front/imgs/cih/solid_star.png) no-repeat;
}

/*new play screen*/
.firstQuiz {
    background: rgb(255 255 255 / 90%);
}
.next_playscreen h5 {
    font-style: normal;
    font-weight: 700;
    font-size: 19px;
    line-height: 25px;
    color: #1C233A;
    margin: 0 0 24px;
}
.nextplay_count {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #1C233A;
    border-radius: 50%;
    margin: auto;
    font-style: normal;
    font-weight: 700;
    font-size: 33px;
    line-height: 44px;
    text-align: center;
    color: #1C233A;
}
.next_playbtn {
    text-align: center;
    margin-top: 25px;
}
.next_playbtn .btn-primary.btn {
    padding: 10px 25px;
    height: 48px;
    background: #545B73;
    border-radius: 4px;
    border-color: #545B73;
    margin: 0 5px;
}
.icon_instruction span {
    color: #171717;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.337px;
    margin: 0 5px;
}
.icon_instruction span img {
    margin-right: 5px;
}
.icon_instruction {
    margin-bottom: 20px;
}
.firstQuizcontent .h4 {
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    color: #171717;
    margin-bottom: 16px;
}
.firstQuizcontent .firstQuizfirst {
    color: #171717;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.firstQuizcontent .firstQuizfirst svg {
    position: relative;
    top: 3px;
    margin-right: 10px;
}
.quizBtn .btn.btn-outline-light {
    color: #1C233A;
    border-color: #ADB1D7;
}
.second_screen_bg{
    background:#F4F7FC;
}
.third_screen_bg{
    background:#fff;
        z-index: 1;
    position: relative;
    overflow: hidden;
        border: 1px solid #ADB1D7;
}
.third_screen_bg:before {
    background:url(/front/imgs/cih/third_bg_img.png) no-repeat;
    content:"";
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:260px;
    background-size:cover;
    background-position: center;
    z-index: -1;
}
.firstQuizinner{
    position:relative;
}
.quizQuestionGroup {
    position: relative;
}

.sidebarMenu .accordion-button.active{
    background: #c1caff;
}

.sidebarMenu .accordion-button.active a{
    font-weight: 600;
}

.cih_detail_phase_two_page .sidebarContent .breadcrumb a{
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #ADB1D7;
    display: flex;
    align-items: center;
}

.cih_detail_phase_two_page .sidebarContent .breadcrumb a svg{
    margin-right: 10px;
}

@media(max-width:1500px){
.styled-radio+label {
    padding: 14px 50px 14px 20px;
}
.questionGroup ul {
    margin-top: 22px;
}
.questionGroup h2 {
    margin-bottom: 20px;
}
.styled-radio+label {
    font-size: 15px;
}
}
@media(min-width:1200px){
.pt-50{padding-top:50px;}
.pb-40 {
    padding-bottom: 40px;
}
.mY-50{
    margin:50px 0;
}
}
@media(max-width:1200px){
.bonus-card figure img {
    height:auto;
}
.styled-radio+label {
    height: auto;
    line-height: 18px;
}
.correctAns .styled-radio+label:before, .wrongAns .styled-radio+label:before{
    margin-bottom: 5px;
}
.questionGroup h2 {
    font-size: 28px;
}
}
@media(max-width:991px){
.programContent .usersList, .programContent h3, .videoInfo{
    padding-left:15px;
    padding-right:15px;
    font-size: 16px;
}
.programSection  .jobText {
    width: 46%;
}
.firstQuiz{
    /*height:calc(100% - 145px);*/
    /*height: 415px;*/
}

.video_wrapper .videoPoster {
    /*height: 500px;*/
    /*height: 415px;*/
}
.questionGroup h2 {
    font-size: 24px;
    margin-bottom:10px;
    margin-top: 0;
}
.questionGroup ul {
    margin-top:20px;
}
.quizBtn {
    margin-top: 25px;
}
}
@media(max-width:767px){
.mobile_btn{
    display:block;
}
.mobile_none{
    display:none;
}
.downloadResource .bonus-card button.mobile_btn.btn {
    padding: 0;
    color: #3e55f9;
    display: flex;
    gap: 10px;
}
.downloadResource .bonus-card{
    padding-bottom:48px;
}
.downloadResource .bonus-card .card-body p, .bonusvideos .bonus-card .card-body p{
    display:none;
}
.paddingY{
    padding:22px 0;
}
.sectionHeading h2, .bonusvideos .sectionHeading h2{
    font-size:18px;
}
.sectionHeading{
    padding-bottom:15px;
}
.programList>li{
    width:50% !important;
    padding:10px;
}
.programContent .usersList {
    display: none;
}
.programContent figure img {
    height: 140px;
}
.programContent figure {
    margin-bottom: 0;
}
.programContent h3 {
    font-size: 15px;
    white-space: normal;
    text-overflow: unset;
}
.videoInfo span {
    font-size: 12px;
}
.mobile_gray_bg{
    background:#EBECF5;
}
.banner-content ul {
    justify-content: start;
}
.banner-content {
    text-align: left;
}
.banner-content p{
    display:none;
}
.banner-content .btn-paynow{
    margin:15px 0 !important;
}
.client-man {
    justify-content:start;
    margin-top:5px;
}
.registerBanner{
    padding:25px;
}
.banner-content .client-man p{
    display: block;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}
.banner-content h2{
    font-size:22px;
}
.client-man span{
    font-size:17px;
}
.mp-40 {
    margin: 0;
    padding-top: 34px;
}
.bonusvideos .sectionHeading p, .downloadResource .sectionHeading p{
    display: none;
}
.downloadResource{
    padding-bottom:40px;
}
.bonusvideos .bonus-card .card-body h3{
    margin: 0;
}
.bonusvideos .bonus-card .card-body{
    padding: 24px 16px 15px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}
.bonusvideos .bonus-card .card-body h3{
    margin:0;
    font-size: 15px;
    font-style: normal;
    line-height: 145%;
}
.downloadResource .bonus-card .card-body h3{
    font-size:15px;
}
.cih_header .navbar-brand img{
    max-width:100px !important;
}
.bonusvideos .sectionHeading h2, .downloadResource .sectionHeading h2{
    display:flex;
    justify-content:space-between;
}
.bonusvideos .sectionHeading h2 a, .downloadResource .sectionHeading h2 a{
    font-size:14px;
    font-weight:600;
}
.programSection.bg_light.paddingY{
    padding-bottom:0;
}
.btn.btn-primary.text_btn{
    padding:0;
    background:transparent;
    color:#3e55f9;
    font-weight:700;
}
.programSection .jobText{
    width: 100%;
}
.mobile_none{
    display:none;
}
.sidebarContent .videoPanel{
    margin-left:-12px;
    margin-right:-12px;
}
.sidebarContent .video_wrapper{
    border-radius:0;
}
.videoText {
    padding: 20px 12px;
}
.videoPanel .sectionHeading h2, .mentor .sectionHeading h2, .resources .sectionHeading h2 {
    font-size: 20px;
    letter-spacing: -0.54px;
}
.videoText p {
    font-size: 15px;
    -webkit-line-clamp: inherit;
    overflow: visible;
}
.menter_box {
    display: flex;
    flex-wrap: wrap;
}
.menter_box .mobile_gird{
    width:50%;
    padding:0 8px;
}
.menter_box .mobile_gird img{
    width:100%;
    max-width: 100% !important;
}
.menter_box .mobile_gird ul{
    display:none;
}
.resourcescontent p{
    display:none;
}
.mobile_view{display:block;}
.dasktop_view{display:none !important;}
.resources figure {
    max-width: 80px;
    margin-bottom: 0;
}
.resources .resourcescontent h3 {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 145%;
    margin-bottom: 3px;
}
.resourcescontent {
    padding-left: 15px !important;
    width: 100%;
}
.list_resources {
    border-bottom: 1px solid #EBECF5;
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.pie {
  width:25px;
  height:25px;
  background-image: conic-gradient(#F5BE3F 65%, white 35%);
  border-radius: 50%
}
.right_panel .progess_right {
    display: flex;
    border-radius: 100px;
    background: #545B73;
    padding: 6px 8px;
    align-items: center;
    gap: 10px;
}
.mobile_topbar .right_panel {
    display: flex;
    gap: 10px;
}
.mobile_topbar {
    background: #1C233A;
    padding: 10px 0;
    width: 100%;
}
.right_panel .progess_right span{
    color: #f5be3f;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
.mobile_topbar {
    display: block;
}

.mobile_topbar .back_btn{
    margin-bottom: 0px;
}
.bonusvideos.mt-70 {
    margin-top: 50px;
}
.mb-100 {
    margin-bottom: 70px;
}
.video_left{
    text-align:left;
    color:#171717;
    font-family:Red Hat Display;
    font-size:15px;
    font-style:normal;
    font-weight:600;
    line-height:145%;
}
.video_left span{
    margin-bottom:2px;
    display:inline-block;
}

.video_left .mobile_next_title{
    color: #545B73;
}

.leftSidebar .learningPath{
    display:none;
}
.leftSidebar .questionToggle{
    margin-top:0;
}
.leftSidebar{
    background:#fff;
    position:fixed;
    bottom:0;
    z-index:9;
    margin:0;
    box-shadow:0px -4px 20px 0px rgba(0, 0, 0, 0.20);
}
.sidebarMenu{
    left:0;
    top:calc(100% - 80px);
    width:100%;
    box-shadow: 0px -4px 20px 0px rgb(0 0 0 / 20%);
}
.sidebarMenu.show {
    /*top: calc(0px - -40%);
    overflow: auto;
    height: calc(100% - 40%);
    padding: 0;*/

    top: calc(0px - -33%);
    overflow: hidden;
    height: calc(100% - 33%);
    padding: 0;

}

.leftSidebar .sidebarMenu{
    padding:0;
}
.leftSidebar .questionToggle {
    padding: 10px 15px;
}
.mobile_popup {
    display: none;
}
.menter_box .mobile_gird.show .mobile_popup {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    background: #fff;
    padding: 15px;
    border-radius: 16px 16px 0 0;
}
.menter_box .mobile_gird.show .mobile_popup .mobile_gird {
    width: 100%;
    padding: 0;
    flex-wrap: nowrap;
    display: flex;
    gap: 15px;
}
.menter_box .mobile_gird.show .mobile_popup .mobile_gird ul {
    display: block;
}
.menter_box .mobile_gird.show .mobile_popup .close_popup {
    position: absolute;
    top: -45px;
    border-radius: 46px;
    background: var(--Black, #171717);
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    left: 0;
    right: 0;
    pointer-events: none;
}
.menter_box .mobile_gird.show .mobile_popup .mobile_gird{
    flex-wrap: wrap;
    display: flex;
    align-items: center;
}
.menter_box .mobile_gird.show .mobile_popup .mobile_gird figure{
    max-width:100px;
}
.menter_box .mobile_gird.show .mobile_popup .mobile_gird .mentor-content{
    margin: 0;
}

.menter_box .mobile_gird.show .mobile_popup .mobile_gird ul li{
    position: relative;
    padding-left: 15px;
    line-height: 150%;
}

.menter_box .mobile_gird.show .mobile_popup .mobile_gird ul li .dots{
    height: 6px;
    width: 6px;
    background-color: #545B73;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0;
}
.quizBtn{
    margin-top:18px;
}
.firstQuiz {
    /*height: 350px;*/
    margin-bottom: 0;
}
.firstQuizHeading.mb-4 {
    margin-bottom: 0.8rem !important;
}
.styled-radio+label {
    height: 78px;
    line-height: 18px;
}
.questionGroup ul li {
    padding: 5px;
}
.videoPoster, .video_wrapper .videoPoster {
   /* height: 350px;*/
}
.sidebarMenu .accordion-button {
    background: #ffffff;
}
.statusQuiz {
    margin-top: 30px;
    margin-bottom: 20px;
}
.firstQuiz .review_number h2 {
    font-size: 52px;
}
.third_screen_bg:before {
    height: 175px;
}
.svg_icon svg {
    max-width: 80px;
    height: auto;
}
.next_popup_screen h4 {
    font-size: 22px;
}
.next_popup_screen{
    height:275px;
}
.next_popup_screen .close_btn svg {
    width: 25px;
    height: auto;
}
}
@media(max-width:575px){
.mentor-content span{
    font-size:13px;
    line-height:150%;
    display:block;
}
.videoPoster {
   /* height: 300px;*/
    object-fit: cover;
}
.firstQuizcontent p {
    font-size: 14px;
    line-height: normal;
}
.videoGroup .firstQuizinner {
    transform: scale(.95);
    margin-top: -15px;
}
.video_quiz .video_wrapper .videoPoster {
    /*height:400px;*/
}
.firstQuiz h2 {
    margin-bottom: 15px;
}
.firstQuizHeading p {
    width: 100%;
}
.firstQuiz h2.fw-bold {
    font-size: 25px;
}

}
@media(max-width:481px){
.videoInfo{
    gap:5px;
}
.programContent .usersList, .programContent h3, .videoInfo{
    padding-left:12px;
    padding-right:12px;
}
.menter_box .mobile_gird{
    width:50%;
    padding:0 6px;
}
/*.videoPoster, .firstQuiz{
    height:365px;
}*/
.questionGroup ul li {
    width: 100%;
}
.video_quiz .video_wrapper .videoPoster {
    /*height: 565px;*/
}
.next_popup_screen {
    width: 100%;
}
}

.scrollbarcustom {
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 120px);
}


#accordionCustomScrollExample::-webkit-scrollbar {
    width: 8px;
}

#accordionCustomScrollExample::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: #e0e0e0;
    border: 1px solid #e0e0e0;
}

#accordionCustomScrollExample::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgb(194 194 194);
}


.additonal_video_page .breadcrumb li.breadcrumb-item.active::before{
    color: #2DE2AB;
}

.additonal_video_page .breadcrumb li.breadcrumb-item.active{
    color: #2DE2AB;
}

.additonal_video_page .top_text{
    max-width: 550px;
    margin-top: 10px;
}

.additonal_video_page .top_text h1{
    font-family: Red Hat Display;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #fff;
}

.additonal_video_page .top_text p{
    font-family: SF UI Text;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    color: #F4F7FC;
}

.additonal_video_page .mainBanner{
    padding: 80px 0 80px;
}


.quiz_list{
    position: relative;
}

.quiz_list .login_register-tooltip-box.quiz_tooltip{
    top: calc(-180% + -20px);
}

.quiz_list:hover .login_register-tooltip-box{
    display: block;
}


.next_play_access{
    position: relative;
}

.next_play_access .login_register-tooltip-box.quiz_tooltip.next_play_tooltip{
    background: #ABB6FB;
    top: calc(-100% + -45px);
    left: auto;
}

.next_play_access .login_register-tooltip-box:after{
    border-color: #ABB6FB transparent transparent transparent;
}

.next_play_access:hover .login_register-tooltip-box{
    display: block;
}

.mainBanner.bannerTop{
    padding: 55px 0 50px;
}

.cih_header .navbar .navbar-brand.other-logo{
    top: 9px;
    padding: 4px 4px 14px 4px;
}

.firstQuiz .video_form{
    background: none;
}

.firstQuiz .video_form .form_content {
    width: 50%;
}

.firstQuiz .video_form .form_content .rating{
    padding-bottom: 0px;
}

.firstQuiz .video_form .form_content textarea{
    background: #fff;
}


.firstQuiz .video_form .form_content .rate {
    /*float: left;*/
    height: 46px;
    padding: 0 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    text-align: center;
    gap: 12px;
}
.firstQuiz .video_form .form_content .rate:not(:checked) > input {
    position:absolute;
    /*top:-9999px;*/
    opacity: 0 !important;
}
.firstQuiz .video_form .form_content .rate:not(:checked) > label {
    /*float:right;*/
    width:1em;
    overflow:hidden;
    display: flex;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.firstQuiz .video_form .form_content .rate:not(:checked) > label:before {
    position: absolute;
    content: '';
   background: url(/front/imgs/cih/shape_star.png) no-repeat;
   width: 36px;
    height: 36px;
    background-size: contain;
}

.firstQuiz .video_form .form_content .rate > input:checked ~ label:before{
    position: absolute;
    content: '';
    background: url(/front/imgs/cih/solid_star.png) no-repeat;
    width: 36px;
    height: 36px;
    background-size: contain;
}
.firstQuiz .video_form .form_content .rate > input:checked ~ label {
    color: #ffc700;    
}
.firstQuiz .video_form .form_content .rate:not(:checked) > label:hover,
.firstQuiz .video_form .form_content .rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.firstQuiz .video_form .form_content .rate > input:checked + label:hover,
.firstQuiz .video_form .form_content .rate > input:checked + label:hover ~ label,
.firstQuiz .video_form .form_content .rate > input:checked ~ label:hover,
.firstQuiz .video_form .form_content .rate > input:checked ~ label:hover ~ label,
.firstQuiz .video_form .form_content .rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}


.video_form.rating_form form{
        display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}

/**
    Additional videos css start
**/

.cih_additonal_video_detail_page .sidebarMenu{
    width: 100%;
    overflow: auto;
    max-height: calc(100vh - 120px);
}

.cih_additonal_video_detail_page .sidebarMenu .sidebarMenuUl li{
    padding: 12px 40px;
}

.cih_additonal_video_detail_page .sidebarMenu .sidebarMenuUl li a{
    color: #ADB1D7;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    font-family: ''SF UI Text'';
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.cih_additonal_video_detail_page .sidebarMenu .sidebarMenuUl li.active{
    background: #ebecf5;
}

.cih_additonal_video_detail_page .sidebarMenu .sidebarMenuUl li.active a.active{
    color: #3e55f9;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
}

.cih_additonal_video_detail_page .sidebarContent .breadcrumb a{
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    line-height: 150%;
    color: #ADB1D7;
    display: flex;
    align-items: center;
}

.cih_additonal_video_detail_page .sidebarContent .breadcrumb a svg{
    margin-right: 10px;
}

.cih_additonal_video_detail_page .firstQuiz .video_form .form_content textarea{
    width: 50%;
}

.cih_additonal_video_detail_page .videoText{
    width: 100%;
}


.cih_detail_phase_two_page .sidebarContent .resources a.dasktop_view:focus{
    box-shadow: none;
}

.cih_additonal_video_detail_page .sidebarMenu .sidebarMenuUl li a.not_started{
    color: rgb(23 23 23 / 70%);
}

/*.stretch_container .container-xxl{
    width: 100%;
    padding: 0px;
    max-width: 1600px;
    margin: auto;
}*/

.header.big_container  .container-xxl{
    max-width: 1800px;
}

.additonal_video_page .header .container-xxl{
    width: 100%;
    padding: 0px 15px;
    max-width: 1440px;
    margin: auto;
}

.back_to_pre{
  color: #fff;
  font-size: 15px;
  font-weight: 600;
}

.saveVideos .bonus-card figure img {
    height: 150px;
}

.saveVideos .sectionHeading h2{
    display: flex;
    justify-content: space-between;
}


.breenes-bg {
  background-color: #F4F7FC;
}
.landing-banner.mainBanner {
    padding: 70px 0 80px;
} 

.landing-banner .blue_box {
    background: #3E55F9;
    border-radius: 16px;
}



.landing-banner .handbook_caption {
    padding: 24px 30px 22px;
    /*background-image: url(/front/imgs/handbook.png); */
    position: relative;
    overflow: hidden;
}

.landing-banner .handbook_caption::after {
    position: absolute;
    left: auto;
    right: -13%;
    bottom: 0;
    width: 60%;
    height: 100%;
    background-color: #ABB6FB;
    content: "";
    transform: skew(-40deg, 0deg);
    opacity: 0.1;
}

.landing-banner .handbook_caption>* {
    position: relative;
    z-index: 1;
}

.landing-banner .handbook_caption.first-time-come {
    background-repeat: no-repeat;
    background-position: center right;
    background-size: 210px;
}

.landing-banner .handbook_caption.first-time-come .title {
    color: #FFF;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.44px;
}

.landing-banner .handbook_caption.first-time-come .desc {
    color: #EBECF5;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    font-family: 'SFUITextRegular';
    max-width: 470px;
}

.landing-banner .card_bx {
    background: #fff;
    border-radius: 16px;
    padding: 30px;
}

.landing-banner .card_header {
    display: flex;
    align-items: start;
    justify-content: space-between;
}

.landing-banner .card_header h4 {
    margin: 0;
    color: #171717;
    font-family: Red Hat Display;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.44px;
    margin-bottom: 30px;
    max-width: 345px;
}

.landing-banner .card_header h4 small {
    color: #3E55F9;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.45px;
    font-family: 'SFUITextRegular';
    display: block;
}

.landing-banner .card_header .view_btn {
    color: #3E55F9;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: -0.45px;
    font-family: 'SFUITextRegular';
}

.landing-banner .job-application {
    background-color: #fff;
    padding: 11px 22px 11px 11px;
    border-radius: 8px;
    margin-top: 16px;
}

.landing-banner .work-flow-top {
    display: flex;
}

.get-started .started-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.landing-banner .get-started {
    width: 100%;
}

.landing-banner .time-of-parentage {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

.landing-banner .time-of-parentage .bar {
    width: 100%;
    background-color: #00118E;
    height: 8px;
    border-radius: 5px;
    position: relative;
}

.landing-banner .time-of-parentage .count {
    padding-left: 30px;
    color: #fff;
}


.landing-banner .get-started .work-title {
    color: #FEFEFE;
    font-family: "Red Hat Display";
    font-size: 19px;
    font-weight: 700;
}

.landing-banner .time-of-parentage {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}


.landing-banner .work-flow-top .company-logo .them-img {
    max-width: 157px;
    margin-right: 25px;
    height: 80px;
    object-fit: cover;
}

.landing-banner .time-of-parentage .bar .prograsbar {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 5px;
    background-color: #2DE2AB;
    transition: all 1s;
}

.landing-banner .prograsbar::after {
    position: absolute;
    right: -27px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(/front/imgs/prograsbar-img.svg);
    width: 44px;
    height: 25px;
    background-size: 42px;
    background-repeat: no-repeat;
    content: "";
}

.landing-banner .application-ditails .info .sub-title {
    color: #3E55F9;    
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;

}

.landing-banner .application-ditails .info .title {
    color: #000;
    font-family: "Red Hat Display";
    font-size: 15.129px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.303px;
    font-size: 22px;
}

.landing-banner .job-application {
    background-color: #fff;
    padding: 11px 22px 11px 11px;
    border-radius: 8px;
    margin-top: 16px;
}

.landing-banner .work-flow-top {
    display: flex;
}

.landing-banner .get-started .started-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.landing-banner .get-started {
    width: 100%;
}

.time-of-parentage {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    justify-content: space-between;
}

.landing-banner .time-of-parentage .bar {
    width: 100%;
    background-color: #00118E;
    height: 8px;
    border-radius: 5px;
    position: relative;
}


.landing-banner .application-img {
    max-width: 205px;
    margin-right: 20px;

}

.landing-banner .application-img img {
    height: 97px;
    border-radius: 2px;
}

.landing-banner .application-img {
    max-width: 176px;
    margin-right: 20px;
}

.landing-banner .application-ditails {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.landing-banner .user_about .name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.landing-banner .prograsbar::after {
    position: absolute;
    right: -27px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-image: url(/front/imgs/prograsbar-img.svg);
    width: 44px;
    height: 25px;
    background-size: 42px;
    background-repeat: no-repeat;
    content: "";
}


/*.landing-banner {
  max-width: 1070px;
  margin: 0 auto;
}*/
.new-landingpage {

}
.save-vid-bg {
    padding: 60px 0 60px;
}

@media (max-width: 991px){
 .application-ditails {
        justify-content: center;
        margin-bottom: 18px;
    }
    .save-vid-bg {
      padding: 40px 0 40px;
  }
}

@media (max-width: 767px){
    .landing-banner .work-flow-top {
        display: block;
        text-align: center;
    }

    .landing-banner .work-flow-top .company-logo img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .landing-banner .get-started .work-title {
        font-size: 16px;
        margin-bottom: 12px;
    }

    .landing-banner .video-overlay .btn.btn-primary {
        padding: 10px 10px;
        font-size: 11px;
    }

    .landing-banner .job-application {
        padding: 11px 11px 11px 11px;
        border-radius: 8px;
        margin-top: 24px;
    }

    .landing-banner .job-application .btn.btn-primary {
        padding: 10px 15px;
        font-size: 15px;
        width: 100%;
    }

    .landing-banner .application-ditails {
        margin-bottom: 5px;
        text-align: center;
    }

    .landing-banner .application-img img {
        width: 100%;
        height: auto;
    }

    .landing-banner .application-img {
        max-width: 100%;
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    .landing-banner .handbook-default {
        background-image: none;
    }
    .application-ditails .info {
      width: 100%;
        max-width: 100%;
    }
    .landing-banner .mainBanner {
        padding: 40px 0 40px;
    }
    .landing-banner .handbook_caption {
      padding: 24px 20px 22px;
    }
    .landing-banner .work-flow-top .company-logo .them-img {
        margin-right: 0;
    }
    .landing-banner .application-ditails .info .sub-title {
        font-size: 12px;
      }
      .landing-banner .application-ditails .info .title {
        font-size: 15px;
    }
    .landing-banner.mainBanner {
      padding: 40px 0 40px;
    }
    .save-vid-bg {
        padding: 40px 0 30px;
    }


    .videos-library-new .bonus-card .card-body span img {
        width: 15px;
    }

    .videos-library-new .bonus-card .card-body span {
        display: flex !important;
        align-items: center !important;
    }
    .videos-library-new .bonus-card .card-body .ration_sp {
        /*border-left: solid 2px #b2b2b2;*/
        padding-left: 6px;
        margin-left: 4px;
    }

    .videos-library-new .row [class*="col-"] a {
        height: 100% !important;
    }

    .videos-library-new .card_section {
        background-color: #f4f7fc;
        height: 100%;
    }

    .videos-library-new .card_section .bonus-card .card-body {
        padding: 24px 16px 7px 16px!important;
    }

    .videos-library-new .card_section .card-body h3 {
        font-size: 15px;
        margin-bottom: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        white-space: unset;
        text-overflow: unset;
    }



    .firstQuiz .video_form .form_content {
        width: 100%;
        padding: 15px;
    }
    .firstQuiz .video_form .form_content .rate:not(:checked)>label {
        width: 0.5em;
    }
    .cih_additonal_video_detail_page .firstQuiz .video_form .form_content textarea {
        width: 100%;
    }
    .firstQuiz {
        z-index: 1;
    }
    .firstQuiz .video_form .form_content .rate {
        height: 20px;
    }


    .firstQuiz .video_form .form_content {
        width: 100%;
        padding: 15px 17px;
        border-radius: 8px;
    }

    .firstQuiz .video_form {
        padding: 0 0;
    }


    .firstQuiz .video_form .form_content .rate:not(:checked)>label:before {
        width: 23px;
        height: 23px;
    }

    .saveVideos .bonus-card figure img {
        height: auto !important;
    }

    .saveVideos .slick-slider .slick-slide {
        margin-right: 0;
    }

}

.firstQuiz {
    z-index: 3;
}

.sidebarMenu.show button.questionToggle svg {
    transform: rotate(177deg);
}

.video_desc{
    margin-top: 1rem;
}

.video_desc p{
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    color: #545b73 !important;
}


.handbook_caption.first-time-come.new-tage-card {
    padding: 54px 50px 22px;
}
.new-tage {
  width: 135px;
  position: absolute;
  left: 0;
  top: 0;
}
.new-tage-card {
  position: relative;
}
@media (max-width: 767px){
    .new-tage {
  width: 105px;
    }
    .handbook_caption.first-time-come.new-tage-card {
    padding: 45px 39px 22px;
    }
}
@media (max-width: 575px){
    .new-tage {
  width: 95px;
    }
    .handbook_caption.first-time-come.new-tage-card {
    padding: 40px 34px 22px;
    }
}

.resourcescontent{
    width: 100%;
}