* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
font-style: normal;
}
p {
margin-bottom: 0.5rem !important;
}
.add-img {
text-align: center;
}

.btn-color,
.bg-color {
background: #3F5858;
}
.card-body {
padding: 0.5rem !important;
}
.vjed-g-ads {
position: sticky;
top: 50px;
}
.owl_custom .owl-dots {
text-align: center;
padding-top: 15px;
}
.owl_custom .owl-dots button.owl-dot {
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background: #ccc;
margin: 0 3px;
}
.owl_custom .owl-dots button.owl-dot.active {
background-color: #000;
}
.owl_custom .owl-dots button.owl-dot:focus {
outline: none;
}
.owl-nav button {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
display: block;
}
/* .owl_custom span {
font-size: 50px;    
position: relative;
top: 0px;
} */
.owl-nav button:focus {
outline: none;
}
.heading h2 {
font-weight: 700;
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
color: #000;
}
p {
margin-bottom: 36px;
line-height: 28px;
font-size: 14px;
font-weight: 500;
color: #888;
}
/* login sewction */
/* .hides {
display: none;
} */
.hidesn {
display: none;
}
.log3 #loginbtn {
padding: 7px 20px;
}
.log2 .dropdown a.dropdown-toggle img {
width: 35px;
height: 35px;
line-height: 35px;
}

.log2 span {
font-size: 20px;
}
.login-p .row>* {
padding: 0 !important;
}
.login-input-form span {
font-size: 1rem;
}
.forgot-p label {
font-size: 16px;
font-weight: 600;
color: #3F5858;
float: right;
}
/* .login-btn button[type='submit'] {
color: #fff !important;
background: #3F5858 !important;
box-shadow: none;
padding: 0.3rem 1.5rem !important;
border: 1px solid #3F5858;
} */
.login-link-btn button[type='submit'] {
font-size: 15px;
color: #fff !important;
background: #3F5858 !important;
box-shadow: none;
padding: 0.3rem 0.7rem !important;
border: 1px solid #3F5858;
}
.navbar-toggler span {
font-size: 20px;
}
.add-comment-section textarea{
border: 1px solid #000;
width: 100%;
height: 190px;
}
.study-block {
-webkit-filter: drop-shadow(0 3px 10px rgba(0, 22, 50, 0.06));
filter: drop-shadow(0 3px 10px rgba(0, 22, 50, 0.06));
text-align: center;
padding: 25px 20px;
background-color: #fff;
min-height: 160px;
border-radius: 15px;
}
.vjed-about-count {
background: #f2f2f2;
padding: 60px 0px;
}
.study-block h5 {
text-transform: capitalize;
font-size: 18px;
color: #071e57;
font-weight: 600;
}
/* top header */
.phone-media-icon .hides {
display: block !important;
}
.header-logo a.logo {
text-decoration: none;
}
.logo h2 {
font-size: 32px;
font-weight: 600;
color: #fff;
margin-bottom: 0 !important;
}
.search-group .input-group {
width: 550px;
margin-bottom: 0 !important;
}
.header-logo {
max-width: 320px;
width: 100%;
}
.header-logo .logo img {
width: 100%;
padding: 5px;
height: 75px;
}
.header-asdz {
display: flex;
justify-content: end;
align-items: center;
}
.mission-header {
display: flex;
align-items: center;
}
/* 
.mission-header form{
width: 420px;
} */
.form-control {
padding: 0.3rem 0.3rem 0.3rem 0.3rem !important;
}
.Categarysearch {
position: absolute;
content: "";
top: 50%;
left: 8%;
transform: translate(-50%, -50%);
}
.lh-1 {
background-color: #fff !important;
border: 2px solid #000 !important;
}
.vjed-login-modal {
position: relative;
padding: 0px;
}
.vjed-login-modal .btn-close {
position: absolute;
padding: 20px;
right: 0;
top: 0;
}
.divider:after,
.divider:before {
content: "";
flex: 1;
height: 1px;
background: #eee;
}
/* top-navbar */
.top-header-navbar .navbar {
padding: 0 !important;
}
.navbar-light .navbar-toggler {
margin: 5px 0 5px auto;
color: #fff;
border-color:#fff;
}
.dropend:hover>.dropdown-menu {
position: absolute;
top: 0;
left: 100%;
}
.dropend .dropdown-toggle {
color: #3F5858;
}

.dropdown .dropdown-menu {
display: none;
}
.dropdown:hover>.dropdown-menu,
.dropend:hover>.dropdown-menu {
display: block;
margin-top: 0.125em;
margin-left: 0.125em;
}
.mobile{display:none;}
.desktop{display:block;}
@media screen and (max-width: 600px) {
.mobile{display:block;}
.desktop{display:none;}

/* .dropend .dropdown-toggle {
margin-left: 0.5em;
} */
}
/* banner */
.section-banner .radious_all {
border-radius: 10px;
padding: 4px;
height: 377px;
}
/* 
.radious_all{
border-radius: 10px;
padding: 8px;
} */
/* 
.asdz-banner .owl_custom .owl-nav  {
display: block !important;
} */
.asdz-banner .owl-nav button {
margin: 0;
transition: all 0.3s ease-in-out;
}
.asdz-banner .owl-nav button.owl-prev {
left: 3%;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background: #3F5958 !important;
color: #fff !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 9px !important;
transition: 0.5s;
}
.asdz-banner .owl-nav button.owl-next {
right: 3%;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background: #3F5958 !important;
color: #fff !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 9px !important;
transition: 0.5s;
}
.asdz-banner .owl-nav button:focus {
outline: none;
}
/* 
.owl_custom .owl-prev,
.owl-next {
display: none !important;
}
.owl_custom:hover .owl-prev {
display: block !important;
}
.owl_custom:hover .owl-next {
display: block !important;
} */
.banner-card img {
position: relative;
background: #E8E7E7;
box-shadow: 2px 2px 3px 2px #999;
width: 100%;
border-radius: 10px;
height: 356px;
}

