* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    display: inline-block;
}

ul li {
    list-style: none;
}

/* ===========English Font=================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&family=Roboto:wght@400;500;700&display=swap');
/*
    font-family:"SolaimanLipiNormal" !important;
    font-family: 'bookman, sans-serif';
    font-family: 'Poppins', sans-serif;
    font-family: 'Roboto', sans-serif;
  */

/* =============Bangla Font===================== */


@font-face {

    src: url("../webfonts/BookmanStd-Medium.otf");
}

@font-face {
    font-family: 'bookmanLight, sans-serif';
    src: url("../webfonts/BookmanStd-Light.otf");
}

@font-face {
    font-family: "SolaimanLipiNormal" !important;
    src: url("../webfonts/bangla-fonts.css");
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
/*
    font-family: 'Roboto', sans-serif;
*/
body {

}

/* start:: common css
================================= */
.common-btn button {
    background-color: #930083;
    color: #FFFFFF;
    padding: 7px 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border: none;
    font-size: 20px;

}

.common-btn button:hover {
    background-color: #eb4204;
    color: #FFFFFF;

}

/* start:: nav
=========================================== */

.gravity-header {
    background-color: #FFF;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 20px -28px;
}
.gravity-header nav {
    padding: 2px 0px;
}

.main-menu-nav ul li {
    margin: 0px 20px;
    position: relative;
}

.main-menu-nav ul li a {
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    padding: 10px 0px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;

}

.main-menu-nav ul li a::after {
    position: absolute;
    content: "";
    left: 0%;
    width: 0%;
    bottom: 0;
    height: 2px;
    background-color: #eb4204;
    transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
}

.main-menu-nav ul li a:hover {
    color: #eb4204;
}

.main-menu-nav ul li a:hover::after {
    width: 100%;
    color: #eb4204;
}


.main-menu-nav .nav-login-btn a {
    background-color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
    font-size: 20px;
    border: 1px solid #930083;
    color: #930083;
    padding: 4px 30px;
    font-weight: 500;
    font-family: 'Mulish', sans-serif;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.main-menu-nav .nav-login-btn a:first-child {
    background-color: #eb4204;
    color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
    border: 1px solid transparent;
    font-size: 20px;
}

.main-menu-nav .nav-login-btn a:hover {
    background-color: #930083;
    color: #FFF;
    border: 1px solid transparent;
}

.main-menu-nav .nav-login-btn a {
    margin-left: 10px;
}

.brand-logo a img {
    width: 120px;
    /* height: 70px; */
    object-fit: cover;
    border-radius: 8px;
}

/* start:: banner slider
=========================================== */

/* start:: navbar area */

.slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.student-feedback-container .slick-dots {
    display: flex;
    justify-content: start;
    margin: 0;
    padding: 16px 0;
    list-style-type: none;
    position: absolute;
    bottom: -20%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.slick-dots li {
    margin: 3px;
}

.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    padding: 0;
    border: none;
    border-radius: 100%;
    background-color: orange;
    text-indent: -9999px;
}

li.slick-active button {
    background-color: #FFFFFF;
    border: 1px solid #43C983;
}

.banner-slider-section {
    position: relative;
}
.banner-spinner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.banner-slider-arrow,
.sdetunt-feedback-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.banner-slider-arrow span,
.sdetunt-feedback-arrow span {
    background-color: #161f72;
    color: #FFF;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.banner-slider-item {
    height: 600px;
    width: 100%;
    background: radial-gradient(circle, rgba(63, 136, 251, 1) 5%, rgba(54, 53, 117, 1) 100%);
}

.banner-slider-left {
    padding: 100px 0px;
}

.banner-slider-left h2 {
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 500;
    padding-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left h4 {
    color: #e1d4d4;
    font-size: 26px;
    font-weight: 500;
    padding-bottom: 50px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a {
    border: 1px solid transparent;
}

.banner-slider-left-btn a:first-child {
    background-color: #eb4204;
    color: #FFF;
    padding: 7px 19px;
    font-size: 23px;
    border-radius: 7px;
    margin-right: 10px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a:last-child {
    background-color: #FFFFFF;
    color: #930083;
    padding: 7px 19px;
    font-size: 23px;
    border-radius: 7px;
    font-family: "SolaimanLipiNormal" !important;
}

.banner-slider-left-btn a:hover {
    background-color: #930083;
    border: 1px solid #FFFF;
    color: #FFF;
    box-shadow: rgba(193, 17, 11, 0.5) 0px 8px 24px;
}

.banner-slider-right img {
    width: 100%;
}

.jonoprio-course-item{

}

/* start:: our programs
=========================================== */
.our-programs-section {
    padding: 100px 0;
    background-color: #f4eaf7;
}

.our-programs-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-family: 'Mulish', sans-serif;
    padding: 20px;
    height: 250px;
    background-color: #FFF;
    position: relative;
    z-index: 1;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.our-programs-title {
    padding-bottom: 50px;
}

.our-programs-title h2 {
    font-size: 70px;
    font-family: "SolaimanLipiNormal" !important;
    display: inline-block;
    padding-bottom: 5px;
    color: #48034c;

}

.our-programs-item h4 {
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 2px solid #000064;
    margin-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
}

.our-programs-item-list ul {
    padding: 0;
}

.our-programs-item-list ul li span {
    padding-right: 12px;
    color: #43C983;
}

.our-programs-item-list ul li a {
    color: black;
    padding-bottom: 7px;
}

/* start:: jonoprio course
============================================= */
.jonoprio-course-section {
    padding: 100px 0px;
    background-color: #f7f7f7;
}

.jonoprio-course-name a {
    font-size: 22px;
    margin-bottom: 20px;
    color: #000000;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
}

.jonoprio-course-name a:hover {
    color: #eb4204;
}

.jonoprio-course-item img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
}

.jonoprio-course-image {
    width: 100%;
}

.jonoprio-course-info {
    padding: 20px;
    padding-top: 30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFF;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    height: 100%;
}

.course-price h3 {
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
}

.course-price del {
    color: red;
    padding-right: 10px;
}

.course-price span {
    color: #00b556;
}

.jonoprio-course-order-list li {
    list-style: disc;
    font-size: 18px;
    line-height: 35px;
    font-family: 'Roboto', sans-serif;
}

.jonoprio-course-enroll a {
    border: none;
    background-color: #930083;
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    font-family: "SolaimanLipiNormal" !important;
}

.jonoprio-course-enroll a:hover {
    box-shadow: rgb(102 8 189 / 50%) 0px 8px 24px;
}

.jonoprio-course-enroll a:last-child {
    background-color: #eb4204;
    font-size: 20px;
}

.jonoprio-course-enroll a:last-child:hover {
    box-shadow: rgb(243 51 42 / 50%) 0px 8px 24px;
}

.jonoprio-course-info h5,
h3 {
    color: #161f72;
    font-family: 'Mulish', sans-serif;
}

.jonoprio-course-info p {
    font-size: 20px;
    font-family: 'Space Grotesk', sans-serif;
    color: #43C983;
}

.jonoprio-course-see-more a {
    padding: 10px 32px;
    font-size: 30px;
    color: #FFF;
    font-weight: 500;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    background: #eb4204;
}

.jonoprio-course-see-more a:hover {
    box-shadow: rgb(243 51 42 / 50%) 0px 8px 24px;
}

/* start:: login page
====================================================== */
.login-form-section {
    padding: 50px 0px;
    background: radial-gradient(circle, rgb(54 185 201) 5%, rgba(53, 53, 117, 1) 100%);
}

.login-form-container {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 30px 50px;
    background-color: #FFF;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.login-form-container h2 {
    color: darkblue;
    font-size: 40px;
    margin-bottom: 15px;
}

.login-form-container p {
    font-size: 18px;
    margin-bottom: 20px;
    /* color: red; */
}

.login-form-container form input,
.login-form-container form select {
    padding: 10px 16px;
    border-radius: 16px;
    font-size: 18px;
}

.login-form-container form .login-btn a,
.login-form-container form .login-btn button {
    background-color: #eb4204;
    border: none;
    padding: 5px 50px;
    color: #FFF;
    margin-top: 20px;
    border-radius: 28px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    font-size: 24px;
}

.login-form-container form .login-btn a:hover {
    background-color: #930083;
}

.login-form-container form .login-btn button:hover {
    background-color: #930083;
}

.login-form-container form .login-btn a i {
    font-size: 14px;
    padding-left: 10px;
}

.otp-image img {
    margin-bottom: 5px;
    width: 150px;
}

.otp-image h3 {
    font-weight: 600;
    margin-bottom: 5px;
}

.otp-image h6 {
    padding-bottom: 20px;
}

.set-otp input {
    width: 100%;
    border: none;
    text-align: center;
}

.set-otp input {
    font-size: 20px;
}

.otp-phone-nuber-input input {
    background-color: #c1fdbc;
    padding: 10px;
    border: none;
    font-weight: bold;
}

.otp-send-number {
    color: orange;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
}

.otp-phone-nuber-input input:focus {
    background-color: #c1fdbc;
    padding: 10px;
    box-shadow: none;
    outline: none;
}

.otp-verified-success-img img {
    width: 150px;
}

.otp-verified-success-img h6 {
    font-size: 18px;
}

.how-to-login-video iframe {
    width: 100%;
    height: 480px;
}

.reg-study-image img {
    width: 100%;
    height: 438px;
    object-fit: fill;
    border-radius: 20px;
}

.reg-form-section {
    padding: 50px 0px !important;
}

.reg-form-container {
    padding: 30px 50px;
    position: relative;
}
.banner-slider-right-spinner{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.reg-form-container label,
.login-form-label label {
    font-weight: 500;
    padding-bottom: 5px;
    font-size: 20px;
}


.reg-form-container form button {
    margin-top: 30px;
}

.set-password-form-container {
    padding: 50px 30px;
}

.set-password-form-container h2 {
    padding-bottom: 20px;
}

.set-password-form-container form h5 {
    color: darkblue;
}

.set-password-info p {
    font-size: 18px;
}

.set-password-info p span {
    color: #21be06;
}

.reg-next-part {
    display: none;
}

/* start:: our services
=========================================== */
.our-services-section {
    padding: 80px 0;
    background-color: #f0fbf5;
}

.our-service-item {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    padding: 20px;
    text-align: center;
    height: 250px;
    background: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.our-service-item img {
    padding-bottom: 20px;
}

.our-service-item img {
    width: 100px;
}

.our-service-item p {
    font-size: 22px;
    font-family: "SolaimanLipiNormal" !important;
}

/* start:: preparation
========================================= */
.preparation-section {
    padding-bottom: 100px;
    background-color: aliceblue;
    padding-top: 50px;
}

.preparation-text {
    font-family: 'SiyamRupali', sans-serif;
}

.preparation-text h4,
.exam-system-text h4 {
    font-weight: 600;
    font-size: 26px;
}

.preparation-text h4 {
    color: #eb4204;
}

.preparation-text h3,
.exam-system-text h3 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 30px;
}

.preparation-text p,
.exam-system-text p {
    font-size: 18px;
}

.preparation-image img,
.exam-system-image img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

/* start:: exam system
=============================================*/
.exam-system-section {
    padding-top: 30px;
    padding-bottom: 100px;
    font-family: 'SiyamRupali', sans-serif;
}

.exam-system-text-container {
    height: 500px;
    display: flex;
    align-items: center;
}

.exam-system-image img {
    width: 80%;
}

/* srart:: student feedback
============================================== */
.student-feedback-section {
    padding: 100px;
    font-family: 'SiyamRupali', sans-serif;
    position: relative;
    background-color: #e5e5e5;
}

.sdetunt-feedback-arrow {
    position: absolute;
}

.student-feedback-img img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
}

.student-feedback-img {
    margin-bottom: 50px;
}
.student-feedback-name h6 {
    font-weight: 500;
    margin-bottom: 6px;
    font-size: 18px;
    padding-top: 5px;
}
.student-feedback-name p {
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 16px;
}

.student-feedback-item {
    padding: 15px;
    margin: 15px;
    margin-top: 65px;
    height: 350px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
    background-color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
    border: 2px solid #43C983;
    border-radius: 8px;
}

.student-feedback-item .student-openion {
    font-size: 18px;
}

.student-feedback-img img {
    position: absolute;
    left: 50%;
    right: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* start:: faq
==================================== */
.faq-section {
    padding-bottom: 100px;
    padding-top: 30px;
    background-color: #f0fbf5;
}

.faq-body {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.faq-body h2 button {
    font-size: 25px;
}

.accordion-body p {
    font-size: 20px;
}

.accordion-item .accordion-button {
    background: #004474;
    color: #FFF;
}

.accordion-button::after {

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");

}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/* start:: all course page css
=============================================== */
.all-course h2 {
    padding-top: 50px;
    font-weight: bold;
}

.jonoprio-course-see-more a span {
    padding-left: 10px;
}

/* start:: course details page css
================================================*/
.course-details-section {
    padding-top: 100px;
    padding-bottom: 200px;
    background: radial-gradient(circle, rgb(54 185 201) 5%, rgba(53, 53, 117, 1) 100%);
    color: #FFFFFF;
}

.course-summery h2 {
    padding-bottom: 15px;
    font-family: "SolaimanLipiNormal" !important;
    font-size: 56px;

}

.course-summery ul li {
    font-size: 19px;
    padding-bottom: 8px;
}

.course-summery ul li span {
    font-size: 16px;
    color: #FFFFFF;
    margin-right: 12px;
}

.course-summery .jonoprio-course-enroll a {
    margin-right: 10px;
    font-size: 24px;
}

.course-overview-video figcaption {
    font-size: 24px;
}

.course-details-image img {
    width: 100%;
}

.course-details-image {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #FFF;
}

.course-details-image .course-details-right {
    padding: 30px 20px;
}

.course-details-image .course-details-right .jonoprio-course-enroll {
    padding-top: 30px;
}

.course-details-info-section {
    background-color: #d3f1ff;
}

.course-details-info-container {
    background-color: #FFF;
    padding: 30px;
    position: relative;
    top: -100px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;

}

.course-overview-title {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
}

.course-overview-title h2 {
    background-color: #FFF;
    padding: 5px 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.course-details-info-container h4 {
    text-align: center;
    font-size: 30px;
    padding: 28px 0px;
}

.course-details-info-container p {
    font-size: 22px;
}

.course-details-info-container h5 {
    color: #161f72;
    font-weight: bold;
    font-size: 22px;
    padding: 15px 0px;
}

.live-class-info h4 {
    text-align: left;
    padding: 0px;
}

.live-class-info ul {
    padding: 0;
    padding-left: 20px;
}

.live-class-info ul li {
    list-style: disc;
    font-size: 22px;
}

.course-details-info-container .jonoprio-course-enroll a {
    margin-right: 10px;
    font-size: 24px;
}

/* start:: studetn dashboard
================================================ */

.dashboard-sidenav {
    height: 100vh;
    width: 260px;
    position: fixed;
    top: 120px;
    left: auto;
    z-index: 1;
    /* background-color: #f6fffc; */
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

.dashboard-sitebar-wrapper {
    background-color: #354895;
    height: auto;
    padding: 20px 0px;
    border-radius: 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.dashboard-sitebar-wrapper img {
    width: 30px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.height-100vh {
    height: 100vh;
}

.dashboard-sidenav ul li a {
    color: #ffffff;
    padding: 14px 0px;
    font-size: 20px;
    width: 100%;
    transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    background-color: #354895;
    padding-left: 10px;
    font-family: "SolaimanLipiNormal" !important;

}

.dashboard-sidenav ul li a span {
    padding-right: 10px;
}

.dashboard-sidenav ul li a:hover {
    border-left: 4px solid red;
    padding-left: 15px;
    color: #ffffff;
}

.student-dashboard-body-section {
    margin-left: 280px;
    background-color: #eaeef1;
    padding-top: 50px;
    padding-bottom: 100px;
    height: 100%;
}

.our-all-course-body {
    padding-top: 50px;
}

.student-dashboard-body-section .add-more-course {
    padding-top: 50px;
}

.student-dashboard-body-section .add-more-course a {
    background-color: #eb4204;
    color: #FFF;
    padding: 8px 15px;
    margin-bottom: 20px;
    border-radius: 7px;
    font-size: 20px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}

.student-dashboard-body-section .add-more-course a:hover {
    background-color: #930083;
}

.student-dashboard-sidenav-section label {
    font-size: 25px;
    background: #354895;
    width: 46px;
    text-align: center;
    cursor: pointer;
    margin-top: 1px;
    position: fixed;
    display: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    color: #FFF;
    z-index: 1;
}

#check {
    display: none;
}

.teacher-class-payment-body-b-0 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.our-all-course-dashboard-page .jonoprio-course-name a {
    font-size: 22px;
}

.our-all-course-dashboard-page .course-price h3 {
    font-size: 22px;
}

.our-all-course-dashboard-page .jonoprio-course-order-list li {
    font-size: 18px;
}

.our-all-course-dashboard-page .jonoprio-course-enroll a {
    font-size: 18px;
    padding: 5px 8px;
}

.performance-program-list select,
.performance-view-date select {
    padding: 9px 10px;
    border-radius: 8px;
}

/* start::Dashboard home pate my course
======================================================= */
.my-course-card {
    padding: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    background-color: #FFF;
    border-radius: 12px;
    height: 100%;
    padding-bottom: 60px;
    position: relative;
}

.my-course-card .my-course-card-img img {
    width: 100%;
    object-fit: fill;
}

.my-course-card .my-course-card-img {
    padding-bottom: 20px;
}

.my-course-card .my-course-card-info {
    text-align: center;
}

.my-course-card .my-course-card-info p {
    margin-bottom: 0px;
    font-size: 24px;
    color: #000;
}

.my-course-card .my-course-card-info p span {
    font-family: 'bookman, sans-serif';
}

.my-course-card .my-course-card-info p:first-child {
    font-size: 18px;
    color: #484848;
    font-weight: 600;
    text-align: start;
    margin-bottom: 15px;
}

.my-course-card .my-course-card-info a,
.course-cart-info a {
    background-color: #930083;
    color: #FFF;
    padding: 4px 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    font-size: 18px;
    position: absolute;
    bottom: 4%;
    left: 50%;
    transform: translateX(-50%);
}

.my-course-card .my-course-card-info a:hover {
    background-color: #eb4204;
}

.form-select:focus {
    box-shadow: none;
}

/* start:: add course page
=================================================== */
.add-course-card .add-course-card-img img {
    width: 100%;
}

/* start:: my routine page
=================================================== */

.t-m-dasboard {
    display: none;
}

.my-routin-body {
/*     background-color: #FFFFFF; */
    padding: 30px 20px;
}

.routin-course-cart {
    height: 450px;
}

.course-cart-info p {
    font-size: 17px;
    margin-bottom: 0px;
}

.course-cart-info .class-title {
    font-size: 26px;
}

.course-cart-info .class-name {
    font-size: 22px;
}

.course-cart-info a {
    font-family: 'bookman, sans-serif';
    font-size: 18px;
}

.my-routin-head-search {
    background-color: #FFFFFF;
    padding: 20px;
}

.my-routin-head-search .tab-btn ul {
    width: 225px;
    margin: 0 auto;
}

.my-routin-head-search .tab-btn ul li button {
    border: 1px solid blue !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -ms-border-radius: 0px !important;
    -o-border-radius: 0px !important;
    padding: 8px 30px !important;
    font-family: 'bookman, sans-serif';
    font-weight: normal;
}

.teacher-class-payment-body .routin-summary {
    height: 150px;
    background-color: #FFF;
    margin-bottom: 10px;
}

.routin-summary-title {
    background-color: #f7f7f7;
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.routin-summary-title h4 {
    font-family: 'bookman, sans-serif';
    font-size: 28px;
    margin-bottom: 0px;
}

/* start:: past class page
======================================================= */
.past-class-body {
    margin-top: 30px;
    /* background: #f9f9f9; */
    padding: 20px;
    border-radius: 10px;
}

.past-class-item {
    padding: 20px;
    background-color: #FFF;
    border-radius: 15px;
}

.past-class-item-active-status {
    text-align: right;
    margin: 10px 5px;
    margin-top: 0px;
}

.past-class-item-active-status button {
    padding: 5px 11px;
    border-radius: 50px;
    background: red;
    border: none;
    color: white;
    font-family: 'bookmanLight, sans-serif';
}

.past-class-item h4 {
    font-size: 20px;
    margin: 0px;
    font-family: 'bookman, sans-serif';
    color: #000;
}

.past-class-item-content p {
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 500;
}

.past-class-item-content .class-video-button {
    padding-top: 15px;
    display: flex;
    justify-content: space-between;
}

.past-class-item-content .class-video-button a,
.past-class-load-more-btn button,
.past-class-load-more-btn a {
    padding: 4px 15px;
    border-radius: 50px;
    font-weight: 500;
    border: none;
    color: #FFF;
    margin-right: 5px;
    font-family: 'bookmanLight, sans-serif';
}

.class-video-button a:first-child {
    background-color: #930083;
}

.class-video-button a:last-child {
    background-color: #eb4204;
}


.past-class-load-more-btn {
    text-align: center;
}

.past-class-load-more-btn button {
    margin-top: 30px;
}

.past-class-load-more-btn button:hover {
    background: linear-gradient(249deg, #ed0000 0%, #7d07a5 100%) 0% 0% no-repeat padding-box !important;
}

/* start:: past class video page
============================================= */
.past-class-video-body video {
    width: 100%;
    height: 500px;
}

/* start:: past exam page
============================================== */
.absent-exam p {
    color: #0078FF;
    text-align: center;
}

/* start:: past exam introduction page
================================================ */

.exam-instruction {
    background-color: #FFF;
    padding: 20px;
    margin-bottom: 10px;
}

.exam-subject-name {
    border-bottom: 2px solid #ededed;
    padding-bottom: 20px;
}

.exam-subject-name h2 {
    padding-bottom: 10px;
}

.exam-subject-name h5 {
    margin: 0px;
}

.exam-subject-name h5 span {
    padding: 0px 15px;
    border-right: 2px solid #ebe1e1;
}

.exam-subject-name h5 span:last-child {
    border-right: none;
}

.exam-instruction h4 {
    padding: 15px 0px;
    border-bottom: 2px solid #ebe1e1;
}

.exam-instruction-item {
    font-size: 18px;
}

.exam-instruction-item span {
    padding-right: 15px;
}

.dashboard-page-title h4 {
    font-size: 56px;
    color: #48034c;
    font-family: "SolaimanLipiNormal" !important;
}


/* start:: current exam page
======================================== */
.current-exam-subject-name span {
    color: #010150;
}

.current-exam-subject-name {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFF;
    padding: 15px;
}

.current-exam-subject-name {
    border-bottom: none;
}

.current-exam-time {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 10px;
    margin-top: 15px;
    background-color: black;
    color: #FFF;
    margin-bottom: 30px;
}

.current-exam-time p {
    font-size: 18px;
}

.current-exam-time span {
    font-size: 24px;
}

.current-exam-question-item {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    background-color: #FFF;
}

.current-exam-question-item .question {
    padding-bottom: 10px;
}

.current-exam-question-item .question h5 span {
    color: #15d156;
}

.current-exam-question-item .answer-option {

    display: flex;
    align-items: center;
    font-size: 18px;
    margin-bottom: 7px;
}

.current-exam-question-item .answer-option label:hover {
    cursor: pointer !important;
}

.current-exam-question-item .answer-option p {
    margin-bottom: 0px;
}

.current-exam-question-item .answer-option:last-child {
    border-bottom: none;
}

.current-exam-question-item .answer-option button {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid gray;
    font-size: 20px;
}

.current-exam-question-item .when-check-option button {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 1px solid rgb(59, 56, 56);
    font-size: 20px;
    background: #302e2e;
    color: white;
}

/* start:: payment status page
============================================== */
.payment-status-body h2 {
    padding-bottom: 10px;
    font-family: "SolaimanLipiNormal" !important;
    color: #009954;
}

.payment-status,
.change-password-body {
    padding: 20px;
    background-color: #FFF;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.change-password-body {
    padding: 50px 30px;
}

.change-password-body label {
    font-size: 18px;
    margin-bottom: 3px;
}

.change-password-body input {
    padding: 9px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment-status {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.payment-status p {
    font-size: 14px;
    margin-bottom: 10px;
}

.payment-status h3,
.payment-status h4 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
}

.payment-date p:last-child {
    color: #00ff89;
}

.change-password-title h4 {
    padding: 30px 0px;
}

/* start:: change password
===================================================== */
.change-password-body h3 {
    padding-bottom: 30px;
}

.change-password-body button {
    border: none;
    background-color: #930083;
    padding: 5px 36px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 10px;
    color: #FFFF;
    font-size: 24px;
}

.change-password-body button:hover {
    background-color: #eb4204;
}

/* start::profile page
===================================== */

.profile-image {
    position: relative;
}

.profile-image img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #00b114;
    position: relative;

}

.profile-image i {
    background-color: #00b114;
    color: #FFF;
    font-size: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: absolute;
    right: 37%;
    bottom: 0%;
}

.profile-left,
.profile-right {
    background: white;
    padding: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;

}

.profile-left {
    text-align: center;
}

.profile-right {

}

.profile-left h5 {
    font-family: 'bookman, sans-serif';
    padding: 8px 20px;
    font-size: 27px;
    margin-top: 20px;
}

.profile-right h3 {
    font-family: 'bookman, sans-serif';
}

.profile-info-body p {
    margin: 0;
    font-family: 'bookmanLight, sans-serif';
}

.profile-info-body .profile-update-btn {
    text-align: right;
}

.profile-info-body {
    padding-top: 20px;
    font-size: 18px;
}

.edit-profile-key p {
    font-family: 'bookman, sans-serif';
}

/* start:: master class page
============================================== */
.master-class-body h2 {
    padding-bottom: 15px;
}

.result-correct p {
    font-size: 18px;
    color: #00ff89;
    font-weight: 600;
    padding-right: 10px;
}

.result-incorrect p {
    font-size: 18px;
    color: #eb4204;
    font-weight: 600;
    padding-right: 10px;
}

.answer-option span i {
    font-size: 30px;
    color: #00ff89;
    padding-left: 10px;
}

/* start::exam result page
================================================== */
.result-solution {
    padding: 10px;
    background-color: #1bff95;
    border: 1px solid green;
    margin: 5px;
}


/* start::course performance page
================================================== */
.course-performance {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    height: 100%;
}

.course-performance img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.performance-class-name h4 {
    padding: 10px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 20px;
}

.performance-class-name {
    padding: 20px;
    background-color: #FFF;
}

.performance-class-name a {
    padding: 10px 21px;
    background: linear-gradient(249deg, #7d07a5 0%, #ed0000 100%) 0% 0% no-repeat padding-box !important;
    color: #FFF;
    font-weight: 700;
    border-radius: 10px;
    margin-top: 30px;
}

/* start:: exam report page
============================================= */
.all-exam-report-body {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    padding: 15px;
    background-color: #FFF;

}

.exam-report-head {
    border-bottom: 2px solid #cbe0e3;
    margin-bottom: 10px;
    background: #f9f9f9;
    padding: 20px 0px;

}

.exam-report-student-info p {
    margin-bottom: 5px;
    font-size: 17px;
}

.exam-report-student-info select:focus {
    border-color: green;
    box-shadow: none;
    background: #f1f1f1;
    color: #000;
}

.exam-report-student-info button {
    border: none;
    font-weight: 600;
    padding: 3px 16px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    background: linear-gradient(249deg, #7d07a5 0%, #ed0000 100%) 0% 0% no-repeat padding-box !important;
    color: #FFF;
    margin-bottom: 8px;
}

.report-view-table {
    border-top: 2px solid #cbe0e3;
}

.table-hed-bg {
    background-color: #00891f;
    color: white;
}

.report-view-table-result-btn {
    background-color: #00891f;
    padding: 3px 6px;
    border-radius: 12px;
    color: white;
    font-weight: 600;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}

.report-view-table-result-btn:hover {
    color: white;
}

/* start:: contact us page
========================================== */
.contact-form-body {
    max-width: 100%;
    width: 100%;
    padding: 40px;
    background-color: #FFFFFF;
    border: 2px solid #d0deef;
    border-radius: 20px;
    font-family: "SolaimanLipiNormal" !important;
}

.contact-form-body h2 {
    font-size: 30px;
    font-family: "SolaimanLipiNormal" !important;
}

.contact-form-body input {
    padding: 12px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.contact-form-body input::placeholder {
    font-size: 20px;
}

.contact-form-body textarea::placeholder {
    font-size: 20px;
}

.contact-form-body label {
    font-size: 20px;
}

.contact-us-help-img img {
    width: 100%;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    height: 530px;
    object-fit: fill;
}

.contact-form-body form button {
    border: none;
    padding: 8px 24px;
    color: #FFF;
    font-size: 20px;
    border-radius: 10px;
    background-color: #eb4204;
    width: 100%;
}

.contact-form-body form button i {
    padding-left: 5px;
}

.contact-form-body form button:hover {
    background-color: #930083;
}

.contact-us-section {
    padding: 100px 0px;
    background: radial-gradient(circle, rgb(54 185 201) 5%, rgba(53, 53, 117, 1) 100%);
}

.section-contact-map {
    padding: 100px;
    background-color: #d3f1ff;
}

.contact-form-body .contact-us-info span {
    padding-right: 10px;
    font-size: 25px;
}

.contact-form-body .contact-us-info .fa-facebook {
    color: #1299F6;
}

.contact-form-body .contact-us-info .fa-location-dot {
    color: #F60000;
}

.contact-form-body .contact-us-info .fa-envelope {
    color: #ebac00;
}

.contact-form-body .contact-us-info .fa-phone {
    color: #43C983;
}

.contact-form-body .contact-us-info p {
    font-size: 18px;
    font-family: 'bookmanLight, sans-serif';
}

.quick-contact {
    height: 390px;
}
/* ========================== */

.uddipok h4,
.question h5{
    font-family: "SolaimanLipiNormal" !important;
}
.answer-option label{
    font-family: "SolaimanLipiNormal" !important;
    display: block;
    width: 100%;
    text-align: start;
}

/* start:: question and answer mcq page design
============================================== */
.current-exam-question-item .answer-option label {
   padding: 7px 10px;
   border: 1px solid #ddd9d9;
   border-radius: 5px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
}
.current-exam-question-item .answer-option label:hover {
    background-color: #ededed;
    border: 1px solid #9d004e !important;
}
.current-exam-question-item .answer-option label span {
    margin-right: 5px;
    background: #FFF;
    border: 1px solid black;
    width: 35px;
    display: inline-block;
    height: 35px;
    text-align: center;
    border-radius: 50%;
    line-height: 35px;
    font-weight: 500;
    font-size: 20px;
}
.option-active{
    background-color: #ededed;
    border: 1px solid #9d004e !important;
}

.past-class-video-body iframe{
    height: 500px;
}

/* start:: footer
============================================ */
footer {
    background-color: #141842;
    padding-top: 100px;
    color: #FFF;
    font-family: "SolaimanLipiNormal" !important;
}

.user-dashboard-footer {
    margin-left: 308px;
}

.footer-logo p {
    padding-top: 20px;
}

.footer-logo .social-icon a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #FFF;
    color: #161f72;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    margin-right: 10px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

.footer-course {
    color: #FFF;
}

.footer-course h4 {
    margin-bottom: 20px;
    font-size: 26px;
}

.footer-course .footer-course-list ul {
    padding: 0;
    color: #FFF;
}

.footer-course .footer-contact-list ul li a {
    font-family: 'bookmanLight, sans-serif';
}

.footer-course .footer-course-list span i {
    color: #FFF;
    padding-right: 7px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    font-size: 16px;
}

.footer-course .footer-course-list ul li {
    padding: 5px 0px;
}

.footer-course .footer-course-list ul li a {
    color: #FFF;
    display: inline;
    font-size: 20px;
}

.footer-copyright {
    text-align: center;
    padding: 15px;
    border-top: 2px solid #898989;
}

.footer-copyright p {
    font-family: 'bookmanLight, sans-serif';
}


.form-control::placeholder {
    font-size: 0.95rem;
    color: #aaa;
    font-style: italic;
  }