diff options
Diffstat (limited to 'Varsity_Template/template/style.css')
| -rw-r--r-- | Varsity_Template/template/style.css | 6126 |
1 files changed, 6126 insertions, 0 deletions
diff --git a/Varsity_Template/template/style.css b/Varsity_Template/template/style.css new file mode 100644 index 0000000..00ba369 --- /dev/null +++ b/Varsity_Template/template/style.css @@ -0,0 +1,6126 @@ +/*! +Template Name: Varsity +Template URI: https://templates.mhrtheme.com/varsity +Author: MhrTheme +Author URI: https://mhrtheme.com +Version: 1.2 + +*/ +/*-------------------------------------------------------------- +>>> TABLE OF CONTENTS: +---------------------------------------------------------------- +# Normalize +# Typography +# Elements +# Forms +# Navigation + ## Links + ## Menus +# Accessibility +# Alignments +# Clearings +# Widgets +# Content + ## Posts and pages + ## Comments +# Infinite scroll +# Media + ## Captions + ## Galleries +--------------------------------------------------------------*/ +/*-------------------------------------------------------------- +# Normalize +--------------------------------------------------------------*/ +/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ + +@charset "UTF-8"; + +@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700&display=swap"); + +/*-------------------------------------------------------------- +# Accessibility +--------------------------------------------------------------*/ +/* Text meant only for screen readers. */ +.screen-reader-text { + border: 0; + clip: rect(1px, 1px, 1px, 1px); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute !important; + width: 1px; + word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ +} + +.screen-reader-text:focus { + background-color: #f1f1f1; + border-radius: 3px; + box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); + clip: auto !important; + clip-path: none; + color: #21759b; + display: block; + font-size: 14px; + font-size: 0.875rem; + font-weight: bold; + height: auto; + left: 5px; + line-height: normal; + padding: 15px 23px 14px; + text-decoration: none; + top: 5px; + width: auto; + z-index: 100000; + /* Above WP toolbar. */ +} + +/* Do not show the outline on the skip link target. */ +#content[tabindex="-1"]:focus { + outline: 0; +} + +/*-------------------------------------------------------------- +# Alignments +--------------------------------------------------------------*/ +.alignleft { + display: inline; + float: left; + margin-right: 1.5em; +} + +.alignright { + display: inline; + float: right; + margin-left: 1.5em; +} + +.aligncenter { + clear: both; + display: block; + margin-left: auto; + margin-right: auto; +} + +/*-------------------------------------------------------------- +## Comments +--------------------------------------------------------------*/ +.comment-content a { + word-wrap: break-word; +} + +.dm_comment_item .depth-1, .dm_comment_item .depth-10, .dm_comment_item .depth-2, .dm_comment_item .depth-3, .dm_comment_item .depth-4, .dm_comment_item .depth-5, .dm_comment_item .depth-6, .dm_comment_item .depth-7, .dm_comment_item .depth-8, .dm_comment_item .depth-9 { + margin-bottom: 30px; +} + +.comment-author.vcard { + display: flex; +} + +.comment-author.vcard img { + margin-right: 20px; + display: block; + max-width: 100%; + height: 100%; +} + +.comment-author.vcard img, .social-button { + border-radius: 3px; +} + +.dm_comment_author { + color: #28375a; + font-weight: 700; + font-size: 16px; + font-style: normal; +} + +.comment--dot { + padding: 0 10px; + font-size: 3px; + opacity: .5; + line-height: 3px; + display: inline-block; + vertical-align: middle; +} + +.dm_comment-date { + font-size: 13px; + color: #28375a; + opacity: .75; +} + +.comment-details.clr { + padding-left: 0; +} + +.comment-content p { + color: #28375a; + font-size: 16px; + margin: 0; +} + +.comment-reply-link { + font-weight: 400; + font-size: 14px; +} + +@media (min-width: 991px) { + .dm_comment_item .depth-2 { + margin-left: 78px; + } +} + +.bypostauthor { + display: block; +} + +/*-------------------------------------------------------------- +## Captions +--------------------------------------------------------------*/ +.wp-caption { + margin-bottom: 1.5em; + max-width: 100%; +} + +.wp-caption img[class*="wp-image-"] { + display: block; + margin-left: auto; + margin-right: auto; +} + +.wp-caption .wp-caption-text { + margin: 0.8075em 0; +} + +.wp-caption-text { + text-align: center; +} + +/*-------------------------------------------------------------- +## Galleries +--------------------------------------------------------------*/ +.gallery { + margin-bottom: 1.5em; +} + +.gallery-item { + display: inline-block; + text-align: center; + vertical-align: top; + width: 100%; +} + +.gallery-columns-2 .gallery-item { + max-width: 50%; +} + +.gallery-columns-3 .gallery-item { + max-width: 33.33%; +} + +.gallery-columns-4 .gallery-item { + max-width: 25%; +} + +.gallery-columns-5 .gallery-item { + max-width: 20%; +} + +.gallery-columns-6 .gallery-item { + max-width: 16.66%; +} + +.gallery-columns-7 .gallery-item { + max-width: 14.28%; +} + +.gallery-columns-8 .gallery-item { + max-width: 12.5%; +} + +.gallery-columns-9 .gallery-item { + max-width: 11.11%; +} + +.gallery-caption { + display: block; +} + +body { + font-family: "Poppins", sans-serif; + padding: 0; + margin: 0; + font-size: 16px; + --lp-primary-color: #2572ff; + --lp-secondary-color: #442e66; +} + +@media (max-width: 767px) { + .container { + max-width: 375px; + } +} + +@media (min-width: 1200px) { + .container { + max-width: 1200px; + } +} + +a:hover { + text-decoration: none; +} + +input:hover, input:focus { + outline: none !important; + box-shadow: 0px 0px 0px 0px transparent; +} + +:focus { + outline: -webkit-focus-ring-color auto 0; +} + +.custom-file-input:focus ~ .custom-file-label { + border-color: transparent; + box-shadow: none; +} + +.form-control:focus { + box-shadow: 0 0 0 0rem transparent !important; + border-color: #dce1e9; +} + +.section_padding { + padding: 70px 0px; +} + +.page_section_padding { + padding: 50px 0; +} + +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .section_padding { + padding: 50px 0px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .section_padding { + padding: 50px 0px; + } +} +@media (max-width: 767.98px) { + .section_padding { + padding: 50px 0px; + } +} +.padding_top { + padding-top: 70px; +} +@media (max-width: 991px) { + .padding_top { + padding-top: 50px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .padding_top { + padding-top: 50px; + } +} + +.padding_bottom { + padding-bottom: 70px; +} +@media (max-width: 991px) { + .padding_bottom { + padding-bottom: 50px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .padding_bottom { + padding-bottom: 50px; + } +} + +.custom-shadow-sm { + box-shadow: 0 .125rem 0.5rem rgba(0,0,0,.075)!important; +} + +a { + text-decoration: none; + -webkit-transition: 0.5s; + transition: 0.5s; +} +a:hover { + text-decoration: none; +} + +h1, h2, h3, h4, h5, h6 { + color: #0b1c39; + font-family: "Poppins", sans-serif; +} + +h2 { + font-size: 40px; + line-height: 50px; +} + +p { + line-height: 30px; + font-size: 16px; + margin-bottom: 15px; + color: #626a77; + font-family: "Poppins", sans-serif; +} + +p:empty { + display: none; +} + +a:focus, .button:focus, button:focus, .btn:focus { + text-decoration: none; + outline: none; + box-shadow: none; + -webkit-transition: 1s; + transition: 1s; +} + +.p_30 { + padding: 30px; +} +@media (max-width: 991px) { + .p_30 { + padding: 20px; + } +} + +.p_20 { + padding: 20px; +} + +.p_15 { + padding: 20px 20px 15px; +} + +.pt_30 { + padding-top: 30px; +} + +.pb_20 { + padding-bottom: 20px; +} + +.mt_25 { + margin-top: 25px; +} + +.mt_30 { + margin-top: 30px; +} +@media (max-width: 991px) { + .mt_30 { + margin-top: 15px; + } +} + +.mt_10 { + margin-top: 10px; +} + +.mb_15 { + margin-bottom: 15px; +} + +.mb_20 { + margin-bottom: 20px; +} + +.mb_25 { + margin-bottom: 20px; +} + +.mt_50 { + margin-top: 50px; +} +@media (max-width: 767.98px) { + .mt_50 { + margin-top: 25px; + } +} + +.mt_25 { + margin-top: 25px !important; +} +@media (max-width: 991px) { + .mt_25 { + margin-top: 15px !important; + } +} + +.mt_20 { + margin-top: 20px; +} + +.mb_10 { + margin-bottom: 10px !important; +} + +.mt_40 { + margin-top: 40px; +} + +.section_bg { + background-color: #f6f7fa; +} + +.niceSelect { + border: 1px solid #dce1e9; + font-size: 13px; + color: #7c8189; + display: block; + width: 100%; + text-transform: capitalize; + padding: 0 20px; + border-radius: 6px; + float: inherit; + font-weight: 300; +} +.niceSelect:after { + border-bottom: 0 solid transparent; + border-right: 0 solid transparent; + content: "3"; + font-family: "eleganticons"; + transform: rotate(0); + top: 3px; + right: 29px; + font-size: 19px; +} +@media (max-width: 767.98px) { + .niceSelect:after { + top: 13px; + } +} +.niceSelect .option:hover, .niceSelect .option.focus, .niceSelect .option.selected.focus { + background-color: transparent; +} +.niceSelect .option.selected { + font-weight: normal; + color: #2572ff; +} +.niceSelect .option { + line-height: 34px; + min-height: 34px; + font-size: 14px; +} +.niceSelect .list { + width: 100%; + border-radius: 4px; + background-color: #fff; + color: #626a77; + padding: 20px; + -webkit-transform-origin: top; + transform-origin: top; + -webkit-transform: scaleY(0); + transform: scaleY(0); + -webkit-transition: 0.5s; + transition: 0.5s; +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .niceSelect .list { + padding: 5px; + } +} +.niceSelect .list li { + -webkit-transition: 0.2s; + transition: 0.2s; +} +.niceSelect .list li:hover { + color: #2572ff; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .niceSelect .list li { + line-height: 33px; + padding: 0 15px; + } +} + +.niceSelect.open:after { + transform: rotate(0); + content: "2"; + font-family: "eleganticons"; +} + +.nice-select.open .list { + opacity: 1; + pointer-events: auto; + -webkit-transform: scaleY(1); + transform: scaleY(1); +} + +.cu_dropdown .btn { + border: 1px solid #dce1e9; + background-color: #f6f7fa; + color: #626a77; + font-size: 12px; + font-weight: 300; + padding: 5px 15px; +} +.cu_dropdown .btn_1 { + padding: 11px 20px; +} +.cu_dropdown .dropdown-toggle::after { + display: inline-block; + margin-left: 10px; + vertical-align: 0; + content: ""; + border-top: none; + font-family: "themify"; + font-size: 10px; +} +.cu_dropdown .dropdown-menu { + min-width: auto; + background-color: #0b1c39; + min-width: 102px; + left: 0 !important; + border-radius: 0 0 5px 5px; + top: -2px !important; + padding: 17px 0; +} +.cu_dropdown .dropdown-menu .dropdown-item { + font-size: 12px; + font-weight: 300; + text-transform: capitalize; + padding: 7px 20px; + padding: 7px 20px; + color: #fff; +} +.cu_dropdown .left_arrow:hover { + background-color: transparent; + padding-left: 38px; +} +.cu_dropdown .left_arrow:after { + left: 18px; + top: 11px; +} + +.elementor-widget-container { + width: 100% !important; +} + +.section_tittle { + text-align: center; + margin-bottom: 62px; +} +@media (max-width: 767.98px) { + .section_tittle { + margin-bottom: 35px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .section_tittle { + margin-bottom: 45px; + } +} +.section_tittle h2 { + font-weight: 700; + margin-bottom: 12px; +} +@media (max-width: 767.98px) { + .section_tittle h2 { + font-size: 25px; + line-height: 32px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .section_tittle h2 { + font-size: 30px; + line-height: 38px; + } +} + +.show .btn { + background-color: #2572ff; + color: #fff; + border-radius: 5px 5px 0 0; +} +.show .dropdown-toggle::after { + transform: rotate(180deg); + color: #fff; +} + +.preloder_part { + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100vh; + z-index: 99999; + background-color: #fff; +} +.preloder_part .spinner { + margin: 0 auto; + width: 40px; + height: 40px; + left: 0; + right: 0; + top: 48%; + position: absolute; + text-align: center; + -webkit-animation: sk-rotate 2s infinite linear; + animation: sk-rotate 2s infinite linear; + z-index: 99999; +} +.preloder_part .dot1, .preloder_part .dot2 { + width: 60%; + height: 60%; + display: inline-block; + position: absolute; + top: 0; + background-color: #2572ff; + border-radius: 100%; + -webkit-animation: sk-bounce 2s infinite ease-in-out; + animation: sk-bounce 2s infinite ease-in-out; +} +.preloder_part .dot2 { + top: auto; + bottom: 0; + -webkit-animation-delay: -1s; + animation-delay: -1s; +} +@-webkit-keyframes sk-rotate { + 100% { + -webkit-transform: rotate(360deg); + } +} +@keyframes sk-rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + } +} +@-webkit-keyframes sk-bounce { + 0%, 100% { + -webkit-transform: scale(0); + } + 50% { + -webkit-transform: scale(1); + } +} +@keyframes sk-bounce { + 0%, 100% { + transform: scale(0); + -webkit-transform: scale(0); + } + 50% { + transform: scale(1); + -webkit-transform: scale(1); + } +} + +.page_pageination { + display: flex; + justify-content: center; + margin-top: 20px; +} + +.page_pageination a, .page_pageination span { + height: 50px; + width: 50px; + line-height: 50px; + border: 2px solid #dce1e9; + text-align: center; + color: #9198a4; + font-size: 18px; + display: inline-block; + border-radius: 50px; + margin: 0px 5px; +} + +.page_pageination a:hover, .page-pageination span:hover { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + box-shadow: 0px 10px 20px 0px rgba(89, 149, 253, 0.4); +} + +.page_pageination .current { + background-color: #2572ff; + border: 1px solid #2572ff; + color: #fff; + box-shadow: 0px 10px 20px 0px rgba(89, 149, 253, 0.4); +} + +.progress-bar { + border-radius: 4px; +} + +.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { + background-color: #fbfcfd; +} + +.common-checkbox { + display: none; +} + +.common-checkbox + label { + display: block; + cursor: pointer; + color: #626a77; +} + +.common-checkbox + label:before { + content: ""; + border: 2px solid #a8aeb6; + border-radius: 2px; + display: inline-block; + font-size: 12px; + font-weight: 600; + width: 14px; + height: 14px; + line-height: 15px; + padding-left: 0px; + margin-right: 14px; + vertical-align: bottom; + color: transparent; + position: relative; + top: -6px; +} + +.common-checkbox:checked + label:before { + content: "Z"; + border: 0px; + font-family: "eleganticons"; + border-radius: 2px; + display: inline-block; + font-size: 17px; + font-weight: 600; + width: 14px; + height: 14px; + line-height: 15px; + padding-left: 0px; + margin-right: 14px; + vertical-align: bottom; + color: #2572ff; + position: relative; + top: -6px; +} + +.check_icon .common-checkbox + label:before { + border-radius: 50px; +} +.check_icon .common-checkbox:checked + label:before { + content: "\\"; +} + +.custom_animation1 { + backface-visibility: hidden; + animation: jumping_animation 3s ease-in-out 0.5s infinite alternate; + animation-delay: 0.5s; + transition: all 0.5s ease 5s; + user-select: none; +} + +.custom_animation_2 { + backface-visibility: hidden; + animation: jumping_animation2 3s ease-in-out 0.5s infinite alternate; + animation-delay: 0.5s; + transition: all 0.5s ease 5s; + user-select: none; +} + +.custom-animation { + backface-visibility: hidden; + animation: jumping 3s ease-in-out 0.5s infinite alternate; + animation-delay: 0.5s; + transition: all 0.5s ease 5s; + user-select: none; +} + +.custom-animation1 { + backface-visibility: hidden; + animation: jumping1 3s ease-in-out 0.5s infinite alternate; + animation-delay: 0.5s; + transition: all 0.5s ease 5s; + user-select: none; +} + +.custom-animation2 { + backface-visibility: hidden; + animation: jumping2 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 1s ease 3s; + user-select: none; +} + +.custom-animation3 { + backface-visibility: hidden; + animation: jumping3 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 7s ease 2s; + user-select: none; +} + +.custom-animation4 { + backface-visibility: hidden; + animation: jumping4 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 8s ease 4s; + user-select: none; +} + +.custom-animation5 { + backface-visibility: hidden; + animation: jumping4 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 8s ease 4s; + user-select: none; +} + +.custom-animation6 { + backface-visibility: hidden; + animation: jumping6 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 8s ease 4s; + user-select: none; +} + +.custom_animation_icon { + backface-visibility: hidden; + animation: custom_animation_icon1 9s ease-in-out 2s infinite alternate; + animation-delay: 1s; + transition: all 8s ease 4s; + user-select: none; +} + +@keyframes jumping_animation { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-25px) translateX(-25px) rotate(5deg) scale(0.75); + opacity: 0.9; + } + 100% { + transform: translateY(-25px) translateX(-25px) rotate(0) scale(1); + opacity: 0.85; + } +} +@keyframes jumping_animation2 { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-10px) translateX(-10px) rotate(2deg) scale(0.9); + opacity: 0.9; + } + 100% { + transform: translateY(-20px) translateX(-20px) rotate(0) scale(1); + opacity: 0.85; + } +} +@keyframes jumping { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-25px) translateX(-25px) rotate(15deg) scale(0.95); + opacity: 0.9; + } + 100% { + transform: translateY(-15px) translateX(-15px) rotate(0) scale(1); + opacity: 0.85; + } +} +@keyframes jumping1 { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-15px) translateX(-15px) rotate(5deg) scale(0.95); + opacity: 0.9; + } + 100% { + transform: translateY(-15px) translateX(-15px) rotate(5deg) scale(1); + opacity: 0.85; + } +} +@keyframes jumping { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-15px) translateX(-15px) rotate(15deg) scale(0.95); + opacity: 0.9; + } + 100% { + transform: translateY(-15px) translateX(-15px) rotate(0) scale(1); + opacity: 0.85; + } +} +@keyframes jumping2 { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.5; + } + 25% { + transform: translateY(-30px) translateX(10px) rotate(20deg) scale(0.8); + opacity: 0.8; + } + 50% { + transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.7); + opacity: 0.8; + } + 75% { + transform: translateY(30px) translateX(20px) rotate(20deg) scale(0.75); + opacity: 0.7; + } + 100% { + transform: translateY(-15px) translateX(15px) rotate(0) scale(0.75); + opacity: 0.9; + } +} +@keyframes jumping3 { + 0% { + transform: translateY(10px) translateX(0) rotate(0) scale(1); + opacity: 0.9; + } + 20% { + transform: translateY(20px) translateX(10px) rotate(-20deg) scale(0.8); + opacity: 0.8; + } + 40% { + transform: translateY(15px) translateX(-15px) rotate(10deg) scale(0.75); + opacity: 0.8; + } + 40% { + transform: translateY(-15px) translateX(-25px) rotate(10deg) scale(0.5); + opacity: 1; + } + 80% { + transform: translateY(-30px) translateX(20px) rotate(-20deg) scale(0.75); + opacity: 0.6; + } + 100% { + transform: translateY(15px) translateX(15px) rotate(0) scale(0.95); + opacity: 0.7; + } +} +@keyframes jumping4 { + 0% { + transform: translateY(-30px) translateX(20px) rotate(0) scale(1.2); + opacity: 0.7; + } + 25% { + transform: translateY(-20px) translateX(10px) rotate(50deg) scale(0.6); + opacity: 0.8; + } + 50% { + transform: translateY(15px) translateX(-15px) rotate(20deg) scale(0.5); + opacity: 0.9; + } + 75% { + transform: translateY(30px) translateX(20px) rotate(50deg) scale(0.75); + opacity: 0.7; + } + 100% { + transform: translateY(-15px) translateX(15px) rotate(0) scale(0.5); + opacity: 0.9; + } +} +@keyframes jumping5 { + 0% { + transform: rotate(180deg); + display: block; + } + 100% { + transform: rotate(30deg); + display: block; + } +} +@keyframes jumping6 { + 0% { + transform: rotate(180deg) translate(-20px, 20px); + display: block; + } + 100% { + transform: rotate(30deg) translate(0px, 0px); + display: block; + } +} +@keyframes custom_animation_icon1 { + 0% { + transform: translateY(0px) translateX(0) rotate(0) scale(1); + opacity: 0.8; + } + 50% { + transform: translateY(-15px) translateX(-15px) rotate(15deg) scale(0.95); + opacity: 0.9; + } + 100% { + transform: translateY(-15px) translateX(-15px) rotate(0) scale(1); + opacity: 0.85; + } +} +@-webkit-keyframes circleAnimation { + 0%, 100% { + border-radius: 42% 58% 70% 30%/45% 45% 55% 55%; + -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); + transform: translate3d(0, 0, 0) rotateZ(0.01deg); + } + 34% { + border-radius: 70% 30% 46% 54%/30% 29% 71% 70%; + -webkit-transform: translate3d(0, 5px, 0) rotateZ(0.01deg); + transform: translate3d(0, 5px, 0) rotateZ(0.01deg); + } + 50% { + -webkit-transform: translate3d(0, 0, 0) rotateZ(0.01deg); + transform: translate3d(0, 0, 0) rotateZ(0.01deg); + } + 67% { + border-radius: 100% 60% 60% 100%/100% 100% 60% 60%; + -webkit-transform: translate3d(0, -3px, 0) rotateZ(0.01deg); + transform: translate3d(0, -3px, 0) rotateZ(0.01deg); + } +} +/**************** common css end ****************/ +/******** base color css ********/ +.btn_1 { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + display: inline-block; + padding: 11px 23px; + text-transform: capitalize; + line-height: 16px; + font-size: 16px; + font-weight: 500; + border-radius: 50px; + white-space: nowrap; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.btn_1:hover { + box-shadow: none; + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; +} + +.btn_2 { + color: #fff; + border: 2px solid #fff; + display: inline-block; + padding: 14px 39px; + text-transform: capitalize; + line-height: 22px; + font-size: 16px; + font-weight: 500; + border-radius: 50px; + background-color: transparent; + white-space: nowrap; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.btn_2:hover { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; +} + +.btn_3 { + color: #2572ff; + border: 2px solid #7aa8fd; + display: inline-block; + padding: 14px 39px; + text-transform: capitalize; + line-height: 18px; + font-size: 16px; + font-weight: 500; + border-radius: 50px; + background-color: #fff; + white-space: nowrap; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.btn_3:hover { + color: #fff; + border: 2px solid #2572ff; + box-shadow: 0px 20px 40px 0px rgba(68, 134, 254, 0.2); + background-color: #2572ff; +} + +.btn_4 { + display: inline-block; + border: 1px solid #dce1e9; + border-radius: 50px; + color: #626a77; + text-align: center; + padding: 9px 24px; + line-height: 20px; + font-size: 13px; + font-weight: 500; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.btn_4:hover { + background-color: #2572ff; + border: 1px solid #2572ff; + color: #fff; +} + +.dropdown-toggle:hover { + background-color: #2572ff; + color: #fff; +} + +.view_archive_btn { + border: 1px solid #dce1e9; + color: #626a77; + padding: 16px 30px; + display: inline-block; + width: 100%; + text-align: center; + line-height: 16px; + background-color: #fff; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.view_archive_btn i { + margin-right: 15px; +} + +.view_archive_btn:hover { + color: #2572ff; + border: 1px solid #2572ff; +} + +.sm_btn { + padding: 9px 20px; + font-weight: 300; +} + +/******** header css here *********/ +.header_part { + background-color: #fff; +} + +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .header_part { + text-align: center; + } +} +@media (max-width: 991px) { + .header_part .header_iner { + padding: 15px 0; + } +} +.header_part .sidebar_icon i { + font-size: 36px; +} +@media (max-width: 576px) { + .header_part .logo img { + max-width: 100px; + } +} +.header_part .btn_1 { + padding: 13px 32px !important; + margin-left: 10px; +} +@media (max-width: 991px) { + .header_part .btn_1 { + padding: 10px 16px !important; + font-size: 12px; + } +} +.header_part .btn_1:hover { + border: 2px solid #7aa8fd; + background-color: transparent; + color: #2572ff; +} +.header_part .sub_header { + padding: 15px 0; +} +@media (max-width: 767.98px) { + .header_part .sub_header { + text-align: center; + } +} +@media (max-width: 991px) { + .header_part .sub_header { + font-size: 14px; + } +} +.header_part .sub_header i { + color: #2572ff; + margin-right: 14px; +} +.header_part .sub_header a { + padding: 3px 30px; + display: inline-block; + border-left: 1px solid #dce1e9; + color: #0b1c39; +} +.header_part .sub_header a:hover { + color: #2572ff; +} +@media (max-width: 767.98px) { + .header_part .sub_header a { + display: block; + border-left: 0 solid transparent; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .header_part .sub_header a { + padding: 0 15px; + } +} +.header_part .sub_header a:first-child { + padding: 0 30px 0 0; + border-left: 0 solid transparent; +} +@media (max-width: 767.98px) { + .header_part .sub_header a:first-child { + padding: 0 10px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .header_part .sub_header a:first-child { + padding: 0 10px; + } +} +@media (max-width: 991px) { + .header_part .header_login_info { + font-size: 14px; + } +} +@media (max-width: 767.98px) { + .header_part .header_login_info a { + display: inline-block; + } +} +.header_part .header_login_info a:first-child { + padding: 0 30px; +} +.header_part .header_login_info a:last-child { + padding: 0 0 0 30px; +} +@media (max-width: 767.98px) { + .header_part .header_login_info a:last-child { + padding: 0 14px; + } + .header_part .header_login_info a:first-child { + padding: 0 18px; + } + .header_part .header_login_info a:last-child { + padding: 0 0 0 18px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .header_part .header_login_info a:last-child { + padding: 0 0 0 15px; + } + .header_part .header_login_info a:first-child { + padding: 0 18px; + } + .header_part .header_login_info a:last-child { + padding: 0 0 0 18px; + } +} +.header_part .header_login_info { + text-align: right; +} +@media only screen and (min-width: 992px) { + .header_part .header_login_info { + position: relative; + top: 3px; + } +} +@media (max-width: 767.98px) { + .header_part .header_login_info { + text-align: center; + padding-top: 15px; + border-top: 1px solid #cbe0fb; + margin-top: 15px; + } +} + +.single_page_header .btn_1:hover { + border: 2px solid #fff; + color: #fff; + background-color: transparent; +} + +.menu_fixed .btn_1:hover { + border: 2px solid #2572ff; + color: #2572ff; + background-color: transparent; +} + +/******** header css end *********/ +.navbar_bar { + position: relative; +} +@media (max-width: 991px) { + .navbar_bar { + position: absolute; + left: 0; + top: 70px; + width: 100%; + background-color: #fff; + z-index: 99; + box-shadow: -1px 6px 7px rgba(0, 0, 0, 0.3); + visibility: hidden; + opacity: 0; + -webkit-transition: 0.5s; + transition: 0.5s; + transform-origin: top center; + padding: 10px 0; + } + .navbar_bar .close_icon { + position: absolute; + right: 20px; + top: 15px; + } +} +@media (min-width: 576px) { + .navbar_bar { + width: 530px; + left: 15px; + } +} +@media (min-width: 768px) { + .navbar_bar { + width: 710px; + left: 15px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .navbar_bar { + padding-left: 0; + } +} +.navbar_bar ul { + margin: 0; + padding: 0; + text-align: center; +} +@media (max-width: 991px) { + .navbar_bar ul { + text-align: left; + } +} +.navbar_bar ul li { + list-style: none; + display: inline-block; + position: relative; +} +@media (max-width: 991px) { + .navbar_bar ul li { + display: block; + } +} +.navbar_bar ul li a { + color: #0b1c39; + text-transform: capitalize; + padding: 37px 22px; + display: inline-block; + line-height: 16px; + -webkit-transition: 0.5s; + transition: 0.5s; + white-space: nowrap; +} +.navbar_bar ul li a.active, .navbar_bar ul li a:hover { + color: #2572ff; +} +.menu_fixed .mega_menu_dropdown > ul li a.active { + color: #2572ff; +} +@media (max-width: 991px) { + .navbar_bar ul li a { + display: inline-block; + padding: 10px 15px; + } + .mega_menu_dropdown ul { + display: none; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .navbar_bar ul li a { + padding: 32px 15px; + } +} +.navbar_bar ul li ul { + position: absolute; + left: 0; + padding: 12px 0; + background-color: #fff; + box-shadow: 0px 10px 30px 0px rgba(7, 28, 55, 0.08); + min-width: 150px; + z-index: 99; + text-align: left; + border-radius: 4px; +} +@media (max-width: 991px) { + .navbar_bar ul li ul { + width: 100%; + padding: 10px 0; + position: relative; + top: 0; + margin-bottom: 10px; + } +} +.navbar_bar ul li ul li { + display: block; +} +.navbar_bar ul li ul li a { + display: block; + color: #445363; + padding: 9px 41px; + font-size: 16px; +} +.navbar_bar ul li ul li > ul { + left: 100%; + top: 15px; +} +@media (max-width: 991px) { + .navbar_bar ul li ul li > ul { + left: 0; + top: 0; + } +} +.navbar_bar ul li .dropdown_active { + opacity: 1; + visibility: visible; + top: 50px; +} +.navbar_bar ul li .dropdown_active li { + display: block; +} +.navbar_bar ul li .dropdown_active li a { + display: inline-block; +} +.navbar_bar ul li .dropdown_active li ul { + left: 100%; + top: 20px; +} +@media (max-width: 991px) { + .navbar_bar ul li .dropdown_active li ul { + left: 0; + top: 50px; + } +} +.navbar_bar .left_arrow:after { + left: 31px; + top: 16px; + background-color: #fff; +} +.navbar_bar .left_arrow:hover { + padding-left: 50px; + color: #fff; +} + +.active_menu { + visibility: visible; + opacity: 1; +} + +.mega_menu_dropdown > a { + width: 100%; + color: #445363; + position: relative; + font-size: 16px; +} +@media (max-width: 991px) { + .mega_menu_dropdown > a:after { + position: absolute; + content: "3"; + font-family: "eleganticons"; + right: 15px; + top: 8px; + } +} + +@media (min-width: 991px) { + .mega_menu_dropdown > ul { + -webkit-transition: 0.5s; + transition: 0.5s; + opacity: 0; + visibility: hidden; + top: 100px; + } + + .mega_menu_dropdown:hover > a { + color: #2572ff; + } + .mega_menu_dropdown:hover > ul { + opacity: 1; + visibility: visible; + top: 90px; + } + .mega_menu_dropdown .mega_menu_dropdown:hover > ul { + top: 0px; + } + .mega_menu_dropdown:hover > ul > a { + color: #fff; + } +} +@media (min-width: 992px) and (max-width: 1199px) { + .mega_menu_dropdown:hover > ul { + top: 80px; + } + .navbar_bar ul li ul { + display: none; + } +} + +.sticky_logo { + display: none; +} + +.menu_fixed { + position: fixed; + top: 0; + left: 0; + z-index: 99; + width: 100%; + background-color: #fff; + box-shadow: 0px 6px 14px 0px rgba(7, 28, 55, 0.06); +} +.menu_fixed .main_logo { + display: none; +} +.menu_fixed .sticky_logo { + display: inline-block; +} + +.single_page_header .menu_fixed .navbar_bar ul li a { + color: #445363; +} + +.single_page_header .menu_fixed .mega_menu_dropdown > a { + background-color: transparent; + color: #445363; +} + +.menu_fixed .mega_menu_dropdown > ul li a { + background-color: transparent; + color: #445363; +} +.menu_fixed .mega_menu_dropdown > ul li a:hover { + color: #2572ff; +} + +.single_page_header .menu_fixed .icon_menu { + color: #445363; +} + +@media (max-width: 991px) { + .menu_fixed .navbar_bar { + background-color: #fff; + } +} +.single_page_header { + position: absolute; + left: 0; + width: 100%; + top: 0; + z-index: 99; + background-color: transparent; +} +.single_page_header .navbar_bar ul li a { + color: #fff; +} +@media (max-width: 991px) { + .single_page_header .navbar_bar ul li a { + color: #0b1c39; + } +} +.single_page_header .navbar_bar ul li a:hover { + color: #2572ff; +} +.single_page_header .mega_menu_dropdown > a { + background-color: transparent; + color: #fff; +} +.single_page_header .mega_menu_dropdown > ul > li > a { + background-color: transparent; + color: #445363; +} +.single_page_header .navbar_bar ul li ul li a:hover { + color: #2572ff; +} +.single_page_header .mega_menu_dropdown:hover > a { + color: #2572ff; +} + +.breadcrumb_part { + background-image: url("img/breadcrumb_bg_1.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + position: relative; + display: flex; + align-items: center; + height: 450px; +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .breadcrumb_part { + height: 350px; + } +} +@media (max-width: 991px) { + .breadcrumb_part { + height: 350px; + } +} +.breadcrumb_part:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #445363; + opacity: 0.5; + z-index: -1; +} +.breadcrumb_part .breadcrumb_iner { + text-align: center; + margin-top: 106px; +} +@media (max-width: 991px) { + .breadcrumb_part .breadcrumb_iner { + margin-top: 0; + } +} +.breadcrumb_part h2, .breadcrumb_part h3 { + font-size: 50px; + font-weight: 700; + color: #fff; + margin-bottom: 11px; +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .breadcrumb_part h2 { + font-size: 35px; + line-height: 45px; + margin-bottom: 5px; + } +} +@media (max-width: 991px) { + .breadcrumb_part h2 { + font-size: 25px; + line-height: 35px; + margin-bottom: 5px; + } +} +.breadcrumb_part .breadcrumb_iner_link { + display: flex; + justify-content: center; + align-items: center; +} +.breadcrumb_part .breadcrumb_iner_link a, .breadcrumb_part .breadcrumb_iner_link span { + font-size: 16px; + color: #fff; +} +.breadcrumb_part .breadcrumb_iner_link a:hover { + color: #2572ff; +} +.breadcrumb_part .breadcrumb_iner_link i { + margin: 0 15px; + color: #fff; +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .breadcrumb_part .breadcrumb_iner_link i { + margin: 0 8px; + } +} +@media (max-width: 991px) { + .breadcrumb_part .breadcrumb_iner_link i { + margin: 0 8px; + } +} + +.blog_breadcrumb { + height: auto; + text-align: left; +} +.blog_breadcrumb .breadcrumb_iner { + padding: 220px 0 120px; + text-align: left; +} +@media (max-width: 991px) { + .blog_breadcrumb .breadcrumb_iner { + padding: 120px 0 60px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .blog_breadcrumb .breadcrumb_iner { + padding: 120px 0 60px; + } +} +.blog_breadcrumb .breadcrumb_iner span { + background-color: #2572ff; + padding: 3px 22px; + text-transform: capitalize; + color: #fff; + display: inline-block; + border-radius: 50px; + margin-bottom: 26px; +} +.blog_breadcrumb .breadcrumb_iner h2 { + font-size: 60px; + line-height: 1.4; + margin-bottom: 12px; +} +@media (max-width: 991px) { + .blog_breadcrumb .breadcrumb_iner h2 { + font-size: 30px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .blog_breadcrumb .breadcrumb_iner h2 { + font-size: 35px; + } +} +.blog_breadcrumb .breadcrumb_post_author { + display: flex; + flex-wrap: wrap; + direction: ltr; +} +.blog_breadcrumb .breadcrumb_post_author p { + color: #fff; + margin-right: 30px; +} +@media (max-width: 576px) { + .blog_breadcrumb .breadcrumb_post_author p { + flex: 100% 0; + } +} +@media only screen and (min-width: 576px) and (max-width: 767.98px) { + .blog_breadcrumb .breadcrumb_post_author p { + flex: 50% 0; + } +} +.blog_breadcrumb .breadcrumb_post_author p i { + margin-right: 10px; +} + +/********* banner part css here ********/ +.banner_part .single_banner_part { + position: relative; + z-index: 2; + height: 800px; + display: flex; + align-items: center; +} +@media (max-width: 767.98px) { + .banner_part .single_banner_part { + height: 500px; + } +} +.banner_part .single_banner_part:after { + position: absolute; + content: ""; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-color: #0b1c39; + opacity: 0.5; + z-index: -1; +} +.banner_part .single_banner_part .banner_iner { + text-align: center; +} +.banner_part .single_banner_part .banner_iner h5 { + font-size: 16px; + text-transform: uppercase; + letter-spacing: 4.5px; + color: #fff; + font-weight: 400; +} +@media (max-width: 767.98px) { + .banner_part .single_banner_part .banner_iner h5 { + line-height: 28px; + } +} +.banner_part .single_banner_part .banner_iner h2 { + font-size: 60px; + font-weight: 700; + color: #fff; + line-height: 70px; + margin: 19px 0 36px; +} +@media (max-width: 767.98px) { + .banner_part .single_banner_part .banner_iner h2 { + font-size: 25px; + line-height: 35px; + } +} +.banner_part .bg_1 { + background-image: url("img/banner.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.banner_part .bg_2 { + background-image: url("img/banner_1.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.banner_part .bg_3 { + background-image: url("img/banner_2.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} +.banner_part .owl-nav button.owl-next, .banner_part .owl-nav button.owl-prev { + border: 2px solid #d4d7dc; + height: 50px; + width: 50px; + line-height: 50px; + text-align: center; + font-size: 20px; + color: #d4d7dc; + background-color: transparent; + position: absolute; + left: 50px; + top: 47%; + display: inline-block; + border-radius: 50%; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.banner_part .owl-nav button.owl-next:hover, .banner_part .owl-nav button.owl-prev:hover { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .banner_part .owl-nav button.owl-next, .banner_part .owl-nav button.owl-prev { + left: 20px; + } +} +.banner_part .owl-nav button.owl-next { + left: auto; + right: 50px; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .banner_part .owl-nav button.owl-next { + right: 20px; + } +} + +.banner_part .owl-item.active .banner_iner h5, +.banner_part .owl-item.active .banner_iner h2, +.banner_part .owl-item.active .banner_iner .btn_2 { + -webkit-animation: animmate_In_Left 1s ease 0s both; + animation: animmate_In_Left 1s ease 0s both; +} + +.banner_part .owl-item.active .banner_iner h5 { + -webkit-animation-delay: 0.3s; + animation-delay: 0.3s; +} + +.banner_part .owl-item.active .banner_iner h2 { + -webkit-animation-delay: 0.5s; + animation-delay: 0.5s; +} + +.banner_part .owl-item.active .banner_iner .btn_2 { + -webkit-animation-delay: 0.7s; + animation-delay: 0.7s; +} + +@-webkit-keyframes animmate_In_Left { + 0% { + -webkit-transform: translateX(-150px); + transform: translateX(-150px); + opacity: 0; + } + 100% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + opacity: 1; + } +} +@keyframes animmate_In_Left { + 0% { + -webkit-transform: translateX(-150px); + transform: translateX(-150px); + opacity: 0; + } + 100% { + -webkit-transform: translateX(0px); + transform: translateX(0px); + opacity: 1; + } +} +/********* banner part css end ********/ + +.course_details { + overflow: hidden; + margin-top: -80px; + z-index: 9; + position: relative; +} +@media (max-width: 767.98px) { + .course_details { + margin-top: 0; + } +} +.course_details .single_course_list { + margin-top: 60px; +} +@media (max-width: 767.98px) { + .course_details .single_course_list { + margin-top: 30px; + } + .course_details .single_course_list:first-child { + margin-top: 0; + } +} +.course_details .single_course_list img { + max-width: 55px; +} +.course_details .single_course_list h4 { + margin: 25px 0 13px; + font-size: 20px; + font-weight: 600; +} +.course_details .course_details_iner { + margin-top: 73px; + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} +.course_details .course_details_iner .single_course_list { + flex: 40% 0 0; +} +@media (max-width: 576px) { + .course_details .course_details_iner .single_course_list { + flex: 100% 0 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details .course_details_iner .single_course_list { + flex: 48% 0 0; + } +} +.course_details .course_details_iner p { + line-height: 26px; +} +.course_details .course_registration_form { + background-color: #fff; + box-shadow: 0px 30px 60px 0px rgba(2, 25, 55, 0.08); + border-radius: 10px; + padding: 45px 40px 40px; +} +@media (max-width: 767.98px) { + .course_details .course_registration_form { + padding: 20px; + margin-top: 40px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details .course_registration_form { + padding: 20px; + } +} +.course_details .course_registration_form h3 { + font-size: 26px; + font-weight: 600; + margin-bottom: 33px; + line-height: 34px; +} +@media (max-width: 767.98px) { + .course_details .course_registration_form h3 { + font-size: 20px; + line-height: 28px; + margin-bottom: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details .course_registration_form h3 { + font-size: 20px; + line-height: 28px; + } +} +.course_details .course_registration_form input, .course_details .course_registration_form .niceSelect { + border-radius: 50px; + display: block; + width: 100%; + background-color: #f0f3f7; + padding: 19px 25px; + color: #7c8189; + margin-bottom: 20px; + border: 2px solid #f0f3f7; + height: auto; + line-height: 18px; + font-size: 16px; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.course_details .course_registration_form input:focus, .course_details .course_registration_form .niceSelect:focus { + background-color: transparent; + border: 2px solid #cbe0fb; + color: #0b1c39; +} +.course_details .course_registration_form input:after, .course_details .course_registration_form .niceSelect:after { + top: 24px; + right: 34px; + font-size: 24px; +} +@media (max-width: 767.98px) { + .course_details .course_registration_form input, .course_details .course_registration_form .niceSelect { + font-size: 14px; + padding: 9px 25px; + } + .course_details .course_registration_form input:after, .course_details .course_registration_form .niceSelect:after { + right: 27px; + font-size: 24px; + top: 12px; + } +} +.course_details .course_registration_form .btn_1 { + margin-top: 20px; + padding: 16px 26px; + font-size: 16px; + text-align: center; + display: block; +} +.course_details .course_registration_form .btn_1:hover { + background-color: transparent; + border: 2px solid #0d56dc; + color: #0d56dc; +} +.course_details .course_registration { + position: relative; + z-index: 1; +} +.course_details .course_registration_form input, +.course_details .course_registration_form .niceSelect { + -moz-appearance:none; /* Firefox */ + -webkit-appearance:none; /* Safari and Chrome */ + appearance:none; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details .course_registration { + margin-top: 35px; + } +} +.course_details .course_registration .cources_details_bg { + position: absolute; + right: -60px; + bottom: -85px; + z-index: -1; +} +.course_details .course_registration .cources_details_icon { + position: absolute; + right: -73px; + bottom: 50px; + z-index: -1; +} + +.course_registration_form .countdown { + margin-top: 40px; + border-top: 1px solid #dce1e9; + padding-top: 27px; + display: flex; + justify-content: space-between; +} +@media (max-width: 767.98px) { + .course_registration_form .countdown { + margin-top: 30px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_registration_form .countdown { + margin-top: 30px; + } +} +.learnpress .learn-press-form-login button[type="submit"]:hover, +.learnpress .learn-press-form-register button[type="submit"]:hover { + background-color: #222222; +} + +.countdown .time { + font-size: 30px; + margin-right: 20px; + color: #2572ff; + line-height: 35px; + font-weight: 600; +} +.countdown .time:last-child { + margin-right: 0; +} +@media (max-width: 767.98px) { + .countdown .time { + font-size: 20px; + line-height: 28px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .countdown .time { + font-size: 20px; + line-height: 28px; + margin-right: 12px; + } +} +.countdown .time span { + font-size: 16px; + color: #727881; + font-weight: 400; + display: block; + line-height: 20px; +} +@media (max-width: 767.98px) { + .countdown .time span { + font-size: 14px; + line-height: 16px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .countdown .time span { + line-height: 32px; + font-size: 13px; + } +} + +.about_us { + position: relative; +} + +.about_us .about_us_img { + position: relative; +} +.about_us .about_us_img img { + border-radius: 10px; +} +@media (max-width: 767.98px) { + .about_us .about_us_img { + margin-bottom: 35px; + } + .display-4 { + font-size: 2rem; + } +} +@media (min-width: 768px) and (max-width: 991px) { + .display-4 { + font-size: 3rem; + } +} +.about_us .about_icon { + position: absolute; + top: -41px; + z-index: 1; + left: 64px; +} +.about_us .about_tricker { + position: absolute; + top: -60px; + left: -60px; + height: 150px; + width: 150px; + display: flex; + align-items: center; + background-color: #2572ff; + text-align: center; + justify-content: center; + border-radius: 50%; + z-index: 2; +} +@media (max-width: 767.98px) { + .about_us .about_tricker { + top: -50px; + left: -10px; + height: 80px; + width: 80px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .about_us .about_tricker { + top: -50px; + left: -10px; + height: 80px; + width: 80px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .about_us .about_tricker { + top: -50px; + left: -10px; + height: 115px; + width: 115px; + } +} +.about_us .tricker_iner p { + text-transform: uppercase; + color: #fff; + line-height: 25px; + margin: 0; +} +@media (max-width: 767.98px) { + .about_us .tricker_iner p { + font-size: 10px; + line-height: 16px; + margin: 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .about_us .tricker_iner p { + font-size: 10px; + line-height: 16px; + margin: 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .about_us .tricker_iner p { + font-size: 14px; + line-height: 26px; + margin: 0; + } +} +.about_us .tricker_iner span { + font-size: 40px; + font-weight: 700; + color: #fff; + margin-bottom: 0; + line-height: 43px; +} +@media (max-width: 767.98px) { + .about_us .tricker_iner span { + font-size: 18px; + line-height: 25px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .about_us .tricker_iner span { + font-size: 18px; + line-height: 25px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .about_us .tricker_iner span { + font-size: 18px; + line-height: 25px; + } +} +.about_us .about_us_details h2 { + font-size: 50px; + line-height: 64px; + margin-bottom: 20px; + font-weight: 600; +} +@media (max-width: 767.98px) { + .about_us .about_us_details h2 { + font-size: 25px; + line-height: 32px; + margin-bottom: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .about_us .about_us_details h2 { + font-size: 25px; + line-height: 32px; + margin-bottom: 15px; + } +} +.about_us .about_us_details h3 { + font-size: 24px; + color: #2572ff; + margin-bottom: 15px; + font-weight: 300; +} +@media (max-width: 767.98px) { + .about_us .about_us_details h3 { + font-size: 14px; + line-height: 24px; + margin-bottom: 10px; + } +} +@media (max-width: 991px) { + .about_us .about_us_details h3 { + font-size: 14px; + line-height: 24px; + margin-bottom: 10px; + } +} +.about_us .about_us_details h3 span { + color: #0b1c39; + font-weight: 500; +} +.about_us .about_us_details p { + margin-bottom: 20px; + line-height: 28px; +} +@media (max-width: 767.98px) { + .about_us .about_us_details p { + margin-bottom: 20px; + } +} +@media (max-width: 991px) { + .about_us .about_us_details p { + margin-bottom: 20px; + } +} +.about_us .about_us_details .btn_1 { + margin-top: 21px; + padding: 15px 44px; + box-shadow: 0px 20px 40px 0px rgba(68, 134, 254, 0.2); +} +.about_us .about_us_details .btn_1:hover { + box-shadow: none; + background-color: transparent; + color: #0d56dc;; +} +.about_us .about_sharp_1 { + position: absolute; + bottom: 50px; + right: 0; +} +.about_us .about_sharp_2 { + position: absolute; + bottom: 440px; + right: 75px; +} +.about_us .about_sharp_3 { + position: absolute; + bottom: 425px; + right: 125px; +} + +.single_about_page { + padding: 180px 0 120px; +} +@media (max-width: 991px) { + .single_about_page { + padding: 120px 0 70px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .single_about_page { + padding: 130px 0 100px; + } +} + +.popular_course .single_courses_item { + border-radius: 6px; + margin: 0 15px; + -webkit-transition: 0.3s; + transition: 0.3s; + box-shadow: 0px 3px 6px 0px rgba(2, 25, 55, 0.04); +} +@media (max-width: 576px) { + .popular_course .single_courses_item { + margin: 0; + } +} +.popular_course .single_courses_item:hover { + box-shadow: 0px 30px 50px 0px rgba(2, 25, 55, 0.08); +} +.popular_course .single_courses_item img { + border-radius: 10px 10px 0 0; +} +.popular_course .single_courses_item h4 { + font-size: 17px; + font-weight: 500; + line-height: 28px; + margin: 18px 0 23px; + -webkit-transition: 0.3s; + transition: 0.3s; +} +.popular_course .single_courses_item h4:hover { + color: #2572ff; +} +.popular_course .courses_item_iner { + padding: 30px 40px 15px; + background-color: #fff; + border-radius: 0 0 6px 6px; + min-height: 280px; + margin-bottom: 40px; +} +.popular_course .popular_courses_item.owl-carousel .courses_item_iner { + margin-bottom: 0; +} +@media (max-width: 991px) { + .popular_course .courses_item_iner { + padding: 20px 15px 15px; + } + .popular_course .col-xl-4:last-child .single_courses_item .courses_item_iner { + margin-bottom: 0; + } + .course_category .col-xl-3:last-child .single_category_item { + margin-bottom: 0; + } + .learn-press-courses li:last-child { + margin-bottom: 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .popular_course .courses_item_iner { + padding: 25px 20px 22px; + } +} +.popular_course .popular_course_list { + justify-content: space-between; + margin-top: 18px; + border-top: 1px solid #ebeff6; + padding-top: 16px; +} +.popular_course .owl-carousel .owl-stage { + margin: 0 30px 65px 0px; +} +.owl-carousel .owl-dots { + position: absolute; + left: 0; + right: 0; + bottom: 6px; + align-items: center; + display: flex; + justify-content: center; +} +.owl-carousel .owl-dots .owl-dot { + width: 6px; + height: 6px; + background-color: #c0c9d7; + display: inline-block; + border-radius: 50%; + margin: 0 5px; + transform: scale(1); +} +.owl-carousel button.owl-dot.active { + background-color: #2572ff; + transform: scale(1.7); +} + +.course_author { + display: flex; + align-items: center; +} +.course_author p { + padding-left: 10px; +} +.course_author img { + max-width: 50px !important; + border-radius: 50% !important; +} +.courses_item_iner .course_author { + display: inline-block; +} +.courses_item_iner .course_author img { + display: inline-block; +} +.courses_item_iner .author_name { + text-transform: capitalize; + display: inline-block; + margin-left: 15px; +} +.courses_item_iner .author_name a { + text-transform: capitalize; + color: #626a77; +} +.courses_item_iner .courses_review { + display: flex; + align-items: center; + position: relative; +} +.courses_item_iner .courses_review .review_icon { + position: absolute; + right: 100px; +} +.courses_review .courses_btn { + font-size: 14px; + padding: 5px 10px; + line-height: 14px; + background-color: #2572ff; + color: #fff; + text-transform: uppercase; + border-radius: 50px; + margin-right: 5px; +} +.courses_review .courses_btn:hover { + color: #fff; +} +.courses_review .review_icon { + margin-left: 40px; +} +@media (max-width: 767.98px) { + .courses_review .review_icon { + margin-left: 8px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_review .review_icon { + margin-left: 9px; + } +} +.courses_review .review_icon i { + color: #ffbe21; + font-size: 12px; +} +.courses_review span { + color: #7a818d; + margin-left: 8px; + font-size: 14px; + position: absolute; + right: 0; +} +@media (max-width: 767.98px) { + .courses_review span { + font-size: 12px; + } +} + +.popular_course_list { + display: flex; +} +.popular_course_list p { + color: #0b1c39; +} +.popular_course_list p i { + color: #2572ff; + margin-right: 8px; +} + +.courses_list_style .single_courses_item { + display: flex; + align-items: center; +} +@media (max-width: 576px) { + .courses_list_style .single_courses_item { + display: block; + } +} +.courses_list_style .single_courses_item:hover { + box-shadow: 0px 10px 30px 0px rgba(2, 25, 55, 0.06); +} +.courses_list_style .single_courses_item .courses_item_iner { + padding: 55px 50px 15px; +} +@media (max-width: 991px) { + .courses_list_style .single_courses_item .courses_item_iner { + padding: 20px 15px 15px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_list_style .single_courses_item .courses_item_iner { + padding: 30px 25px 15px; + } +} +.courses_list_style .single_courses_item img { + max-width: 372px; + width: auto !important; + border-radius: 5px 0 0 5px; +} +@media (max-width: 576px) { + .courses_list_style .single_courses_item img { + max-width: 100%; + width: 100% !important; + border-radius: 5px 5px 0 0; + } +} +@media only screen and (min-width: 576px) and (max-width: 767.98px) { + .courses_list_style .single_courses_item img { + max-width: 215px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_list_style .single_courses_item img { + max-width: 300px; + } +} +.courses_list_style .single_courses_item h4 { + font-size: 30px; + line-height: 42px; + margin: 18px 0 28px; +} +@media (max-width: 991px) { + .courses_list_style .single_courses_item h4 { + font-size: 20px; + line-height: 28px; + margin: 10px 0 15px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_list_style .single_courses_item h4 { + font-size: 25px; + line-height: 35px; + } +} +.courses_list_style .single_courses_item .course_author img { + max-width: 30px; + border-radius: 50%; +} +.courses_list_style .single_courses_item .popular_course_list { + margin-top: 50px; + padding-top: 25px; +} +@media only screen and (min-width: 576px) and (max-width: 767.98px) { + .courses_list_style .single_courses_item .popular_course_list { + margin-top: 25px; + padding-top: 15px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_list_style .single_courses_item .popular_course_list { + margin-top: 25px; + padding-top: 15px; + } +} + +.course_category .single_category_item { + display: block; + text-align: center; + padding: 50px 40px; + background-color: rgba(37, 114, 255, 0.08); + border-radius: 6px; + -webkit-transition: 0.5s; + transition: 0.5s; + margin-bottom: 30px; +} +.course_category_item.owl-carousel .single_category_item { + margin-bottom: 0; +} +@media (max-width: 991px) { + .course_category .single_category_item { + padding: 30px; + } +} +.course_category .single_category_item:hover { + transform: translateY(-10px); +} +.course_category .single_category_item img { + width: 75px; + height: 75px; + margin: 0 auto; + margin-bottom: 36px; +} +.course_category .single_category_item #icon { + fill: #ff2572; + fill-rule: evenodd; +} +.course_category .single_category_item h4 { + font-size: 18px; + margin-bottom: 2px; +} +.course_category .single_category_item h4, .course_category .single_category_item p { + color: #2572ff; +} +.course_category .pink { + background-color: rgba(255, 37, 114, 0.08); +} +.course_category .pink h4, .course_category .pink p { + color: #ff2572; +} +.course_category .yellow { + background-color: rgba(250, 173, 25, 0.08); +} +.course_category .yellow h4, .course_category .yellow p { + color: #faad19; +} +.course_category .green { + background-color: rgba(19, 205, 59, 0.08); +} +.course_category .green h4, .course_category .green p { + color: #13cd3b; +} +.course_category .owl-carousel .owl-stage { + margin: 10px 0 57px; +} +.course_category .owl-dots { + position: absolute; + left: 0; + right: 0; + bottom: -2px; + align-items: center; + display: flex; + justify-content: center; +} +.course_category .owl-dots .owl-dot { + width: 6px; + height: 6px; + background-color: #c0c9d7; + display: inline-block; + border-radius: 50%; + margin: 0 5px; + transform: scale(1); +} +.course_category button.owl-dot.active { + background-color: #2572ff; + transform: scale(1.7); +} + +.single_instructor_item { + margin-bottom: 30px; +} +.instructor_list .single_instructor_tittle h4 { + font-size: 20px; + font-weight: 600; + margin: 25px 0 9px; +} +@media (max-width: 991px) { + .instructor_list .single_instructor_tittle h4 { + margin: 10px 0 9px; + } +} +.instructor_list .single_instructor_tittle h4 a { + color: #0b1c39; +} +.instructor_list .single_instructor_tittle h4 a:hover { + color: #2572ff; +} +.instructor_list .single_instructor_tittle p { + line-height: 14px; +} +.instructor_list .single_instructor { + position: relative; +} +.instructor_list .single_instructor .social_icon { + position: absolute; + bottom: 35px; + left: 0; + z-index: 5; + opacity: 0; + visibility: hidden; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.instructor_list .single_instructor .social_icon i { + font-size: 14px; + color: #626a77; +} +.instructor_list .single_instructor .social_icon a { + display: block; + width: 40px; + height: 40px; + line-height: 40px; + text-align: center; + background-color: #fff; + border-radius: 50%; + margin: 10px 0; + border: 2px solid #fff; +} +.instructor_list .single_instructor .social_icon a:hover { + background-color: #2572ff; + border: 2px solid #2572ff; + box-shadow: none; +} +.instructor_list .single_instructor .social_icon a:hover i { + color: #fff; +} +.instructor_list .single_instructor img { + transform: scale(1); + -webkit-transition: 0.3s; + transition: 0.3s; +} +.instructor_list .single_instructor .instructor_img { + position: relative; + z-index: 1; + display: block; + overflow: hidden; +} +.instructor_list .single_instructor .instructor_img img { + border-radius: 6px; + height: 300px; + width: 100%; +} +@media (max-width: 991px) { + .instructor_list .single_instructor .instructor_img img { + width: 100%; + } +} +.instructor_list .single_instructor .instructor_img:after { + position: absolute; + content: ""; + left: 0; + right: 0; + width: 100%; + height: 100%; + background-color: #0b1c39; + opacity: 0; + -webkit-transition: 0.5s; + transition: 0.5s; + border-radius: 6px; +} +.instructor_list .single_instructor:hover .social_icon { + transform: translateX(30px); + opacity: 1; + visibility: visible; +} +.instructor_list .single_instructor:hover .instructor_img:after { + opacity: 0.8; +} +.instructor_list .single_instructor:hover img { + transform: scale(1.1); +} +@media (max-width: 991px) { + .instructor_list .single_instructor_item { + margin-bottom: 30px; + } +} +@media (max-width: 991px) { + .instructor_list .col-lg-3:last-child .single_instructor_item { + margin-bottom: 0; + } +} + +.event_page_instructor h3 { + font-size: 26px; + font-weight: 700; + margin-bottom: 42px; +} +@media (max-width: 991px) { + .event_page_instructor h3 { + font-size: 20px; + margin-bottom: 30px; + } +} + +.motivation { + height: 720px; + position: relative; + display: flex; + align-items: center; +} +@media (max-width: 767.98px) { + .motivation { + display: block; + height: auto; + padding: 70px 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .motivation { + height: 600px; + } +} +.motivation h2 { + font-size: 40px; + line-height: 50px; + margin-bottom: 26px; + font-weight: 600; +} +@media (max-width: 767.98px) { + .motivation h2 { + font-size: 25px; + line-height: 35px; + margin-bottom: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .motivation h2 { + font-size: 25px; + line-height: 35px; + margin-bottom: 15px; + } +} +.motivation p { + margin-bottom: 33px; +} +.motivation .single_item { + width: 270px; + display: flex; + align-items: center; + padding: 15px 30px; + background-color: #fff; + margin-top: 20px; + box-shadow: 0px 20px 40px 0px rgba(2, 25, 55, 0.06); + border-radius: 4px; + -webkit-transition: 0.5s; + transition: 0.5s; +} +@media (max-width: 767.98px) { + .motivation .single_item { + width: 100%; + } +} +.motivation .single_item i { + color: #626a77; + margin-right: 20px; +} +.motivation .single_item i, .motivation .single_item p { + margin-bottom: 0; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.motivation .single_item:hover i, .motivation .single_item:hover p { + color: #2572ff; +} +.motivation .single_item.active i, .motivation .single_item.active p { + color: #2572ff; +} + +.motivation_video { + height: 100%; + width: 50%; + position: absolute; + right: 0; + top: 0; + display: flex !important; + align-items: center; + justify-content: center; +} +.motivation_video span { + max-width: 16px; + color: #2572ff; + text-shadow: 0px 10px 16px rgba(37, 114, 255, 0.4); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.motivation_video a { + width: 120px; + height: 120px; + line-height: 120px; + text-align: center; + background-color: #fff; + border-radius: 50%; + display: inline-block; +} +@media (max-width: 991px) { + .motivation_video a { + width: 80px; + height: 80px; + line-height: 80px; + } +} +.motivation_video a:hover span { + color: #2572ff; + text-shadow: none; +} + +.motivation_video { + background-image: url("img/motivation_video_bg.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.bg_1 { + background-image: url("img/banner.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.bg_2 { + background-image: url("img/course_thumb.png"); + background-position: center; + background-repeat: no-repeat; + background-size: cover; +} + +.motivation_content .nav-tabs .nav-link { + border: 0 solid transparent; +} +.motivation_content .nav-tabs { + border-bottom: 0 solid transparent; +} +@media (max-width: 576px) { + .motivation_content .nav-item { + width: 100%; + } +} + +.animated_play_button:before { + content: ""; + position: absolute; + z-index: 0; + left: 50%; + top: 50%; + transform: translateX(-20%) translateY(-20%); + display: block; + width: 120px; + height: 120px; + border: 2px solid rgba(255, 255, 255, 0.4); + border-radius: 50%; + animation: animated_border 1500ms ease-in-out infinite; +} +@media (max-width: 991px) { + .animated_play_button:before { + width: 80px; + height: 80px; + } +} + +@media (max-width: 767.98px) { + .motivation_video { + position: relative; + left: 15px; + width: 90%; + margin-top: 30px; + height: 300px; + } +} +@keyframes animated_border { + 0% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); + opacity: 1; + } + 100% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.4); + opacity: 0; + } +} +@keyframes animated_border_2 { + 0% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); + opacity: 1; + } + 100% { + transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.2); + opacity: 0; + } +} +.event_list { + position: relative; +} +.event_list .single_event_list { + display: flex; + align-items: center; + padding: 45px 50px; + box-shadow: 0px 30px 70px 0px rgba(2, 25, 55, 0.08); + border-radius: 10px; + margin-bottom: 40px; +} +@media (max-width: 767.98px) { + .event_list .single_event_list { + display: block; + padding: 20px 25px; + margin-bottom: 15px; + } +} +.event_list .single_event_list:last-child { + margin-bottom: 0; +} +.event_list .single_event_list img { + border-radius: 50% 0 50% 50%; + margin-right: 50px; + max-width: 275px; +} +@media (max-width: 767.98px) { + .event_list .single_event_list img { + margin-right: 0; + max-width: 241px; + margin-bottom: 25px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .event_list .single_event_list img { + max-width: 150px; + } +} +.event_list .single_event_list h5 { + font-size: 16px; + text-transform: uppercase; + margin-bottom: 5px; + color: #fdb70d; + font-weight: 400; +} +.event_list .single_event_list h2 { + font-size: 26px; + line-height: 40px; + font-weight: 600; + margin-bottom: 24px; + -webkit-transition: 0.5s; + transition: 0.5s; +} +@media (max-width: 767.98px) { + .event_list .single_event_list h2 { + font-size: 18px; + line-height: 26px; + margin-bottom: 15px; + } +} +@media (max-width: 991px) { + .event_list .single_event_list h2 { + font-size: 18px; + line-height: 26px; + margin-bottom: 15px; + } +} +.event_list .single_event_list a { + color: #0b1c39; +} +.event_list .single_event_list a h2:hover { + color: #2572ff; +} +.event_list .event_list_tag { + margin-bottom: 22px; + direction: ltr; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .event_list .event_list_tag { + margin-bottom: 10px; + } +} +.event_list .event_list_tag i { + color: #2572ff; + margin-right: 10px; +} +.event_list .event_list_tag a { + margin-right: 42px; +} +.event_list .event_list_tag p { + display: inline-block; + margin-right: 40px; +} +.event_list .event_list_tag p:last-child { + margin-right: 0; +} +.event_list .event_list_btn { + text-align: center; + margin: 0 auto; +} +.event_list .btn_3 { + margin-top: 22px; +} +.event_list .about_sharp_3 { + position: absolute; + left: 10%; + top: 28%; +} +.event_list .about_sharp_2 { + position: absolute; + left: 17%; + bottom: 39%; +} +.event_list .about_sharp_1 { + position: absolute; + right: 6%; + top: 28%; +} +.event_list .about_sharp_4 { + position: absolute; + right: 17%; + bottom: 45%; +} +.event_list .about_sharp_5 { + position: absolute; + right: 11%; + bottom: 23%; +} + +.student_review { + background-color: #3070e6; + position: relative; + z-index: 1; + overflow: hidden; +} +.student_review .review_overlay_1 { + position: absolute; + left: 100px; + bottom: 0; + z-index: -1; +} +.student_review .review_overlay_2 { + position: absolute; + left: 0; + bottom: 0; + z-index: -1; +} +.student_review .student_review_tittle { + position: relative; +} +.student_review .student_review_tittle h2 { + font-size: 60px; + line-height: 70px; + margin-bottom: 98px; + font-weight: 700; +} +@media (max-width: 767.98px) { + .student_review .student_review_tittle h2 { + font-size: 25px; + line-height: 33px; + margin-bottom: 20px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .student_review .student_review_tittle h2 { + font-size: 32px; + line-height: 47px; + } +} +.student_review .student_review_tittle img { + position: absolute; + right: 0; + bottom: -17px; +} +.student_review h2, .student_review p, .student_review h4 { + color: #fff; +} +.student_review p { + font-size: 20px; + font-weight: 400; + line-height: 34px; + color: #e3ecfb; +} +@media (max-width: 991px) { + .student_review p { + font-size: 16px; + line-height: 28px; + } +} +.student_review .student_review_content { + display: flex; + align-items: center; + margin-top: 40px; +} +@media (max-width: 991px) { + .student_review .student_review_content { + margin-top: 20px; + } +} +.student_review .student_review_content img { + max-width: 70px; + border-radius: 50%; + margin-right: 30px; +} +.student_review .student_review_content p { + font-size: 16px; + line-height: 30px; +} +.student_review .student_review_content h4 { + font-size: 20px; + line-height: 16px; + margin-bottom: 4px; +} +.student_review .owl-nav { + position: absolute; + left: -105%; + bottom: 20px; + z-index: 99; +} +@media (max-width: 767.98px) { + .student_review .owl-nav { + position: relative; + left: 0; + bottom: 0; + margin-top: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .student_review .owl-nav { + position: absolute; + left: -54%; + bottom: 20px; + } +} +.student_review .owl-nav button.owl-next, .student_review .owl-nav button.owl-prev { + border: 2px solid #d4d7dc; + height: 50px; + width: 50px; + line-height: 50px; + text-align: center; + font-size: 20px; + color: #d4d7dc; + background-color: transparent; + display: inline-block; + border-radius: 50%; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.student_review .owl-nav button.owl-next:hover, .student_review .owl-nav button.owl-prev:hover { + background-color: #fff; + color: #2572ff; + border: 2px solid #fff; +} +.student_review .owl-next { + margin-left: 10px; +} +.student_review .circle_shape_1 { + border-radius: 50%; + background: rgba(255, 255, 255, 0.9); + opacity: 0.08; + position: absolute; + left: 258px; + bottom: -200px; + width: 330px; + height: 330px; + -webkit-animation: circleAnimation 5s linear infinite; + animation: circleAnimation 5s linear infinite; + z-index: -1; +} +.student_review .circle_shape_2 { + border-radius: 50%; + background: rgba(255, 255, 255, 0.9); + opacity: 0.1; + position: absolute; + left: -100px; + bottom: -120px; + width: 510px; + height: 510px; + -webkit-animation: circleAnimation 7s linear infinite; + animation: circleAnimation 7s linear infinite; + z-index: -1; +} + +.course_single_page .single_courses_item { + margin: 40px 0 0; +} +@media (max-width: 767.98px) { + .course_single_page .single_courses_item { + margin: 15px 0 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_single_page .single_courses_item { + margin: 15px 0 0; + } +} + +.single_courses_filter { + flex: 24% 0 0; + border-right: 1px solid #e4e8ef; +} +@media (max-width: 576px) { + .single_courses_filter { + flex: 100% 0 0; + border-right: 0 solid transparent; + } +} +@media (min-width: 576px) and (max-width: 991px) { + .single_courses_filter { + flex: 50% 0 0; + border-right: 1 solid #e4e8ef; + } +} +.single_courses_filter:last-child { + border-right: 0px solid transparent; +} +@media (min-width: 576px) and (max-width: 991px) { + .single_courses_filter:nth-child(n+2) { + border-right: 0 solid transparent; + } +} +.single_courses_filter input { + padding: 14px 15px; + border: 0px solid transparent; + line-height: 22px; + color: #8b9098; +} +@media (min-width: 576px) and (max-width: 991px) { + .single_courses_filter input { + padding: 14px 20px; + } +} +.single_courses_filter .niceSelect { + border: 0px solid transparent; + height: 50px; + font-size: 16px; + line-height: 50px; + color: #8b9098; + font-weight: 400; +} +@media (max-width: 576px) { + .single_courses_filter .niceSelect { + margin: 10px 0; + } +} +@media (min-width: 576px) and (max-width: 991px) { + .single_courses_filter .niceSelect { + margin: 10px 0; + } +} +.single_courses_filter .niceSelect:after { + top: 3px; + right: 28px; + font-size: 24px; + color: #8b9098; +} + +.courses_filter_part { + display: flex; + flex-wrap: wrap; + background-color: #fff; + justify-content: center; + box-shadow: 0px 30px 70px 0px rgba(2, 25, 55, 0.08); + padding: 15px 15px; + margin-bottom: 20px; +} +.courses_filter_part .btn_1 { + float: right; + padding: 15px 45px; +} +.courses_filter_part .btn_1:hover { + background-color: #0d56dc; + border: 2px solid #0d56dc; + color: #fff; +} +@media (max-width: 576px) { + .courses_filter_part .btn_1 { + width: 100%; + text-align: center; + } +} + +.cta_part { + background-color: #2572ff; + position: relative; + z-index: 1; + overflow: hidden; +} +.cta_part .cta_part_iner h2 { + font-size: 44px; + line-height: 54px; + font-weight: 700; + color: #fff; +} +@media (max-width: 767.98px) { + .cta_part .cta_part_iner h2 { + font-size: 25px; + line-height: 34px; + } + .cta_part .cta_part_iner h2 br { + display: none; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .cta_part .cta_part_iner h2 { + font-size: 35px; + line-height: 43px; + } + .cta_part .cta_part_iner h2 br { + display: none; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .cta_part .cta_part_iner h2 br { + display: none; + } +} +.cta_part .cta_part_iner p { + font-size: 24px; + margin-top: 25px; + color: #fff; +} +@media (max-width: 767.98px) { + .cta_part .cta_part_iner p { + font-size: 18px; + margin-top: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .cta_part .cta_part_iner p { + font-size: 22px; + margin-top: 15px; + } +} +.cta_part .cta_btn { + float: right; +} +@media (max-width: 767.98px) { + .cta_part .cta_btn { + float: left; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .cta_part .cta_btn { + float: left; + } +} +.cta_part .cta_btn .btn_3 { + box-shadow: 0px 20px 40px 0px rgba(2, 25, 55, 0.2); + padding: 19px 42px; + border: 2px solid #fff; +} +.cta_part .cta_btn .btn_3:hover { + border: 2px solid #fff; + box-shadow: none; +} +@media (max-width: 767.98px) { + .cta_part .cta_btn .btn_3 { + padding: 14px 35px; + margin-top: 15px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .cta_part .cta_btn .btn_3 { + padding: 14px 35px; + margin-top: 15px; + } +} +.cta_part .circle_shape_1 { + border-radius: 50%; + background: rgba(255, 255, 255, 0.9); + opacity: 0.08; + position: absolute; + right: 260px; + bottom: -200px; + width: 325px; + height: 325px; + -webkit-animation: circleAnimation 5s linear infinite; + animation: circleAnimation 5s linear infinite; + z-index: -1; +} +.cta_part .circle_shape_2 { + border-radius: 50%; + background: rgba(255, 255, 255, 0.9); + opacity: 0.1; + position: absolute; + right: -100px; + bottom: -120px; + width: 474px; + height: 425px; + -webkit-animation: circleAnimation 7s linear infinite; + animation: circleAnimation 7s linear infinite; + z-index: -1; +} + +.grid_course_single_page .single_courses_item { + margin: 40px 0 0; +} +@media (max-width: 767.98px) { + .grid_course_single_page .single_courses_item { + margin: 15px 0 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .grid_course_single_page .single_courses_item { + margin: 15px 0 0; + } +} +.grid_course_single_page .single_courses_item img { + width: 100%; +} + +.grid_courses_filter_part { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 10px; + flex-wrap: wrap; +} +.grid_courses_filter_part .single_courses_filter { + border: 0px solid transparent; + position: relative; +} +@media (max-width: 576px) { + .grid_courses_filter_part .single_courses_filter { + margin: 10px 0; + } +} +@media (min-width: 576px) and (max-width: 991px) { + .grid_courses_filter_part .single_courses_filter { + margin: 10px 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .grid_courses_filter_part .single_courses_filter { + margin: 10px 0; + } +} +.grid_courses_filter_part .single_courses_filter i { + color: #2572ff; + float: left; + margin-right: 10px; + font-size: 16px; +} +.grid_courses_filter_part .single_courses_filter p { + line-height: 17px; +} +.grid_courses_filter_part .single_courses_filter .icon_search { + position: absolute; + right: 20px; + top: 16px; + margin-right: 0; + font-size: 20px; + color: #8b9098; +} +.grid_courses_filter_part .single_courses_filter input { + color: #a3a8b0; + width: 100%; +} +.grid_courses_filter_part input { + color: #000; +} + +@media (max-width: 991px) { + .education_sidebar { + margin-top: 60px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .education_sidebar { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + } +} +.education_sidebar .single_sidebar { + padding: 40px 35px 18px; + background-color: #fff; + border-radius: 5px; + box-shadow: 0px 3px 6px 0px rgba(2, 25, 55, 0.04); + margin-bottom: 30px; +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .education_sidebar .single_sidebar { + flex: 47% 0 0; + } +} +.education_sidebar .single_sidebar h4 { + font-size: 18px; + line-height: 20px; + position: relative; + margin-bottom: 47px; +} +.education_sidebar .single_sidebar h4:after { + position: absolute; + content: ""; + left: 0; + bottom: -18px; + width: 50px; + height: 2px; + background-color: #2572ff; +} +.education_sidebar .single_sidebar ul { + padding: 0; + margin: 0; +} +.education_sidebar .single_sidebar ul li { + list-style: none; + margin: 16px 0; + font-size: 15px; +} + +.blog_sidebar .single_sidebar { + margin-bottom: 30px; + position: relative; +} +.blog_sidebar .single_sidebar h3 { + font-size: 20px; + font-weight: 600; + line-height: 15px; + margin-bottom: 30px; + padding-bottom: 15px; + border-bottom: 1px solid #e7e9f2; +} +.blog_sidebar .single_sidebar h3 a { + color: #445363; +} +.blog_sidebar .single_sidebar h3 a:hover { + color: #2572ff; +} +.blog_sidebar .single_sidebar:last-child { + margin-bottom: 0; +} +.blog_sidebar .single_sidebar .search_form { + display: flex; +} +.blog_sidebar .single_sidebar .search_form input { + padding: 20px 30px; + background-color: #f6f7fa; + border-radius: 6px; + border: 1px solid #f6f7fa; + width: 100%; +} +.blog_sidebar .single_sidebar .search_form i { + position: absolute; + right: 30px; + top: 26px; + color: #2572ff; +} +.blog_sidebar .single_sidebar .single_sidebar_post { + display: flex; + margin-bottom: 20px; +} +.blog_sidebar .single_sidebar .single_sidebar_post:last-child { + margin-bottom: 0; +} +.blog_sidebar .single_sidebar .single_sidebar_post img { + max-width: 90px; + max-height: 80px; + border-radius: 6px; +} +.blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content { + padding-left: 20px; +} +.blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content h4 { + font-size: 16px; +} +.blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content h4 a { + color: #445363; +} +.blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content h4 a:hover { + color: #2572ff; +} +@media (max-width: 991px) { + .blog_sidebar .single_sidebar .single_sidebar_post img { + max-height: 80px; + } + .blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content h4 { + font-size: 15px; + } +} +.blog_sidebar .single_sidebar .category_list p { + margin-bottom: 24px; + line-height: 13px; +} +.blog_sidebar .single_sidebar .category_list p:last-child { + margin-bottom: 0; +} +.blog_sidebar .single_sidebar .category_list p a { + color: #626a77; +} +.blog_sidebar .single_sidebar .category_list p a:hover { + color: #2572ff; +} +.blog_sidebar .single_sidebar .sidebar_tag_list .btn_4 { + margin: 0 7px 10px 0; +} + +.single_review_part.blog_page_single_item p { + margin-bottom: 15px; +} +.single_review_part.blog_page_single_item span { + color: #6b6b7a; +} + +.wpcf7 input[type="submit"] { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + display: inline-block; + padding: 14px 23px; + text-transform: capitalize; + line-height: 16px; + font-size: 16px; + font-weight: 500; + border-radius: 50px; + white-space: nowrap; + -webkit-transition: 0.5s; + transition: 0.5s; + margin-top: 30px; +} + +.wpcf7 input[type="submit"]:hover { + background-color: transparent; + color: #2572ff; +} + +footer.entry-footer { + margin-top: 30px; +} + +.course_details .course_registration_form input, +.course_details .course_registration_form .niceSelect { + margin-bottom: 15px; +} + +.courses_filter_left_filter { + display: flex; + flex: 46% 0 0; + flex-wrap: wrap; +} +@media (max-width: 767.98px) { + .courses_filter_left_filter { + flex: 100% 0 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_filter_left_filter { + flex: 70% 0 0; + } +} +.courses_filter_left_filter .single_courses_filter { + flex: 50% 0 0; + flex-wrap: wrap; +} +@media (max-width: 767.98px) { + .courses_filter_left_filter .single_courses_filter { + flex: 100% 0 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .courses_filter_left_filter .single_courses_filter { + flex: 100% 0 0; + } +} + +.courses_filter_right_filter { + display: flex; + flex: 50% 0 0; + justify-content: flex-end; + flex-wrap: wrap; +} +@media (max-width: 767.98px) { + .courses_filter_right_filter { + flex: 100% 0 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .courses_filter_right_filter { + flex: 100% 0 0; + justify-content: flex-start; + margin-top: 15px; + } +} +.courses_filter_right_filter .single_courses_filter { + flex: 50% 0 0; +} +@media (max-width: 767.98px) { + .courses_filter_right_filter .single_courses_filter { + flex: 100% 0 0; + } +} +.courses_filter_right_filter .single_filter { + margin-right: 30px; + width: 150px; + box-shadow: 0px 30px 70px 0px rgba(2, 25, 55, 0.08); +} +@media (max-width: 767.98px) { + .courses_filter_right_filter .single_filter { + margin-right: 0; + margin: 15px 0; + width: 100%; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .courses_filter_right_filter .single_filter { + margin-right: 0; + margin: 0 0 15px; + } +} +.courses_filter_right_filter .single_filter .niceSelect { + border: 0px solid transparent; + height: 60px; + font-size: 16px; + line-height: 60px; + color: #626a77; + font-weight: 400; + width: 100%; + display: block; +} +.courses_filter_right_filter .single_filter .niceSelect:after { + top: 4px; +} +.courses_filter_right_filter .single_filter .niceSelect .list { + padding: 10px 0; +} +.courses_filter_right_filter .courses_filter_search { + position: relative; + max-width: 240px; + box-shadow: 0px 30px 70px 0px rgba(2, 25, 55, 0.08); +} +@media (max-width: 767.98px) { + .courses_filter_right_filter .courses_filter_search { + max-width: 100%; + width: 100%; + } +} +.courses_filter_right_filter .courses_filter_search input { + padding: 19px 30px; + border: 0px solid transparent; + line-height: 22px; + color: #a3a8b0; + width: 100%; + border-radius: 6px; +} +.courses_filter_right_filter .courses_filter_search ::placeholder { + color: #a3a8b0; +} +.courses_filter_right_filter .courses_filter_search .icon_search { + position: absolute; + right: 20px; + top: 20px; + margin-right: 0; + font-size: 20px; + color: #8b9098; + transform: rotate(270deg); +} + +.courses_details_style { + background-color: #fbfcfd; +} + +.courses_details_iner .course_author img { + max-width: 40px; +} +.courses_details_iner .course_author h5 { + font-size: 16px; + margin-bottom: 0; + padding-left: 20px; +} +.courses_details_iner .course_author span { + margin: 0 15px; +} +.courses_details_iner .course_author p { + padding: 0; +} +@media (max-width: 576px) { + .courses_details_iner .course_author span { + display: none; + } + .courses_details_iner .course_author img { + max-width: 30px; + } + .courses_details_iner .course_author p { + font-size: 13px; + margin-left: 15px; + } + .courses_details_iner .course_author h5 { + font-size: 13px; + padding-left: 5px; + } +} +.courses_details_iner h2 { + font-size: 30px; + margin: 6px 0 22px; + font-weight: 600; +} +@media (max-width: 576px) { + .courses_details_iner h2 { + font-size: 25px; + line-height: 33px; + } +} +.courses_details_iner .couses_overview { + margin-bottom: 50px; +} +.courses_details_iner .popular_course_list p { + padding-left: 25px; +} +.courses_details_iner .popular_course_list p i { + margin-right: 10px; +} +@media (max-width: 576px) { + .courses_details_iner .popular_course_list p { + padding-left: 0; + margin-right: 15px; + margin-top: 15px; + } +} + +.course_details_tab .course_details_decription ul { + padding: 0; + margin: 24px 0 0; +} +.course_details_tab .course_details_decription ul li { + list-style: none; + color: #626a77; + margin: 10px 0; +} +@media (max-width: 576px) { + .course_details_tab .course_details_decription ul li { + margin: 5px 0; + } +} +.course_details_tab .course_details_decription ul li i, .course_details_tab .course_details_decription ul li span { + color: #2572ff; + margin-right: 15px; +} +.course_details_tab .course_details_decription .colum_2 li { + width: 50%; + float: left; +} +@media (max-width: 576px) { + .course_details_tab .course_details_decription .colum_2 li { + width: 100%; + } +} +.course_details_tab h3 { + font-size: 20px; + font-weight: 500; + margin: 45px 0 17px; +} +.course_details_tab p { + margin-bottom: 25px; +} +.course_details_tab .nav-tabs { + border-bottom: 0px solid transparent; + background-color: #eff2f8; +} +.course_details_tab .course_details_tab { + margin-top: 30px; +} +.course_details_tab .course_details_tab .nav-link { + line-height: 16px; + border: 0 solid transparent; + color: #0b1c39; + padding: 19px 36px; + border-top: 4px solid #eff2f8; + border-radius: 0; +} +@media (max-width: 767.98px) { + .course_details_tab .course_details_tab .nav-link { + padding: 19px 10px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details_tab .course_details_tab .nav-link { + padding: 19px 25px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .course_details_tab .course_details_tab .nav-link { + padding: 19px 20px; + } +} +.course_details_tab .course_details_tab .nav-link i { + font-size: 16px; + color: #2572ff; + margin-right: 5px; +} +@media (max-width: 767.98px) { + .course_details_tab .course_details_tab .nav-item { + width: 50%; + float: left; + text-align: center; + } +} +.course_details_tab .course_details_tab .active { + border-top: 4px solid #2572ff; +} +.course_details_tab .course_details_decription .course_author { + align-items: center; + margin-bottom: 20px; +} +.course_details_tab .course_details_decription .course_author img { + max-width: 60px; + border-radius: 50%; + background-color: #b7cffb; + box-shadow: 0px 20px 40px 0px rgba(2, 25, 55, 0.08); +} +.course_details_tab .course_details_decription .course_author h5 { + margin-left: 25px; + font-size: 20px; + margin-bottom: 0; +} +.course_details_tab .course_details_decription .course_chapter { + border-bottom: 1px solid #dce1e9; + padding-bottom: 23px; +} +.course_details_tab .course_details_decription .course_chapter:last-child { + border-bottom: 0px solid transparent; + padding-bottom: 0; +} +.course_details_tab .single_review_part { + padding: 32px 40px; + background-color: #f6f7fa; + margin-top: 50px; +} +@media (max-width: 576px) { + .course_details_tab .single_review_part { + padding: 20px 30px; + } +} +.course_details_tab .single_review_part h3 { + margin: 0 0 23px; +} +.course_details_tab .single_review_part .single_progress_bar { + display: flex; + align-items: center; + line-height: 38px; +} +.course_details_tab .single_review_part .single_progress_bar .progress { + margin: 0 25px 0 34px; + height: 8px; + border-radius: 50px; + width: 100%; +} +.course_details_tab .single_review_part .single_progress_bar p { + font-size: 16px; + display: inline-block; + margin-bottom: 0; + white-space: nowrap; + flex: 60px 0 0; +} +.course_details_tab .single_review_part .single_progress_bar span { + flex: 30px 0 0; +} +.course_details_tab .progress_bar { + flex: 64% 0 0; + padding-right: 30px; +} +@media (max-width: 576px) { + .course_details_tab .progress_bar { + flex: 100% 0 0; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details_tab .progress_bar { + flex: 60% 0 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .course_details_tab .progress_bar { + flex: 60% 0 0; + } +} +.course_details_tab .caouse_rating { + background-color: #fff; + padding: 46px 30px; + flex: 26% 0 0; + align-self: center; + text-align: center; + height: 210px; + border-radius: 4px; + box-shadow: 0px 3px 6px 0px rgba(2, 25, 55, 0.04); +} +@media (max-width: 576px) { + .course_details_tab .caouse_rating { + flex: 100% 0 0; + padding: 30px 25px; + margin-top: 30px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .course_details_tab .caouse_rating { + flex: 35% 0 0; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .course_details_tab .caouse_rating { + flex: 35% 0 0; + } +} +.course_details_tab .caouse_rating p { + margin-bottom: 0; + color: #0b1c39; +} +.course_details_tab .caouse_rating h2 { + font-size: 50px; + font-weight: 500; +} +.course_details_tab .review_icon { + margin: 9px 0 6px; +} +.course_details_tab .review_icon i { + color: #ffbe21; +} +.course_details_tab .student_feedback { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.course_details_tab .load_comment { + text-align: center; + border-top: 1px solid #e7e9f2; + margin-top: 40px; + padding-top: 24px; +} +.course_details_tab .load_comment i { + margin-left: 5px; +} + +#comments li { + list-style: none; +} + +.comment-author b { + margin-left: 20px; +} + +.comment-author span { + margin-left: 10px; +} + +.comment-metadata { + margin-bottom: 15px; +} + +.comment_part h3 { + margin: 0 0 36px; +} +.comment_part p { + margin-bottom: 30px; +} +.comment_part .admin_tittle { + display: flex; + justify-content: space-between; + margin-bottom: 10px; +} +.comment_part .admin_tittle h5 { + font-size: 15px; + font-weight: 500; +} +.comment_part .admin_tittle h5 span { + display: block; + color: #9ba1ba; + margin-top: 6px; + font-weight: 400; +} +.comment_part .admin_tittle .review_icon { + margin: 0; +} +.comment_part .admin_tittle .review_icon i { + font-size: 12px; +} +.comment_part .replay_btn { + font-size: 14px; + color: #626a77; + width: 70px; + height: 30px; + line-height: 30px; + background-color: #e9edf7; + text-align: center; + border-radius: 50px; + display: inline-block; + margin-right: 20px; + font-weight: 500; +} +.comment_part .replay_btn:hover { + background-color: #2572ff; + color: #fff; +} +.comment_part .like_btn { + color: #2572ff; + font-size: 16px; +} +.comment_part .like_btn i { + color: #626a77; + margin-right: 12px; +} +.comment_part .media { + padding-top: 0; + margin-top: 0; + border-top: 0 solid transparent; +} +.comment_part .media img { + margin-right: 30px; + border-radius: 50%; + max-width: 60px; +} +@media (max-width: 576px) { + .comment_part .media img { + margin-right: 10px; + } +} +.comment_part .media .media { + padding: 30px 0 0; + border-top: 1px solid #e7e9f2; + margin-top: 30px; +} +@media (max-width: 576px) { + .comment_part .media .media { + display: block !important; + } +} +.comment_part .media .media img { + max-width: 50px; +} +@media (max-width: 576px) { + .comment_part .media .media img { + margin-bottom: 20px; + } +} + +.review_form, .form_style { + margin-top: 45px; +} +.review_form h3, .form_style h3 { + font-size: 20px; + margin: 0 0 6px; +} +.review_form .admin_tittle, .form_style .admin_tittle { + margin-top: 33px; + display: flex; +} +.review_form .admin_tittle p, .form_style .admin_tittle p { + margin-bottom: 0; +} +.review_form .admin_tittle .review_icon, .form_style .admin_tittle .review_icon { + margin: 0 0 0 30px; +} +.review_form .admin_tittle .review_icon i, .form_style .admin_tittle .review_icon i { + font-size: 14px; +} +.review_form .form_single_item, .form_style .form_single_item { + margin-top: 20px; +} +.review_form .form_single_item input, .review_form .form_single_item textarea, .form_style .form_single_item input, .form_style .form_single_item textarea { + background-color: #f6f7fa; + padding: 17px 30px; + border-radius: 30px; + border: 1px solid #f6f7fa; + width: 100%; + font-size: 16px; + color: #626a77; + -webkit-transition: 0.5s; + transition: 0.5s; + text-transform: capitalize; +} +.review_form .form_single_item input:focus, .review_form .form_single_item textarea:focus, .form_style .form_single_item input:focus, .form_style .form_single_item textarea:focus { + background-color: #fff; + border: 1px solid #fff; + color: #626a77; + box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%); +} +.review_form .form_single_item textarea, .form_style .form_single_item textarea { + height: 200px; +} +.review_form .btn_1, .form_style .btn_1 { + padding: 15px 39px; + margin-top: 23px; +} +.review_form .btn_1:hover, .form_style .btn_1:hover { + box-shadow: 0px 20px 40px 0px rgba(68, 134, 254, 0.2); +} + +.add_cart_sidebar { + padding: 40px 19px 37px 30px !important; +} +.add_cart_sidebar h2 { + font-size: 30px; + color: #2572ff; +} +.add_cart_sidebar h2 span { + font-size: 52%; + color: #626a77; + margin-left: 19px; + text-decoration: line-through; +} +.add_cart_sidebar .btn_1 { + width: 100%; + font-size: 16px; + text-align: center; +} +.add_cart_sidebar .btn_1:hover { + box-shadow: 0px 20px 40px 0px rgba(68, 134, 254, 0.2); +} +.add_cart_sidebar h3 { + font-size: 18px; + margin: 37px 0 24px; +} +.add_cart_sidebar p { + position: relative; + padding-left: 32px; + font-size: 15px; + line-height: 22px; + margin: 12px 0; +} +.add_cart_sidebar p:last-child { + margin: 12px 0 0; +} +.add_cart_sidebar p i { + position: absolute; + left: 0; + font-size: 18px; + top: 2px; + color: #a8aeb6; +} + +.single_sidebar .single_courses_category { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 11px; +} +.single_sidebar .single_courses_category:last-child { + margin-bottom: 0; +} +.single_sidebar .single_courses_category p span { + color: #7a818d; +} +.single_sidebar .gmap3 { + width: 100%; + height: 152px; + border: 1px solid #ccd6e8; + border-radius: 5px; + margin-bottom: 26px; +} +.single_sidebar .gm-fullscreen-control { + display: none; +} + +.blog_page_single_item h3 { + font-size: 20px; + position: relative; + margin: 0 0 30px !important; +} +.blog_slider .owl-item { + padding: 20px; +} +@media (max-width: 767px) { + .blog_slider .owl-item { + padding: 15px; + } +} +@media (max-width: 991px) { + .blog_page_single_item h3 { + margin: 0 0 30px !important; + } +} +.blog_page_single_item h3:after { + position: absolute; + left: 0; + bottom: -7px; + width: 70px; + height: 1px; + background-color: #2572ff; + content: ""; +} + +.eventcountdown { + display: flex; + flex-wrap: wrap; + justify-content: space-between; + background-color: #2572ff; + border-radius: 5px; + margin-top: 30px; +} +.eventcountdown .time { + flex: 25% 0 0; + font-size: 30px; + color: #fff; + padding: 19px; + font-weight: 600; + padding-left: 10%; + border-right: 1px solid #3b80ff; + line-height: 26px; +} +@media (max-width: 767.98px) { + .eventcountdown .time { + flex: 50% 0 0; + } +} +.eventcountdown .time:last-child { + border-right: 0px solid transparent; +} +.eventcountdown .time span { + font-size: 16px; + display: block !important; + font-weight: 400; +} + +.upcoming_event_desc { + margin-top: 44px; +} +@media (max-width: 767.98px) { + .upcoming_event_desc { + margin-top: 20px; + } +} +.upcoming_event_desc h2 { + font-size: 26px; + margin-top: 15px; +} +@media (max-width: 767.98px) { + .upcoming_event_desc h2 { + margin-top: 20px; + line-height: 35px; + } +} +.upcoming_event_desc p { + margin: 12px 0; +} +.upcoming_event_desc p i { + color: #2572ff; + margin-right: 15px; +} +.upcoming_event_desc .event_desc_list h4 { + font-size: 18px; + margin: 38px 0 30px; +} + +.upcoming_event_details .instructor_list h3 { + font-size: 26px; + margin-bottom: 43px; + font-weight: 700; +} +.upcoming_event_details .single_sidebar p i { + color: #2572ff; +} + +.education_sidebar .contactMap { + height: 150px; + border: 2px solid #cbe0fb; + border-radius: 5px; + margin-bottom: 27px; +} +.education_sidebar #contactMap { + height: 100% !important; +} +.education_sidebar .gmnoprint { + display: none; +} + +.upcoming_event_details .add_cart_sidebar { + padding: 27px 30px 37px !important; +} + +.single_page_blog_post.grid-post:last-child { + margin-bottom: 50px; +} +.single_page_blog_post.grid-post img { + max-width: 100%; +} +.page_pageination.grid-post { + width: 100%; +} +.single_page_blog_post { + margin-bottom: 30px; + border-radius: 5px; +} +.blog_posts .row .col-xl-6:last-child .single_page_blog_post { + margin-bottom: 0px; +} +.single_page_blog_post .post_author { + margin-bottom: 8px; + direction: ltr; +} +.single_page_blog_post .post_author p { + display: inline-block; + margin-right: 20px; +} +.single_page_blog_post .post_author p i { + margin-right: 8px; +} +.single_page_blog_post .single_blog_content { + padding: 35px 50px 45px; + background-color: #f8f9fb; +} +@media (max-width: 991px) { + .single_page_blog_post .single_blog_content { + padding: 15px 20px 20px; + } + .single_page_blog_post .single_blog_content .post_author { + padding: 10px 0px 0px; + } +} +.single_page_blog_post .single_blog_content h2 { + font-size: 30px; + line-height: 1.4; + font-weight: 600; + margin-bottom: 28px; +} +@media (max-width: 991px) { + .single_page_blog_post .single_blog_content h2 { + font-size: 20px; + } +} +.single_page_blog_post .single_blog_content h2 a { + color: #0b1c39; +} +.single_page_blog_post .single_blog_content h2 a:hover { + color: #2572ff; +} +.single_page_blog_post .single_blog_content .read_more_btn { + color: #0b1c39; + font-size: 16px; + margin-top: 35px; + display: inline-block; + font-weight: 500; + display: flex; + align-items: center; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.single_page_blog_post .single_blog_content .read_more_btn i { + margin-left: 10px; + font-weight: 500; +} +.single_page_blog_post .single_blog_content .read_more_btn:hover { + color: #2572ff; +} + +.quote_post { + position: relative; +} +.quote_post .quote_icon_1 { + position: absolute; + right: 50px; + bottom: 10px; +} +.quote_post .quote_icon_2 { + position: absolute; + left: 50px; + top: 0; +} + +.quote_post p, .link_post p { + font-size: 20px; + line-height: 1.5; +} +.quote_post p a, .link_post p a { + color: #626a77; +} +.quote_post p a:hover, .link_post p a:hover { + color: #2572ff; +} +.quote_post .post_author p, .link_post .post_author p { + font-size: 16px; + line-height: 26px; +} + +.video_post .post_thumb { + position: relative; + z-index: 1; +} +.video_post .post_thumb .popup_youtube { + width: 80px; + height: 80px; + display: inline-block; + background-color: #fff; + text-align: center; + line-height: 80px; + border-radius: 50%; + color: #2572ff; + position: absolute; + left: 0; + right: 0; + margin: 0 auto; + top: 45%; +} +.video_post .post_thumb .popup_youtube span { + max-width: 16px; + text-shadow: 0px 10px 16px rgba(37, 114, 255, 0.4); + -webkit-transition: 0.5s; + transition: 0.5s; +} +.video_post .post_thumb .popup_youtube:hover span { + box-shadow: none; +} + +.single_blog_details .single_page_blog_post { + margin-bottom: 39px; +} +.single_blog_details img { + margin-bottom: 35px; + max-width: 100%; +} +.single_blog_details .blog_details_content .img-fluid { + width: 100%; + max-width: 100%; +} +.single_blog_details h2 { + font-size: 30px; + font-weight: 600; + margin-bottom: 17px; +} +@media (max-width: 991px) { + .single_blog_details h2 { + font-size: 25px; + line-height: 35px; + } +} +.single_blog_details p { + margin-bottom: 25px; +} +.single_blog_details .single_blog_list { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-bottom: 23px; +} +.single_blog_details .single_blog_list p { + color: #445363; + margin-bottom: 8px; + flex: 45% 0 0; +} +@media (max-width: 991px) { + .single_blog_details .single_blog_list p { + flex: 100% 0 0; + } +} +.single_blog_details .single_blog_list p i { + color: #2572ff; + margin-right: 10px; +} + +.blog_page_single_item { + margin-bottom: 30px; + margin-top: 35px; +} + +.blog_page_single_item:last-child { + margin-bottom: 0px; +} + +@media (max-width: 991px) { + .blog_page_single_item { + margin-top: 40px; + } +} +.blog_page_single_item .reply_btn { + color: #445363; + display: flex; + align-items: center; +} +.blog_page_single_item .reply_btn i { + font-size: 20px; + margin-right: 10px; +} +.blog_page_single_item .reply_btn:hover { + color: #2572ff; +} +.blog_page_single_item .btn_3 { + margin-top: 25px; +} +.blog_page_single_item input:focus { + border: 1px solid #f2f2f2; +} + +.tag_share_list { + display: flex; + justify-content: space-between; + padding-top: 25px; + margin-top: 50px; + border-top: 1px solid #dce1e9; +} +@media (max-width: 991px) { + .tag_share_list { + display: block; + } +} +.tag_share_list h4 { + font-size: 18px; + font-weight: 500; + margin-right: 8px; + margin-bottom: 0; +} +@media (max-width: 991px) { + .tag_share_list h4.tag-title { + margin-bottom: 15px; + } +} +.tag_share_list .btn_4 { + padding: 5px 21px; + margin-left: 10px; +} +@media (max-width: 991px) { + .tag_share_list .btn_4 { + margin: 10px 10px 0 0; + } +} +.tag_share_list .share_icon_list h4 { + margin-right: 0; +} +.tag_share_list .share_icon_list i { + font-size: 14px; + color: #626a77; + margin-left: 15px; + cursor: pointer; +} +.tag_share_list .share_icon_list a:hover { + color: #2572ff; +} + +@media (max-width: 991px) { + .post_tag { + display: inline-block !important; + margin-bottom: 15px; + } +} + +.post_author { + padding: 30px 30px 48px; +} +.post_author img { + max-width: 80px; + border-radius: 50%; + display: inline-block; + float: left; + margin-right: 20px; +} + +.post_author .avatar { + height: 60px; + width: 60px; +} +.post_author .author_details h5 { + font-size: 18px; + margin-bottom: 11px; +} +.post_author .author_details h5 span { + color: #626a77; + display: block; + font-size: 16px; + line-height: 27px; +} +.post_author .author_details p { + margin-bottom: 0; +} + +@media (max-width: 991px) { + .share_icon_list { + margin-top: 20px; + } +} + +.single_page_header .icon_menu { + color: #fff; +} + +@media (max-width: 991px) { + .blog_sidebar.left-sidebar { + margin-bottom: 50px; + } + .blog_sidebar.right-sidebar { + margin-top: 50px; + } +} +.contact_form { + margin-top: 0; +} +.contact_form h3 { + text-align: center; + font-size: 30px; + margin-bottom: 30px; + font-weight: 700; +} +.contact_form p { + margin-bottom: 30px; +} +.contact_form .btn_3 { + margin-top: 30px; +} +@media (max-width: 767px) { + .contact_form h3 { + font-size: 25px; + } +} +@media (min-width: 1200px) { + .contact_sidebar { + padding-top: 75px; + } +} +.contact_sidebar h4 { + font-size: 24px; + margin-bottom: 37px; + font-weight: 600; + line-height: 1.5; +} +.contact_sidebar .single_contact_sidebar { + position: relative; + padding-left: 35px; + margin-bottom: 30px; +} +.contact_sidebar .single_contact_sidebar i { + position: absolute; + left: 0; + top: 3px; + color: #2572ff; +} +.contact_sidebar .single_contact_sidebar h5 { + font-size: 16px; + margin-bottom: 11px; + font-weight: 500; +} +.contact_sidebar .single_contact_sidebar p { + line-height: 24px; +} + +.blog_sidebar .social_icon { + margin-top: 15px; +} + +.contactMap { + height: 500px; + border: 2px solid #cbe0fb; +} + +#contactMap { + height: 100% !important; +} + +.contact_page .form_single_item input, .contact_page .form_single_item textarea { + border: 2px solid #f3f5f9; +} +.contact_page .form_single_item input:focus, .contact_page .form_single_item textarea:focus { + background-color: #fff; + border: 2px solid #cbe0fb; + color: #626a77; + box-shadow: none; +} + +.error_page { + display: flex; + align-items: center; + position: relative; + overflow: hidden; +} +.error_page .error_page_iner { + text-align: center; + margin: 0 auto; +} +.error_page .error_page_iner input { + padding: 18px; +} +.error_page .error_page_iner h3 { + margin-top: 40px; + font-size: 36px; + font-weight: 600; +} +.error_page p { + margin-top: 41px; + font-weight: 500; +} +.error_page p i { + margin-right: 10px; + font-weight: 500; +} +.error_page .error_icon_1 { + position: absolute; +} +.error_page [class^=error_icon_] { + position: absolute; +} +@media (max-width: 767px) { + .error_page .error_page_iner h3 { + font-size: 26px; + } +} +@media (max-width: 991px) { + .error_page [class^=error_icon_] { + display: none; + } +} +.error_page [class^=error_icon_] .layer { + position: relative !important; +} +.error_page .error_icon_1 { + left: 10%; + top: 10%; +} +.error_page .error_icon_2 { + left: 8%; + top: 49%; +} +.error_page .error_icon_3 { + left: 11%; + bottom: 10%; +} +.error_page .error_icon_4 { + left: 60%; + bottom: 10%; +} +.error_page .error_icon_5 { + right: 10%; + top: 10%; +} +.error_page .error_icon_6 { + right: 7%; + top: 50%; +} +.error_page .error_icon_7 { + right: 0; + bottom: 8%; +} +.error_page .error_icon_8 { + left: 32%; + top: 38%; +} +.error_page .error_icon_9 { + right: 30%; + top: 50%; +} + +.icon_animation { + overflow: hidden; +} + +.subscribe_form { + display: flex; + align-items: center; + margin-top: 71px; +} + +.subscribe_form input[type="submit"] { + width: 50% !important; +} + +@media (max-width: 576px) { + .subscribe_form { + display: block; + margin-top: 30px; + } +} +.subscribe_form input { + width: 100%; + border: 1px solid #cbe0fb; + border-radius: 50px; + font-size: 16px; + padding: 16px 30px; + line-height: 26px; +} +.subscribe_form a { + padding: 7px 27px; + display: inline-block; + background-color: #2572ff; + border: 1px solid #2572ff; + position: absolute; + right: 21px; + line-height: 8px; + border-radius: 50px; +} +@media (max-width: 576px) { + .subscribe_form a { + display: block; + width: 100%; + margin-top: 15px; + top: 3px; + right: 6px; + } +} +.subscribe_form a i { + font-size: 34px; + color: #fff; +} + +.go_back { + color: #0b1c39; +} +.go_back:hover { + color: #2572ff; +} + +.error_page_iner .subscribe_form input[type="text"] { + padding: 16px 30px; + line-height: 26px; +} +@media (max-width: 576px) { + .error_page_iner .subscribe_form input[type="text"] { + padding: 16px 105px 16px 15px; + } +} + +@media (max-width: 576px) { + .error_page .subscribe_form { + position: relative; + } + .error_page .subscribe_form a { + display: flex; + width: auto; + position: absolute; + top: -9px; + right: 6px; + } + .error_page .subscribe_form a i { + font-size: 33px; + } +} + +.comming_soon_page { + min-height: 94vh; + display: flex; + align-items: center; + position: relative; + overflow: hidden; +} +@media (max-width: 991px) { + .comming_soon_page { + margin: 50px 0; + } +} +.comming_soon_page .comming_soon_icon_1 { + position: absolute; + left: 8%; + top: 10%; + z-index: -1; +} +@media (max-width: 576px) { + .comming_soon_page .comming_soon_icon_1 { + display: none; + } +} +.comming_soon_page .comming_soon_icon_2 { + position: absolute; + left: 50%; + top: 10%; + z-index: -1; +} +@media (max-width: 576px) { + .comming_soon_page .comming_soon_icon_2 { + display: none; + } +} +.comming_soon_page .comming_soon_icon_3 { + position: absolute; + left: 80%; + top: 20%; + z-index: -1; +} +@media (max-width: 576px) { + .comming_soon_page .comming_soon_icon_3 { + display: none; + } +} +.comming_soon_page .comming_soon_icon_4 { + position: absolute; + left: 90%; + top: 13%; + z-index: -1; +} +@media (max-width: 576px) { + .comming_soon_page .comming_soon_icon_4 { + display: none; + } +} +.comming_soon_page .section_tittle { + text-align: center; + margin-bottom: 72px; +} +.comming_soon_page .comming_soom { + display: flex; + justify-content: space-between; + flex-wrap: wrap; +} +.comming_soon_page .comming_soom .single_countdown { + flex: 17% 0 0; + background-color: #fff; + box-shadow: 0px 20px 50px 0px rgba(2, 25, 55, 0.08); + border-radius: 10px; + padding: 34px 20px 34px 5%; + color: #626a77; +} +@media (max-width: 576px) { + .comming_soon_page .comming_soom .single_countdown { + flex: 48% 0 0; + padding: 25px 25px 15%; + margin-bottom: 15px; + } +} +@media only screen and (min-width: 576px) and (max-width: 767.98px) { + .comming_soon_page .comming_soom .single_countdown { + flex: 30% 0 0; + padding: 30px 25px 9%; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .comming_soon_page .comming_soom .single_countdown { + flex: 15% 0 0; + padding: 30px 25px 20px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .comming_soon_page .comming_soom .single_countdown { + padding: 30px 40px 20px; + } +} +.comming_soon_page .comming_soom .single_countdown span { + font-size: 70px; + font-weight: 500; + color: #0b1c39; + line-height: 78px; + display: block; +} +@media (max-width: 767.98px) { + .comming_soon_page .comming_soom .single_countdown span { + font-size: 30px; + line-height: 38px; + display: block; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .comming_soon_page .comming_soom .single_countdown span { + font-size: 30px; + line-height: 38px; + display: block; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .comming_soon_page .comming_soom .single_countdown span { + font-size: 30px; + line-height: 38px; + display: block; + } +} +.comming_soon_page .comming_soom .single_countdown:last-child span { + color: #2572ff; +} +.comming_soon_page .subscribe_form { + margin-top: 120px; +} +@media (max-width: 991px) { + .comming_soon_page .subscribe_form { + margin: 50px 0; + } +} +.comming_soon_page .subscribe_form input { + background-color: #fff; + box-shadow: 0px 3px 6px 0px rgba(2, 25, 55, 0.07); + border: 1px solid #fff; +} +.comming_soon_page .subscribe_form a { + position: relative; + line-height: 25px; + color: #fff; + padding: 14px 35px; + margin-left: 41px; +} +@media (max-width: 576px) { + .comming_soon_page .subscribe_form a { + margin-left: 6px; + } +} + +.copyright_content { + background-color: #0b1c39; + padding: 14.5px 0; +} +.copyright_content p { + font-size: 18px; + color: #fff; +} +.copyright_content .copyright_social_icon { + display: flex; + align-items: center; +} +.copyright_content .copyright_social_icon a { + margin-left: 20px; + line-height: 15px; +} +.copyright_content .copyright_social_icon a i { + color: #8692a6; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.copyright_content .copyright_social_icon a i:hover { + color: #2572ff; +} +.footer_section { + padding: 100px 0 30px; + position: relative; + background: #f6f7fa; +} +@media (max-width: 767.98px) { + .footer_section { + padding: 40px 0 37px; + } + .footer_section .social_icon a { + margin-bottom: 10px; + } + .footer_section .col-lg-12 .copyright_part { + margin-top: 30px; + } +} +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .footer_section { + padding: 40px 0 37px; + } + .footer_section .social_icon a { + margin-bottom: 10px; + } +} +@media only screen and (min-width: 992px) and (max-width: 1199.98px) { + .footer_section { + padding: 100px 0 37px; + } +} +@media (max-width: 991px) { + .footer_section .single_feature_footer { + margin-top: 30px; + } +} +.footer_section .single_feature_footer img { + margin-bottom: 35px; +} +@media (max-width: 767.98px) { + .footer_section .single_feature_footer img { + margin-bottom: 15px; + } +} +.footer_section .footer_contact_info { + margin-top: 37px; +} +@media (max-width: 767.98px) { + .footer_section .footer_contact_info { + margin-top: 20px; + } +} +@media (max-width: 991px) { + .footer_section .footer_contact_info { + margin-top: 20px; + } +} +.footer_section .footer_contact_info a { + color: #2572ff; + margin-bottom: 15px; + display: block; +} +@media (max-width: 767.98px) { + .footer_section .footer_contact_info a { + margin-bottom: 5px; + } +} +.footer_section .footer_contact_info a i { + margin-right: 7px; +} +.footer_section .footer_nav h4 { + font-size: 18px; + margin-bottom: 26px; + text-transform: uppercase; +} +@media (max-width: 991px) { + .footer_section .footer_nav h4 { + margin-bottom: 18px; + } +} +.footer_section .footer_nav ul { + padding: 0; + margin: 0; +} +.footer_section .footer_nav ul li { + list-style: none; +} +.footer_section .footer_nav ul li a { + color: #626a77; + margin: 6px 0; + display: inline-block; +} +@media (max-width: 991px) { + .footer_section .footer_nav ul li a { + margin: 4px 0; + } +} +.footer_section .footer_nav ul li a:hover { + color: #2572ff; +} +.footer_section .copyright_part { + margin-top: 67px; + padding-top: 30px; + border-top: 1px solid #ebeef3; + +} +.footer_section .copyright_part p { + margin: 0; +} +@media (max-width: 767.98px) { + .footer_section .copyright_part p { + text-align: center; + } + .footer_section .copyright_part .social_icon { + text-align: center; + float: none; + } +} +.footer_section .copyright_part a { + color: #2572ff; +} +.footer_section .footer_sharp_1 { + position: absolute; + bottom: 0; + left: 43px; +} +@media (max-width: 767.98px) { + .footer_section .footer_sharp_1 { + left: 0; + right: 0; + margin: 0 auto; + } +} +.footer_section .footer_sharp_2 { + position: absolute; + bottom: 134px; + left: 175px; +} +.footer_section .footer_sharp_3 { + position: absolute; + bottom: 180px; + left: 110px; +} +@media (max-width: 767.98px) { + .footer_section .footer_sharp_1 { + width: 75%; + } +} + +.social_icon { + float: right; +} +@media (max-width: 767.98px) { + .social_icon { + margin-top: 20px; + } +} +.social_icon a { + height: 44px; + width: 44px; + line-height: 44px; + text-align: center; + border-radius: 50%; + background-color: transparent; + display: inline-block; + font-size: 14px; + margin-right: 5px; + border: 2px solid #dce1e9; +} +.social_icon a i { + color: #9198a4; + -webkit-transition: 0.5s; + transition: 0.5s; +} +.social_icon a:hover { + background-color: #2572ff; + color: #fff; + border: 2px solid #2572ff; + box-shadow: 0px 10px 20px 0px rgba(89, 149, 253, 0.4); +} +.social_icon a:hover i { + color: #fff; +} + +/* Zoom Meeting CSS */ +.dpn-zvc-shortcode-op-wrapper .vczapi-shortcode-meeting-table tbody tr td { + padding: 10px; +} + +.vczapi-join-via-browser-main-wrapper h1 { + text-align: center; +} + +.order-comments { + padding: 10px; +} + +input[type="text"], input[type="email"], input[type="phone"], input[type="password"] { + padding: 10px; +} + +.site-branding .site-title { + margin: 0; +} + +.comments-area .comment-form-cookies-consent { + margin-top: 25px; + margin-bottom: 0; +} + +.comment-form-cookies-consent input { + margin-right: 5px; +} + +/* LearnPress CSS */ +.learn-press-form-login button[type="submit"], .learn-press-form-register button[type="submit"] { + border: none; +} + +.learn-press-form-login button[type="submit"]:hover, +.learn-press-form-register button[type="submit"]:hover { + background-color: var(--lp-secondary-color);; +} + +.lp_profile_course_progress__nav button { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + display: inline-block; + padding: 11px 23px; + text-transform: capitalize; + line-height: 16px; + font-size: 16px; + font-weight: 500; + border-radius: 50px; + white-space: nowrap; + -webkit-transition: 0.5s; + transition: 0.5s; +} + +.lp_profile_course_progress__nav button:hover { + border: 2px solid #2572ff; + color: #2572ff; + background-color: transparent; +} + +#learn-press-course #learn-press-course-tabs .course-author .lp-course-author .course-author__pull-left img { + object-fit: initial; + object-position: initial; + max-width: initial; + width: 150px; + height: 150px; +} + +.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-categories a:hover { + color: #fff; +} + +.lp-archive-courses .learn-press-courses .course .course-item .course-content .course-instructor span { + font-weight: 500; +} + +.lp-content-area { + padding-bottom: 50px; +} + +.lp-content-area .learn-press-pagination .page-numbers > li { + padding: 0; +} + +.learn-press-pagination .page-numbers > li .page-numbers { + height: 50px; + width: 50px; + line-height: 50px; + border: 2px solid #dce1e9; + text-align: center; + color: #9198a4; + font-size: 18px; + display: inline-block; + border-radius: 50px; + margin: 0px 5px; +} + +.learn-press-pagination .page-numbers > li .page-numbers:hover { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + box-shadow: 0px 10px 20px 0px rgb(89 149 253 / 40%); +} + +.learn-press-pagination .page-numbers > li .page-numbers.current { + background-color: #2572ff; + border: 2px solid #2572ff; + color: #fff; + box-shadow: 0px 10px 20px 0px rgb(89 149 253 / 40%); +} + +.lp-entry-content .course-extra-box.active .course-extra-box__content { + display: block; +} + +@media (min-width: 1200px) { + .logged-in.admin-bar .menu_fixed { + top: 32px; + } + /* LearnPress CSS */ + .container.page_section_padding .lp-content-area { + width: initial; + } + .main-content-area.row .learn-press-form-login, + .main-content-area.row .learn-press-form-register { + width: 47%; + max-width: 50%; + } + .main-content-area.row .learn-press-form-login { + float: left; + } + .main-content-area.row .learn-press-form-register { + float: right; + } + .mega_menu_dropdown a.mega_menu_dropdown-toggle.nav-link:after { + position: absolute; + content: "3"; + font-family: "eleganticons"; + right: 0; + } + .mega_menu_dropdown .mega_menu_dropdown a.mega_menu_dropdown-toggle.nav-link:after { + right: 15px; + } +} + +@media (min-width: 991px) and (max-width: 1199px) { + .logged-in.admin-bar .menu_fixed { + top: 32px; + } + /* LearnPress CSS */ + .learn-press-form-login, .learn-press-form-register { + width: 46%; + } + .mega_menu_dropdown a.mega_menu_dropdown-toggle.nav-link:after { + position: absolute; + content: "3"; + font-family: "eleganticons"; + right: 0; + } + .mega_menu_dropdown .mega_menu_dropdown a.mega_menu_dropdown-toggle.nav-link:after { + right: 15px; + } +} + +@media (max-width: 768px) { + .sidebar_icon.troggle_icon.d-lg-none { + margin-right: 12px; + position: relative; + top: 3px; + } + .navbar_btn { + margin-left: 10px; + } + footer.entry-footer { + text-align: center; + } +} + +/* Meeting Countdown CSS */ +.dpn-zvc-single-content-wrapper .dpn-zvc-sidebar-wrapper .dpn-zvc-timer .dpn-zvc-timer-cell { + width: 90px; +} + +.countdown .dpn-zvc-timer-cell .time, .countdown .dpn-zvc-timer-cell span { + color: #fff; +} + +.countdown .dpn-zvc-timer-cell .time { + font-size: 24px; +} + +.countdown .dpn-zvc-timer-cell span { + font-size: 16px; +} + +@media only screen and (max-width: 767px) { + .countdown .dpn-zvc-timer-cell .time { + font-size: 16px; + } + .countdown .dpn-zvc-timer-cell span { + font-size: 12px; + } +} + +@media only screen and (min-width: 768px) and (max-width: 991.98px) { + .countdown .dpn-zvc-timer-cell .time { + font-size: 16px; + } + .countdown .dpn-zvc-timer-cell span { + font-size: 11px; + } +} + +/*========================== +BANNER AREA CSS +============================*/ +.banner-wrapper-area { + position: relative; + z-index: 1; + background-color: #f6f7fa; + padding-top: 100px; + padding-bottom: 100px; +} + +.banner-wrapper-content h1 { + font-size: 55px; + margin-bottom: 30px; +} + +.banner-wrapper-content p { + font-size: 17px; + color: #222222; +} + +.banner-wrapper-content .btn-box { + margin-top: 35px; +} + +.banner-wrapper-content .btn-box .default-btn:nth-child(2) { + margin-left: 15px; +} + +.banner-wrapper-image { + padding-left: 30px; + padding-right: 30px; + text-align: center; +} + +.banner-wrapper-image img { + width: 100%; +} + +.banner-wrapper-content .btn_1 { + padding: 15px 44px; +} + +.banner-wrapper-content .btn_1:hover { + border: 2px solid #2572ff; + color: #2572ff; + background-color: transparent; +} + +@media only screen and (max-width: 767px) { + .banner-wrapper-area { + padding-top: 50px; + padding-bottom: 50px; + } + .banner-wrapper-content { + text-align: center; + top: 0; + } + .banner-wrapper-content h1 { + font-size: 25px; + margin-bottom: 15px; + } + .banner-wrapper-content p { + font-size: 14px; + } + .banner-wrapper-content .btn-box { + margin-top: 20px; + } + .banner-wrapper-content .btn-box .default-btn { + margin-left: 4px !important; + margin-right: 4px !important; + padding: 15px 20px; + font-size: 15px; + } + .banner-wrapper-image { + margin-top: 30px; + } +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .banner-wrapper-area { + padding-top: 50px; + padding-bottom: 50px; + } + .banner-wrapper-content { + text-align: center; + max-width: 600px; + top: 0; + margin-left: auto; + margin-right: auto; + } + .banner-wrapper-content h1 { + font-size: 35px; + line-height: 50px; + margin-bottom: 15px; + } + .banner-wrapper-content p { + font-size: 15px; + } + .banner-wrapper-content .btn-box { + margin-top: 30px; + } + .banner-wrapper-content .btn-box .default-btn { + margin-left: 7px !important; + margin-right: 7px !important; + } + .banner-wrapper-image { + margin-top: 30px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .banner-wrapper-content h1 { + font-size: 45px; + } +} + +/*========================== +One Page Home CSS +============================*/ +@media only screen and (min-width: 992px) { + .one-page-home .navbar_bar ul li a { + padding: 37px 12px; + } + .one-page-home #about, + .one-page-home #courses, + .one-page-home #instructor, + .one-page-home #events, + .one-page-home #contact { + padding-top: 150px; + } + .one-page-home #motivation { + padding-top: 100px; + } +} + +@media only screen and (min-width: 992px) and (max-width: 1199px) { + .one-page-home .navbar_bar ul li a { + padding: 30px 6px; + font-size: 15px; + } + .one-page-home .header_part .btn_1 { + padding: 13px 22px !important; + } +} + +/*========================== +Dark Homepage CSS +============================*/ +.dark-homepage .sub_header { + background: #121212; +} + +.dark-homepage .header_part .sub_header a { + color: #ffffff; +} + +.dark-homepage .header_part .sub_header a:hover { + color: #2572ff; +} + +.dark-homepage .banner-wrapper-area { + background: #121212; +} + +.dark-homepage .banner-wrapper-area h1, +.dark-homepage .banner-wrapper-area p { + color: #ffffff; +} + +.dark-homepage .site-content { + background: #222222; +} + +.dark-homepage .course-content { + background: #ffffff; +} + +.dark-homepage .section_tittle h2, +.dark-homepage .section_tittle p { + color: #ffffff; +} + +.dark-homepage .course_category { + background: #121212; +} + +.dark-homepage .popular_course { + background: #222222; +} + +.dark-homepage .instructor_list { + background: #121212; +} + +.dark-homepage .single_instructor_item h4, +.dark-homepage .single_instructor_item p { + color: #ffffff; +} + +.dark-homepage .event_list { + background: #222222; +} + +.dark-homepage .event_list .single_event_list { + background: #121212; +} + +.dark-homepage .event_list_content h2, +.dark-homepage .event_list_content p { + color: #ffffff; +} + +.dark-homepage .event_list .btn_3 { + background: #222222; + color: #ffffff; + border-color: #ffffff; +} + +.dark-homepage .event_list .btn_3:hover { + background: #2572ff; + border-color: #2572ff; +} + +.dark-homepage .blog_posts { + background: #121212; +} + +/*========================== +RTL Layout CSS +============================*/ +.ltr-rtl-button { + position: fixed; + cursor: pointer; + top: 50%; + right: 3.5%; + z-index: 999; + width: 40px; + text-align: center; + height: 42px; + line-height: 42px; + -webkit-transition: .9s; + transition: .9s; +} + +html[dir="rtl"] .ltr-rtl-button { + right: 0; +} + +.ltr-rtl-button .default-btn { + font-size: 16px; + color: #ffffff; + padding: 15px 30px; + line-height: 1; + -webkit-transition: all 0.5s; + transition: all 0.5s; + text-transform: capitalize; + position: relative; + cursor: pointer; + border-radius: 4px; + text-align: center; + overflow: hidden; + z-index: 1; + background-color: #2572ff; + margin-bottom: -6px; + font-weight: 500; + display: inline-block; +} + +.ltr-rtl-button .default-btn::before { + content: ""; + position: absolute; + top: 0; + right: 0; + width: 0; + height: 100%; + background-color: #222222; + z-index: -1; + -webkit-transition: all 0.5s; + transition: all 0.5s; + border-radius: 4px; +} + +.ltr-rtl-button .default-btn.active { + color: #ffffff; + background-color: #222222; +} + +.ltr-rtl-button .default-btn.active::before { + background-color: #2572ff; +} + +.ltr-rtl-button .default-btn:hover { + color: #ffffff; +} + +.ltr-rtl-button .default-btn:hover::before { + left: 0; + right: auto; + width: 100%; +} + +html[dir="rtl"] .header_part .btn_1 { + margin-left: 0; + margin-right: 10px; +} + +@media only screen and (min-width: 768px) { + html[dir="rtl"] .header_part .header_login_info { + text-align: left; + } + html[dir="rtl"] .header_part .header_login_info a:last-child { + padding: 0 30px 0 0; + } + html[dir="rtl"] .header_part .header_contact_info { + text-align: right; + } + html[dir="rtl"] .header_part .sub_header a { + border-left: 0 solid transparent; + border-right: 1px solid #dce1e9; + } + html[dir="rtl"] .header_part .sub_header a:first-child { + padding: 0 0 0 30px; + border-right: 0 solid transparent; + } +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + html[dir="rtl"] .header_part .header_login_info a:last-child { + padding: 0 18px 0 0; + } + html[dir="rtl"] .header_part .sub_header a:first-child { + padding: 0 0 0 18px; + } +} + +@media only screen and (min-width: 768px) { + .navbar_bar { + right: 15px; + left: 0; + } +} + +@media only screen and (max-width: 767px) { + .ltr-rtl-button { + right: 7%; + } + .ltr-rtl-button .default-btn { + font-size: 15px; + padding: 14px 20px + } +} + +@media only screen and (min-width: 768px) and (max-width: 991px) { + .ltr-rtl-button { + right: 5.5%; + } +} + +@media only screen and (max-width: 991px) { + html[dir="rtl"] .navbar_btn { + margin-left: 0; + margin-right: 10px; + } + html[dir="rtl"] .sidebar_icon.troggle_icon.d-lg-none { + margin-right: 0; + margin-left: 12px; + } +} + +html[dir="rtl"] .single_page_blog_post .single_blog_content .read_more_btn i { + margin-left: 0; + margin-right: 10px; +} + +html[dir="rtl"] .subscribe_form a { + left: 21px; + right: initial; +} + +html[dir="rtl"] .blog_sidebar .single_sidebar .search_form i { + left: 30px; + right: initial; +} + +html[dir="rtl"] .blog_sidebar .single_sidebar .single_sidebar_post .sidebar_post_content { + padding-left: 0; + padding-right: 20px; +} + +html[dir="rtl"] .quote_post .quote_icon_2 { + right: 50px; + left: initial; +} + +html[dir="rtl"] .quote_post .quote_icon_1 { + right: initial; + left: 50px; + bottom: 10px; +} + +html[dir="rtl"] .single_blog_details .quote_post .quote_icon_1 { + bottom: -20px; +} + +html[dir="rtl"] .tag_share_list h4 { + margin-left: 8px; + margin-right: 0; +} + +html[dir="rtl"] .comment_part { + direction: ltr; +} + +html[dir="rtl"] .lp-courses-bar .search-courses button { + left: 12px; + right: initial; +} + +html[dir="rtl"] .lp-courses-bar .switch-layout .switch-btn.list { + margin-left: 0; + margin-right: 3px; +} + +html[dir="rtl"] .lp-courses-bar .search-courses { + margin-right: 0; + margin-left: 20px; +} + +html[dir="rtl"] #checkout-payment .secure-connection i { + margin-right: 0; + margin-left: 5px; +} + +html[dir="rtl"] #checkout-order .lp-checkout-order__inner { + direction: ltr; +} + +html[dir="rtl"] .lp-archive-courses .course-summary { + direction: ltr; +} + +.banner_part, .popular_courses_item, .student_review_iner, +.course_category_item, .blog_slider, .motivation, .popular_course { + direction: ltr; +} |