/* Custom color */
.color-lang .open {
    background: #fff;
    padding: 13px 0;
    margin-top: -1px;
    width: 50px;
    margin-right: -50px;
    float: right;
    border: solid 1px #dfdfdf;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
}
.color-lang {
    position: fixed;
    margin-top: 255px;
    width: 145px;
    height: 195px;
    margin-left: -145px;
  
    z-index: 99;
   
    border: solid 1px #dfdfdf;
}
.web-color {
    color: #1855c4;
    color: #db313c;
    color: #96ccf8;
    color: #e7f9ff;
}

.bg-sec1 , .secound-teacher-section .teacher-img-text{
    background-color: #f5f8fd !important;
}
.color1 {
    color: #1855c4 !important;
}

.color2 {
    color: #db313c !important;
}
.black{
    color: #333333;
}
.section-title .subtitle {
    color: #db313c;
    font-weight: 700;
}

.main-menu-container {
    background: #ffffff;
    box-shadow: 0px 0px 30px 0px;
}
.sub-menu:before {
   
    border-top: 10px solid #1855c4;
    
}
.main-menu-container.menu-bg-overlay {
    background: #ffffff;
}
.teacher-rounded {
    border: 5px solid #1855c4;
    width: 14em !important;
    height: 14em !important;
  
}
.about-us-section {
    background-color: #e7f9ff;
}
.owl-theme .owl-dots, .owl-dots .owl-dot.active {
    background: #e7f9ff;
}
.altranative-header {
    background-color: #ffffff;
    box-shadow: 0px 0px 30px 0px;
}

.widget-title:after {
    background-color: #db313c;
}

.footer-menu li i {
    color: #db313c;
}

.alt-menu-btn .hamburger-menu:before {
    color: #1855c4;
}

.cart-btn li {
    color: #1855c4;
}

.header-style-5.menu-bg-overlay .nav-menu li a {
    color: #1855c4;
}

.header-style-5 .nav-menu li a {
    color: #1855c4;
}

.genius-btn a i {
    color: #1855c4;
}
.genius-btn2 a i{
    color: #777;
  
}

.owl-nav .owl-prev, .owl-nav .owl-next {
    font-size: 25px;
    color: #1855c4;
}

.purchase-list .in-total span {
    color: #1855c4;
}

.terms-text b {
    color: #1855c4;
}

