/*global-css-start*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap');

body {
   font-size: 16px;
   font-weight: 500;
   color: #000;
   background-color: #fff;
   scroll-behavior: smooth;
   font-family: "Quicksand", serif;
}

h1, h2, h3, h4, h5, h6 {
   color: #2F2E2E;
   font-weight: 700;
}

strong {
   font-weight: 800;
   color: #000;
}

a {
   text-decoration: none !important;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
   color: #000;
   font-weight: 400;
}

a:hover, a:focus {
   text-decoration: none;
   outline: none;
   cursor: pointer;
   color: inherit;
}

.btn.focus, .btn:focus {
   outline: 0;
   box-shadow: none;
}

button {
   color: inherit;
   border: none;
   background-color: transparent;
}

p {
   margin-bottom: 0.5rem;
   font-size: 18px;
   font-weight: 500;
   color: #8BAAAB;
   line-height: 30px;
}

ul, li {
   margin: 0;
   padding: 0;
   list-style-type: none !important;
}

ul {
   padding-left: 0 !important;
}

hr {
   background-color: #D0D0D0 !important;
   opacity: 1;
   border-color: #D0D0D0 !important;
}

.form-select:focus, .form-control:focus {
   box-shadow: none !important;
   border-color: #ccc;
}

.dropdown-item:focus, .dropdown-item:hover {
   background-color: inherit;
   color: inherit;
}

label {
   margin-bottom: 5px;
}

textarea {
   resize: none;
}

input:focus, button:focus, textarea:focus {
   outline: none;
   box-shadow: none;
}

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

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

input[type=number] {
   -moz-appearance: textfield;
}

.img-40 {
   width: 40px;
   height: 40px;
}

.img-80 {
   width: 80px;
   height: 80px;
   background-color: #ccc;
}

.fz-14 {
   font-size: 14px !important;
}

.fz-16 {
   font-size: 16px !important;
}

.fz-18 {
   font-size: 18px !important;
}

.fz-20 {
   font-size: 20px !important;
}

.fz-22 {
   font-size: 22px !important;
}

.fz-24 {
   font-size: 24px !important;
}

.fz-26 {
   font-size: 26px !important;
}

.fz-28 {
   font-size: 28px !important;
}

.fz-30 {
   font-size: 30px !important;
}

.fw-300 {
   font-weight: 300 !important;
}

.fw-400 {
   font-weight: 400 !important;
}

.fw-500 {
   font-weight: 500 !important;
}

.fw-600 {
   font-weight: 600 !important;
}

.fw-700 {
   font-weight: 700 !important;
}

.fw-800 {
   font-weight: 800 !important;
}

.clr {
   color: #0E6285 !important;
}

.clr2 {
   color: #21ACF1;
}

.decoration {
   text-decoration: underline !important;
}

.badges {
   display: inline-block;
   padding: 5px 10px;
   background-color: #0E62854A;
   color: #0E6285;
   font-size: 14px;
   font-weight: 700;
   border-radius: 25px;
}

.price {
   font-size: 18px;
   font-weight: 700;
   color: #159CA1;
}

.price del {
   font-weight: 500;
   color: #AAAAAA;
}

.thm-btn {
   display: inline-block;
   padding: 10px 40px;
   background-color: #0E6285;
   border: 1px solid #0E6285;
   color: #fff;
   border-radius: 25px;
   font-size: 18px;
   font-weight: 700;
}

.thm-btn:hover {
   background-color: #F4C619;
   color: #fff;
   border-color: #F4C619;
}

.thm-btn.outline {
   background-color: transparent;
   color: #0E6285;
}

.thm-btn.outline:hover, .thm-btn.yllw-btn:hover {
   background-color: #0E6285;
   border-color: #0E6285;
   color: #fff;
}

.thm-btn.yllw-btn {
   background-color: #F4C619;
   color: #0E6285;
   border-color: #F4C619;
}

.thm-btn.wht {
   background-color: transparent;
   border-color: #fff;
   color: #fff;
}

.thm-btn.wht:hover {
   background-color: #fff;
   color: #0E6285;
   border-color: #fff;
}

.thm-btn.small-btn {
   padding: 8px 15px;
   font-size: 16px;
}

.tp-space {
   padding-top: 70px;
   padding-bottom: 70px;
}

.title {
   font-size: 45px;
   font-weight: 700;
   color: #0E6285;
   margin-bottom: 30px;
}

.custom-frm-bx {
   margin-bottom: 15px;
}

.custom-frm-bx .form-control, .custom-frm-bx .form-select {
   height: 50px;
   border-radius: 8px;
   border-color: #777777;
   font-size: 16px;
   font-weight: 600;
}

.custom-frm-bx textarea.form-control {
   height: 130px;
}

.custom-frm-bx label {
   font-size: 18px;
   font-weight: 700;
   color: #777;
   margin-bottom: 8px;
}

.decoration {
   text-decoration: underline !important;
}

/*global-css-end*/
.login-sec {
   height: 100vh;
   overflow: hidden;
   margin: 0;
}

