@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,500&display=swap"); body { font-family: "Roboto", sans-serif; } .wrapper { scroll-behavior: smooth; } .link-custom { color: #f0932b; } .link-custom:hover { color: #ff630e; transition: all 1s; } .btn-primary-custom { display: block; background-color: #ff630e; color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; } .btn-primary-custom:hover { color: #ff630e; background-color: #fff; border: #ff630e 1px solid; transition: 0.3s; } .btn-outline-secondary-custom { color: #ff630e; background-color: #fff; padding: 15px 30px; border-radius: 5px; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; border: #ff630e 2px solid; } .btn-outline-secondary-custom:hover { color: #fff; background-color: #ff630e; transition: 0.3s; } .sidebar-wrap { display: none; } .header-mobile-content { display: none; } .section-heading { font-size: 45px; line-height: 55px; font-weight: 700; color: #0e0a38; margin-bottom: 30px; } .testi-rating i { color: #ff630e; font-size: 18px; margin: 10px 2px 6px; display: inline-block; } .sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 5; } .my-border-color { border: 1px solid #ccc; } .preloader { position: fixed; width: 100%; height: 100%; z-index: 999999; background-color: #0e0a38; display: flex; justify-content: center; align-items: center; opacity: 1; transition: all 0.3s; } .lds-roller { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-roller div { animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; transform-origin: 40px 40px; } .lds-roller div:after { content: " "; display: block; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #fff; margin: -4px 0 0 -4px; } .lds-roller div:nth-child(1) { animation-delay: -0.036s; } .lds-roller div:nth-child(1):after { top: 63px; left: 63px; } .lds-roller div:nth-child(2) { animation-delay: -0.072s; } .lds-roller div:nth-child(2):after { top: 68px; left: 56px; } .lds-roller div:nth-child(3) { animation-delay: -0.108s; } .lds-roller div:nth-child(3):after { top: 71px; left: 48px; } .lds-roller div:nth-child(4) { animation-delay: -0.144s; } .lds-roller div:nth-child(4):after { top: 72px; left: 40px; } .lds-roller div:nth-child(5) { animation-delay: -0.18s; } .lds-roller div:nth-child(5):after { top: 71px; left: 32px; } .lds-roller div:nth-child(6) { animation-delay: -0.216s; } .lds-roller div:nth-child(6):after { top: 68px; left: 24px; } .lds-roller div:nth-child(7) { animation-delay: -0.252s; } .lds-roller div:nth-child(7):after { top: 63px; left: 17px; } .lds-roller div:nth-child(8) { animation-delay: -0.288s; } .lds-roller div:nth-child(8):after { top: 56px; left: 12px; } @keyframes lds-roller { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #customBtn { display: inline-block; background: white; color: #444; width: 190px; border-radius: 5px; border: thin solid #888; box-shadow: 1px 1px 1px grey; white-space: nowrap; } #customBtn:hover { cursor: pointer; } span.label { font-family: serif; font-weight: normal; } span.icon { background: url(../images/g-normal.png) transparent 5px 50% no-repeat; display: inline-block; vertical-align: middle; width: 42px; height: 42px; } span.buttonText { display: inline-block; vertical-align: middle; padding-left: 42px; padding-right: 42px; font-size: 14px; font-weight: bold; /* Use the Roboto font that is loaded in the */ font-family: "Roboto", sans-serif; } .swiper.swiper-id-card { width: 100%; height: 420px; } .swiper.swiper-id-card .slide_1 { border-radius: 10px; padding: 10px; height: 100%; } .swiper.swiper-id-card .slide_1 .slide-content { border: 1px solid #ccc; border-radius: 10px; height: 100%; } .swiper.swiper-id-card .slide_2 { border-radius: 10px; padding: 10px; height: 100%; } .swiper.swiper-id-card .slide_2 .slide-content { border: 1px solid #ccc; border-radius: 10px; height: 100%; } .swiper-slide { text-align: center; /* Center slide text vertically */ -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 80%; object-fit: cover; border-radius: 10px; border: 1px solid #ccc; margin-top: 10px; } .swiper-button-next, .swiper-button-prev { outline: none; } div.swiper-button-next, div.swiper-button-prev { top: 60%; } div.swiper-button-next:after, div.swiper-button-prev:after { color: #ff630e; } .swiper.swiper-bachelor { width: 100%; height: 100%; } .swiper.swiper-bachelor .swiper-slide { border-radius: 10px; padding: 10px; border: 1px solid #ccc; } .swiper.swiper-bachelor .swiper-slide .img-wrapper { height: 350px; } .swiper.swiper-bachelor .swiper-slide .img-wrapper img { height: 100%; width: 100%; object-fit: cover; margin: 0; } .swiper.swiper-bachelor .swiper-slide.slide_add > div { min-height: 578px; height: 578px; } .swiper.swiper-bachelor .swiper-slide.slide_add > div i { font-size: 60px; } .swiper.swiper-typical-course .course-card { width: 100% !important; } .swiper.swiper-typical-course .course-card .banner-course { border-top-left-radius: 10px; border-top-right-radius: 10px; } .swiper.swiper-typical-course .course-card .logo-course { padding: 0; border-radius: 10px; } .swiper.swiper-typical-course .course-card .logo-course img { margin: 0; } .swiper.swiper-typical-course .course-card .card-title { text-align: start; } .swiper.swiper-typical-course .course-card .sub-title { text-align: start; } .swiper.swiper-typical-course .course-card .testi-rating { text-align: start; } .swiper.swiper-typical-course .course-card .btn-invite-course { width: 100%; } .swiper-typical-mentor div.swiper-button-next, .swiper-typical-mentor div.swiper-button-prev { top: 50%; } .swiper-typical-mentor div.swiper-button-next:after, .swiper-typical-mentor div.swiper-button-prev:after { color: #ff630e; } .swiper-testimonial .card-custom { width: 100%; } .swiper-testimonial .card-custom img { margin: 0; } .header-top { background-color: #0e0a38; overflow: hidden; padding: 15px 0; } .header-top-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } .header-top-social li { display: inline-block; list-style-type: none; } .header-top-social li a { display: block; text-align: center; width: 25px; height: 25px; font-size: 15px; line-height: 25px; margin: 0 3px; color: #fff; } .header-contact-info li { list-style-type: none; color: #fff; } .header-course-search { flex-basis: 50%; position: relative; } .header-course-search input { background-color: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1); padding-left: 20px; height: 40px; color: #fff; } .header-course-search input::placeholder { color: rgba(255, 255, 255, 0.8); } .header-course-search input:focus { background-color: transparent; color: #fff; } .header-course-search span { position: absolute; color: rgba(255, 255, 255, 0.5); z-index: 10000; top: 10px; right: 20px; } .header-log-reg { position: relative; } .header-log-reg li { display: inline-block; } .header-log-reg li a { text-decoration: none; color: #fff; transition: all 0.3s; } .header-log-reg li a:hover { color: #ff630e; } .header-log-reg li small { color: #fff; } .header-log-reg .avatar { width: 50px; height: 50px; border-radius: 50%; cursor: pointer; } .header-log-reg .avatar-control { position: absolute; width: 100%; border-radius: 10px; background: #fff; box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.2); min-width: 230px; padding: 8px 24px !important; z-index: 600; } .header-log-reg .avatar-control li { display: block; } .header-log-reg .avatar-control li a { color: #0e0a38; } .header-bottom { background-color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; padding: 20px 0; } .header-bottom-wrapper { display: flex; align-items: center; justify-content: space-between; } .navbar-nav li { position: relative; } .navbar-nav li > ul { z-index: 3; display: none; position: absolute; background: #fff; text-align: left; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-radius: 5px; border-top: 2px solid #ff630e; transition: 0.3s; width: max-content; min-width: 200px; padding: 20px 0px; } .navbar-nav li > ul > li { padding: 10px 20px 10px 10px; border-bottom: 1px solid #f5f5f5; } .navbar-nav li:hover > ul { display: block; } .navbar-nav li:hover .sub-menu { visibility: visible; opacity: 1; } .navbar-nav li:hover .sub-nav { visibility: visible; opacity: 1; } .navbar-nav li .sub-nav { position: absolute; top: 35px; width: 100%; z-index: 1; min-width: 450px; background-color: #fff; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-top: 2px solid #ff630e; border-radius: 5px; transition: 0.3s; padding: 20px; visibility: hidden; opacity: 0; } .navbar-nav li .sub-nav a { color: #0e0a38; font-weight: 500 !important; display: block; transition: 0.3s; padding: 5px; } .navbar-nav li .sub-nav a:hover { color: #ff630e; } .navbar-nav li .sub-nav li { border-bottom: 1px solid #f5f5f5; } .navbar-nav li .sub-nav li a { font-weight: 400 !important; } .navbar-nav li .sub-menu { position: absolute; top: 35px; z-index: 1; background-color: #fff; text-align: left; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); box-shadow: 0 0 30px rgba(0, 0, 0, 0.1); border-radius: 5px; border-top: 2px solid #ff630e; transition: 0.3s; visibility: hidden; opacity: 0; } .navbar-nav li .sub-menu li { border-bottom: 1px solid #f5f5f5; padding: 0 10px; } .navbar-nav li .sub-menu li a { padding: 10px 5px; color: #0e0a38; font-weight: 500 !important; display: block; transition: 0.3s; } .navbar-nav li .sub-menu li:hover a { color: #ff630e; } .navbar li > ul li > ul { right: -90%; top: 0; } .nav-link-custom { color: #130f40; padding: 10px 5px; font-size: 17px; font-weight: 500; } .nav-link-custom.active { color: #ff630e !important; } .nav-link-custom:hover { color: #ff630e !important; } .site-logo { color: #0e0a38; font-size: 30px; font-weight: bold; } .site-logo .logo { border-radius: 50%; max-width: 100px; object-fit: cover; } .header-cart { flex-basis: 5%; } .header-cart a { color: #0e0a38; font-size: 30px; position: relative; } .header-cart .cart-total-number { position: absolute; right: -15px; top: -6px; background-color: #ff630e; color: #fff; border-radius: 50%; padding: 1px 5px; font-size: 13px; width: 18px; height: 20px; line-height: 20px; text-align: center; } .banner { background-image: url(../images/banner.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 180px; position: relative; } .banner:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(5, 1, 51, 0.7); } .banner .caption-content { position: relative; } .banner .caption-content h4 { color: #ff630e; text-transform: uppercase; font-size: 20px; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; } .banner .caption-content h2 { font-size: 70px; line-height: 77px; color: #fff; font-weight: 700; margin-bottom: 20px; } .banner .caption-content p { color: #fff; padding: 0 200px; font-size: 16px; line-height: 26px; } .banner .caption-content .banner-control { display: flex; align-items: center; justify-content: center; } .aboutus { padding: 95px 0 150px; background: url(../images/background.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; position: relative; } .aboutus::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.7); } .aboutus .aboutus-content { position: relative; } .aboutus .aboutus-content .about-description { font-size: 20px; font-weight: 500; color: #0e0a38; text-align: justify; line-height: 30px; } .aboutus .aboutus-content .banner-aboutus img { width: 100%; border-radius: 10px; box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .advantages { padding: 95px 0 150px; } .advantages .service-card { display: block; padding: 20px 0; margin-bottom: 30px; } .advantages .service-card div:first-child { height: 70px; align-items: center !important; } .advantages .service-card .service-card-icon { display: inline-block; } .advantages .service-card .service-card-icon i { line-height: 70px; font-size: 30px; display: inline-block; color: #ff630e; } .advantages .service-card .service-card-title { color: #ff630e; font-size: 22px; font-weight: 600; line-height: 1.3; vertical-align: middle; } .advantages .service-card .service-card-content { color: #0e0a38; line-height: 30px; font-size: 20px; text-align: justify; padding: 10px 0; } .learning-path .left-section { background-image: url(../images/banner-3.jpg); background-size: cover; background-repeat: no-repeat; clip-path: polygon(0 0, 100% 15%, 100% 100%, 0% 100%); padding: 220px 0; position: relative; overflow: hidden; cursor: pointer; } .learning-path .left-section h2 { color: #fff; font-size: 42px; line-height: 56px; font-weight: 700; text-transform: uppercase; } .learning-path .left-section p { color: #fff; font-size: 22px; line-height: 26px; } .learning-path .left-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .learning-path .left-section:hover:before { background-color: rgba(0, 0, 0, 0); cursor: pointer; transition: 0.3s; } .learning-path .left-section-content { position: relative; } .learning-path .right-section { background-image: url(../images/banner-4.jpg); background-size: cover; background-repeat: no-repeat; clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%); padding: 220px 0; position: relative; cursor: pointer; } .learning-path .right-section::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .learning-path .right-section:hover:before { background-color: rgba(0, 0, 0, 0); cursor: pointer; transition: 0.3s; } .learning-path .right-section .right-section-content { position: relative; } .learning-path .right-section h2 { color: #fff; font-size: 42px; line-height: 56px; font-weight: 700; text-transform: uppercase; } .learning-path .right-section p { color: #fff; font-size: 22px; line-height: 26px; } .courses-section { padding: 95px 0 150px; } .courses-section .owl-carousel .owl-nav { position: absolute; top: 40%; width: 100%; } .courses-section .owl-carousel .owl-nav .owl-prev { position: absolute; left: -4%; font-size: 100px; color: #0e0a38; outline: none; } .courses-section .owl-carousel .owl-nav .owl-prev:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .courses-section .owl-carousel .owl-nav .owl-next { position: absolute; right: -4%; font-size: 100px; color: #0e0a38; outline: none; } .courses-section .owl-carousel .owl-nav .owl-next:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .courses-section .owl-carousel .owl-dots { margin-top: 30px !important; } .courses-section .course-card { transition: 0.5s; border-radius: 10px; width: 90%; border: 1px solid #999999; } .courses-section .course-card .banner-course { background-size: cover; background-repeat: no-repeat; background-position: center; height: 200px; position: relative; border-bottom: 1px solid #999999; } .courses-section .course-card .logo-course { position: absolute; width: 80px; height: 80px; border: 2px solid #999999; padding: 2px; background-color: #fff; bottom: -20%; left: 20px; border-radius: 5px; } .courses-section .course-card .logo-course img { width: 100%; height: 100%; } .courses-section .course-card .card-title { color: #130f40; font-size: 24px; font-weight: 700; line-height: 30px; } .courses-section .course-card .sub-title { color: #999; } .courses-section .course-card .description { color: #0e0a38; margin-top: 10px; font-weight: 400; text-align: justify; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; } .courses-section .course-card .btn-invite-course { padding: 10px 20px; font-size: 20px; border: none; background: #ff630e; color: #fff; border-radius: 5px; } .testimonial-content { padding: 95px 0 150px; background-color: #f5f5f5; } .testimonial-content .owl-carousel .owl-nav { position: absolute; top: 30%; width: 100%; } .testimonial-content .owl-carousel .owl-nav .owl-prev { position: absolute; left: -4%; font-size: 100px; color: #0e0a38; outline: none; } .testimonial-content .owl-carousel .owl-nav .owl-prev:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .testimonial-content .owl-carousel .owl-nav .owl-next { position: absolute; right: -4%; font-size: 100px; color: #0e0a38; outline: none; } .testimonial-content .owl-carousel .owl-nav .owl-next:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .testimonial-content .owl-carousel .owl-dots { margin-top: 30px !important; } .testimonial-content .card-body .card-img-top-custom { height: 260px; max-height: 300px; object-fit: cover; } .testimonial-content .card-body .title { font-size: 20px; font-weight: 700; line-height: 25px; margin: 0 0 6px; color: #0e0a38; } .testimonial-content .card-body .sub-title { font-weight: 400; color: #999; } .testimonial-content .card-body p { font-size: 16px; line-height: 26px; color: #999; margin: 10px 0 20px; } .advantages-2 { padding: 95px 0 150px; background-image: url(https://cybersoft.edu.vn/wp-content/uploads/2020/04/funfact_bg.png); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; background-attachment: fixed; } .advantages-2::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); } .advantages-2 .advantages-2-content { position: relative; } .advantages-2 .advantages-2-content h4 { font-size: 24px; line-height: 30px; font-weight: 600; font-style: normal; color: #ff630e; margin-bottom: 20px; } .advantages-2 .advantages-2-content h2 { font-size: 30px; line-height: 30px; font-weight: 600; font-style: normal; color: #0e0a38; margin-bottom: 30px; } .contacts-section { padding: 95px 0 150px; background-color: #f5f5f5; } .contacts-section .form-contact-img { border-radius: 10px; box-shadow: 0 0 10px; } .contacts-section .form-contact-container { padding: 25px 30px; background-color: #fff; border-radius: 10px; } .contacts-section .form-contact-container h2 { font-size: 30px; font-weight: 700; color: #0e0a38; text-transform: uppercase; } .contacts-section .form-contact-container textarea { height: 161px; } .aboutus-wrapper .banner__aboutus { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .aboutus-wrapper .banner__aboutus h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .aboutus-wrapper .banner__aboutus p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .aboutus-wrapper .banner__aboutus p a { color: #f5f5f5; transition: all 0.3s; } .aboutus-wrapper .banner__aboutus p a:hover { color: #ff630e; } .aboutus-wrapper .banner__aboutus:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .aboutus-wrapper .employee__img { margin-top: 130px; width: 100%; padding: 30px; } .aboutus-wrapper .employee__img .employ__box { width: 100%; border-radius: 15px; } .aboutus-wrapper .employee__img .employ__box img { width: 100%; border-radius: 25px; } .aboutus-wrapper .employee__img:nth-child(2) { margin-top: -70px; } .aboutus-wrapper .sec-heading__about { width: 80%; margin: auto; text-align: center; margin-top: 10px; } .aboutus-wrapper .sec-heading__about h5 { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #ff630e; letter-spacing: 1px; } .aboutus-wrapper .sec-heading__about h2 { font-size: 45px; line-height: 55px; font-weight: 700; } .aboutus-wrapper .sec-heading__about p { color: grey; margin: 20px 0 40px; letter-spacing: 1px; line-height: 25px; } .aboutus-wrapper .counter { width: 80%; margin: auto; text-align: center; } .aboutus-wrapper .counter .counter-single h2 { color: #ff630e; font-size: 50px; font-weight: 700; margin-bottom: 10px; } .aboutus-wrapper .counter .counter-single p { font-size: 16px; line-height: 26px; color: #696969; } .aboutus-wrapper .why-choose-area { width: 100%; background-color: #f7f7f7; margin-top: 80px; padding: 70px 20px; } .aboutus-wrapper .why-choose-area h4 { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #ff630e; letter-spacing: 1px; text-align: center; margin-bottom: 15px; } .aboutus-wrapper .why-choose-area h2 { font-size: 45px; font-weight: 700; line-height: 55px; text-align: center; color: rgba(0, 0, 0, 0.755); margin-bottom: 15px; } .aboutus-wrapper .why-choose-area .choose { width: 100%; margin-top: 30px; text-align: center; } .aboutus-wrapper .why-choose-area .choose .choose-single { padding: 15px 15px; background: white; height: 300px; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; } .aboutus-wrapper .why-choose-area .choose .choose-single img { width: 45px; } .aboutus-wrapper .why-choose-area .choose .choose-single h3 { font-weight: 700; margin-bottom: 10px; font-size: 24px; line-height: 34px; color: #130f40; } .aboutus-wrapper .why-choose-area .choose .choose-single p { font-size: 16px; line-height: 26px; color: #696969; } .our { padding: 15px; margin-top: 25px; width: 100%; } .our h1 { font-size: 45px; line-height: 55px; font-weight: 700; text-align: center; margin-bottom: 25px; } .our h2 { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #ff630e; letter-spacing: 1px; text-align: center; } .our .owl-carousel .owl-nav { position: absolute; top: 30%; width: 100%; } .our .owl-carousel .owl-nav .owl-prev { position: absolute; left: -4%; font-size: 100px; color: #0e0a38; outline: none; } .our .owl-carousel .owl-nav .owl-prev:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .our .owl-carousel .owl-nav .owl-next { position: absolute; right: -4%; font-size: 100px; color: #0e0a38; outline: none; } .our .owl-carousel .owl-nav .owl-next:hover { background-color: rgba(0, 0, 0, 0); color: #0e0a38; } .our .owl-carousel .owl-dots { margin-top: 30px !important; } .our .out__sigle { width: 100%; position: relative; padding: 6px; text-align: center; font-size: 16px; line-height: 26px; color: #696969; cursor: pointer; overflow: hidden; } .our .out__sigle h3 { color: #130f40; font-size: 24px; font-weight: 700; line-height: 34px; margin: 15px 0; } .our .out__sigle img { max-width: 100%; } .our .out__sigle .instructor-links { position: absolute; bottom: 25%; left: 0; right: 0; background-color: #ff630e; width: 65%; height: 50px; margin: 0 auto; padding: 10px 0; border-radius: 5px; -webkit-transition: 0.5s; transition: 0.5s; visibility: hidden; opacity: 0; z-index: -100; } .our .out__sigle .instructor-links ul { display: flex; justify-content: space-around; } .our .out__sigle .instructor-links ul li i { color: white; } .our .out__sigle:hover .instructor-links { opacity: 1; visibility: visible; z-index: 1000; bottom: 30%; } .header-mobile-logo a { color: #0e0a38; } .login-mobile-section { background: #f5f5f5; padding: 30px 0; } .login-mobile-section .login-form-content { background: #fff; border-radius: 10px; padding: 60px; } .login-mobile-section .login-form-content h3 { font-size: 24px; line-height: 34px; color: #0e0a38; font-weight: 700; } .register-wrapper .page-banner-area { background-image: url(../images/banner-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 110px 0 100px; position: relative; } .register-wrapper .page-banner-area::before { content: ""; position: absolute; background: rgba(19, 15, 64, 0.8); height: 100%; width: 100%; top: 0; left: 0; right: 0; } .register-wrapper .page-banner-area .page-banner-content { position: relative; } .register-wrapper .page-banner-area .page-banner-content h1 { font-size: 60px; line-height: 70px; margin-bottom: 25px; color: #ff630e; font-weight: 700; } .register-wrapper .page-banner-area .page-banner-content p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .register-wrapper .page-banner-area .page-banner-content p a { color: #f5f5f5; transition: all 0.3s; } .register-wrapper .page-banner-area .page-banner-content p a:hover { color: #ff630e; } .register-wrapper .registration-area { padding: 0 0 110px; } .register-wrapper .registration-area .tab-register { margin-top: 50px; width: 50%; margin-left: auto; margin-right: auto; } .register-wrapper .registration-area .tab-register .tab-item { padding: 10px; background-color: #f5f5f5; display: flex; align-items: center; justify-content: center; text-transform: uppercase; color: #ff630e; font-size: 18px; font-weight: 500; border-bottom: 2px solid #ff630e; cursor: pointer; } .register-wrapper .registration-area .tab-register .tab-item.active { background-color: #ff630e; color: #fff; } .register-wrapper .registration-area .tab-register .tab-item:hover { background-color: #ff630e; color: #fff; transition: 0.3s; } .register-wrapper .registration-area .registration-area-content { display: flex; justify-content: center; align-items: center; } .register-wrapper .registration-area .registration-area-content .registration-form-wrap { border-radius: 10px; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); width: 50%; padding: 40px; } .register-wrapper .registration-area .registration-area-content .registration-form-wrap label { color: #999; } .register-wrapper .registration-area .registration-area-content .registration-form-mentor-wrap { display: none; border-radius: 10px; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); width: 50%; padding: 40px; } .register-wrapper .registration-area .registration-area-content .registration-form-mentor-wrap label { color: #999; } .courses-wrapper .banner__course { width: 100%; padding: 110px 0 100px; background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative; } .courses-wrapper .banner__course:before { content: ""; position: absolute; top: 0; right: 0; left: 0; width: 100%; height: 100%; background: rgba(19, 15, 64, 0.8); } .courses-wrapper .banner__course .content__banner_course { text-align: center; position: relative; } .courses-wrapper .banner__course .content__banner_course h1 { font-size: 49px; font-weight: 700; margin-bottom: 25px; color: #ff630e; } .courses-wrapper .banner__course .content__banner_course p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .courses-wrapper .banner__course .content__banner_course p a { color: #f5f5f5; transition: all 0.3s; } .courses-wrapper .banner__course .content__banner_course p a:hover { color: #ff630e; } .courses-wrapper .course-content-container { padding: 100px 0; } .courses-wrapper .course-content-container .course-sidebar .course-sidebar-search { padding: 10px; display: flex; align-items: center; margin-bottom: 25px; position: relative; } .courses-wrapper .course-content-container .course-sidebar .course-sidebar-search i { position: absolute; right: 15px; font-size: 18px; color: grey; } .courses-wrapper .course-content-container .course-sidebar .course-sidebar-search input { padding-right: 30px !important; } .courses-wrapper .course-content-container .course-sidebar .tag_r { margin-bottom: 30px; width: 100%; } .courses-wrapper .course-content-container .course-sidebar .tag_r h3 { font-size: 17px; text-transform: uppercase; color: rgba(0, 0, 0, 0.832); font-weight: bold; margin-bottom: 10px; } .courses-wrapper .course-content-container .course-sidebar .tag_r .checkbox__course { margin: 10px 0; } .courses-wrapper .course-content-container .course-sidebar .tag_r .checkbox__course label { font-size: 14px; color: grey; margin-left: 5px; } .courses-wrapper .course-content-container .course-sidebar .tag_r #showMore .txtShow { font-size: 14px; color: grey; margin-left: 5px; } .courses-wrapper .course-content-container .course-sidebar .tag_r #showMore .txtShow .fa-arrow-down { float: left; } .courses-wrapper .course-content-container .course-sidebar .tag_r #showMore .txtShow .fa-arrow-up { display: none; float: left; } .courses-wrapper .course-content-container .courses-list-content .header-courses-list { display: flex; justify-content: space-between; align-items: center; } .courses-wrapper .course-content-container .courses-list-content .header-courses-list .counter-course h5 { font-weight: 700; margin-right: 5px; } .courses-wrapper .course-content-container .courses-list-content .header-courses-list select { flex-basis: 25%; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom { width: 100%; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom:hover { box-shadow: 0 0 10px rgba(51, 51, 51, 0.2); transition: all 0.3s; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom img { height: 150px; object-fit: cover; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .card-title { min-height: 40px; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .card-title a { color: #130f40; font-size: 24px; font-weight: 700; line-height: 30px; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .card-title a:hover { color: #ff630e; cursor: pointer; transition: all 0.3s; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .sub-title { color: #999; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .description { color: #0e0a38; margin-top: 10px; font-weight: 400; text-align: justify; width: 100%; overflow: hidden; text-overflow: ellipsis; line-height: 25px; -webkit-line-clamp: 3; height: 75px; display: -webkit-box; -webkit-box-orient: vertical; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .cost { color: #ff630e; font-size: 16px; font-weight: 500; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .add-to-cart i { font-size: 27px; } .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .add-to-cart:hover i { transition: all 0.3s; color: #ff630e; cursor: pointer; } .courses-wrapper .course-content-container .courses-list-content .course-pagination { margin-top: 20px; } .courses-wrapper .course-content-container .courses-list-content .course-pagination ul li { display: inline-block; margin-right: 10px; } .courses-wrapper .course-content-container .courses-list-content .course-pagination ul li a { width: 100%; height: 100%; display: block; text-align: center; width: 40px; height: 40px; line-height: 40px; color: #000; background: #f5f5f5; border-radius: 50%; } .courses-wrapper .course-content-container .courses-list-content .course-pagination ul li a:hover { background-color: #ff630e; color: #fff; transition: all 0.3s; } .courses-wrapper .course-content-container .courses-list-content .course-pagination ul li .active { background-color: #ff630e; color: #fff; } .course-detail-wrapper .banner-course-detail { background: url(../images/banner-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 110px 0 100px; position: relative; } .course-detail-wrapper .banner-course-detail:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(19, 15, 64, 0.8); top: 0; left: 0; right: 0; } .course-detail-wrapper .banner-course-detail .banner-content { position: relative; text-align: center; } .course-detail-wrapper .banner-course-detail .banner-content h1 { font-size: 49px; font-weight: 700; margin-bottom: 25px; color: #ff630e; } .course-detail-wrapper .banner-course-detail .banner-content p { color: #fff; font-size: 16px; line-height: 26px; } .course-detail-wrapper .banner-course-detail .banner-content p a { color: #fff; font-size: 16px; line-height: 26px; } .course-detail-wrapper .banner-course-detail .banner-content p a:hover { color: #ff630e; transition: all 0.3s; } .course-detail-wrapper .course-single-area { padding: 100px 0 70px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta { display: flex; align-items: center; justify-content: space-between; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .author { display: flex; align-items: center; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .author img { max-width: 35px; border-radius: 50%; margin-right: 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .author span { color: #999; margin-right: 5px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .author strong { font-weight: 700; color: #0e0a38; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .course-rating .testi-rating { display: inline-block; margin-right: 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .course-share { color: #0e0a38; cursor: pointer; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .course-share i { margin-right: 5px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-meta .course-share:hover { transition: all 0.3s; color: #ff630e; } .course-detail-wrapper .course-single-area .course-single-content .course-single-categories { margin: 25px 0 50px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-categories ul li { display: inline-block; } .course-detail-wrapper .course-single-area .course-single-content .course-single-categories ul li a { display: inline-block; color: #999; font-size: 16px; border-radius: 4px; background-color: #f5f5f5; padding: 5px 10px; margin: 0 2px 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-single-categories ul li a:hover { background: #ff630e; color: #fff; transition: all 0.3s; } .course-detail-wrapper .course-single-area .course-single-content .course-descriptions h3 { font-weight: 700; font-size: 20px; line-height: 30px; color: #130f40; margin-bottom: 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-descriptions p { font-size: 16px; line-height: 26px; color: #999; margin-bottom: 1rem; text-align: justify; } .course-detail-wrapper .course-single-area .course-single-content .course-descriptions .info p { color: #ff630e; } .course-detail-wrapper .course-single-area .course-single-content .course-review h3 { font-weight: 700; font-size: 20px; line-height: 30px; color: #130f40; margin-bottom: 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner { padding: 45px 50px; overflow: hidden; border-radius: 8px; border: 1px solid #dee2e6; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .review-ratings { float: left; width: 30%; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .review-ratings h2 { font-weight: 700; font-size: 65px; letter-spacing: 6px; margin-bottom: 30px; line-height: 55px; color: #0e0a38; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .review-ratings span i { color: #ff630e; font-size: 20px; margin-right: 5px; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .review-ratings p { margin: 15px 0 0; font-size: 16px; line-height: 26px; color: #999; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .rating-bar { float: left; width: 70%; display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; margin-top: 10px; margin-bottom: 10px; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .rating-bar .rating-star { position: relative; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .rating-bar .rating-star:before { content: "\f006"; font-family: "FontAwesome"; position: absolute; right: 15px; color: #ff630e; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .rating-bar .rating-progress { background-color: #e3e5eb; height: 8px; width: 76%; border-radius: 4px; margin: 0 20px; position: relative; } .course-detail-wrapper .course-single-area .course-single-content .course-review .review-content-inner .rating-bar .rating-progress .rating-progress-value { background-color: #f4c150; position: absolute; height: 8px; width: 40%; left: 0; border-radius: 4px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback { margin-top: 20px; margin-bottom: 20px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback h3 { font-weight: 700; font-size: 20px; line-height: 30px; color: #130f40; margin-bottom: 15px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item { margin-bottom: 40px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-heading { display: flex; align-items: center; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-heading .member-avatar img { width: 50px; height: 50px; border-radius: 50%; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-heading .member-info { margin-left: 20px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-heading .member-info p { font-weight: 700; line-height: 1.2; font-size: 16px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-heading .member-info .testi-rating i { margin: 5px 2px 6px; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .feedback-item .feedback-content { margin-top: 20px; font-weight: 400; line-height: 1.4; font-size: 16px; color: #999; } .course-detail-wrapper .course-single-area .course-single-content .course-feedback .course-feedback-inner .btn-outline-secondary-custom { padding: 10px 20px !important; } .course-detail-wrapper .course-single-area .course-single-content .course-my-feedback .btn-primary-custom { padding: 10px; font-size: 16px; } .course-detail-wrapper .course-single-area .course-sidebar { box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); border-radius: 10px; margin-bottom: 20px; } .course-detail-wrapper .course-single-area .course-sidebar .course-banner img { width: 100%; height: 220px; border-radius: 10px; object-fit: cover; } .course-detail-wrapper .course-single-area .course-sidebar .course-price { font-weight: 700; font-size: 36px; color: #212327; padding: 25px px 30px 20px; display: inline-block; } .course-detail-wrapper .course-single-area .course-sidebar .course-enroll-btn a { border-radius: 5px; text-align: center; text-transform: uppercase; padding: 16px; font-weight: 700; letter-spacing: 1px; width: 100%; display: block; color: #fff; background-color: #ff630e; } .course-detail-wrapper .course-single-area .course-sidebar .course-enroll-btn a:hover { background-color: #0e0a38; transition: all 0.3s; } .mentor-detail-wrapper .banner-mentor-detail { width: 100%; padding: 110px 0 100px; background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative; } .mentor-detail-wrapper .banner-mentor-detail:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(19, 15, 64, 0.8); top: 0; left: 0; right: 0; } .mentor-detail-wrapper .banner-mentor-detail .banner-content { position: relative; text-align: center; } .mentor-detail-wrapper .banner-mentor-detail .banner-content h1 { font-size: 49px; font-weight: 700; margin-bottom: 25px; color: #ff630e; } .mentor-detail-wrapper .banner-mentor-detail .banner-content p { color: #fff; font-size: 16px; line-height: 26px; } .mentor-detail-wrapper .banner-mentor-detail .banner-content p a { color: #fff; font-size: 16px; line-height: 26px; } .mentor-detail-wrapper .banner-mentor-detail .banner-content p a:hover { color: #ff630e; transition: all 0.3s; } .mentor-detail-wrapper .content-info-mentor { padding: 100px 0; } .mentor-detail-wrapper .content-info-mentor .mentor-info { padding: 20px 20px 50px; box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1); border-radius: 10px; text-align: center; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-img { background-image: url(../images/overlay-bg.jpg); background-repeat: no-repeat; background-size: contain; padding: 50px 50px 30px; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-img img { margin-top: 20px; border-radius: 4px; max-width: 100%; height: 100%; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details h4 { font-weight: 700; font-size: 22px; line-height: 32px; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details p { font-size: 16px; line-height: 26px; color: #999; margin-bottom: 1rem; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .social-list { margin: 0; padding: 0; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .social-list li { display: inline-block; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .social-list li a { display: block; text-align: center; width: 35px; height: 35px; font-size: 16px; line-height: 38px; margin: 0 3px; color: #fff; background-color: #ff630e; border-radius: 4px; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .contact-info { padding: 30px 0 20px; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .contact-info li { margin: 0 30px; font-size: 16px; line-height: 22px; padding: 10px 0; color: #999; } .mentor-detail-wrapper .content-info-mentor .mentor-info .mentor-details .contact-info li span i { color: #ff630e; font-size: 14px; padding-right: 5px; } .mentor-detail-wrapper .content-info-mentor .about-mentor { padding: 20px; } .mentor-detail-wrapper .content-info-mentor .about-mentor h3 { font-weight: 700; font-size: 36px; line-height: 46px; } .mentor-detail-wrapper .content-info-mentor .about-mentor p { font-size: 16px; line-height: 26px; color: #999; text-align: justify; } .mentor-detail-wrapper .content-info-mentor .skill-rate { padding: 20px; } .mentor-detail-wrapper .content-info-mentor .skill-rate h3 { font-weight: 700; font-size: 36px; line-height: 46px; color: #0e0a38; margin-bottom: 0.5rem; } .mentor-detail-wrapper .content-info-mentor .skill-rate .skill-single { margin-bottom: 15px; } .mentor-detail-wrapper .content-info-mentor .skill-rate .skill-single .skill-level-text { float: right; } .mentor-detail-wrapper .content-info-mentor .experience { padding: 20px 0 20px 20px; } .mentor-detail-wrapper .content-info-mentor .experience h3 { font-weight: 700; font-size: 36px; line-height: 46px; color: #0e0a38; margin-bottom: 0.5rem; } .mentor-detail-wrapper .content-info-mentor .experience p { font-size: 16px; line-height: 26px; color: #999; } .mentor-detail-wrapper .content-info-mentor .mentor-profile-counter .counter-single { margin: 0 10px 0 20px; padding: 25px 20px 20px 20px; background-color: #f5f5f5; border-radius: 10px; } .mentor-detail-wrapper .content-info-mentor .mentor-profile-counter .counter-single .counter-number h2 { color: #ff630e; font-size: 50px; font-weight: 700; margin-bottom: 15px; } .mentor-detail-wrapper .content-info-mentor .mentor-profile-counter .counter-single .counter-title p { font-size: 20px; color: #0e0a38; } .mentor-detail-wrapper .content-info-mentor .courses { padding: 35px 20px 0; } .mentor-detail-wrapper .content-info-mentor .courses h3 { font-weight: 700; font-size: 36px; line-height: 46px; } .mentor-detail-wrapper .content-info-mentor .courses .course-card { box-shadow: 0 0 10px rgba(51, 51, 51, 0.1); } .mentor-detail-wrapper .content-info-mentor .courses .course-card .card-img-top { width: 100%; height: 210px; } .mentor-detail-wrapper .content-info-mentor .courses .course-card .card-body { padding: 30px 35px; } .mentor-detail-wrapper .content-info-mentor .courses .course-card .card-body .card-price { color: #ff630e; font-size: 24px; font-weight: 700; } .mentor-detail-wrapper .content-info-mentor .courses .course-card .card-body .card-title { color: #0e0a38; margin: 6px 0 15px; font-size: 24px; font-weight: 700; line-height: 34px; } .mentor-detail-wrapper .content-info-mentor .courses .course-card .card-body .course-info-current p { font-size: 16px; color: #ff630e; } .blog-wrapper .banner__blog { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .blog-wrapper .banner__blog h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .blog-wrapper .banner__blog p { font-size: 16px; line-height: 26px; color: #f5f5f5; text-transform: capitalize; } .blog-wrapper .banner__blog p a { color: #f5f5f5; transition: all 0.3s; } .blog-wrapper .banner__blog p a:hover { color: #ff630e; } .blog-wrapper .banner__blog:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .blog-wrapper .blog-area { background-color: #fff; padding: 90px 0 100px; } .blog-wrapper .blog-area .all-posts-wrap { padding-right: 40px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts { margin: 0 0 50px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .blog-posts-meta { padding-bottom: 10px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .blog-posts-meta ul { margin-top: 0; margin-bottom: 1rem; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .blog-posts-meta ul li { display: inline-block; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .blog-posts-meta ul li i { margin-right: 6px; font-size: 16px; color: #ff630e; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .blog-posts-meta ul li a { color: #696969; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 15px; margin-right: 15px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts h3 { margin-bottom: 10px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts h3 a { color: #0e0a38; font-weight: 700; font-size: 30px; line-height: 46px; } .blog-wrapper .blog-area .all-posts-wrap .blog-posts .entry-content p { font-size: 16px; line-height: 1.5; margin-bottom: 1rem; color: #999; text-align: justify; } .blog-wrapper .blog-area .all-posts-wrap .blog-pagination ul { margin-top: 0; margin-bottom: 1rem; } .blog-wrapper .blog-area .all-posts-wrap .blog-pagination ul li { display: inline-block; } .blog-wrapper .blog-area .all-posts-wrap .blog-pagination ul li a.active { background-color: #ff630e; color: #fff; } .blog-wrapper .blog-area .all-posts-wrap .blog-pagination ul li a { display: inline-block; background-color: #f7f7f7; color: #000; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; } .blog-wrapper .blog-area .blog-sidebar .search-form { position: relative; padding: 30px 40px 40px; margin-bottom: 30px; border-radius: 10px; box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .blog-wrapper .blog-area .blog-sidebar .search-form form input { width: 100%; height: 50px; border: 0; background-color: #f1f1f1; padding-left: 20px; border-radius: 5px; } .blog-wrapper .blog-area .blog-sidebar .search-form form button { position: absolute; right: 40px; top: 30px; height: 50px; width: 60px; border: 0; background-color: #ff630e; font-size: 20px; padding: 0 20px; border-radius: 0 5px 5px 0; color: #fff; } .blog-wrapper .blog-area .blog-sidebar .latest-post { padding-bottom: 20px; padding: 30px 40px 40px; margin-bottom: 30px; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .blog-wrapper .blog-area .blog-sidebar .latest-post h4 { color: #130f40; padding-bottom: 15px; font-weight: 700; font-size: 24px; } .blog-wrapper .blog-area .blog-sidebar .latest-post .recent-post-single { overflow: hidden; margin-bottom: 20px; } .blog-wrapper .blog-area .blog-sidebar .latest-post .recent-post-single .recent-post-cont h6 a { font-size: 1rem; color: #0e0a38; font-weight: 700; margin-bottom: 10px; } .blog-wrapper .blog-area .blog-sidebar .latest-post .recent-post-single .recent-post-cont .recent-post-date { color: #696969; } .blog-wrapper .blog-area .blog-sidebar .menu-list { padding-bottom: 20px; padding: 30px 40px 40px; margin-bottom: 30px; border-radius: 10px; box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .blog-wrapper .blog-area .blog-sidebar .menu-list h4 { color: #0e0a38; padding-bottom: 15px; font-weight: 700; font-size: 24px; } .blog-wrapper .blog-area .blog-sidebar .menu-list ul li { padding: 0 0 15px; } .blog-wrapper .blog-area .blog-sidebar .menu-list ul li a { color: #999; } .blog-wrapper .blog-area .blog-sidebar .menu-list ul li a i { padding-right: 5px; color: #ff630e; } .blog-wrapper .blog-area .blog-sidebar .menu-list ul li a:hover { color: #ff630e; transition: all 0.3s; } .member-detail-wrapper .banner-member-detail { width: 100%; padding: 110px 0 100px; background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; display: flex; justify-content: center; align-items: center; position: relative; } .member-detail-wrapper .banner-member-detail:before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(19, 15, 64, 0.8); top: 0; left: 0; right: 0; } .member-detail-wrapper .banner-member-detail .banner-content { position: relative; text-align: center; } .member-detail-wrapper .banner-member-detail .banner-content h1 { font-size: 49px; font-weight: 700; margin-bottom: 25px; color: #ff630e; } .member-detail-wrapper .banner-member-detail .banner-content p { color: #fff; font-size: 16px; line-height: 26px; } .member-detail-wrapper .banner-member-detail .banner-content p a { color: #fff; font-size: 16px; line-height: 26px; } .member-detail-wrapper .banner-member-detail .banner-content p a:hover { color: #ff630e; transition: all 0.3s; } .member-detail-wrapper .content-info-mentor { padding: 100px 0; } .member-detail-wrapper .content-info-mentor .member-info { padding: 20px 20px 50px; box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1); border-radius: 10px; text-align: center; } .member-detail-wrapper .content-info-mentor .member-info .member-img { background-image: url(../images/overlay-bg.jpg); background-repeat: no-repeat; background-size: contain; padding: 50px 50px 30px; } .member-detail-wrapper .content-info-mentor .member-info .member-img img { margin-top: 20px; border-radius: 4px; max-width: 100%; height: 100%; } .member-detail-wrapper .content-info-mentor .member-info .member-details h4 { font-weight: 700; font-size: 22px; line-height: 32px; } .member-detail-wrapper .content-info-mentor .member-info .member-details p { font-size: 16px; line-height: 26px; color: #999; margin-bottom: 1rem; } .member-detail-wrapper .content-info-mentor .member-info .member-details .social-list { margin: 0; padding: 0; } .member-detail-wrapper .content-info-mentor .member-info .member-details .social-list li { display: inline-block; } .member-detail-wrapper .content-info-mentor .member-info .member-details .social-list li a { display: block; text-align: center; width: 35px; height: 35px; font-size: 16px; line-height: 38px; margin: 0 3px; color: #fff; background-color: #ff630e; border-radius: 4px; } .member-detail-wrapper .content-info-mentor .member-info .member-details .contact-info { padding: 30px 0 20px; } .member-detail-wrapper .content-info-mentor .member-info .member-details .contact-info li { margin: 0 30px; font-size: 16px; line-height: 22px; padding: 10px 0; color: #999; } .member-detail-wrapper .content-info-mentor .member-info .member-details .contact-info li span i { color: #ff630e; font-size: 14px; padding-right: 5px; } .member-detail-wrapper .content-info-mentor .member-info .member-details .contact-info li .current-amount { color: #ff630e; } .member-detail-wrapper .content-info-mentor .member-operation { box-shadow: 0px 0px 15px 0px rgba(51, 51, 51, 0.1); border-radius: 10px; padding: 20px 20px; word-break: break-word; } .member-detail-wrapper .content-info-mentor .member-operation h4 { font-size: 20px; font-weight: 500; margin: 0 0 8px; color: #0e0a38; } .member-detail-wrapper .content-info-mentor .member-operation p { font-size: 16px; color: #999; } .member-detail-wrapper .content-info-mentor .member-operation span { display: block; margin-top: 5px; color: #ff630e; } .member-detail-wrapper .content-info-mentor .table-wallet-container .table-wallet { width: 100%; } .member-detail-wrapper .content-info-mentor .table-wallet-pagination { text-align: center; } .member-detail-wrapper .content-info-mentor .table-wallet-pagination ul li { display: inline-block; } .member-detail-wrapper .content-info-mentor .table-wallet-pagination ul li a.active { background-color: #ff630e; color: #fff; } .member-detail-wrapper .content-info-mentor .table-wallet-pagination ul li a { display: inline-block; background-color: #f5f5f5; color: #000; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; } .member-detail-wrapper .content-info-mentor .table-wallet-pagination ul li a:hover { background-color: #ff630e; color: #fff; } .member-detail-wrapper .content-info-mentor .courses { padding: 35px 20px 0; } .member-detail-wrapper .content-info-mentor .courses h3 { font-weight: 700; font-size: 36px; line-height: 46px; } .member-detail-wrapper .content-info-mentor .courses .course-card { width: 100%; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-img-top { width: 100%; height: 210px; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body { padding: 30px 35px; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .card-price { color: #ff630e; font-size: 24px; font-weight: 700; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .card-title { color: #0e0a38; margin: 6px 0 15px; font-size: 24px; font-weight: 700; line-height: 34px; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .skill-single .progress { width: 100%; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .skill-single .progress .progress-bar { background-color: #ff630e; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .course-info-current p { display: flex; justify-content: space-between; color: #0e0a38; font-weight: 400; margin-bottom: 5px; } .member-detail-wrapper .content-info-mentor .courses .course-card .card-body .course-info-current p span { color: #ff630e; } .member-detail-wrapper .edit-content { padding: 100px 0; } .member-detail-wrapper .edit-content form h3 { font-size: 25px; font-weight: 500; color: #0e0a38; } .member-detail-wrapper .edit-content form .sub-title { display: block; margin-bottom: 5px; color: #999; } .annotation-wrapper .banner__annotation { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .annotation-wrapper .banner__annotation h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .annotation-wrapper .banner__annotation p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .annotation-wrapper .banner__annotation p a { color: #f5f5f5; transition: all 0.3s; } .annotation-wrapper .banner__annotation p a:hover { color: #ff630e; } .annotation-wrapper .banner__annotation:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .annotation-wrapper .section2-annotation { padding-top: 20px; margin-bottom: 20px; } .annotation-wrapper .section2-annotation .box-annottation { border-radius: 8px; padding: 20px 20px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .annotation-wrapper .section2-annotation .box-annottation button { height: 25px; margin-right: 10px; border-radius: 8px; margin-bottom: 10px; background-color: #ff630e; color: aliceblue; border: 0px solid; } .annotation-wrapper .section2-annotation .box-annottation h3 { padding: 10px 20px; color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; font-size: 24px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation { margin-top: 10px; margin-bottom: 5px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); border-radius: 8px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .img-annotation { padding-top: 15px; padding-left: 20px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .img-annotation img { float: left; background-color: aquamarine; width: 56px; height: 56px; border-radius: 50%; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .content-annotation { padding-left: 70px; padding-bottom: 20px; margin-bottom: 20px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .content-annotation .title { padding-left: 20px; line-height: 15px; color: #ff630e; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; font-size: 16px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .content-annotation .content { padding-top: 10px; padding-left: 20px; line-height: 15px; color: black; font-size: 16px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation .content-annotation .timeDate { padding-left: 20px; padding-top: 10px; color: gray; font-size: 14px; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation:hover { border-radius: 8px; background-color: #0e0a38; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation:hover .content { color: #f5f5f5; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation:hover .title { color: #f5f5f5; } .annotation-wrapper .section2-annotation .box-annottation .box-content-annatation:hover .timeDate { color: #f5f5f5; } .annotation-wrapper .section2-annotation .btn-showmore { margin-top: 20px; text-align: center; } .annotation-wrapper .section2-annotation .btn-showmore button { border-radius: 8px; height: 30px; background-color: #ff630e; color: white; border: 0px solid; } .blog-detail-wrapper .banner__blog-detail { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .blog-detail-wrapper .banner__blog-detail::before { content: ""; position: absolute; width: 100%; height: 100%; background: rgba(19, 15, 64, 0.8); top: 0; left: 0; right: 0; } .blog-detail-wrapper .blog-detail-wrapper .banner__blog-detail h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .blog-detail-wrapper .banner-content { position: relative; } .blog-detail-wrapper .banner-content h1 { font-size: 60px; line-height: 70px; margin-bottom: 25px; color: #ff630e; font-weight: 700; } .blog-detail-wrapper .banner-content p { color: #fff; } .blog-detail-wrapper .banner-content a { color: #fff; padding-right: 10px; } .blog-detail-wrapper .banner-content span { padding-right: 10px; } .blog-detail-wrapper .blog-area { background-color: #fff; padding: 90px 0 100px; } .blog-detail-wrapper .blog-post-single { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border-radius: 5px; -webkit-transition: 0.5s; transition: 0.5s; } .blog-detail-wrapper .blog-post-single:hover { -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .blog-detail-wrapper .blog-post-content { padding: 30px 20px 15px; } .blog-detail-wrapper .blog-post-content h3 a { font-size: 26px; font-weight: 700; margin: 0 0 10px; text-transform: capitalize; color: #130f40; } .blog-detail-wrapper .blog-post-content h3 a:hover { color: #ff630e; } .blog-detail-wrapper .post-meta { margin-bottom: 15px; } .blog-detail-wrapper .post-media img { border-radius: 5px 5px 0 0; } .blog-detail-wrapper .post-meta li { display: inline-block; margin-right: 15px; } .blog-detail-wrapper .post-meta li a i { font-size: 15px; color: #ff630e; } .blog-detail-wrapper .post-meta span { margin-left: 8px; text-transform: uppercase; font-size: 14px; font-weight: 700; line-height: 20px; letter-spacing: 1px; color: #696969; } .blog-detail-wrapper .post-meta span:hover { color: #ff630e; } .blog-detail-wrapper .blog-area.two { padding: 100px 0; } .blog-detail-wrapper .widget { padding: 30px 40px 40px; margin-bottom: 30px; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .blog-detail-wrapper .search-form { position: relative; } .blog-detail-wrapper .search-form input { width: 100%; height: 55px; border: 0; background-color: #f1f1f1; padding-left: 20px; border-radius: 5px; } .blog-detail-wrapper .search-form button { position: absolute; right: 40px; top: 30px; height: 55px; width: 60px; border: 0; background-color: #ff630e; font-size: 20px; padding: 0 20px; border-radius: 0 5px 5px 0; color: #fff; } .blog-detail-wrapper .search-form button:hover { background-color: #130f40; } .blog-detail-wrapper .widget h4 { color: #130f40; padding-bottom: 15px; font-weight: 700; font-size: 24px; } .blog-detail-wrapper .latest-post.widget { padding-bottom: 20px; } .blog-detail-wrapper .recent-post-single { overflow: hidden; margin-bottom: 20px; } .blog-detail-wrapper .recent-post-thumb.two img { margin: 0; } .blog-detail-wrapper .recent-post-cont.two { padding: 0 0 0 20px; } .blog-detail-wrapper .recent-post-cont.two a { color: #130f40; font-weight: 700; } .blog-detail-wrapper .recent-post-cont.two span { color: #696969; } .blog-detail-wrapper .menu-services-icon.two { margin: 0 0 0 15px; } .blog-detail-wrapper .widget-list li { padding: 0 0 15px; } .blog-detail-wrapper .widget-list li a { color: #696969; } .blog-detail-wrapper .widget-list li i { color: #ff630e; padding-right: 5px; } .blog-detail-wrapper .menu-list.widget { padding-bottom: 20px; } .blog-detail-wrapper .widget-list li a:hover { color: #ff630e; } .blog-detail-wrapper .all-posts-wrap { padding-right: 40px; } .blog-detail-wrapper .blog-posts { margin: 0 0 100px; } .blog-detail-wrapper .blog-posts h3 { margin-bottom: 15px; } .blog-detail-wrapper .blog-post-thumb img { margin-bottom: 30px; border-radius: 5px; overflow: hidden; } .blog-detail-wrapper .blog-posts-meta { padding-bottom: 10px; } .blog-detail-wrapper .blog-posts-meta ul li i { margin-right: 6px; font-size: 16px; color: #ff630e; } .blog-detail-wrapper .blog-posts-meta ul li { display: inline-block; } .blog-detail-wrapper .blog-posts-meta ul li a { color: #696969; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; font-size: 15px; margin-right: 15px; } .blog-detail-wrapper .blog-posts-meta ul li a:hover { color: #ff630e; } .blog-detail-wrapper .blog-posts h3 a { color: #130f40; font-weight: 700; font-size: 36px; line-height: 46px; } .blog-detail-wrapper .blog-posts h3 a:hover { color: #ff630e; } .blog-detail-wrapper .blog-area.two p { line-height: 1.8; } .blog-detail-wrapper .blog-posts.two { margin: 0 30px 0 0; } .blog-detail-wrapper .omexo-post-btn { margin: 30px 0 0; overflow: hidden; } .blog-detail-wrapper .omexo-post-btn a { font-weight: 700; font-size: 16px; text-transform: uppercase; line-height: 26px; letter-spacing: 1px; background-color: #ff630e; border-radius: 4px; padding: 14px 30px; margin-left: 17rem; color: #fff; display: inline-block; } .blog-detail-wrapper .omexo-post-btn a:hover { background-color: #130f40; } .blog-detail-wrapper .blog-pagination li { display: inline-block; } .blog-detail-wrapper .blog-pagination li a, .blog-detail-wrapper .blog-pagination li span { width: 55px; height: 55px; background-color: #f7f7f7; display: block; border: 1px solid #e6f0fa; border-radius: 5px; font-weight: 500; line-height: 55px; font-size: 16px; margin: 0 5px; } .blog-detail-wrapper .blog-pagination li i { font-size: 20px; } .blog-detail-wrapper .blog-pagination li a:hover, .blog-detail-wrapper .blog-pagination li span { border-color: #ff630e; background-color: #ff630e; color: #fff; } .blog-detail-wrapper .feature-page.two { margin: 0 250px; } .blog-detail-wrapper .entry-content h1 { margin-top: 24px; margin-bottom: 14px; font-size: 24px; font-weight: 700; } .blog-detail-wrapper .entry-content h3 { font-size: 28px; font-weight: 700; margin: 30px 0 15px; } .blog-detail-wrapper .block-quote { background-color: #f5f5f5; border: 0; padding: 25px 30px 35px; margin: 35px 0; } .blog-detail-wrapper .block-quote i { color: #dedede; font-size: 30px; font-style: italic; line-height: 40px; } .blog-detail-wrapper .block-quote p { margin: 0 0 8px; font-style: italic; line-height: 1.8; } .blog-detail-wrapper .block-quote h6 { color: #ff630e; font-size: 18px; font-weight: 700; } .blog-detail-wrapper .blog-post-thumb.two { margin: 0 30px 0 0; } .blog-detail-wrapper .blog-post-thumb.two h2 { margin-top: 22px; margin-bottom: 14px; font-size: 16px; font-weight: 700; } .blog-detail-wrapper .blog-post-thumb.two ul li { padding-bottom: 8px; line-height: 28px; font-weight: 400; font-size: 16px; color: #696969; } .blog-detail-wrapper .entry-footer { margin-top: 15px; padding-top: 30px; border-top: 1px solid #ddd; position: relative; } .blog-detail-wrapper .post-tags { font-size: 16px; font-weight: 500; color: #130f40; font-family: "Rubik", sans-serif; padding-right: 20px; } .blog-detail-wrapper .post-tag a { display: inline-block; background-color: #ff630e; color: #fff; font-size: 13px; padding: 0px 12px; border-radius: 4px; margin-right: 0; margin-left: 8px; } .blog-detail-wrapper .entry-footer ul { position: absolute; top: 26px; left: 56px; } .blog-detail-wrapper .entry-footer ul li { display: inline-block; margin-right: 10px; } .blog-detail-wrapper .entry-footer ul li a { display: inline-block; background-color: #ff630e; color: #fff; font-size: 13px; padding: 6px 12px; border-radius: 4px; } .blog-detail-wrapper .comment-form input { height: 50px; } .blog-detail-wrapper .comment-respond { margin-top: 60px; } .blog-detail-wrapper .comment-respond h4 { font-size: 24px; font-weight: 700; color: #130f40; } .blog-detail-wrapper .comment-respond p { margin-bottom: 28px; } .blog-detail-wrapper .comment-respond form { font-size: 16px; line-height: 28px; color: #696969; } .member-detail-wrapper .mentor-profile-edit-content { padding: 20px; } .member-detail-wrapper .mentor-profile-edit-content label { color: #0e0a38; font-weight: 500; } .member-detail-wrapper .mentor-profile-edit-content .form-group-custome { border: 1px solid #ccc; padding: 20px; border-radius: 10px; margin-bottom: 20px; } .member-detail-wrapper .mentor-profile-edit-content .form-group-custome h3 { font-weight: 700; font-size: 36px; line-height: 46px; } .member-detail-wrapper .mentor-profile-edit-content .avatar_img { width: 200px; height: 200px; object-fit: cover; } .member-detail-wrapper .mentor-profile-edit-content .id-card-warpper .card-id-custom img { height: 220px; } .withdraw-wrapper .banner__withdraw { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .withdraw-wrapper .banner__withdraw h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .withdraw-wrapper .banner__withdraw p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .withdraw-wrapper .banner__withdraw p a { color: #f5f5f5; transition: all 0.3s; } .withdraw-wrapper .banner__withdraw p a:hover { color: #ff630e; } .withdraw-wrapper .banner__withdraw:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .withdraw-wrapper .section2 { padding-top: 20px; margin-bottom: 20px; } .withdraw-wrapper .section2 .from-withdraw { border-radius: 8px; padding: 20px 20px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .withdraw-wrapper .section2 .from-withdraw h3 { color: #ff630e; line-height: 30px; text-align: center; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 24px; } .withdraw-wrapper .section2 .from-withdraw label { width: 100%; padding-bottom: 10px; color: black; line-height: 30px; font-weight: 500; font-size: 20px; } .withdraw-wrapper .section2 .from-withdraw .money { color: #ff630e; padding-left: 5px; font-weight: 700; font-size: 24px; } .withdraw-wrapper .section2 .from-withdraw .inputWithIcon { position: relative; padding-bottom: 10px; } .withdraw-wrapper .section2 .from-withdraw .inputWithIcon input[type=text] { padding-left: 50px; } .withdraw-wrapper .section2 .from-withdraw .inputWithIcon i { position: absolute; left: 20px; top: 10px; color: #aaa; } .withdraw-wrapper .section2 .from-withdraw input[type=text] { padding-left: 20px; } .withdraw-wrapper .section2 .from-note { margin-top: 70px; border-radius: 8px; padding: 20px 20px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .withdraw-wrapper .section2 .from-note h4 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 24px; } .withdraw-wrapper .section2 .from-note p { color: gray; margin-bottom: 20px; font-size: 16px; } .withdraw-wrapper .section2 .from-note p b { font-weight: 700; } .create-course-wrapper .mentor-add-course .add-course-form { color: #0e0a38; } .create-course-wrapper .mentor-add-course .add-course-form .image-container { position: relative; } .create-course-wrapper .mentor-add-course .add-course-form .image-container #frameImageCourse { max-height: 260px; border-radius: 10px; } .create-course-wrapper .mentor-add-course .add-course-form .image-container .loading { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.7); } .sup-autocom { background-color: #fff; width: 100%; } .sup-autocom.active input { border-radius: 5px 5px 0 0; } .sup-autocom.active .autocom-box { padding: 10px 8px; } .autocom-box { padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .sup-autocom.active .autocom-box li { display: block; } .autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .autocom-box li:hover { background: #efefef; } .tag1-sup-autocom { position: relative; } .tag1-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag1-sup-autocom.active .tag1-autocom-box li { display: block; } .tag1-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag1-autocom-box li:hover { background: #efefef; } .tag2-sup-autocom { position: relative; } .tag2-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag2-sup-autocom.active .tag2-autocom-box li { display: block; } .tag2-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag2-autocom-box li:hover { background: #efefef; } .tag3-sup-autocom { position: relative; } .tag3-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag3-sup-autocom.active .tag3-autocom-box li { display: block; } .tag3-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag3-autocom-box li:hover { background: #efefef; } .tag4-sup-autocom { position: relative; } .tag4-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag4-sup-autocom.active .tag4-autocom-box li { display: block; } .tag4-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag4-autocom-box li:hover { background: #efefef; } .tag5-sup-autocom { position: relative; } .tag5-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag5-sup-autocom.active .tag5-autocom-box li { display: block; } .tag5-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag5-autocom-box li:hover { background: #efefef; } .tag6-sup-autocom { position: relative; } .tag6-autocom-box { position: absolute; top: 42px; background-color: #fff; z-index: 10; padding: 10px 8px; max-height: 280px; overflow-y: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .tag6-sup-autocom.active .tag6-autocom-box li { display: block; } .tag6-autocom-box li { list-style: none; padding: 8px 12px; display: none; width: 100%; cursor: default; border-radius: 3px; } .tag6-autocom-box li:hover { background: #efefef; } .course-route-title-name { font-size: 18px; font-weight: bold; } #titleModule { color: #0d6efd; border: 1px solid #fff; border-radius: 4px; padding: 6px; margin: 6px; margin-top: 22px; font-weight: bold; } #titleModule:focus { outline: none; color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } #contentModule { border: 1px solid #fff; border-radius: 4px; } #contentModule:focus { outline: none; color: #212529; background-color: #fff; border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .createChild { border: none; outline: none; background-color: transparent; } .createChild:hover { color: #ff630e; cursor: pointer; transition: all 0.3s; } .nested { display: none; } .active { display: block; } .closeIT { border: none; outline: none; margin: 10px; font-weight: 450; background-color: transparent; } .closeIT:hover { color: #ff630e; cursor: pointer; transition: all 0.3s; } input { overflow: visible; border: none; } #treeContainerBe ul { list-style: none; border-left: 1px solid black; padding: 0; margin: 0; padding-left: 35px; } #treeContainerBe ul li { position: relative; text-transform: capitalize; } #treeContainerBe ul li:before { content: ""; position: absolute; top: 12px; left: -35px; background: black; height: 1px; width: 32px; } .btn-create-class { color: #fff; background-color: #ff630e; } .btn-create-class:hover { color: #fff; background-color: #ff630e; opacity: 0.8; transition: 0.3s all; } .fa:hover { color: #ff630e; opacity: 0.8; transition: 0.3s all; } .startTime { padding: 5px 0; font-size: 1.5em; font-family: inherit; width: 100px; } .treetable .fa { cursor: pointer; padding-right: 6px; font-size: 20px; margin-top: 4px; } .treetable .fa.fa-remove { font-size: 20px; } .treetable .rowhidden { display: none; } .treetable .j-addChild { display: none; } .treetable .selected .j-addChild { display: block; } .treetable .btn-outline { background-color: transparent; } .treetable .form-control { width: auto; display: inline-block; } .treetable .textalign-center { text-align: center; } .treetable .j-expend { cursor: pointer; width: 40% !important; text-align: left !important; } .treetable .has-error .form-control { color: red; border: 1px solid red; } .treetable .maintitle { width: 35% !important; } .treetable .j-remove { margin-top: 9px; cursor: pointer; font-size: 16px; color: red; } .treetable .class-level-2 .class-level-ul .j-expend { position: relative; left: 22px; margin-right: 38px; } .treetable .class-level-3 .class-level-ul .j-expend { position: relative; left: 44px; } .treetable .class-level-4 .class-level-ul .j-expend { position: relative; left: 66px; } .treetable .class-level-1 { margin-top: 32px; } .treetable .class-level-ul { margin-top: 12px; padding: 0; } .treetable .class-level-ul li { float: left; text-align: center; vertical-align: middle; list-style: none; } .treetable .class-level-ul:after { display: block; clear: both; height: 0; content: " "; } .treetable .tt-header div span { width: auto; line-height: 29px; display: inline-block; min-width: 120px; text-align: center; } .treetable .tt-body { background-color: #FFF; } .treetable .tt-header div { border-bottom: none; background-color: #FFF; } .card1 { margin-bottom: -1px; } .card-header .chevron { float: right; } .card-header a.collapsed .fa-chevron-up { display: none; } .card-header a:not(.collapsed) .fa-chevron-down { display: none; } .card-header a.collapsed .fa-chevron-down { display: block; } .card-header a:not(.collapsed) .fa-chevron-up { display: block; } .card-header .chevron:before { content: "\f078"; font-family: "FontAwesome"; } .card-header a.collapsed .chevron:before { content: "\f054"; } .card-header { font-size: 17px; padding: 20px; margin-top: -1px; } .card-header i { margin-right: 10px; } .card2 { margin-bottom: -1px; } .card-header .chevron { float: right; } .card-header a.collapsed .fa-chevron-up { display: none; } .card-header a:not(.collapsed) .fa-chevron-down { display: none; } .card-header a.collapsed .fa-chevron-down { display: block; } .card-header a:not(.collapsed) .fa-chevron-up { display: block; } .card-header .chevron:before { content: "\f078"; font-family: "FontAwesome"; } .card-header a.collapsed .chevron:before { content: "\f054"; } .card-header { font-size: 17px; padding: 20px; margin-top: -1px; } .card-header i { margin-right: 10px; } .card3 { margin-bottom: -1px; } .card-header .chevron { float: right; } .card-header a.collapsed .fa-chevron-up { display: none; } .card-header a:not(.collapsed) .fa-chevron-down { display: none; } .card-header a.collapsed .fa-chevron-down { display: block; } .card-header a:not(.collapsed) .fa-chevron-up { display: block; } .card-header .chevron:before { content: "\f078"; font-family: "FontAwesome"; } .card-header a.collapsed .chevron:before { content: "\f054"; } .card-header { font-size: 17px; padding: 20px; margin-top: -1px; } .card-header i { margin-right: 10px; } .buy-course-wrapper .banner__buy-course { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .buy-course-wrapper .banner__buy-course h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .buy-course-wrapper .banner__buy-course p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .buy-course-wrapper .banner__buy-course p a { color: #f5f5f5; transition: all 0.3s; } .buy-course-wrapper .banner__buy-course p a:hover { color: #ff630e; } .buy-course-wrapper .banner__buy-course:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .buy-course-wrapper .section2 { padding-top: 50px; margin-bottom: 20px; } .buy-course-wrapper .section2 .box-infor h3 { color: #ff630e; font-size: 24px; font-weight: 500; text-align: center; } .buy-course-wrapper .section2 .box-infor p { font-size: 16px; font-weight: 500px; color: #ff630e; padding-bottom: 10px; } .wallet-history-wrapper .banner__wallet-history { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .wallet-history-wrapper .banner__wallet-history h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .wallet-history-wrapper .banner__wallet-history p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .wallet-history-wrapper .banner__wallet-history p a { color: #f5f5f5; transition: all 0.3s; } .wallet-history-wrapper .banner__wallet-history p a:hover { color: #ff630e; } .wallet-history-wrapper .banner__wallet-history:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .wallet-history-wrapper .employee__img { margin-top: 130px; width: 100%; padding: 30px; } .wallet-history-wrapper .employee__img .employ__box { width: 100%; border-radius: 15px; } .wallet-history-wrapper .employee__img .employ__box img { width: 100%; border-radius: 25px; } .wallet-history-wrapper .employee__img:nth-child(2) { margin-top: -70px; } .wallet-history-wrapper .sec-heading__about { width: 80%; margin: auto; text-align: center; margin-top: 10px; } .wallet-history-wrapper .sec-heading__about h5 { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: #ff630e; letter-spacing: 1px; } .wallet-history-wrapper .sec-heading__about h2 { font-size: 45px; line-height: 55px; font-weight: 700; } .wallet-history-wrapper .sec-heading__about p { color: grey; margin: 20px 0 40px; letter-spacing: 1px; line-height: 25px; } .wallet-history-wrapper .wallet-history-option { padding-top: 100px; } .wallet-history-wrapper .title-wallet-member h3 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 32px; } .wallet-history-wrapper .search-form { position: relative; } .wallet-history-wrapper .search-form input { width: 100%; height: 35px; border: 0; background-color: #f1f1f1; padding-left: 20px; border-radius: 5px; } .wallet-history-wrapper .search-form button { position: absolute; right: 20px; top: 20px; height: 35px; width: 60px; border: 0; background-color: #ff630e; font-size: 20px; padding: 0 20px; border-radius: 0 5px 5px 0; color: #fff; } .wallet-history-wrapper .search-form button:hover { background-color: #130f40; } .wallet-history-wrapper .widget { padding: 20px 20px 20px; margin-bottom: 20px; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .wallet-history-wrapper .widget h4 { color: #130f40; padding-bottom: 15px; font-weight: 700; font-size: 24px; } .wallet-history-wrapper .search-date { margin-right: 10px; } .wallet-history-wrapper .btn { background-color: #ff630e; color: white; } .wallet-history-wrapper .wallet-history-area { padding: 10px 0; } .wallet-history-wrapper .table { padding: 30px 40px 40px; margin-bottom: 30px; border-radius: 10px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .wallet-history-wrapper .blog-pagination li { display: inline-block; } .wallet-history-wrapper .blog-pagination li a, .wallet-history-wrapper .blog-pagination li span { width: 55px; height: 55px; background-color: #f7f7f7; display: block; border: 1px solid #e6f0fa; border-radius: 50%; font-weight: 500; line-height: 55px; font-size: 16px; margin: 0 5px; } .wallet-history-wrapper .blog-pagination li i { font-size: 20px; } .wallet-history-wrapper .blog-pagination li a:hover, .wallet-history-wrapper .blog-pagination li span { border-color: #ff630e; background-color: #ff630e; color: #fff; } .feedback-wrapper .banner__feedback { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .feedback-wrapper .banner__feedback h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .feedback-wrapper .banner__feedback p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .feedback-wrapper .banner__feedback p a { color: #f5f5f5; transition: all 0.3s; } .feedback-wrapper .banner__feedback p a:hover { color: #ff630e; } .feedback-wrapper .banner__feedback:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .feedback-wrapper .section-feedback { padding-top: 20px; padding-bottom: 20px; } .feedback-wrapper .section-feedback .from-feedback { border-radius: 8px; padding: 20px 20px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .feedback-wrapper .section-feedback .from-feedback .box-title { color: #ff630e; line-height: 30px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 24px; text-align: center; } .feedback-wrapper .section-feedback .from-feedback .box-content { color: gray; line-height: 30px; font-weight: 400; margin-bottom: 20px; font-size: 16px; } .feedback-wrapper .section-feedback .from-feedback .from-content { border-radius: 8px; padding: 20px 20px; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .feedback-wrapper .section-feedback .from-feedback .from-content label { color: black; line-height: 15px; font-weight: 400; margin-bottom: 10px; font-size: 16px; } .feedback-wrapper .section-feedback .from-feedback .from-content select { border-radius: 8px; width: 100%; margin-bottom: 10px; color: gray; font-size: 16px; } .feedback-wrapper .section-feedback .from-feedback .from-content .radio-input { margin-top: 10px; margin-left: 20px; margin-bottom: 10px; } .feedback-wrapper .section-feedback .from-feedback .from-content .chat-input { width: 100%; height: 100px; text-align: center; border-radius: 8px; border: 0px solid darkgrey; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .feedback-wrapper .section-feedback .from-feedback .btn-showmore { padding-top: 20px; text-align: center; } .feedback-wrapper .section-feedback .from-feedback .btn-showmore button { color: white; font-weight: 500; font-size: 16px; height: 30px; width: 80px; background-color: #ff630e; border: 0px; border-radius: 8px; } .lms-wrapper .banner__lms { background-image: url(../images/banner-2.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 110px 0 100px; position: relative; z-index: -2; } .lms-wrapper .banner__lms h2 { color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 45px; } .lms-wrapper .banner__lms p { font-size: 16px; line-height: 26px; color: #f5f5f5; } .lms-wrapper .banner__lms p a { color: #f5f5f5; transition: all 0.3s; } .lms-wrapper .banner__lms p a:hover { color: #ff630e; } .lms-wrapper .banner__lms:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(5, 1, 51, 0.7); } .lms-wrapper .section3 { padding-top: 50px; text-align: center; } .lms-wrapper .section3 h3 { color: #0e0a38; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 45px; } .lms-wrapper .section3 .employ__box { width: 90%; padding-left: 10%; border-radius: 15px; } .lms-wrapper .section3 .employ__box img { width: 100%; border-radius: 25px; } .lms-wrapper .section3:nth-child(2) { margin-top: -70px; } .lms-wrapper .section3 p { padding-top: 20px; font-size: 20px; color: #0e0a38; text-align: justify; line-height: 30px; font-weight: 400; margin-bottom: 20px; } .lms-wrapper .section4 .func { padding-top: 10px; padding-bottom: 20px; text-align: center; } .lms-wrapper .section4 .func h3 { color: #0e0a38; line-height: 50px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 49px; } .lms-wrapper .section4 .func h4 { padding-top: 20px; color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; font-size: 36px; } .lms-wrapper .section4 .box-bStudent { margin-bottom: 20px; padding: 20px 20px; border-radius: 8px; text-align: center; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .lms-wrapper .section4 .box-bStudent h3 { padding-top: 20px; font-size: 22px; color: #ff630e; line-height: 30px; font-weight: 500; } .lms-wrapper .section4 .box-bStudent .employ__box { width: 100%; border-radius: 15px; } .lms-wrapper .section4 .box-bStudent .employ__box img { width: 100%; border-radius: 25px; } .lms-wrapper .section4 .box-bStudent:nth-child(2) { margin-top: -70px; } .lms-wrapper .section4 .box-bStudent p { height: 100%; padding-top: 20px; font-size: 20px; color: #0e0a38; text-align: justify; line-height: 30px; font-weight: 400; } .lms-wrapper .section5 { margin-bottom: 50px; } .lms-wrapper .section5 .func { padding-top: 50px; padding-bottom: 20px; text-align: center; } .lms-wrapper .section5 .func h3 { color: #0e0a38; line-height: 50px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; text-transform: uppercase; font-size: 45px; } .lms-wrapper .section5 .func h4 { padding-top: 20px; color: #ff630e; line-height: 30px; letter-spacing: 2px; font-weight: 700; margin-bottom: 20px; font-size: 36px; } .lms-wrapper .section5 .box-bStudent { margin-bottom: 20px; padding: 20px 20px; border-radius: 8px; text-align: center; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); box-shadow: 0 0 15px rgba(51, 51, 51, 0.1); } .lms-wrapper .section5 .box-bStudent h3 { padding-top: 20px; font-size: 22px; color: #ff630e; line-height: 30px; font-weight: 500; } .lms-wrapper .section5 .box-bStudent .employ__box { width: 100%; border-radius: 15px; } .lms-wrapper .section5 .box-bStudent .employ__box img { width: 100%; border-radius: 25px; } .lms-wrapper .section5 .box-bStudent:nth-child(2) { margin-top: -70px; } .lms-wrapper .section5 .box-bStudent p { padding-top: 20px; font-size: 20px; color: #0e0a38; text-align: justify; line-height: 30px; font-weight: 400; } .footer { background-color: #0e0a38; padding: 90px 0 50px; color: #fff; } .footer .title-address { font-size: 18px; line-height: 23px; font-weight: 700; color: #999; word-break: break-word; margin-bottom: 20px; } .footer .hotline { font-size: 15px; line-height: 21px; color: #999; word-break: break-word; } .footer .address { font-size: 15px; line-height: 21px; color: #999; word-break: break-word; } .footer .quaters { font-size: 18px; line-height: 22px; font-weight: 700; color: #fff; word-break: break-word; margin-bottom: 12px; } .footer h6 { color: #fff; font-size: 16px; line-height: 26px; font-weight: 700; margin-top: 25px; margin-bottom: 10px; } .footer-logo { padding-right: 40px; } .site-logo-footer { color: #fff; } .footer-about-description { color: #fff; font-weight: 400; margin-top: 10px; line-height: 1.42857143; font-size: 14px; text-align: justify; } .footer-social-icons li { display: inline-block; padding-right: 15px; } .footer-social-icons li a { color: #fff; } .footer-menu h4 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #fff; font-weight: 700; } .footer-menu ul li { padding-bottom: 15px; } .footer-menu ul li a { display: block; color: #fff; font-weight: 400; } .footer-contact h4 { font-size: 20px; line-height: 30px; margin-bottom: 20px; color: #fff; font-weight: 700; } .footer-contact ul { list-style-type: none; } .footer-contact li { color: #fff; position: relative; list-style-type: none; font-size: 15px; line-height: 25px; display: flex; padding-bottom: 20px; } .footer-contact li i { font-size: 20px; color: #ff630e; padding-right: 40px; } .footer-contact li i.fa.fa-map-marker { font-size: 30px; color: #ff630e; padding-right: 40px; } .login-form-container { padding: 60px 55px; position: fixed; top: -100%; z-index: 3; width: 100%; transition: all 0.5s ease-out 0s; height: 100vh; } .login-form-container .login-form-content { border-radius: 10px; position: relative; background: #fff; max-width: 500px; width: 500px; padding: 50px; box-shadow: 0 0 30px rgba(51, 51, 51, 0.1); } .login-form-container .login-form-content .close-login-form { display: inline-block; position: absolute; font-size: 40px; right: 20px; top: 10px; cursor: pointer; } .login-form-container .login-form-content h3 { font-size: 24px; line-height: 34px; color: #0e0a38; font-weight: 700; } .login-form-container .login-form-content label { color: #999; } .login-form-container .login-form-content .forgot-pass .custom-link { color: #999 !important; } .login-form-container:before { content: ""; top: 0; right: 0; left: 0; position: absolute; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 1200px) { .container { max-width: 1320px !important; } } /* Laptop */ @media only screen and (min-width: 992px) and (max-width: 1200px) { .sidebar-wrap { display: none; } } @media only screen and (min-width: 992px) and (max-width: 1024px) { .courses-wrapper .course-content-container .courses-list-content .main-courses-list .card-course-custom .card-title { min-height: 60px; } .home-wrapper .courses-section .owl-carousel .owl-nav .owl-prev { left: 10px !important; } .home-wrapper .courses-section .owl-carousel .owl-nav .owl-next { right: 10px !important; } .home-wrapper .testimonial-content .owl-carousel .owl-nav .owl-prev { left: 10px; } .home-wrapper .testimonial-content .owl-carousel .owl-nav .owl-next { right: 10px; } .home-wrapper .our .owl-carousel .owl-nav .owl-prev { left: 10px; } .home-wrapper .our .owl-carousel .owl-nav .owl-next { right: 10px; } .aboutus-wrapper .owl-carousel .owl-nav .owl-prev { left: -1%; } .aboutus-wrapper .owl-carousel .owl-nav .owl-next { right: -1%; } } /* Tablet */ @media only screen and (min-width: 768px) and (max-width: 991px) { .col-sm-12 { flex: 0 0 auto; width: 100%; } .header-top { display: none; } .header-bottom { display: none; } .header-mobile { background: #fff; } .header-mobile-content { display: flex; justify-content: space-between; padding: 16px; } .header-mobile-content .header-mobile-logo { font-size: 30px; font-weight: 700; } .header-mobile-content .header-mobile-menu-hambuger { font-size: 25px; display: flex; justify-content: center; align-items: center; } /* ------------------------ */ .sidebar-wrap { display: block; position: fixed; z-index: 2; right: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease-out 0s; width: 100%; height: 100%; right: -100%; } .sidebar-wrap .sidebar-content { padding: 20px; width: 290px; background-color: #fff; height: 100%; position: absolute; right: 0; overflow-y: scroll; } .sidebar-wrap .sidebar-content .sidebar-top { display: flex; align-items: center; justify-content: space-between; } .sidebar-wrap .sidebar-content .sidebar-top .sidebar-logo { font-weight: 700; color: #0e0a38; font-size: 30px; line-height: 1.42857143; } .sidebar-wrap .sidebar-content .sidebar-top .sidebar-logo i { font-size: 30px !important; } .sidebar-wrap .sidebar-content .sidebar-center { padding-top: 20px; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li { padding: 12px 0; border-top: 1px solid #f5f5f5; position: relative; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li a:first-child { font-size: 16px; font-weight: 600; color: #0e0a38; text-decoration: none; text-transform: uppercase; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .sub-menu { display: none; width: 90%; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .mean-expand { position: absolute; right: 0; top: 0; padding: 12px; font-size: 16px; color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .mean-non-expand { display: none; position: absolute; right: 0; top: 0; padding: 12px; font-size: 16px; color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li:last-child { border-bottom: none; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li:first-child { border-top: none; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course { margin: 20px 0 25px; position: relative; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course input { padding: 10px 30px 10px 10px; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course span { position: absolute; right: 10px; top: 15px; } .sidebar-wrap .sidebar-content .sidebar-bottom .contact-info i { margin-right: 10px; color: #ff630e; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list { margin: 20px 0; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list li { margin-right: 10px; display: inline-block; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list li a { color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-bottom .sidebar-controls li { display: inline-block; margin-right: 5px; } .sidebar-wrap .sidebar-content .sidebar-bottom .sidebar-controls li a { color: #0e0a38; color: 16px; } .swiper-slide button { font-size: 12px; padding: 3px !important; } .banner { padding: 0; } .banner .caption-content { padding: 100px 0px; } .banner .caption-content h4 { font-size: 18px; line-height: 28px; } .banner .caption-content h2 { font-size: 40px; line-height: 50px; } .banner .caption-content p { padding: 0; } .banner .caption-content .banner-control { flex-direction: column; } .banner .caption-content .banner-control .btn-primary-custom { padding: 14px 20px; font-size: 14px; margin-bottom: 10px; width: 50%; } .banner .caption-content .banner-control .btn-outline-secondary-custom { padding: 15px 25px; font-size: 14px; margin: 0 !important; width: 50%; } /* ------------------------ */ /* About us */ .aboutus { padding: 100px 0; } .aboutus .about-description { font-size: 18px; line-height: 26px; } .aboutus .btn-primary-custom { padding: 14px 20px; font-size: 14px; margin-bottom: 20px; } .aboutus .btn-outline-secondary-custom { padding: 14px 20px; font-size: 14px; margin-bottom: 20px; } /* ------------------------ */ .learning-path .left-section { clip-path: none; margin-bottom: 10px; } .learning-path .left-section h2 { font-size: 25px; } .learning-path .left-section p { font-size: 20px; } .learning-path .right-section { clip-path: none; margin-bottom: 10px; } .learning-path .right-section h2 { font-size: 25px; } .learning-path .right-section p { font-size: 20px; } /* ------------------------ */ /* Course section */ .courses-section .courses-content .item { display: flex; justify-content: center; } .courses-section .courses-content .item .btn-invite-course { width: 100%; } /* ------------------------ */ /* Testimonial-content */ .testimonial-content .item { display: flex; justify-content: center; } .testimonial-content .item .card-custom { width: 100% !important; } /* ------------------------ */ .register-wrapper .registration-form-wrap { width: 100% !important; } .register-wrapper .registration-area .tab-register { width: 100%; } /* ------------------------ */ .courses-wrapper .courses-list-content .header-courses-list { display: flex; flex-direction: column; align-items: flex-start !important; } .courses-wrapper .courses-list-content .header-courses-list select { margin-top: 10px; } /* ------------------------ */ .course-detail-wrapper .row-reverse-custom { flex-direction: column-reverse; } .course-detail-wrapper .course-single-content .course-single-meta { flex-direction: column; align-items: flex-start !important; } .course-detail-wrapper .course-single-content .course-single-meta div { margin-bottom: 5px; } .course-detail-wrapper .course-single-content .review-content-inner { padding: 40px 30px 30px 30px !important; } .course-detail-wrapper .course-single-content .review-content-inner .review-ratings { width: 100% !important; margin: 0 0 10px 0 !important; text-align: center; float: none !important; } .course-detail-wrapper .course-single-content .review-content-inner .rating-bar { width: 100% !important; } .course-detail-wrapper .course-sidebar { margin-top: 20px !important; } /* ------------------------ */ .member-detail-wrapper .mentor-profile-edit-content .avatar .btn-clear { font-size: 15px; padding: 3px !important; } .member-detail-wrapper .mentor-profile-edit-content .id-card-warpper .card-id-custom img { height: 300px; } } /* Mobile */ @media only screen and (max-width: 767px) { /* Global */ * { transition: all 2s; } .d-xs-none { display: none; } .wrapper { width: 100vw; overflow: hidden; } .section-heading { font-size: 40px; line-height: 50px; margin-bottom: 25px; } .login-form-container { display: none; } .swiper-slide button { font-size: 12px; padding: 2px; } .swiper-slide img { height: 50%; } .swiper-slide .group-title { margin-top: 20px; justify-content: space-between; } .swiper-slide .group-title > div { margin-bottom: 18px; } /* ------------------------ */ /* Header */ .header-top { display: none; } .header-bottom { display: none; } .header-mobile { background: #fff; } .header-mobile-content { display: flex; justify-content: space-between; padding: 16px; } .header-mobile-content .header-mobile-logo { font-size: 30px; font-weight: 700; } .header-mobile-content .header-mobile-menu-hambuger { font-size: 25px; display: flex; justify-content: center; align-items: center; } /* ------------------------ */ /* Sidebar mobile */ .sidebar-wrap { display: block; position: fixed; z-index: 2; right: 0; background-color: rgba(0, 0, 0, 0.5); transition: all 0.5s ease-out 0s; width: 100%; height: 100%; right: -100%; } .sidebar-wrap .sidebar-content { padding: 20px; width: 290px; background-color: #fff; height: 100%; position: absolute; right: 0; overflow-y: scroll; } .sidebar-wrap .sidebar-content .sidebar-top { display: flex; align-items: center; justify-content: space-between; } .sidebar-wrap .sidebar-content .sidebar-top .sidebar-logo { font-weight: 700; color: #0e0a38; font-size: 30px; line-height: 1.42857143; } .sidebar-wrap .sidebar-content .sidebar-top .sidebar-logo i { font-size: 30px !important; } .sidebar-wrap .sidebar-content .sidebar-center { padding-top: 20px; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li { padding: 12px 0; border-top: 1px solid #f5f5f5; position: relative; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li a:first-child { font-size: 16px; font-weight: 600; color: #0e0a38; text-decoration: none; text-transform: uppercase; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .sub-menu { display: none; width: 90%; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .mean-expand { position: absolute; right: 0; top: 0; padding: 12px; font-size: 16px; color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li .mean-non-expand { display: none; position: absolute; right: 0; top: 0; padding: 12px; font-size: 20px; color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li:last-child { border-bottom: none; } .sidebar-wrap .sidebar-content .sidebar-center .sidebar-mean-nav li:first-child { border-top: none; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course { margin: 20px 0 25px; position: relative; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course input { padding: 10px 30px 10px 10px; } .sidebar-wrap .sidebar-content .sidebar-bottom .search-course span { position: absolute; right: 10px; top: 15px; } .sidebar-wrap .sidebar-content .sidebar-bottom .contact-info i { margin-right: 10px; color: #ff630e; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list { margin: 20px 0; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list li { margin-right: 10px; display: inline-block; } .sidebar-wrap .sidebar-content .sidebar-bottom .social-list li a { color: #0e0a38; } .sidebar-wrap .sidebar-content .sidebar-bottom .sidebar-controls li { display: inline-block; margin-right: 5px; } .sidebar-wrap .sidebar-content .sidebar-bottom .sidebar-controls li a { color: #0e0a38; color: 16px; } /* ------------------------ */ .home-wrapper { /* Banner */ /* ------------------------ */ /* About us */ /* ------------------------ */ /* Advantages */ /* ------------------------ */ /* Learning path */ /* ------------------------ */ /* Course section */ /* ------------------------ */ /* Testimonial-content */ /* ------------------------ */ /* Advantages-2 */ /* ------------------------ */ /* Contacts section */ /* ------------------------ */ } .home-wrapper .banner { padding: 0; } .home-wrapper .banner .caption-content { padding: 100px 0px; } .home-wrapper .banner .caption-content h4 { font-size: 18px; line-height: 28px; } .home-wrapper .banner .caption-content h2 { font-size: 40px; line-height: 50px; } .home-wrapper .banner .caption-content p { padding: 0; } .home-wrapper .banner .caption-content .btn-primary-custom { padding: 14px 20px; font-size: 14px; } .home-wrapper .banner .caption-content .btn-outline-secondary-custom { padding: 14px 20px; font-size: 14px; } .home-wrapper .aboutus { padding: 100px 0; } .home-wrapper .aboutus .about-description { font-size: 18px; line-height: 26px; } .home-wrapper .aboutus .btn-primary-custom { padding: 14px 20px; font-size: 14px; margin-bottom: 20px; } .home-wrapper .aboutus .btn-outline-secondary-custom { padding: 14px 20px; font-size: 14px; margin-bottom: 20px; } .home-wrapper .advantages { padding-bottom: 80px; } .home-wrapper .advantages .section-heading { text-align: center !important; } .home-wrapper .learning-path .left-section { clip-path: none; margin-bottom: 10px; } .home-wrapper .learning-path .right-section { clip-path: none; margin-bottom: 10px; } .home-wrapper .courses-section .courses-content .item { display: flex; justify-content: center; } .home-wrapper .courses-section .courses-content .item .btn-invite-course { width: 100%; } .home-wrapper .testimonial-content .item { display: flex; justify-content: center; } .home-wrapper .testimonial-content .item .card-custom { width: 100% !important; } .home-wrapper .advantages-2 .btn-outline-secondary-custom { padding: 14px 20px; font-size: 14px; } .home-wrapper .advantages-2 .btn-primary-custom { padding: 14px 10px; font-size: 14px; } .home-wrapper .contacts-section .form-contact-container { margin-top: 15px; } /* ------------------------ */ .aboutus-wrapper .banner__aboutus .caption-content h2 { font-size: 25px; } .aboutus-wrapper .employee__img { margin-top: 30px; width: 100%; gap: 30px 0; padding: 70px; } .aboutus-wrapper .employee__img .employ__box:not(:first-child) { display: none !important; } .aboutus-wrapper .sec-heading__about h5 { margin-bottom: 10px; } .aboutus-wrapper .sec-heading__about h2 { font-size: 20px; line-height: 25px; } .aboutus-wrapper .counter { width: 100%; margin: auto; display: initial; grid-template-columns: none !important; text-align: center; } .aboutus-wrapper .counter .counter-single { margin: 15px; } .aboutus-wrapper .counter .counter-single h2 { font-size: 28px; font-weight: bold; } .aboutus-wrapper .why-choose-area { width: 100%; background-color: #f7f7f7; margin-top: 50px; } .aboutus-wrapper .why-choose-area h2 { font-size: 20px; line-height: 25px; } .aboutus-wrapper .why-choose-area .choose { display: initial !important; grid-template-columns: none !important; width: 100%; margin-top: 30px; text-align: center; } .aboutus-wrapper .why-choose-area .choose .choose-single { margin-bottom: 20px; } .aboutus-wrapper .our_employ { display: grid; width: 100%; grid-template-columns: repeat(1, 1fr); gap: 10px 36px; } /* ------------------------ */ .register-wrapper .registration-form-wrap { width: 100% !important; border-top-left-radius: 0; border-top-right-radius: 0; } .register-wrapper .registration-form-mentor-wrap { width: 100% !important; border-top-left-radius: 0; border-top-right-radius: 0; } .register-wrapper .registration-area .tab-register { width: 100%; } .courses-wrapper .course-sidebar .tag_r { margin-bottom: 20px !important; } .courses-wrapper .course-sidebar .tag_r h3 { margin-bottom: 0 !important; } .courses-wrapper .courses-list-content .header-courses-list { display: flex; flex-direction: column; align-items: flex-start !important; } .courses-wrapper .courses-list-content .header-courses-list select { margin-top: 10px; } .course-detail-wrapper .row-reverse-custom { flex-direction: column-reverse; } .course-detail-wrapper .course-single-content .course-single-meta { flex-direction: column; align-items: flex-start !important; } .course-detail-wrapper .course-single-content .course-single-meta div { margin-bottom: 5px; } .course-detail-wrapper .course-single-content .review-content-inner { padding: 40px 30px 30px 30px !important; } .course-detail-wrapper .course-single-content .review-content-inner .review-ratings { width: 100% !important; margin: 0 0 10px 0 !important; text-align: center; float: none !important; } .course-detail-wrapper .course-single-content .review-content-inner .rating-bar { width: 100% !important; } .course-detail-wrapper .course-sidebar { margin-top: 20px !important; } /* ------------------------ */ .blog-wrapper .blog-posts .blog-posts-meta ul li { margin-bottom: 10px; } .blog-wrapper .blog-posts h3 a { font-size: 25px !important; } .blog-wrapper .blog-posts .entry-content p { text-align: justify; } /* ------------------------ */ .member-detail-wrapper .content-info-mentor .table-wallet-container { overflow-x: scroll; } .member-detail-wrapper .content-info-mentor .table-wallet-container .table-wallet { width: 500px !important; } .member-detail-wrapper .content-info-mentor .courses h3 { font-size: 25px; } /* ------------------------ */ .member-detail-wrapper .mentor-profile-edit-content .avatar .btn-clear { font-size: 15px; padding: 3px; } /* Footer */ /* ------------------------ */ } /* ---------------- *//*# sourceMappingURL=styles.css.map */