.download-app-hover .btn-page {
position: absolute;
top: 43%;
left: 5%;
right: 5%;
}
.download-app {
position: relative;
width: 100%;
height: auto;
border-radius: 20px;
border: 5px solid #000;
}
.download-app .download-app-hover {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: #3333338a;
color: white;
width: 100%;
height: 100%;
visibility: hidden;
}
/* .download-app:hover{
cursor: pointer;
} */
.download-app:hover .download-app-hover {
visibility: visible;
transition: all 0.5s ease-in-out;
}
.download-app a.btn {
background: #3f5958;
color: #fff;
border: 1px solid #3f5958;
border-radius: 25px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
/* .download-app a.btn:hover{
background: #669492;
color: #fff;
border: 1px solid #669492;
} */
/* .banner-card img:hover{
box-shadow: 2px 6px 6px 2px #999;
} */
/* about */
.asdz-about {
background: url("../images/about-banner.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.asdz-about-heading h3 {
font-size: 2rem;
padding: 1rem 0;
font-weight: 700;
color: #fff;
}
.asdz-desc p {
font-style: normal;
font-weight: 500;
font-size: 21px;
line-height: 200%;
color: #fff;
}
.vjed-modal-body {
position: relative;
padding: 0px;
}
.vjed-modal-body .btn-close {
position: absolute;
top: 0;
}
.video-modal-content {
background: transparent !important;
flex-direction: row !important;
border: 0;
}
/* navs tabs All courses */
.section-course-main {
padding: 40px 0px;
display: block;
background: #f2f2f2;
}
.section-heading h1 {
font-size: 1.8rem;
text-align: center;
color: #3f5958 !important
}
.vjed-heading h1 {
color: #fff !important;
}
.tbsew-ew {
padding: 10px;
gap: 10px;
}
.tbsew-ew li a.nav-link {
color: #000;
display: flex;
align-items: center;
padding: 8px 30px !important;
border-radius: 5px;
border: 1px solid #000;
box-shadow: 1px #0000000d;
font-size: 16px !important;
font-weight: 500;
}
/* .tbsew-ew li a.nav-link:hover{
box-shadow: 2px 2px 5px #000000;
border-radius: 40px;
} */
.section-course-main .owl_custom .owl-nav {
display: none !important;
}
.section-course-main .owl-nav button {
margin: 0;
transition: all 0.3s ease-in-out;
}
.section-course-main .owl-nav button.owl-prev {
left: 0;
position: absolute;
content: "";
font-size: 60px !important;
/* border-radius:50%; */
top: 50%;
transform: translateY(-50%);
/* background: #3F5958 !important; */
/* width: 40px; */
color: #3F5958 !important;
/* height: 40px; */
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.section-course-main .owl-nav button.owl-next {
right: 0;
position: absolute;
content: "";
font-size: 60px !important;
/* border-radius:50%; */
top: 50%;
transform: translateY(-50%);
/* background: #3F5958 !important; */
/* width: 40px; */
color: #3F5958 !important;
/* height: 40px; */
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.section-course-main .owl-nav button:focus {
outline: none;
}
.section-course-main .tab-content .card img {
/*height: 150px !important;*/
object-fit: cover;
}
.section-course-main .card.vjed-card.radious_all {
min-height: 380px;
height: 100%;
}
.section-course-main .card-body {
padding: 0.5rem !important;
min-height: 150px;
height: 100%;
/* display: inline-block; */
justify-content: space-between;
}
.section-course-main .card-body .cours-card {
display: inline-block;
height: 164px;
width: 100%;
}
/* .owl_custom .owl-prev,
.owl-next {
display: none !important;
}
.owl_custom:hover .owl-prev {
display: block !important;
}
.owl_custom:hover .owl-next {
display: block !important;
} */
.vjed_sub_all a {
text-decoration: none;
}
.vjed-card-body h5 {
font-size: 16px;
font-weight: 600;
color: #000;
text-align: left;
/* min-height: 45px; */
margin-bottom: 0 !important;
line-height: 1.5;
padding: 4px 0px;
}
.vjed-card-body p {
/* font-size: 14px; */
text-align: left;
color: #999;
min-height: 25px;
margin-bottom: 0 !important;
line-height: 1.5;
}
.section-course-main .owl-nav .owl-prev span {
background-color: #39b29c;
padding: 14px 0px;
border-radius: 50%;
height: 40px;
width: 40px;
display: inline-block;
position: absolute;
left: -53px;
font-size: 40px;
text-align: center;
color: #000;
}
.section-course-main .owl-nav .owl-next span {
background-color: #39b29c;
padding: 14px 0px;
border-radius: 50%;
height: 40px;
width: 40px;
display: inline-block;
position: absolute;
right: -53px;
font-size: 40px;
text-align: center;
color: #000;
}
.vjed-card-body .vjed-text-icon {
font-size: 14px;
color: #000;
font-weight: 600;
}
.vjed-card-body h4 {
text-align: left;
}
.price {
font-size: 12px;
color: #f00;
text-decoration: line-through;
}
.actual-price {
font-size: 1rem;
color: red;
text-align: left;
}
.vjed-card-body a.btn {
border-color: #3F5958;
background: #3F5958;
border-radius: 20px;
width: 100%;
color: #fff;
}
.vjed-card-body a.btn:hover {
border-color: #72a1a1;
background: #72a1a1;
}
.section-view-courses a.btn {
border-color: #3F5958;
background: #3F5958;
border-radius: 5px;
text-align: center;
color: #fff;
}
.section-view-courses a.btn:hover {
border-color: #72a1a1;
background: #72a1a1;
}
/* Section choose  */
.section-vjed-choose {
/* background:#D8FFFD; */
background: #fff;
}
.vjed-img-live img {
width: 100%;
height: auto;
}
.learn-heading h2 {
font-size: 2rem;
}
.learn-heading h2 span {
font-size: 2rem;
}
.learn-image img {
width: 5rem;
margin: 0 1rem 0 0;
}
.learn-section h5 {
font-size: 1.2rem;
margin-top: 0.7rem;
}
.learn-section p {
font-size: 0.7rem;
}
/* courses category */
.vjed-all-cg-tabs {
border-radius: 5px;
overflow: hidden;
position: relative;
background-color: #fff;
box-shadow: 2px 2px 10px #ccc;
height: 40px;
}

.course__tabs {
margin: 0;
padding: 0;
position: absolute;
top: 8px;
bottom: -25px;
left: 20px;
right: 20px;
white-space: nowrap;
overflow: auto;
}
.contentWrapper .course_btn_nav {
height: 61px;
line-height: 58px;
width: 25px;
cursor: pointer;
font-size: 25px;
color: #fff;
background-color: #3F5858;
text-align: center;
}
.course__tabs li.active {
color: #fff;
background-color: #3F5858 !important;
}
.course__tabs li {
font-size: 15px;
border: 1px solid #3F5858;
display: inline-block;
background-color: #fff;
padding: 0px 15px;
cursor: pointer;
border-radius: 27px;
margin: 0 5px;
font-weight: 600;
}
.course__tabs li:hover {
border: 1px solid #3F5858;
box-shadow: 1px 1px 3px #999;
}
.vjed-cg-card {
display: flex;
align-items: center;
border: 2px solid #999;
padding: 5px 0;
border-radius: 10px;
}
.vjed-content a {
text-decoration: none;
}
.vjed-cg-card-img img {
padding: 5px 0;
}
.vjed-cg-navtabs {
border-radius: 50px;
overflow: hidden;
position: relative;
background-color: #fff;
box-shadow: 2px 2px 10px #ccc;
margin: 0 15px;
}
.nexts {
position: absolute;
top: 0;
right: 0;
background-color: #3F5958;
margin: 0 !important;
color: #fff;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #3F5958;
}
.nexts:hover {
color: #000;
background: #79bebc;
border: 1px solid #79bebc;
}
.prevs {
position: absolute;
top: 0;
left: 0;
background-color: #3F5958;
margin: 0 !important;
color: #fff;
height: 50px;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #3F5958;
}
.prevs:hover {
color: #000;
background: #79bebc;
border: 1px solid #79bebc;
}
.vjed-cg-card h6 {
font-size: 16px;
font-weight: 500;
color: #000;
}
.vjed-cg-tabs {
justify-content: center !important;
gap: 10px;
margin: 0 auto;
width: calc(100% - 128px);
height: 50px;
overflow: hidden;
position: relative;
padding: 7px;
border-bottom: inherit !important;
}
.vjed-cg-tabs a {
text-decoration: none;
color: #000;
padding: 2px 15px !important;
border-radius: 40px;
border: 1px solid #000;
box-shadow: 1px #0000000d;
font-size: 15px !important;
}
.vjed-cg-tabs a:hover {
box-shadow: 2px 2px 5px #000000;
border-radius: 40px;
}
/* 
.vjed-cg-tabs a.active:hover{
box-shadow: 2px 2px 5px #000000;
border-radius: 40px;
} */
.vjed-cg-tabs a.active {
color: #fff;
display: flex;
align-items: center;
padding: 2px 15px !important;
border-radius: 40px;
box-shadow: 2px 2px 5px #0000000d;
font-size: 15px !important;
background-color: #3f5958 !important;
}
.tab-container {
position: relative;
}
.nav-tabs {
display: flex;
justify-content: space-between;
}
.tab-content {
position: relative;
}
.tab {
display: none;
}
.tab.active {
display: block;
}
.tab-buttons {
position: absolute;
bottom: 0;
right: 0;
}

.vjed-faculti {
background: #f2f2f2;
}
.vjed-f-body h5 {
font-size: 14px;
font-weight: 600;
}
.vjed-f-body h6 {
font-size: 12px;
font-weight: 400;
}
/* 
.vjed-faculti .owl_custom .owl-nav {
display: block !important;
}
.vjed-faculti .owl-nav button {
margin: 0;
transition: all 0.3s ease-in-out;
} */
/* 
.vjed-faculti .owl-nav button.owl-prev {
left: 0;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background-color: #3F5958 !important;
width: 40px;
color: #fff !important;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
} */
/* 
.vjed-faculti .owl-nav button.owl-next {
right: 0;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
color: #fff !important;
transform: translateY(-50%);
background-color: #3F5958 !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
} */
.vjed-faculti .owl-nav button:focus {
outline: none;
}
/* .owl_custom .owl-prev,
.owl-next {
display: none !important;
} */
/* 
.owl_custom:hover .owl-prev {
display: block !important;
} */
/* .owl_custom:hover .owl-next {
display: block !important;
} */
.vjed-youtube {
background: url("../images/youtube-img.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.vjed-card-hover {
position: relative;
/* max-width: 200px; */
max-height: 300px;
}
.vjed-card-hover .vjed-b-hover {
top: 71%;
height: 29%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: black;
color: white;
/* opacity: 0;
visibility: hidden; */
-webkit-transition: visibility 0s, opacity 0.5s linear;
transition: visibility 0s, opacity 0.5s linear;
}
.vjed-card-hover:hover {
cursor: pointer;
}
/* 
.vjed-card-hover:hover .vjed-b-hover{
max-width: 200px;
max-height: 130px;
padding: 8px 15px;
visibility: visible;
opacity: 0.7; 
} */

.demo_video {
padding: 40px 0;
}
.vjed-youtube .section-view-courses a.btn {
padding: 6px 20px;
font-size: 14px;
font-weight: 500;
}
.demo_video .bg-image a {
width: 100%;
display: inline-block;
}
.demo_video .bg-image a iframe {
border-radius: 5px;
width: 94%;
height: 234px;
}
.demo_video .owl_custom .owl-nav {
display: block !important;
}
.demo_video .owl-nav button {
margin: 0;
transition: all 0.3s ease-in-out;
}
.demo_video .owl-nav button.owl-prev {
left: 0;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
background-color: #3F5958 !important;
width: 40px;
color: #fff !important;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.demo_video .owl-nav button.owl-next {
right: 0;
position: absolute;
content: "";
font-size: 30px !important;
border-radius: 50%;
top: 50%;
color: #fff !important;
transform: translateY(-50%);
background-color: #3F5958 !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.demo_video .owl-nav button:focus {
outline: none;
}
/* 
.owl_custom .owl-prev,
.owl-next {
display: none !important;
}
.owl_custom:hover .owl-prev {
display: block !important;
}
.owl_custom:hover .owl-next {
display: block !important;
} */
/* testimonials */
/* 
body{
background: #eee;
} */
/* .testimonials .section-padding{
width:1170px;
margin: 0 auto;
padding:80px 0;
} */
.testimonials {
padding: 40px 0px 0;
}
.testimonials .section-padding{
position: relative;
}
.testimonials .owl-item.active.center{
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
}

.testimonials .owl-item .item {
transform: translate3d(0, 0, 0); /* DO NOT REMEMBER WHERE TU PUT THIS, SEARCH FOR 3D ACCELERATION */
/* transform: scale(0.9); */
/* transition: all .25s ease-in-out;  */
margin: 50px 0; /* OVERWRITE PLUGIN MARGIN */
}
.testimonials .screenshot_slider .owl-item .item img {
-webkit-transition: 0.3s;
-webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(0.80);
-ms-transform: scale(0.80);
transform: scale(0.80);
width: 100%;
height: 100%;
object-fit: cover;
border: 1px solid #ddd;
border-radius: 100%;
}
.testimonials .screenshot_slider .owl-item.center .item img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.testimonials .screenshot_slider .owl-nav {
text-align: center;
/* margin: 40px 0; */
}
.testimonials .screenshot_slider .owl-nav button {
font-size: 24px !important;
margin: 10px;
color: #033aff !important;
}
.testimonials .screenshot_slider .image {
width: 100px;
height: 100px;
margin: auto;
}
.testimonials .screenshot_slider .content{
text-align: center;
padding: 28px 16px;
}
.vjed-testimonials .aos-init h5.my-2 {
font-size: 20px;
font-weight: 600;
line-height: 1.5;
}
.vjed-testimonials .aos-init h6.my-2 {
font-size: 16px;
margin-bottom: 0;
}
.vjed-testimonials {
background: #fefefe;
}
.vjed-testimonials .owl-carousel .owl-item img {
display: inherit !important;
width: 100px;
height: 100px;
border: 3px solid #999;
}
.vjed-testimonials .owl_custom .owl-nav {
display: block !important;
}
.vjed-testimonials .owl-nav button {
margin: 0;
transition: all 0.3s ease-in-out;
}
.vjed-testimonials .owl-nav button.owl-prev {
left: 0;
position: absolute;
content: "";
font-size: 50px !important;
border-radius: 50%;
top: 50%;
transform: translateY(-50%);
width: 50px;
color: #000 !important;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.vjed-testimonials .owl-nav button.owl-next {
right: 0;
position: absolute;
content: "";
font-size: 50px !important;
border-radius: 50%;
top: 50%;
color: #000 !important;
transform: translateY(-50%);
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
line-height: 10px !important;
transition: 0.5s;
}
.vjed-testimonials .owl-nav button:focus {
outline: none;
}
/* 
.owl_custom .owl-prev,
.owl-next {
display: none !important;
}
.owl_custom:hover .owl-prev {
display: block !important;
}
.owl_custom:hover .owl-next {
display: block !important;
} */

.app-link .input-group {
max-width: 82%;
}
.app-link .input-group-text {
border: 1px solid #1DA1F2;
background: #fff;
color: #fff;
}
.app-link input[type="number"] {
border: 1px solid #1DA1F2;
}
.app-link input[type="number"]:hover {
border: 1px solid #1DA1F2;
}
.app-link input[type="number"]::placeholder {
color: #eee;
}
.downl_btn {
display: inline-flex;
align-items: center;
justify-content: center;
}
/* .marg_con a img{
width: 70%;
} */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* footer */
.section-footer {
background: #fff;
}
.footer-logo-img a img {
width: 65px;
}
.footer-heading h4 {
color: #000;
font-size: 22px;
font-weight: 500;
margin-bottom: 0.5rem;
}
.footer-heading p {
font-size: 1rem;
font-weight: 500;
margin-bottom: 0.5rem;
color: #000 !important;
}
.section-footer .c_link p{
color: #000 !important;
}
.section-footer .c_link a{
color: #000 !important;
}
.footer-contact h5 {
font-size: 16px;
font-weight: 600;
color: #000;
}
.footer-contact a {
font-size: 16px;
font-weight: 500;
color: #3f5958;
text-decoration: none;
}
.footer-contact a .fa-phone {
color: #1DA1F2;
}
.footer-contact a .fa-envelope {
color: #eb7c8b;
}
.footer-contact a:hover {
color: #3be757;
}
.vjed-footer-img a img {
width: 90%;
}
.vjed-footer-link li a {
color: #000;
font-size: 15px;
font-weight: 500;
}

.footer-links {
height: 45px;
}
.text-secondary-hover a {
font-weight: 600;
color: #fff;
}
.text-secondary-hover a:hover {
color: green;
}
.list-unstyled li a {
font-size: 1.5rem;
}
.list-unstyled li a .fa-facebook {
background-color: #3b5998;
color: #fff;
border-radius: 30px;
width: 32px;
height: 32px;
line-height: 32px;
font-size: 18px;
display: inline-block;
text-align: center;
}
.list-unstyled li a .fa-instagram {
background: radial-gradient(circle at 30% 10%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
font-size: 18px;
display: inline-block;
text-align: center;
border-radius: 30px;
}
.list-unstyled li a .fa-twitter {
background-color: #1da1f3;
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
font-size: 18px;
display: inline-block;
text-align: center;
border-radius: 30px;
}
.list-unstyled li a .fa-youtube {
background-color: red;
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
font-size: 18px;
display: inline-block;
text-align: center;
border-radius: 30px;
}
.list-unstyled li a .fa-linkedin {
background-color: #0077b5;
width: 32px;
height: 32px;
line-height: 32px;
color: #fff;
font-size: 18px;
display: inline-block;
text-align: center;
border-radius: 30px;
}
.list-unstyled li a:hover {
margin-top: 5px;
}
.c_link a {
color: #6c757d;
font-size: 1rem;
font-weight: 500;
margin-top: 1rem;
text-decoration: none;
}
.c_link a:hover {
color: #ff6364 !important;
text-decoration: none;
}
.c_link p i {
color: #960A0A;
font-size: 1.3rem;
}
.c_link a.phone i {
color: #0077b5;
font-size: 1.3rem;
}
.c_link a.whatsapp i {
color: green;
font-size: 1.3rem;
}
.c_link a.envelope i {
color: #e98ba0;
font-size: 1.3rem;
}
.vjed-exam-nav {
box-shadow: 1px 1px 5px #999;
border-radius: 10px;
justify-content: left;
align-items: stretch;
flex-direction: column;
position: sticky;
top: 50px;
}
.vjed-exam-nav h6 {
font-size: 16px;
font-weight: 600;
}
.vjed-exam-tabs li {
display: flex;
align-items: center;
box-shadow: 1px 1px 3px #999;
margin: 5px;
}
.vjed-exam-tabs li i {
padding: 0 3rem;
}
/* view card details */
.vjed-des-card h1 {
font-size: 1.7rem;
font-weight: 600;
}
.vjed-view-card {
display: flex;
align-items: center;
padding: 5px 0;
}
.vjed-view-card-img img {
padding: 5px 0;
}
.vjed-view-card h6 {
font-size: 14px;
font-weight: 500;
color: #000;
}
/* Order-summery */
.vjed-order-h h1 {
font-size: 16px;
font-weight: 700;
}
.vjed-order-heading {
background: #3F5958;
padding: 5px;
border-radius: 10px 10px 0 0;
}
.vjed-order-heading h5 {
color: #fff;
font-size: 15px;
font-weight: 600;
}
.vjed-card .vjed-copan-card {
display: flex;
background: #999;
align-items: center;
justify-content: space-between;
}
.vjed-card h6 {
font-size: 12px;
color: rgb(46, 45, 45);
}
.vjed-check {
float: left;
color: #000;
font-size: 14px;
margin: 10px 0;
}
.vjed-check label {
color: #000;
}
.vjed-check label a:hover {
text-decoration: underline !important;
}
.card-order {
position: sticky;
top: 50px;
}
.vjed-card a.btn {
border-color: #3F5958;
background: #3F5958;
border-radius: 0 0 10px 10px;
width: 100%;
color: #fff;
}
.vjed-order-body {
padding: 5px 10px !important;
}
.vjed-order-body h5 {
font-size: 14px;
font-weight: 500;
color: #000;
text-align: left;
margin-bottom: 2px !important;
}
.vjed-order-body p {
font-size: 16px;
text-align: left;
color: #000;
margin-bottom: 2px !important;
}
.card-footer label {
color: #000;
font-size: 14px;
}
.vjed-card-item h2 {
text-align: left;
color: #000;
font-weight: 600;
min-height: 50px;
}
.vjed-card-item h5 {
text-align: left;
color: #000;
font-weight: 600;
font-size: 16px;
}
.vjed-card-item h6 {
text-align: left;
color: #000;
font-weight: 600;
font-size: 16px;
}
.vjed-card-item p {
text-align: left;
color: #999;
font-weight: 600;
font-size: 14px;
min-height: 30px;
}
.item-footer {
padding: 0.4rem !important;
}
.number-item {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 14px;
margin: 0;
padding: 0;
text-align: center;
border-top: 2px solid #3F5958;
border-bottom: 2px solid #3F5958;
border-left: 1px solid #3F5958;
border-right: 2px solid #3F5958;
background: #fff;
color: #8184a1;
}
.inc__minus {
font-size: 15px;
display: block;
width: 20px;
height: 20px;
margin: 0;
background: #3F5958;
text-decoration: none;
text-align: center;
line-height: 16px;
color: #fff;
}
.inc__plus {
font-size: 15px;
display: block;
width: 20px;
height: 20px;
margin: 0;
background: #3F5958;
text-decoration: none;
text-align: center;
line-height: 20px;
color: #fff;
}
.inc__minus:hover {
background: #57807e;
color: #000;
}
.inc__plus:hover {
background: #57807e;
color: #000;
}
/* user profile */
.user-form input[type="text"],
input[type="email"],
input[type="number"] {
/*      color: #fff; */
border: 0;
border-bottom: 2px solid lightgrey;
border-radius: 0;
outline: 0;
background: 0 !important;
box-shadow: none;
}
.user-form input[type="text"]:hover,
input[type="email"]:hover,
input[type="number"]:hover {
color: #fff;
background: 0 !important;
border-bottom: 2px solid #3F5958;
}
.user-form ::placeholder {
color: #eee;
opacity: 1;
/* Firefox */
}
.user-form :-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #eee;
}
.user-form ::-ms-input-placeholder {
/* Microsoft Edge */
color: #eee;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.section-user-profile .nav-link{
color: #000 !important;
}
.section-user-profile .nav-pills .nav-link.active{
color: #000 !important;
}
.section-user-profile .user-form input[type="text"], input[type="email"], input[type="number"]{
color: #000 !important;
}
.section-user-profile input::placeholder {
color: #000; /* Change this to your desired color */
}
.user-form .form-outline i {
margin-block: auto;
}
.section-user-profile {
background: #ddd;
margin: 0px;
border-radius: 10px;
padding: 5px;
}
.vjed-user-profile {
padding: 5px;
}
.u-profile {
border-right: 1px solid #eee;
}
.section-user-profile {
min-height: 100vh;
}
.vjed-user-profile {
position: sticky;
top: 50px;
padding: 1rem 0;
min-height: 100vh;
}
.vjed-user-img img {
max-width: 100px;
max-height: 100px;
}
.vjed-user-title h4 {
font-size: 16px;
font-weight: 600;
color: #000;
margin: 0 auto;
}
.vjed-user-title h6 {
font-size: 13px;
font-weight: 600;
margin: 0 auto;
}
.edit-icon {
float: right;
padding: 5px;
display: contents;
}
.edit-icon i {
margin: 1rem;
}
.user-nav {
display: block !important;
}
.user-nav li a.active {
margin: 2px 5px;
background: 0 !important;
color: #fff !important;
font-size: 14px;
font-weight: 600;
}
.user-nav li a {
background: 0 !important;
color: #fff !important;
margin: 2px;
font-size: 14px;
font-weight: 600;
}
.user-form .btn {
border: 1px solid #3F5958;
background: #3F5958;
color: #fff;
font-size: 15px;
font-weight: 500;
border-radius: 20px;
}
.user-form .btn:hover {
border: 1px solid #456d4b;
background: #456d4b;
color: #fff;
font-weight: 500;
}
.user-nav li a.active:hover {
color: #456d4b !important;
border-bottom: 1px solid #456d4b;
border-top: 1px solid #456d4b;
}
.user-nav li a:hover {
color: #456d4b !important;
border-bottom: 1px solid #456d4b;
border-top: 1px solid #456d4b;
}
.user-form .l1 {
float: left;
font-size: 14px;
font-weight: 500;
}
.user-form .l2 {
float: right;
font-size: 14px;
font-weight: 500;
}
/* Library */
.vjed-library-h h2 {
font-size: 18px;
font-weight: 600;
}
.vjed-library-h h6 {
font-size: 14px;
font-weight: 600;
}
/* purchase */
.card-b-p {
padding: 0.2rem 0.2rem !important;
}
.vjed-amount {
display: flex;
align-items: center;
text-align: center;
justify-content: space-between;
}
.vjed-amount p {
font-size: 12px;
font-weight: 600;
color: #999;
}
/* E-books */
.vjed-ebook-h {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
padding: 5px;
background: #fff;
}
.vjed-ebook-h a {
text-decoration: none;
color: #000;
}
.vjed-ebook-h h1 {
font-size: 18px;
margin-bottom: 0;
}
.book-pdf {
box-sizing: border-box;
text-align: center;
}
.book-pdf img {
width: 100%;
margin-bottom: 5px;
}
.book-pdf p {
font-size: 16px;
font-weight: 600;
margin: auto;
/* height: 40px; */
}
/* .book-pdf a {
background: #3F5858 !important;
border: 1px solid #3F5858;
padding: 2px 20px;
color: #fff;
} */
.book-pysics h6 {
font-size: 18px;
font-weight: 600;
}
.view-all-py a {
font-size: 14px;
text-decoration: none;
font-weight: 600;
color: #3F5958;
border: 1px solid #3F5958;
border-radius: 20px;
padding: 5px 10px;
}
.view-all-py a:hover {
background: #3F5958;
color: #fff;
border: 1px solid #3F5958;
}
.all-book-purchase a {
font-size: 18px;
text-decoration: none;
font-weight: 600;
color: #3F5958;
border: 2px solid #3F5958;
border-radius: 2px !important;
padding: 9px 35px;
}

.all-book-purchase a:hover {
background: #00FFF5;
color: #000;
transition: all 0.5s ease-in-out;
border-color: #00FFF5;
}

.all-book-purchase .wishlist-btn {
padding: 7px 3px;
}
.all-book-purchase .wishlist-btn:hover {
background-color: #39b29c;
border-color: #39b29c;
transition: all 0.5s ease-in-out;
}
.all-book-purchase .wishlist-btn:hover i {
color: #fff;
transition: all 0.5s ease-in-out;
}
/* ..........book-summery-box......... */
.book-summery-box .container-fluid{
padding: 0 20px;
}
.book-summery-box #all-books img.img-fluid.p-1 {
object-fit: fill;
width: 100%;
/*height: 130px;*/
height: 230px;
border-radius: 10px;
}
.book-summery-box .content-boxbook{
padding:  10px;
}
.vjed-off-img img {
border-radius: 5px;
}
td {
border: 1px solid #000;
padding: 0 10px;
font-size: 16px;
}
.vjed-off-heading h5 {
font-size: 30px;
font-weight: 600;
color: #000;
height: 50px;
}
.vjed-off-heading h2 {
font-size: 2rem;
font-weight: 600;
color: #000;
}
.vjed-off-price h6 {
font-size: 16px;
}
.vjed-off-price .last-price {
font-size: 18px;
color: #817f7f !important;
text-decoration: line-through;
padding: 10px;
}
.vjed-off-price .current-price {
font-size: 26px;
color: #37514d !important;
text-align: left;
font-weight: 600;
}
.vjed-off-des p {
margin-bottom: 36px;
line-height: 28px;
font-size: 14px;
font-weight: 500;
color: #888;
}
/* Blog page */
.blogsticy {
position: sticky;
top: 50px;
}
.selectpicker {
padding: 4px 0 4px 10px;
border-radius: 20px;
border: 1px solid #3F5958;
color: #3F5958;
font-size: 14px;
font-weight: 600;
word-spacing: 2px;
margin: 5px;
}
/* .vjed-blog-page {
background: white;
} */
.blog-sticy {
position: sticky;
top: 50px;
}
.blog-section {
padding: 10px;
}
.vjed-blog-heading h2 {
font-size: 18px;
font-weight: 600;
word-spacing: 1px;
color: #3F5958;
}
.vjed-blog-heading h4 {
font-size: 16px;
font-weight: 600;
word-spacing: 1px;
color: #000;
}
.vjed-blog-heading h6 {
font-size: 14px;
font-weight: 600;
word-spacing: 1px;
color: #000;
}
.vjed-blog-des p {
font-size: 14px;
font-weight: 500;
line-height: 20px;
word-spacing: 2px;
}
.vjed-blog-des h6 {
font-size: 14px;
font-weight: 600;
line-height: 20px;
word-spacing: 2px;
}
.blog-post-read h6 {
color: #000;
font-size: 12px;
font-weight: 600;
word-spacing: 2px;
}
.blog-post-read h6 a {
text-decoration: none;
color: blue;
font-size: 14px;
font-weight: 600;
word-spacing: 2px;
}
.blog-pagination p {
color: #000;
font-size: 14px;
font-weight: 600;
word-spacing: 2px;
}
.blog-search-form {
text-align: center;
background: #fff;
padding: 8px;
}
.blog-search-form input[type='text'] {
width: 100%;
border: 1px solid #3F5958;
font-size: 14px;
padding: 4px 15px;
border-radius: 20px;
font-weight: 500;
margin-right: 5px;
}
.blog-search-form input[type='submit'] {
border: 1px solid #3F5958;
background: #3F5958;
padding: 4px 15px;
font-size: 14px;
font-weight: 600;
border-radius: 20px;
color: #fff;
}
.blog-search-form input[type='submit']:hover {
border: 1px solid #6d9c9b;
background: #6d9c9b;
color: #000;
}
.blog-top-cg h6 {
font-size: 18px;
font-weight: 700;
color: #000;
padding: 5px 0;
}
.blog-top-cg-links a {
text-decoration: none;
display: block;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 2;
color: #333;
}
.blog-top-cg-links a:hover {
color: #0d6efd;
text-decoration: underline;
}
.blog-cg-img {
position: relative;
}
.blog-cg-img h4 {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 24px;
text-align: center;
color: #fff;
}
.blog-cg-img h6 {
position: absolute;
top: 35%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 14px;
text-align: center;
color: #fff;
}
.blog-cg-img .btn-exp {
position: absolute;
top: 70%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 12px;
padding: 1px 15px;
border: 1px solid #084FC7;
text-align: center;
color: #fff;
background: #084FC7;
}
.blog-latest-img img {
margin: 4px;
}
.blog-latest-links {
margin: 4px;
}
.blog-latest-links a {
font-size: 14px;
font-weight: 600;
text-decoration: none;
color: #000;
line-height: 1;
}
.blog-latest-links a:hover {
text-decoration: underline;
}
.blog-latest-links h6 {
font-size: 12px;
}
.blog-popular-tag-links a {
text-decoration: none;
font-size: 14px;
font-weight: 500;
padding: 2px;
margin-right: 5px;
line-height: 30px;
}
.blog-popular-tag-links a:hover {
text-decoration: underline;
}
.blog-social-media-links a {
margin: 5px;
}
.blog-social-media-links a.btn-facebook i {
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #084FC7;
font-size: 26px;
}
.blog-social-media-links li a.btn-facebook i:hover {
background-color: #fff;
border: 1px solid #084FC7;
color: #084FC7;
}
/* .blog-social-media-links a.btn-linkedin {
border: 1px solid #088EC7;
background: #088EC7;
color: #fff;
border-radius: 20px;
font-size: 13px;
padding: 2px 20px;
} */
/* .blog-social-media-links a.btn-pinterest {
border: 1px solid #c8232c;
background: #c8232c ;
color: #fff;
border-radius: 20px;
font-size: 13px;
padding: 2px 20px;
} */
.blog-social-media-links a.btn-instagram i {
background: radial-gradient(circle at 30% 10%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 26px;
}
.blog-social-media-links li a.btn-instagram i:hover {
background: #fff;
border: 1px solid #d6249f;
color: #fd5949;
}
.blog-social-media-links a.btn-youtube i {
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: red;
font-size: 26px;
}
.blog-social-media-links li a.btn-youtube i:hover {
background-color: #fff;
border: 1px solid red;
color: red;
}
.blog-social-media-links a.btn-telegram i {
background: #00B3FF;
color: #fff;
border-radius: 50%;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
background: #084FC7;
font-size: 26px;
}
.blog-social-media-links li a.btn-telegram i:hover {
background-color: #fff;
border: 1px solid #084FC7;
color: #084FC7;
}
.blog-social-media-links a.btn-app img {
width: 100%;
margin-bottom: 10px;
}
.blog-inquary-form {
padding: 1rem;
}
.blog-inquary-form .inquery form input {
margin-bottom: 5px;
width: 100%;
font-size: 14px;
padding: 5px;
border-bottom: 2px solid #999 !important;
}
.blog-inquary-form form input[type='submit'] {
margin-top: 10px;
width: 100%;
font-size: 14px;
padding: 5px;
border: 1px solid #3F5958;
background: #3F5958;
color: #fff;
}
.vjed-about-batch {
background: linear-gradient(90deg, #3E5B5A 0%, #02A49E 100%);
border-radius: 25px;
margin-bottom: -50px;
position: relative;
}
.about-batch-heading h1 {
font-size: 3rem;
font-weight: 700;
color: #fff;
}
.about-batch-heading h1 span {
font-size: 3rem;
font-weight: 700;
color: #00FFF5;
}
.vjed-footer {
margin-top: 50px;
}
.inquey-field {
border-bottom: 2px solid #999;
}
.inquey-field:hover {
border-bottom: 2px solid #3F5858;
}
.inquey-field i {
font-size: 20px;
margin: auto;
color: #999;
}
.inquey-field input {
border: 0;
margin-left: 5px;
}
.inquey-btn input[type='button'] {
color: #fff;
padding: 0.2rem 0.7rem;
background-color: #3F5858;
}
.inquey-btn input[type='button']:hover {
background-color: #5f8989;
}
/* blog-section */
.blog-post-img {
padding: 5px;
}
.blog-post-img img {
max-width: 70px;
max-height: 70px;
}
.blog-post-title {
text-align: center;
margin-top: 10px;
}
.blog-post-title h6 {
font-size: 14px;
font-weight: 600;
}
.blog-post-title p {
font-size: 12px;
font-weight: 500;
}
.blog-post-more a.btn {
background: #3F5958;
color: #fff;
font-size: 13px;
font-weight: 500;
border-radius: 20px;
margin: 5px
}
.blog-post-more a.post-by {
text-decoration: none;
color: #000;
font-size: 13px;
font-weight: 500;
margin: 5px
}
.blog-comment {
background: #E6E4F9;
}
.bolg-comment-form input,
textarea {
padding: 0.3rem 1rem;
width: 100%;
/*border: none;*/
font-size: 14px;
border-radius: 3px;
}
.bolg-comment-form input[type="submit"] {
border-radius: 3px;
padding: 0.3rem 1rem;
width: 100%;
border: none;
font-size: 14px;
background: #3F5958;
color: #fff;
}
.blog-post-links a {
font-size: 16px;
font-weight: 500;
text-decoration: none;
}
/* feeds */
.content-box {
max-height: 100px; /* Adjust the initial max-height as needed */
overflow: hidden;
transition: max-height 0.3s ease; /* Add smooth transition effect */
}
.show-more {
cursor: pointer;
color: #0d73f0;
display: block;
background-color:linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 1) 100% );
}
.post-card {
background-color: white;
min-height: 150px;
}
.post-logo {
float: left;
margin-right: 8px;
width: 40px;
height: 40px;
}
.post-header {
padding: 1rem;
}
.co-name>a {
font-size: 14px;
font-weight: bold;
line-height: 1.38;
color: #365899;
text-decoration: none;
margin-bottom: 2px;
}
.co-name>a:hover {
text-decoration: underline;
}
.post-time {
font-size: 12px;
color: #90949c;
}
.post-time>a {
color: #90949c;
text-decoration: none;
}
.post-time>a:hover {
text-decoration: underline;
}
.post-options {
font-size: 20px;
color: #000;
float: right;
}
.post-options:hover {
color: black;
/* Fallback */
color: rgba(0, 0, 0, .30);
}
.post-content {
clear: both;
font-size: 14px;
line-height: 1.38;
padding: 0 1rem;
}
.post-comment h6 {
font-size: 15px;
font-weight: 600;
}
.post-radio-btn {
padding: 0 1rem;
}
.post-radio-btn .form-check {
margin-bottom: 10px;
padding: 0.2rem 0 0.2rem 2rem;
}
.post-radio-btn .form-check-label {
font-size: 14px;
font-weight: 600;
}
.post-radio-btn .post-ol li {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
.post-radio-btn .post-ol {
margin-bottom: 10px;
padding: 0.2rem 0 0.2rem 2rem;
}
.blog-card {
max-width: 30em;
flex-direction: row;
background-color: #fff;
border: 1px solid #999;
margin: 0 auto;
}
.blog-card-body {
padding: 1rem 0.5rem !important;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-card img {
max-width: 20%;
margin: auto;
padding: 0.5em;
border-radius: 0.7em;
}
/* 
.card-body {
display: flex;
justify-content: space-between;
} */
.blog-text-section {
max-width: 60%;
}
.blog-text-section h5 {
font-size: 14px;
font-weight: 600;
color: #365899;
}
.blog-text-section p {
font-size: 12px;
}
.blog-cta-section {
max-width: 40%;
display: flex;
align-items: center;
}
.blog-cta-section .btn {
padding: 2px 15px;
font-size: 14px;
color: #fff;
background: #3F5958;
/* color: #696969; */
}
.vjed-about-logo {
background: #3F5958;
}
.vjed-about-img {
text-align: center;
}
.vjed-about-count {
background: #f2f2f2;
padding: 60px 0px;
}
.vjed-section i {
font-size: 3rem;
}
/* book summery */
.vjed-subject-book {
border-right: 1px solid #999;
position: sticky;
top: 50px;
height: 500px;
overflow-y: auto;
overflow-x: hidden;
}
.vjed-sub-links {
display: grid;
margin: 10px 0;
}
.vjed-sub-title h6 {
font-size: 14px;
font-weight: 600;
padding: 0.5rem;
}

.vjed-sub-links a {
margin: 5px 0;
/* border-bottom: 1px solid #999; */
padding: 4px 0 10px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
color: #797878;
border-bottom: 1px solid #ddd;
}

/* .book-buy{
display: flex;
align-items: center;
justify-content: space-between;
} */
.book-card-section h5 {
font-size: 1.5rem;
}
.book-card-section p {
font-size: 15px;
}
/* test series */
/* .vjed-test-card{
/* background: #D1FFFD; *
} */
.vjed-test-card h5 {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.5rem;
padding: 0.2rem;
}
.vjed-test-p p {
font-size: 12px;
font-weight: 500;
color: #999;
}
.test-header {
font-size: 14px;
background: none !important;
color: #2196F3;
padding: 0.5rem !important;
}
.test-body p {
text-align: left;
font-size: 13px;
color: #888888;
}
.test-body a {
color: #ffff;
background: #3F5958;
border-radius: 20px;
border: 1px solid #3F5958;
width: 100%;
font-size: 12px;
font-weight: 500;
}
.test-body a:hover {
color: #ffff;
background: #679291;
border: 1px solid #679291;
}
.test-tbsew-ew {
padding: 10px;
gap: 10px;
}
.test-tbsew-ew li a.nav-link.active {
color: #000;
display: flex;
align-items: center;
padding: 2px 15px !important;
font-size: 14px !important;
background: #fff;
border-bottom: 3px solid #3f5958;
}
.test-tbsew-ew li a.nav-link {
color: #000;
display: flex;
align-items: center;
padding: 2px 15px !important;
font-size: 14px !important;
}
.test-tbsew-ew li a.nav-link:hover {
box-shadow: 1px 1px 3px #999;
}
.vjed-test-navtabs {
border-radius: 5px;
overflow: hidden;
position: relative;
background-color: #fff;
border: 1px solid #999;
}
.vjed-test-tabs {
justify-content: center !important;
gap: 10px;
margin: 0 auto;
width: calc(100% - 128px);
height: 50px;
overflow: hidden;
position: relative;
padding: 7px;
}
.vjed-test-tabs a {
text-decoration: none;
color: #000;
padding: 2px 15px !important;
border-radius: 20px;
border: 1px solid #000;
box-shadow: 1px #0000000d;
font-size: 12px !important;
}
.vjed-test-tabs a:hover {
box-shadow: 2px 2px 5px #000000;
border-radius: 20px;
}
.vjed-test-tabs a.active {
color: #fff;
display: flex;
align-items: center;
padding: 2px 15px !important;
border-radius: 20px;
box-shadow: 2px 2px 5px #0000000d;
font-size: 12px !important;
background-color: #3f5958 !important;
}
.vjed-test-card p {
font-size: 12px;
}
.test-card {
border: none !important;
}
.test-card-body {
padding: 1rem 0.5rem !important;
display: flex;
justify-content: space-between;
align-items: center;
}
.test-ser-sub p {
color: #999;
font-size: 10px;
font-weight: 600;
margin-right: 0.5rem;
}
#test-prevs {
position: absolute;
top: 0;
left: 0;
background-color: #3F5958;
margin: 0 !important;
color: #fff;
height: 30px;
width: 30px;
transform: translate(10px, 10px);
border-radius: 22px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #3F5958;
}
#test-nexts {
position: absolute;
top: 0;
right: 0;
background-color: #3F5958;
margin: 0 !important;
color: #fff;
height: 30px;
width: 30px;
transform: translate(-10px, 10px);
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #3F5958;
}
.vjed-test-card h6 {
font-size: 13px;
font-weight: 600;
text-align: left;
}
.test-body h5 {
font-size: 16px;
font-weight: 600;
text-align: left;
}
.test-ser-h h6 {
font-size: 14px;
}
.series-recomd h6 {
font-size: 12px;
font-weight: 600;
}
.series-recomd p {
font-size: 12px;
font-weight: 600;
}
.series-recomd-details a i {
font-size: 24px;
color: #000;
}
.class-type-number {
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
color: #494949;
}
.class-type-desc {
font-size: 12px;
line-height: 15px;
letter-spacing: 0;
color: #999;
}
.spe-price {
font-size: 14px;
line-height: 32px;
letter-spacing: 0;
color: #333;
}
.class-price {
font-size: 24px;
color: #333;
}
.class-old-price {
font-size: 14px;
color: #888;
}
.class-old-price,
.class-price {
line-height: 49px;
letter-spacing: 0;
}
.class-price-off {
background: no-repeat padding-box #3F5858;
box-shadow: 0 3px 10px #3F5858;
border-radius: 20px;
height: 29px;
line-height: 7px;
padding: 12px;
font-size: 14px;
color: #fff;
margin-top: 10px;
}
.font-16 {
font-size: 16px;
}
/* .font-fam-med, .font-fam-medium {
} */
span.expCourse a.btn {
background: #3F5858;
color: #fff;
box-shadow: none;
}
.class-header {
font-size: 20px;
letter-spacing: 0;
color: #333;
font-weight: 500;
}
/* video lecture */
.form-select {
display: block;
width: 100%;
padding: .2rem 2.25rem .2rem .5rem;
-moz-padding-start: calc(0.75rem - 3px);
font-size: 0.9rem;
font-weight: 400;
line-height: 1.3;
color: #000;
background-color: #fff;
border: 2px solid #3F5858;
border-radius: 20px;
box-shadow: none;
}
.vjed-subject-vdo {
border-radius: 4px;
position: sticky;
top: 50px;
height: 450px;
overflow-y: auto;
overflow-x: hidden;
}
.vdo-free-h h4 {
font-size: 1rem;
font-weight: 600;
margin-top: 5px;
}
.vdo-sel-in label {
font-size: 12px;
font-weight: 500;
}
.vjed-vdo-acordg a.vjed-vdo-btn:hover {
border: 1px solid #3F5958 !important;
}
.vjed-vdo-acordg a.vjed-vdo-btn {
border: 1px solid #999 !important;
padding: 0.5rem !important;
border-radius: 10px;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
color: #999;
}
.vjed-vdo-btn {
padding: 0 !important;
border: none !important;
}
.vjed-vdo-link {
border: 1px solid #999;
}
.vjed-vdo-link a {
text-decoration: none;
display: block;
}
.vdo-section-topic {
border: 2px solid #999;
overflow-y: auto;
overflow-x: hidden;
height: 450px;
}
.vdo-topic {
background: #eeeeee;
overflow-y: auto;
overflow-x: hidden;
height: 450px;
}
.vdo-chapt-card a {
text-decoration: none;
}
.vdo-chapt-name h3 {
font-size: 1.2rem;
font-weight: 600;
padding: 5px;
}
.vdo-chapt-name p {
font-size: 15px;
font-weight: 500;
padding: 5px;
}
.vdo-chapt-topic h6 {
font-size: 14px;
font-weight: 500;
color: #000;
}
.vdo-chapt-topic h6:hover {
text-decoration: underline;
}
.vdo-time-sec p {
font-size: 12px;
font-weight: 500;
color: #ff8c76;
margin-top: 1.5rem;
}
.vdo-time-sec h6 {
font-size: 13px;
font-weight: 500;
color: #000;
border-bottom: 1px solid #ff8c76;
}
.vdo-time-sec h6:hover {
border-bottom: 1px solid #000;
}
.vdo-chapt-card {
margin: 3px;
padding: 3px;
border-bottom: 1px solid #999;
}
.vdo-chapt-name a {
text-decoration: none;
display: inline-block;
padding: 5px 10px;
}
.vdo-chapt-name a.previous {
background-color: #f1f1f1;
color: black;
}
.vdo-chapt-name a.next {
background-color: #f1f1f1;
color: #000;
}
.vdo-chapt-name a.previous:hover {
background-color: #3F5958;
color: #fff;
}
.vdo-chapt-name a.next:hover {
background-color: #3F5958;
color: #fff;
}
a.post {
border: 1px solid #3F5958;
border-radius: 20px;
padding: 2px 20px;
font-size: 14px;
font-weight: 500;
color: #000;
padding: 2px 15px;
}
a.post:hover {
border: 1px solid #3F5958;
background: #3F5958;
color: #fff;
}
/* book purchase offline online */
.rating-box .fa-star {
padding: 2px;
color: #3F5858;
}
.rating-box .checked {
padding: 2px;
color: #ffb902;
margin-block: 12px;
}
.rating-num {
font-size: 16px;
}
.pchoose-type {
position: relative;
display: flex;
align-items: center;
margin-bottom: 10px;
margin-top: 10px;
}
.pchoose-type-box.active {
border: 1px solid #3F5858;
}
.pchoose-type .pchoose-type-box {
border: 2px solid #3F5858;
border-radius: 5px;
padding: 10px 35px 10px 15px;
margin-right: 10px;
position: relative;
}
.pchoose-type-box.active .activeradio {
border: 2px solid #ddd;
background: #3F5858;
}
.activeradio {
position: absolute;
width: 16px;
height: 16px;
border-radius: 50%;
background: #f5f5f5;
border: 2px solid #3F5858;
right: 10px;
top: 10px;
}
.pchoose-type-price {
display: flex;
align-items: center;
}
.pchoose-type-price .nprice {
color: var(--color-primary);
font-weight: 600;
font-size: 16px;
}
.pchoose-type-price .noff {
color: rgb(12, 131, 31);
margin-left: 10px;
font-weight: 600;
font-size: 16px;
}
/* Hide the images by default */
.mySlides {
display: none;
}
/* Add a pointer when hovering over the thumbnail images */
.cursor {
cursor: pointer;
}
/* Next & previous buttons */
.slide-prev {
text-decoration: none;
border-radius: 50%;
background: #fff;
left: 0;
position: absolute;
top: 50%;
transform: translate(50%, -50%);
font-size: 20px !important;
color: #000 !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 9px !important;
transition: 0.5s;
opacity: 0;
}
.slide-next {
text-decoration: none;
border-radius: 50%;
background: #fff;
right: 0;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
font-size: 20px !important;
color: #000 !important;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
line-height: 9px !important;
transition: 0.5s;
opacity: 0;
}
/* 
.slide-prev{
opacity: 0;
}
.slide-next{
opacity: 0;
} */
.vjed-off-img:hover .slide-prev {
opacity: 1 !important;
}
.vjed-off-img:hover .slide-next {
opacity: 1 !important;
}
.vjed-off-img {
position: relative;
border: 1px solid #ddd;
padding: 0;
margin: 10px;
height: 500px;
display: flex;
align-items: center;
border-radius: 5px;
}
.vjed-off-img .mySlides {
height: 500px;
padding: 30px;
}
.vjed-off-img .mySlides img {
width: 90%;
height: 100%;
object-fit: cover;
}
/* Position the "next button" to the right */
/* .next {
right: 0;
border-radius: 3px 0 0 3px;
} */
/* On hover, add a black background color with a little bit see-through */
/* .prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
} */
/* Number text (1/3 etc) */
.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* .row:after {
content: "";
display: table;
clear: both;
} */
/* Six columns side by side */
.column {
float: left;
width: 16.66%;
}
/* Add a transparency effect for thumnbail images */
.demo {
opacity: 0.6;
}
.active,
.demo:hover {
opacity: 1;
}
.book-info-heading h4 {
font-size: 26px;
font-weight: 600;
color: #000;
}

.vjed-description span {
line-height: 28px;
font-size: 16px !important;
font-weight: 500 !important;
color: #888 !important;
}
.vjed-des-p p {
line-height: 28px !important;
font-size: 16px !important;
font-weight: 500 !important;
color: #888 !important;
}
.vjed-des-table-c table th {
font-size: 16px;
font-weight: 600;
line-height: 2;
}
/* .book-details{
border-bottom: 1px solid #999;
} */
.book-details .heading h2 {
line-height: 1.4;
font-weight: 600;
}
.quantity {
display: flex;
align-items: center;
border: 2px solid #b7b4b4;
padding: 2px 0;
border-radius: 2px;
}
.quantity__minus,
.quantity__plus {
display: block;
width: 40px;
height: 40px;
margin: 0;
background: #fff;
text-decoration: none;
text-align: center;
line-height: 40px;
}
.quantity__minus:hover,
.quantity__plus:hover {
color: #3F5858;
}
.quantity__input {
width: 40px;
height: 40px;
margin: 0;
padding: 0;
text-align: center;
border: none;
/* border-top: 2px solid #3F5958;
border-bottom: 2px solid #3F5958;
border-left: 1px solid #3F5958;
border-right: 2px solid #3F5958; */
background: #fff;
color: #000;
}
.quantity__minus:link,
.quantity__plus:link {
color: #8184a1;
}
.quantity__minus:visited,
.quantity__plus:visited {
color: #fff;
}
.vjed-tags-cate p b {
font-size: 14px;
font-weight: 600;
padding-inline-end: 5px;
}
.vjed-tags-cate p {
font-size: 14px;
/* border-top: 1px dotted #999;
border-bottom: 1px dotted #999; */
}
.vjed-description h2 {
font-size: 1.5rem;
color: #000;
min-height: 100px;
line-height: 42px;
}
.vjed-des-p p {
font-size: 16px;
line-height: 25px;
}
/* ............about-us............. */
.about-us {
padding: 60px 0px;
}
.about-us .about-content h2 {
font-size: 32px;
font-weight: 600;
line-height: 1.5;
}
/* .about-us .about-content p{
line-height: 30px;
font-size: 14px;
font-weight: 500;
color: #413f3f;
text-align: justify;
} */
.about-us .about-image {
position: relative;
}
.about-us .about-image img {
width: 100%;
margin-left: auto;
border-radius: 10px;
}
/* .about-us .about-image:before {
background-color: #81ccbe;
content: "";
display: block;
width: 80%;
height: 55%;
position: absolute;
left: 26%;
top: 0;
bottom: -10%;
z-index: -1;
} */
#all-books img.img-fluid.p-1 {
object-fit: cover;
width: 100%;
height: 124px;
border-radius: 10px;
}
span.old-price {
font-size: 16px;
color: #8a8888;
-webkit-margin-start: 10px;
margin-inline-start: 10px;
font-weight: 500;
text-decoration: line-through;
display: inline-block;
}
#all-books .class-price .pro-price {
font-size: 22px;
font-weight: 500;
color: #000;
line-height: 1.5;
}
span.product-discount-label {
background: rgb(13, 156, 30);
letter-spacing: 0.5px;
color: #ffffff;
padding: 2px;
border-radius: 5px;
}
/* ..............why-choose-us............. */
.why-choose-us {
position: relative;
padding: 60px 0px;
}
.why-choose-us .heading {
padding-block-end: 30px;
}
.why-choose-us .image-box {
margin: 0 auto;
width: 70px;
height: 70px;
}
.why-choose-us .card {
border: 1.5px solid #ddd;
border-radius: 5px;
padding: 10px;
}
.why-choose-us .image-box img {
width: 100%;
}
.why-choose-us .content {
text-align: center;
}
/* ...............book page............. */
.book-view-btn {
text-align: center;
padding: 10px 10px 0px;
}
#sync1 .item {
background: #0c83e7;
padding: 80px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
}
#sync2 .item {
background: #C9C9C9;
padding: 10px 0px;
margin: 5px;
color: #FFF;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: center;
cursor: pointer;
}
#sync2 .item h1 {
font-size: 18px;
}
#sync2 .current .item {
background: #0c83e7;
}
.owl-theme .owl-nav [class*='owl-'] {
transition: all .3s ease;
}
.owl-theme .owl-nav [class*='owl-'].disabled:hover {
background-color: #D6D6D6;
}
#sync1.owl-theme {
position: relative;
}
#sync1.owl-theme .owl-next,
#sync1.owl-theme .owl-prev {
width: 22px;
height: 40px;
margin-top: -20px;
position: absolute;
top: 50%;
}
#sync1.owl-theme .owl-prev {
left: 10px;
}
#sync1.owl-theme .owl-next {
right: 10px;
}
/* ..........feedpage.......... */
.feed-post .reference img {
width: 86%;
height: 600px;
object-fit: cover;
border-radius: 5px;
margin: auto;
display: flex;
}
.image-opstion .image-feed-comment-box .comment-write{
margin-block-start: 30px;
}
.image-opstion .image-feed-comment-box .comment-write .card .image-box {
width: 40px;
height: 40px;
}
.image-opstion .image-feed-comment-box .comment-write .card .image-box img{
width: 100%;
border-radius: 100%;
height: 100%;
object-fit: cover;
}
.image-opstion .image-feed-comment-box .comment-write .card{
flex-direction: row;
gap: 20px;
border-color: transparent;
align-items: center;
}
.image-opstion .image-feed-comment-box .comment-write .card
.content{
width: 84%;
background-color: transparent;
}
.image-opstion .image-feed-comment-box .comment-write .card
.content h6{
margin-bottom: 0px;
border-bottom: 1px solid #ddd;
padding-block-end: 10px;
}
.image-opstion .image-feed-comment-box  .commnet-user .use-icon{
width: 40px;
height: 40px;
}
.image-opstion .image-feed-comment-box  .commnet-user img{
width: 100%;
border-radius: 100%;
height: 100%;
object-fit: cover;
}
.image-opstion .image-feed-comment-box  .commnet-user{
display: flex;
gap: 20px;
align-items: start;
margin-block-start: 30px;
}
.image-opstion .image-feed-comment-box  .commnet-user .content h5{
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
}
.image-opstion .image-feed-comment-box  .commnet-user .content h5 span{
color: #888;
font-size: 12px;
font-weight: 500;
}
.image-opstion .image-feed-comment-box  .commnet-user .content p{
padding-inline-end: 20px;
color: #000;
}
.image-opstion .image-feed-comment-box  .commnet-user .comment-footer{
display: flex;
gap: 15px;
list-style: none;
}
.image-opstion {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
padding: 20px;
border-radius: 10px;
background-color: #fff;
margin-bottom: 10px;
}
.image-opstion .image-checkbox {
padding: 10px 64px;
}
.image-opstion .image-checkbox .active {
border-color: #00B3FF !important;
position: relative;
}
.image-opstion .image-checkbox .active::before {
/* content: "";
background-color: #dddddd63;
position: absolute;
display: block;
width: 80%;
height: 100%; */
}
.image-opstion .image-checkbox .other-box1 {
position: relative;
}
.image-opstion .image-checkbox .other-box1::before {
content: "";
background-color: #dddddd63;
position: absolute;
display: block;
width: 60%;
height: 100%;
}
.image-opstion .image-checkbox .other-box2 {
position: relative;
}
.image-opstion .image-checkbox .other-box2::before {
content: "";
background-color: #dddddd63;
position: absolute;
display: block;
width: 60%;
height: 100%;
}
.image-opstion .image-checkbox .other-box3 {
position: relative;
}
.image-opstion .image-checkbox .other-box3::before {
content: "";
background-color: #dddddd63;
position: absolute;
display: block;
width: 60%;
height: 100%;
}
.image-opstion .image-checkbox .image-opstion-box {
display: flex;
align-items: center;
gap: 30px;
/* padding: 10px; */
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 10px;
cursor: pointer;
}
.image-opstion .image-checkbox .image-opstion-box .content {
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
padding-inline-end: 10px;
}
.image-opstion .image-checkbox .image-opstion-box .content h6 {
font-size: 16px;
font-weight: 600;
margin: 0;
}
.image-opstion .image-checkbox .active .content p {
font-size: 16px;
font-weight: 600;
margin-bottom: 0 !important;
color: #00B3FF !important;
}
.image-opstion .image-checkbox .image-opstion-box .image {
width: 90px;
height: 90px;
}
.image-opstion .image-checkbox .image-opstion-box .image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px 0px 0px 5px;
}
.image-opstion .header-content {
display: flex;
align-items: start;
gap: 16px;
}
.image-opstion .header-content .coching-logobox {
width: 50px;
height: 50px;
}
.image-opstion .header-content .coching-logobox img {
width: 100%;
height: 100%;
/*object-fit: cover;*/
object-fit: contain;
}
.header-content .content .logo-header {
display: flex;
align-items: baseline;
gap: 20px;
}
.header-content .content .logo-header h6 {
font-size: 18px;
font-weight: 600;
margin: 0;
}
.header-content .content span {
font-size: 12px;
color: #a4a2a2;
font-weight: 500;
}
.header-content .content p {
font-size: 14px;
font-weight: 600;
padding: 10px 0 0;
margin-bottom: 0 !important;
line-height: 18px;
}
.image-opstion .image-check-footer {
padding: 0 34px;
}
.image-check-footer ul {
display: flex;
align-items: center;
gap: 34px;
margin: 0;
}
.image-check-footer ul li {
list-style: none;
}
.image-check-footer ul li span {
font-size: 14px;
font-weight: 600;
padding-inline-start: 8px;
}
/* ........opstion-q.......... */
.opstion-q .image-opstion-box {
padding: 10px 16px;
}
.image-opstion .image-checkbox.opstion-q .active {
display: flex;
align-items: center;
gap: 30px;
/* padding: 10px; */
border: 1px solid #05a038 !important;
border-radius: 5px;
margin-bottom: 10px;
}
.image-opstion .image-checkbox.opstion-q .active::before {
display: none;
}
.image-opstion .image-checkbox.opstion-q .image-opstion-box .content {
width: 100%;
}
.image-opstion .image-checkbox.opstion-q .content p {
margin-bottom: 0px !important;
}
.image-opstion .image-checkbox.opstion-q .active .content p i {
font-size: 14px;
background-color: #31c536;
padding: 7px 8px 6px;
border-radius: 50%;
color: #fff;
}
.image-opstion .image-checkbox.opstion-q .wrong-1 {
display: flex;
align-items: center;
gap: 30px;
/* padding: 10px; */
border: 1px solid #ff1e00 !important;
border-radius: 5px;
margin-bottom: 10px;
}
.image-opstion .image-checkbox.opstion-q .wrong-1 .content p i {
font-size: 14px;
background-color: #ff1e00;
padding: 7px 8px 6px;
border-radius: 50%;
color: #fff;
}
/* ..........read more and read less............ */
.add-read-more.show-less-content .second-section,
.add-read-more.show-less-content .read-less {
display: none;
}
.add-read-more.show-more-content .read-more {
display: none;
}
.add-read-more .read-more,
.add-read-more .read-less {
font-weight: bold;
margin-left: 2px;
color: blue;
cursor: pointer;
}
.add-read-more {
width: 100%;
padding: 10px 40px;
}
.post-content .show-more{
padding-inline-start: 40px;
margin-block-end: 20px;
}
.add-read-more p{
color: #000;
}
/* ...........header-login-popup............. */
.signup-row{
height: 520px;
}
.signup-row .signup-back{
background-size: cover;
background-repeat: no-repeat;
height: 100%;
display: flex;
align-items: center;
}
.login-form-row {
height: 330px;
display: flex;
}
.login-form-row .login-back{
background-size: cover;
background-repeat: no-repeat;
height: 100%;
display: flex;
align-items: center;
}
#signupuser  .inquey-field {
border: 1px solid #ddd;
padding: 4px 6px;
border-radius: 5px;
}
.model-login-form {
display: block;
}
.model-signup-form {
display: none;
}
.header-login-popup .radious_all {
padding: 0px;
}
.header-login-popup .login-btn{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0px 10px;
}
.header-login-popup .radious_all .btn-close {
position: absolute;
padding: 12px;
right: 0;
top: 0;
background-color: #ddd;
font-size: 10px;
font-weight: 700;
}
.header-login-popup .radious_all .font-heading {
text-align: center;
font-size: 22px;
font-weight: 600;
padding: 20px 0 0;
}
.header-login-popup .inquey-field {
border: 1px solid #ddd;
padding: 4px 6px;
border-radius: 5px;
}
.header-login-popup .inquey-field i {
font-size: 16px;
margin: auto;
color: #999;
}
.header-login-popup .inquey-field input {
font-size: 14px;
}
.header-login-popup .radious_all .btn-page {
padding: 8px 20px !important;
font-size: 14px;
font-weight: 500;
/*background: #39b29c !important;*/
/*border-color: #39b29c;*/
}
/* .......signup-card......... */
.signup-card {
display: none;
}
/* ....mission-and-vission......... */
.mission-and-vission .about-image img {
width: 100%;
}
.mission-and-vission {
background-color: #eee;
}
/* .............coures page............ */
.categroy-card .vjed-card {
min-height: 380px;
height: 100%;
}
.categroy-card .vjed-card .card-content {
min-height: 160px;
height: 100%;
}
/* .........header............ */
.top-header-asd .cart-btn {
position: relative;
}
.top-header-asd .cart-btn span {
position: absolute;
bottom: 24px;
left: 26px;
background-color: #e51313;
padding: 2px 6px;
border-radius: 100px;
font-size: 10px;
}
/* .............category.............. */
.category {
padding: 60px 0;
}
.category .heading h2 {
margin-block-end: 30px;
}
.category .card {
border-radius: 5px !important;
padding: 38px;
margin-bottom: 20px;
/*height: 350px;*/
height: 310px;
}
.category .card img {
border-radius: 10px;
}
.category .categroy-name h5 {
font-size: 20px;
text-align: center;
padding: 22px 0 0;
font-weight: 600;
}
.category .card:hover {
transition: all 0.5s ease-in-out;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
}
.category .card:hover img {
scale: 1.1;
transition: all 0.5s ease-in-out;
}
/* .........faculti.......... */
.faculti {
padding: 10px 0;
}
.faculti .heading h2 {
margin-bottom: 30px;
}
.faculti .card {
/* padding: 20px; */
width: 100%;
border-color: transparent;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
background-color: #ddd;
}
.faculti .imgae-box {
padding: 20px 20px 0;
}
.faculti .content {
padding: 10px 20px 0;
background-color: #fff;
border-radius: 0 0px 5px 5px;
}
.faculti .content h5 {
font-size: 18px;
font-weight: 600;
margin-bottom: 5px;
}
.faculti .content p {
display: inherit;
align-items: center;
justify-content: space-between;
}
/* ..........youtube........... */
.youtube {
padding: 60px 0;
background-color: #f8f8f8;
}
.youtube .youtube-chanel .card {
display: flex;
align-items: flex-start;
flex-direction: row;
gap: 20px;
margin-block-end: 20px;
padding: 10px;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
}
.youtube .youtube-chanel .card .chane-logo {
width: 80px;
height: 80px;
}
.youtube .youtube-chanel .card .chane-logo img {
width: 100%;
object-fit: cover;
}
.youtube .youtube-chanel .card .content h5 {
font-size: 20px;
font-weight: 600;
margin: 0;
line-height: 1.5;
}
.youtube .youtube-chanel .card .content h6 {
font-size: 16px;
font-weight: 500;
}
.youtube .content .btn-page {
font-size: 12px;
font-weight: 600;
padding: 6px 13px;
}
.video-card .video-box a img {
border-radius: 5px 5px 0 0;
}
.youtube .video-card .content {
padding: 28px 11px 0px;
border: 1px solid #ddd;
border-radius: 0px 0 5px 5px;
}
.youtube .video-card .content h5 {
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.youtube .video-card {
min-height: 340px;
/* box-shadow: 0 8px 24px rgba(149, 157, 165, .2); */
}
.youtube .video-card .video-box {
height: 160px;
}
.youtube .video-card .content {
min-height: 160px;
background-color: transparent;
}
.youtube .heading h2 {
margin-block-end: 30px;
}
/* ..........asdz-app-link........... */
.asdz-app-link .app-link .input-group .input-group-text {
border: 1px solid #333;
background-color: #333 !important;
}
.asdz-app-link .app-link .input-group {
height: 48px;
}
.asdz-app-link .app-link .btn-primary {
background-color: #333 !important;
}
.asdz-app-link .app-link input {
border: 1px solid #333;
}
/* ..........cart-box.............. */
.cart-box{
text-align: center;
}
.cart-box .cart-content h2{
font-weight: 700;
font-size: 30px;
line-height: 40px;
text-transform: capitalize;
color: #000;
margin-block-end: 30px;
}
.cart-box .cart-icon {
text-align: center;
background-color: #39b29c;
border-radius: 100%;
width: 400px;
height: 350px;
margin: auto;
padding: 10px;
display: flex;
}
.cart-box .cart-icon img{
width: 100%;
}
.cart-box  .content{
padding: 20px 0;
}
/* ................story-banner........... */
.story-banner {
height: 400px;
background-repeat: no-repeat;
background-size: cover;
display: flex;
align-items: center;
}
.story-box{
padding: 80px 0px;
}
.story-box .heading{
padding: 0px 0 80px;
}
.story-box .card {
border-radius: 10px;
position: relative;
margin-block-end: 20px;
}
.story-box .card a{
text-decoration: none;
}
.story-box .card .img-box img{
width: 100%;
border-radius: 10px;
}
.story-box .card .conatnet {
position: absolute;
bottom: 8px;
left: 10px;
/* line-height: 4; */
}
.story-box .card .conatnet h6{
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 1.4;
}
.story-box .card .overley-play {
width: 100%;
height: 100%;
position: absolute;
display: none;
background-color: #0003;
top: 0;
border-radius: 10px;
}
.story-box .card .overley-play i {
font-size: 50px;
color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 40px;
height: 40px;
margin: auto;
right: 0;
}
.story-box .card:hover .overley-play{
display: block;
transition: all 0.5s ease-in-out;
}
/* ..........reel page........... */
.reel-box{
padding: 60px 0px;
background-color: #000000ba;
}
.reel-box .reel-card{
height: 100vh;
position: relative;
}
.reel-box .reel-card .reel-arrow{
position: absolute;
z-index: 999;
font-size: 30px;
left: 10px;
top: 4px;
}
.reel-box .reel-card .reel-arrow a{
color: #000;
}
.reel-box .reel-card img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.reel-box .owl-nav .owl-prev{
display: block !important;
width: 40px;
background-color: #fff;
height: 40px;
border-radius: 200px;
padding: 9px 12px;
position: absolute;
top: 50%;
left: -50px;
}
.reel-box .owl-nav .owl-next{
display: block !important;
width: 40px;
background-color: #fff;
height: 40px;
border-radius: 200px;
padding: 9px 16px;
position: absolute;
top: 50%;
right: -50px;
}
/* ...............cart-info............... */
.cart-info{
padding: 60px 0px 0;
}
.cart-info .book-image{
width: 120px;
height: 150px;
}
.cart-info .book-image img{
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 5px;
}
.cart-info  .card-row{
border: 1px solid #ddd;
border-radius: 5px;
margin-bottom: 10px;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
padding:16px  10px;
display: flex;
}
.cart-info  .card-row .oldprice{
color: #8f8f8f;
text-decoration: line-through;
}
.cart-info  .card-row .book-price{
display: flex;
align-items: center;
gap: 10px;
}
.cart-info  h6{
font-size: 16px;
font-weight: 600;
line-height: 1.2;
margin: 0;
}
.cart-info  p{
margin: 0;
}
.cart-info  .card-row .book-name{
text-align: left;
padding-inline-start: 14px;
}
.cart-info .book-disscount h6{
color: #09a80c;
}
.cart-info .book-btn {
display: flex;
align-items: center;
gap: 10px;
margin-block-start: 8px;
}
.cart-info .book-btn .item-count{
border: 1px solid #ddd;
padding: 3px 20px;
border-radius: 5px;
display: flex;
gap: 16px;
}
.cart-info .book-btn .item-count i{
color: #333;
} 
.cart-info .book-btn i{
color: #ff0000;
}
.cart-bill{
padding: 0 0 60px;
}
.cart-bill .bill-box ul{
padding: 20px ;
margin: 0;}
.cart-bill .bill-box ul li {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
border-bottom: 1px solid #d6d5d5;
padding: 10px;
}
.cart-bill .bill-box ul li p {
margin: 0 !important;
font-size: 16px;
font-weight: 600;
color: #000;
}
.cart-heading h2{
text-align: start;
}
.cart-bill .bill-box ul li h6{
margin: 0;
font-size: 18px;
font-weight: 700;
padding: 6px}
/* .cart-bill .bill-box ul li:last-child{
background-color: #39b29c;
color: #fff;
border-color: #39b29c;
} */
.cart-bill .bill-box{
background-color: #f7f7f7;
box-shadow: 0 8px 24px rgba(149, 157, 165, .2);
padding: 10px;
border-radius: 5px;
}
.cart-bill .btn-page{
width: 100%;
padding: 20px;
font-size: 16px !important;
}
.cart-link{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.cart-link h6{
font-size: 18px;
}
.cart-link .active{
color: #39b29c;
}
/* ........feed-single-box........... */
.feed-single-box{
padding: 10px 0px;
}
/* ..........examrecentquziscrol............ */
.examrecentquziscrol .owl-carousel.owl-loaded {
display: flex;
}
.examrecentquziscrol .owl-carousel.owl-loaded img{
border-radius: 5px;
}
/* .........payment page........... */
.small-section {
padding: 40px 0px;
}
.ac-checkout .accordion-item {
border-radius: 5px;
margin-bottom: 10px;
}
.accordion-item:first-of-type .accordion-button {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.ac-checkout .accordion-button {
padding: 25px 20px 20px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
}
.cartinfo {
width: 100%;
position: relative;
background-color: #f5f9fa;
border-radius: 5px;
padding: 25px;
margin-bottom: 20px;
}
.cartinfo h5 {
font-weight: 700;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.coupon-input-group {
width: 100%;
position: relative;
margin-top: 15px;
display: flex;
align-items: center;
margin-bottom: 15px;
}
.coupon-input-group input {
width: 100%;
height: 45px;
padding: 10px 15px;
border: 1px solid #ddd;
font-size: 14px;
border-radius: 5px;
margin-right: 10px;
}
.pcb-list {
width: 100%;
position: relative;
}
.pcb-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.pcb-list ul li {
display: flex;
align-items: center;
height: 30px;
color:#000
;
}
.pcb-list-second ul {
margin: 0;
padding: 0;
list-style: none;
}
.pcb-list-second ul li {
display: flex;
align-items: center;
height: 30px;
font-size: 16px;
font-weight: 700;
color:#000;
}
.cardlist {
width: 100%;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.cardlist i {
font-size: 32px;
margin: 3px;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.payment-option-list ul li img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.payment-option-list ul li {
display: flex;
align-items: center;
height: 55px;
border-bottom: 1px solid #eee;
font-size: 14px;
font-weight: 600;
padding: 0px 15px;
margin: 0;
}
.payment-option-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.alert {
padding: 1rem 2rem;
}
.accordion-button:not(.collapsed) {
color: #00A59F;
background-color: #fffafb;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
border-radius: 5px 5px 0px 0px !important;
border: 1px solid rgba(0, 0, 0, .125);
border-bottom: 0px;
border-bottom-color: currentcolor;
}
.ac-checkout .accordion-button {
padding: 25px 20px 20px 20px;
font-size: 14px;
font-weight: 600;
border-radius: 5px;
}
.cartpanel {
width: 100%;
position: relative;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 5px;
padding: 25px;
margin-bottom: 20px;
}
.cartpanel .cartpanelbody {
width: 100%;
position: relative;
border-bottom: 1px solid #ddd;
/*padding-bottom: 20px;*/
margin-bottom: 20px;
}
.cartpanelbody:last-child {
border-bottom: 0px;
margin-bottom: 0px;
padding-bottom: 0px;
}
.cartpanel-price {
width: 100%;
display: flex;
align-items: center;
}
.cartpanel-price span {
font-size: 16px;
color: #000;
margin-right: 5px;
}
.cartpanel-price .oldprice {
color: #8f8f8f;
text-decoration: line-through;
}
.cartpanel-price .off {
font-weight: 600;
color: rgb(12, 131, 31);
}
.cartpanel-image img {
width: 100%;
position: relative;
border-radius: 5px;
}
/* ..........profile page............ */
.edu-breadcrumb-area {
background-color: #f5f9fa;
padding: 95px 0 85px;
position: relative;
z-index: 1;
overflow: hidden;
}
.edu-breadcrumb-area-small {
padding: 10px 0 10px;
}
.edu-breadcrumb-area .breadcrumb-inner {
text-align: center;
}
.edu-breadcrumb-area .edu-breadcrumb {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0;
margin: 0;
list-style: none;
}
.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item {
color:#000;
font-size: 16px;
font-weight: 500;
}
.edu-breadcrumb-area  ul li {
font-size:14px;
margin-top: 10px;
margin-bottom: 10px;
color: #000;
}
.edu-breadcrumb-area .edu-breadcrumb li.breadcrumb-item {
color:#000;
font-size: 16px;
font-weight: 500;
}
.image-checkbox.opstion-q:hover {
cursor: pointer;
}
.content p {
/*display: none;*/
}
.quizfeed1 .content p {
display: block;
}
/* ............order-history.......... */
table.table-bordered.dataTable {
border-inline-end-width: 0;
}
table.dataTable {
clear: both;
-webkit-margin-before: 6px !important;
margin-block-start: 6px !important;
-webkit-margin-after: 6px !important;
margin-block-end: 6px !important;
max-width: none !important;
border-collapse: separate !important;
border-spacing: 0;
}
.table-bordered, .text-wrap table, .table-bordered th, .text-wrap table th, .table-bordered td, .text-wrap table td {
border: 1px solid #e9edf4;
}
.table>thead {
vertical-align: bottom;
}
.table-bordered>:not(caption)>* {
border-width: 1px 0;
}
.table > :not(:last-child) > :last-child > * {
border-block-end-color: #e9edf4;
}
table.dataTable > thead > tr > th:not(.sorting_disabled), table.dataTable > thead > tr > td:not(.sorting_disabled) {
-webkit-padding-end: 30px;
padding-inline-end: 30px;
}
.table th, .text-wrap table th {
color: #2e3138;
text-transform: uppercase;
font-size: 0.875rem;
font-weight: 400;
}
.avatar {
display: inline-block;
position: relative;
text-align: center;
color: #fff;
font-weight: 500;
vertical-align: bottom;
font-size: 0.875rem;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.avatar {
position: relative;
height: 2.625rem;
width: 2.625rem;
display: -webkit-inline-box !important;
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 7px;
color: #fff;
font-weight: 500;
}
.avatar img {
width: 100%;
height: 100%;
border-radius: 7px;
}
.rounded-circle {
border-radius: 50% !important;
}
h6, .h6 {
font-size: 0.875rem;
margin-block-end: 0.66em;
font-family: inherit;
font-weight: 400;
line-height: 1.1;
color: inherit;
}
.table tbody td {
border-color: #e9edf4;
}
a {
color: #17b70c;}
.text-danger {
color: #e82646 !important;
}
.table tbody .act-btn{
padding: 6px 10px;
}
.question-box .result-cotent span.active {
background: blue;
color: #ffffff;
}  
.question-box .result-cotent span.right{background: green; color: #ffffff;}
.question-card.right{background: green; color: #ffffff;}
.question-box .result-cotent span.wrong{background: red; color: #ffffff;}
.question-card.wrong1{background: red; color: #ffffff;}
.search-group .input-group{
height: 40px;
}
.search-group  .form-control{
height: 39px;
}
.image-check-footer .fa-thumbs-o-up , .image-check-footer .fa-thumbs-o-down, .like-btn,.dislike-btn{cursor:pointer;}


.opt-box-btn{
    display: none;
}