.login-sec.register {
   overflow-y: auto !important;
}

.login-frm {
   display: flex;
   justify-content: center;
   align-items: center;
   height: 100%;
}

.login-frm-innr {
   width: 650px;
}

.login-frm-innr h3 {
   font-size: 45px;
   font-weight: 700;
   color: #0E6285;
   text-align: center;
}

.login-frm-innr h6 {
   font-size: 18px;
   font-weight: 700;
   color: #777777;
   text-align: center;
}

.login-frm-innr form {
   margin-top: 40px;
}

.login-frm-bx {
   margin-bottom: 20px;
}

.login-frm-bx label {
   font-size: 18px;
   font-weight: 700;
   color: #777777;
   margin-bottom: 8px;
}

.login-frm-bx .form-control, .login-frm-bx .form-select {
   height: 50px;
   border-radius: 8px;
   border-color: #777777;
   font-weight: 600;
   color: #777777;
   font-size: 18px;
}

.login-frm-innr.verifaction .login-frm-bx .form-control {
   height: 65px;
   width: 65px;
   text-align: center;
}

.register-top {
   background-color: #F4C619;
   padding: 50px 0;
   text-align: center;
   margin-bottom: 40px;
}

.register-top h3 {
   font-size: 45px;
   font-weight: 700;
   color: #fff;
   text-transform: capitalize;
}

.register-top h6 {
   font-size: 18px;
   font-weight: 700;
   color: #fff;
}

.login-sec form h5 {
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin-bottom: 10px;
}

.tp-header {
   padding: 10px 0;
   background-color: #0E6285;
}

.tp-header-lft li {
   display: inline-block;
   margin-right: 10px;
}

.tp-header-lft li a {
   display: inline-block;
   font-size: 16px;
   font-weight: 600;
   color: #fff;
}

.tp-header-rgt li {
   display: inline-block;
   margin-left: 5px;
}

.tp-header-rgt li a img {
   height: 30px;
   width: 30px;
}

.theme-header .custom-navbar {
   background-color: #fff;
   border-bottom: 1px solid #eee;
}

.theme-header .custom-navbar .navbar-brand img {
   width: 93px;
}

.theme-header .custom-navbar .nav-item {
   margin-left: 15px;
   margin-right: 15px;
}

.theme-header .custom-navbar .nav-item .nav-link {
   padding: 0;
   font-size: 16px;
   font-weight: 600;
   color: #000;
   position: relative;
}

.theme-header .custom-navbar .nav-item .nav-link:after {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   background-color: #0E6285;
   height: 2px;
   width: 0%;
   border-radius: 25px;
   transition: 0.3s;
}

.theme-header .custom-navbar .nav-item .nav-link:hover:after, .theme-header .custom-navbar .nav-item .nav-link.active:after {
   width: 100%;
}

.theme-header .custom-navbar .nav-item .nav-link:hover, .theme-header .custom-navbar .nav-item .nav-link.active {
   color: #0E6285;
}

.nav-btn {
   display: flex;
}

.nav-btn .thm-btn.dropdown-toggle {
   padding: 10px 30px;
}

.nav-btn .thm-btn.dropdown-toggle::after {
   border: 0;
   content: '\f078';
   font-family: "Font Awesome 5 Pro";
   color: #0E6285;
   vertical-align: 0;
}

.nav-btn .thm-btn:hover::after {
   color: #fff;
}

.nav-btn .dropdown-menu {
   padding: 8px !important;
   border: 0;
   border-radius: 0;
}

.nav-btn .dropdown-menu .dropdown-item {
   font-size: 16px;
   font-weight: 600;
   color: #0E6285;
   background-color: #0E628512;
   margin-bottom: 5px;
   border-radius: 5px;
}

.nav-btn .dropdown-menu .dropdown-item:hover {
   background-color: #0E6285;
   color: #fff;
}

.theme-header .nav-btn .cart-btn {
   display: inline-block;
   height: 40px;
   width: 40px;
   line-height: 40px;
   text-align: center;
   background-color: #F4C619;
   border: 1px solid #fff;
   border-radius: 25px;
   color: #0E6285;
   position: relative;
   margin-right: 15px;
}

.theme-header .nav-btn .cart-btn span {
   position: absolute;
   height: 15px;
   width: 15px;
   text-align: center;
   line-height: 15px;
   background-color: #FF0000;
   color: #fff;
   font-size: 10px;
   border-radius: 25px;
   border: 1px solid #fff;
}

.theme-header.sticky-header {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1030;
   animation: slideDown 0.60s ease-out;
}

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

   to {
      transform: translateY(0);
   }

}

.banner-sec {
   position: relative;
   z-index: 99;
}