.nav-menu li a:after, .nav-menu li a:hover:after {
    background-image: linear-gradient(315deg, #ffffff 0%, #ffffff 74%);
    border: 2px solid #db313c !important;
    color: #1855c4;
}

.nav-tabs .nav-link.active {
    color: #1855c4;
}

.modal-body .nws-button button, .teacher-pic-content .teacher-img-content:after, .course-details-category li:hover {
    background-color: #1855c4;
    background-image: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
}

.modal-body .nws-button button:hover, .teacher-pic-content .teacher-img-content:hover:after, .course-details-category li:hover {
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #1855c4 !important;
    color: #1855c4;
}

.address-icon {
    border-image: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
    border-image-slice: 1;
}

.gradient-bg {
    background-color: #1855c4;
    background-image: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
    border: 2px solid #ffffff !important;
}

.gradient-bg:hover {
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #1855c4 !important;
    color: #1855c4 !important;
}

.gradient-bg2 {
    background-color: #1855c4;
    background-image: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
    border: 2px solid #ffffff !important;
}

.gradient-bg2:hover {
    background-color: #ffffff;
    background-image: none;
    border: 2px solid #db313c !important;
    color: #1855c4 !important;
}
.gradient-bdr {
    background: -o-linear-gradient(69deg, #1855c4, #1855c4);
    background: linear-gradient(21deg, #1855c4, #1855c4);
    background: -webkit-linear-gradient(69deg, #1855c4, #1855c4);
}
.genius-btn a:hover {
    color: #1855c4;
}

.text-gradiant {
    background: -webkit-linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
    -webkit-background-clip: text;
}

.category-icon-title {
    background-image: #1855c4;
    color: #fff;
}

.category-icon-title:after {
    background: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
}

.section-title-2 h2:after {
    background-color: #db313c;
}

.section-title .subtitle:before, .section-title .subtitle:after {
    color: #db313c;
    text-shadow: 15px 0 #db313c;
}

.teacher-img-social:after {
    background-color: #1855c4;
    background-image: linear-gradient(315deg, #1855c4 0%, #1855c4 74%);
}

.course-meta .course-category {
    color: #1855c4;
}

/* icontop */

.counter-icon i {
    color: #1855c4;
}

.latest-news-area .date-meta {
    color: #1855c4;
}

.cart-search li button {
    color: #1855c4;
    /* สีไอคอน */
}

.cart-search li {
    border: 2px solid #db313c;
    /* ขอบนอก */
}

.category-icon-title:after {
    background: linear-gradient(to right, #f9e9e9 0%, #f9e9e9 51%, #f9e9e9 100%) !important;
    color: #000 !important;
}

.rounded2 {
    border: 2px solid #db313c !important;
}

.rounded2:hover {
    border: 2px solid #db313c  !important;
    text-decoration: underline;
    background-color: linear-gradient(315deg, #ffffff 0%, #ffffff 74%);
    background-image: linear-gradient(315deg, #ffffff 0%, #ffffff 74%);
    color: #1855c4 !important;
}

.search-course-secound {
    border: 2px solid #1855c4;
    background-color: #ffffff;
}

.search-course-secound .counter-number p {
    color: #1855c4;
    font-size: 14px;
}

.view-all-btn i {
    color: #1855c4;
}

.about-us-text .section-title:after, .about-list li:before {
    background-color: #db313c;
}

.course-viewer li {
    color: #1855c4;
}

.best-course-section {
    background-color: #ffffff;
}

.search-course-secound .counter-number .counter-count, .search-course-secound .counter-number span, .search-course-secound .counter-number span {
    color: #606060;
}

.secound-teacher-section .teacher-img-text .teacher-designation {
    color: #1855c4;
}

.bg-course {
    background-color: #ffffff;
    /* พื้นสีคอร์ส */
}

.course-buy-btn {
    color: #fff;
}

.course-details-btn a {
    color: #1855c4;
    /* สีตัวอักษร */
}

/***** section teacher ******/

.teacher-img-content {
    background-color: #f9e9e9;
}

.about-teacher p {
    color: #000000;
    /* สีชื่อ */
}

#menu-container .menu-list {
    background: #ffffff;
}

#menu-container .accordion .card .menu-link {
    background-color: #ffffff;
    color: #373B3F;
}

.bg-gray {
    background-color: lightgray;
}

.owl-dots {
    margin-bottom: 0px;
    margin-top: -10px;
}



.font_color_main {
    color: #777777 !important;
}

/* lang text */

.select-lang select {
    color: #1855c4;
}

.log-in a {
    color: rgb(138, 138, 138);
}

/* Backend */

.about-faq.faq-secound-home-version ul.product-tab li {
    color: #000000;
}

.payment-info label {
    color: #000000
}

.secound-teacher-section {
    background-color: #ffffff;
}


.course-page-section th {
    border-bottom: 3px solid #1855c4;
}

.avrg-rating .avrg-rate, .price {
    color: #db313c;
}

.bg-profile {
    background-color: #ececec;
}

.bg-footer {
    background-color: #f5f8fd !important;
}

.footer-about-text p, .widget-title, .footer-menu li, .footer-social li, .copy-right-menu-item li, .copy-right-menu {
    color: #1855c4;
}

.footer-social li {
    border: 2px solid #1855c4;
    color: #1855c4;
}
hr.header ,hr.header2 {
    border: 1.5px solid #f29f2e;
  }
  

hr.header, hr.header2 {
    border: 1.5px solid #db313c;
    margin-bottom: 40px;
}

.teacher-img-content:hover, .category-icon-title:hover {
    border: solid #1855c4;
}

.img-rounded {
    border: 3px solid #ffffff;
}

/* request */

.footer-social li, .subscribe-form li {
    height: 40px;
    width: 40px;
    line-height: 38px;
    font-size: 22px;
}
.news-course{
    border: 2px solid #1855c4 !important;
    border-radius: 6px;
}

.img-course{
    width: 25%;
}
.teacher-pos{
    color: #777777;
    font-size: 18px;
}
.btn-color1 {
    color: #fff;
    background-color: #1855c4;
    border-color: #1855c4;
}
.bg-pay {
    background-color: #1855c4;
}
.test-bg {
    background: #1855c4;
    color: white;
    padding: 15px 30px 10px 25px;
    border-bottom: none !important;
}
.test-card {
    border: 1px solid #1855c4;
}
.is-countdown {
	border: 1px solid #1855c4;
	background-color: rgb(255, 255,255);
}
.align-self-center{
    align-self: center;
}
.visibility-hidden{
    visibility: hidden;
}
.teacher-rounded {
    border-radius: 0%;
    border: 0px solid #39d0cf  ;
    padding: 0em;
    width: 21em;
    height: 25em;
    position: relative;
    margin: 0 auto;
}
.shadow {
    box-shadow: 10px 10px 25px 0px;
}
.px300 {
    padding-left: 300px;
    padding-right: 300px;
}
.team-member img {
    width: 22rem;
    height: 22rem;
    border: 0.5rem solid rgba(0, 0, 0, 0.1);
}
.team-member {
    margin-bottom: 3rem;
    text-align: center;
}
.btn-social {
    height: 2.5rem;
    width: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 100%;
}
.btn-dark {
    color: #fff !important;
    background-color: #343a40;
    border-color: #343a40;
}

@media screen and (max-width: 767px){
    .px300 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .section-title_2 h2 {
        font-size: 60px;
        font-weight: 500;
        color: #333333;
    }
    .pt95{
        padding-top: 20px;
    }
    .about-us-text {
        padding-bottom: 20px;
    }
}