@font-face { font-family: 'DroidArabicKufiBold'; src: url('../fonts/DroidArabicKufiBold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'DroidArabicKufiRegular'; src: url('../fonts/DroidArabicKufiRegular.ttf') format('truetype'); font-weight: normal; font-style: normal; } body {padding: 0; margin: 0; direction: rtl; font-family: 'DroidArabicKufiRegular'; text-align: right; color: #ffffff; background: #1d1d1d;} .navbar-brand {margin-right: 0rem; margin-left: 1rem;} .navbar-brand img {height: 60px;} .navbar-light {background: #1d1d1d; padding: 0 6rem; border-bottom: 0;} .navbar-nav {padding: 0;} .navbar-light .navbar-nav .nav-link {font-family: 'DroidArabicKufiRegular'; font-weight: 100; font-size: 13px; color: #d2d2d2;} .navbar-light .navbar-nav .m-dropdown-menu .nav-link {color: #1d1d1d !important;} .navbar-light .navbar-nav .nav-item .btn {color: white;} .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {color: white;} img {max-width: 100%;} .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link, .nav-tabs.nav-tabs-line a.nav-link {border-bottom: 1px solid #767676; color: #767676;} .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link:hover, .nav-tabs.nav-tabs-line.nav-tabs-line-brand a.nav-link.active { color: white; border-bottom: 1px solid #767676; } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,"); } .navbar-light .navbar-toggler { color: rgba(255, 255, 255, 1); border-color: rgba(255, 255, 255, 1); background: #df0000; } #home_sliders {width:100%; position: relative; top: 0; left: 0;} #home_sliders img {width: 100%;} #home_sliders .slick-slider {width: 100%;} #home_sliders .slick-list {direction: ltr;} #home_sliders .slick-slider img {width: 100%;} #home_sliders .slick-slide * {line-height: 0;} .slick-slide {transition: all ease-in-out .3s; opacity: .2;} .slick-active {opacity: .5;} .slick-current {opacity: 1;} #home_sliders .slider_text {color: #143242;} #home_sliders .slider_text * {line-height: 2; text-shadow: 1px 1px 40px rgba(22,23,31,.4)!important; font-weight: 600;} #home_blocks {background: #363535; padding: 15px 0; color: white; z-index: 5;} #home_blocks i {float: right; font-size: 35px; margin-left: 15px;} #home_blocks h3 {font-weight: bold; font-size: 1.5rem;} #home_blocks p {margin-bottom: 0;} #home_courses {background: #1d1d1d; padding: 50px 0;} #home_courses #about_courses {color: white; background: #282828; width: 100%; border-radius: 5px; padding: 15px; height: 100%; flex: 1 0 auto; flex-direction: column; justify-content: center; display: flex;} .nav-tabs {padding: 0;} .nav-tabs.nav-tabs-line .nav-item {margin-left: 15px; margin-right: 0;} .nav-tabs.nav-tabs-line .nav-item a {font-weight: bold;} .tab-content .row {height: 100%;} .tab-content .card {margin:0 10px; height: 350px; border: solid 2px #cacaca; border-radius: 0;} .tab-content .card img {width: 100%; height: 175px;} .tab-content .card .card-title a {font-weight: bold; color: black; font-size: 15px;} .tab-content .card .card-text, .tab-content .card .price p {color: black;} .carousel-control-next-icon {box-shadow: #333030 3px 4px 8px 0px;} .carousel-control-prev-icon {box-shadow: #333030 -3px 4px 8px 0px;} .owl-carousel {direction: ltr;} .owl-carousel .card {direction: rtl;} .owl-carousel .owl-pagination {display: none;} .owl-theme .owl-controls {margin: 0; top: 40%; position: absolute; left: 0; right: 0;} .owl-theme .owl-controls .owl-buttons .owl-prev, .owl-theme .owl-controls .owl-buttons .owl-next {padding: 0; background: white; width: 50px; height: 50px; border-radius: 50%;} .owl-theme .owl-controls .owl-buttons .owl-prev {right: 0; position: absolute; box-shadow: 1px 1px 1px 1px #df0000; opacity: 0.9;} .owl-theme .owl-controls .owl-buttons .owl-prev:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f054'; color: #df0000; font-size: 25px; line-height: 50px;} .owl-theme .owl-controls .owl-buttons .owl-next {left: 0; position: absolute; box-shadow: -1px 1px 1px 1px #df0000; opacity: 0.9;} .owl-theme .owl-controls .owl-buttons .owl-next:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; content: '\f053'; color: #df0000; font-size: 25px; line-height: 50px;} #why_choose_us {background: #1d1d1d; color: white} #our_books, #why_choose_us, #book_comments {padding: 30px 0;} .gray-bg {background: #1d1d1d;} #course_lectures {background: #727070;} #our_books .section_title, #why_choose_us .section_title {text-align: center;} #our_books .section_title span, #why_choose_us .section_title span, #book_comments .section_title span {font-weight: bold; color: #dddddd;} #our_books .our_books_box {margin-top: 50px; position: relative;} #our_books .our_books_box .card-body {position: absolute; bottom:0; text-align: right; width: 100%; background: rgba(0, 0, 0, 0.5); padding: 5px;} #our_books .our_books_box .card-body a {font-weight: 600; color: white;} #our_books .our_books_box .card-body .price {color: white; font-weight: bold; font-size: 15px;} #our_books .our_books_box .card-body .price span {float: left; text-decoration: line-through; color: #ec1b24;} #our_books .our_books_box .card img {width:100%; height:350px; -ms-transition: .4s; -o-transition: .4s; -moz-transition: .4s; -webkit-transition: .4s; transition: .4s;} #our_books .our_books_box .card .book_back_image {display: none;} #our_books .our_books_box .card:hover .book_back_image {display: block;} #our_books .our_books_box .card:hover .book_front_image {display: none;} #our_books .our_books_box .col-12 {margin-bottom: 15px;} #our_books #books_page .our_books_box .col-12 {margin-bottom: 30px;} #our_books.ptb0 {padding: 0;} #footer {background: #191919;} #footer_pages ul {float: right; width: 100%; margin-top: 10px; margin-bottom: 10px;} #footer_pages li {float: right; margin-left: 10px; list-style: none;} #footer_pages li a {color: #c8c8c8; padding-left: 10px; float: right; width: 100%;} #footer_pages li a:hover {text-decoration: underline !important;} #footer_pages li p {margin-bottom: 0; font-weight: bold; font-family: sans-serif;} #footer_contact_info p {color: white;} #footer_contact_info p i {margin-left: 5px; color: #ffffff;} #footer_contact_info p a {color: white;} #footer_contact_info .social {padding: 0; list-style: none; float: right; width: 100%; margin-top: 10px; margin-bottom: 10px;} #footer_contact_info .social li {float: right; margin-left: 5px;} #footer_contact_info .social li a {color:#c8c8c8; padding: 5px 10px; border-radius: 5px; float: right; width: 100%;} #footer_books ul {padding: 0;} #footer_books li {margin-bottom: 15px; list-style: none;} #footer_books li i {color: #ffffff;} #footer_books li a {color: white; font-weight: bold;} #footer_courses ul {padding: 0;} #footer_courses li {margin-bottom: 15px; list-style: none;} #footer_courses li i {color: #ffffff;} #footer_courses li a {color: white; font-weight: bold;} #about_footer p {color: white; line-height: 1.5;} #page_section {background: #363535; padding: 15px 0; color: white; margin-bottom: 0px;} #about_page h2 {font-weight: bold; margin-bottom: 20px;} #about_page .dir-ltr {direction: ltr;} #about_page .row {margin-bottom: 20px; border-bottom: solid 1px #222222;} #about_page .row:last-child {border: 0;} #map {margin-top: 30px;} #map iframe {width: 100%; height: 350px;} #contact_page .social {padding: 0; list-style: none; margin-top: 20px; float: right; width: 100%;} #contact_page .social li {float: right; margin-left: 5px; width: 40px; height: 40px;} #contact_page .social li a {border: solid 2px white; color: white; padding: 5px 10px; border-radius: 50%; width: 40px; height: 40px; float: right; line-height: 28px; text-align: center; font-size: 16px;} #contact_page .social li a:hover {background: #282a3c;} #contact_page .social li a.facebook {background: #3b5998;} #contact_page .social li a.facebook:hover {border-color: #3b5998; color: #3b5998; background: white;} #contact_page .social li a.twitter {background: #1da1f2;} #contact_page .social li a.twitter:hover {border-color: #1da1f2; color: #1da1f2; background: white;} #contact_page .social li a.youtube {background: #ff0000;} #contact_page .social li a.youtube:hover {border-color: #ff0000; color: #ff0000; background: white;} #contact_page .social li a.instagram {background: #7232bd;} #contact_page .social li a.instagram:hover {border-color: #7232bd; color: #7232bd; background: white;} #contact_page .social li a.linkedin {background: #007bb5;} #contact_page .social li a.linkedin:hover {border-color: #007bb5; color: #007bb5; background: white;} #contact_page .social li a.pinterest {background: #bd081c;} #contact_page .social li a.pinterest:hover {border-color: #bd081c; color: #bd081c; background: white;} #contact_page .social li a.google-plus {background: #db4437;} #contact_page .social li a.google-plus:hover {border-color: #db4437; color: #db4437; background: white;} #contact_page .social li a.rss {background: #ff4500;} #contact_page .social li a.rss:hover {border-color: #ff4500; color: #ff4500; background: white;} #contact_page .contact-box a {color: white;} #contact_page .contact-box {border-left: whitesmoke 2px solid; float: right; width: 100%; height: 100%;} #contact_page h2 {font-weight: bold; margin-bottom: 20px; font-size: 20px;} #home_choices {max-width: 970px; margin:30px auto 0 auto;} #home_choices .col-12:first-child .choice_box i {float: left; font-size: 30px;} #home_choices .col-12:first-child .choice_box .choice_data {padding-left: 60px;} #home_choices .col-12:last-child .choice_box i {float: right; font-size: 30px;} #home_choices .col-12:last-child .choice_box .choice_data {padding-right: 60px;} #home_choices .choice_box {margin: 25px 0; float: right; width: 100%;} #home_choices .choice_box i {color: #df0000;} #home_choices .choice_box h3 {font-weight: bold; font-size: 1.25rem;} #home_choices .choice_box p {margin-bottom: 0;} #page_cover .container #cover_data {position: absolute; left: 0; top: 0; height: 100%; width: 43%; padding: 50px;} #page_cover .container #cover_data .course_category_data {color: white; font-size: 20px; margin: 30px 0 20px 0;} #page_cover .container #cover_data .course_title{color: white; margin-bottom: 20px; font-weight: 600; margin-top: 0px; font-size: 25px;} #page_cover .container #cover_data .course_summary{color: white;} #page_cover .container #cover_data .price p {width: 60%;} #page_cover #CourseMainVideoBTN {position: absolute; right: 53%; top: 48%; z-index: 1; font-size: 13px; color: #df0000;} .btn {margin-bottom: 5px;} #reglogModal {padding: 0 15px !important;} #reglogModal .modal-dialog {max-width: 60% !important;} #reglogModal .modal-dialog .modal-content {background: transparent; border: 0;} #reglogModal .close i {color: white;} #reglogModal .modal-header {margin-bottom: 0px; border: 0;} #reglogModal .modal-header img {height: 60px;} #reglogModal .modal-header .close {opacity: 1;} #reglogModal .modal-header .close:before {content: '';} #reglogModal .modal-body {border: 0; padding-top: 0;} #reglogModal .modal-body .nav-tabs {width: 50%; margin: 0 auto; border: 0;} #reglogModal .modal-body .nav-tabs li:first-child {margin-left: 60px;} #reglogModal .modal-body .nav-link {font-size: 20px; color: #b4bcc4; border: 0; position: relative;} #reglogModal .modal-body .nav-link:hover {color: white;} #reglogModal .modal-body .nav-link.active {color: #df0000;} .modal-backdrop.show {opacity: 0.8;} #reglogModal .modal-body .tab-content {padding: 10px; background: white; max-width: 55%; margin: 0px auto 0 auto; border-radius: 5px;} #reglogModal .modal-body .nav-link.active:after {bottom: 0; left: 50%; content: ""; -webkit-opacity: 0; -moz-opacity: 0; opacity: 1; transition: all .2s ease; margin-left: -8px; position: absolute; display: inline-block; border: 14px solid transparent; border-bottom-color: #fff;} #reglogModal .modal-body .tab-content .login_btn_container {width: 100%; text-align: center; margin-bottom: 40px; margin-top: 20px;} #reglogModal .modal-dialog .modal-content .modal-body .auth-divider {position: relative; margin-bottom: 40px;} #reglogModal .modal-dialog .modal-content .modal-body .auth-divider .text {top: -14.4px; left: 50%; width: 36px; font-size: 16px; margin-left: -18px; background: #fff; text-align: center; position: absolute; display: inline-block; font-weight: 500;} .nav-link.btn.btn-danger {border:solid #df0000 2px;} .nav-link.btn.btn-danger:hover {background: transparent; border:solid white 2px;} .nav-link.btn.btn-light {background: transparent; border:solid white 2px;} .nav-link.btn.btn-light:hover {background: #df0000;} /* Desktop --------------------*/ @media (min-width: 1200px) { .container {width: 1170px; max-width: 1170px;} } @media (min-width: 992px) { .navbar-light .navbar-nav .nav-item {margin-left: 10px;} .navbar-light .navbar-nav .m-dropdown-menu .nav-item {margin: 0;} .navbar-light .navbar-nav .m-dropdown-menu .nav-item.simple-dropdown::after {font-family: "Font Awesome 5 Free"; font-weight: 900; content: '\f053'; position: absolute; top: 7px; left: 15px;} .simple-dropdown {position: relative;} .simple-dropdown .m-dropdown-toggle {display: none;} .simple-dropdown .m-dropdown-menu {position: absolute; top: 110%; right: 0; background: #ffffff; opacity: 0; width: 250px; margin: 0; padding: 0; list-style: none; pointer-events: none; border: solid 1px gainsboro; z-index: 1; -moz-transition: ease all 0.55s; -o-transition: ease all 0.55s; -webkit-transition: ease all 0.55s; transition: ease all 0.55s;} .simple-dropdown .m-dropdown-menu .m-dropdown-menu {right: 100%; top:0;} .simple-dropdown .m-dropdown-menu > li > a {color: #111111; padding: 8px 15px; display: block; font-size: 14px; font-weight: 600;} .simple-dropdown .m-dropdown-menu > li > a i {font-size: 14px; vertical-align: middle; width: 24px; display: inline-block;} .simple-dropdown .m-dropdown-menu > li:hover > a {color: #111111;} .simple-dropdown:hover > .m-dropdown-menu {opacity: 1; top: 100%; pointer-events: auto;} .simple-dropdown:hover > .m-dropdown-menu li:hover > .m-dropdown-menu {opacity: 1; top: 0; pointer-events: auto;} .simple-dropdown .m-dropdown-menu li {border-top: solid 1px gainsboro;} .simple-dropdown .m-dropdown-menu li:hover {background: #f7f7f7;} .simple-dropdown .m-dropdown-menu li:first-child {border: 0;} .navbar-nav {width: 100%;} .reg_link {margin-right: auto;} #home_sliders {position: relative; background: white; } } /* Mobile --------------------*/ @media (max-width: 991px) { .m-dropdown-toggle {position: absolute; top: 0; left: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; color: white;} .simple-dropdown {position: relative;} .simple-dropdown .m-dropdown-menu {margin: 0; padding: 0; list-style: none; display: none; padding: 0; background: #f5f5f5;} .simple-dropdown .m-dropdown-menu > li {padding-right: 10px;} .simple-dropdown .m-dropdown-menu > li:not(:last-child) {border-bottom: 1px solid #e6e6e6; } .simple-dropdown .m-dropdown-menu > li > a {display: block; padding: 0 15px; font-size: 13px; font-weight: 600; line-height: 40px; color: #111111;} .simple-dropdown .m-dropdown-menu > li > a:hover {color: #007bff;} .simple-dropdown .m-dropdown-menu .container {padding: 0;} .simple-dropdown .m-dropdown-menu .mm-link {margin: 0; padding: 0; list-style: none;} .simple-dropdown .m-dropdown-menu .mm-link > li {border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .simple-dropdown .m-dropdown-menu .mm-link > li > a {display: block; padding: 10px 0 10px 25px; font-size: 15px; color: #9d9d9d; vertical-align: middle; position: relative;} .simple-dropdown .m-dropdown-menu .mm-link > li > a i {position: absolute; top: 15px; left: 0; font-size: 13px; opacity: 0.6;} .simple-dropdown .m-dropdown-menu .mm-link > li > a.active {color: #ffffff;} .simple-dropdown.open-menu-parent > .m-dropdown-menu {display: block; } .navbar-nav a {border-bottom: solid 1px #2d2d2d; border-top: 0 !important;} .navbar-nav .btn {border-radius: 0; background: transparent !important; box-shadow: none !important; text-align: right; color: white !important; border-left:0; border-right: 0; box-shadow: 0;} #home_sliders {position: relative; background: #f0f0f0; text-align: center;} #home_blocks .col-12 {text-align: center; margin-bottom: 15px;} #home_blocks .col-12 i {float: none; margin-bottom: 10px;} #home_sliders .slick-slider {background: #424242;} #footer_pages li {margin-bottom: 10px;} #home_choices .col-12:first-child .choice_box i {float: right;} #home_choices .col-12:first-child .choice_box .choice_data {padding-left: 0; padding-right: 60px;} #page_section h1 {font-size: 2rem;} #courses_page .card {margin:10px 0;} #page_cover .container #cover_data {position: relative; width: 100%; margin:10px 0; padding: 0;} #page_cover #CourseMainVideoBTN {position: absolute; top: 11%; right: 36%; font-size: 10px;} #page_cover .container #cover_data .course_title {font-size: 20px; margin-top: 20px;} #page_cover .container #cover_data .course_category_data {font-size: 15px;} .navbar-light {padding: 0 1rem; z-index: 999999999999999999999; position: relative; padding-bottom: 15px;} #reglogModal .modal-dialog {max-width: 100% !important; width: 100%;} .nav-link.btn {border: 0 !important; border-bottom: solid 1px #2d2d2d !important; width: 100%;} #reglogModal .modal-body .tab-content {max-width: 100%;} #reglogModal .modal-body .nav-tabs {width: 100%;} #page_section {float: left; margin-bottom: 15px; width: 100%;} .modal-open .modal {background: black;} } @media (max-width: 540px) { } .pagination {display: block; float: left; padding: 0;} .pagination li {float: right;} .pagination a, .pagination span {float: right; position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #ffffff; background-color: #282a3c; border: 1px solid #545454; font-size: 15px;} .pagination a:hover {z-index: 2; color: #2739c1; text-decoration: none; background-color: #ebedf2; border-color: #ebedf2;} .pagination a:focus {z-index: 2; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25); box-shadow: 0 0 0 0.2rem rgba(88, 103, 221, 0.25);} .pagination li:first-child a {margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .pagination li:last-child a {border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;} .pagination li.active span {background: #585858;} .pagination li.active a {z-index: 1; color: #fff; background-color: #5867dd; border-color: #5867dd;} .pagination li.disabled a {color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #ebedf2;} .carousel-indicators li {border-radius: 50%; height: 10px; width: 10px; border-style: inset; border-color: #3F51B5; border-width: 4px;} .tab-content .card .price {font-size: 20px; font-weight: 600;} .tab-content .card span {float: left; text-decoration: line-through; color: #ec1b24;} #about_page, #courses_page, #contact_page, #cert_checker, #my_courses, #change_information, #change_password {padding: 30px 0;} #cert_checker {min-height: 400px;} #book_details_page {color: black; background: white; padding: 30px 0;} #book_details_page .price {font-size: 20px; font-weight: bold;} #book_details_page .price span {float: left; text-decoration: line-through; color: #ec1b24;} #courses_page .card, #our_home_packages .card {position: relative; border-radius: 5px; box-shadow: 0 3px 8px rgba(0,0,0,.5); border: 1px solid #e4e4e4; transition: border-color .2s linear; margin-bottom: 30px;} #our_home_packages #PackagesCarousel .card {margin: 0 10px;} #courses_page .card:hover, #our_home_packages .card:hover {border-color: crimson;} #our_home_packages .card-body {position: relative; padding: 5px; width: 100%;} #courses_page .col-md-2, #courses_page .col-md-3 {margin-bottom: 30px;} #courses_page .card {height: 100%; margin-bottom: 0;} #our_home_packages .card img {height: 145px!important; width: 100%;} #courses_page .card img {height: 150px; width: 100%;} #courses_page .card-body {padding: 9px;} #our_home_packages .card-body h5 a {color: black; font-weight: bold; font-size: 15px;} #courses_page .card-body h5 a { color: black; font-size: 13px; font-weight: bold; min-height: 75px; float: right; width: 100%; padding-top: 10px;} #courses_page .card-body p.instructor_name {color: black;} #our_home_packages .card-body .price {font-size: 15px; font-weight: bold; color: black;} #courses_page .card-body .price {font-size: 18px; font-weight: bold; color: black;} #courses_page .card-body .price span, #our_home_packages .card-body .price span {float: left; text-decoration: line-through; color: #ec1b24;} #courses_page .col-12 {margin-bottom: 20px;} #our_home_packages .package_courses .package_courses_count {padding-top: 7px;} #page_section.mb0 {margin-bottom: 0;} #page_cover {background: black;} #page_cover .container {position: relative;} #page_cover img {width: 100%; max-height: 500px;} #page_cover .price {color: white; font-size: 20px;} #page_cover .price span {float: left; text-decoration: line-through; color: #ec1b24;} #page_cover .apply-btn .btn {min-width: 150px;} #course_details {padding:50px 0; background: white; color: black;} #cover_overlay {position: absolute; background: black; width: 45%; left: 0; top: 0; height: 100%;} .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .lecture_session_video_play {float: left; color: #df0000; font-size: 20px;} .lecture_session_video_play:hover {color: #ccc;} #course_side_details {border-right: solid 2px #2a2a2a; padding-right: 30px; padding-top: 15px; padding-bottom: 15px;} #course_side_details h5 {color: #df0000; font-weight: 200;} #course_side_details p {margin-bottom: 20px;} #course_lectures {padding: 10px 0;} #course_lectures p.course_lectures_title {margin-bottom: 30px;} #course_lectures ul {list-style: none; padding: 0; margin: 0;} #course_lectures ul li {border-bottom: solid 1px #c8c8c8; padding: 10px; color: black;} #course_lectures ul li:last-child {border: 0;} #course_lectures .accordion .card .card-body {padding:0 1.25rem;} .package_courses {background-image: url('../images/course_rebon.png'); position: absolute; top: -5px; left: 12px; z-index: 11; background-repeat: no-repeat; background-size: contain; width: 50px; height: 70px; font-weight: 500; color: white; font-size: 12px;} .package_courses .package_courses_count {padding-top: 1px; padding-right: 10px; text-align: center;} .package_courses .package_courses_count .package_courses_number {width: 100%; float: left;} .certificate_course_btn {display: none; position: absolute; top: 0; left: 0; width: auto; background: #c3002b; font-weight: bold;} #my_courses #courses_page .card:hover .certificate_course_btn {display: block;} #customBtn{display: inline-block; background: #d34836; color: #FFF; text-align: center; height: 40px; cursor: pointer; width: 100%; border-radius: 5px; line-height: 40px;} #whatsapp_icon {color: white; background: #189d0e; padding: 5px; left: 5px; bottom: 5px; border-radius: 50%; position: fixed; height: 40px; z-index: 99; width: 40px; text-align: center; font-size: 27px; vertical-align: middle; line-height: 1;} .black-bg {background: #111111;} #our_home_packages {padding: 15px 0;} .modal .modal-content .modal-header .close { margin : -1rem auto -1rem -1rem; font-family: 'Font Awesome 5 Free'; font-weight: 900; } .modal .modal-content .modal-header .close:before {content: '\f00d';} #BookingCourse .pay_method_box {margin-bottom: 30px; float: right; width: 100%;} #BookingCourse .pay_method_box a {background: #ececec; float: left; width: 100%; border-radius: 5px; text-align: center; padding: 10px; box-shadow: #adadad 1px 3px 6px 0px;} #BookingCourse .pay_method_box a .pay_method_image {height: 35px; margin-bottom: 20px;} #BookingCourse .pay_method_box a img {width: auto; max-height: 35px;} #BookingCourse .pay_method_box p {font-weight: bold; color: black; margin-bottom: 0;} #BookingCourse .booking_info p b {color: black;} #BookingCourse .booking_info p {text-align: center; color: #2739c1; font-weight: bold;} #BookingCourse .modal-body h5 {font-weight: bold; margin-bottom: 30px;} #booking_course_info.hide {display: none;} #booking_course_methods .book_methods.hide {display: none;} #booking_course_methods .book_methods h6 {float: left; width: 100%; margin: 10px 0;} #booking_course_methods .book_methods a {float: left;} #booking_course_methods .book_methods hr {float: left; width: 100%;} #booking_course_methods_results.hide {display: none;} .accordion {margin-bottom: 50px;} .accordion .card-header {background-color: #242424;} .accordion .card-header .btn-link {color: white; font-weight: bold; width: 100%; text-align: right;} .accordion .card {background: #111111;} .accordion .collapse {background: white; color: black;} .modal-body {color: black;} #event_cover {text-align: center; margin-bottom: 30px;} .full_width_image {max-width: 100%;} #event_details {padding: 20px 0; background: #242424;} #event_booking_page {padding-top: 20px;} #booked_course_page .course_lectures_title { background: #242424; padding: 10px; margin: 0; font-weight: bold; color: whitesmoke; border-top: 1px solid; border-right: solid 1px; border-left: solid 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; } #booked_course_page #booked_course_lectures .card {border-radius: 0;} #booked_course_page #booked_course_lectures .card .card-header {background-color: #37474F; font-weight: bold;} #booked_course_page #booked_course_lectures .card .card-body {background: #111111;} #booked_course_page #booked_course_lectures .card .card-body a {color: white;} #booked_course_page #booked_course_lectures .card .card-body li p span {float: left; color: white;} #booked_course_page #booked_course_lectures {margin-bottom: 10px;} #booked_course_page .col-md-4 {margin-bottom: 30px;} #booked_course_page .videoWrapper {margin-bottom: 30px;} .course_rating i {color: gold; margin-left: 2px;} #course_lectures_toggler {margin-top: -6px; margin-left: -6px;} #page_section .course_rating {margin-bottom: 0;} #my_ratings {unicode-bidi: bidi-override; direction: ltr; width: 100%; margin: 20px 0; text-align: center;} #my_ratings input {display: none;} #my_ratings label {display: inline-block; font-size: 0; margin-left: 3px; color: white;} #my_ratings > label:before {position: relative; display: block; content: "\f005"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 15px;} #my_ratings > label:hover:before, #my_ratings > label:hover ~ label:before, #my_ratings > label.selected:before, #my_ratings > label.selected ~ label:before {color: gold;} section#courses_page {min-height: 402px;} #course_cats_selector {float: right; margin-bottom: 30px; width: 100%;} #course_cats_selector .dropdown {float: left; width: 330px;} #course_cats_selector .dropdown-toggle {color: #fff; background-color: #1d1d1d; padding: 6px 12px 6px 36px; position: relative; display: block; width: 100%; height: 50px; border: 1px solid #c6c6c6; border-radius: 3px; text-decoration: none; text-align: right; float: left;} #course_cats_selector .dropdown-toggle div {display: inline-block; color: inherit; font-size: 16px; height: 100%; width: 100%; line-height: 38px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} #course_cats_selector .dropdown-toggle:after {position: absolute; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 16px; content: "\f078"; top: 50%; left: 10px; right: auto; margin-top: -11px; border: 0;} #course_cats_selector .dropdown-menu {margin: 0; padding: 0; width: 100%; font-size: 16px; max-height: 300px; overflow-y: auto; overflow-x: hidden; background-color: #1d1d1d; border-radius: 0;} #registeration_sending_status {margin-bottom: 10px;} .book_video_view {margin-top: 30px;} #book_comments ul { margin-top: 50px; border-bottom: 1px solid #232323; } #book_comments ul li a { padding: 5px 20px; border: 0; background: #d8d8d8; color: #ec1b24; } #book_comments ul li a.active { background: #ec1b24; padding: 5px 20px; border: 0; color: white; } #my_book_rating p {direction: rtl;} #my_book_rating p a {color: #ec1b24;} .comment_details b {color: #ec1b24;} .comment_details .comment_date {float: left;} .comment_details .comment_rating {color: gold;} .comment_details { padding-bottom: 20px; border-bottom: solid 1px white; padding-top: 20px;} #book_rating {float: left; color: gold; font-size: 15px; line-height: 45px;} #instructor_details {margin-top: 40px;} #instructor_details img { border-radius: 50%; height: 100px; width: 100px; margin-bottom: 30px; border: solid 5px #7b7a7a; } #instructor_details h4 {color: #000; font-weight: bold;} #share_btns{float:left; width:100%; margin-bottom: 20px;} #share_btns a {background:black;color:white;border-radius:5px;padding:7px 14px;font-size:12px;float:right; margin-right:5px;} #share_btns a:hover{opacity:0.7;} #share_btns a.facebook{background-color:#3b5998;}#share_btns a.pinterest{background-color:#cc2127;}#share_btns a.twitter{background-color:#1da1f2;}#share_btns a.whatsapp{background-color:#189d0e;}#share_btns a.google-plus{background-color:#dd4b39;} #share_btns a.linkedin{background-color:#0077b5;} #success_reg {padding: 195px 0; text-align: center;} #success_reg p {line-height: 50px; font-size: 30px;} #about_site_tabs {border: 0;} #about_site_tabs li {width: 100%; margin-bottom: 10px;} #about_site_tabs li a {border: 0; background: #ec1b24; padding: 12px 6px; color: white;} #about_site_tabs li a.active {background: white; color: #ec1b24;} #about_site_tabs li a:hover {color: black; background: #ffc107;} #failed_booking {padding: 117px 0; text-align: center; background: #212121;} #failed_booking h2 {line-height: 2; border-radius: 5px;} #failed_booking p {color: #eb1921; font-size: 100px; text-align: center;} #all_courses_home_page .card {max-width: 233px; margin: 0 auto;} #all_courses_home_page .card h5 a {line-height: 2;} .modal-open .modal {z-index: 99999999999;} #booking_course_methods fieldset {background: #e0e0e0; padding: 10px; margin-bottom: 10px; border: solid 1px #c3c3c3; border-radius: 5px;} #promocode_res {margin-top: 10px; font-weight: bold;}