.banner-sec::after {
   position: absolute;
   content: '';
   left: 0;
   top: 50%;
   background-image: url(../images/banner-bg.png);
   background-repeat: no-repeat;
   width: 100%;
   height: 80%;
   transform: translateY(-50%);
   z-index: -9;
   background-size: cover;
}

.banner-slide-innr {
   position: relative;
}

.banner-slide-innr .banner-slide-content {
   position: absolute;
   left: 0;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   text-align: center;
}

.banner-slide-innr .banner-slide-content h2 {
   font-size: 70px;
   font-weight: 700;
   color: #fff;
}

.banner-slide-innr .banner-slide-content p {
   font-size: 18px;
   font-weight: 700;
   color: #fff;
   max-width: 850px;
   margin: 0 auto;
}

.banner-slide.owl-theme .owl-nav.disabled+.owl-dots {
   margin-top: -40px;
   position: relative;
}

.banner-slide .owl-dots .owl-dot {
   background-color: #fff;
   border: 1px solid #515151;
   border-radius: 25px;
   height: 16px;
   line-height: 16px;
   margin: 0 5px;
   text-align: center;
   width: 16px;
   transition: 0.3s;
}

.banner-slide .owl-dots .owl-dot.active {
   width: 35px;
}

.banner-slide.owl-theme .owl-dots .owl-dot span {
   background-color: #fff;
   display: none;
   height: 6px;
   margin: 0 0 0 4px;
   width: 6px;
   transition: 0.3s;
}

.banner-slide .owl-dots .owl-dot.active span {
   background-color: #515151;
   display: block;
   width: 10px;
}

.courses-card {
   padding: 15px;
   box-shadow: 0px 0px 12px 0px #0000000D;
   border: 1px solid #eee;
   border-radius: 20px;
   margin-bottom: 15px;
   background-color: #fff;
}

.courses-img {
   width: 100%;
   height: 305px;
   border-radius: 20px;
   overflow: hidden;
}

.courses-img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: 0.3s;
}

.courses-card:hover .courses-img img {
   transform: scale(1.2);
}

.courses-content {
   text-align: center;
   padding: 10px 10px 0 10px;
}

.courses-content h4 {
   font-size: 20px;
   font-weight: 700;
   color: #000;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
}

.courses-content p {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.courses-content h6 {
   font-size: 20px;
   font-weight: 500;
   color: #159CA1;
   margin-bottom: 20px;
}

.courses-content h6 span {
   font-weight: 700;
}

.courses-bg {
   background-image: url(../images/courses-bg.png);
   background-repeat: no-repeat;
   padding-top: 220px;
   padding-bottom: 70px;
}

.product-card {
   box-shadow: 0px 0px 12px 0px #0000000D;
   border: 1px solid #eee;
   padding: 15px;
}

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

.product-content h5 {
   font-size: 20px;
   font-weight: 700;
   color: #000;
}

.product-content .thm-btn {
   padding: 6px 30px;
   font-size: 16px;
}

.about-sec {
   background-image: url(../images/about-bg.png);
   background-repeat: no-repeat;
   padding-top: 180px;
   background-size: cover;
   position: relative;
   padding-bottom: 70px;
   z-index: 9;
}

.about-sec::after, .about-sec::before {
   position: absolute;
   content: '';
   z-index: -9;
}

.about-sec::after {
   left: 0;
   top: 14%;
   background-image: url(../images/icon-01.png);
   height: 618px;
   width: 168px;
}

.about-sec::before {
   background-image: url(../images/icon-02.png);
   right: 0px;
   top: 20%;
   height: 594px;
   width: 342px;
   background-repeat: no-repeat;
}

.about-img {
   position: relative;
   z-index: 99;
}

.about-img .round-shape {
   position: absolute;
   top: 0;
   right: 0;
   z-index: -9;
   animation: Rotate 20s linear infinite;
   -webkit-animation: Rotate 20s linear infinite;
}

@keyframes Rotate {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }

}

.about-content p {
   margin-bottom: 1rem;
   color: #fff;
}

.about-talent {
   background-color: #ADE5A41F;
}

.multifaceted-sec {
   position: relative;
   padding-bottom: 200px;
}

.multifaceted-sec::after {
   position: absolute;
   content: '';
   left: 0;
   bottom: 0;
   width: 100%;
   height: 254px;
   background-image: url(../images/multifaceted-shaped.png);
   background-repeat: no-repeat;
   z-index: -9;
}

.multifaceted-list {
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
   margin-top: 50px;
}

