/***************************************************************************
# Load Fonts
***************************************************************************/
/*
IranSansX fonts are considered a proprietary software. To gain information about the laws
regarding the use of these fonts, please visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: 3N24BZ
---------------------------------------------------------------------
*/
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 600;
src: url("../fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff");
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 300;
src: url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff");
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 900;
src: url("../fonts/IRANSansWeb(FaNum)_Black.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/IRANSansX-ExtraBold.woff") format("woff");
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 500;
src: url("../fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff");
}
@font-face {
font-family: IRANSansX;
font-style: normal;
font-weight: 400;
src: url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/IRANSansWeb(FaNum)_Light.woff") format("woff");
}
/*
IRAN Sans-serif fonts are considered a proprietary software. To gain
information about the laws regarding the use of these fonts, please
visit www.fontiran.com
---------------------------------------------------------------------
This set of fonts are used in this project under the license: 3UTSKT
---------------------------------------------------------------------
*/
@font-face {
font-family: iransansdn;
font-style: normal;
font-weight: 600;
src: url("../fonts/iranyekanwebboldfanum.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/iranyekanwebboldfanum.woff") format("woff");
}
@font-face {
font-family: iransansdn;
font-style: normal;
font-weight: 300;
src: url("../fonts/iranyekanweblightfanum.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/iranyekanweblightfanum.woff") format("woff");
}
@font-face {
font-family: iransansdn;
font-style: normal;
font-weight: 400;
src: url("../fonts/iranyekanwebregularfanum.woff") format("woff"),
/* FF39+,Chrome36+, Opera24+*/ url("../fonts/iranyekanwebregularfanum.woff") format("woff");
}
@media (min-width: 1200px) {
.container,
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1040px !important;
}
}
@media (min-width: 1400px) {
.container,
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1250px !important;
}
}
@media (min-width: 1700px) {
.container,
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1400px !important;
}
}
/***************************************************************************
# General
***************************************************************************/
:root {
--main-color: #fa9716;
--second-color: #7c59e2;
}
html {
scroll-behavior: smooth;
}
.nirweb_container {
width: 99%;
max-width: 1400px;
margin: auto;
}
.required:after {
content: " *";
color: red;
}
.woocommerce-info.cart-empty {
display: none !important;
}
.nirweb_eye_pass {
width: 100%;
position: relative;
}
#togglePassword {
position: absolute;
right: 20px;
top: 17px;
color: #1e385f;
}
.nirweb_register h1 {
color: #000;
font-size: 18px;
}
.error_access_level {
display: flex;
flex-direction: column;
align-items: center;
}
.search_user_results_nirweb {
font-size: 25px;
margin: 0 0 25px 0;
color: #7c59e2;
}
.contcat_subscribe_nirweb {
background-color: #7c59e2;
color: #fff;
border-radius: 8px;
width: 120px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
margin: 15px 0 0 0;
}
.primary___nirweb {
color: #7c59e2;
}
.pdp-default .pdp-footer {
display: none;
}
.swal-footer {
margin-top: 0 !important;
}
.swal-button:not([disabled]):hover,
.swal-button {
background-color: #ffa824 !important;
outline: 0;
}
.nirweb_proj_container {
height: 100%;
background-color: #fff;
border-radius: 18px;
padding: 20px;
}
.swal-text {
text-align: right;
color: #535d6b;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
font-family: "IRANSansX";
background-color: #f7f9fc;
direction: rtl;
}
ul {
list-style: none;
}
a {
text-decoration: none;
display: block;
}
img {
display: block;
max-width: 100%;
height: auto;
}
img.alignright {
display: flex;
justify-content: flex-start;
}
img.alignleft {
margin-right: auto;
display: flex;
}
img.aligncenter {
margin: auto;
display: flex;
}
.w-50 {
width: 50%;
}
.alignright,
.alignleft img {
max-width: 50% !important;
height: auto;
}
.elementor-section.elementor-section-boxed > .elementor-container i.fab {
font-family: "Font Awesome 6 Brands" !important;
}
.elementor-section.elementor-section-boxed > .elementor-container i.fal,
.elementor-section.elementor-section-boxed > .elementor-container i.fas {
font-family: "Font Awesome 6 Pro" !important;
}
:root {
--plyr-color-main: #fa9716;
--font-title: "iransansdn";
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: var(--font-title);
}
.back_phone_nirweb {
color: #614e9d;
margin: 20px 0;
}
.nirweb_404 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 30px 0;
}
.nirweb_404 a {
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 50px;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 60px;
color: #fff;
margin-left: 10px;
}
.nirweb_404 a i {
font-size: 18px;
margin-right: 8px;
}
textarea {
resize: none;
}
input,
textarea,
button {
font-family: inherit;
outline: none;
}
.must-log-in a {
color: #fa9716;
display: inline-block;
}
/***************************************************************************
# My Account
***************************************************************************/
.nirweb_contact_coach_page .nirweb_contact_coach_box {
background: #fff;
padding: 25px;
margin-bottom: 25px;
border-radius: 15px;
}
.nirweb_contact_coach_course img {
width: 38%;
height: auto;
margin-left: 20px;
}
.nirweb_contact_coach_content a {
padding: 10px 20px;
background: var(--main-color);
border-radius: 20px;
color: #ffffff;
}
.nirweb_contact_coach_content img {
max-height: 59px;
}
.nirweb_sessions {
width: 100%;
height: 9px;
border-radius: 20px;
background: rgba(124, 89, 226, 0.16);
overflow: hidden;
margin-top: 14px;
}
.nirweb_sessions_percent {
background: #7c59e2;
height: 9px;
}
.upload_success_nirweb {
color: #7c59e2;
font-size: 14px;
margin: 10px 0 0 0;
}
.menu-divider {
width: 100%;
height: 1px;
background-color: #DEE4EC;
margin: 25px 0;
}
.menu_title {
font-size: 12px;
color: #A5B0C7;
}
.nirweb_back_homework {
padding: 5px 15px;
background: var(--main-color);
color: #fff;
margin: 10px 0;
border-radius: 5px;
}
.nirweb_panel_menu .nirweb_panel_navigation ul:before {
content: "";
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 1px;
background-color: #A5B0C7;
}
.nirweb_panel_menu .nirweb_panel_navigation ul {
position: relative;
padding-right: 35px;
}
.nirweb_panel_menu.mini .nirweb_panel_navigation ul {
padding-right: 0;
}
.nirweb_account.mini .nirweb_panel_menu .nirweb_panel_navigation ul {
padding-right: 0 !important;
}
.nirweb_account.mini .nirweb_panel_menu .nirweb_panel_navigation ul:before {
display: none !important;
}
.nirweb_panel_navigation .nirweb_login_signup_link {
margin: 20px 0 10px 0;
}
.nirweb_panel_menu .nirweb_panel_navigation {
width: 300px;
background-color: #fff;
min-height: 100vh;
padding: 0 15px 15px;
position: relative;
float: none;
transition: all 0.3s ease-in-out;
border-radius: 15px;
}
.nirweb_panel_menu .nirweb_panel_navigation li {
font-size: 15px;
display: flex;
align-items: center;
position: relative;
margin-top: 23px;
}
.nirweb_panel_menu .nirweb_panel_navigation li.is-active a,
.nirweb_panel_menu .nirweb_panel_navigation li:hover a {
color: #7c59e2;
}
.nirweb_panel_menu .nirweb_panel_navigation li.is-active svg path,
.nirweb_panel_menu .nirweb_panel_navigation li:hover svg path {
fill: #7c59e2;
stroke: #7c59e2;
}
.nirweb_panel_menu .nirweb_panel_navigation li.projects.is-active svg path,
.nirweb_panel_menu .nirweb_panel_navigation li.projects:hover svg path {
fill: none !important;
}
.nirweb_panel_menu .nirweb_panel_navigation li.is-active::before,
.nirweb_panel_menu .nirweb_panel_navigation li:hover::before {
content: "";
display: inline-block;
width: 6px;
height: 40px;
background-color: #fa9716;
position: absolute;
border-radius: 10px;
right: -38px;
}
.is-active.nirweb_menu_club::before {
right: 0 !important;
left: 0;
margin: 0 auto;
bottom: -5px;
width: 60% !important;
height: 4px !important;
border-radius: 41px !important;
background-color: #ffa824 !important;
}
.nirweb_panel_menu .nirweb_panel_navigation li svg {
margin-left: 15px;
}
.nirweb_panel_menu .nirweb_panel_navigation li a {
color: #A5B0C7;
font-weight: 500;
}
.nirweb_panel_menu .nirweb_panel_navigation li.nirweb_panel_navigation-link--customer-logout a {
color: #e33737;
}
.nirweb_panel_menu .woocommerce-MyAccount-content {
width: calc(100% - 300px);
padding: 35px 25px 20px 25px;
float: none;
}
.nirweb_avatar {
display: flex;
align-items: center;
background: #00cccb;
border-radius: 20px;
padding: 15px;
margin: 20px 0 10px;
width: 100%;
position: relative;
}
.nirweb_header .nirweb_avatar {
border-radius: 100% !important;
padding: 5px !important;
margin: 0 !important;
width: 50px;
height: 50px;
}
.nirweb_header .nirweb_avatar img {
width: 40px !important;
height: 40px !important;
margin-left: 0 !important;
}
.nirweb_avatar img {
width: 50px;
height: 50px;
border-radius: 100%;
margin-left: 5px;
}
.nirweb_avatar_info {
width: 100%;
}
.nirweb_avatar_info h5 {
color: #fff;
font-weight: 500;
font-size: 18px;
margin-bottom: 14px;
}
.nirweb_avatar_info h6 {
color: #fff;
font-weight: 300;
font-size: 13px;
}
.nirweb_edit_account {
background-color: #fff;
border-radius: 20px;
}
.nirweb_edit_account_nav {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #dee4ec;
padding: 25px;
margin-bottom: 40px;
}
.nirweb_edit_account_nav a {
color: #000000;
margin-left: 60px;
position: relative;
display: flex;
align-items: center;
}
.nirweb_comment_user a {
color: #000;
display: flex;
align-items: center;
}
.nirweb_post_count {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: #7c59e2;
border: 1px solid #7c59e2;
border-radius: 6px;
margin-right: 5px;
font-size: 14px;
}
.nirweb_edit_account_nav a.active .nirweb_post_count {
background-color: #7c59e2;
color: #fff;
}
.nirweb_edit_account_nav a::after {
content: "";
display: inline-block;
width: 100%;
height: 3px;
position: absolute;
bottom: -26px;
right: 0;
border-radius: 50px;
}
.nirweb_edit_account_nav a.active {
color: #7c59e2;
}
.nirweb_edit_account_nav a.active::after {
background-color: #7c59e2;
}
.nirweb_edit_account > div {
padding: 0 30px 30px;
}
.nirweb_edit_account > div.active {
display: block;
}
#edit_account fieldset {
border-color: transparent;
}
#edit_account fieldset legend {
margin-bottom: 15px;
}
#edit_account .form-row {
margin: 0 0 20px;
}
#edit_account input.input-text {
height: 40px;
}
#edit_account .show-password-input,
#edit_account .show-password-input {
top: 20px;
}
#edit_account .form-row label {
font-size: 14px;
color: #535d6b;
}
#subscription .nirweb_subs_account_title {
color: #1f2435;
font-size: 30px;
font-weight: 600;
margin-bottom: 25px;
}
#subscription img {
border-radius: 20px;
}
.nirweb_susbscription_deadline {
background: #0fca9d;
border-radius: 20px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
margin-bottom: 20px;
color: #fff;
position: relative;
}
.no_subs_nirweb.nirweb_susbscription_deadline {
justify-content: center;
}
.no_subs_nirweb.nirweb_susbscription_deadline .nirweb_subscribe_btn {
background-color: #fff;
color: #0fca9d;
font-weight: 600;
width: 120px;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
margin-left: 10px;
font-size: 14px;
}
.nirweb_subs {
display: flex;
align-items: center;
}
.nirweb_subs img {
position: absolute;
top: -50px;
}
.nirweb_subs h3 {
margin-right: 20px;
font-size: 25px;
font-weight: 600;
margin-bottom: 15px;
padding-right: 170px;
}
.nirweb_subs p {
margin-right: 20px;
padding-right: 170px;
font-size: 15px;
}
.nirweb_subs p span {
margin-left: 5px;
}
.time_left_box_nirweb {
width: 100%;
height: 5px;
background-color: #0fca9d;
border-radius: 20px;
overflow: hidden;
}
.time_left_in_nirweb {
background-color: #dee4ec;
height: 100%;
}
.time_left_nirweb {
background-color: #fff;
padding: 20px;
border-radius: 10px;
}
.time_left_nirweb > p {
color: #7c59e2;
margin-bottom: 20px;
font-size: 15px;
}
.time_left_nirweb > p span {
font-weight: 600;
}
.nirweb_no_subscription {
font-size: 16px;
font-weight: 400;
}
.nirweb_no_subscription a {
display: inline;
color: #fa9716;
}
/***************************************************************************
# Woocommerce Thank you
***************************************************************************/
.woocommerce-order {
background-color: #fff;
margin: 20px;
padding: 20px;
border-radius: 16px;
}
.woocommerce ul.order_details {
margin: 40px 0;
}
.woocommerce ul.order_details strong {
font-weight: 500;
font-size: 15px !important;
margin-top: 15px;
}
.woocommerce ul.order_details li {
font-size: 1rem;
}
.woocommerce-order h2 {
font-weight: 600;
margin-bottom: 15px;
color: #483069;
}
.woocommerce-table--order-details td a {
color: #555;
display: inline-block;
}
.woocommerce-table--order-details strong {
font-weight: 500;
}
.woocommerce-table--order-details .wc-item-meta {
margin-top: 10px;
}
.woocommerce-table--order-details .wc-item-meta li {
line-height: 30px;
}
.woocommerce .woocommerce-customer-details address {
line-height: 32px;
padding: 15px;
}
/***************************************************************************
# Header
***************************************************************************/
.container-wide {
padding: 0 35px;
}
.nirweb_toggle_menu {
display: none;
}
.nirweb_header {
background: #ffffff;
box-shadow: 0px 14px 20px 12px rgba(183, 181, 190, 0.1);
padding: 16px 0;
position: sticky;
top: 0;
z-index: 900;
}
a.site_logo img {
max-height: 110px;
width: auto;
}
a.mobile_site_logo img {
max-height: 73px;
width: auto;
}
.nirweb_login_signup_link {
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 50px;
background: linear-gradient(135deg, #00cccb 0%, #04b9b8 100%);
border-radius: 60px;
color: #fff !important;
}
.nirweb_main_menu {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.nirweb_main_menu_div .nirweb_hive {
display: none;
}
.nirweb_main_menu li {
margin-left: 25px;
position: relative;
}
.nirweb_main_menu li a {
font-size: 15px;
line-height: 26px;
color: #535d6b;
transition: all 0.3s ease-in-out;
}
/*.nirweb_main_menu li .submenu_container_rabex {*/
/* visibility: hidden;*/
/* opacity: 0;*/
/* position: absolute;*/
/* padding-left: 0;*/
/* right: 0;*/
/* display: none;*/
/* background: white;*/
/* */
/*}*/
.submenu_container_rabex .submenu_container_rabex {
right: 100% !important;
/*visibility: hidden;*/
display: none;
top: 10px;
}
/*.submenu_container_rabex .menu-item-has-children:hover .submenu_container_rabex{*/
/* visibility: visible;*/
/* */
/*}*/
.nirweb_main_menu li.menu-item-has-children > .submenu_container_rabex
/*.nirweb_main_menu li .submenu_container_rabex:hover */
{
/*visibility: visible;*/
opacity: 1;
display: none;
min-width: 266px;
z-index: 999;
text-align: right;
position: absolute;
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 10px;
}
@media (min-width: 1140px) {
ul.sub-menu {
display: flex;
gap: 20px;
}
ul.sub-menu .submenu_container_rabex {
display: block !important;
position: relative !important;
box-shadow: none !important;
min-width: max-content !important;
padding: 0 !important;
top: 0 !important;
right: 0 !important;
left: auto;
}
.sub-menu i {
display: none;
}
ul.sub-menu .submenu_container_rabex ul.sub-menu {
display: flex;
flex-direction: column;
gap: 8px;
}
.sub-menu .menu-item-has-children > a {
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: solid 1px #d2d2d2;
}
}
.nirweb_main_menu .current-menu-item a {
color: #fa9716;
}
.nirweb_main_menu li a i {
margin-right: 10px;
}
.nirweb_main_menu li .submenu_container_rabex li {
margin: 0;
padding: 7px 0;
/*border-bottom: 1px solid #eee;*/
width: max-content;
}
.nirweb_main_menu li .submenu_container_rabex li:last-child {
border-bottom: 0 none;
}
.nirweb_main_menu li a:hover {
color: #fa9716;
}
.nirweb_hive {
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
width: max-content;
padding: 5px 25px;
height: 50px;
border-radius: 60px;
margin-left: 5px;
font-family: inherit;
cursor: pointer;
color: #7c59e2;
border: 1px solid #7c59e2;
}
.nirweb_hive svg {
margin-left: 3px;
}
/***************************************************************************
# Footer
***************************************************************************/
.nirweb_symbols {
display: flex;
flex-wrap: wrap;
}
.nirweb_last_col {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.nirweb_last_col > a {
display: flex;
align-items: start;
margin-top: 9px;
}
.nirweb_last_col h3 {
width: 100%;
}
.nirweb_footer_menu h3 {
text-align: right;
}
.nirweb_footer_menu a {
color: #5f5f5f;
font-weight: 500;
font-size: 15px;
padding-right: 9px;
margin-top: 10px;
}
.nirweb_footer_menu .menu {
display: flex;
flex-direction: column;
max-height: 170px;
flex-wrap: wrap;
}
.nirweb_symbols a {
width: 110px;
height: 120px;
margin-left: 15px;
}
.nirweb_symbols img {
width: 100%;
height: 100%;
margin-bottom: 0;
}
.nirweb_footer_title {
color: #7c59e2;
font-size: 18px;
font-weight: 600;
}
footer {
margin-top: 60px;
padding: 40px 0 40px;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 21px 21px 0 0;
background-color: #fff;
color: #888f9d;
line-height: 30px;
font-size: 14px;
}
.nirweb_footer_menu > div {
display: flex;
justify-content: center;
}
footer img {
max-width: 200px !important;
margin-bottom: 20px;
}
footer ul.menu a {
color: #888f9d;
}
.nirweb_last_col > img {
width: 150px !important;
}
.logo_footer_nirweb {
max-width: 100%;
height: auto;
display: block;
}
.logo_footer_txt_nirweb {
color: #535d6b;
font-size: 20px;
margin: 45px 0 50px;
}
.footer_border_nirweb {
padding-top: 25px;
border-top: 0.6px solid #f2f2f2;
margin-top: 20px;
}
.nirweb_footer_menu .menu li {
line-height: 40px;
margin-left: 40px;
}
footer .nirweb_social_media {
display: flex;
align-items: center;
justify-content: flex-end;
}
footer .nirweb_social_media a {
margin-right: 17px;
}
.nirweb_social_media img {
width: 30px;
}
footer h4 {
font-size: 16px;
color: #a3a3b0;
font-weight: 400;
display: flex;
line-height: 32px;
align-items: center;
}
footer span {
margin-right: 12px;
font-size: 18px;
}
footer .nirweb_footer_content {
line-height: 33px;
margin-top: 8px;
font-size: 13px;
}
.convas_footer_2 {
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
line-height: 0;
direction: ltr;
top: 0px;
}
.convas_footer_2 svg {
width: calc(300% + 1.3px);
z-index: -1;
display: block;
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 120px;
}
.convas_footer_2 svg path {
transform-origin: center;
fill: #000;
}
/***************************************************************************
# Subscribe Popup
***************************************************************************/
.nirweb_overlay {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #1f243573;
opacity: 0.66;
display: none;
z-index: 999;
}
.nirweb_overlay.active {
display: block;
}
.nirweb_subscribe_popup {
background-color: #ffff;
position: fixed;
top: 5%;
width: 70%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 100;
border-radius: 30px;
padding: 30px 40px;
overflow-y: auto;
max-height: 91vh;
display: none;
}
.nirweb_subscribe_popup.active {
display: block;
}
.nirweb_subscribe_popup > h4 {
text-align: center;
font-size: 30px;
margin-bottom: 13px;
color: #1f2435;
}
.nirweb_subscribe_desc {
color: #535d6b;
line-height: 32px;
text-align: center;
font-size: 14px;
}
.nirweb_subscription {
border: 1px solid rgba(92, 89, 106, 0.31);
border-radius: 20px;
height: 100%;
padding: 0 20px 30px;
position: relative;
}
.nirweb_subscription_head {
text-align: center;
color: #614e9d;
font-size: 42px;
border-bottom: 1px solid rgba(92, 89, 106, 0.31);
padding-bottom: 0;
margin-bottom: 26px;
height: 15%;
}
.nirweb_pro .nirweb_subscription_head {
border-color: #fff !important;
}
.nirweb_subscription_head p {
color: #888f9d;
font-size: 18px;
}
.nirweb_subscription_body {
color: #535d6b;
}
.nirweb_subscription_body li {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 14px;
}
.nirweb_subscription_body li span {
border: 2px solid #0bd272;
position: relative;
width: 20px;
height: 20px;
margin-left: 10px;
border-radius: 7px;
}
.nirweb_subscription_body li span:before {
content: "\2713";
display: inline-block;
color: #0bd272;
padding: 0 3px 0 0;
font-weight: 900;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
font-size: 12px;
}
.nirweb_subsc_card {
display: flex;
justify-content: space-between;
flex-direction: column;
height: 70%;
}
.nirweb_subscription_footer {
border-top: 1px solid rgba(92, 89, 106, 0.31);
padding-top: 20px;
margin-top: 15px;
}
.nirweb_pro .nirweb_subscription_footer {
border-color: #fff !important;
}
.nirweb_subscribe_pricing {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
color: #fff;
font-size: 15px;
}
.nirweb_subscribe_m {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 10px;
color: #888f9d;
}
.nirweb_pro .nirweb_subscribe_m {
color: #fff;
}
.nirweb_subscribe_pricing ins {
font-weight: 600;
text-decoration: none;
margin-top: 10px;
}
.nirweb_subscribe_pricing del {
color: #888f9d;
margin-left: 8px;
}
.nirweb_buy_subscription_link {
background: #f7f9fc;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 0;
height: 70px;
color: #614e9d;
font-weight: 600;
}
.nirweb_subscription svg {
position: relative;
top: -2px;
right: 20%;
margin: 0 auto;
width: 60%;
background-color: transparent;
}
.nirweb_subscription.nirweb_pro {
background-color: #5a41aa;
background-image: url("../images/pro.svg");
background-repeat: no-repeat;
background-size: cover;
}
.nirweb_subscription.nirweb_pro svg {
background-color: transparent;
}
.nirweb_subscription.nirweb_pro h5 {
color: #fff;
}
.nirweb_subscription.nirweb_pro .nirweb_subscription_head p {
color: #fff;
}
.nirweb_subscription.nirweb_pro .nirweb_buy_subscription_link {
background-color: #fff;
color: #ffc01f;
}
.nirweb_subscribe_t_price {
color: #ffc01f;
}
.nirweb_subscription.nirweb_pro .nirweb_subscription_body {
color: #fff;
}
.nirweb_subscription.nirweb_pro .nirweb_subscription_body li span {
border-color: #fff;
}
.nirweb_subscription.nirweb_pro .nirweb_subscription_body li span::before {
color: #a295cd;
}
.nirweb_pro_tag {
text-align: center;
background-color: #DEE4EC;
color: #617798;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 40%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
height: 60px;
top: -33px;
font-size: 17px;
font-weight: 500;
}
.nirweb_pro .nirweb_pro_tag {
background-color: #FFA824 !important;
color: #fff !important;
}
.nirweb_buy_subscription_link.added {
display: none;
}
.nirweb_subscription .added_to_cart {
background: #f7f9fc;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 25px;
height: 70px;
color: #614e9d;
font-weight: 600;
}
.nirweb_subscription.nirweb_pro .added_to_cart {
border-radius: 15px;
display: flex;
align-items: center;
justify-content: center;
margin: 20px auto 25px;
height: 70px;
background-color: #fff;
color: #ffc01f;
font-weight: 600;
}
/***************************************************************************
# Homework Popup
***************************************************************************/
.nirweb_help_upload {
margin: 30px 0;
font-size: 14px;
}
.nirweb_upload_area {
padding: 10px;
height: 250px;
border: 2px dashed #614e9d;
margin: 0 auto;
text-align: center;
overflow: auto;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 81%;
}
.nirweb_upload_area:hover {
cursor: pointer;
}
#file {
display: none;
}
#files {
width: 70%;
}
.progress {
width: 100%;
background-color: #e9ecef;
border-radius: 15px;
overflow: hidden;
height: 30px;
}
.no_file_nirweb {
font-size: 14px;
text-align: center;
color: rgb(255, 168, 36);
}
.bg-success {
background-color: #28a745;
text-align: center;
}
.progress-bar {
height: 100%;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.bg-info {
background-color: #17a2b8;
}
.bg-warning {
background-color: #ffc107;
}
.bg-danger {
background-color: #dc3545;
}
.upload_title__nirweb {
font-size: 25px;
}
.nirweb_homework_popup {
background-color: #ffff;
position: fixed;
top: 15%;
width: 65%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 999;
border-radius: 30px;
padding: 20px 40px 10px;
overflow-y: auto;
max-height: 90vh;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
color: #000;
}
.nirweb_homework_popup p {
color: #1f2435;
margin: 15px 0;
font-size: 14px;
}
.rrt {
color: #f00 !important;
}
.nirweb_upload_icon {
display: flex;
align-items: center;
justify-content: center;
color: #614e9d !important;
font-weight: 500;
margin-top: 0 !important;
}
.nirweb_homework_popup.active {
display: flex;
}
.nirweb_homework_popup > h4 {
font-size: 20px;
margin: 20px 0;
}
.nirweb_homework_popup form {
display: flex;
flex-direction: column;
}
.nirweb_homework_popup form button {
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 40px;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 60px;
color: #fff;
border: 0;
font-family: inherit;
cursor: pointer;
margin-top: 15px;
}
/***************************************************************************
# Home Page
***************************************************************************/
.nirweb_home_tab_products {
display: flex;
flex-direction: row;
justify-content: space-around;
border-bottom: solid 1px #eee;
}
.nirweb_home_tab_products span {
font-size: 20px;
font-weight: 500;
cursor: pointer;
position: relative;
padding: 17px 0;
display: block;
width: 31%;
text-align: center;
margin-bottom: 10px;
background: #eee;
border-radius: 20px;
}
.nirweb_home_tab_products span.active, .nirweb_home_tab_products span:hover {
color: #fff;
background: var(--second-color);
}
/*.nirweb_home_tab_products span.active::after,.nirweb_home_tab_products span:hover::after{*/
/* content: "";*/
/* position: absolute;*/
/* width: 95%;*/
/* left: 0;*/
/* bottom: 0;*/
/* border-bottom: solid 5px var(--second-color);*/
/*}*/
.nirweb_home_products_box {
padding: 20px;
}
.nirweb_home_products_box > div {
border: solid 1px #eee;
padding: 20px;
border-radius: 25px;
}
.nirweb_home_products_box_content {
color: #8090B0;
line-height: 2.1em;
}
.nirweb_home_products_box_content h3 {
margin: 10px 0;
font-size: 21px;
color: #000;
}
.nirweb_home_products_box_content span {
font-size: 14px;
}
.nirweb_home_products_box_content p {
font-size: 16px;
margin-bottom: 7px;
}
.nirweb_home_products_box_content div {
margin-bottom: 10px;
}
.nirweb_home_products_box_content div svg {
margin-left: 7px;
}
.nirweb_home_products_box_more span {
color: var(--main-color);
}
#nirweb_home_products_2, #nirweb_home_products_3 {
display: none;
}
.video_nirweb {
display: flex !important;
width: 100% !important;
justify-content: center !important;
background-image: url("../images/bg.svg");
background-repeat: no-repeat;
background-position: 97px -40px;
}
.video_nirweb div {
width: 500px;
height: 600px;
position: relative;
background-position: center;
background-size: cover;
}
.video_nirweb video {
width: 100% !important;
height: 100%;
border-radius: 20px !important;
object-fit: fill !important;
position: absolute;
}
.nirweb_play_pause {
position: absolute !important;
top: 250px;
left: 0;
right: 0;
margin: auto;
width: max-content !important;
height: max-content !important;
z-index: 3;
cursor: pointer;
display: none;
}
.video_nirweb div:hover .nirweb_play_pause {
display: block !important;
}
.nirweb_product_special {
border: 0.6px solid #dee4ec;
border-radius: 20px;
background-color: #fff;
z-index: 5;
}
.nirweb_product_special > div {
width: 80%;
padding: 10px 35px 10px 20px;
}
.nirweb_product_special h3 {
font-weight: 700;
line-height: 46px;
font-size: 27px;
margin-bottom: 24px;
}
.nirweb_product_special .nirweb_product_special_desc {
color: #888f9d;
font-size: 14px;
line-height: 32px;
margin-bottom: 17px;
}
.nirweb_product_special .nirweb_product_special_price {
color: #614e9d;
font-size: 36px;
margin-top: 20px;
}
.nirweb_product_special li {
display: flex;
align-items: center;
line-height: 32px;
}
.nirweb_product_special li img {
width: 25px;
height: 25px;
}
.nirweb_product_special li p {
color: #888f9d;
font-size: 15px;
margin-right: 5px;
}
.nirweb_product_special_img {
width: 20% !important;
position: relative;
padding: 0 !important;
z-index: 5;
}
.nirweb_product_special_img::before {
position: absolute;
content: "";
display: block;
background-color: #7c59e2;
height: 100%;
width: 28%;
border-radius: 49px 20px 20px 49px;
z-index: -1;
}
.nirweb_product_special_img img {
width: 100%;
height: auto;
display: block;
margin: 8px 13px;
border-radius: 10px;
}
.nirweb_start_free {
border-radius: 38px;
width: 200px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
color: #fff;
margin-top: 20px;
font-size: 14px;
padding: 5px;
}
.nirweb_start_free svg {
margin-right: 5px;
}
.nirweb_start_free.added {
display: none;
}
.added_to_cart {
display: none;
}
.send_phone_form {
display: flex;
align-items: flex-end;
width: 90%;
margin: auto;
border-radius: 62px;
justify-content: space-between;
background-color: transparent;
}
.send_phone_form input {
width: 75%;
height: 70px;
outline: 0;
padding: 0 15px;
background-color: transparent !important;
border-radius: 62px;
border: 1px solid #cad5e7;
margin-left: 10px;
}
.send_phone_form button {
height: 70px;
display: flex;
align-items: center;
justify-content: center;
width: 165px;
cursor: pointer;
border-radius: 62px;
border: 0;
color: #fff;
font-weight: 600;
font-size: 14px;
position: relative;
background-color: #ffa824;
}
.send_phone_form svg {
margin-right: 5px;
}
.nirweb_response {
font-size: 14px;
margin-top: 14px;
border: 1px solid #eee;
border-radius: 10px;
color: #4e8e0d;
padding: 15px;
position: absolute;
}
.nirweb_response.nirweb_error {
color: #cd1d1d;
}
@keyframes preload {
0% {
background: #614e9d;
opacity: 1;
}
50% {
background: #fff;
opacity: 0.5;
}
100% {
background: #7460b6;
opacity: 1;
}
}
.nirweb_formloading {
display: none;
transform: translateY(-50%);
width: max-content;
padding: 0;
}
.nirweb_formloading li {
background: #fff;
opacity: 0.5;
display: block;
float: left;
width: 17px;
height: 17px;
border: 1px solid #614e9d;
line-height: 12px;
padding: 0;
margin-left: 10px;
animation: preload 1s infinite;
border-radius: 50%;
}
.nirweb_formloading li:first-child {
margin-left: 0;
}
.nirweb_formloading li:nth-child(2) {
animation-delay: 0.15s;
}
.nirweb_formloading li:nth-child(3) {
animation-delay: 0.3s;
}
.formLoader-complete {
opacity: 0;
visibility: hidden;
transition-duration: 1s;
}
.send_phone_form button.loading .nirweb_formloading {
display: block;
}
.send_phone_form button.loading svg,
.send_phone_form button.loading span {
display: none;
}
.nirweb_q_a {
margin-bottom: 25px;
border: 0.6px solid #dee4ec;
border-radius: 10px;
background-color: #fff;
transition: all 0.3s ease-in-out;
}
.nirweb_q {
display: flex;
align-items: center;
padding: 20px;
}
.nirweb_q_toggle {
background-color: #614e9d;
color: #fff;
border-radius: 10px;
padding: 8px;
font-size: 14px;
margin-left: 10px;
cursor: pointer;
}
.nirweb_q h3 {
color: #535d6b;
font-weight: 500;
font-size: 16px;
}
.nirweb_a {
padding: 0px 20px 20px;
color: #888f9d;
line-height: 33px;
display: none;
font-size: 14px;
}
.nirweb_q_a.active .nirweb_q {
background: rgba(255, 168, 36, 0.05);
}
.nirweb_q_a.active .nirweb_q_toggle {
background-color: #ffa824;
}
/***************************************************************************
# Courses
***************************************************************************/
.becode_alert_cart {
padding: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.becode_alert_cart > div {
display: none;
}
.becode_alert_cart div.box_alert_cart {
width: max-content;
min-width: 600px;
padding: 10px 20px;
background-color: #0a6b0a;
color: #fff;
justify-content: space-between;
border-radius: 7px;
align-items: center;
display: flex;
}
.becode_alert_cart div a {
color: #000;
background-color: #fff;
border-radius: 3px;
padding: 5px 10px;
}
.becode-courses-sidebar {
margin-top: 30px;
}
.becode-sidebar-box {
background-color: #fff;
padding: 20px;
border-radius: 15px;
margin-bottom: 25px;
}
.facetwp-facet {
margin-bottom: 0 !important;
}
.facetwp-checkbox {
background: url('data:image/svg+xml,') 100% 50% no-repeat !important;
padding-right: 20px !important;
color: #617798;
}
.facetwp-checkbox.checked {
background-image: url('data:image/svg+xml,') !important;
}
.facetwp-counter {
margin-right: 10px;
font-size: 12px;
color: #99aecf;
}
.becode-sidebar-box h3 {
font-size: 14px;
display: flex;
border-bottom: 1px solid #DEE4EC;
padding-bottom: 15px;
margin-bottom: 15px;
}
.becode-sidebar-box h3 svg {
margin-left: 10px;
}
.facetwp-icon {
margin-left: 10px;
}
.facetwp-icon::before {
background: url('data:image/svg+xml,') no-repeat !important;
}
.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
border: 0 none;
}
.facetwp-facet input.facetwp-search,
.facetwp-facet input.facetwp-location {
padding-right: 40px !important;
}
.facetwp-type-search i.clear {
position: absolute;
left: 0;
height: 100%;
line-height: 1;
cursor: pointer;
display: inline-block;
opacity: 0.3;
width: 24px;
height: 100%;
background: transparent url('data:image/svg+xml,') 6px 50% no-repeat;
background-size: 11px 11px;
}
.facetwp-type-search i.clear:hover {
opacity: 0.8;
}
.facetwp-type-search .f-loading + input + i.clear,
.facetwp-type-search .loading + i.clear {
display: none !important;
}
.facetwp-facet input.facetwp-search {
padding-right: 54px;
}
.facetwp-icon.f-loading::before {
animation: none !important;
}
.facetwp-pager {
margin-top: 25px !important;
}
.facetwp-page {
box-sizing: border-box;
min-width: 36px;
height: 36px;
border-radius: 5px;
background: #fff;
vertical-align: middle;
display: inline-flex !important;
justify-content: center;
align-items: center;
padding: 5px 10px !important;
margin: 0 0 0 10px !important;
}
.facetwp-page.active {
background-color: #7C59E2;
color: #fff;
}
.nirweb_courses_details li {
display: flex;
align-items: center;
margin-bottom: 5px;
}
.nirweb_courses_details li img {
width: 22px;
height: 22px;
}
.nirweb_courses_details li p {
font-size: 14px;
margin-right: 10px;
color: #888;
}
.course_discuss_nirweb {
display: flex;
flex-direction: column;
align-items: center;
}
.course_discuss_nirweb h2 {
font-size: 20px;
margin: 15px 0;
}
.course_discuss_nirweb p {
color: #888f9d;
font-size: 14px;
line-height: 26px;
text-align: center;
margin-bottom: 15px;
}
.course_discuss_nirweb > a {
background-color: #7c59e2;
color: #ffffff;
padding: 10px 15px;
width: 100%;
border-radius: 15px;
justify-content: center;
display: flex;
align-items: center;
font-weight: 500;
}
.course_discuss_nirweb a svg {
margin-right: 5px;
}
.course_teacher_nirweb {
display: flex;
flex-direction: column;
align-items: center;
}
.course_teacher_nirweb > a {
display: flex;
align-items: center;
background-color: #fa9716;
color: #ffffff;
padding: 10px 15px;
width: 100%;
border-radius: 15px;
justify-content: center;
font-weight: 500;
}
.course_teacher_nirweb > a svg {
margin-right: 5px;
}
.course_teacher_nirweb img {
width: 76px;
height: 76px;
border-radius: 100%;
margin-bottom: 20px;
}
.course_teacher_bio_nirweb {
color: #535d6b;
font-size: 14px;
line-height: 26px;
text-align: center;
margin-bottom: 15px;
}
.course_teacher_nirweb > p {
color: #888f9d;
font-size: 14px;
}
.comment-notes {
display: none;
}
.course_details_nirweb_title {
color: #535d6b;
font-weight: 600;
margin-bottom: 15px;
}
.nirweb_course_comments .comment-form-comment {
width: 100%;
}
.nirweb_course_comments .comment-form-author,
.nirweb_course_comments .comment-form-email {
width: 49%;
}
.nirweb_course_comments label {
display: none;
}
.course_details_list_nirweb > li {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 24px;
}
.course_details_list_nirweb li.woocommerce {
margin-top: 15px;
text-align: center;
}
.course_details_list_nirweb li h4 {
display: flex;
align-items: center;
color: #888f9d;
font-weight: 400;
font-size: 14px;
}
.course_details_list_nirweb li h4 svg {
margin-left: 10px;
}
.course_details_list_nirweb li p {
color: #535d6b;
font-size: 14px;
}
.nirweb_course_comments input {
width: 100%;
height: 40px;
border: 1px solid #dee4ec;
padding: 0 10px;
border-radius: 15px;
}
.nirweb_course_comments .comment-form {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.nirweb_course_comments .comment-form textarea {
border: 1px solid #dee4ec;
border-radius: 15px;
width: 100%;
padding: 15px;
margin-bottom: 10px;
}
.nirweb_course_comments .comment-reply-title {
display: flex;
align-items: center;
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.nirweb_course_comments .comment-reply-title a {
color: #000;
}
.nirweb_course_comments .comment-reply-title small a {
color: #ffa824;
}
.nirweb_course_comments .comment-reply-title small {
margin-right: auto;
}
.nirweb_comment_submit {
background-color: #ffa824 !important;
color: #fff !important;
cursor: pointer !important;
border: 0 !important;
width: 120px !important;
height: 54px !important;
font-size: 15px !important;
margin-right: auto !important;
margin-top: 10px !important;
}
.course_details_nirweb_container {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
}
.course_details_nirweb_container.send_phone_number > div > div {
display: flex;
align-items: center;
justify-content: space-between;
}
.course_details_nirweb_container.send_phone_number p {
color: #617798;
font-size: 16px;
font-weight: 700;
margin-bottom: 25px;
}
.course_details_nirweb_container.send_phone_number button {
border: 1px solid #7C59E2;
padding: 13px 16px;
background-color: #FFFFFF;
border-radius: 18px;
cursor: pointer;
}
.send_phone_number_form_error {
font-size: 14px;
font-weight: 400;
color: #000000;
margin-bottom: 15px;
display: none;
}
.send_phone_number_inputs {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.send_phone_number_inputs label {
display: block;
width: 80%;
}
.send_phone_number_inputs button {
width: 20%;
}
.course_details_nirweb_container.send_phone_number input {
border: 1px solid #DEE4EC;
padding: 13px 16px;
background-color: #FFFFFF;
border-radius: 18px;
width: 95%;
}
.course_details_nirweb_container.course_buy {
width: 100% !important;
position: relative;
box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.25);
}
.course_details_nirweb_container .course-price,
.course-fixed-nav .course-price {
text-align: center;
color: #fa9716;
font-size: 18px;
font-weight: 600;
flex: auto;
justify-content: center;
}
.course-price.online_price {
display: none;
}
span.becode-online-classes, span.becode-facetoface-classes {
text-align: center;
margin-top: 10px;
display: block;
}
.course-fixed-nav {
display: none;
position: fixed;
bottom: 0;
background-color: #fff;
width: 100%;
z-index: 999999;
padding: 25px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.course-nav li.active a {
color: #8160e1;
}
.course_teacher_nirweb h4 {
color: #1f2435;
font-size: 18px;
font-weight: 600;
margin: 10px 0;
}
.course_teacher_nirweb h3 {
font-size: 14px;
font-weight: 400;
}
.nirweb_course_comments_title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
}
.nirweb_course_comments_title h2 {
position: relative;
color: #1f2435;
font-weight: 600;
font-size: 24px;
}
.nirweb_course_comments_title h2::before {
content: "";
display: inline-block;
width: 6px;
height: 34px;
background-color: #fa9716;
position: absolute;
border-radius: 60px 0 0 60px;
right: -20px;
}
.nirweb_course_comments_title span {
color: #888f9d;
}
.nirweb_course_comment_author a,
.nirweb_course_comment_author {
color: #000000;
font-weight: 700;
}
.nirweb_course_comment_content {
color: #888f9d;
font-size: 14px;
line-height: 25px;
margin: 10px 0;
}
.nirweb_course_comment_footer {
display: flex;
align-items: center;
}
.nirweb_course_comment_date {
color: #888f9d;
font-weight: 300;
font-size: 14px;
}
.nirweb_course_comment_reply {
display: flex;
align-items: center;
background: #888f9d1a;
color: #535d6b;
font-size: 14px;
width: 90px;
height: 45px;
justify-content: center;
border-radius: 8px;
margin-right: 11px;
}
.nirweb_course_comment_reply svg {
margin-right: 5px;
}
.nirweb_start_free_account {
color: #fa9716;
display: flex;
align-items: center;
margin-bottom: 24px;
}
.nirweb_course_comments .comment-list li {
border: 1px solid #dee4ec;
border-radius: 15px;
padding: 20px;
margin: 15px 0;
}
.read-more {
background-color: #f2f2f3;
border-radius: 15px;
padding: 25px;
position: relative;
overflow: hidden;
margin-top: 25px;
height: 215px;
line-height: 30px;
}
.read-more h3 {
margin-bottom: 15px;
}
.read-more .toggle {
color: #000;
display: none;
align-items: center;
font-weight: 600;
font-size: 18px;
position: absolute;
bottom: 0;
width: 100%;
justify-content: center;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(242, 242, 243) 40%);
padding: 25px 0;
right: 0;
}
body.tax-courses_secondary_category .read-more .toggle {
color: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(116, 84, 210) 40%);
}
body.tax-courses_secondary_category .read-more .toggle path {
fill: #fff;
}
body.tax-courses_secondary_category .read-more .toggle.less {
background: transparent;
}
.read-more .toggle.less {
position: relative;
}
.read-more .toggle svg {
margin-right: 5px;
}
.read-more .toggle.less svg {
transform: rotate(180deg);
}
.nirweb_start_free_account svg {
margin-right: 5px;
}
.nirweb_archive_course {
background-image: url("../images/mak.png");
background-color: #7c59e2;
background-repeat: no-repeat;
border-radius: 20px;
padding: 20px;
margin-top: 30px;
margin-bottom: 25px;
position: relative;
color: #fff;
line-height: 31px;
font-size: 14px;
}
.nirweb_archive_course img {
position: relative;
top: -45px;
margin-bottom: -24px;
}
.nirweb_archive_course h1 {
font-size: 23px;
font-weight: 600;
margin-bottom: 20px;
}
.nirweb_pagination {
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
}
.page-numbers {
display: flex;
align-items: center;
}
.nirweb_pagination span,
.nirweb_pagination a {
margin-left: 10px;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
background: #fff;
color: #888f9d;
}
.nirweb_pagination a.next,
.nirweb_pagination a.prev,
.nirweb_pagination span.dots {
background: transparent;
}
.nirweb_pagination span.current {
background-color: #7c59e2;
color: #fff;
}
.nirweb_breadcrumb {
display: flex;
align-items: center;
color: #888f9d;
margin: 20px 0;
}
.nirweb_breadcrumb li {
position: relative;
display: flex;
align-items: center;
}
.nirweb_breadcrumb li:first-child::before {
display: none;
}
.nirweb_breadcrumb li::before {
content: "";
display: inline-block;
width: 1px;
height: 15px;
background-color: #888f9d;
margin: 0 10px;
transform: rotate(18deg);
}
.nirweb_breadcrumb a {
color: #888f9d;
}
.becode_course_play {
cursor: pointer;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
filter: blur(0) !important;
color: #FFFFFF;
}
.nirweb_course_main_video {
border-radius: 10px;
}
.nirweb_course_main_video::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: #00000060;
border-radius: 10px;
}
.becode-course-title {
display: flex;
justify-content: space-between;
}
.becode-course-meta {
display: flex;
align-items: start;
}
.becode-course-comments,
.becode-course-likes {
display: flex;
align-items: center;
background: rgba(83, 93, 107, 0.05);
padding: 5px 10px;
border-radius: 5px;
color: #535D6B;
}
.becode-course-likes {
background: rgba(227, 55, 55, 0.05);
color: #E33737;
margin-right: 10px;
cursor: pointer;
}
.becode-course-likes.disabled {
opacity: 0.4;
cursor: default;
}
.becode-course-comments span,
.becode-course-likes span {
margin-right: 5px;
}
.becode-day-scheduler {
width: 100%;
}
.becode-day-scheduler .hours {
display: none;
color: #7c59e2;
font-weight: 600;
}
.becode-day-scheduler .hours .hour-container {
border-radius: 5px;
border: 1px solid #7c59e2;
background-color: #f7f9fc;
padding: 10px 5px;
text-align: center;
cursor: pointer;
}
.becode-day-scheduler .hours .hour-container.active {
border: 1px solid #7c59e2 !important;
background-color: #7c59e2 !important;
color: #fff !important;
}
.becode-day-scheduler .hours .hour-container.disabled {
border: 1px solid #bbb !important;
background-color: #fafafa !important;
color: #bbb !important;
cursor: default;
}
.becode-day-scheduler .days {
width: 100%;
margin: 15px 0;
}
.becode-day-scheduler .hours.active {
display: block;
}
/***************************************************************************
# Signup
***************************************************************************/
.nirweb_signup_bg {
background-image: url("../images/signup_bg.png");
background-color: #7c59e2;
background-size: cover;
background-repeat: no-repeat;
height: 100%;
}
.nirweb_signup {
display: flex;
background-color: #fff;
height: 100vh;
}
.nirweb_signup_container {
padding-top: 20px;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.nirweb_signup_container h5 {
color: #535d6b;
font-size: 18px;
margin: 20px 0 10px;
font-weight: 600;
text-align: center;
}
.nirweb_signup_container p {
color: #888f9d;
margin-bottom: 30px;
font-size: 14px;
}
.nirweb_signup_bg img {
height: 100%;
}
.nirweb_signup_container img {
max-width: 350px;
margin: 0 auto;
}
.nirweb_signup_container form {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 50%;
}
.nirweb_signup_container button {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 35px;
color: #fff;
font-family: inherit;
border: 0;
width: 100%;
cursor: pointer;
height: 50px;
font-size: 17px;
margin-top: 20px;
}
.nirweb_signup_container button#signup_form_nirweb {
border: solid #fa9716 1px;
background: #fff;
color: #fa9716;
}
.nirweb_back_home {
align-items: center;
justify-content: center;
display: flex;
border-radius: 35px;
border: solid #fa9716 1px;
background: #fff;
color: #fa9716;
font-family: inherit;
width: 45%;
cursor: pointer;
height: 50px;
font-size: 17px;
margin-top: 20px;
}
.nirweb_signup_container input {
border: 1px solid #cad5e7;
border-radius: 300px;
width: 100%;
height: 50px;
outline: none;
text-align: center;
font-family: inherit;
}
.nirweb_signup_container label {
color: #1e385f;
position: relative;
top: 10px;
background-color: #fff;
padding: 0 10px;
z-index: 1;
}
.nirweb_signup_remember {
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
flex-direction: row-reverse;
margin-top: 20px;
}
.nirweb_signup_remember input {
width: 20px;
height: 20px;
}
.nirweb_signup_remember label {
top: 0;
}
.nirweb_forgot_password,
.nirweb_resned_token,
.nirweb_countdown {
color: #614e9d;
font-size: 14px;
margin-top: 15px;
}
.nirweb_error_auth {
background-color: #f7f6f7;
padding: 1em 3.5em 1em 2em;
border-top: 3px solid #b81c23;
display: flex;
flex-direction: row-reverse;
color: #535d6b;
font-size: 14px;
}
.nirweb_error_auth i {
color: #b81c23;
font-size: 20px;
margin-left: 10px;
}
.nirweb_success_auth {
background-color: #f7f6f7;
padding: 1em 3.5em 1em 2em;
border-top: 3px solid #008000;
display: flex;
flex-direction: row-reverse;
color: #535d6b;
font-size: 14px;
margin-bottom: 10px;
justify-content: center;
}
.nirweb_success_auth i {
color: #008000;
font-size: 20px;
margin-left: 10px;
}
.nirweb_lesson_selector {
max-height: 700px;
overflow-y: auto;
}
.nirweb_lesson_selector::-webkit-scrollbar {
width: 4px;
}
.nirweb_lesson_selector::-webkit-scrollbar-track {
background-color: #dee4ec;
border-radius: 10px;
}
.nirweb_lesson_selector::-webkit-scrollbar-thumb {
background: #888f9d;
border-radius: 10px;
}
/***************************************************************************
# HomeWork
***************************************************************************/
.nirweb_product_lesson.side_nirweb {
padding: 10px;
}
.nirweb_product_lesson.side_nirweb .nirweb_lesson_second_title {
font-size: 20px;
margin: 0;
}
.nirweb_product_lesson.side_nirweb {
margin-bottom: 7px;
}
.nirweb_lesson_homework.side_nirweb {
flex-direction: column;
margin-bottom: 7px;
padding: 10px;
}
.nirweb_lesson_homework.side_nirweb .nirweb_lesson_homework_content {
max-width: 100%;
}
.nirweb_lesson_homework.side_nirweb a {
width: 100%;
margin-top: 7px;
}
.nirweb_lesson_homework {
background-color: #614e9d;
border-radius: 16px;
padding: 20px 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_lesson_homework.no-style {
background-color: transparent;
border-radius: 0;
padding: 0;
}
.lock_access_nirweb_homework {
filter: grayscale(0.7) blur(1px);
}
.nirweb_lesson_homework.nirweb_lock_lesson {
background-color: #888f9d;
}
.nirweb_lesson_homework.nirweb_lock_lesson a {
color: #535d6b;
cursor: default;
}
.nirweb_lesson_homework h5 {
font-weight: 600;
font-size: 19px;
margin-bottom: 18px;
color: #fff;
}
.nirweb_lesson_homework .nirweb_lesson_homework_content {
font-size: 14px;
color: #f7f9fc;
max-width: 80%;
}
body.single-courses .nirweb_lesson_homework a {
border: 1px solid #7c59e2;
}
.nirweb_lesson_homework a {
background: #ffffff;
border-radius: 35px;
display: flex;
align-items: center;
justify-content: center;
color: #ffa824;
width: 145px;
height: 50px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.nirweb_lesson_homework.side {
margin-top: 15px;
flex-direction: column;
padding: 10px;
}
.nirweb_lesson_homework.side a {
width: 100%;
height: 45px;
}
.nirweb_lesson_homework.side h5 {
color: #fff;
font-size: 18px;
margin: 0;
}
/***************************************************************************
# My Courses Page
***************************************************************************/
.nirweb_single_course_tab {
background-color: #fff;
display: flex;
flex-direction: row;
margin-top: 25px;
padding: 25px 35px;
border-radius: 15px;
}
.nirweb_single_course_tab span {
margin-left: 45px;
cursor: pointer;
font-weight: 500;
}
.nirweb_single_course_tab span.active, .nirweb_single_course_tab span:hover {
color: var(--second-color);
}
#nirweb_course_comment, #nirweb_course_list_lesson {
display: none;
}
.nirweb_course_main_video {
position: relative;
width: 100%;
height: 100%;
min-height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 10px;
}
.becode_my_course {
background: #ffffff;
padding: 20px 20px 20px 50px;
border-radius: 15px;
margin-top: 5px;
position: relative;
border: 1px solid #DEE4EC;
}
.becode_my_course .nirweb_product_special_desc {
margin: 15px 0;
}
.becode_my_course_link {
position: absolute;
left: 25px;
color: #FFA824;
font-weight: 500;
display: flex;
align-items: center;
font-size: 18px;
}
.becode_my_course_link span {
margin-left: 20px;
}
.becode_my_course_link a {
color: #FFA824;
}
.becode_my_course_progress {
position: absolute;
left: 20px;
bottom: 20px;
width: 50px;
height: 50px;
}
.becode_my_course_progress .circle-chart {
width: 50px !important;
height: 50px !important;
}
.becode-lesson-playlist .homework-box {
width: 100%;
height: 420px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.becode-lesson-playlist .homework-box .descriptions {
background-color: rgba(0, 0, 0, 0.8);
width: 80%;
height: 80%;
border-radius: 20px;
padding: 25px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.becode-lesson-playlist .homework-box .descriptions .nirweb_send_homework {
background-color: #fff;
color: #FFA824;
border-radius: 10px;
padding: 10px 45px;
}
.homework-box .descriptions p {
text-align: justify;
}
.becode-lesson-playlist .becode-lessons-list {
overflow-y: scroll;
position: relative;
max-height: 100%;
}
.becode-lesson-playlist .col-md-3 {
position: relative;
}
.becode-lesson-playlist .col-md-3 .overlay {
content: "";
position: absolute;
bottom: 0;
right: 0;
background: rgb(255, 255, 255);
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
height: 90px;
width: 100%;
border-radius: 20px;
}
.becode-lesson-playlist .nirweb_back_to_course {
display: none;
color: #8090B0;
margin-bottom: 15px;
}
.becode-lesson-playlist .nirweb_back_to_course svg {
margin-left: 15px;
}
.becode-lesson-playlist {
background-color: #fff;
padding: 20px;
margin-top: 20px;
border-radius: 20px;
}
.becode-lesson-playlist .nirweb_single_lesson_container > h3::before {
display: none;
}
.becode-lesson-playlist .nirweb_single_lesson_container > h3 {
margin: 15px 0;
}
.becode-lesson-playlist .nirweb_single_lesson_container {
padding: 0;
margin: 0;
border-radius: 0;
}
.becode-lessons-list .lessons-list li {
padding: 10px;
position: relative;
}
.becode-lessons-list .lessons-list li.active,
.becode-lessons-list .lessons-list li:hover {
background-color: #f2f4f7;
}
.becode-lessons-list .lessons-list li:hover .nirweb_tooltiptext {
visibility: visible;
opacity: 1;
}
.becode-lessons-list .lessons-list li a div {
align-items: center;
}
.becode-lessons-list .lessons-list li a div:first-child svg {
width: 30px;
height: 30px;
}
body.single-courses .becode-lessons-list .lessons-list li a div:first-child svg {
width: auto !important;
height: auto !important;
}
.becode-lessons-list .lessons-list li a .course-duration {
padding-right: 35px;
}
.becode-lessons-list .lessons-list li a .course-duration svg {
margin-left: 10px;
}
.becode-lessons-list .lessons-list li a .course-duration span {
font-size: 12px;
color: #8090B0;
}
/* .becode-lessons-list .lessons-list li div svg {
width: 25px;
height: 25px;
} */
.becode-lessons-list input {
position: absolute;
opacity: 0;
z-index: -1;
}
.becode-lessons-list .lesson-number {
color: #614E9D;
font-size: 24px;
margin: 0 15px;
}
.becode-lessons-list .lesson-title {
color: black;
font-weight: 500;
}
.becode-lessons-list .tab {
width: 100%;
color: black;
overflow: hidden;
margin-bottom: 20px;
border: 1px solid #DEE4EC;
border-radius: 10px;
}
.becode-lessons-list .tab:last-child {
margin-bottom: 0 !important;
}
.becode-lessons-list .tab-label > div > span {
margin-right: 15px;
}
.becode-lessons-list .tab-label {
display: flex;
justify-content: space-between;
padding: 1em;
font-weight: bold;
cursor: pointer;
}
.becode-lessons-list .tab-label::after {
content: "❯";
width: 1em;
height: 1em;
text-align: center;
transition: all 0.35s ease-in-out;
}
.becode-lessons-list .tab-content {
max-height: 0;
color: #2c3e50;
background: white;
transition: all 0.35s ease-in-out;
}
.becode-lessons-list .tab-close {
display: flex;
justify-content: flex-end;
padding: 1em;
font-size: 0.75em;
background: #2c3e50;
cursor: pointer;
}
.becode-lessons-list input:checked + .tab-label::after {
transform: rotate(90deg);
}
.becode-lessons-list input:checked ~ .tab-content {
max-height: 100vh;
}
.lesson-details-tab > input,
.lesson-details-tab section > div {
display: none;
}
#course-details:checked ~ section .course-details,
#files:checked ~ section .files,
#comments:checked ~ section .comments {
display: block;
}
#course-details:checked ~ nav .course-details,
#files:checked ~ nav .files,
#comments:checked ~ nav .comments {
color: red;
}
.lesson-details-tab {
margin: 25px auto;
color: #888F9D;
}
.lesson-details-tab p {
line-height: 36px;
}
.lesson-details-tab strong {
display: block;
}
.lesson-details-tab strong,
.lesson-details-tab h2 {
color: #000;
}
.lesson-details-tab ul {
list-style: none;
margin: 0;
padding: 0;
}
.lesson-details-tab ul li label {
color: #444;
}
.lesson-details-tab ul li label:hover {
color: #7C59E2;
cursor: pointer;
}
.lesson-details-tab section {
clear: both;
}
.lesson-details-tab section > div {
padding: 20px;
background-color: #fff;
border-radius: 20px;
margin-top: 20px;
}
.lesson-details-tab section div h2 {
margin: 25px 0;
color: #34495e;
}
.lesson-details-tab section div h2:first-child {
margin-top: 0 !important;
}
#course-details:checked ~ nav .course-details label,
#files:checked ~ nav .files label,
#comments:checked ~ nav .comments label {
color: #7C59E2;
position: relative;
}
.lesson-details-tab nav {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
}
.lesson-details-tab nav ul li {
display: inline-block;
margin-left: 15px;
}
.course-topics li {
display: block;
}
.course-topics li img {
float: right;
margin-left: 15px;
}
.course-topics ul {
padding: 25px;
}
.lesson-details-tab .attachment {
background-color: #F7F9FC;
border-radius: 20px;
margin-bottom: 20px;
}
.lesson-details-tab .attachment .file-number {
color: #000000;
font-weight: 600;
margin-left: 15px;
}
.lesson-details-tab .attachment .title {
color: #7C59E2;
font-weight: 600;
}
.lesson-details-tab .attachment a {
display: flex;
justify-content: space-between;
padding: 25px;
align-items: center;
}
/***************************************************************************
# product
***************************************************************************/
.woocommerce .woocommerce-breadcrumb {
display: flex;
align-items: center;
margin: 42px 0;
color: #888f9d;
font-size: 13px;
}
.nirweb_product_banner h1 {
font-size: 22px;
margin-bottom: 15px;
}
.nirweb_product_banner .nirweb_product_special_img::before {
display: none;
}
.nirweb_product_banner h2 {
font-weight: 600;
line-height: 46px;
font-size: 27px;
margin-bottom: 24px;
}
.nirweb_product_banner .nirweb_product_special_desc {
color: #888f9d;
font-size: 14px;
line-height: 32px;
margin-bottom: 17px;
}
.nirweb_product_banner {
background: #ffffff;
padding: 20px 20px 20px 50px;
border-radius: 15px;
margin-top: 25px;
position: relative;
}
body.single-courses .nirweb_product_banner {
border-radius: 15px;
margin-top: 5px;
}
.nirweb_product_banner img {
border-radius: 14px;
}
.nirweb_product_banner .nirweb_start_free {
width: 200px;
height: 50px;
margin: 0;
font-size: 14px;
}
.del_nirweb {
color: #8f949a;
font-weight: 500;
font-size: 18px;
line-height: 30px;
}
.sale_price_nirweb {
font-weight: 600;
font-size: 28px;
line-height: 30px;
color: #000;
}
.off_nirweb {
background-color: #eb5757;
color: #fff;
border-radius: 7px;
width: 34px;
font-weight: 500;
font-size: 14px;
height: 34px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px;
}
.nirweb_currency {
font-weight: 400;
font-size: 16px;
color: #8f949a;
margin-right: 4px;
}
.nirweb_product_lessons_title {
display: flex;
align-items: center;
font-size: 24px;
line-height: 30px;
color: #1f2435;
margin-bottom: 35px;
font-weight: 600;
position: relative;
}
.nirweb_product_lessons_title::before {
content: "";
display: block;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 60px 0 0 60px;
width: 6px;
height: 32px;
margin-left: 7px;
position: absolute;
right: -20px;
}
.nirweb_product_lesson {
background: #ffffff;
border: 1px solid #dee4ec;
border-radius: 15px;
height: 100%;
padding: 20px 10px;
}
.nirweb_product_lesson.active {
border: 1px solid #7c59e2;
}
.nirweb_product_lesson.active .nirweb_lesson_second_title span {
color: #ffa824 !important;
}
.nirweb_product_lesson.nirweb_lock_lesson a,
.nirweb_product_lesson.nirweb_lock_lesson p,
.nirweb_product_lesson.nirweb_lock_lesson img,
.nirweb_product_lesson.nirweb_lock_lesson h3 {
filter: grayscale(1);
}
.nirweb_product_lesson .nirweb_lesson_second_title {
font-size: 20px;
display: flex;
align-items: center;
margin: 0px 0 15px;
font-weight: 500;
}
.nirweb_product_lesson img {
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.nirweb_product_lesson h2 {
font-size: 14px;
font-weight: 500;
color: #535d6b;
margin-bottom: 0px;
line-height: 28px;
height: 35px;
overflow: hidden;
margin-top: 9px;
}
.nirweb_product_lesson > a {
display: flex;
align-items: center;
color: #ffa824;
font-size: 14px;
line-height: 38px;
font-weight: 400;
}
.nirweb_product_lesson > a svg {
margin-right: 6px;
}
.nirweb_lesson_duration {
display: flex;
align-items: center;
font-size: 12px;
line-height: 30px;
color: #888f9d;
}
.nirweb_product_lesson svg {
margin-left: 5px;
}
/***************************************************************************
# Lesson Single
***************************************************************************/
.nirweb_bocode_contact_fields {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_bocode_contact_fields input {
width: 100%;
border: 1px solid #b3becd;
border-radius: 10px;
height: 40px;
padding: 0 10px;
}
.nirweb_bocode_contact_fields .nirweb_bocode_contact_fields_input {
width: 48%;
}
.nirweb_contact_instructor {
background-color: #fff;
width: 600px;
max-width: 100%;
flex-direction: column;
align-items: center;
padding: 20px 30px;
border-radius: 20px;
position: fixed;
top: 5%;
z-index: 10000;
left: 0;
right: 0;
margin: 0 auto;
display: none;
max-height: 90%;
overflow-y: auto;
}
.nirweb_contact_instructor > p {
color: #535d6b;
}
.nirweb_contact_instructor.active {
display: flex;
}
.submit_contact_note_nirweb {
display: flex;
align-items: center;
color: #535d6b;
font-size: 13px;
margin: 10px 0;
}
.nirweb_contact_instructor > h4 {
font-size: 22px;
margin-bottom: 10px;
}
.nirweb_contact_instructor > p {
font-size: 15px;
margin-bottom: 10px;
text-align: center;
}
.nirweb_contact_instructor_note {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
background-color: #f7f9fc;
border-radius: 15px;
padding: 10px;
color: #535d6b;
font-weight: 500;
}
.form_contact_note_nirweb {
width: 100%;
}
.form_contact_note_nirweb textarea {
width: 100%;
border: 1px solid #b3becd;
border-radius: 10px;
min-height: 120px;
padding: 10px;
}
.form_contact_note_nirweb label {
color: #84878b;
background-color: #fff;
position: relative;
top: 10px;
right: 15px;
padding: 0 10px;
font-size: 14px;
}
.form_contact_note_nirweb .submit-form {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border: 0;
color: #fff;
width: 100%;
cursor: pointer;
height: 32px;
border-radius: 10px;
height: 40px;
}
.form_contact_note_nirweb .submit-form:disabled {
background: #aaa !important;
cursor: initial;
}
.nirweb_contact_instructor_note_content {
font-size: 12px;
width: 80%;
}
.nirweb_contact_instructor_note_content h6 {
color: #1f2435;
font-size: 16px;
margin-bottom: 16px;
}
.nirweb_course_banner {
background-color: #fff;
border-radius: 28px;
margin-top: 40px;
position: relative;
display: flex;
align-items: center;
padding: 10px 25px;
justify-content: space-between;
}
.nirweb_last_date_course {
background: var(--main-color);
padding: 10px 20px;
border-radius: 20px;
color: #ffffff;
}
.nirweb_course_banner a svg {
margin-left: 5px;
margin-right: 5px;
transform: rotate(180deg);
}
.nirweb_course_banner span {
font-size: 13px;
line-height: 40px;
color: #f7f9fc;
font-weight: 400;
margin: 15px 0;
}
.nirweb_course_banner h3 {
font-size: 25px;
color: #000;
font-weight: 600;
}
.nirweb_course_banner p {
color: #fff;
font-size: 12px;
margin-left: 10px;
}
.nirweb_course_banner img {
position: relative;
top: -40px;
margin-bottom: -45px;
}
.nirweb_single_lesson_container {
background-color: #fff;
padding: 20px;
margin-top: 20px;
border-radius: 20px;
position: relative;
overflow: hidden;
}
.nirweb_single_lesson_container .nirweb_product_lessons_title {
margin-top: 40px;
}
.nirweb_single_lesson_desc {
color: #535d6b;
font-size: 15px;
line-height: 37px;
text-align: justify;
}
.course-benefits {
margin-top: 35px;
}
.nirweb_single_lesson_container > h3,
.course-benefits h3 {
font-weight: 600;
font-size: 24px;
line-height: 40px;
color: #000;
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.nirweb_single_lesson_container > h3::before,
.course-benefits h3::before {
content: "";
display: block;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 60px 0 0 60px;
width: 6px;
height: 34px;
margin-left: 7px;
position: absolute;
right: -20px;
}
.course-benefits ul {
margin-bottom: 25px;
}
.course-benefits ul li {
margin-bottom: 25px;
color: #8090B0;
}
.course-benefits ul li span {
background-color: #DEE4EC;
padding: 10px;
border-radius: 10px;
margin-left: 25px;
display: inline-flex;
vertical-align: middle;
}
.course-benefits ul li span > svg {
display: block;
margin: auto;
height: 100%;
}
body.single-courses .becode-lessons-list {
margin-bottom: 35px;
}
body.single-courses .becode-lessons-list .tab {
border-top: 0 solid transparent;
border-right: 0 solid transparent;
border-left: 0 solid transparent;
border-bottom: 1px solid #DEE4EC;
border-radius: 0;
margin-bottom: 0;
}
body.single-courses .becode-lessons-list .lessons-list li {
border-radius: 15px;
margin-bottom: 15px;
}
body.single-courses .becode-lessons-list .lessons-list li .lesson-title {
color: #7C59E2;
font-size: 16px;
font-weight: 600;
}
body.single-courses .becode-lessons-list .lessons-list li .lesson-number {
color: #000000;
font-size: 16px;
font-weight: 600;
}
body.single-courses .becode-lessons-list .lessons-list li.locked .lesson-title,
body.single-courses .becode-lessons-list .lessons-list li.locked .lesson-number {
color: #8090B0;
}
body.single-courses .woocommerce .nirweb_popup_content > div {
justify-content: end;
}
body.single-courses .woocommerce .nirweb_popup_content {
text-align: right !important;
}
body.single-courses .woocommerce .nirweb_popup_content p {
color: #000 !important;
}
body.single-courses .woocommerce .nirweb_popup_content ul {
border: 1px solid #ddd;
border-radius: 20px;
padding: 15px;
margin: 15px 0;
font-size: 14px;
}
body.single-courses .woocommerce .nirweb_popup_content label {
margin: 15px 0;
font-size: 14px;
}
body.single-courses .woocommerce .nirweb_popup_content .add-to-cart {
text-align: center;
margin: 15px 0;
}
body.single-courses .woocommerce .nirweb_popup_content ul li {
margin-bottom: 10px;
}
.becode-online-classes, .becode-facetoface-classes {
margin-bottom: 15px;
}
.becode-online-classes > .row, .becode-facetoface-classes > .row {
justify-content: center;
}
.becode-online-classes > span, .becode-facetoface-classes > span {
text-align: center;
display: block;
color: #617798;
font-weight: 600;
font-size: 14px;
margin-bottom: 15px;
}
.becode-online-classes .becode_time_class, .becode-facetoface-classes .becode_time_class {
flex-wrap: wrap;
flex-direction: column;
border: 1px solid #B3BECD;
border-radius: 10px;
padding: 5px;
font-size: 12px;
align-content: center;
color: #8090B0;
text-align: center;
cursor: pointer;
margin-left: 5px;
}
.becode-online-classes .becode_time_class.active, .becode-facetoface-classes .becode_time_class.active {
border: 1px solid #7C59E2;
color: #FFA824;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
font-weight: 600;
}
.nirweb_lesson_side {
background: #ffffff;
border: 1px solid #dee4ec;
border-radius: 8px;
padding: 10px 15px;
margin-top: 15px;
}
.nirweb_lesson_side.active {
border: 1px solid #ffa824;
}
.nirweb_lesson_side h6 {
font-weight: 600;
font-size: 20px;
line-height: 30px;
}
.nirweb_lesson_side > div:first-child {
margin-bottom: 10px;
}
.nirweb_lesson_side h3 {
color: #535d6b;
font-size: 14px;
font-weight: 500;
}
.nirweb_lesson_side .nirweb_lesson_duration svg {
margin-left: 3px;
}
.nirweb_single_lesson_container video {
max-width: 100%;
height: auto;
}
.nirweb_lock_box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_lock_box img {
filter: blur(10px);
width: 100%;
}
.nirweb_lock_message img {
filter: blur(0);
width: 120px;
}
.nirweb_lock_message {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: max-content;
background-color: rgba(00, 00, 00, 0.80);
padding: 10px 20px;
border-radius: 24px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.nirweb_lock_message p {
color: #fff;
font-weight: 400;
font-size: 15px;
}
.nirweb_lock_message p::after {
content: "";
display: block;
width: 100%;
height: 0.6px;
background-color: #f7f9fc;
opacity: 0.1;
margin: 10px 0;
}
.nirweb_lock_message span {
color: #fff;
font-size: 13px;
margin-bottom: 10px;
}
.nirweb_lock_message a {
background-color: #ffa824;
width: 165px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 24px;
color: #fff;
}
.nirweb_lock_message svg {
width: 30px;
margin-left: 8px;
height: auto;
}
.nirweb_lock_message a span {
margin: 0;
}
.nirweb_post_analyse {
position: relative;
}
.nirweb_comment_like .lds-spinner {
top: -14px;
left: auto;
right: 42px;
position: absolute;
}
.nirweb_post_analyse p {
display: flex;
align-items: center;
justify-content: center;
margin-right: 20px;
background: rgba(97, 78, 157, 0.05);
border-radius: 8px;
padding: 4px 8px;
font-size: 14px;
min-width: 76px;
color: #eb5757;
font-weight: 500;
cursor: pointer;
}
.nirweb_post_analyse p svg {
width: 24px;
height: 24px;
margin-left: 5px;
}
.nirweb_post_analyse p:last-child {
color: #614e9d;
cursor: default;
}
.nirweb_lesson_rate_avg {
color: #fa9716 !important;
}
.nirweb_lesson_rate_avg i {
font-size: 17px;
margin-left: 5px;
}
/***************************************************************************
# Cart
***************************************************************************/
.becode_alert_coupon {
padding: 10px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.becode_alert_coupon > div {
display: none;
}
.becode_alert_coupon div.box_alert_coupon {
width: max-content;
min-width: 600px;
padding: 10px 20px;
background-color: #fdd28d;
color: #000000;
justify-content: space-between;
border-radius: 7px;
align-items: center;
display: flex;
}
.becode_alert_coupon div a {
color: #000;
background-color: #fff;
border-radius: 3px;
padding: 5px 10px;
}
.becode_remove_coupon {
cursor: pointer;
}
table.shop_cart_table {
width: 100%;
}
table.shop_cart_table tbody td {
text-align: center;
}
table.shop_cart_table td, table.shop_cart_table th {
border-bottom: solid 1px #eee;
padding: 10px;
}
table.shop_cart_table {
border: solid 1px #eee;
}
.product-thumbnail {
vertical-align: middle;
min-width: 32px;
width: 18%;
}
.remove_from_cart {
cursor: pointer;
}
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-message .button,
.woocommerce-page .woocommerce-error .button,
.woocommerce-page .woocommerce-info .button,
.woocommerce-page .woocommerce-message .button {
display: none;
}
.cart_bg_nirweb {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
}
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
width: 100%;
float: none;
}
#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
width: 150px;
}
.checkout_guest {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
text-align: center;
}
.checkout_guest p {
font-weight: 500;
font-size: 18px;
margin-bottom: 25px;
}
.checkout_guest .nirweb_login_signup_link {
margin: auto;
}
.product-name a {
color: #000;
}
.nirweb_update_cart {
background-color: #fa9716;
border: 0;
font-family: inherit;
color: #fff;
height: 39px;
width: 140px;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
display: none;
}
.nirweb_checkout {
background-color: #fa9716;
border: 0;
font-family: inherit;
color: #fff;
height: 39px;
width: 100%;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
}
.woocommerce button.button,
.woocommerce a.button,
.nirweb_apply_coupon {
font-family: inherit !important;
color: #ffffff !important;
background-color: #fa9716 !important;
height: 45px;
min-width: 200px;
border-radius: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-weight: 500 !important;
}
.nirweb_code_coupon {
outline: 0;
height: 39px;
font-family: inherit;
border: 1px solid #ccc;
border-radius: 5px;
padding: 0 5px;
margin-left: 5px !important;
}
.cart_bg_nirweb .coupon {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.cart_totals h2 {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
/***************************************************************************
# like Loading
***************************************************************************/
.lds-spinner {
color: official;
display: inline-block;
position: absolute;
width: 3px;
top: -5px;
height: 3px;
left: 88px;
display: none;
}
.lds-spinner div {
transform-origin: 40px 24px;
animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
content: " ";
display: block;
position: absolute;
top: 3px;
left: 37px;
width: 3px;
height: 10px;
border-radius: 20%;
background: red;
}
.lds-spinner div:nth-child(1) {
transform: rotate(0deg);
animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
transform: rotate(30deg);
animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
transform: rotate(60deg);
animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
transform: rotate(90deg);
animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
transform: rotate(120deg);
animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
transform: rotate(150deg);
animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
transform: rotate(180deg);
animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
transform: rotate(210deg);
animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
transform: rotate(240deg);
animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
transform: rotate(270deg);
animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
transform: rotate(300deg);
animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
transform: rotate(330deg);
animation-delay: 0s;
}
@keyframes lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.nirweb_post_analyse.loading .lds-spinner {
display: block;
}
/***************************************************************************
# Checkout
***************************************************************************/
.checkout_bg_nirweb {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin-top: 20px;
}
.checkout_totals {
}
.checkout_filde {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.checkout_payment_list {
margin-top: 10px;
}
.checkout_payment_list label {
gap: 8px;
margin-bottom: 5px;
}
.checkout_filde input {
outline: 0;
height: 40px;
font-family: inherit;
border: 1px solid #ccc;
border-radius: 5px;
padding: 0 5px;
margin-top: 5px;
width: 90%;
}
.woocommerce-form-coupon-toggle {
margin-top: 20px;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
display: flex;
align-items: center;
}
.woocommerce-form-coupon-toggle a {
color: #fa9716;
margin-right: 4px;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
border: 1px solid #e9e5e5;
height: 38px;
padding: 0 5px;
border-radius: 5px;
margin-top: 8px;
font-size: 14px;
font-family: inherit;
}
.select2-container--default .select2-selection--single {
border: 1px solid #e9e5e5;
height: 38px;
border-radius: 5px;
margin-top: 8px;
font-size: 14px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 38px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 52px;
}
.woocommerce form .form-row textarea {
min-height: 120px;
padding: 5px;
}
#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
font-size: 14px;
line-height: 32px;
}
.woocommerce table.shop_table tfoot th {
font-weight: 600;
}
.woocommerce-checkout h3 {
font-weight: 600;
margin-bottom: 20px;
}
/***************************************************************************
# My Account
***************************************************************************/
.back_to_site_account {
border-radius: 7px;
width: 134px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
background: #7c59e2;
border: 1px solid #7c59e2;
font-size: 13px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
margin: 0 10px 10px 0;
color: #fff;
}
.nirweb_new_post_help {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.nirweb_new_post_help h4 {
color: #000000;
font-weight: 700;
margin: 20px 0 12px;
}
.nirweb_new_post_help p {
color: #535d6b;
font-size: 14px;
}
.nirweb_new_post {
background-color: #fff;
padding: 20px;
border-radius: 20px;
margin: 30px 0 0;
}
.nirweb_new_post_nav {
display: flex;
align-items: center;
justify-content: center;
border-bottom: 0.6px solid #dee4ec;
padding-bottom: 20px;
}
.nirweb_new_post_nav a {
color: #535d6b;
margin-left: 50px;
position: relative;
width: 60px;
display: flex;
justify-content: center;
}
.nirweb_new_post_nav a.active {
color: #7c59e2;
}
.nirweb_new_post_nav a.active::after {
content: "";
display: inline-block;
background-color: #7c59e2;
width: 100%;
height: 3px;
border-radius: 20px;
position: absolute;
bottom: -21px;
right: 0;
}
.nirweb_new_post_form > div {
display: none;
margin: 40px 0;
}
.nirweb_upload_post_img {
background-color: #7c59e2;
color: #fff;
width: 165px;
height: 57px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
cursor: pointer;
border-radius: 11px;
font-size: 14px;
transition: all 0.3s ease-in-out;
}
.error_message_nirweb {
color: #f00;
font-size: 14px;
margin: 5px 0 0 0;
font-weight: 500;
}
.nirweb_upload_post_img input[type="file"] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
right: 0;
bottom: 0;
}
.nirweb_upload_post_img.uploaded {
background-color: #00ab00;
}
.nirweb_upload_control {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f7f9fc;
border-radius: 10px;
padding: 12px;
margin-top: 15px;
}
.nirweb_upload_control__helper {
display: flex;
align-items: center;
}
.nirweb_upload_control__helper h5 {
font-weight: 600;
font-size: 16px;
margin-right: 10px;
margin-bottom: 8px;
}
.nirweb_upload_control__helper p {
font-size: 14px;
color: #888f9d;
margin-right: 10px;
}
.post_video_publish_nirweb,
.post_publish_nirweb {
width: 120px;
font-family: inherit;
margin-right: auto;
height: 40px;
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #9d89d9 0%, #7c59e2 100%);
border-radius: 7px;
color: #fff;
border: 0;
cursor: pointer;
margin-top: 20px;
}
.nirweb_upload_input::-webkit-file-upload-button {
display: inline-block;
border: 1px solid #f6bb42;
background-color: #fff;
color: #f6bb42;
padding: 7px 15px;
font-weight: 700;
border-radius: 3px;
white-space: nowrap;
cursor: pointer;
font-size: 10pt;
}
.nirweb_new_post_form div.active {
display: block;
}
.nirweb_new_post_form {
display: flex;
flex-direction: column;
}
.nirweb_new_post_form input {
border: 0;
outline: 0;
padding: 10px;
font-family: inherit;
width: 100%;
background-color: #f7f9fc;
border-radius: 10px;
margin-top: 10px;
}
.nirweb_new_post_form input.no_border {
border: 0;
}
.nirweb_new_post_form label {
color: #888f9d;
font-size: 14px;
margin: 50px 0 0;
}
#nirweb_hashtags {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 15px;
}
#nirweb_hashtags li {
display: flex;
align-items: center;
background-color: #f9f4f4ee;
padding: 5px 15px;
font-size: 14px;
margin-left: 10px;
border-radius: 5px;
}
#nirweb_hashtags li i {
cursor: pointer;
margin-right: 10px;
}
#nirweb_hashtags_video {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-top: 15px;
}
#nirweb_hashtags_video li {
display: flex;
align-items: center;
background-color: #f9f4f4ee;
padding: 5px 15px;
font-size: 14px;
margin-left: 10px;
border-radius: 5px;
}
#nirweb_hashtags_video li i {
cursor: pointer;
margin-right: 10px;
}
.nirweb_new_post_form textarea {
border: 0;
height: 90px;
outline: 0;
font-family: inherit;
background-color: #f7f9fc;
border-radius: 10px;
margin-top: 10px;
padding: 10px;
}
.nirweb_dashboard_title {
display: flex;
align-items: center;
}
.nirweb_dashboard_title h1 {
font-size: 28px;
}
.nirweb_dashboard_title p {
color: #888f9d;
font-size: 14px;
margin-top: 10px;
}
.nirweb_search_friend {
background-color: #fff;
border-radius: 30px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 15px 20px;
margin: 15px 0;
}
.nirweb_search_friend > span {
display: flex;
align-items: center;
height: 60px;
background-color: #f7f9fc;
width: 100%;
border: 1px solid #dee4ec;
border-radius: 24px;
padding: 0 20px;
}
.nirweb_search_friend input {
width: 100%;
height: 40px;
border: 0;
background-color: transparent;
font-family: inherit;
padding: 0 10px 0 0;
outline: 0;
color: #888f9d;
}
.nirweb_search_question form button,
.nirweb_search_friend button {
width: 160px;
height: 60px;
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 20px;
margin-right: 10px;
border: 0;
color: #fff;
font-family: inherit;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
cursor: pointer;
}
.nirweb_search_friend button svg {
margin-left: 5px;
}
/***************************************************************************
# Project
***************************************************************************/
.nirweb_img_play {
position: relative;
}
.play_me_nirweb {
display: flex;
align-items: center;
top: 50%;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
width: 145px;
background-color: rgba(31, 36, 53, 0.64);
color: #fff;
height: 40px;
justify-content: center;
font-size: 15px;
border-radius: 60px;
}
.play_me_nirweb svg {
position: relative;
right: -20px;
}
.nirweb_project_comments {
margin-top: 45px;
background: #ffffff;
border-radius: 30px;
padding: 20px;
}
.nirweb_project_comments .comment-form-comment textarea {
width: 100%;
border: 1px solid #dee4ec;
height: 120px;
border-radius: 8px;
padding: 10px;
}
.nirweb_project_comments svg {
width: 25px;
height: 25px;
}
.nirweb_project {
background: #ffffff;
}
.nirweb_project h3 {
margin-bottom: 25px;
color: #000;
}
.nirweb_project_author {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 15px;
}
.nirweb_project_author_right {
display: flex;
align-items: center;
color: #000;
}
.nirweb_project_author_right img {
width: 60px;
height: 60px;
border-radius: 100%;
margin-left: 12px;
}
.nirweb_author_name h2 {
margin-bottom: 6px;
font-weight: 600;
font-size: 16px;
color: #000;
}
.nirweb_author_name h2 a {
color: #000;
}
.nirweb_author_name p:first-child {
font-size: 14px;
font-weight: 600;
margin-bottom: 5px;
color: #000000;
}
.nirweb_author_name p {
font-size: 13px;
color: #888f9d;
font-weight: 300;
}
.nirweb_project_more {
color: #1678ec;
display: inline-block;
font-weight: 700;
}
.nirweb_project_thumbnail {
margin: 0;
border-radius: 15px;
max-height: 220px;
display: block;
}
.nirweb_projects_action {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 15px;
}
.nirweb_projects_action_right {
display: flex;
align-items: center;
}
.notice_need_score{
display: none;
position: absolute;
top: 80%;
right: 80%;
background: #ffdab0;
width: 150px;
padding: 8px;
border-radius: 5px;
color: #000000;
font-size: 13px;
}
.nirweb_project_like .lds-spinner {
left: -25px;
top: -12px;
}
.nirweb_project_save .lds-spinner {
top: -14px;
left: -32px;
}
.nirweb_project_content {
color: #535d6b;
font-size: 15px;
line-height: 29px;
text-align: justify;
}
.nirweb_project_icons {
display: flex;
align-items: center;
gap: 15px;
margin-top: 20px;
}
.nirweb_project_icons a {
width: 24px;
height: 24px;
}
.nirweb_project_meta {
margin-bottom: 20px;
align-content: flex-end;
display: flex;
font-size: 12px;
}
.nirweb_single_project_icons {
display: flex;
align-items: center;
gap: 20px;
margin: 20px 0 40px 0;
}
.nirweb_project_comments,
.nirweb_project_likes {
/*display: flex;*/
/*align-items: center;*/
/*flex-direction: column;*/
}
.nirweb_project_comments_icon {
display: flex;
align-items: center;
}
.nirweb_project_likes {
display: flex;
gap: 7px;
align-items: center;
}
.nirweb_project_likes .icon {
width: 25px;
height: 25px;
}
.nirweb_project_comments svg,
.nirweb_project_likes svg {
margin-left: 5px;
}
.nirweb_project > h3 {
font-size: 20px;
font-weight: 700;
margin: 12px 0;
}
.nirweb_view_comments {
color: #888f9d;
font-size: 14px;
margin-top: 10px;
}
.nirweb_projects_action_right span {
color: #000;
font-size: 14px;
}
.likes_count_nirweb {
color: #535d6b;
font-size: 14px;
}
/****** popup **********/
.nirweb_project_share {
text-decoration: none;
transition: all 0.3s ease-out;
color: #010101;
display: flex;
align-items: center;
margin-left: 10px;
}
.nirweb_popup_overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.4);
transition: opacity 500ms;
visibility: hidden;
opacity: 0;
z-index: 999;
}
.nirweb_popup_overlay:target {
visibility: visible;
opacity: 1;
}
.nirweb_popup_overlay.active {
visibility: visible;
opacity: 1;
}
.nirweb_popup_content {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 15px;
width: 30%;
position: relative;
transition: all 5s ease-in-out;
}
.nirweb_popup_play_video {
margin: 70px auto;
padding: 20px;
background: #fff;
border-radius: 15px;
width: 70%;
position: relative;
transition: all 5s ease-in-out;
}
.nirweb_popup_content li a i {
color: #727272;
}
.nirweb_popup_content .close {
transition: all 200ms;
font-size: 30px;
font-weight: 100;
text-decoration: none;
color: #333;
}
.nirweb_popup_content .close:hover {
color: #9b2e69;
}
.nirweb_popup_content .nirweb_share_list {
list-style: none;
}
.nirweb_popup_content .nirweb_share_list li i {
font-size: 18px;
padding: 0 10px;
color: #727272;
}
.nirweb_popup_content .nirweb_share_list li:hover i {
color: #7c59e2;
transition: all 0.5s ease-in-out;
transform: scale(1.3);
}
@media screen and (max-width: 700px) {
.nirweb_popup_content {
width: 70%;
}
}
.nirweb_popup_project .list_comment {
max-height: 340px;
overflow-y: auto;
}
.nirweb_popup_project .list_comment::-webkit-scrollbar {
width: 4px;
}
.nirweb_popup_project .list_comment::-webkit-scrollbar-track {
background-color: #dee4ec;
border-radius: 10px;
}
.nirweb_popup_project .list_comment::-webkit-scrollbar-thumb {
background: #ffa824;
border-radius: 10px;
}
.nirweb_popup_project {
background-color: #ffff;
border-radius: 30px;
padding: 15px;
/*width: 80%;*/
margin-top: 70px;
}
.woocommerce-MyAccount-content {
width: 80%;
}
.project_popup_thumbnail_nirweb {
width: 100%;
border-radius: 20px;
}
.nirweb_popup_project .nirweb_project_author_right {
border-bottom: 0.4px solid #dee4ec;
padding-bottom: 15px;
margin-bottom: 15px;
}
.nirweb_project_title {
font-size: 20px;
font-weight: 700;
margin: 12px 0;
}
.nirweb_comment_user {
display: flex;
align-items: center;
color: #000;
font-weight: 600;
font-size: 15px;
}
.nirweb_comment_user img {
border-radius: 100%;
margin-left: 10px;
}
.nirweb_comment_txt {
color: #535d6b;
font-size: 14px;
line-height: 29px;
}
.nirweb_popup_project .list_comment li {
margin-bottom: 20px;
}
.logged-in-as {
display: none;
}
.nirweb_popup_project .comment-form {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.nirweb_popup_project .comment-form-comment {
width: 90%;
}
.nirweb_popup_project .comment-form textarea {
background-color: transparent;
border: 0;
font-family: inherit;
padding: 0 10px;
width: 100%;
outline: 0;
height: 100%;
color: #b3becd;
}
.nirweb_popup_project .comment-form textarea::placeholder {
color: #b3becd;
}
.nirweb_popup_project .comment-form input#submit {
background-color: transparent;
padding: 0 !important;
opacity: 0;
}
.download_project_file_nirweb {
background: rgba(255, 168, 36, 10%);
font-size: 13px;
margin: 10px 0 0 0;
color: #ffa824;
border-radius: 7px;
width: 134px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
}
.box_send_comment_nirweb .form-submit button {
background: #7c59e2;
color: #fff;
border-radius: 7px;
width: 134px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
line-height: 45px;
border: none;
cursor: pointer;
}
.box_send_comment_nirweb {
background-color: #f7f9fc;
border-radius: 11px;
padding: 10px;
margin-bottom: 20px;
}
.nirweb_project_comments .comment-body {
border: 1px solid #dee4ec;
padding: 15px;
border-radius: 12px;
margin-bottom: 20px;
}
.nirweb_proj_container.bordered {
border: 1px solid #dee4ec;
}
.nirweb_user_link {
background-color: #fff;
margin-bottom: 20px;
padding: 20px;
border-radius: 20px;
}
.nirweb_user {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_user_profile {
display: flex;
align-items: center;
}
.nirweb_user_profile img {
width: 87px;
height: 87px;
border-radius: 100%;
margin-left: 10px;
}
.nirweb_user_profile h4 {
font-size: 18px;
margin-bottom: 9px;
font-weight: 700;
}
.nirweb_user_profile p {
display: flex;
align-items: center;
color: #888f9d;
font-size: 14px;
}
.nirweb_user_profile p svg {
margin-left: 5px;
}
.nirweb_edit_score {
flex-direction: column;
align-items: center;
background-color: #fff;
padding: 20px;
position: fixed;
top: 20%;
margin: 0 auto;
left: 0;
right: 0;
border-radius: 20px;
display: none;
width: max-content;
z-index: 1000;
}
.nirweb_edit_score.active {
display: flex;
}
.rabex_ok_invite {
background-color: #7c59e2;
color: #fff;
width: 120px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
font-size: 15px;
cursor: pointer;
border: 0;
margin-top: 10px;
}
.nirweb_edit_score p {
color: #888f9d;
font-size: 15px;
margin: 15px 0 0 0;
}
.nirweb_edit_score_title {
display: flex;
align-items: center;
font-weight: 600;
color: #7c59e2;
}
.nirweb_edit_score_title svg {
margin: 0 10px;
}
.nirweb_user_follows {
display: flex;
align-items: center;
}
.nirweb_user_follow {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 15px;
}
.nirweb_user_follow p {
color: #7c59e2;
font-weight: 900;
font-size: 23px;
margin-bottom: 9px;
}
.nirweb_user_follow span {
color: #888f9d;
font-size: 14px;
}
.nirweb_edit {
background: #f7f9fc;
border-radius: 60px;
color: #ffa824;
font-size: 14px;
width: 195px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_edit_password {
background: #f7f9fc;
color: #ffa824;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
width: 260px;
height: 60px;
border: 0;
cursor: pointer;
}
.password_popup_nirweb {
position: fixed;
background: #fff;
z-index: 999;
top: 10%;
left: 0;
right: 0;
margin: 0 auto;
width: 60%;
padding: 20px;
border-radius: 20px;
display: none;
max-width: 700px;
}
.password_popup_nirweb.active {
display: block;
}
.nirweb_edit svg {
margin-left: 5px;
}
.nirweb_link_actions {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40px;
background: #f7f9fc;
border-radius: 15px;
padding: 20px;
}
.nirweb_link_actions h6 {
font-size: 18px;
font-weight: 700;
margin-left: 20px;
}
.nirweb_invite_link {
position: relative;
}
.nirweb_invite_link input {
border: 1px solid #7c59e2;
border-radius: 40px;
height: 60px;
padding: 0 20px;
min-width: 300px;
outline: 0;
text-align: center;
font-size: 16px;
}
.nirweb_invite_link label {
position: absolute;
top: -10px;
background-color: #f7f9fc;
padding: 0 10px;
right: 0;
left: 0;
margin: 0 auto;
width: max-content;
font-size: 15px;
}
.nirweb_copy {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border-radius: 60px;
color: #fff;
display: flex;
align-items: center;
width: 160px;
height: 60px;
justify-content: center;
margin-left: 10px;
position: relative;
cursor: pointer;
border: 0;
font-family: inherit;
font-size: 15px;
}
.nirweb_share_link svg,
.nirweb_copy svg {
margin-left: 5px;
}
.nirweb_share_link {
background: #7c59e2;
border-radius: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 160px;
height: 60px;
color: #fff;
font-size: 15px;
}
.nirweb_invite_btns {
display: flex;
align-items: center;
}
.nirweb_tooltiptext {
visibility: hidden;
width: 100px;
background-color: #fa9716;
color: #fff;
text-align: center;
border-radius: 6px;
font-size: 13px;
padding: 6px;
position: absolute;
z-index: 1;
top: -38px;
right: 0;
opacity: 0;
transition: opacity 0.3s;
font-weight: 400;
border: 1px solid #fa9716;
}
.nirweb_tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #fa9716 transparent transparent transparent;
}
.nirweb_copy:hover .nirweb_tooltiptext {
visibility: visible;
opacity: 1;
}
#edit_account {
display: none;
background-color: #fff;
padding: 20px;
border-radius: 20px;
position: fixed;
top: 10%;
width: 70%;
z-index: 100;
}
#edit_account.active {
display: block;
}
.nirweb_account {
display: flex;
justify-content: center;
width: 100%;
}
/***************************************************************************
# Questions
***************************************************************************/
.nirweb_q_r__container {
background-color: #fff;
padding: 20px;
margin: 20px 0 0 0;
border-radius: 20px;
}
.nirweb_q_r__container .comment-reply-title {
display: flex;
align-items: center;
justify-content: space-between;
margin: 10px 0;
color: #000;
font-weight: 500;
font-size: 15px;
}
.nirweb_q_r__container .comment-reply-title a {
color: #e33737;
}
.nirweb_q_r__container ul.children {
padding-right: 100px;
position: relative;
padding-top: 40px;
}
.nirweb_q_r__container ul.children::before {
content: "";
background: url("../images/replies.svg");
background-size: contain;
display: block;
width: 70px;
height: 70px;
background-repeat: no-repeat;
position: absolute;
right: 15px;
top: 0;
}
.nirweb_q_head {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_qa_title_box {
display: flex;
align-items: center;
}
.nirweb_qa_title {
display: flex;
flex-direction: column;
margin-right: 12px;
}
.nirweb_qa_title h1 {
color: #022239;
font-size: 25px;
margin-bottom: 10px;
}
.nirweb_qa_title p {
color: #556673;
font-size: 14px;
}
.nirweb_new_q {
background: #ffa824;
border-radius: 20px;
display: flex;
align-items: center;
width: 160px;
color: #fff;
justify-content: center;
height: 55px;
font-size: 15px;
}
.nirweb_new_q svg {
margin-left: 5px;
}
.nirweb_menu_club {
justify-content: space-between;
background-color: #f4f1ff;
color: #7C59E2;
padding: 0 13px;
border-radius: 10px;
margin: 35px 0 15px 0;
min-height: 50px;
display: flex;
align-items: center;
font-weight: 600;
}
.nirweb_menu_club a {
color: #7c59e2 !important;
line-height: 22px;
}
.nirweb_menu_club a svg {
margin-left: 10px;
}
.nirweb_menu_club span {
line-height: 20px;
}
.nirweb_menu_club .score {
color: #ffa824;
}
.nirweb_menu_club.is-active {
background-color: #7c59e2;
}
.nirweb_menu_club.is-active a {
color: #fff !important;
}
.nirweb_menu_club.is-active span {
color: #fff;
}
.nirweb_menu_club.is-active svg path {
fill: #fff !important;
}
.nirweb_search_question form {
background-color: #fff;
border-radius: 20px;
padding: 10px 20px;
display: flex;
align-items: center;
margin: 20px 0 0 0;
}
.nirweb_search_question input {
color: #a3a3b0;
font-family: inherit;
width: 100%;
outline: 0;
margin-right: 10px;
height: 40px;
border: 0;
}
.close_q_form_nirweb {
font-size: 20px;
margin-right: auto;
width: max-content;
color: #f00;
display: none;
}
.nirweb_submit_question {
background-color: #fff;
padding: 20px;
border-radius: 20px;
position: fixed;
top: 10%;
width: 70%;
display: none;
z-index: 999;
}
.nirweb_submit_question.active {
display: block;
}
.nirweb_submit_question form {
display: flex;
flex-direction: column;
}
.nirweb_submit_question label {
color: #888f9d;
font-size: 14px;
margin: 25px 0 10px;
}
.nirweb_submit_question input {
border: 0;
border-bottom: 0.6px solid #b3becd;
outline: 0;
padding: 10px;
font-family: inherit;
}
.nirweb_submit_question textarea {
border: 0;
border-bottom: 0.6px solid #b3becd;
height: 140px;
outline: 0;
font-family: inherit;
}
.nirweb_submit_question button {
width: 120px;
font-family: inherit;
margin-top: 20px;
margin-right: auto;
height: 40px;
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #9d89d9 0%, #7c59e2 100%);
border-radius: 7px;
color: #fff;
border: 0;
cursor: pointer;
}
.nirweb_question_container {
background-color: #fff;
padding: 20px;
margin: 20px 0 0 0;
border-radius: 20px;
}
.nirweb_q_r__container .nirweb_question_container {
margin: 0;
padding: 0px;
}
.nirweb_question_container.nirweb_after {
position: relative;
}
.nirweb_question_container.nirweb_after::after {
content: "";
display: inline-block;
width: 90%;
height: 1px;
background-color: #dee4ec;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.nirweb_question_head {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_question_right {
display: flex;
align-items: center;
}
.nirweb_question_right img {
width: 76px;
height: 76px;
border-radius: 100%;
margin-left: 10px;
}
.nirweb_question_right h3 {
color: #022239;
font-size: 18px;
}
.nirweb_question_left {
display: flex;
align-items: center;
}
.nirweb_q_date {
display: flex;
align-items: center;
color: #614e9d;
margin-left: 20px;
font-size: 14px;
}
.nirweb_q_r__container .list_comment {
margin: 30px 0 0 0;
}
.nirweb_q_date svg {
margin-left: 5px;
}
.nirweb_reply_details {
display: flex;
align-items: center;
justify-content: flex-end;
}
.nirweb_q_answers_count {
display: flex;
align-items: center;
background: #f5f7fa;
border-radius: 12px;
color: #556673;
padding: 10px 25px;
}
.nirweb_question_body_title {
color: #022239;
font-size: 16px;
}
.nirweb_question_body_content {
color: #556673;
font-size: 15px;
line-height: 27px;
margin-bottom: 15px;
text-align: justify;
}
.nirweb_question_footer {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_reply {
display: flex;
align-items: center;
background: linear-gradient(135deg,
rgba(255, 168, 36, 0.1) 0%,
rgba(250, 151, 22, 0.1) 100%);
border-radius: 38px;
justify-content: center;
color: #ffa824;
width: 145px;
height: 55px;
font-size: 15px;
}
.nirweb_reply_q {
display: flex;
align-items: center;
border-radius: 38px;
color: #ffa824;
width: 145px;
height: 55px;
font-size: 15px;
}
.nirweb_reply svg {
margin-right: 5px;
}
.nirweb_question_actions {
display: flex;
align-items: center;
}
.nirweb_q_share {
display: flex;
align-items: center;
color: #888f9d;
margin-left: 20px;
font-size: 15px;
}
.nirweb_question_report {
display: flex;
align-items: center;
color: #888f9d;
font-size: 15px;
}
.nirweb_question_report svg,
.nirweb_q_share svg {
margin-left: 5px;
}
.nirweb_answers .nirweb_question_report svg path {
stroke: #fd5a33;
}
.nirweb_answer_me {
background-color: #fff;
display: flex;
flex-direction: column;
align-items: center;
margin: 20px 0;
border-radius: 20px;
padding: 20px;
}
.nirweb_answer_me_icon {
}
.nirweb_answer_me_title {
color: #1f2435;
font-size: 23px;
margin: 15px 0 25px 0;
}
.reply_submit {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
color: #fff;
width: 100%;
border-radius: 35px;
border: 0;
height: 48px;
margin: 20px 0 0 0;
font-size: 16px;
font-weight: 600;
cursor: pointer;
}
.nirweb_answer_container {
border-bottom: 0.6px solid #dee4ec;
padding: 20px 0;
}
.nirweb_answer_container:first-child {
padding-top: 0;
}
.nirweb_answers {
background-color: #fff;
padding: 20px;
border-radius: 20px;
margin-top: 20px;
}
.nirweb_answers .nirweb_question_container {
padding: 0;
margin: 0;
}
.nirweb_answers_title {
color: #535d6b;
font-size: 28px;
font-weight: 600;
margin-top: 25px;
border-top: 0.6px solid #dee4ec;
padding-top: 25px;
margin-bottom: 35px;
}
.nirweb_feedback {
display: flex;
align-items: center;
}
.nirweb_dislike_answer,
.nirweb_like_answer {
display: flex;
align-items: center;
width: 86px;
height: 45px;
justify-content: center;
border-radius: 12px;
cursor: pointer;
}
.nirweb_dislike_answer {
color: #e32e09;
background: rgba(227, 46, 9, 0.1);
margin-left: 10px;
}
.nirweb_dislike_answer .lds-spinner {
left: 0;
}
.nirweb_like_answer .lds-spinner {
left: 0;
}
.nirweb_like_answer {
background: rgba(15, 201, 112, 0.1);
color: #0fc970;
}
.nirweb_dislike_answer span,
.nirweb_like_answer span {
margin-right: 5px;
font-size: 16px;
}
.nirweb_report_btn {
width: 120px;
font-family: inherit;
margin-right: auto;
height: 40px;
font-weight: 500;
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
color: #fff;
border: 0;
cursor: pointer;
background-color: #fd5a33;
margin-top: 20px;
}
.nirweb_report_text {
width: 100%;
min-height: 150px;
padding: 10px;
border-radius: 10px;
font-family: inherit;
border: 0.6px solid #b3becd;
outline: 0;
margin: 14px 0 0 0;
}
.nirweb_report {
background-color: #fff;
padding: 20px;
border-radius: 20px;
position: fixed;
top: 10%;
width: 70%;
display: none;
z-index: 999;
}
.nirweb_report.active {
display: block;
}
.no_question_res {
color: #e33737;
text-align: center;
margin: 20px 0;
}
/***************************************************************************
# Ranking
***************************************************************************/
.nirweb_high_rankings {
width: 100%;
border-spacing: unset;
border: 0;
border-collapse: collapse;
overflow-x: auto;
white-space: nowrap;
display: block;
}
.nirweb_high_rankings tbody td {
height: 50px;
font-size: 14px;
min-width: 300px;
}
.nirweb_high_rankings thead td {
height: 50px;
font-weight: 500;
}
.nirweb_rank_body {
padding: 20px;
}
.nirweb_td img {
width: 50px;
}
.nirweb_rank_tbl_info {
width: 100%;
border-spacing: unset;
border: 0;
border-collapse: collapse;
overflow-x: auto;
white-space: nowrap;
display: block;
}
.nirweb_rank_tbl_info tbody td {
height: 45px;
font-size: 14px;
min-width: 150px;
}
.nirweb_td {
display: flex;
align-items: center;
}
.nirweb_rank_head {
background-color: #fff;
border-radius: 20px;
/*background-image: url("../images/congrats.png");*/
background-repeat: no-repeat;
background-position: top left;
}
.nirweb_rank_head img {
margin: 20px;
max-width: 140px;
}
.nirweb_subtitle_rank {
color: #614e9d;
display: flex;
align-items: center;
font-weight: 500;
}
.nirweb_subtitle_rank svg {
margin-left: 5px;
}
.nirweb_rank_title {
color: #000000;
font-weight: 600;
font-size: 21px;
margin: 10px 0 20px 0;
}
.nirweb_rank_motivation {
display: flex;
align-items: center;
}
.nirweb_rank_next_level {
margin-right: 20px;
}
.nirweb_rank_current {
margin-right: 60px;
}
.nirweb_rank_next_level span {
color: #000000;
font-weight: 600;
font-size: 17px;
}
.nirweb_rank_current span {
color: #614e9d;
font-weight: 600;
font-size: 17px;
}
.nirweb_rank_next_level p,
.nirweb_rank_current p {
color: #888f9d;
font-size: 15px;
margin-bottom: 10px;
position: relative;
}
.nirweb_rank_next_level p:before,
.nirweb_rank_current p:before {
content: "";
display: inline-block;
width: 18px;
height: 6px;
border-radius: 20pc;
position: absolute;
right: -23px;
top: 8px;
}
.nirweb_rank_next_level p:before {
background-color: #e2ecff;
}
.nirweb_rank_current p:before {
background-color: #ffa824;
}
.nirweb_rank_container {
background-color: #fff;
border-radius: 20px;
padding: 20px;
margin: 20px 0;
}
.nirweb_rank_container thead {
color: #7c59e2;
font-size: 14px;
}
.nirweb_rank_container thead td {
padding: 15px 0;
}
.nirweb_rank_container h4 {
color: #1f2435;
font-size: 20px;
margin: 10px 0 20px 0;
}
.nirweb_rank_container li {
display: flex;
align-items: center;
line-height: 1.8em;
justify-content: space-between;
padding: 10px 0;
border-bottom: solid 1px #EEEEEE;
}
.nirweb_rank_container li:last-child, .nirweb_rank_container li:first-child {
border-bottom: none;
}
.nirweb_get_score p {
color: #1f2435;
font-weight: 600;
width: 60%;
}
.nirweb_get_score p .icon svg {
display: inline-block;
}
.nirweb_get_score p .icon svg {
width: 30px;
}
.nirweb_get_score div {
width: 40%;
display: flex;
justify-content: end;
gap: 10px;
}
.nirweb_get_score span {
width: 75px;
color: #ffa824;
text-align: center;
font-weight: 500;
font-size: 14px;
}
.nirweb_get_score span:first-child {
color: #7b59e3;
}
.nirweb_get_score li:first-child p {
font-size: 14px;
color: #7c59e2;
}
.nirweb_get_score li:first-child span {
color: #ffffff;
font-size: 16px;
background: #ffa824;
padding: 5px;
border-radius: 20px;
/*color: #7c59e2;*/
}
.nirweb_get_score li:first-child span:first-child {
background: #7c59e2;
}
.nirweb_high_ranks_title {
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.nirweb_high_ranks_dec h5 {
color: #1f2435;
font-size: 22px;
}
.nirweb_high_ranks_dec p {
color: #535d6b;
font-size: 14px;
margin: 6px 0 0 0;
}
.nirweb_high_ranks_dec {
margin-right: 6px;
}
.nirweb_rank_user {
display: flex;
align-items: center;
color: #000;
}
.nirweb_rank_user img {
width: 35px;
height: 35px;
border-radius: 100%;
margin-left: 5px;
}
.nirweb_rank_score {
color: #614e9d;
font-weight: 600;
}
.nirweb_rank_details {
color: #535d6b;
display: flex;
}
.nirweb_rank_details p span {
margin: 0 3px;
}
.nirweb_rank_details p:last-child span {
display: none;
}
.nirweb_video_upload {
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_video_upload img {
margin-right: 5px;
}
.nirweb_levelup_ovl {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #1f2435;
opacity: 0.36;
z-index: 99;
}
.nirweb_levelup_ovl.diactive {
display: none;
}
.nirweb_levelup {
background-color: #fff;
z-index: 100;
position: fixed;
top: 20%;
left: 0;
right: 0;
margin: 0 auto;
width: 400px;
border-radius: 20px;
display: flex;
flex-direction: column;
align-items: center;
padding: 30px 20px;
background-image: url("../images/bg_level.png");
background-position: center;
background-repeat: no-repeat;
}
.nirweb_levelup.diactive {
display: none;
}
.nirweb_levelup p {
color: #7c59e2;
font-size: 20px;
margin: 20px 0;
}
.nirweb_levelup h5 {
color: #000000;
font-size: 20px;
}
.nirweb_levelup h5 span {
color: #7c59e2;
}
.nirweb_levelup_img_container {
position: relative;
}
.nirweb_level_first {
position: absolute;
top: 0;
right: 0;
}
.nirweb_level_third {
position: absolute;
left: 0;
bottom: 42px;
}
.nirweb_levelup h6 {
color: #535d6b;
font-weight: 400;
font-size: 15px;
margin: 10px 0 0 0;
}
.nirweb_edit_container {
background-color: #fff;
padding: 20px;
border-radius: 20px;
}
.nirweb_back_account {
display: flex;
align-items: center;
color: #535d6b;
margin-bottom: 25px;
}
.nirweb_update_profile {
display: flex;
flex-direction: column;
align-items: center;
}
.nirweb_update_profile img {
border-radius: 100%;
width: 102px;
height: 102px;
}
/***************************************************************************
# Edit Profile
***************************************************************************/
.nirweb_radio_avatar [type="radio"] {
position: absolute;
opacity: 0;
width: 0;
height: 0;
}
.nirweb_avatar_img_selector {
cursor: pointer;
width: 113px;
height: 113px;
background-color: #a1cdff;
border-radius: 100%;
display: flex;
align-items: flex-end;
justify-content: center;
}
.nirweb_radio_avatar [type="radio"]:checked + .nirweb_avatar_img_selector {
outline: 4px solid #876ae3;
}
.nirweb_edit_profile_title {
margin: 40px 0 30px 0;
font-size: 17px;
}
.nirweb_radio_avatar {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 20px;
}
.nirweb_radio_avatar label {
margin-left: 30px;
}
.nirweb_input_control_label {
color: #535d6b;
font-size: 14px;
background-color: #fff;
padding: 0 10px;
position: relative;
top: 8px;
right: 10px;
z-index: 1;
}
.nirweb_input_control {
border: 1px solid #dee4ec;
border-radius: 13px;
width: 100%;
height: 60px;
padding: 0 10px;
outline: 0;
}
#message_nirweb {
color: #e33737;
font-size: 14px;
margin: 10px 0 0 0;
display: block;
}
#update_password_nirweb,
#save_profile {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
color: #fff;
border: 0;
height: 55px;
border-radius: 13px;
font-size: 16px;
cursor: pointer;
margin-top: 20px;
width: 100%;
}
.nirweb_upload_btn {
color: #ffa824;
background-color: rgba(255, 168, 36, 10%);
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 54px;
border-radius: 8px;
margin: 20px 0 0 0;
font-size: 15px;
position: relative;
}
.nirweb_calendar_input {
position: relative;
}
.nirweb_calendar_input svg {
position: absolute;
left: 20px;
top: 20px;
}
.nirweb_upload_btn svg {
margin-left: 5px;
}
.nirweb_upload_btn input[type="file"] {
font-size: 100px;
position: absolute;
left: 0;
top: 0;
opacity: 0;
cursor: pointer;
right: 0;
bottom: 0;
}
.nirweb_display_name {
font-size: 20px;
margin: 10px 0 0 0;
}
.nirweb_gender_choose {
display: flex;
align-items: center;
}
.nirweb_gender_choose h5 {
color: #000;
font-weight: 600;
margin-left: 45px;
font-size: 18px;
}
.nirweb_gender_choose label {
cursor: pointer;
margin-left: 25px;
display: flex;
align-items: center;
}
.nirweb_gender_choose input {
margin-left: 5px;
}
.nirweb_select_control_label select {
width: 100%;
border-radius: 13px;
border: 1px solid #dee4ec;
outline: 0;
padding: 13px;
font-family: inherit;
height: 60px;
}
.nirweb_select_control_label label {
color: #535d6b;
font-size: 14px;
background-color: #fff;
padding: 0 10px;
position: relative;
top: 8px;
right: 10px;
z-index: 1;
}
.nirweb_textarea_control {
width: 100%;
border-radius: 13px;
border: 1px solid #dee4ec;
height: 140px;
outline: 0;
padding: 13px;
font-family: inherit;
}
.nirweb_textarea_control_label {
color: #535d6b;
font-size: 14px;
background-color: #fff;
padding: 0 10px;
position: relative;
top: 8px;
right: 10px;
}
/***************************
Blog
*************************/
body.single-post {
background-color: #fff;
}
.filter_container_nirweb {
position: relative;
}
.filter_blog_nirweb_btn {
display: flex;
align-items: center;
border: 2px solid #000;
width: max-content;
padding: 5px 10px;
border-radius: 10px;
cursor: pointer;
}
.filter_blog_nirweb_btn svg {
margin-right: 5px;
}
.filter_blog_nirweb {
display: none;
position: absolute;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
border-radius: 10px;
width: max-content;
min-width: 155px;
top: 37px;
padding: 0 10px;
}
.filter_container_nirweb:hover .filter_blog_nirweb {
display: block;
}
.search_results_title {
font-size: 21px;
font-weight: 600;
margin-bottom: 20px;
}
.nirweb_post_box h1 {
color: #59636e;
font-weight: 600;
font-size: 22px;
margin-top: 22px;
margin-bottom: 12px;
}
.nirweb_post_box > a > img {
width: 100%;
height: auto;
border-radius: 20px;
}
.nirweb_post_box {
background-color: #fff;
padding: 27px;
border-radius: 10px;
}
.nirweb_post_box_details {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
margin-bottom: 10px;
}
.nirweb_single_post_content ul li {
display: flex;
align-items: center;
position: relative;
padding-right: 15px;
}
.nirweb_single_post_content ul li::before {
color: #dedfe2;
content: "";
display: block;
width: 6px;
height: 6px;
border-radius: 100%;
background-color: #dedfe2;
top: 13px;
position: absolute;
right: 0;
}
.nirweb_single_post_content a {
color: #0052ff;
border-bottom: 1px dashed;
display: inline-block;
}
.nirweb_single_post_content p,
.nirweb_single_post_content ul {
margin-top: 20px;
}
.nirweb_single_post_content p{
display: flex;
flex-wrap: wrap !important;
gap: 20px;
}
.nirweb_single_post_content ol {
padding-right: 35px;
}
.nirweb_post_box_details_left {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.nirweb_post_box_details_left a {
display: flex;
border: 1px solid #ced8e3;
border-radius: 5px;
padding: 4px 6px;
color: #7e8b9a;
font-weight: 600;
margin-right: 10px;
justify-content: center;
align-items: center;
font-size: 12px;
margin-bottom: 5px;
}
.nirweb_post_box_details_left p {
border: 1px solid #ced8e3;
border-radius: 5px;
padding: 4px 6px;
color: #7e8b9a;
font-weight: 600;
margin-right: 10px;
font-size: 12px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_post_box_details_left p span {
margin: 0 2px;
}
.nirweb_post_box_details_right {
display: flex;
align-items: center;
color: #7e8b9a;
flex-wrap: wrap;
}
.nirweb_post_box_details_right p span {
font-weight: 600;
}
.nirweb_author {
display: flex;
align-items: center;
margin-left: 10px;
color: #7e8b9a;
}
.nirweb_author span {
font-weight: bold;
}
.nirweb_author::after {
width: 4px;
height: 4px;
content: "";
display: block;
background-color: #7e8b9a;
border-radius: 100%;
margin-right: 7px;
}
.nirweb_author svg {
margin-left: 3px;
}
.nirweb_views,
.single_article_calendar {
display: flex;
align-items: center;
margin-left: 10px;
color: #fff;
font-size: 14px;
}
.nirweb_views svg,
.single_article_calendar svg {
margin-left: 5px;
}
.nirweb_post_box h3 {
color: #59636e;
font-weight: 600;
font-size: 22px;
margin-top: 22px;
margin-bottom: 12px;
}
.nirweb_excerpt {
text-align: justify;
line-height: 31px;
font-size: 16px;
color: #59636e;
margin: 10px 0;
}
.nirweb_read_more_container {
display: flex;
justify-content: flex-end;
}
.nirweb_read_more {
display: flex;
align-items: center;
color: #0052ff;
background-color: #e5edff;
width: 76px;
height: 39px;
justify-content: center;
border-radius: 24px;
font-size: 15px;
margin-top: 20px;
}
.nirweb_read_more i {
margin-right: 5px;
font-weight: 500;
margin-bottom: 2px;
}
.nirweb_cat_list {
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_cats_carousel {
background-color: #fff;
border-radius: 10px;
padding: 25px 10px;
margin-right: 0;
}
.no_result_nirweb_becode {
color: #1f2435;
font-size: 15px;
text-align: center;
}
.nirweb_cats_carousel .swiper-slide,
.notifi_head_nirweb_becode .swiper-slide {
width: fit-content !important;
}
.date_notifi_nirweb_becode {
display: flex;
align-items: center;
color: #a9b5d4;
font-weight: 300;
font-size: 15px;
}
.date_notifi_nirweb_becode svg {
margin: 0 0 0 5px;
}
.notifi_head_nirweb_becode {
background: #f7f9fc;
padding: 20px 15px;
border-radius: 10px;
}
.notifi_body_nirweb_becode {
display: none;
}
.notifi_body_nirweb_becode.active {
display: block;
}
.notifi_body_nirweb_becode li {
border-bottom: 1px solid #dee4ec;
padding: 20px 0;
}
.notifi_body_nirweb_becode li:last-child {
border-bottom: 0 transparent;
}
.notif_nirweb_becode {
display: flex;
align-items: center;
justify-content: space-between;
}
.notif_right_nirweb_becode {
display: flex;
align-items: center;
color: #1f2435;
font-size: 15px;
}
.notif_right_nirweb_becode svg {
margin: 0 0 0 5px;
}
.notif_ref_nirweb_becode {
color: #a5b0c7;
font-weight: 300;
font-size: 14px;
display: flex;
align-items: center;
}
.icon_holder_nirweb_becode {
width: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.bottom_notif_nirweb_becode {
margin: 15px 0 0 0;
}
.bottom_notif_nirweb_becode .notif_ref_nirweb_becode {
display: none;
}
.notif_ref_nirweb_becode svg {
margin: 0 5px 0 0;
}
.nirweb_becode_notif_cat {
background: transparent;
cursor: pointer;
border: 0;
display: flex;
align-items: center;
justify-content: center;
color: #8090b0;
position: relative;
}
.nirweb_becode_notif_cat.active {
color: #7c59e2;
font-weight: 600;
}
.nirweb_becode_notif_cat.active::after {
content: "";
display: inline-block;
position: absolute;
width: 100%;
background-color: #7c59e2;
height: 2px;
bottom: -20px;
border-radius: 10px;
}
.nirweb_becode_notif_cat span {
background: #dee4ec;
border-radius: 7px;
width: 25px;
display: flex;
align-items: center;
justify-content: center;
height: 25px;
margin: 0 7px 0 0;
color: #8090b0;
font-size: 12px;
font-weight: 400;
}
.nirweb_becode_notif_cat.active span {
background-color: #7c59e2;
color: #fff;
}
.nirweb_cats_carousel li > a {
color: #535d6b;
font-size: 14px;
}
.nirweb_cats_carousel li > a.active {
color: #7c59e2;
position: relative;
}
.nirweb_cats_carousel .swiper-slide {
margin-left: 30px;
}
.nirweb_cats_carousel li > a.active::after {
content: "";
display: block;
width: 100%;
height: 2px;
background-color: #7c59e2;
position: absolute;
bottom: -25px;
}
.nirweb_widget_container {
background-color: #fff;
border-radius: 10px;
padding: 15px;
margin: 35px 0 0 0;
}
.nirweb_widget_container h3 {
font-weight: 600;
margin: 14px 0 20px 0;
}
.nirweb_widget_container li a {
color: #59636e;
font-size: 14px;
line-height: 33px;
}
.nirweb_widget_container li a.active_filter {
color: #1761ff;
}
.nirweb_widget_container li {
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: space-between;
color: #a5b0c7;
font-size: 11px;
}
.nirweb_widget_container li.current-cat a {
color: #7c59e2;
}
/***************************************************************************
# Single
***************************************************************************/
.nirweb_single_heading h1 {
color: #0052ff;
margin-bottom: 5px;
}
.nirweb_single_heading p {
color: #101622;
}
.nirweb_form {
width: 100%;
background-color: #ffff;
border-radius: 20px;
display: flex;
align-items: center;
}
.nirweb_form input {
height: 40px;
width: 100%;
border: 0;
outline: 0;
color: #7e8b9a;
margin-right: 5px;
}
.nirweb_form button {
background: transparent;
border: 0;
cursor: pointer;
}
.nirweb_svg {
top: 32px;
right: 90px;
position: relative;
z-index: -1;
}
.nirweb_breadcrumb {
display: flex;
align-items: center;
margin: 20px 0;
flex-wrap: wrap;
}
.nirweb_breadcrumb li {
margin-left: 13px;
font-size: 15px;
color: #7d8998;
display: flex;
align-items: center;
}
.nirweb_breadcrumb li:last-child {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 120px;
}
.nirweb_breadcrumb li a {
color: #7d8998;
}
.nirweb_breadcrumb li::after {
content: "\f053";
display: block;
font-family: "Font Awesome 5 Pro";
font-size: 12px;
margin-right: 6px;
}
.nirweb_breadcrumb li:last-child:after {
display: none;
}
.nirweb_post_box > img {
max-width: 100%;
height: auto;
border-radius: 8px;
}
.nirweb_post_box img {
max-width: 100%;
height: auto;
}
.nirweb_single_post_content {
color: #000;
line-height: 32px;
margin: 85px 0 55px 0;
}
.nirweb_single_post_content h3 {
color: #000;
}
.nirweb_single_post_content h1,
.nirweb_single_post_content h2,
.nirweb_single_post_content h3,
.nirweb_single_post_content h4,
.nirweb_single_post_content h5,
.nirweb_single_post_content h6 {
margin-top: 20px;
}
.nirweb_post_source {
display: flex;
align-items: center;
color: #7e8b9a;
font-size: 14px;
margin-bottom: 35px;
}
.nirweb_post_source span {
color: #59636e;
font-weight: 500;
margin: 0 4px;
}
.nirweb_copy_link {
display: flex;
align-items: center;
position: relative;
margin: 0 10px 0 0;
}
.nirweb_copy_link input {
display: flex;
align-items: center;
color: #59636e;
background-color: #ffffff;
font-size: 12px;
padding: 0 11px;
border-radius: 10px 0 0 10px;
cursor: pointer;
border: 0;
outline: 0;
height: 36px;
}
.nirweb_copy_link button {
background-color: #285eff;
border-radius: 0 10px 10px 0;
cursor: pointer;
border: 0;
height: 36px;
font-weight: bold;
font-size: 12px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
}
.nirweb_tooltiptext {
visibility: hidden;
width: 100px;
background-color: #545b62;
color: #fff;
text-align: center;
border-radius: 6px;
font-size: 13px;
padding: 6px;
position: absolute;
z-index: 1;
top: -38px;
right: 0;
opacity: 0;
transition: opacity 0.3s;
font-weight: 400;
}
.nirweb_tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.nirweb_copy_link button:hover .nirweb_tooltiptext {
visibility: visible;
opacity: 1;
}
.nirweb_star_rating {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.nirweb_star_rating .fa-star {
color: #bbc3cd;
font-weight: 400;
font-size: 20px;
}
.nirweb_star_rating .fa-star:hover {
color: #ffa200;
}
.nirweb_star_rating .fa-star.selected {
color: #ffa200;
font-weight: 900;
}
.nirweb_star_rating p {
color: #59636e;
margin-left: 5px;
}
.nirweb_share_tags_container {
padding: 20px;
background-color: #F7F9FC;
border-radius: 10px;
}
.share_nirweb_article {
display: flex;
align-items: center;
}
.nirweb_blog_media {
display: flex;
align-items: center;
justify-content: space-between;
margin: 15px 0 0 0;
}
.nirweb_tags {
display: flex;
align-items: center;
flex-wrap: wrap;
border-bottom: 1px solid #e9edf7;
padding: 0 0 20px 0;
}
.author_name_nirweb p {
color: #59636e;
font-size: 14px;
margin: 5px 0 0 0px;
}
.nirweb_tags span {
color: #7e8b9a;
margin-bottom: 17px;
}
.nirweb_tags a {
margin-left: 5px;
margin-bottom: 5px;
display: flex;
align-items: center;
justify-content: center;
color: #626e94;
font-size: 12px;
font-weight: 500;
padding: 5px 7px;
border-radius: 4px;
border: 1px solid #bdc5dd;
}
.nirweb_blog_media ul li {
display: flex;
align-items: center;
margin: 0 6px;
}
.author_nirweb_article {
display: flex;
align-items: center;
}
.author_nirweb_article img {
border-radius: 100%;
margin: 0 0 0 10px;
}
.nirweb_blog_media ul li:first-child::before {
display: none;
}
.nirweb_blog_media span {
color: #7e8b9a;
margin-bottom: 17px;
}
.nirweb_blog_media a {
color: #7e8b9a;
display: flex;
align-items: center;
font-size: 20px;
}
.nirweb_blog_media a::after {
content: "";
display: block;
width: 5px;
height: 5px;
background-color: #0052ff;
border-radius: 100%;
margin: 0px 12px;
}
.nirweb_blog_media a:last-child::after {
display: none;
}
.nirweb_shortcode_container {
background-color: #fbfbfc;
padding: 35px;
position: relative;
}
.nirweb_title_shortcode {
display: flex;
align-items: center;
color: #59636e;
font-size: 20px;
margin: 12px 0;
}
.nirweb_title_shortcode span {
margin-right: 7px;
}
.nirweb_shortcode_container h3 {
font-size: 16px;
font-weight: bold;
margin: 0 7px;
}
.nirweb_shortcode_container p {
font-size: 14px;
line-height: 31px;
margin-top: 12px;
text-align: justify;
}
.triangle_nirweb {
clip-path: polygon(0 0, 0 100%, 100% 100%);
width: 31px;
height: 31px;
background-color: #fff;
display: block;
position: absolute;
transform: rotate(90deg);
top: 0;
right: 0;
}
.nirweb_Cat_box {
display: flex;
align-items: center;
justify-content: space-between;
color: #7e8b9a;
border: 2px solid #f8fafe;
margin-bottom: 10px;
padding: 10px;
}
.nirweb_Cat_box span {
display: flex;
align-items: center;
font-size: 14px;
}
.nirweb_Cat_box span p {
margin-right: 3px;
color: #b7c0ca;
}
.nirweb_Cat_box span:first-child {
color: #59626d;
font-weight: bold;
font-size: 16px;
}
.nirweb_comments_title {
display: flex;
align-items: center;
font-weight: 500;
padding-bottom: 22px;
}
.border_nirweb_dotted {
background-image: linear-gradient(to right,
#707070 10%,
rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size: 10px 1px;
background-repeat: repeat-x;
width: 100%;
height: 1px;
margin-bottom: 32px;
}
.nirweb_comments_title svg {
margin-left: 6px;
}
.nirweb_comments_template {
background-color: #fff;
padding: 20px;
margin-top: 20px;
border-radius: 10px;
}
.nirweb_comments_template__post .comment-form-comment textarea {
width: 100%;
outline: 0;
border: 1px solid #f3f7ff;
border-radius: 8px;
font-family: inherit;
padding: 10px 18px;
color: #7e8b9a;
}
.nirweb_comments_template__post .form-submit {
display: flex;
justify-content: flex-end;
width: 100%;
}
.nirweb_comments_template__post .nirweb_comment_submit {
cursor: pointer;
font-family: inherit;
color: #fff;
border-radius: 5px;
border: 0;
background-color: #7c59e2;
font-weight: 500;
font-size: 15px;
}
.nirweb_star_rate {
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #e9edf7;
padding: 0 0 20px 0;
margin: 0 0 20px 0;
}
.nirweb_star_rate h4 {
font-size: 18px;
font-weight: 700;
}
.nirweb_stars {
display: flex;
flex-direction: row-reverse;
}
.nirweb_stars_container {
display: flex;
align-items: center;
}
.tooltip_star_rate_nirweb {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
margin: 0 3px;
}
.tooltip_nirweb {
background: #00144f;
color: #fff;
font-size: 11px;
padding: 1px 4px;
border-radius: 4px;
text-align: center;
position: absolute;
top: -28px;
opacity: 0;
transition: all 0.1s ease-in-out;
width: max-content;
}
.tooltip_nirweb::after {
content: "";
display: block;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #00144f;
position: absolute;
transform: rotate(90deg);
bottom: -7px;
left: 0;
right: 0;
margin: 0 auto;
}
.tooltip_star_rate_nirweb:hover .tooltip_nirweb {
opacity: 1;
}
.nirweb_stars_avg {
color: #626e94;
font-size: 14px;
margin: 0 10px 0 0;
}
.nirweb_star_rate i {
color: #7e8aab;
cursor: pointer;
}
.nirweb_star_rate i.selected {
color: #ffb92e;
}
.nirweb_comments_template__post .comment-notes {
display: none;
}
.nirweb_comments_template__post .comment-list > li {
position: relative;
}
.nirweb_comments_template__post .comment-list li.active > * {
opacity: 0.2;
}
.nirweb_comments_template__post .comment-list li .loading_nirweb {
display: none;
}
.nirweb_comments_template__post #commentform {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.nirweb_comment_date {
display: flex;
flex-direction: column;
font-size: 14px;
color: #59636e;
}
.nirweb_comment_date a {
font-size: 16px;
font-weight: bold;
color: #59636e;
margin-bottom: 3px;
display: block;
}
.nirweb_comments_template__post .nirweb_comment_user {
display: flex;
flex-direction: column;
align-items: center;
margin-left: 15px;
position: relative;
}
.nirweb_comments_template__post .nirweb_comment_user img {
border-radius: 100%;
display: block;
}
.nirweb_comments_template__post .nirweb_comment_user::after {
content: "";
display: block;
width: 2px;
height: 15px;
background-color: #ccdcff;
border-radius: 10px;
margin: 10px 0;
}
.nirweb_comments_template__post .comment-reply-link {
display: flex;
align-items: center;
color: #7e8b9a;
font-size: 15px;
}
.nirweb_comments_template__post .comment-reply-link svg {
margin-left: 4px;
}
.nirweb_comments_template__post .nirweb_comment_txt {
font-size: 15px;
color: #59636e;
background-color: #f8fafe;
padding: 10px;
border: 1px solid #e0eafe;
border-radius: 12px;
line-height: 30px;
margin-top: 10px;
}
.nirweb_comments_template__post .comment-list li {
margin-bottom: 20px;
}
.nirweb_comments_template__post .comment-form-comment {
width: 100%;
margin-bottom: 15px;
}
.nirweb_comments_template__post .comment-form-url,
.nirweb_comments_template__post .comment-form-email,
.nirweb_comments_template__post .comment-form-author {
width: 33%;
}
.nirweb_comments_template__post .comment-form-url label,
.nirweb_comments_template__post .comment-form-email label,
.nirweb_comments_template__post .comment-form-author label {
display: none;
}
.nirweb_comments_template__post .comment-form-url input,
.nirweb_comments_template__post .comment-form-email input,
.nirweb_comments_template__post .comment-form-author input {
width: 100%;
font-family: inherit;
outline: 0;
background-color: #f8fafe;
border: 0;
border-radius: 8px;
height: 56px;
padding: 0 10px;
margin-bottom: 20px;
color: #7e8b9a;
}
.nirweb_comments_template__post #reply-title {
font-size: 18px;
margin: 20px 0 10px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_comments_template__post #reply-title small a {
width: 100%;
display: flex;
justify-content: flex-end;
color: #0052ff;
}
.nirweb_comments_template__post li.parent ul.children {
margin-top: 15px;
margin-right: 15px;
}
.nirweb_comments_template__post li.parent ul.children img {
margin-right: 8px;
}
.nirweb_comments_template__post .parent .children .nirweb_comment_txt {
color: #7e8b9a;
background-color: transparent;
border: 1px solid #dedfe2;
}
.nirweb_comments_template__post .parent .children .nirweb_comment_user::after {
content: "";
display: block;
width: 2px;
height: 15px;
background-color: #dedfe2;
border-radius: 10px;
margin: 10px 0;
left: 15px;
position: absolute;
bottom: -15px;
}
.nirweb_box_cats_links {
max-height: 235px;
overflow: hidden;
transition: all 0.3s ease;
}
.nirweb_box_cats_links.active {
max-height: max-content;
transition: all 0.3s ease;
}
.nirweb_post_box > .nirweb_post_box_details_left {
display: none;
}
.img_container_contactus {
text-align: left;
}
.img_container_contactus img {
max-width: 100%;
height: auto;
}
/***************************************
Intro
*/
.nirweb_follow_score {
display: flex;
align-items: center;
}
.follow_me {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
width: 130px;
height: 50px;
border-radius: 14px;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
margin-right: 10px;
}
.nirweb_introduction h2 {
color: #888f9d;
font-weight: 600;
font-size: 16px;
}
.nirweb_introduction {
color: #1f2435;
font-size: 14px;
line-height: 27px;
margin-top: 22px;
}
#video_file {
display: none;
}
.nirweb_free_text {
margin: 0px 0 15px;
color: #7c59e2;
font-size: 13px;
font-weight: 600;
}
.nirweb_minimize_sidebar {
display: flex;
align-items: center;
justify-content: end;
margin-top: 20px;
}
.nirweb_minimize_sidebar .icon_edit_profile {
position: absolute;
top: 10px;
right: 13px;
}
.nirweb_minimize_btn {
border: 1px solid #ffa824;
border-radius: 100%;
background-color: transparent;
cursor: pointer;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 10px;
}
.nirweb_minimize_sidebar img {
max-width: 160px;
}
.sidebar_logo_mini {
display: none;
}
.nirweb_nav_side_links {
display: flex;
align-items: center;
}
.nirweb_account.mini .nirweb_panel_navigation .sidebar_logo_mini {
display: block;
width: 50px;
}
.nirweb_account.mini .nirweb_panel_navigation {
width: 90px;
padding: 0;
}
.nirweb_account.mini .nirweb_panel_navigation li .d_none_mini_nirweb {
display: none;
}
.nirweb_account.mini .nirweb_panel_navigation .nirweb_avatar_info {
display: none;
}
.nirweb_account.mini .nirweb_panel_navigation .nirweb_avatar {
background: transparent;
}
.nirweb_account.mini .nirweb_panel_navigation .sidebar_logo {
display: none;
}
.nirweb_account.mini .woocommerce-MyAccount-content {
width: calc(100% - 110px);
}
.nirweb_account.mini .nirweb_panel_navigation li {
margin-top: 0px;
}
.nirweb_account.mini .nirweb_minimize_sidebar {
flex-direction: column-reverse;
}
.nirweb_account.mini .nirweb_minimize_sidebar .sidebar_logo_mini {
margin-top: 10px;
}
.nirweb_account.mini .nirweb_panel_navigation li {
justify-content: center;
flex-direction: column;
padding: 5px;
align-items: center;
margin-right: 5px;
margin-left: 5px;
}
.nirweb_account.mini .nirweb_nav_side_links {
flex-direction: column;
}
.nirweb_account.mini .nirweb_panel_navigation li svg {
margin: 0 0 15px 0;
}
.nirweb_account.mini .nirweb_minimize_btn {
transform: rotate(180deg);
}
.nirweb_account.mini .nirweb_login_signup_link {
display: none;
}
.nirweb_login_signup_link_mini {
display: none;
}
.nirweb_account.mini .nirweb_panel_navigation li .nirweb_login_signup_link_mini {
display: block;
margin-top: 10px;
}
.nirweb_account.mini .menu_title {
display: none;
}
.nirweb_account.mini .nirweb_panel_navigation .d_none_mini_nirweb {
display: none;
}
.nirweb_option_checkbox {
display: flex;
align-items: center;
flex-direction: row-reverse;
width: 100%;
justify-content: flex-end;
margin: 7px 0;
}
.nirweb_option_checkbox input {
width: 15px;
height: 15px;
margin: 0 0 0 10px;
}
.invite_box {
display: none;
flex-direction: column;
align-items: center;
width: 100%;
margin: 20px 0 0 0;
}
.nirweb_projects_action_left {
display: flex;
align-items: center;
}
.top_susbs_nirweb {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
font-size: 13px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
color: #fff;
border-radius: 7px;
width: 134px;
height: 46px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 10px 10px 0;
}
.bell_nirweb_becode {
margin: 0 6px;
border: 1px solid #dee4ec;
border-radius: 100%;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
position: relative;
/* width: 50px; */
/* height: 50px; */
}
.bell_nirweb_becode span {
position: absolute;
background-color: #ffa824;
color: #fff;
font-size: 10px;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
bottom: -2px;
right: -2px;
}
.bell_nirweb_becode.active,
.bell_nirweb_becode.ringing {
background-color: #7c59e2;
}
/** TODO: dar safheye notifications agar notif 0 bood animation nadashte bashad */
.bell_nirweb_becode.ringing svg {
animation: ring 4s 0.7s ease-in-out infinite;
transform-origin: 50% 4px;
}
.bell_nirweb_becode.active svg path,
.bell_nirweb_becode.ringing svg path {
stroke: #fff;
}
.auto_right_nirweb_becode {
margin: 0 auto 0 0;
width: max-content;
}
/********************* cuostom css ******************/
.lwptoc_item_label:before {
font-family: "font awesome 5 pro";
content: "\f058";
color: #f39c29;
margin-left: 7px;
}
.lwptoc_item_label {
display: flex;
align-items: center;
line-height: 2.1em;
font-size: 14px;
font-weight: 700;
margin-top: 12px;
color: #545097;
}
a.lwptoc_toggle_label {
display: inline !important;
}
.nirweb_empty_cart {
background: #fff;
border-radius: 20px;
margin: 50px 0 0 0;
padding: 40px;
}
.nirweb_rate_lesson {
background: #fff;
z-index: 100;
position: fixed;
top: 40%;
left: 0;
right: 0;
margin: 0 auto;
width: 40%;
min-width: 360px;
border-radius: 10px;
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 20px;
max-width: 360px;
}
.nirweb_rate_lesson h4 {
font-size: 17px;
}
.nirweb_rate_box_lesson {
display: flex;
align-items: center;
justify-content: center;
margin: 14px 0;
}
.nirweb_rate_box_lesson i {
font-size: 24px;
margin: 0 3px;
cursor: pointer;
color: #ffa824;
}
.nirweb_rate_actions {
display: flex;
align-items: center;
margin: 10px 0;
}
.nirweb_rate_submit {
border-radius: 7px;
width: 100px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background: #7c59e2;
border: 1px solid #7c59e2;
font-size: 13px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
color: #fff;
cursor: pointer;
}
.nirweb_decline {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
font-size: 13px;
box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
color: #fff;
border-radius: 7px;
width: 100px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border: 0;
margin: 0 10px 0 0;
cursor: pointer;
}
.nirweb_rate_lesson.active {
display: flex;
}
/********************
Articles
******************/
.count_posts_nirweb {
color: #a5b0c7;
font-size: 13px;
font-weight: 300;
padding-left: 10px;
border-right: 1px solid #dee4ec;
padding-right: 6px;
min-width: 65px;
}
.query_cont_nirweb {
background-color: #fff;
margin: 20px 0 0 0;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: space-between;
}
.articles_title_nirweb {
display: flex;
align-items: center;
margin: 35px 0 20px;
}
.articles_desc_nirweb h1 {
font-weight: 600;
font-size: 25px;
}
.articles_desc_nirweb p {
color: #8090b0;
font-weight: 300;
margin: 5px 0 0 0;
}
.nirweb_article {
background: #fff;
border-radius: 12px;
padding: 8px;
position: relative;
}
.saved_articles .nirweb_article {
border: 1px solid #dee4ec;
}
.nirweb_article::after {
content: "";
display: inline-block;
width: 90%;
position: absolute;
bottom: -5px;
left: 0;
right: 0;
margin: 0 auto;
background: #ffa824;
height: 14px;
border-radius: 0 0 86px 86px;
z-index: -1;
}
.nirweb_article h3 {
color: #1f2435;
font-size: 15px;
line-height: 23px;
margin: 10px 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
height: 46px;
}
.nirweb_article_thumb {
position: relative;
}
.nirweb_article_thumb::after {
position: absolute;
background: rgba(31, 36, 53, 0.8);
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.nirweb_article_excerpt {
color: #8090b0;
font-weight: 300;
font-size: 14px;
line-height: 22px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.nirweb_article_cat_readtime {
/*background: rgba(31, 35, 53, 0.8);*/
border-radius: 8px;
top: 0;
left: 0;
right: 0;
bottom: 0;
position: absolute;
/*backdrop-filter: blur(13px);*/
opacity: 0;
z-index: -1;
transition: all 0.3s ease-in-out;
}
.nirweb_article_cat_readtime {
opacity: 1;
z-index: 1;
}
.nirweb_article_cat_readtime_content {
display: flex;
align-items: flex-end;
justify-content: start;
height: 100%;
color: #fff;
filter: blur(0px);
font-size: 13px;
padding: 12px ;
flex-wrap: wrap;
}
.single_article_header_nirweb {
background-color: #00cccb;
background-image: url("../images/single-bg.svg");
background-repeat: no-repeat;
background-size: cover;
height: 175px;
}
.nirweb_margin_container {
margin-top: -90px;
}
.nirweb_margin_container .nirweb_post_box {
background: transparent;
padding: 0;
margin: 40px 0 0 0;
}
.nirweb_side_blog {
background: #F7F9FC;
border-radius: 10px;
overflow: hidden;
padding: 10px;
position: sticky;
top: 153px;
}
.nirweb_side_blog img {
width: 100%;
border-radius: 10px;
}
.nirweb_side_blog .cat_readtime_nirweb {
color: #8090b0;
display: none;
}
.related_articles_head_nirweb {
display: flex;
align-items: center;
margin: 40px 0 20px 0;
}
.related_articles_head_nirweb h5 {
font-size: 25px;
margin: 0 0 7px 0;
}
.related_articles_head_nirweb p {
color: #8090b0;
}
.single_article_header_info_nirweb h1 {
color: #fff;
font-size: 25px;
}
.single_article_info_nirweb {
display: flex;
align-items: center;
}
.single_article_calendar {
display: flex;
align-items: center;
}
.single_article_header_info_nirweb {
display: flex;
align-items: center;
justify-content: space-between;
}
.nirweb_margin_container {
}
.cat_article_nirweb {
display: flex;
align-items: center;
}
.cat_readtime_nirweb{
display: none;
}
.cat_readtime_nirweb svg,
.cat_article_nirweb svg {
margin: 0 0 0 3px;
}
.cat_article_nirweb {
background: #00cccb;
border-radius: 5px;
padding: 2px 8px;
}
.nirweb_article img {
border-radius: 8px;
}
.article_nirweb_info {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 0.3px solid #dee4ec;
padding: 10px 0;
margin: 10px 0 0 0;
}
.article_nirweb_date {
display: flex;
align-items: center;
color: #a5b0c7;
font-size: 12px;
}
.article_nirweb_date svg {
margin: 0 0 0 3px;
}
.article_nirweb_actions {
display: flex;
align-items: center;
}
.nirweb_like_article {
margin: 0 0 0 8px;
}
.tag_list_title_nirweb {
font-size: 18px;
margin: 15px 0 10px;
}
.related_articles_nirweb {
border-top: 5px solid #dee4ec;
margin: 30px 0 0 0;
}
.tag_list_nirweb li {
color: #617798;
font-size: 15px;
line-height: 50px;
cursor: pointer;
transition: all 0.3s ease-in-out;
padding: 0 10px;
}
.tag_list_nirweb li:hover,
.tag_list_nirweb li.active {
background: #f7f9fc;
color: #000;
}
.nirweb_save_article,
.nirweb_like_article {
cursor: pointer;
}
.nirweb_save_article.saved path {
fill: #7c59e2;
}
.article_save_title {
display: flex;
align-items: center;
justify-content: space-between;
color: #000;
}
.article_save_title h4 {
display: flex;
align-items: center;
color: #617798;
font-weight: 500;
}
.article_save_title h4 svg {
margin: 0 0 0 10px;
}
.nirweb_like_article.saved path {
fill: #fd5a33;
}
.nirweb_article_list_info_like {
display: flex;
align-items: center;
font-size: 14px;
color: #e11d48;
line-height: 30px;
}
.nirweb_article_list_info_save {
display: flex;
align-items: center;
color: #626e94;
font-size: 14px;
border-left: 1px solid #dee4ec;
padding-left: 20px;
line-height: 30px;
}
.nirweb_article_list_info_view {
display: flex;
align-items: center;
color: #626e94;
font-size: 14px;
line-height: 30px;
}
.nirweb_article_list_info {
display: flex;
align-items: center;
justify-content: space-around;
border-top: 1px solid #dee4ec;
border-bottom: 1px solid #dee4ec;
padding: 15px 0;
}
.nirweb_article_list_info li svg {
margin: 0 0 0 5px;
}
.homeworks_course_list_nirweb {
background: #fff;
padding: 20px 20px 0 20px;
border-radius: 20px;
}
.homeworks_course_list_nirweb h3 {
color: #617798;
font-size: 20px;
margin: 0 0 25px 0;
}
.course_btn_nirweb {
display: flex;
align-items: center;
border: 0;
background: none;
cursor: pointer;
color: #8090b0;
height: 40px;
}
.course_btn_nirweb img {
border-radius: 100%;
margin: 0 0 0 5px;
border: 1px solid transparent;
padding: 2px;
height: 40px;
width: 40px;
}
.homeworks_count_nirweb {
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
font-size: 11px;
background: #dee4ec;
margin: 0 10px 0 0;
}
.course_btn_nirweb.active::after {
content: "";
display: inline-block;
width: 60%;
right: 0;
height: 3px;
background: #7c59e2;
position: absolute;
bottom: -17px;
border-radius: 20px;
}
.course_btn_nirweb.active img {
border: 2px solid #7c59e2;
filter: grayscale(0);
}
.course_btn_nirweb.active .homeworks_count_nirweb {
background: #7c59e2;
color: #fff;
}
.homeworks_tbl_nirweb {
display: none;
width: 100%;
border-spacing: unset;
border: 0;
border-collapse: collapse;
overflow-x: auto;
white-space: nowrap;
}
/* width */
.homeworks_tbl_nirweb::-webkit-scrollbar {
height: 8px;
}
/* Track */
.homeworks_tbl_nirweb::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* Handle */
.homeworks_tbl_nirweb::-webkit-scrollbar-thumb {
background: var(--second-color);
border-radius: 4px;
}
/* Handle on hover */
.homeworks_tbl_nirweb::-webkit-scrollbar-thumb:hover {
background: #6241c7;
}
.homeworks_tbl_nirweb.active {
display: block;
}
.course_swiper_nirweb {
padding: 0 0 17px 0;
overflow: hidden;
}
.course_swiper_nirweb .swiper-slide {
width: fit-content !important;
}
.homeworks_tbl_nirweb thead {
background-color: #f7f9fc;
}
.homeworks_tbl_nirweb th {
height: 55px;
color: #8090b0;
font-weight: 400;
min-width: 200px;
}
.homeworks_tbl_nirweb th:first-child {
border-radius: 0 12px 12px 0;
}
.homeworks_tbl_nirweb th:last-child {
border-radius: 12px 0 0 12px;
}
.homeworks_tbl_nirweb td {
text-align: center;
height: 80px;
padding: 10px 0;
width: 20%;
min-width: 200px;
user-select: text;
white-space: normal;
pointer-events: auto;
overflow: visible;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.nirweb_homework_content {
color: #8090b0;
font-size: 14px;
}
.nirweb_homework_title {
font-weight: 600;
font-size: 15px;
}
.download_file_nirweb,
.becode_remove_homework {
display: flex;
align-items: center;
color: #1678ec;
font-weight: 500;
font-size: 14px;
margin: 0 auto;
width: max-content;
}
.becode_remove_homework {
color: #dc3545;
margin-top: 10px;
}
.swal-button--cancel:not([disabled]):hover,
.swal-button--cancel {
background-color: #d5d5d5 !important;
color: #5e5e5e;
}
.swal-footer {
text-align: center;
}
.approved_homework_nirweb {
display: flex;
align-items: center;
color: #2ab9bb;
font-weight: 500;
background: rgba(42, 185, 187, 0.1);
width: max-content;
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
margin: 0 auto;
}
.download_file_nirweb svg,
.approved_homework_nirweb svg,
.rejected_homework_nirweb svg,
.upload_file_nirweb svg,
.processing_homework_nirweb svg,
.not_sent_homework_nirweb svg {
margin: 0 0 0 3px;
}
.upload_file_nirweb {
display: flex;
align-items: center;
color: #7c59e2;
font-weight: 500;
font-size: 14px;
margin: 0 auto;
width: max-content;
}
.rejected_homework_nirweb {
background: rgba(227, 55, 55, 0.1);
color: #e33737;
display: flex;
align-items: center;
font-weight: 500;
width: max-content;
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
margin: 0 auto;
}
.processing_homework_nirweb {
color: #ff7a00;
display: flex;
align-items: center;
font-weight: 500;
width: max-content;
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
margin: 0 auto;
background: rgba(255, 168, 36, 0.09);
}
.not_sent_homework_nirweb {
color: #09b9f3;
display: flex;
align-items: center;
font-weight: 500;
width: max-content;
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
margin: 0 auto;
background: #09b9f31c;
}
.no_homeworks_nirweb {
color: #535d6b;
}
.homework_description_nirweb,
.nirweb_homework_popup p {
white-space: normal;
}
.homework_description_nirweb {
margin: 0 0 10px 0;
text-align: right;
}
.nirweb_homework_decription {
color: #617798;
font-size: 13px;
min-width: 350px;
white-space: initial;
}
.homeworks_coach_view {
background: #fff;
padding: 25px;
border-radius: 15px;
}
.homeworks_coach_view label {
width: 20%;
}
.homeworks_coach_view input {
width: 70%;
border: solid 1px #ccc;
background: #f3f3f3;
border-radius: 5px;
height: 35px;
padding: 5px;
}
.homeworks_coach_view select, .homeworks_coach_view input.active, .homeworks_coach_view textarea {
width: 70%;
border: solid 1px #a588cb;
background: #fff;
border-radius: 5px;
height: 35px;
padding: 5px;
}
.homeworks_coach_view textarea {
width: 95%;
min-height: 150px;
}
.homeworks_coach_view button {
background: var(--main-color);
color: #fff;
padding: 8px 20px;
border-radius: 5px;
width: max-content;
border: none;
font-size: 16px;
cursor: pointer;
}
.homeworks_coach_view a {
background: var(--second-color);
color: #fff;
padding: 8px 15px;
border-radius: 5px;
font-size: 13px;
}
.nirweb_panel_menu .nirweb_panel_navigation li.nirweb_panel_navigation-link--homeworks.is-active svg path {
fill: none;
}
.nirweb_user_contacts {
background: #fff;
padding: 20px;
border-radius: 20px;
}
.nirweb_user_contacts h3 {
color: #617798;
font-size: 20px;
}
.nirweb_set_meeting_time {
background: #fff;
padding: 20px;
border-radius: 20px;
}
.nirweb_set_meeting_time > h3 {
color: #617798;
font-size: 20px;
margin-bottom: 12px;
}
.nirweb_set_meeting_time > p {
color: #737373;
font-size: 15px;
margin-bottom: 25px;
}
.select_time_metting_box {
width: 100%;
border: solid 1px #eee;
border-radius: 8px;
margin-bottom: 25px;
}
.select_time_metting_box .day_of_week {
padding: 8px 15px;
border: solid 1px #eee;
cursor: pointer;
}
.select_time_metting_box .day_of_week.active {
background: #ffa823;
}
.select_time_metting_box .day_of_week.active p, .select_time_metting_box .day_of_week.active strong {
color: #ffffff;
}
.select_time_metting_box .day_of_week strong {
color: #494949;
font-size: 16px;
margin-bottom: 10px;
font-weight: 600;
}
.select_time_metting_box .day_of_week p {
color: #6c6c6c;
font-size: 15px;
}
.current_hours_box {
display: none;
padding: 15px;
}
.current_hours_box.active {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.current_hour {
padding: 10px 15px;
background: #f6f6f6;
border-radius: 6px;
cursor: pointer;
position: relative;
}
.current_hour.active {
color: #ffffff;
background: #ffa823;
}
.current_hour.disable {
color: #ffffff;
background: #ecb96c;
}
.des_disable_hour {
position: absolute;
top: 90%;
left: auto;
right: -50%;
background: #fff4e5;
border-radius: 4px;
padding: 15px;
max-width: 166px;
font-size: 13px;
display: block;
color: #000;
z-index: 9;
text-align: center;
visibility: hidden;
transition: all 0.2s ease-in-out;
}
.current_hour.disable:hover .des_disable_hour {
visibility: visible;
transition: all 0.2s ease-in-out;
}
.save_time_meeting {
display: flex;
justify-content: end;
width: 100%;
padding: 12px;
align-items: center;
gap: 10px;
}
.success_save_meeting {
display: none;
background: #2a9b39;
color: #ffffff;
padding: 5px 10px;
width: max-content;
border-radius: 6px;
}
.save_time_meeting button {
padding: 10px 15px;
color: #ffffff;
background: #7b59e3;
border: none;
border-radius: 6px;
cursor: pointer;
}
.head_show_meeting {
display: flex;
justify-content: space-between;
margin-bottom: 25px;
}
.head_show_meeting a {
padding: 10px 15px;
border-radius: 6px;
background: #7b59e3;
color: #ffffff;
}
#list_tabs {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
#list_tabs li {
margin: 0 5px
}
#list_tabs li a {
background: #FFE4CF;
border-radius: 8px;
text-decoration: none;
color: #fe740c;
display: block;
padding: 10px 20px;
}
#list_tabs li.active a {
background: #fe740c;
color: #fff
}
/********* تیکت ***********/
.nirweb_panel_navigation-link--nirweb-ticket {
display: none !important;
}
.nirweb_homework_score i {
color: #7e8aab;
}
.nirweb_homework_score i.selected {
color: #ffb92e;
}
/****/
/********* suggested article shortcode ***********/
.nirweb_suggested_aritcle::before {
content: "";
border-radius: 15px;
background-color: #FFA824;
position: absolute;
right: -5px;
height: 100%;
width: 100px;
top: 0;
z-index: -1;
}
.nirweb_suggested_aritcle {
padding: 20px;
border-radius: 15px;
background: #F7F9FC;
font-size: 20px;
font-weight: 600;
position: relative;
margin-right: 5px;
display: flex;
align-items: center;
margin-top: 20px;
}
.nirweb_suggested_aritcle span,
.nirweb_suggested_aritcle svg {
margin-left: 20px;
}
.nirweb_suggested_aritcle a {
color: #7c59e2;
text-decoration: none;
}
.becode_register_popup {
background-color: #ffff;
position: fixed;
top: 10%;
width: 30%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1500;
border-radius: 30px;
padding: 30px 40px;
overflow-y: auto;
max-height: 80vh;
display: none;
}
.becode_register_popup.active {
display: block;
}
.becode_register_popup p {
margin: 35px 0;
}
.becode_register_popup button {
background: linear-gradient(135deg, #ffa824 0%, #fa9716 100%);
border: 0;
color: #fff;
width: 100%;
cursor: pointer;
height: 32px;
border-radius: 10px;
height: 40px;
}
.becode_register_popup button.redirect-to {
background: linear-gradient(135deg, #a5a5a5 0%, #8f8e8e 100%);
}
.becode-register-event {
background-color: #ffa824;
padding: 5px 10px;
color: #fff !important;
text-decoration: none;
border-radius: 5px;
border-bottom: 0 none transparent !important;
font-weight: 600;
margin-bottom: 15px;
font-size: 19px;
float: left;
}
.clearfix {
clear: both;
content: "";
display: block;
}
.becode-register-event:hover {
background-color: #f69b11 !important;
}
/********* download button shortcode ***********/
.becode-download-button {
border-radius: 5px;
padding: 10px 15px;
text-decoration: none;
border-bottom: 0px solid transparent !important;
}
.becode-download-button i {
margin-left: 5px;
}
/********* suggested product shortcode ***********/
.becode-suggested-product::before {
content: "";
border-radius: 15px;
background-color: #FFA824;
position: absolute;
right: -5px;
height: 100%;
width: 100px;
top: 0;
z-index: -1;
}
.becode-suggested-product {
padding: 20px;
border-radius: 15px;
background: #F7F9FC;
font-size: 20px;
font-weight: 600;
position: relative;
margin-right: 5px;
display: flex;
align-items: center;
margin-top: 20px;
}
.becode-suggested-product img {
width: 100px;
height: 100px;
border-radius: 15px;
margin-left: 15px;
}
.becode-suggested-product span {
margin-left: 15px;
}
/********* User Contacts ***********/
.cancel-contact-request {
background: rgba(227, 55, 55, 0.1);
color: #e33737;
display: flex;
align-items: center;
font-weight: 500;
width: max-content;
padding: 10px 20px;
font-size: 14px;
border-radius: 6px;
margin: 0 auto;
border: 0 none;
cursor: pointer;
}
.cancel-contact-request:disabled {
background: rgba(0, 0, 0, 0.05);
color: #888;
cursor: inherit;
}
.cancel-contact-request:disabled svg > path {
stroke: #888;
}
.cancel-contact-request svg {
margin-left: 10px;
}
/********* Animations ***********/
@keyframes ring {
0% {
transform: rotate(0);
}
1% {
transform: rotate(30deg);
}
3% {
transform: rotate(-28deg);
}
5% {
transform: rotate(34deg);
}
7% {
transform: rotate(-32deg);
}
9% {
transform: rotate(30deg);
}
11% {
transform: rotate(-28deg);
}
13% {
transform: rotate(26deg);
}
15% {
transform: rotate(-24deg);
}
17% {
transform: rotate(22deg);
}
19% {
transform: rotate(-20deg);
}
21% {
transform: rotate(18deg);
}
23% {
transform: rotate(-16deg);
}
25% {
transform: rotate(14deg);
}
27% {
transform: rotate(-12deg);
}
29% {
transform: rotate(10deg);
}
31% {
transform: rotate(-8deg);
}
33% {
transform: rotate(6deg);
}
35% {
transform: rotate(-4deg);
}
37% {
transform: rotate(2deg);
}
39% {
transform: rotate(-1deg);
}
41% {
transform: rotate(1deg);
}
43% {
transform: rotate(0);
}
100% {
transform: rotate(0);
}
}
.becode-day-scheduler .row .col-md-3 {
margin-bottom: 15px;
}
.grecaptcha-badge {
visibility: hidden;
}
.row.nirweb_resp_width {
margin-bottom: 100px;
}
.becode-radio {
display: block;
min-height: 1.5rem;
padding-right: 2em;
width: 100%;
flex: 0 0 100%;
margin-bottom: 15px;
}
.becode-radio input[type="radio"] {
background-color: #ffffff;
border-radius: 50%;
float: right;
margin-right: -2em;
margin-top: .25em;
width: 18px;
height: 18px;
border: 2px solid #7C59E2;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.becode-radio input:checked[type="radio"] {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.8' fill='%237C59E2'/%3e%3c/svg%3e");
border-color: #7C59E2;
}
.becode-radio label {
display: inline-block;
}
/****** nirweb thanck you ******/
.nirweb_thanck_you {
background: #fff;
border-radius: 10px;
box-shadow: 0 0 5px rgba(120, 120, 120, 0.2);
}
.nirweb_thanck_you a {
background: var(--main-color);
margin-top: 25px;
color: #fff;
padding: 7px 15px;
border-radius: 5px;
}
.gform-body {
margin-top: 50px !important;
}
/****** panel download certificate ******/
.nirweb_certificate_download {
background: #fff;
padding: 20px;
border-radius: 20px;
}
.nirweb_certificate_download h3 {
color: #617798;
font-size: 20px;
margin: 0 0 25px 0;
}
.nirweb_certificate_download h4 {
color: #617798;
font-size: 16px;
}
.nirweb_certificate_download a {
background: var(--second-color);
color: #fff;
padding: 8px 15px;
border-radius: 5px;
font-size: 13px;
}
.nirweb_certificate_download .course_download {
border-bottom: 1px solid #DEE4EC;
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
}
#nirweb_card_to_card_file_span {
outline: 0;
height: 40px;
font-family: inherit;
border: 1px solid #ccc;
border-radius: 5px;
padding: 0 5px;
margin-top: 5px;
width: 90%;
display: flex;
align-items: center;
font-size: 13px;
justify-content: end;
}
.nirweb_last_col img {
width: auto !important;
max-height: 110px !important;
height: auto;
max-width: fit-content !important;
}
/*********** spinning ************/
#wheel-container {
text-align: center;
margin-top: 50px;
}
/* Wheel styling */
#wheel {
width: 250px;
height: 250px;
border-radius: 50%;
position: relative;
transform: rotate(0deg);
transition: transform 2s ease;
overflow: hidden;
margin: auto;
}
.segment {
width: 30%;
height: 50%;
position: absolute;
top: 0;
left: 50%;
transform-origin: 0% 100%;
clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
}
/* Colors for each segment */
.segment1 {
background-color: #f39c12;
transform: rotate(0deg);
}
.segment2 {
background-color: #6b32a8;
transform: rotate(30deg);
}
.segment3 {
background-color: #f39c12;
transform: rotate(60deg);
}
.segment4 {
background-color: #6b32a8;
transform: rotate(90deg);
}
.segment5 {
background-color: #f39c12;
transform: rotate(120deg);
}
.segment6 {
background-color: #6b32a8;
transform: rotate(150deg);
}
.segment7 {
background-color: #f39c12;
transform: rotate(180deg);
}
.segment8 {
background-color: #6b32a8;
transform: rotate(210deg);
}
.segment9 {
background-color: #f39c12;
transform: rotate(240deg);
}
.segment10 {
background-color: #6b32a8;
transform: rotate(270deg);
}
.segment11 {
background-color: #f39c12;
transform: rotate(300deg);
}
.segment12 {
background-color: #6b32a8;
transform: rotate(330deg);
}
/* Spin button styling */
#spin-btn {
background-color: #f39c12;
color: #fff;
padding: 10px 20px;
margin-top: 20px;
border: none;
border-radius: 10px;
font-size: 18px;
cursor: pointer;
}
/* Popup styling */
.spinning_popup {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
width: 95%;
max-width: 400px;
text-align: center;
z-index: 99;
}
.spinning_popup input {
width: 90%;
padding: 8px;
margin: 10px 0;
font-size: 16px;
border: solid 1px #f39c12;
border-radius: 6px;
}
.spinning_popup button {
background-color: #f39c12;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
border-radius: 5px;
cursor: pointer;
}
#discount-popup h3 {
margin-bottom: 25px;
font-size: 24px;
}
/******* panel rank page *********/
.nirweb_rank_level_boxes {
position: relative;
padding: 20px 10px;
}
.row_rank_boxes {
display: flex;
justify-content: space-between;
z-index: 9;
position: relative;
flex-direction: row-reverse;
align-items: flex-start;
}
.box_back {
background: #E3EBFE;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50%;
border-radius: 12px;
z-index: 8;
}
.box_rank_level {
width: 20%;
margin: 5px;
border-radius: 25px;
padding: 15px;
min-height: 120px;
background: linear-gradient(204.14deg, #2AA6FF 1.97%, #196499 96.66%);
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
position: relative;
}
.box_rank_level.active {
width: 35%;
min-height: 160px;
}
.box_rank_level.level_2 {
background: linear-gradient(207.85deg, #969BAF 2.04%, #3F4149 97.8%);
}
.box_rank_level.level_3 {
background: linear-gradient(214.27deg, #efb355 4.36%, #fc9f10 96.47%);
}
.box_rank_level.level_4 {
background: linear-gradient(202.17deg, #8A74CC 0.22%, #39286C 96.03%);
}
.box_rank_level h3 {
color: #ffffff;
font-weight: 800;
font-size: 19px;
}
.box_rank_level p {
color: #ffffff;
font-weight: 500;
font-size: 16px;
}
.box_rank_level .icon {
margin-top: -30px;
}
.box_rank_level.level_4 .icon, .box_rank_level.level_3 .icon {
margin-top: -35px;
}
.box_rank_level.active svg {
width: 100px;
margin-top: -10px;
}
.box_rank_level.level_1.active svg {
width: 60px;
margin-top: -10px;
}
.box_rank_level.level_3.active svg {
width: 120px;
margin-top: -10px;
}
.box_rank_level.level_4.active svg {
width: 70px;
margin-top: -10px;
}
.box_rank_level.active h3 {
font-weight: 900;
font-size: 28px;
}
/******* END panel rank page *********/
/******* panel report table and search *********/
.create_download_link, .download_link {
background: var(--second-color);
color: #fff;
padding: 8px 15px;
border-radius: 5px;
font-size: 13px;
}
.navs {
border-radius: 10px;
position: relative;
text-align: center;
margin-top: 10px;
}
.navs {
border-radius: 10px;
position: relative;
text-align: center;
margin-top: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.navs a {
display: flex;
padding: 10px 15px;
background: #fff8f0;
margin: 0 10px;
color: rgb(255, 168, 36);
border-radius: 5px;
text-decoration: none;
font-size: 16px;
}
.navs span {
display: flex;
padding: 10px 15px;
background: #FFA824;
margin: 0 10px;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-size: 16px;
}
#list_tabs li {
margin: 0 5px
}
#list_tabs li a {
background: #FFE4CF;
border-radius: 8px;
text-decoration: none;
color: #fe740c;
display: block;
padding: 10px 20px;
}
#list_tabs li.active a {
background: #fe740c;
color: #fff
}
.form_search {
display: flex;
align-items: center;
margin-bottom: 20px;
flex-wrap: wrap;
}
.form_search > div {
display: flex;
flex-direction: column;
gap: 2px;
justify-content: end;
min-height: 70px;
margin-bottom: 10px;
}
.form_search label {
font-size: 14px;
margin-bottom: 5px;
color: #505050;
font-weight: 500;
}
.form_search input, .form_search select {
min-width: 150px;
height: 40px;
padding: 0 10px;
margin-left: 15px;
border-radius: 5px;
border: solid #fe7a15 1px;
font-family: inherit;
}
.form_search button {
background: #FFE4CF;
border-radius: 8px;
width: max-content;
padding: 5px 20px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
gap: 6px;
margin: 0 5px;
border: 0;
color: #fe740c;
font-size: 15px;
font-weight: 500;
}
.form_search button svg path {
stroke: #fe740c;
}
/*.form_search select {*/
/* margin-right: 10px;*/
/* margin-left: 20px;*/
/* min-width: 150px;*/
/* padding: 10px 0;*/
/* font-family: inherit;*/
/* */
/*}*/
.form_search select::placeholder {
color: #000
}
#nirweb_report_table td {
border-bottom: solid 1px #DEE4EC;
}
.form_search span {
padding: 5px;
margin-left: 20px;
background-color: #ff9d6e;
border-radius: 5px;
color: #FFFFFF;
}
/******************* elementor department *******************/
.nw_elementor_department_row{
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
margin-bottom: 5px;
}
.nw_elementor_department_row .main_title {
font-weight: 700;
font-size: 16px;
width: 25%;
/*max-width: 150px;*/
text-align: center;
line-height: 1.8em;
}
.department_parvaneh_image{
width: 4% !important;
max-width: 100% !important;
height: auto !important;
max-height: 90px !important;
}
.nw_elementor_department_row .sub_title {
display: block;
font-weight: 500;
font-size: 14px;
background: url(../images/department-arrow.png) no-repeat;
background-size: contain;
background-position: right center;
padding: 24px 8px;
/*min-width: 155px;*/
width: 15%;
color: #fff;
}
.list_images{
display: flex;
align-items: center;
justify-content: space-between;
width: 40%;
}
.nw_elementor_department_row .department_image{
display: block;
width: 10%;
height: auto;
aspect-ratio: 1;
object-fit: cover;
object-position: center;
max-width:120px !important;
border-radius: 50% !important;
border: solid 3px #f6d003 !important;
}
.nw_elementor_department_row .list_images .department_image{
width: 24%;
}
.nw_elementor_department_row_mobile{
display: none;
}
@media (max-width: 950px) {
.nw_elementor_department_row{
display: none;
}
.nw_elementor_department_row_mobile{
display: flex;
flex-direction: column;
background: linear-gradient(90deg,#01c7c6 0%,#01a8aa 100%);
margin-bottom: 20px;
border-radius: 8px;
margin-right: 45px;
}
.nw_elementor_department_row_mobile .box_head{
display: flex;
gap: 20px;
align-items: center;
width: 100%;
}
.nw_elementor_department_row_mobile .box_head .box_title{
width: 60%;
}
.nw_elementor_department_row_mobile .box_head .main_title{
color: #ffffff;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
}
.nw_elementor_department_row_mobile .box_head .sub_title{
background: #ffffff40;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
padding: 5px;
width: 100%;
}
.nw_elementor_department_row_mobile .box_head img{
width: 90px;
height: 90px;
border-radius: 50%;
margin-right: -45px;
aspect-ratio: 1;
}
.nw_elementor_department_row_mobile .box_content_parent{
display: none;
}
.nw_elementor_department_row_mobile .box_content{
display: grid;
grid-template-columns: repeat(2, 1fr); /* دو ستون */
grid-template-rows: repeat(2, auto); /* دو ردیف */
gap: 16px;
place-items: center;
width: 80%;
margin: auto;
margin-top: 20px;
}
.nw_elementor_department_row_mobile .box_content img{
width: 140px;
height: 140px;
margin: 10px;
border-radius: 50%;
aspect-ratio: 1;
}
}
/******************* elementor department end *******************/