.multifaceted-list::after {
   position: absolute;
   content: '';
   left: 110px;
   top: 30px;
   height: 10px;
   width: 80%;
   background: linear-gradient(90deg, rgba(103, 156, 10, 0.65) 0%, rgba(204, 170, 22, 0.74) 28.34%, rgba(222, 61, 174, 0.83) 49.47%, #F26A6A 82.44%, #CF4601 103.05%);
   border-radius: 10px;
   z-index: -9;
}

.multifaceted-list li {
   width: 20%;
}

.multifaceted-card {
   text-align: center;
}

.multifaceted-card span {
   display: inline-block;
   height: 80px;
   width: 80px;
   text-align: center;
   line-height: 80px;
   background-color: transparent;
   border-radius: 50%;
}

.multifaceted-list li:nth-child(1) span {
   background-color: #679C0A;
}

.multifaceted-list li:nth-child(2) span {
   background-color: #C8C056;
}

.multifaceted-list li:nth-child(3) span {
   background-color: #E084BC;
}

.multifaceted-list li:nth-child(4) span {
   background-color: #E5955A;
}

.multifaceted-list li:nth-child(5) span {
   background-color: #DA5121;
}

.multifaceted-card h4 {
   font-size: 20px;
   color: #000;
   font-weight: 700;
   margin: 10px 0;
}

.multifaceted-card p {
   font-size: 16px;
   color: #777777;
   font-weight: 600;
}

.thm-footer {
   background-color: #0E6285;
   position: relative;
}

/*.thm-footer::after{
   position: absolute;
   content: '';
   left: 0;
   top: 0;
   height: 731px;
   width: 100%;
   background-repeat: no-repeat;
   background-image: url(../images/footer-bg.png);
}*/
.footer-top a img {
   width: 115px;
}

.footer-top p {
   font-size: 20px;
   font-weight: 600;
   color: #F4C619;
   margin-top: 30px;
}

.footer-link {
   display: flex;
   justify-content: space-between;
   margin: 40px 0;
   flex-wrap: wrap;
}

.footer-link li {
   display: inline-block;
}

.footer-link li a {
   display: inline-block;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
   padding: 0 30px 0 30px;
   position: relative;
   border-right: 1px solid #fff;
}

.footer-link li:nth-last-child(1) a {
   border: 0;
}

.footer-link li a:hover {
   color: #F4C619;
   text-decoration: underline !important;
   border-color: #F4C619;
}

.footer-card-main {
   padding-top: 1px;
   padding-bottom: 10px;
   margin-bottom: 30px;
}

.footer-card {
   padding: 30px;
   background-color: #4188C6;
   position: relative;
   height: 100%;
}

.footer-card.yllw {
   background-color: #D9C000;
}

.footer-card h4 {
   font-size: 20px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 10px;
}

.footer-card a {
   display: inline-block;
   font-size: 18px;
   font-weight: 600;
   color: #fff;
}

.footer-card span {
   position: absolute;
   right: 10px;
   top: 36px;
   color: #00000042;
   font-size: 100px;
}

.course-details-sec {
   background-color: #F4F4F4;
}

.course-details-img img {
   width: 100%;
   border-radius: 25px;
}

.course-details-content {
   padding-left: 50px;
}

.course-details-content h5 {
   font-size: 20px;
   font-weight: 500;
   color: #000;
}

.course-details-content h2 {
   font-size: 45px;
   font-weight: 700;
   color: #000;
   margin: 20px 0;
}

.course-details-content p {
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin: 10px 0;
}

.course-details-content h6 {
   font-size: 20px;
   font-weight: 500;
   color: #159CA1;
   margin-bottom: 40px;
}

.course-details-content p.price {
   color: #159CA1;
}

.faq-sec .accordion-item {
   border: 0;
   margin-bottom: 30px;
   background-color: #FDF1E3;
   padding: 20px;
   border-radius: 0;
}

.faq-sec .accordion-item .accordion-body {
   padding: 0;
   margin-top: 15px;
}

.faq-sec .accordion-item .accordion-button {
   background-color: transparent;
   border: 0;
   box-shadow: none;
   padding: 0;
   font-size: 22px;
   font-weight: 600;
   color: #000;
}

.faq-sec .accordion-item p {
   color: #777777;
   font-weight: 600;
}

.accordion-button::after {
   background-image: none;
   content: '\f063';
   font-family: "Font Awesome 5 Pro";
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 40px;
   border: 1px solid #000;
   color: #000;
   border-radius: 50px;
   font-weight: 400;
}

.accordion-button:hover::after {
   background-color: #000;
   color: #fff;
}

.accordion-button:not(.collapsed)::after {
   background-image: none;
}

.new-bnnr-sec {
   background-image: url(../images/shape-bg.png);
   background-repeat: no-repeat;
   background-size: cover;
   height: 462px;
   padding: 50px 0;
}

.new-bnnr-content h1 {
   font-size: 60px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 20px;
}

.new-bnnr-content p {
   color: #fff;
   font-size: 20px;
}

.contact-sec {
   background-color: #FDF1E39C;
}

.contact-card {
   padding: 30px;
   background-color: #fff;
   box-shadow: 0px 0px 60px 30px #00000008;
   border-radius: 10px;
   position: relative;
   margin-bottom: 30px;
}

.contact-card::after {
   position: absolute;
   content: '';
   right: 0;
   top: 0;
   background-image: url(../images/contact-img.png);
   width: 258px;
   height: 100%;
   background-repeat: no-repeat;
}

.contact-card label {
   font-size: 18px;
   font-weight: 700;
   color: #777777;
   margin-bottom: 8px;
}

.contact-card .form-control {
   height: 50px;
   border-color: #777777;
   border-radius: 8px;
}

.contact-card textarea.form-control {
   height: 130px;
}

.about-sec.about-innr {
   background-image: none;
}

.team-img {
   padding: 20px;
   position: relative;
}

.team-img::before, .team-img::after {
   height: 130px;
   width: 130px;
   z-index: -9;
}

.team-img::before {
   position: absolute;
   content: '';
   right: -10px;
   top: -10px;
   background-color: #0E6285;
}

.team-img::after {
   position: absolute;
   content: '';
   left: -10px;
   bottom: -10px;
   background-color: #F4C619;
}

.team-img img {
   width: 100%;
}

.team-content h4 {
   font-size: 30px;
   font-weight: 700;
   color: #000;
   margin-bottom: 20px;
}

.team-content h6 {
   display: inline-block;
   color: #0E6285;
   font-size: 25px;
   font-weight: 700;
   position: relative;
}

.team-content h6::after {
   position: absolute;
   content: '';
   right: -100px;
   bottom: 5px;
   height: 1px;
   width: 100%;
   background-color: #0E6285;
}

.team-content p {
   color: #000;
   margin-bottom: 20px;
}

.team-content .thm-btn {
   border-radius: 5px;
   font-size: 25px;
   margin-top: 40px;
}

.team-content .thm-btn i {
   color: #F4C619;
}

.team-content .thm-btn:hover i {
   color: #0E6285;
}

.book-detail-img {
   padding: 50px;
   background-color: #F4F4F4;
}

.book-detail-img img {
   width: 100%;
}

.quantity {
   display: flex;
   border-radius: 0;
   width: 150px;
   justify-content: space-between;
   margin: 30px 0;
}

.quantity button {
   color: #0E6285;
   border-radius: 0;
   height: 40px;
   width: 40px;
   line-height: 40px;
   text-align: center;
   font-size: 15px;
   background-color: #D9D9D9;
   border-radius: 25px;
}

.quantity button:hover {
   background-color: #0E6285;
   color: #fff;
}

.quantity input {
   border-radius: 8px;
   width: 50px;
   text-align: center;
   color: #000;
   font-weight: 600;
   font-size: 16px;
   background-color: transparent;
   border: 1px solid #159CA1;
}

.innr-page-bnnr {
   padding: 40px 0;
   background-color: #F4F4F4;
}

.innr-page-bnnr h1 {
   font-size: 45px;
   font-weight: 700;
   color: #0E6285;
}

.shopping-cart-table td {
   vertical-align: middle;
   font-size: 18px;
   font-weight: 600;
   color: #000;
}

.shopping-cart-table td .quantity {
   margin: 0;
}

.checkout-card {
   border: 1px solid #D9D9D9;
   margin-bottom: 20px;
}

.checkout-card h4 {
   font-size: 20px;
   font-weight: 700;
   color: #0E6285;
   padding: 10px;
   border-bottom: 1px solid #D9D9D9;
}

.checkout-body {
   padding: 20px;
}

.custom-frm-bx.form-check .form-check-input {
   box-shadow: none;
   border-color: #777;
   height: 20px;
   width: 20px;
   border-radius: 2px;
}

.custom-frm-bx.form-check .form-check-input:checked {
   background-color: #0E6285;
   border-color: #0E6285;
}

.delivery-innr {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.form-check .form-check-input {
   border-color: #777777;
   box-shadow: none;
   height: 18px;
   width: 18px;
}

.form-check-input:checked {
   background-color: #679C0A;
   border-color: #679C0A !important;
}

.delivery-innr {
   border-bottom: 1px solid #eee;
   margin-bottom: 15px;
}

.checkout-card.order {
   background-color: #F4F4F4;
}

.order-summary-list-lft {
   display: flex;
}

.order-summary-list-lft h6 {
   font-size: 16px;
   font-weight: 700;
   color: #000;
   margin-bottom: 0;
}

.order-summary-list-lft p {
   color: #000;
   font-size: 16px;
   margin-bottom: 0;
}

.order-summary-list-lft p span {
   color: #777777;
   font-weight: 700;
}

.order-summary-list {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
}

.summary-pricing {
   width: 300px;
}

.summary-pricing li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 12px;
   color: #000;
   font-weight: 600;
   font-size: 18px;
}

.summary-pricing li span:nth-child(1) {
   color: #777777;
}

.summary-pricing li:nth-last-child(1) span {
   color: #0E6285;
}

.payment .checkout-body .form-check {
   margin-bottom: 15px;
}

.payment .checkout-body .form-check .form-check-label {
   font-size: 18px;
   font-weight: 600;
   color: #0E6285;
}

.date-payment-card-innr {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
}

.date-payment-card-innr .form-check {
   width: 49%;
   padding: 10px 10px 10px 1.9em;
   border: 1px solid #777;
   border-radius: 8px;
   margin-bottom: 15px;
}

.date-payment-card-innr .form-check .form-check-label {
   cursor: pointer;
   font-size: 14px;
   font-weight: 700;
   color: #777;
}

.cupon-code {
   padding: 15px;
   background-color: #ADE5A41F;
   border: 1px dashed #679C0A;
}

.cupon-code h5 {
   font-size: 20px;
   font-weight: 700;
   color: #679C0A;
   margin-bottom: 15px;
}

.cupon-code-innr {
   display: flex;
   justify-content: space-between;
   align-items: center;
   background-color: #fff;
   border: 1px solid #679C0A;
   border-radius: 8px;
}

.cupon-code-innr .form-control {
   border: 0;
   background-color: transparent;
   font-size: 18px;
   color: #000;
   font-weight: 500;
}

.cupon-code-innr .thm-btn {
   background-color: #679C0A;
   border-color: #679C0A;
   border-radius: 0 8px 8px 0;
}

.event-innr {
   padding: 30px;
   box-shadow: 0px 0px 12px 0px #0000000D;
   border: 1px solid #eee;
   border-radius: 30px;
   margin-bottom: 20px;
}

.event-innr-img {
   height: 100%;
   width: 100%;
   overflow: hidden;
   border-radius: 20px;
}

.event-innr-img img {
   width: 100%;
   border-radius: 20px;
   transition: 0.3s;
}

.event-innr:hover .event-innr-img img {
   transform: scale(1.2);
}

.event-innr-content p.date-tyme {
   font-size: 18px;
   font-weight: 600;
   color: #679C0A;
}

.event-innr-content h2 {
   font-size: 45px;
   font-weight: 700;
   color: #000;
   margin: 15px 0;
}

.event-innr-content p.add {
   font-size: 18px;
   font-weight: 700;
   color: #0E6285;
}

.event-innr-content p.add i {
   color: #F4C619;
}

/*user-dashboard-css-start*/
.sidebar {
   padding: 20px;
   background-color: #F4C619;
   height: 100%;
   min-height: 100vh;
}

.sidebar-menu .sidebar-item {
   margin-bottom: 10px;
}

.sidebar-menu .sidebar-item .sidebar-link {
   display: inline-block;
   padding: 10px 10px;
   background-color: #0E628512;
   color: #0E6285;
   font-size: 20px;
   font-weight: 700;
   width: 100%;
   border-radius: 8px;
}

.sidebar-menu .sidebar-item .sidebar-link:hover, .sidebar-menu .sidebar-item .sidebar-link.active {
   background-color: #0E6285;
   color: #fff;
}

.cards {
   box-shadow: 0px 0px 12px 0px #0000000D;
   background-color: #fff;
   border: 1px solid #eee;
}

.cards-header {
   padding: 20px;
   background-color: #F4C619;
   margin-bottom: 15px;
}

.cards-header h4 {
   font-size: 25px;
   font-weight: 700;
   color: #fff;
   margin-bottom: 0;
}

.cards-body {
   padding: 20px;
   margin-bottom: 10px;
}

.cards-footer {
   border-top: 1px solid #eee;
   padding: 20px;
}

.custom-frm-bx.upload-img {
   text-align: center;
   position: relative;
}

.custom-frm-bx.upload-img input[type="file"] {
   display: none;
}

.custom-frm-bx.upload-img img {
   height: 95px;
   width: 95px;
   border: 4px solid #F4C619;
   border-radius: 50%;
   object-fit: cover;
}

.custom-frm-bx.upload-img label {
   height: 30px;
   width: 30px;
   text-align: center;
   line-height: 30px;
   background-color: #0E6285;
   color: #F4C619;
   border: 1px solid #F4C619;
   border-radius: 25px;
   cursor: pointer;
   position: absolute;
   bottom: 0px;
   left: 54%;
   transform: translateX(-50%);
   font-size: 15px;
}

.profile-form .custom-frm-bx h5 {
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin-bottom: 15px;
}

.profile-form .custom-frm-bx .form-control {
   color: #0E6285;
   font-weight: 700;
   font-size: 18px;
}

.verified {
   display: flex;
}

.verified span {
   font-size: 45px;
   color: #679C0A;
}

.verified-content {
   margin-left: 15px;
}

.verified-content h4 {
   font-size: 18px;
   font-weight: 700;
   color: #000;
   margin-bottom: 0;
}

.verified-content p {
   font-size: 18px;
   font-weight: 700;
   color: #679C0A;
   margin-bottom: 0;
}

.purchase-history .table tr th {
   color: #000 !important;
   font-weight: 700 !important;
   font-size: 14px;
}

.purchase-history .table tbody tr {
   border: 1px solid #eee;
   margin-bottom: 10px;
}

.purchase-history .table tr td {
   font-size: 14px;
   font-weight: 500;
   color: #777777;
   vertical-align: middle;
   border: 0;
}

.purchase-history .table tr td .id-num {
   display: inline-block;
   padding: 4px;
   background-color: #0E628512;
   color: #0E6285;
}

.purchase-history .table tr td p {
   font-size: 14px;
   font-weight: 500;
}

.purchase-history .table tr td .thm-btn {
   padding: 5px 15px;
   font-size: 15px;
   font-weight: 600;
}

.mycourses-tabs .nav {
   margin-bottom: 30px;
}

.mycourses-tabs .nav .tab-item {
   width: 50%;
   text-align: center;
}

.mycourses-tabs .nav .tab-item .tab-link {
   display: inline-block;
   padding: 12px 10px;
   border: 1px solid #0E6285;
   width: 100%;
   font-size: 18px;
   font-weight: 600;
   color: #777777;
}

.mycourses-tabs .nav .tab-item .tab-link.active {
   background-color: #0E6285;
   color: #fff;
}

.mycourses-card {
   border: 1px solid #D4D4D4;
   margin-bottom: 20px;
}

.mycourses-img {
   height: 100%;
   width: 100%;
   overflow: hidden;
}

.mycourses-img img {
   width: 100%;
   transition: 0.3s;
}

.mycourses-card:hover .mycourses-img img {
   transform: scale(1.2);
}

.mycourses-content {
   padding: 15px;
}

.mycourses-content h4 {
   font-size: 25px;
   font-weight: 700;
   color: #000;
   margin-bottom: 10px;
}

.mycourses-content p {
   font-size: 16px;
   font-weight: 500;
   color: #777;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.mycourse-dtl-img {
   width: 100%;
   height: 350px;
   margin-bottom: 20px;
}

.mycourse-dtl-img img {
   width: 100%;
   height: 100%;
   border-radius: 30px;
   object-fit: cover;
}

.mycourse-dtl-lft h3 {
   font-size: 30px;
   font-weight: 700;
   color: #000;
}

.mycourse-dtl-lft p {
   font-size: 16px;
   font-weight: 500;
   color: #777777;
}

.mycourse-dtl-class {
   padding: 15px;
   background-color: #fff;
   border: 1px solid #D4D4D4;
   margin-top: -40%;
   margin-right: 30px;
   position: relative;
}

.mycourse-dtl-class h2 {
   font-size: 20px;
   font-weight: 700;
   color: #0E6285;
}

.mycourse-dtl-class h3 {
   font-size: 16px;
   font-weight: 600;
   color: #679C0A;
}

.mycourse-class-list {
   padding: 15px;
   background-color: #0E628512;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 15px;
}

.mycourse-class-list-lft {
   display: flex;
   align-items: center;
}

.mycourse-class-list-lft img {
   height: 80px;
   width: 80px;
   border-radius: 50%;
   object-fit: cover;
}

.mycourse-class-list-lft-content {
   margin-left: 15px;
}

.mycourse-class-list-lft-content h4 {
   font-size: 20px;
   font-weight: 700;
   color: #000;
   margin-bottom: 0px;
}

.mycourse-class-list-lft-content p {
   font-size: 14px;
   font-weight: 700;
   color: #777777;
   margin-bottom: 0;
}

.name {
   display: inline-block;
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 40px;
   background-color: #679C0A21;
   color: #679C0A;
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   border-radius: 50px;
}

.lock {
   font-size: 40px;
   color: #D4D4D4;
   user-select: none;
   cursor: default !important;
}

.reschedule-class .modal-header {
   background-color: #F4C619;
}

.reschedule-class .modal-header .modal-title {
   font-size: 25px;
   font-weight: 700;
   margin-bottom: 0;
}

.reschedule-class .modal-header .btn-close {
   background-image: none;
   padding: 0;
   box-shadow: none;
   height: 24px;
   width: 24px;
   background-color: #fff;
   border-radius: 25px;
   color: #efc500;
   opacity: 1;
}

.class-timetable {
   margin-bottom: 20px;
}

.class-timetable h4 {
   font-size: 25px;
   font-weight: 700;
   color: #000;
   margin-bottom: 8px;
}

.class-timetable h5 {
   font-size: 20px;
   font-weight: 700;
   color: #0E6285;
   margin-bottom: 15px;
}

.timetable-card {
   padding: 10px;
   border: 1px solid #777777;
   margin-bottom: 10px;
   position: relative;
}

.timetable-card h6 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 0;
}

.timetable-card h6 span:nth-child(1) {
   width: 80%;
}

.timetable-card p {
   font-size: 14px;
   font-weight: 700;
   color: #679C0A;
   line-height: 22px;
   margin-bottom: 15px;
}

.timetable-card .thm-btn {
   padding: 8px 30px;
   font-size: 16px;
}

.application-form .custom-frm-bx label {
   color: #000;
}

.application-form .custom-frm-bx .form-check-label {
   color: #777777;
}

.application-record .table thead th {
   background-color: #D9D9D9;
   font-size: 16px;
   color: #000;
   font-weight: 600;
}

.application-record .table tbody td {
   font-size: 14px;
   color: #777777;
   vertical-align: middle;
   font-weight: 600;
}

.application-record .table tbody td .status {
   display: inline-block;
   padding: 8px 12px;
   background-color: #679C0A21;
   color: #679C0A;
   border: 1px solid #679C0A;
   border-radius: 25px;
   font-size: 14px;
   font-weight: 600;
}

.application-record .table tbody td .status i {
   font-size: 10px;
}

.application-record .table tbody td .status:hover {
   background-color: #679C0A;
   color: #fff;
}

.application-record .table tbody td .status.pending {
   border-color: #FCBB45;
   color: #FCBB45;
   background-color: #FCBB4521;
}

.application-record .table tbody td .status.pending:hover {
   background-color: #FCBB45;
   color: #fff;
}

.application-record .table tbody td .status.reject {
   border-color: #FF0000;
   color: #FF0000;
   background-color: #FF000021;
}

.application-record .table tbody td .status.reject:hover {
   background-color: #FF0000;
   color: #fff;
}

/*user-dashboard-css-end*/

/*teacher-dashboard-css-start*/
.teacher-card {
   padding: 15px;
   background-color: rgb(14 98 133 / 20%);
   border-radius: 10px;
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 10px;
}

.teacher-card span {
   display: inline-block;
   height: 50px;
   width: 50px;
   text-align: center;
   line-height: 50px;
   background-color: #0E6285;
   color: #fff;
   border-radius: 5px;
   font-size: 20px;
}

.teacher-card-content h5 {
   font-size: 20px;
   font-weight: 600;
   color: #333;
   margin-bottom: 5px;
}

.teacher-card-content h6 {
   font-size: 26px;
   font-weight: 700;
   color: #0E6285;
}

.profile-form .custom-frm-bx input[type="file"]::-webkit-file-upload-button, .add-course .custom-frm-bx input[type="file"]::-webkit-file-upload-button {
   height: 50px;
}

.profile-form .custom-frm-bx .form-select, .add-course .custom-frm-bx .form-select {
   color: #0E6285;
   font-weight: 700;
   font-size: 18px;
}

.teacher-courses .mycourses-content p {
   margin-bottom: 8px;
   line-height: normal;
   font-weight: 600;
}

.teacher-courses .mycourses-content .mycourses-built li {
   margin-bottom: 5px;
   position: relative;
   padding-left: 10px;
   font-weight: 600;
   color: #333;
   font-size: 16px;
}

.teacher-courses .mycourses-content .mycourses-built li::after {
   position: absolute;
   content: '';
   left: 0;
   top: 10px;
   height: 6px;
   width: 6px;
   background-color: #333;
   transform: rotate(45deg);
}

.teacher-courses .mycourses-content .mycourses-built li span {
   color: #0E6285;
   font-weight: 700;
}

.teacher-courses .mycourses-content .thm-btn {
   padding: 5px 12px;
   font-size: 14px;
   font-weight: 600;
   margin-top: 8px;
}

.custom-pagination .pagination {
   justify-content: center;
}

.custom-pagination .pagination .page-link {
   box-shadow: none;
   border-color: #eee;
   color: #333;
   font-size: 16px;
   font-weight: 600;
}

.custom-pagination .pagination .page-link.active {
   background-color: #0E6285;
   color: #fff;
   border-color: #0E6285;
}

.student-profile-user {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 20px;
}

.student-profile-user .student-profile-user-img {
   height: 100px;
   width: 100px;
   border-radius: 10px;
}

.student-profile-user .student-profile-user-img img {
   height: 100%;
   width: 100%;
   border-radius: 10px;
   object-fit: cover;
}

.student-profile-user .student-profile-user-content h4 {
   font-size: 20px;
   font-weight: 700;
   color: #333;
   margin-bottom: 5px;
}

.student-profile-user .student-profile-user-content p {
   margin-bottom: 5px;
   line-height: normal;
   color: #000;
   font-size: 15px;
   font-weight: 600;
}

.student-profile-lft .progress-bar {
   background-color: #0E6285 !important;
}

.notification-list li a {
   display: block;
   background-color: #f4c6191c;
   padding: 16px 10px;
   margin-bottom: 10px;
   border-left: 4px solid #f4c619;
   border-radius: 5px;
   font-size: 16px;
   font-weight: 600;
}
.cke_notification_warning{
   display: none!important;
}
.teacher-courses .mycourses-img img {
    aspect-ratio: 2 / 1.5;
    object-fit: cover;
}
/*teacher-dashboard-css-end*/