@font-face {
font-family: 'Studypeak';
src:  url(//studypeak.ch/wp-content/themes/bricks-child/assets/fonts/theme-icon/fonts/Studypeak.eot?1kc6i);
src:  url(//studypeak.ch/wp-content/themes/bricks-child/assets/fonts/theme-icon/fonts/Studypeak.eot?1kc6i#iefix) format('embedded-opentype'),
url(//studypeak.ch/wp-content/themes/bricks-child/assets/fonts/theme-icon/fonts/Studypeak.ttf?1kc6i) format('truetype'),
url(//studypeak.ch/wp-content/themes/bricks-child/assets/fonts/theme-icon/fonts/Studypeak.woff?1kc6i) format('woff'),
url(//studypeak.ch/wp-content/themes/bricks-child/assets/fonts/theme-icon/fonts/Studypeak.svg?1kc6i#Studypeak) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] { font-family: 'Studypeak' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-pdf:before {
content: "\e907";
}
.icon-add-more:before {
content: "\e908";
}
.icon-award-certificates:before {
content: "\e909";
}
.icon-certificate:before {
content: "\e90a";
}
.icon-check-mark:before {
content: "\e90b";
}
.icon-cloud-arrow-up:before {
content: "\e90c";
}
.icon-confidence:before {
content: "\e90d";
}
.icon-copy:before {
content: "\e90e";
}
.icon-thankyou_icon:before {
content: "\e90f";
}
.icon-user-edit:before {
content: "\e910";
}
.icon-quiz-list:before {
content: "\e906";
}
.icon-square-grid:before {
content: "\e900";
}
.icon-location:before {
content: "\e901";
}
.icon-datepicker:before {
content: "\e902";
}
.icon-square-sidebar:before {
content: "\e903";
}
.icon-square-play:before {
content: "\e904";
}
.icon-square-check:before {
content: "\e905";
} main {
overflow: hidden !important;
}
.brxe-heading-probezeit-kurse {
padding: 5px;
margin-bottom: 15px !important;
text-align: left !important;
}
.spn-loader {
margin: auto;
width: 48px;
height: 48px;
display: block;
position: relative;
border: 3px solid;
border-color: #1fbb65 #FFF #1fbb65 #FFF;
border-radius: 50%;
box-sizing: border-box;
animation: 1s rotate linear infinite;
}
.spn-loader:before,
.spn-loader:after {
content: '';
top: 0;
left: 0;
position: absolute;
border: 10px solid transparent;
border-bottom-color: #1fbb65;
transform: translate(-10px, 19px) rotate(-35deg);
}
.spn-loader:after {
border-color: #1fbb65 #FFF #FFF #FFF;
transform: translate(32px, 3px) rotate(-35deg);
}
.card-panel-price {
display: none;
}
.card-panel-price.active {
display: block;
}
@keyframes rotate {
100% {
transform: rotate(360deg)
}
}
.testimonials_section .swiper-slide:not(.swiper-slide-active) {
opacity: 0;
} .site-loader {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100vw;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255, 255, 255, 0.9);
z-index: 9999;
}
.site-loader .loader {
font-family: monospace;
font-weight: bold;
font-size: 30px;
line-height: 1.2em;
display: inline-grid;
}
.site-loader .loader:before,
.site-loader .loader:after {
content: "Study Peak...";
grid-area: 1/1;
-webkit-mask: linear-gradient(90deg, #18C867 50%, #0000 0) 0 50%/2ch 100%;
color: #0000;
text-shadow: 0 0 0 #18C867, 0 calc(var(--s, 1)*1.2em) 0 #18C867;
animation: textloader 1s infinite;
}
.site-loader .loader:after {
-webkit-mask-position: 1ch 50%;
--s: -1;
}
@keyframes textloader {
80%,
100% {
text-shadow: 0 calc(var(--s, 1)*-1.2em) 0 #18C867, 0 0 0 #18C867
}
} .user_profile .avatar {
width: 48px;
height: 48px;
border-radius: 50px;
border: 1px solid #1A482D;
margin-right: 8px;
}
.user_profile .brx-submenu-toggle>span {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #212A42; }
.user_profile .brx-dropdown-content {
min-width: 16rem !important;
}
.user_profile .brx-dropdown-content>li .brxe-text-link {
padding: 10px 20px !important;
}
.user_profile .brx-dropdown-content>li .brxe-text-link:hover {
background-color: rgba(24, 200, 103, 0.16) !important;
}
header {
z-index: 9999 !important;
}
header .brx-nav-nested-items>li.menu-item:last-child {
display: none;
}
header #brxe-eehmcc,
header #brxe-abdfjo {
transition: 0.3s ease-in-out all;
}
header #brxe-eehmcc:hover {
color: #FFF;
background-color: #1A3A27;
border-color: #1A3A27;
}
header #brxe-abdfjo:hover {
color: #FFF;
background-color: #18C867;
border-color: #18C867;
}
header .brx-nav-nested-items>li.menu-item .mb-nav-item,
header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a {
transition: 0.5s ease-in-out all;
}
header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
color: #18C867;
} .custom_radio_input {
position: relative;
}
.custom_radio_input label {
position: relative;
display: block;
padding: 15px 20px;
margin-right: 0;
font-weight: 500 !important;
font-size: 15px !important;
line-height: 20px !important;
color: rgba(0, 0, 0, 0.6) !important;
background-color: #FFF;
border-radius: 16px;
border: 1px solid rgba(26, 58, 39, 0.15)
}
.custom_radio_input label::before {
position: absolute;
content: "";
right: 15px;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
border-radius: 8px;
color: #FFF;
font-family: 'Ionicons';
line-height: 18px;
text-align: center;
border: 1px solid rgba(26, 58, 39, 0.15)
}
.custom_radio_input.true label {
background-color: #E4F6EF;
border-color: #18C867;
}
.custom_radio_input.false label {
background-color: rgba(248, 79, 57, 0.5);
border-color: rgba(248, 79, 57, 0.5);
}
.custom_radio_input.true label::before {
font-size: 14px;
content: "\f2bc";
background-color: #18C867;
border-color: #18C867;
}
.custom_radio_input.false label::before {
font-size: 20px;
content: "\f406";
background-color: rgba(248, 68, 57, 0.90);
border-color: rgba(248, 68, 57, 0.90);
}
.custom_radio_input input {
position: absolute;
visibility: hidden;
}
.quiz_question_form .quiz-heading {
font-family: "Satoshi – Medium";
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: rgba(0, 0, 0, 0.6);
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #ECECEC;
letter-spacing: inherit;
}
.quiz_question_form .question-heading {
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: rgba(0, 0, 0, 1);
margin-bottom: 40px;
letter-spacing: inherit;
}
.quiz_question_form .options-wrapper {
display: flex;
flex-direction: column;
gap: 8px;
} .footer_contactus_links .brxe-text-link:not(span),
:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a {
transition: 0.5s ease-in-out;
}
.footer_contactus_links .brxe-text-link:not(span):hover,
:where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #18C867;
}
#brxe-yfvipo li {
overflow: hidden;
}
#brxe-yfvipo li.has-link a,
#brxe-yfvipo li.no-link {
transition: 0.3s ease-in-out;
}
#brxe-yfvipo li.has-link a:hover,
#brxe-yfvipo li.no-link:hover {
background-color: #18C867;
}
.page-probezeit-kurse #brxe-yfvipo li.has-link a:hover,
.page-probezeit-kurse #brxe-yfvipo li.no-link:hover {
background-color: #000;
} .our_team_container_wrapper {
position: relative;
}  .our_teams_carousel .owl-item {
padding: 30px 0;
}
.teams-card .bricks-button {
position: absolute;
top: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border: 1px solid rgba(26, 58, 39, 0.161);
background-color: transparent !important;
border-radius: 50px;
font-size: 14px;
transition: 0.3s ease-in-out all;
}
.teams-card .bricks-button:hover {
color: #ffffff !important;
background-color: #1A3A27 !important;
border-color: #1A3A27 !important;
}
.our_teams_carousel {
min-height: 200px;
}
.our_teams_carousel .teams-card {
position: relative;
overflow: hidden;
transform: rotate(-2.5deg);
box-shadow: -1px 4px 8px rgba(26, 58, 39, 0.12);
background-color: #EDF4F1;
transition: 0.5s ease-in-out;
border-radius: 1.875rem;
}
.our_teams_carousel .teams-card .team_image {
width: 100%;
max-height: 300px;
height: 100vh;
}
.our_teams_carousel .owl-item:nth-child(2n) .teams-card {
transform: rotate(-0.5deg);
}
.our_teams_carousel .owl-item:nth-child(3n) .teams-card {
transform: rotate(3deg);
}
.our_teams_carousel .teams-card:hover,
.our_teams_carousel .owl-item:nth-child(2n) .teams-card:hover,
.our_teams_carousel .owl-item:nth-child(3n) .teams-card:hover {
transform: rotate(0.5deg);
background-color: #E2E1FF;
}
.our_teams_carousel .teams-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.our_teams_carousel .owl-nav button.owl-next,
.our_teams_carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
font-size: 12px;
color: #1A3A27 !important;
background-color: #FFF !important;
border: 1px solid rgba(26, 58, 39, 0.122) !important;
box-shadow: -1px 2px 6px 0px rgba(26, 58, 39, 0.051);
border-radius: 50px;
}
.our_teams_carousel .owl-nav button.owl-next {
right: 20px;
}
.our_teams_carousel .owl-nav button.owl-prev {
left: 20px;
} .our_teams_carousel .owl-dots {
display: none;
} .team-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%; background-color: rgba(237, 244, 241, 0.95);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
transform: scale(0.8);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.team-popup.show {
opacity: 1;
transform: scale(1);
}
.popup-content {
position: relative;
padding: 20px;
width: 90%;
max-width: 1200px;
max-height: 520px;
height: calc(100% - 60px);
color: #000;
background-color: #fff;
border-radius: 50px;
box-shadow: 0px -3px 20px 0px rgba(26, 58, 39, 0.031);
overflow: hidden;
overflow-y: auto;
}
.team-popup .popup-content {
overflow: hidden;
overflow-y: hidden;
}
.team-popup .popup-content .close-popup {
right: 35px;
}
.team-popup .popup-content .popup-body {
align-items: flex-start;
overflow: hidden;
overflow-y: auto;
padding-right: 60px;
}
.team-popup .popup-content .popup-body::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.team-popup .popup-content .popup-body::-webkit-scrollbar-track {
background-color: #ddd;
}
.team-popup .popup-content .popup-body::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.popup-content .close-popup {
position: absolute;
top: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border: 1px solid rgba(26, 58, 39, 0.161);
background-color: transparent !important;
border-radius: 50px;
font-size: 24px;
color: rgba(26, 58, 39, 0.898);
background-color: #FFF !important;
cursor: pointer;
transition: 0.3s ease-in-out all;
}
.popup-content .close-popup:hover {
color: #fff !important;
background-color: #18C867 !important;
border-color: #18C867 !important;
}
.popup-body {
display: flex;
align-items: center;
flex-direction: row;
gap: 50px;
height: 100%;
}
.popup-body .left_team_image {
display: block;
overflow: hidden;
width: 100%;
height: 100%;
min-width: 480px;
max-width: 480px;
max-height: 480px;
border-radius: 30px;
background-color: #E9E8FF;
}
.popup-body .left_team_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.popup-body .right_team_content {
display: block;
padding: 30px 0px;
}
.popup-body .right_team_content h3 {
font-size: 38px;
line-height: 42px;
font-weight: 700;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 10px;
}
.popup-body .right_team_content h5 {
font-size: 15px;
line-height: 22px;
font-weight: 500;
color: rgba(26, 58, 39, 0.651);
margin-bottom: 30px;
}
.popup-body .right_team_content>p {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: rgba(26, 58, 39, 0.898);
margin-bottom: 30px;
}
.speciality-list h6 {
font-size: 15px;
line-height: 22px;
font-weight: 500;
color: rgba(26, 58, 39, 0.651);
margin-bottom: 10px;
}
.speciality-list ul {
list-style: none;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding-left: 0;
margin-bottom: 0;
}
.speciality-list ul li {
display: flex;
align-items: center;
gap: 5px;
min-width: 130px;
background-color: #EDF4F1;
border-radius: 9px;
text-align: center;
padding: 8px 13px;
}
.speciality-list ul li img {
display: block;
min-width: 16px;
width: 16px;
height: 16px;
object-fit: contain;
}
.speciality-list ul li p {
font-weight: 500;
font-size: 13px;
line-height: 18px;
color: rgba(26, 58, 44, 0.651);
margin-bottom: 0;
} .offer-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(237, 244, 241, 0.95);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
transform: scale(0.8);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.offer-popup.show {
opacity: 1;
transform: scale(1);
}
.offer-popup .popup-content {
padding: 80px 50px 50px;
max-width: 800px;
overflow-y: hidden;
}
.offer-popup .popup-body {
display: block;
overflow-y: auto;
padding-right: 10px;
}
.offer-popup .popup-body::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.offer-popup .popup-body::-webkit-scrollbar-track {
background-color: #ddd;
}
.offer-popup .popup-body::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.popup_content h4 {
font-weight: 500;
font-size: 20px;
line-height: 28px;
color: #18C867;
margin-bottom: 10px;
}
.popup_content h3 {
max-width: 500px;
font-weight: 700;
font-size: 40px;
line-height: 42px;
color: #1A3A27;
margin-bottom: 50px;
}
.popup_content h5 {
font-weight: 700;
font-size: 28px;
line-height: 34px;
color: #1A3A27;
margin-bottom: 40px;
}
.popup_content>p {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: rgba(26, 58, 39, 0.90);
margin-bottom: 30px;
}
.popup_content .offer-image {
width: 100%;
height: 100vh;
max-height: 350px;
border-radius: 20px;
overflow: hidden;
background-color: #EDF4F1;
margin-bottom: 40px;
}
.popup_content .offer-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.popup_content .offer-content {
font-size: 18px;
line-height: 24px;
font-weight: 500;
color: rgba(26, 58, 39, 0.65);
margin-bottom: 30px;
}
.popup_content .offer-content img {
object-fit: cover;
width: 100%;
height: 100vh;
max-height: 400px;
border-radius: 20px;
overflow: hidden;
background-color: #EDF4F1;
margin-bottom: 40px;
} .preview-popup,
.pricing-popup,
.course-prepration-popup {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(237, 244, 241, 0.95);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
opacity: 0;
transform: scale(0.8);
transition: opacity 0.3s ease, transform 0.3s ease;
}
.preview-popup.show,
.pricing-popup.show,
.course-prepration-popup.show {
opacity: 1;
transform: scale(1);
}
.preview-popup .popup-content,
.pricing-popup .popup-content,
.course-prepration-popup .popup-content {
padding: 80px 50px 50px;
max-width: 800px;
overflow-y: hidden;
padding: 80px 50px;
max-height: inherit;
height: auto;
}
.preview-popup .popup-body,
.pricing-popup .popup-body,
.course-prepration-popup .popup-body {
display: block;
overflow-y: auto;
padding-right: 10px;
}
.preview-popup .popup-body::-webkit-scrollbar,
.pricing-popup .popup-body::-webkit-scrollbar,
.course-prepration-popup .popup-body::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.preview-popup .popup-body::-webkit-scrollbar-track,
.pricing-popup .popup-body::-webkit-scrollbar-track,
.course-prepration-popup .popup-body::-webkit-scrollbar-track {
background-color: #ddd;
}
.preview-popup .popup-body::-webkit-scrollbar-thumb,
.pricing-popup .popup-body::-webkit-scrollbar-thumb,
.course-prepration-popup .popup-body::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.pricing-popup .popup-content p a { transition: 0.5s ease-in-out;
}  .course-pricing-wrapper .section-title {
width: 100%;
text-align: center;
}
.course-pricing-wrapper .section-subtitle {
font-weight: 700;
font-size: 28px;
line-height: 40px;
letter-spacing: -0.03em;
color: #11101D;
text-align: center;
background-color: #f2f2f7;
margin: -54px auto 30px;
padding: 0 20px;
width: fit-content;
}
.course-pricing-wrapper .plan-details-group {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
gap: 16px;
margin-bottom: 30px; }
.course-pricing-wrapper .plan-details-group .section-subtitle {
font-weight: 700;
font-size: 28px;
line-height: 40px;
letter-spacing: -0.03em;
color: #11101D;
margin-bottom: 0px;
}
.course-pricing-wrapper .plan-details-group .common_filter_form {
min-width: 320px;
max-width: 380px;
width: 100%; }
.course-pricing-wrapper .plan-details-group .common_filter_form .form-group {
width: 100%;
}
.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single {
background-color: #6E6AD4;
}
.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #FFF;
}
.course-pricing-wrapper .plan-details-group .select2-container--default .select2-selection--single .select2-selection__arrow b,
.course-pricing-wrapper .plan-details-group .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #FFF !important;
} .course-pricing-wrapper .plan-details-group .bricks-background-primary {
width: 100%;
min-height: 52px;
transition: 0.5s ease-in-out all;
width: calc(33.33% - 15px);
}
.preview-popup h3.popup-title {
max-width: 100%;
font-size: 28px;
line-height: 32px;
color: #1A3A27;
text-align: center;
margin-bottom: 0;
letter-spacing: -0.03rem;
padding: 0px 20px 20px;
}
.preview-popup .popup-content {
padding: 0px;
overflow: visible;
border-radius: 30px;
}
.preview-popup .popup-content .close-popup {
top: -20px;
right: -20px;
width: 40px;
height: 40px;
}
.preview-popup .popup-content .popup-body {
overflow: visible;
padding-right: 0;
}
.preview_owl_slider {
width: 100%;
}
.preview_owl_slider .preview_owl_items {
margin: 20px; }
.preview_owl_slider .preview_owl_items::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.preview_owl_slider .preview_owl_items::-webkit-scrollbar-track {
background-color: #ddd;
}
.preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.preview_owl_slider .preview_images {
width: 100%;
height: 100%;
height: 480px;
overflow: hidden;
overflow-y: auto;
border-radius: 20px;
box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.15);
}
.preview_owl_slider .preview_images img {
width: 100%;
height: 100%;
object-fit: contain;
}
.preview_owl_slider .preview_images .magnify {
width: 100% !important;
height: 100% !important;
}
.preview_owl_slider .owl-nav button.owl-prev,
.preview_owl_slider .owl-nav button.owl-next {
z-index: 1;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translatey(-50%);
border: 1px solid #1a3a27;
color: #1a3a27;
transition: 0.3s ease-in-out;
}
.preview_owl_slider .owl-nav button.owl-prev:hover,
.preview_owl_slider .owl-nav button.owl-next:hover {
color: #fff;
background-color: #1A3A27;
}
.preview_owl_slider .owl-nav button span {
display: none;
}
.preview_owl_slider .owl-nav button.owl-prev {
left: -25px;
}
.preview_owl_slider .owl-nav button.owl-next {
right: -25px;
}
.preview_owl_slider .owl-nav button.owl-prev::before {
font-family: "Font Awesome 6 Solid";
content: "\f053";
}
.preview_owl_slider .owl-nav button.owl-next::before {
font-family: "Font Awesome 6 Solid";
content: "\f054";
}
.course-pricing-tabs {
display: block;
width: 100%;
border: 2px solid #D5D5E9;
border-radius: 18px;
position: relative;
padding: 30px;
margin-bottom: 40px;
}
.course-pricing-tabs .tabs {
display: flex;
align-items: center;
justify-content: end;
flex-wrap: nowrap;
gap: 10px;
margin-left: auto;
width: calc(33.33% - 15px); }
.course-pricing-tabs .tabs .tab-btn-wrap {
display: flex;
align-items: center;
background-color: #E2E2EC;
border-radius: 10px;
padding: 5px;
}
.course-pricing-tabs .tabs label {
font-weight: 500;
font-size: 16px;
color: #11101d;
margin-bottom: 0;
white-space: nowrap;
}
.tab-btn-wrap .tab-btn {
padding: 10px 10px;
min-width: 80px;
min-height: 42px;
font-weight: 500;
font-size: 16px;
color: rgba(17, 16, 29, 0.5);
background-color: transparent;
border-radius: 8px;
text-align: center;
cursor: pointer;
}
.tab-btn-wrap .tab-btn.active {
font-weight: 700;
color: #6A66D5;
background-color: #FFF;
}
.course-pricing-tabs .tab-content {
display: none;
}
.course-pricing-tabs .tab-content.active {
display: block;
}
.pricing-row {
display: flex;
flex-direction: row;
gap: 20px;
}
.card-pricing-plans {
position: relative;
flex: 33.33%;
padding: 50px 30px;
border-radius: 18px;
background-color: #FFF;
display: flex;
flex-direction: column;
}
.card-pricing-plans .plan-title {
display: block;
margin-bottom: 40px;
}
.card-pricing-plans .plan-title h3 {
font-weight: 700;
font-size: 24px;
line-height: 26px;
letter-spacing: -0.1rem;
color: #11101D;
margin-bottom: 8px;
}
.card-pricing-plans .plan-title p {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: rgba(17, 16, 29, 0.5);
}
.card-pricing-plans .plan-icon {
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 40px;
}
.card-pricing-plans .plan-icon img {
display: flex;
align-items: center;
justify-content: center;
width: 70px;
height: 70px;
padding: 15px;
border-radius: 16px;
border: 1px solid rgba(26, 58, 39, 0.16);
object-fit: contain;
}
.card-pricing-plans .plan-price {
margin-bottom: 40px;
}
.card-pricing-plans .plan-price h4 {
font-weight: 700;
font-size: 24px;
line-height: 26px;
letter-spacing: -0.1rem;
color: #6460C9;
margin-bottom: 8px;
}
.card-pricing-plans .plan-price p {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #11101D;
}
.card-pricing-plans hr {
border-color: rgba(17, 16, 29, 0.12);
margin-bottom: 20px;
}
.plan-details {
display: flex;
flex-direction: column;
height: 100%;
}
.plan-details .ul-list-group { margin-bottom: 30px;
}
.plan-details .bricks-background-primary:last-child {
margin-top: auto;
margin-bottom: 0;
}
.plan-details .bricks-background-primary {
width: 100%;
padding: 15px 30px;
border-radius: 10px;
font-size: 16px;
color: #FFF !important;
background-color: #6460C9 !important;
border: 1px solid #6460C9 !important;
margin-bottom: 40px;
transition: 0.3s linear;
}
.plan-details .bricks-background-primary:hover {
background-color: #24223f !important;
}
.plan-details ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.plan-details ul li {
position: relative;
padding-left: 32px;
font-weight: 700;
color: #11101D;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid rgba(17, 16, 29, 0.12);
}
.plan-details ul li:last-child {
border-bottom: none;
margin-bottom: 0;
}
.card-platinum-plans { background-color: #24223F;
}
.card-platinum-plans .popular-plan {
position: absolute;
top: 20px;
right: 20px;
display: block;
padding: 4px 8px;
font-weight: 500;
font-size: 12px;
color: #FFF;
background-color: #6E6AD4;
border-radius: 8px;
}
.card-platinum-plans .plan-title h3 {
color: #6460C9;
}
.card-platinum-plans .plan-title h3,
.card-platinum-plans .plan-price h4,
.card-platinum-plans .plan-icon span {
color: #FFF;
}
.card-platinum-plans .plan-title p,
.card-platinum-plans .plan-price p,
.card-platinum-plans .plan-details ul li {
color: rgba(232, 231, 255, 0.9);
}
.card-platinum-plans hr,
.card-platinum-plans .plan-icon img,
.card-platinum-plans .plan-details ul li {
border-color: rgba(233, 232, 255, 0.18);
}
.card-platinum-plans .plan-icon img {
filter: brightness(100);
} #post-listing-multifilters .filter-container {
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 30px;
}
#post-listing-multifilters .brxe-heading {
position: relative;
font-weight: 700;
font-size: 34px;
line-height: 34px;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
#post-listing-multifilters .filter_dropdown_wrap {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
gap: 8px;
}
.selected-filters {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.filter-tag {
padding: 10px 20px;
border-radius: 12px;
display: flex;
align-items: center;
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #18C867;
background: #FFF;
border: 1px solid #1FBB65;
}
.filter-tag .remove-filter {
font-size: 20px;
line-height: 22px;
font-weight: 500;
color: #18C867;
margin-right: 5px;
background: transparent;
border: none;
cursor: pointer;
}
.filter-dropdown {
display: flex;
align-items: center;
justify-content: end;
width: 100%;
gap: 10px;
}
#category-select {
padding: 5px;
border-radius: 5px;
}
.post-listing-with-filters {
margin: 20px 0;
}
.category-filter-form {
margin-bottom: 20px;
}
.category-filter-form select {
padding: 5px;
font-size: 16px;
}
.post-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 60px 20px;
}
.post-item {
border: 1px solid #ddd;
padding: 10px;
text-align: center;
}
.post-thumbnail img {
max-width: 100%;
height: auto;
}
.post-title {
font-size: 18px;
margin: 10px 0;
}
.post-meta {
font-size: 14px;
color: #666;
}
.post-meta .item {
flex-wrap: wrap;
}
.btn-filter {
padding: 10px 20px;
font-size: 16px;
line-height: 22px;
color: #1A3A27;
background-color: #FFF;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 12px;
} .post-item.custom_blog_post {
padding: 0;
border: none;
}
.post-item.custom_blog_post .post-thumbnail {
display: block;
width: 100%;
height: 100vh;
max-height: 240px;
overflow: hidden;
border-radius: 24px;
margin-bottom: 20px;
}
.post-item.custom_blog_post .post-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-item.custom_blog_post .post-details {
text-align: left;
}
.post-item.custom_blog_post .post-categories {
color: rgba(26, 58, 44, 0.65);
font-size: 1rem;
letter-spacing: -0.03rem;
line-height: normal;
}
.post-item.custom_blog_post .post-title {
font-size: 1.5rem;
line-height: 30px;
letter-spacing: -0.09375rem; overflow: hidden;
text-overflow: ellipsis;
min-height: 54px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.post-item.custom_blog_post .post-title a {
color: #1A3A27;
transition: 0.3s ease-in-out all;
}
.post-item.custom_blog_post .post-title a:hover {
color: #18C867;
}
.post-item.custom_blog_post .post-meta {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
}
.post-item.custom_blog_post .post-meta .post-avatar {
display: flex;
align-items: center;
gap: 8px;
padding-top: 0.25rem;
padding-right: 1.25rem;
padding-bottom: 0.25rem;
padding-left: 0.25rem;
border-radius: 0.75rem;
color: rgba(26, 58, 44, 0.65);
background-color: var(--bricks-color-rpndiu); font-size: 13px;
line-height: 18px;
}
.post-item.custom_blog_post .post-meta .post-avatar .author-avatar {
display: block;
width: 34px;
height: 34px !important;
border-radius: 12px;
overflow: hidden;
}
.post-item.custom_blog_post .post-meta .post-avatar .author-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-item.custom_blog_post .post-meta .post-date {
padding-top: 0.75rem;
padding-right: 1.25rem;
padding-bottom: 0.75rem;
padding-left: 1.25rem;
border-radius: 0.75rem;
color: rgba(26, 58, 44, 0.65);
background-color: var(--bricks-color-rpndiu); font-size: 13px;
line-height: 18px;
}
.read-time {
padding: 0.75rem;
border-radius: 0.75rem;
color: rgba(26, 58, 44, 0.65);
background-color: var(--bricks-color-rpndiu); font-size: 13px;
line-height: 18px;
}
.read-time i {
margin-right: 5px;
}
.custom_pagination ul {
list-style: none;
display: flex;
justify-content: center;
gap: 10px;
padding: 0;
margin: 0;
margin-top: 60px;
}
.custom_pagination ul li {
display: inline-block;
}
.custom_pagination ul li .page-numbers {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
padding: 5px 0px;
text-decoration: none;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 8px;
color: #1A3A27;
transition: 0.5s ease-in-out all;
}
.custom_pagination ul li .page-numbers.current,
.custom_pagination ul li .page-numbers:hover {
background-color: #18C867;
color: #FFF;
}
.single-post .brxe-post-content h2 {
font-family: "Satoshi – Medium";
font-weight: 700;
font-size: 28px !important;
line-height: 38px !important;
color: #1A3A27 !important;
margin-right: auto;
margin-bottom: 40px !important;
letter-spacing: -0.03em !important;
}
.single-post .brxe-post-content h3 {
font-family: "Satoshi – Medium";
font-weight: 700;
font-size: 24px !important;
line-height: 30px !important;
color: #1A3A27 !important;
margin-right: auto;
margin-bottom: 40px !important;
letter-spacing: -0.03em !important;
}
.single-post .brxe-post-content h4,
.single-post .brxe-post-content h5 {
font-family: "Satoshi – Medium";
font-weight: 700;
font-size: 20px !important;
line-height: 26px !important;
color: #1A3A27 !important;
margin-right: auto;
margin-bottom: 40px !important;
letter-spacing: -0.03em !important;
}
.single-post .brxe-post-content p {
color: rgba(26, 58, 39, 0.85);
}
.single-post .brxe-post-content a {
text-decoration: underline;
transition: 0.5s ease-in-out;
}
.single-post .brxe-post-content a:hover {
color: #18C867;
}
.single-post .brxe-post-content table {
border-collapse: collapse;
border: 1px solid rgba(26, 58, 39, 0.85);
}
.single-post .brxe-post-content table td {
padding: 8px;
font-size: 20px;
list-style: 32px;
border: 1px solid rgba(26, 58, 39, 0.85);
color: rgba(26, 58, 39, 0.85);
}
.single-post .featured_image span {
height: 100%;
}
.single-post .brxe-post-content ol li,
.single-post .brxe-post-content ul li {
margin-bottom: 20px;
}
.post-item.custom_blog_post .post-thumbnail,
.blog_card .bricks-layout-item .image-wrapper {
border-radius: 1.25rem;
overflow: hidden;
}
.post-item.custom_blog_post .post-thumbnail img,
.blog_card .bricks-layout-item .image-wrapper img {
transform: scale(1);
transition: 0.3s linear;
}
.post-item.custom_blog_post .post-thumbnail:hover img,
.blog_card .bricks-layout-item .image-wrapper:hover img {
transform: scale(1.1);
} .custom_dropdown {
position: relative;
}
.custom_dropdown .dropdown-content {
display: none;
position: absolute;
top: 70px;
right: 0;
min-width: 212px;
padding: 10px;
background-color: #FFF;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 10px;
z-index: 10;
}
.custom_dropdown .dropdown-content::before {
position: absolute;
content: "";
top: -9px;
right: 60px;
width: 16px;
height: 16px;
background-color: #FFF;
border-top: 1px solid rgba(26, 58, 39, 0.16);
border-left: 1px solid rgba(26, 58, 39, 0.16);
transform: rotate(45deg);
}
.custom_dropdown .dropdown-content .dropdown-list {
display: block;
max-height: 220px;
overflow-y: auto;
padding-left: 6;
}
.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar-track {
background-color: #ddd;
}
.custom_dropdown .dropdown-content .dropdown-list::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.custom_dropdown .dropdown-label {
display: block;
min-width: 130px;
height: 44px;
font-size: 16px;
line-height: 42px;
padding: 0 40px 0 20px;
font-size: 16px;
line-height: 22px;
color: #1A3A27;
background-color: #FFF;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 12px;
cursor: pointer;
position: relative;
}
.custom_dropdown .dropdown-label:before {
font-family: 'Ionicons';
content: "\f3d0";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: transform 0.25s;
transform-origin: center center;
}
.custom_dropdown .dropdown-label span {
vertical-align: middle;
margin-right: 5px;
}
.custom_dropdown.open .dropdown-content {
display: block;
}
.custom_dropdown.open .dropdown-label:before {
transform: translateY(-50%) rotate(-180deg);
}
.custom_dropdown .checkbox-lbl {
position: relative;
display: block;
padding: 12px;
padding-left: 40px;
border-radius: 8px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #000;
background-color: #FFF;
margin-bottom: 0;
cursor: pointer;
}
.custom_dropdown .checkbox-lbl:hover {
background-color: #EDF4F1;
}
.custom_dropdown .checkbox-lbl input {
position: absolute;
left: 0;
opacity: 0;
}
.custom_dropdown .checkbox-lbl .checkbox-span {
position: absolute;
content: "";
left: 10px;
top: 50%;
transform: translateY(-50%);
display: block;
width: 20px;
height: 20px;
text-align: center;
border-radius: 7px;
border: 1px solid rgba(26, 58, 39, 0.2);
background-color: transparent;
}
.custom_dropdown .checkbox-lbl input:checked~.checkbox-span {
color: #FFF;
background-color: #18C867;
border-color: #18C867;
}
.custom_dropdown .checkbox-lbl input:checked~.checkbox-span::before {
font-family: 'Ionicons';
content: "\f3ff";
font-size: 30px;
line-height: 18px;
}
.custom_dropdown .checkbox-lbl input:checked~.checkbox-lbl {
background-color: #EDF4F1;
}
.custom_blog_slider {
display: block;
width: 100%;
padding: 30px 0;
}
.custom_blog_slider img {
margin-bottom: 0px !important;
border-radius: 0px !important;
}
.blog-slider-wrapper .owl-nav button.owl-prev,
.blog-slider-wrapper .owl-nav button.owl-next {
z-index: 1;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 50%;
transform: translatey(-50%);
border: 1px solid #1a3a27;
color: #1a3a27;
transition: 0.3s ease-in-out;
}
.blog-slider-wrapper .owl-nav button.owl-prev:hover,
.blog-slider-wrapper .owl-nav button.owl-next:hover {
color: #fff;
background-color: #1A3A27;
}
.blog-slider-wrapper .owl-nav button span {
display: none;
}
.blog-slider-wrapper .owl-nav button.owl-prev {
left: -25px;
}
.blog-slider-wrapper .owl-nav button.owl-next {
right: -25px;
}
.blog-slider-wrapper .owl-nav button.owl-prev::before {
font-family: "Font Awesome 6 Solid";
content: "\f060";
}
.blog-slider-wrapper .owl-nav button.owl-next::before {
font-family: "Font Awesome 6 Solid";
content: "\f061";
} .team_listing { display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 20px;
}
.team_listing .teams-card { flex: 1;
}
.team_listing .teams-card .team_image {
width: 100%;
height: 100vh;
max-height: 414px;
position: relative;
overflow: hidden;
box-shadow: -1px 4px 8px rgba(26, 58, 39, 0.12);
background-color: #EDF4F1;
transition: 0.3s linear;
border-radius: 1.875rem;
}
.team_listing .teams-card .team_image:hover {
background-color: #E2E1FF;
}
.team_listing .teams-card .team_image img {
width: 100%;
height: 100%;
object-fit: cover;
transform: scale(1);
transition: 0.3s linear;
}
.team_listing .teams-card .team_image:hover img {
transform: scale(1.1);
}
.team_listing .teams-card .team_details {
display: block;
padding: 18px 0;
}
.team_listing .teams-card .team_details h6 {
font-weight: 700;
font-size: 20px;
line-height: 26px;
color: #1A3A27;
}
.team_listing .teams-card .team_details p {
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: rgba(26, 58, 39, 0.6)
} .get_in_touch_form {
display: block;
width: 100%;
}
.get_in_touch_form .form-row {
display: flex;
align-items: flex-start;
flex-direction: row;
column-gap: 20px;
}
.get_in_touch_form .form-row .form-group {
flex: 1;
}
.get_in_touch_form .form-group {
margin-bottom: 20px;
}
.get_in_touch_form label {
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #1A3A27;
}
.get_in_touch_form .input,
.get_in_touch_form input:not([type=submit]),
.get_in_touch_form select,
.get_in_touch_form textarea {
overflow: hidden;
padding: 0px 20px;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
}
.get_in_touch_form textarea {
padding: 15px 20px;
resize: none;
height: 140px;
}
.get_in_touch_form .input:focus,
.get_in_touch_form input:not([type=submit]):focus,
.get_in_touch_form select:focus,
.get_in_touch_form textarea:focus {
border-color: #18C867 !important;
}
.get_in_touch_form .intl-tel-input.separate-dial-code .selected-flag {
height: 50px;
background-color: transparent !important;
}
.get_in_touch_form input[type=submit] {
display: block;
width: 100%;
padding: 0px 20px;
min-height: 52px;
}
:root .page-ims-kurse .get_in_touch_form label.error,
.get_in_touch_form label.error {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: red !important;
}
.get_in_touch_form input[type="submit"] {
transition: 0.3s ease-in-out all;
}
.get_in_touch_form input[type="submit"]:hover {
background-color: #1A3A27 !important;
} .offer_section_wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row;
gap: 20px;
}
.offer_section_wrapper .card_offers {
flex: calc(50% - 20px);
border-radius: 24px;
overflow: hidden;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-bottom.svg) no-repeat bottom 50px center / auto;
background-color: #EDF4F1;
transition: 0.5s ease-in-out all;
}
.offer_section_wrapper .card_offers:first-child {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-top.svg) no-repeat right -50px bottom 50px/ auto;
background-color: #EDF4F1;
}
.offer_section_wrapper .card_offers:last-child {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-bottom-2.svg) no-repeat bottom 50px right -50px/ auto;
background-color: #EDF4F1;
}
.offer_section_wrapper .card_offers:hover {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-bottom.svg) no-repeat bottom 50px center / auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}
.offer_section_wrapper .card_offers:first-child:hover {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-top.svg) no-repeat right -50px bottom 50px/ auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}
.offer_section_wrapper .card_offers:last-child:hover {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-bottom-2.svg) no-repeat bottom 50px right -50px/ auto, linear-gradient(0deg, #18C867, #18C867), radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
}
.card_offers .offer_image {
height: 100vh;
max-height: 360px;
}
.card_offers .offer_image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
}
.card_offers .offer_content {
padding: 60px 30px 0;
text-align: center;
}
.card_offers .offer_content .offer_tag {
margin: auto;
display: inline-block;
padding: 5px 8px;
font-weight: 500;
font-size: 12px;
line-height: 12px;
color: #1A3A27;
background-color: rgba(26, 58, 39, 0.06);
border-radius: 8px;
margin-bottom: 5px;
}
.card_offers .offer_content .offer_title {
font-weight: 700;
font-size: 41px;
line-height: 42px;
color: #1A3A27;
margin-bottom: 30px;
}
.card_offers .offer_content .btn-link {
padding: 5px 0px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #1A3A27;
background-color: transparent !important;
border-bottom: 1px solid rgba(26, 58, 39, 0.16);
outline: none !important;
}
.card_offers:hover .offer_content .offer_tag {
color: #72FEB1;
background-color: rgba(26, 58, 39, 0.22);
}
.card_offers:hover .offer_content .offer_title {
color: #FFF;
}
.card_offers:hover .offer_content .btn-link {
color: #FFF;
border-color: #FFF;
} .ims_offline_courses_wrapper {
display: block;
}
.ims_offline_courses_wrapper .brxe-heading {
font-weight: 700;
font-size: 44px;
line-height: 46px;
color: #212a42;
letter-spacing: -0.1rem;
margin-bottom: 1rem;
}
.ims_offline_courses_wrapper .brxe-desc {
margin-bottom: 3rem;
}
.ims_offline_courses_wrapper .accordion {
margin-bottom: 5rem;
}
.ims_offline_courses_wrapper .accordion .accordion-item {
margin-bottom: 20px;
}
.accordion-header {
display: block;
width: 100%;
padding: 30px;
font-weight: 700;
font-size: 22px;
line-height: 24px;
background-color: #FFF;
border: 1px solid rgba(33, 42, 66, 0.12);
border-radius: 20px;
position: relative;
}
.accordion-header::before {
position: absolute;
font-family: 'Ionicons';
content: "\f3d0";
font-size: 18px;
color: rgba(33, 42, 66, 0.6);
right: 20px;
top: 50%;
transform: translateY(-50%);
transition: 0.5s ease-in-out all;
}
.accordion-header.active {
color: #2590F2;
border-bottom: none;
border-radius: 20px 20px 0px 0px;
}
.accordion-header.active::before {
color: #2590F2;
transform: translateY(-50%) rotate(180deg);
}
.accordion-content {
display: none;
padding: 30px;
margin-top: -1px;
border: 1px solid rgba(33, 42, 66, 0.12);
border-top: 2px dashed rgba(33, 42, 66, 0.12);
border-radius: 0px 0px 20px 20px;
}
.cms-content h3 {
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #212a42;
margin-bottom: 30px;
letter-spacing: -0.1rem;
}
.cms-content p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: rgba(33, 42, 66, 0.65);
margin-bottom: 15px;
}
.cms-content ul li {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: rgba(33, 42, 66, 0.65);
margin-bottom: 10px;
}
.cms-content ul li::marker {
color: #2590F2;
}
.cms-content ul li b,
.cms-content ul li strong {
color: #212a42;
}
.table-content {
display: none;
} .course-tbl {
padding: 20px;
border-radius: 20px;
border: 1px solid rgba(26, 58, 39, 0.12);
margin-bottom: 20px;
}
.course-tbl h5 {
font-weight: 700;
font-size: 22px;
line-height: 24px;
color: #212a42;
letter-spacing: -0.03em;
}
.course-tbl tbody th,
.course-tbl tbody td {
padding: 5px;
}
.course-tbl tbody th,
.course-tbl tbody td,
.course-tbl tbody td p {
font-weight: 500;
font-size: 15px;
line-height: 24px;
color: #212a42;
text-align: left;
}
.course-tbl .btn-action {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
}
.course-tbl .btn-action .btn-tooltip {
display: block;
width: 24px;
height: 24px;
border-radius: 50px;
font-size: 14px;
text-align: center;
color: #2590F2;
background-color: #ecf4f8;
border: 1px solid rgba(37, 144, 242, 0.13);
cursor: pointer;
position: relative;
}
.course-tbl .btn-action .tooltip_popup {
position: absolute;
left: -420px;
top: 50%;
width: 400px;
background: #fff;
padding: 30px;
text-align: center;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 5%);
border-radius: 12px;
transform: translate(0, -50%);
font-style: normal;
display: none;
transition: 0.5s ease-in-out all;
}
.tooltip_popup::after,
.tooltip_popup::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: -15px;
margin: auto;
height: 30px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 15px;
border-color: transparent transparent transparent #fff;
}
.tooltip_popup::before {
border-width: 12px 0 12px 17px;
border-color: transparent transparent transparent #efefef;
right: -17px;
}
.tooltip_popup ul {
list-style: none;
padding: 0;
margin: 0;
}
.tooltip_popup ul li {
color: #212a42;
font-size: 14px;
line-height: 28px;
margin-bottom: 15px;
}
.tooltip_popup ul li:last-child {
margin-bottom: 0;
}
.tooltip_popup h3 {
color: #2590F2;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.03rem;
margin-bottom: 15px;
}
.tooltip_popup p {
color: #212a42;
font-size: 14px;
line-height: 28px;
margin-bottom: 0;
text-align: center !important;
}
.tooltip_popup b span {
font-weight: normal;
}
.course-tbl .btn-action .btn-tooltip:hover .tooltip_popup {
display: block;
opacity: 1;
}
.course-tbl .bricks-background-primary {
background-color: #2590F2 !important;
transition: 0.3s linear;
}
.course-tbl .bricks-background-primary:hover {
background-color: #212A42 !important;
border-color: #212A42;
color: #fff;
}
body .ui-tooltip {
margin-left: -24px !important;
}
.ui-tooltip.ui-widget-content {
padding: 10px;
border: 1px solid rgba(33, 42, 66, 0.12) !important;
opacity: 1 !important;
font-weight: 500;
font-size: 15px;
line-height: 22px;
color: #212A42;
background-color: #FFF;
border-radius: 10px;
box-shadow: none !important;
}
.ui-tooltip .arrow {
position: absolute;
content: "";
top: -8px;
left: 8px;
width: 16px;
height: 16px;
background-color: #FFF;
border-top: 1px solid rgba(33, 42, 66, 0.12);
border-right: 1px solid rgba(33, 42, 66, 0.12);
transform: rotate(-45deg);
}
.tutoring_pricing_wrapper table tr th {
min-width: 240px;
}
.tutoring_pricing_wrapper table tr th h5 {
font-size: 20px;
}
.tutoring_pricing_wrapper table tbody td:first-child {
width: 130px;
}
.tutoring_pricing_wrapper .btn-action {
min-width: 174px;
min-height: 50px;
}
.tutoring_pricing_wrapper .price {
min-width: 120px;
}
.tutoring_pricing_wrapper .desc {
width: 186px;
} .select2-container--default .select2-selection--single {
background-color: white;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 12px;
min-height: 52px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
padding-left: 20px;
padding-right: 40px;
line-height: 52px;
}
.select2-container--default .select2-results__option {
padding: 12px 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
width: 30px;
height: 52px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none;
display: block;
width: 10px;
height: 10px;
background-color: transparent;
border-bottom: 2px solid rgba(0, 0, 0, 0.5);
border-right: 2px solid rgba(0, 0, 0, 0.5);
transform: translateY(-50%) rotate(45deg);
left: 5px;
top: 50%;
transition: 0.5s ease-in-out all;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-width: 2px;
border-color: rgba(0, 0, 0, 0.5);
transform: translateY(-50%) rotate(225deg);
}
.select2-container--default .select2-selection--multiple {
background-color: white;
border: 1px solid rgba(26, 58, 39, 0.16);
border-radius: 12px;
}
.select2-container--default .select2-selection--multiple:before {
content: "";
position: absolute;
right: 7px;
top: 42%;
border-top: 5px solid #888;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
padding: 8px 20px;
border-radius: 12px;
display: flex;
align-items: center;
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #18C867;
background: #FFF;
border: 1px solid #1FBB65;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
font-size: 20px;
line-height: 22px;
font-weight: 500;
color: #18C867;
margin-right: 5px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px solid #1FBB65;
}
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #EDF4F1;
color: #1A3A27;
}
.select2-dropdown {
overflow: hidden;
border-color: #d9dfdc;
border-radius: 12px;
}
#brxe-ulabhx {
align-items: center;
position: relative;
transition: all 0.5s ease-in-out;
}
.banner_sticky_form {
position: fixed !important;
bottom: 20px;
z-index: 1000;
box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.2) !important;
}
.banner_sticky_form .bricks-button {
min-height: 52px;
white-space: nowrap;
transition: 0.3s linear;
}
.banner_sticky_form.hide-sticky-bar {
display: none !important;
}
.banner_form select {
padding-right: 40px;
appearance: none;
-webkit-appearance: none;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-down.svg) no-repeat right 20px center/16px;
}
.form-select-white select {
padding-right: 40px;
appearance: none;
-webkit-appearance: none;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-down-white.svg) no-repeat right 20px center/16px;
}
.banner_form .select2-dropdown,
.banner_form .select2-container--default .select2-selection--single {
font-size: 18px;
border-color: #FFF !important;
}
.form-select-white .select2-container--default .select2-selection--single {
background-color: rgba(255, 255, 255, 0.12);
min-height: 66px;
border-radius: 23px;
}
.form-select-white .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #FFF;
line-height: 66px;
}
.form-select-white .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 66px;
}
.form-select-white .select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: rgba(255, 255, 255, 0.5);
} .we_help_with_section {
flex-wrap: wrap;
gap: 20px;
}
.we_help_with_section .we_help_card {
width: calc(25% - 15px);
transition: 0.3s ease-in-out all;
cursor: pointer;
}
.we_help_with_section .we_help_card:hover {
background-color: #212A42 !important;
}
.we_help_with_section .we_help_card .brxe-heading {
transition: 0.3s ease-in-out all;
}
.we_help_with_section .we_help_card:hover .brxe-heading {
color: #2590F2 !important;
} .cmspage_content {
position: relative;
display: block;
padding: 25px;
border-radius: 8px;
border: 1px solid #D4ECF2;
background-color: #FFF;
margin-bottom: 25px;
z-index: 1;
overflow: hidden;
}
.cmspage_content::before {
position: absolute;
content: "";
left: 0;
right: 0;
top: 0;
width: 100%;
height: 58px;
background: linear-gradient(180deg, #D1EBF1 0%, #FFFFFF 100%);
z-index: -1;
}
.cmspage_content h3 {
font-family: "Satoshi – Bold";
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #1A3A27;
margin-bottom: 20px;
letter-spacing: -0.05em;
}
.cmspage_content p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #212A42;
margin-bottom: 25px;
}
.cmspage_content p:last-child {
margin-bottom: 0;
}
.cmspage_content ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.cmspage_content ul li {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #212A42;
padding-left: 25px;
margin-bottom: 10px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-icon-listing.svg) no-repeat left top 6px / 10px;
}
.cmspage_content ul li a {
color: #1FBB65;
} .common_forms_section {
display: block;
width: 100%;
min-height: 100vh;
padding: 30px 0;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/form_bg_shape_line.svg) no-repeat bottom center/ 102%;
background-color: #1A3A27;
position: relative;
overflow: hidden;
}
.common_forms_section .prev_page_link {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 5px;
font-size: 20px;
color: #FFF;
background-color: rgba(24, 200, 103, 0.2);
border-radius: 50px;
position: absolute;
top: 50px;
transition: 0.3s ease-in-out all;
}
.common_forms_section .prev_page_link i {
font-family: "Font Awesome 6 Solid" !important;
}
.common_forms_section .prev_page_link:hover {
background-color: #18C867;
}
.common_forms_wrap {
width: 100%;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
gap: 80px;
padding: 0 15px;
}
.reset_password_form_sec {
padding: 140px 0px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/form_bg_shape_top_line.svg) no-repeat top -180px center/102%;
background-color: #1A3A27;
}
.form_left_content {
width: calc(100% - 500px);
}
.form_left_content .form_logo {
width: 100%;
max-width: 550px;
margin-bottom: 50px;
}
.form_left_content .form_logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.form_left_content h1 {
font-weight: 700;
font-size: 40px;
line-height: 48px;
letter-spacing: -0.03em;
margin-bottom: 30px;
color: #FFF;
}
.form_left_content p {
font-weight: 500;
font-size: 25px;
line-height: 26px;
letter-spacing: -0.03em;
color: #FFF;
}
.login_flow,
.reset_password_form_sec .lost_reset_password {
max-width: 420px;
border-radius: 22px;
background-color: #ffffff;
box-shadow: 0px 0px 16px 0px #00000017;
overflow: hidden;
margin: auto;
}
.login_flow .form_header,
.reset_password_form_sec .lost_reset_password .form_header {
border-bottom: 1px solid rgba(26, 58, 39, 0.12);
padding-bottom: 30px;
margin-bottom: 30px;
}
.login_flow .title,
.reset_password_form_sec .lost_reset_password .title {
font-weight: 500;
font-size: 32px;
line-height: 36px;
letter-spacing: -0.03em;
text-align: left;
color: #000;
}
.login_flow .verification-container .title {
margin-bottom: 20px;
}
.login_flow .paragraph,
.reset_password_form_sec .lost_reset_password .paragraph {
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: left;
color: #1A3A27;
margin-bottom: 0;
}
.paragraph_desc {
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: left;
color: #212A42;
margin-bottom: 30px !important;
}
.login_flow .form_body {
padding: 30px;
padding-bottom: 0;
}
.reset_password_form_sec .lost_reset_password .form_body {
padding: 30px;
}
.login_flow .form_footer {
padding: 30px;
padding-top: 20px;
}
.login_flow .social-login-buttons {
border-bottom: 1px solid #0000001a;
padding-bottom: 10px;
}
.login_flow .form-group label,
.login_flow .form-group.form-row label,
.reset_password_form_sec .lost_reset_password .form-row label {
font-weight: 500;
font-size: 15px;
line-height: 20px;
margin-bottom: 10px; text-align: left;
color: #1A3A27;
}
.login_flow .form-group,
.reset_password_form_sec .lost_reset_password .form-row {
width: 100%;
margin-bottom: 20px;
}
.login_flow .form-group .form-control::placeholder,
.reset_password_form_sec .lost_reset_password .form-row .input-text::placeholder {
color: rgba(26, 58, 39, 0.22);
}
.login_flow .form-group .form-control,
.reset_password_form_sec .lost_reset_password .form-row .input-text {
font-weight: 400;
font-size: 15px;
line-height: 20px;
border: 1px solid rgba(26, 58, 39, 0.12) !important;
padding: 15px 25px !important;
height: auto;
color: #000000;
border-radius: 10px;
outline: none !important;
text-align: left;
}
.login_flow .form-group .form-control:focus,
.reset_password_form_sec .lost_reset_password .form-row .input-text:focus {
border-color: #1FBB65 !important;
}
.login_flow .switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.login_flow .switch input {
opacity: 0;
width: 0;
height: 0;
}
.login_flow .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transition: .4s;
transition: .4s;
background-color: #fff;
border: 1px solid #BCBCBC;
}
.login_flow .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
top: 2.8px;
background-color: #BCBCBC;
-webkit-transition: .4s;
transition: .4s;
}
.login_flow input:checked+.slider {
background-color: #1FBB65;
border-color: #1FBB65;
}
.login_flow input:focus+.slider {
box-shadow: 0 0 1px #1FBB65;
}
.login_flow input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
background-color: #FFF;
}
.login_flow .slider.round {
border-radius: 34px;
}
.login_flow .slider.round:before {
border-radius: 50%;
}
.login_flow .submit_btn,
.login_flow .verify_btn,
.reset_password_form_sec .lost_reset_password .form-row .woocommerce-Button {
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
width: 100%;
padding: 15px 20px !important;
color: #FFF;
background-color: #1A3A27;
border-radius: 10px;
transition: 0.5s ease-in-out all;
margin-top: 0px;
}
.login_flow .submit_btn:hover,
.login_flow .verify_btn:hover,
.reset_password_form_sec .lost_reset_password .form-row .woocommerce-Button:hover {
background-color: #1FBB65;
}
.login_flow .password-input {
display: block;
width: 100%;
position: relative;
}
.login_flow .password-input .show-password-input {
position: absolute;
right: 15px;
top: 10px;
cursor: pointer;
}
.login_flow .show-password-input::after,
.woocommerce-account form .show-password-input::after {
font-family: 'Ionicons' !important;
content: "\f17a" !important;
font-size: 20px;
color: rgba(26, 58, 39, 0.72) !important;
}
.login_flow .show-password-input.display-password::after,
.woocommerce-account form .show-password-input.display-password::after {
content: "\f425" !important;
}
.alredy-registered a {
display: block;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
width: 100%;
padding: 15px 20px !important;
color: #FFF;
background-color: #1FBB65;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.alredy-registered a:focus,
.alredy-registered a:hover {
background-color: #1A3A27;
}
.form-group.condition {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
}
.form-group.condition label {
width: calc(100% - 50px);
padding-right: 15px;
}
.form-group.condition .switch {
width: 50px;
}
.form-group.condition label a {
color: #18C867;
text-decoration: none;
}
.form-group.condition label p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #212A42;
}
span.error,
span.errors,
div.error,
div.errors,
span.error-message,
span.select-error-message,
.message span.error,
.coupon-error-notice,
.login_flow .form-group label.error,
.login_flow .form-group div.error,
.reset_password_form_sec .lost_reset_password .form-row label.error {
text-align: left !important;
color: #F84F39 !important;
margin-bottom: 5px;
}
.billing_check_err {
font-size: 16px !important;
}
.message span.success,
.login_flow #verification-message div.success {
color: #1F7044;
}
.login_flow .woocommerce-form {
margin-top: 0px !important;
border: none !important;
}
.login_flow .woocommerce-form {
padding: 0px !important;
}
.login_flow .woocommerce-form .password-input .show-password-input {
top: 16px;
}
.login_flow .woocommerce-form .social-login-buttons {
border-bottom: none !important;
}
.login_lost_password {
display: flex;
align-items: center;
justify-content: space-between;
}
.login_lost_password label.lost_password {
color: rgba(26, 58, 39, 0.5) !important;
transition: 0.5s ease-in-out;
}
.login_lost_password label:hover {
color: #1a3a27 !important;
}
.login_lost_password label:not(.lost_password) a {
color: #20AA5E;
}
.reset_password_form_sec .lost_reset_password,
.reset_password_form_sec .form_left_content {
max-width: 500px;
}
.reset_password_form_sec .common_forms_wrap {
flex-direction: column-reverse;
align-items: center;
}
.reset_password_form_sec .form_left_content .form_logo {
max-width: 340px;
margin: auto;
margin-bottom: 50px;
}
.reset_password_form_sec .form_left_content h1 {
font-size: 25px;
line-height: 26px;
text-align: center;
}
.reset_password_form_sec .form_left_content p {
font-size: 20px;
line-height: 22px;
text-align: center;
}
.other_login {
position: relative;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
width: calc(100% - 60px);
margin: auto;
}
.other_login::before {
position: absolute;
content: "";
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
width: 100%;
height: 1px;
background-color: rgba(26, 58, 39, 0.12);
z-index: -1;
}
.other_login span {
display: inline-block;
padding: 5px 20px;
font-size: 14px;
line-height: 18px;
color: #000;
background-color: #FFF;
}
.mo-openid-app-icons {
display: flex !important;
flex-direction: column !important;
gap: 15px;
margin-top: -15px !important;
}
.mo-openid-app-icons .mo_btn-social {
width: 100% !important;
flex: 1;
font-size: 16px;
line-height: 22px;
color: #1A3A27 !important;
background: #FFF !important;
border: 1px solid;
text-align: center;
border-color: rgba(26, 58, 39, 0.12) !important;
padding-right: 40px;
}
.mo-openid-app-icons .mo_btn-social>:first-child {
border-right: none !important;
height: inherit !important;
margin-left: 10px;
}
.mo-openid-app-icons .mo_btn-social.mo_btn-facebook i {
color: #1877F2;
}
.mo-openid-app-icons .mo_btn-social:hover {
color: #FFF !important;
background: #18C867 !important;
} :root .single-sfwd-courses,
:root .single-sfwd-lessons,
:root .single-sfwd-topic,
:root .single-sfwd-quiz {
background-color: #EDF4F1;
}
.single-sfwd-courses .layout-default,
.single-sfwd-lessons .layout-default,
.single-sfwd-topic .layout-default,
.single-sfwd-quiz .layout-default {
margin-top: 30px;
padding: 40px 15px 120px;
background-color: #FFF;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.single-sfwd-courses .learndash,
.single-sfwd-lessons .learndash,
.single-sfwd-topic .learndash,
.single-sfwd-quiz .learndash {
width: 100%;
max-width: 1295px;
margin: auto;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading,
.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading {
padding: 44px 30px;
background-color: #CBE5DA;
border-radius: 8px;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-section-heading h2,
.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading h2,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading h2,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading h2 {
font-size: 30px;
line-height: 36px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 0;
}
.learndash_post_sfwd-lessons .learndash-wrapper .ld-section-heading,
.learndash_post_sfwd-topic .learndash-wrapper .ld-section-heading,
.single-sfwd-quiz .learndash-wrapper .ld-section-heading {
margin-bottom: 20px;
}
.learndash-wrapper .wpProQuiz_reviewDiv {
border-bottom: none;
padding-bottom: 0px;
}
.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
padding: 20px 20px 15px;
border-radius: 8px;
background-color: #F6FFFA;
border: 1px solid #18C867;
max-height: inherit;
overflow: auto;
margin-bottom: 10px;
}
.wpProQuiz_content .wpProQuiz_reviewQuestion li {
color: #1A3A27;
background-color: #CBE5DA;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewQuestion_Target {
color: #1A3A27;
background-color: #CBE5DA;
outline: 2px solid #1A3A27;
}
.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewButtons {
display: none;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_list .wpProQuiz_buttonsContainer {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
}
.go_back_to_group {
display: block;
margin: 10px 0px 15px;
}
.go_back_to_group a {
position: relative;
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #1F7044;
transition: 0.5s ease-in-out;
padding-left: 50px;
display: inline-block;
}
.go_back_to_group a:hover {
color: #18C867;
}
.go_back_to_group a i {
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%);
font-size: 26px;
vertical-align: middle;
} .single-sfwd-lessons .learndash-wrapper .ld-quiz-status,
.single-sfwd-courses .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.single-sfwd-lessons .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.single-sfwd-quiz .learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content.ld-visible,
.learndash-wrapper .ld-course-status.ld-course-status-enrolled,
#learndash-tooltips .ld-tooltip.ld-visible,
.learndash-wrapper .ld-item-list .ld-section-heading .ld-item-list-actions,
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details,
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-items {
display: none;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled {
display: none;
padding: 20px;
background-color: #F6FFFA;
border: 1px solid #18C867;
border-radius: 10px;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-label {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42;
margin-bottom: 10px;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-course-status-price {
color: #1A3A27;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-button {
padding: 15px 30px;
color: #ffffff;
background-color: #18C867;
border: 1px solid #18C867 !important;
}
.learndash-wrapper .ld-course-status.ld-course-status-not-enrolled .ld-button:hover {
background-color: #1A3A27;
border: 1px solid #1A3A27 !important;
}
.single-sfwd-courses .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded { display: none;
}
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-header {
display: none;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list,
.learndash-wrapper .course-listing-section {
position: relative;
background-color: #FFF;
border-radius: 20px;
overflow: hidden;
border: none !important;
box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.15);
margin-bottom: 30px;
}
.learndash-wrapper .course-listing-section:last-child {
margin-bottom: 0;
}
.learndash-wrapper .ld-item-list.ld-course-list .ld-lesson-section-heading,
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
margin: 0 !important;
padding: 20px 30px;
font-weight: 700;
font-size: 25px;
line-height: 28px;
color: #1FBB65;
background-color: #1A3A27;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview {
padding: 20px 30px;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-item-title {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-title .ld-item-components {
font-weight: 500;
color: #1F7044;
}
.learndash-wrapper .ld-item-list .ld-item-list-item a.ld-item-name:hover .ld-item-title .ld-item-components:hover {
color: #18C867 !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-sep {
color: #1F7044;
}
.learndash-wrapper .ld-item-list .ld-item-list-item {
margin: 0px;
border-radius: 0px;
border: none !important;
}
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
margin-top: 0;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header {
padding: 20px 30px;
color: #1FBB65;
background-color: #1A3A27;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header .ld-text {
font-weight: 500;
font-size: 24px;
line-height: 26px;
}
.single-sfwd-lessons .learndash-wrapper .ld-topic-list.ld-table-list .ld-table-list-lesson-details {
font-weight: 500;
font-size: 18px;
line-height: 22px;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-items {
padding: 10px 30px;
border: none;
}
.single-sfwd-lessons .learndash-wrapper .ld-table-list .ld-table-list-header .ld-item-icon {
display: none;
}
.single-sfwd-lessons .learndash-wrapper .ld-status-icon .ld-icon-quiz:before {
content: "\e906";
font-family: 'Studypeak';
color: #358B76;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
margin: 0;
}
.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
padding: 20px 30px;
}
.learndash-wrapper .ld-table-list .ld-table-list-item {
border-color: rgba(237, 244, 241, 1) !important;
}
.learndash-wrapper .ld-status-incomplete.ld-status-icon {
max-width: 20px;
width: 20px;
height: 20px;
border: 2px solid #1A3A27;
}
.learndash-wrapper .ld-status-icon {
max-width: 20px;
width: 20px;
height: 20px;
font-size: 14px;
}
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42;
}
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview:hover {
color: #1A3A27;
}
.learndash-wrapper .ld-status-complete {
background-color: #1A3A27;
}
.learndash-wrapper .ld-lesson-status,
.learndash-wrapper .ld-topic-status,
.learndash-wrapper .ld-quiz-status {
background-color: #CBE5DA;
border-radius: 20px;
}
.learndash-wrapper .ld-breadcrumbs {
padding: 15px 20px 15px;
background-color: transparent;
}
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span a {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #1F7044;
}
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:last-child a {
font-weight: 500;
font-size: 20px;
line-height: 22px;
color: #212A42;
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-progress {
color: #FFF;
background-color: #1A3A27;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-label {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42; }
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #1F7044; }
.learndash-wrapper .ld-progress .ld-progress-bar,
.learndash-wrapper .course_progress {
height: 24px !important;
border-radius: 50px !important;
padding: 2px !important;
border: 1px solid #C8C8C8 !important;
}
.learndash-wrapper .ld-progress .ld-progress-bar .ld-progress-bar-percentage,
.learndash-wrapper .course_progress .sending_progress_bar {
height: 100% !important;
border-radius: 50px !important;
background-color: #1A3A27 !important;
}
.learndash-wrapper .ld-topic-status .ld-progress {
padding: 0px 25px;
margin-top: 0px;
}
.learndash-wrapper .ld-button,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back {
font-weight: 500;
padding: 15px 12px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #1A3A27 !important;
color: #1A3A27;
background-color: #FFF;
transition: 0.5s ease-in-out all;
}
.learndash-wrapper .ld-button:hover,
.learndash-wrapper .ld-content-actions .ld-content-action .ld-course-step-back:hover {
color: #FFF;
background-color: #1A3A27;
}
.learndash-wrapper .ld-button .ld-text {
padding: 0px 0.5em;
}
.learndash-wrapper .sfwd-mark-complete::after {
display: none;
}
.learndash-wrapper .ld-content-actions {
border-top: 0px !important;
}
.learndash-wrapper #learndash_mark_complete_button,
.learndash-wrapper .learndash_mark_complete_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue {
font-weight: 500;
padding: 15px 20px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #18C867 !important;
text-align: center;
color: #FFFFFF;
background-color: #18C867;
transition: 0.5s ease-in-out all;
}
.learndash-wrapper #learndash_mark_complete_button:hover,
.learndash-wrapper .learndash_mark_complete_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate a.btn-blue:hover {
color: #18C867;
background-color: #FFFFFF;
}
.learndash-wrapper .ld-content-action .sfwd-mark-complete {
margin-bottom: 15px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit {
padding: 30px;
border-radius: 8px;
background-color: #CBE5DA;
margin-bottom: 30px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .time {
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42; margin-bottom: 10px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit::before {
height: 24px;
border-radius: 50px;
border: 1px solid #C8C8C8;
bottom: 27px;
left: 27px;
right: 27px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_time_limit .wpProQuiz_progress {
height: 18px;
border-radius: 50px;
background-color: #1A3A27;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text {
padding: 30px;
background-color: #FFF;
border: 1px solid #18C867;
border-radius: 10px;
margin-bottom: 30px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h2 {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #1A3A27;
letter-spacing: -0.03em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h3,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h4,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h5,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text h6 {
font-weight: 700;
font-size: 18px;
line-height: 26px;
color: #1A3A27;
letter-spacing: -0.03em;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_question_text p {
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #212A42;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
padding: 25px;
padding-left: 65px;
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42; border-radius: 10px;
border: 1px solid #C8C8C8;
position: relative;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected {
border-color: #18C867;
background-color: #fff;
color: #212A42;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label {
padding: 5px 25px !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label::before {
display: none !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label input[type="text"] {
width: 100%;
padding: 0;
background-color: #fff !important;
border: none !important;
outline: none !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
border-color: #18C867;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label {
border-color: #18C867 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerIncorrect label {
border-color: #F84F39 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label input:not([type=text]):not(.mc-num-pc-answer) {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label::before {
position: absolute;
content: "";
left: 25px;
top: 50%;
transform: translateY(-50%);
width: 18px;
height: 18px;
font-size: 12px;
line-height: 14px;
border: 2px solid #252641;
background-color: #FFFFFF;
border-radius: 3px;
text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerCorrectIncomplete label::before,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected::before {
font-family: "Font Awesome 6 Solid";
content: "\f00c";
color: #1F7044;
border: 2px solid #1F7044;
background-color: #FFFFFF;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_answerIncorrect label::before {
font-family: "Font Awesome 6 Solid";
content: "\f00d" !important;
color: #F84F39 !important;
border: 2px solid #F84F39 !important;
}
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:after {
font-family: "Font Awesome 6 Solid";
content: "\f054";
font-size: 16px;
color: #1F7044;
padding: 0px 10px;
}
.learndash-wrapper .ld-breadcrumbs .ld-status.ld-status-complete {
color: #FFF;
background-color: #1F7044;
} .learndash-wrapper .wpProQuiz_content .wpProQuiz_response {
padding: 0px !important;
border: none !important;
background-color: transparent !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response p.extra-message {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212A42;
margin-top: 8px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect {
padding: 25px 30px;
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #F84F39;
background: linear-gradient(180deg, rgba(248, 79, 57, 0) 0%, rgba(248, 79, 57, 0.12) 100%);
background-color: #FFEBE9;
border-radius: 20px;
text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct {
padding: 25px 30px;
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #1DB561;
background: linear-gradient(180deg, rgba(31, 187, 101, 0) 0%, rgba(31, 187, 101, 0.15) 100%);
background-color: #E4F6EF;
border-radius: 20px;
text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_correct .wpProQuiz_AnswerMessage,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_response .wpProQuiz_incorrect .wpProQuiz_AnswerMessage {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212A42;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion],
.learndash-wrapper .ld-quiz-actions input[name=restartQuiz],
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton {
min-width: 180px;
font-weight: 500;
padding: 15px 20px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
color: #1A3A27;
background-color: #FFF;
border: 1px solid #1A3A27 !important;
transition: 0.5s ease-in-out all;
text-align: center;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover,
.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:hover,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton:hover {
color: #FFF;
background-color: #1A3A27;
}
.learndash-wrapper .ld-quiz-actions input[name=reShowQuestion] {
color: #FFF;
background-color: #1A3A27;
border: 1px solid #1A3A27 !important;
}
.learndash-wrapper .ld-quiz-actions input[name=restartQuiz] {
color: #FFF;
background-color: #18C867;
border: 1px solid #18C867 !important;
} .learndash-wrapper .wpProQuiz_sending,
.learndash-wrapper .wpProQuiz_results {
padding: 30px;
background-color: #F6FFFA;
border: 1px solid #18C867;
border-radius: 10px;
margin: auto;
margin-bottom: 20px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_header,
.learndash-wrapper .wpProQuiz_sending .wpProQuiz_header {
text-align: center;
font-size: 25px;
line-height: 28px;
color: #212A42;
}
.learndash-wrapper .wpProQuiz_results .display-logo {
display: block;
width: 100px;
height: 100px;
margin: 0px auto 30px;
}
.learndash-wrapper .wpProQuiz_results .display-logo img {
width: 100%;
height: 100%;
object-fit: contain;
}
.learndash-wrapper .wpProQuiz_results p,
.learndash-wrapper .wpProQuiz_sending p {
text-align: center;
font-weight: 500;
font-size: 25px;
line-height: 28px;
color: #212A42;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_certificate {
display: block;
margin-top: 40px;
}
.learndash-wrapper .wpProQuiz_results .wpProQuiz_points {
padding: 30px 25px;
border: none !important;
border-radius: 20px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/border-shape-circle-green.svg) no-repeat top center / 100%;
background-color: #1A3A27;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFF;
letter-spacing: -0.03em;
}
.learndash-wrapper .wpProQuiz_results .wpProQuiz_points span:last-child {
color: #18C867;
}
.learndash-wrapper .wpProQuiz_results .wpProQuiz_points h2 {
font-weight: 700;
font-size: 30px;
line-height: 34px;
color: #FFF;
letter-spacing: -0.03em;
}
.learndash-wrapper .wpProQuiz_results .wpProQuiz_points p {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFF;
letter-spacing: -0.03em;
}
.learndash-wrapper .wpProQuiz_results .ld-quiz-actions { gap: 20px;
}
.learndash-wrapper .wpProQuiz_results .ld-quiz-actions input {
margin: 0 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_catOverview span {
background: #f6fffa;
}
.learndash-wrapper .learndash-wrapper .ld-quiz-actions {
border-top: none !important;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content {
padding: 30px;
background-color: #F6FFFA;
border: 1px solid #18C867;
border-radius: 10px;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content h3 {
font-weight: 700;
font-size: 25px;
line-height: 28px;
color: #1A3A27;
letter-spacing: -0.03em;
text-align: left !important;
margin-bottom: 20px;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content p {
font-size: 16px;
line-height: 20px;
color: #212A42;
text-align: left !important;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ol li,
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul li {
font-size: 16px;
line-height: 20px;
color: #212A42;
margin-bottom: 10px;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul {
list-style: none;
margin-bottom: 0;
}
.learndash-wrapper .ld-tabs .ld-tabs-content .ld-tab-content ul li {
padding-left: 20px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-icon-listing.svg) no-repeat left top 4px / 10px;
}
.wpProQuiz_quiz { margin-bottom: 30px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze {
padding: 0;
background-color: transparent !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem:not(.mc-concentration_numbers) .wpProQuiz_questionListItem .wpProQuiz_cloze input {
min-width: 100px;
max-width: 100px;
border-radius: 6px;
border: 1px solid #C8C8C8;
background-color: #FFF;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_questionListItem .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
background-color: #FFF;
border-color: #F84F39;
} #report-problem-form h2 {
font-weight: 700;
font-size: 30px;
line-height: 38px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
#report-problem-form p {
font-weight: 500;
font-size: 16px;
line-height: 24px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
#report-problem-form .checkbox-button label {
color: #1A3A27;
border-radius: 8px;
background-color: #F6FFFA;
border: 1px solid #18C867;
outline: none !important;
transition: 0.5s ease-in-out all;
}
#report-problem-form .checkbox-button label:hover,
#report-problem-form .checkbox-button input[type=checkbox]:checked+label:hover {
color: #FFF;
background-color: #1A3A27;
border-color: #1A3A27;
}
#report-problem-form textarea {
text-align: left;
padding: 15px;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
}
#report-problem-form .report-problem-buttons .report-problem-send {
font-weight: 500;
padding: 15px 20px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
color: #FFFFFF;
background-color: #1A3A27;
border: 1px solid #1A3A27 !important;
transition: 0.5s ease-in-out all;
text-align: center;
}
#report-problem-form .report-problem-buttons .report-problem-send:hover {
background-color: #18C867;
border-color: #18C867 !important;
}
#report-problem-form .report-problem-buttons .report-problem-cancel {
font-weight: 500;
padding: 15px 12px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #1A3A27 !important;
color: #1A3A27;
background-color: #FFF;
transition: 0.5s ease-in-out all;
}
#report-problem-form .report-problem-buttons .report-problem-cancel:hover {
color: #FFF;
background-color: #1A3A27;
border-color: #1A3A27;
}
#report-problem-container svg path {
stroke: #1A3A27 !important;
} .prev_link {
display: inline-block;
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #1F7044;
margin-bottom: 35px;
}
.prev_link span {
margin-right: 10px;
}
:root .page-template-page-purchase-history,
:root .page-template-page-purchase-history-details {
background-color: #EDF4F1;
}
.purchase_history_section,
.purchase_history_detail_section {
margin-top: 30px;
padding: 40px 15px 120px;
background-color: #FFF;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.tbl_responsive {
display: block;
width: 100%;
overflow: hidden;
overflow-x: auto;
}
.custom_tbl {
width: 100%;
border-collapse: collapse;
}
.custom_tbl thead tr th {
padding: 25px 15px;
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: #FFF; text-align: left;
background-color: #1A3A27;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.custom_tbl thead tr th:first-child {
border-top-left-radius: 10px;
}
.custom_tbl thead tr th:last-child {
border-top-right-radius: 10px;
}
.custom_tbl tbody tr td {
padding: 18px 15px;
font-weight: 500;
font-size: 18px;
line-height: 20px;
color: #212A42;
border: 1px solid #E5E5E5;
}
.custom_tbl tbody tr:last-child td:first-child {
border-bottom-left-radius: 10px;
}
.custom_tbl tbody tr:last-child td:last-child {
border-bottom-right-radius: 10px;
}
.custom_tbl tbody tr:nth-child(even) {
background-color: #EDF4F1;
}
.custom_tbl thead tr th.numbers {
min-width: 80px;
}
.custom_tbl thead tr th.dates {
min-width: 190px;
}
.custom_tbl .actions_btn {
display: flex;
align-items: center;
gap: 15px;
}
.custom_tbl .actions_btn .view_btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 1 1 auto;
padding: 10px 25px;
font-size: 16px;
line-height: 18px;
color: #212A42;
text-align: center;
border-radius: 6px;
border: 1px solid #212A42;
background-color: #FFF;
transition: 0.5s ease-in-out all;
}
.custom_tbl .actions_btn .view_btn:hover {
color: #FFF;
background-color: #1A3A27;
border-color: #1A3A27;
}
.custom_tbl .actions_btn .renew_btn {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
flex: 1 1 auto;
padding: 10px 25px;
font-size: 16px;
line-height: 18px;
color: #FFF;
text-align: center;
border-radius: 6px;
border: 1px solid #1A3A27;
background-color: #1A3A27;
transition: 0.5s ease-in-out all;
}
.custom_tbl .actions_btn .renew_btn:hover {
color: #1A3A27;
background-color: #FFFFFF;
}
.custom_tbl .status_error {
display: block;
padding: 10px 15px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #FF5B45;
text-align: center;
border-radius: 6px;
background-color: #FFF4F4;
border: 1px solid #FFF4F4;
}
.custom_tbl .status_success {
display: block;
padding: 10px 15px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #1F7044;
text-align: center;
border-radius: 6px;
background-color: #CBE5DA;
border: 1px solid #CBE5DA;
} .course_overview_wrap {
max-width: 800px;
width: 100%;
padding: 60px;
margin: 0 auto;
border-radius: 30px;
background-color: #1A3A27;
}
.course_overview_wrap h2 {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #FFF;
letter-spacing: -0.03em;
text-align: center;
margin-bottom: 10px;
}
.course_overview_wrap .desc {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFF;
text-align: center;
margin-bottom: 30px;
}
.course_overview_wrap .desc span {
color: #1FBB65;
}
.course_overview_card {
padding: 30px;
background-color: #FFF;
border-radius: 20px;
}
.course_card:not(:last-child) {
display: block;
padding-bottom: 36px;
margin-bottom: 36px;
border-bottom: 1px solid #E2E5E4;
}
.course_card .course_info {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
margin-bottom: 36px;
}
.course_card .course_info .course_title h4 {
font-weight: 700;
font-size: 25px;
line-height: 26px;
color: #212A42;
margin-bottom: 20px;
}
.course_card .course_info .course_price {
min-width: 80px;
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #18C867;
text-align: right;
white-space: nowrap;
}
.course_card .course_info .course_wrap {
display: flex;
align-items: center;
gap: 10px;
}
.course_card .course_info .course_wrap .icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 48px;
width: 48px;
height: 48px;
padding: 10px;
border-radius: 12px;
border: 1px solid #1A3A27;
}
.course_card .course_info .course_wrap .icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.course_card .course_info .course_wrap .title {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #212A42;
}
.course_card .course-programs {
display: flex;
flex-direction: column;
gap: 10px;
}
.course_card .course_dates {
display: flex;
align-items: center;
padding: 15px;
background-color: #EDF4F1;
border-radius: 10px;
}
.course_card .course_dates .start_date {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #18C867;
flex: 1;
border-right: 1px solid #E2E5E4;
text-align: left;
padding-right: 10px;
}
.course_card .course_dates .end_date {
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #EB001B;
flex: 1;
text-align: right;
padding-left: 10px;
} :root .page-template-page-profile {
background-color: #EDF4F1;
}
.my_profile_section {
margin-top: 180px;
padding: 40px 15px 120px;
background-color: #FFF;
}
.my_profile_wrap {
display: flex;
align-items: flex-start;
flex-direction: row;
gap: 40px;
margin-top: -150px;
}
.sidebar_menu {
position: sticky;
top: 30px;
padding: 30px;
width: 100%;
max-width: 400px;
min-width: 400px;
background-color: #1A3A27;
border-radius: 30px;
}
.sidebar_menu ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.sidebar_menu ul li a {
display: block;
padding: 20px;
font-size: 20px;
line-height: 20px;
color: #FFFFFF;
border-radius: 6px;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.sidebar_menu ul li a:hover,
.sidebar_menu ul li a.is-active {
background-color: #18C867;
}
.user_profile_wrap {
display: block;
margin-bottom: 70px;
}
.user_profile_wrap .user_name {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #18C867;
letter-spacing: -0.03em; text-align: center;
margin-bottom: 10px;
}
.user_profile_wrap .user_email {
font-weight: 500;
font-size: 16px;
line-height: 18px;
letter-spacing: -0.03em;
color: #FFF;
text-align: center;
}
.upload_profile {
display: block;
width: 175px;
height: 175px;
margin: 0 auto 20px;
position: relative;
}
.upload_profile .circle {
display: block;
width: 175px;
height: 175px;
background-color: #D7EAF1;
border: 4px solid #18C867;
border-radius: 100% !important;
overflow: hidden;
}
.upload_profile .profile-pic {
width: 100%;
height: 100%;
object-fit: cover;
}
.upload_profile .file-upload {
display: none;
}
.upload_profile .btn_upload {
position: absolute;
right: 10px;
bottom: 10px;
}
.upload_profile .upload-button {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
font-size: 16px;
line-height: 18px;
color: #FFFFFF;
background-color: #18C867;
border: 2px solid #FFF;
border-radius: 50px;
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.upload_profile .upload-button:hover {
transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}
.avatar-popup .popup-content {
position: relative;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.modal_con_p {
position: relative;
overflow-x: hidden;
display: flex;
flex-direction: column;
}
.modal_con_p .popup_title {
font-weight: 700;
font-size: 24px;
line-height: 60px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 30px;
}
.modal_con_p .btn_upload {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
max-width: 340px;
width: 100%;
margin: 20px auto 0px;
}
.modal_con_p .btn_upload .btn_green {
display: block;
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 15px 20px !important;
color: #FFF;
background-color: #1A3A27;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.modal_con_p .btn_upload .btn_green:hover {
background-color: #1FBB65;
}
.modal_con_p .btn_upload .profile_btn {
display: block;
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 15px 20px !important;
color: #FFF;
background-color: #1FBB65;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.modal_con_p .btn_upload .profile_btn:hover {
background-color: #1A3A27;
}
.modal_main_con {
display: grid;
flex-wrap: wrap;
padding: 0;
padding-right: 6px;
gap: 15px;
grid-template-columns: auto auto auto auto;
grid-template-columns: repeat(4, 1fr);
overflow-y: auto;
}
.modal_main_con::-webkit-scrollbar {
width: 5px;
background: #EDF4F1;
}
.modal_main_con::-webkit-scrollbar-thumb {
background: #1A3A27;
border-radius: 10px;
}
.avatar-items .img-card {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 15px;
border-radius: 10px;
background-color: rgba(24, 200, 103, 0.1);
border: 1px solid rgba(26, 58, 39, 0.1);
cursor: pointer;
}
.avatar-items .img-card img {
border-radius: 8px;
}
.avatar-items input:checked~.img-card {
border: 1px solid #1A3A27 !important;
}
.avatar-items {
position: relative;
}
.avatar-items input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.common_form_card {
padding: 30px;
background-color: #FFF;
border-radius: 20px;
box-shadow: 0px 1px 15px 0px rgba(0, 0, 0, 0.15);
margin-bottom: 50px;
}
.common_form_card h3 {
font-weight: 700;
font-size: 28px;
line-height: 30px;
color: #1A3A27;
letter-spacing: -0.03em; margin-bottom: 30px;
}
.common_form_card p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #212A42;
}
.common_form_card p span {
color: #18C867;
}
.common_form {
display: block;
width: 100%;
}
.common_form .form-group {
width: 100%;
margin-bottom: 30px;
}
.common_form .form-group:not(.form_row_wrap .form-group):last-child {
margin-bottom: 0;
}
.common_form .form-group label {
font-weight: 500;
font-size: 15px;
line-height: 20px;
margin-bottom: 10px;
letter-spacing: -0.03em;
text-align: left;
color: #1A3A27;
}
.common_form .form-group .form-control {
font-weight: 400;
font-size: 15px;
line-height: 20px;
border: 1px solid rgba(26, 58, 39, 0.12) !important;
padding: 15px 25px !important;
height: auto;
color: #212A42;
border-radius: 10px;
outline: none !important;
text-align: left;
}
.common_form .form-group .form-control:focus,
.common_form .form-group .input-text:focus {
border-color: #1FBB65 !important;
}
.common_form .form-group .form-control::placeholder,
.common_form .form-group .input-text::placeholder {
color: rgba(26, 58, 39, 0.22);
}
.common_form .password-input {
display: block;
width: 100%;
position: relative;
}
.common_form .password-input .show-password-input {
position: absolute;
right: 15px;
top: 10px;
cursor: pointer;
}
.common_form .show-password-input::after,
.woocommerce-account form .show-password-input::after {
font-family: 'Ionicons' !important;
content: "\f17a" !important;
font-size: 20px;
color: rgba(26, 58, 39, 0.72) !important;
}
.common_form .show-password-input.display-password::after,
.woocommerce-account form .show-password-input.display-password::after {
content: "\f425" !important;
}
.common_form button {
width: 100%;
max-width: 340px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 15px 20px !important;
color: #FFF;
background-color: #1A3A27;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.common_form button:hover {
background-color: #1FBB65;
}
.form_row_wrap {
display: flex;
align-self: flex-start;
flex-direction: row;
gap: 30px;
}
.common_form .input-group {
display: flex;
align-self: center;
position: relative;
}
.common_form .form-group .input-group .form-control {
padding-right: 220px !important;
}
.common_form .input-group button {
position: absolute;
top: 3px;
bottom: 3px;
right: 3px;
max-width: 200px;
line-height: 6px;
border-radius: 8px;
}
:root .page-notenrechner .common_form .form-group label {
font-weight: 700;
} :root .page-template-page-courses {
background-color: #EDF4F1;
}
.course_listing_section {
margin-top: 30px;
padding: 70px 15px 100px;
background-color: #FFF;
}
.course_listing_section .brxe-container {
width: 100%;
max-width: 1295px;
}
.course_events_wrap {
display: flex;
align-items: stretch;
gap: 40px;
}
.course_event_facts_box {
display: flex;
align-items: stretch;
background: linear-gradient(216.94deg, rgba(161, 255, 139, 0.3) 22.14%, rgba(63, 147, 255, 0.3) 79.22%);
border-radius: 30px;
}
.course_event_profile {
position: relative;
padding: 65px 50px;
width: 100%;
max-width: 340px;
text-align: center;
}
.course_event_profile::before {
position: absolute;
content: "";
top: 0px;
bottom: 0px;
right: 0px;
width: 2px;
height: 100%;
background: linear-gradient(180deg, rgba(119, 226, 167, 0) 0%, #77E2A7 45.5%, rgba(119, 226, 167, 0) 100%);
}
.course_event_profile .user_profile {
display: block;
width: 175px;
height: 175px;
border: 4px solid #18C867;
border-radius: 100% !important;
overflow: hidden;
background-color: #EDF4F1;
margin: 0px auto 30px;
}
.course_event_profile .user_profile img {
width: 100%;
height: 100%;
object-fit: cover;
}
.course_event_profile .user_name {
display: block;
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #1A3A27;
letter-spacing: -0.03em; text-align: center;
margin-bottom: 10px;
}
.course_event_profile .user_location {
display: inline-block;
font-weight: 500;
font-size: 16px;
line-height: 18px;
letter-spacing: -0.03em;
color: rgba(0, 0, 0, 0.6);
text-align: center;
position: relative;
padding-left: 25px;
margin-bottom: 56px;
}
.course_event_profile .user_location::before {
position: absolute;
content: "\f3c5";
left: 0;
font-family: "Font Awesome 6 Solid" !important;
}
.course_event_profile .btn_setting {
display: block;
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center; padding: 15px 20px !important;
color: #FFF;
background-color: #1A3A27;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.course_event_profile .btn_setting:hover {
background-color: #1FBB65;
}
.course_event_content {
width: 100%;
padding: 65px 50px;
}
.course_event_content h3 {
font-weight: 700;
font-size: 25px;
line-height: 26px;
color: #1A3A27;
letter-spacing: -0.03em; text-align: center;
margin-bottom: 30px;
}
.course_event_content .review_rating {
position: relative;
width: 100%;
max-width: 210px;
padding: 28px;
border-radius: 16px;
border: 1px solid rgba(29, 181, 97, 1);
margin: auto;
text-align: center;
margin-bottom: 44px;
}
.course_event_content .review_rating h4 {
font-weight: 700;
font-size: 35px;
line-height: 36px;
color: #1A3A27;
}
.course_event_content .review_rating p {
font-weight: 700;
font-size: 18px;
line-height: 20px;
color: rgba(0, 0, 0, 0.6);
}
.course_event_content .review_rating .star_img {
position: absolute;
left: 0;
right: 0;
bottom: -14px;
margin: auto;
}
.course_event_content p {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #1A3A27;
text-align: center;
}
.course_event_content p.small {
font-weight: 500;
font-size: 12px;
line-height: 16px;
color: #1A3A27;
text-align: center;
}
.our_course_carousel {
max-width: 380px;
width: 100%;
margin: auto;
}
.our_course_carousel .owl-nav button.owl-next span,
.our_course_carousel .owl-nav button.owl-prev span {
font-size: 28px;
line-height: 26px;
display: contents;
}
.our_course_carousel .owl-nav button.owl-next,
.our_course_carousel .owl-nav button.owl-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
display: flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
color: #1A3A27 !important;
background-color: #FFF !important;
border: 1px solid rgba(26, 58, 39, 0.122) !important;
box-shadow: -1px 2px 6px 0px rgba(26, 58, 39, 0.051);
border-radius: 50px;
transition: 0.3s ease-in-out;
}
.our_course_carousel .owl-nav button.owl-next {
right: -20px;
}
.our_course_carousel .owl-nav button.owl-prev {
left: -20px;
}
.our_course_carousel .owl-nav button.owl-next:hover,
.our_course_carousel .owl-nav button.owl-prev:hover {
color: #FFF !important;
background-color: #1A3A27 !important;
}
.our_course_carousel .owl-nav button.owl-next.disabled,
.our_course_carousel .owl-nav button.owl-prev.disabled {
display: none;
}
.our_course_carousel .owl-dots {
display: none;
}
.course_event_wrap {
max-width: 380px;
width: 100%;
padding: 30px;
background-color: #EDF4F1;
border-radius: 30px;
}
.course_event_wrap .sub_title {
display: block;
font-size: 18px;
line-height: 22px;
margin-bottom: 5px;
color: rgba(26, 58, 39, 0.65);
}
.course_event_wrap h3 {
font-weight: 700;
font-size: 30px;
line-height: 36px;
color: #1A3A27;
margin-top: 0;
padding-bottom: 30px;
margin-bottom: 30px;
letter-spacing: -0.05em;
border-bottom: 1px solid rgba(26, 58, 39, 0.1);
}
.no-events-found {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
}
.no-events-found h3 {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.event_tbl {
width: 100%;
}
.event_tbl tbody tr:not(:last-child) th,
.event_tbl tbody tr:not(:last-child) td {
border-bottom: 1px solid rgba(26, 58, 39, 0.1);
}
.event_tbl tbody tr th {
padding: 10px 0px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: rgba(26, 58, 39, 0.65);
text-align: left;
}
.event_tbl tbody tr td {
padding: 10px 0px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #1F7044;
text-align: right;
}
.event_tbl tbody tr th span {
display: inline-block;
margin-right: 5px;
}
.event_btn_wrap {
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 20px;
margin-top: 40px;
border-top: 1px solid rgba(26, 58, 39, 0.1);
}
.event_btn_wrap .btn_green {
display: block;
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 15px 20px !important;
color: #FFF;
background-color: #1A3A27;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.event_btn_wrap .btn_green:hover {
background-color: #1FBB65;
}
.event_btn_wrap .btn_white {
display: block;
width: 100%;
font-weight: 500;
font-size: 16px;
line-height: 22px;
text-align: center;
padding: 15px 20px !important;
color: #1A3A27;
background-color: #FFF;
border-radius: 10px;
transition: 0.5s ease-in-out all;
}
.event_btn_wrap .btn_white:hover {
color: #FFF;
background-color: #1FBB65;
}
.event_btn_wrap.event_pdf_btn {
flex-direction: inherit;
flex-wrap: wrap;
margin-top: 20px;
}
.event_btn_wrap.event_pdf_btn .btn_green {
display: inline-block;
width: auto;
}
.online_kurs_wrap {
display: block;
width: 100%;
padding: 70px 0;
}
.online_kurs_wrap h3 {
font-weight: 700;
font-size: 36px;
line-height: 36px;
color: #1A3A27;
letter-spacing: -0.05em;
margin-bottom: 20px;
} .custom_accordion {
position: relative;
width: 100%;
}
.accordion_item {
position: relative;
width: 100%;
height: auto;
border-radius: 18px;
background-color: #EDF4F1;
border: 1px solid #EDF4F1;
overflow: hidden;
margin-bottom: 20px;
}
.accordion_item>a {
display: block;
padding: 25px 30px;
padding-right: 50px;
text-decoration: none;
font-weight: 700;
font-size: 22px;
line-height: 24px;
color: #1A3A27;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
position: relative;
}
.accordion_item>a span:not(.icon_arrow) {
display: inline-block;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #000;
padding-left: 10px;
margin-left: 10px;
white-space: nowrap;
border-left: 1px solid rgba(26, 58, 39, 0.12);
}
.accordion_item>a .icon_arrow {
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
font-size: 14px;
color: rgba(26, 58, 39, 0.6);
border-left: none;
}
.accordion_item>a i.icon {
font-size: 16px;
margin-right: 10px;
}
.accordion_item>a.active {
color: #FFF;
background-color: #1A3A27;
}
.accordion_item>a.active span {
color: #FFF;
border-color: #FFF;
}
.accordion_body {
display: none;
padding: 25px 30px;
background-color: #FFF;
}
.course_listing_wrap {
display: block;
width: 100%;
padding: 30px;
background: linear-gradient(216.94deg, rgba(161, 255, 139, 0.3) 22.14%, rgba(63, 147, 255, 0.18) 79.22%);
border-radius: 18px;
}
.course_listing_wrap h3 {
font-weight: 700;
font-size: 36px;
line-height: 36px;
color: #1DB561;
letter-spacing: -0.05em;
margin-bottom: 20px;
}
.course_listing_card {
display: flex;
flex-wrap: wrap;
gap: 25px;
margin-top: 20px;
}
.course_listing_card .course_list_items {
position: relative;
width: calc(33.33% - 17px); background-color: #FFF;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
height: 180px;
}
.course_listing_card .course_list_items .border-line {
position: absolute;
content: "";
left: 0;
bottom: 0;
width: 10px;
height: 75px;
background-color: rgba(255, 190, 48, 1);
border-top-right-radius: 25px;
}
.course_listing_card .course_list_items .course_title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 30px;
padding-right: 20px;
border-radius: 8px;
background-color: rgba(255, 190, 48, 0.2);
transition: 0.3s linear all;
height: 100%;
}
.course_listing_card .course_list_items .course_title h4 {
font-weight: 700;
font-size: 20px;
line-height: 30px;
letter-spacing: -0.03em;
}
.course_listing_card .course_list_items img {
width: 66px;
object-fit: contain;
}
.course_listing_card .course_list_items .course_link {
display: block;
padding: 5px 30px;
font-size: 16px;
line-height: 20px;
color: #000;
text-align: center;
background-color: #FFBE30;
transition: 0.3s linear all;
margin-bottom: -30px;
}
.course_listing_card .course_list_items:hover .course_title {
margin-bottom: -5px;
}
.course_listing_card .course_list_items:hover .course_link {
margin-bottom: 0;
}
.common_filter_form {
display: flex;
align-items: center;
justify-content: end;
gap: 15px;
}
.common_filter_form .form-group:not(:last-child) {
flex: auto;
} :root .woocommerce-page.woocommerce-checkout {
background-color: #EDF4F1;
}
.checkout-page-wrapper {
margin-top: 30px;
padding: 40px 15px 100px;
background-color: #FFF;
border-top-left-radius: 50px;
border-top-right-radius: 50px;
}
.checkout-page-wrapper h1 {
font-weight: 700;
font-size: 50px;
line-height: 52px;
color: #1A3A27;
letter-spacing: -0.05em;
margin-bottom: 40px;
text-align: center;
}
.checkout_form .woocommerce-billing-fields,
.checkout_form .woocommerce-shipping-fields,
.checkout_form .woocommerce-additional-fields .order-payment-main {
padding: 25px 30px;
background-color: #FFF;
box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.1);
border-radius: 20px;
margin: 0;
margin-bottom: 30px;
}
.checkout_form .checkout_title {
font-weight: 700;
font-size: 30px;
line-height: 30px;
color: #212A42;
letter-spacing: -0.05em;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #E2E5E4;
}
.checkout_form .checkout_inner_title {
font-weight: 700;
font-size: 24px;
line-height: 28px;
color: #212A42;
letter-spacing: -0.05em;
margin-bottom: 30px;
}
.checkout_form .cards {
line-height: 0px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
margin-bottom: 30px;
}
.checkout_form .cards .checkout_inner_title {
margin-bottom: 0px;
}
.woocommerce-checkout label {
font-weight: 700;
font-size: 15px;
line-height: 22px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 10px;
}
.woocommerce-checkout .input-text:not(input[type="number"]),
.woocommerce-checkout select,
.woocommerce-checkout textarea {
padding: 0px 20px;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
}
.required {
color: #FF0000 !important;
outline: none !important;
text-decoration: none !important;
}
.woocommerce .form-row {
margin-bottom: 25px;
}
.woocommerce-checkout .shop_table dl.variation {
color: #FFF;
}
.cus_checkbox_checkout {
padding: 20px 15px;
background-color: rgba(31, 187, 101, 0.1);
border-radius: 10px;
}
.place-order .validate-required label,
.cus_checkbox_checkout label {
position: relative;
padding-left: 30px;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: rgba(33, 42, 66, 0.65);
margin-bottom: 0;
}
.place-order .validate-required input[type='checkbox'],
.cus_checkbox_checkout input[type='checkbox'] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.place-order .validate-required label .checkbox-spn::before,
.cus_checkbox_checkout label .checkbox-spn::before {
position: absolute;
content: "";
width: 18px;
height: 18px;
display: block;
left: 0;
top: 50%;
transform: translateY(-50%);
border: 2px solid #1A3A27;
border-radius: 3px;
line-height: 14px;
font-size: 12px;
text-align: center;
color: #1A3A27;
margin-top: -4px;
}
.place-order .validate-required input[type='checkbox']:checked~.checkbox-spn::before,
.cus_checkbox_checkout input[type='checkbox']:checked~.checkbox-spn::before {
font-family: "Font Awesome 6 Solid" !important;
content: "\f00c";
}
.place-order .validate-required a,
.cus_checkbox_checkout a {
color: #18C867;
transition: 0.3s ease-in-out all;
text-decoration: none !important;
}
.place-order .validate-required a:hover,
.cus_checkbox_checkout a:hover {
color: #1A3A27;
}
.woocommerce-privacy-policy-text {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #212A42;
margin-bottom: 30px !important;
}
.woocommerce-checkout .place-order .button {
display: inline-block;
width: 100%;
max-width: 200px;
margin: auto;
padding: 15px 20px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #18C867 !important;
color: #FFFFFF;
background-color: #18C867;
transition: 0.5s ease-in-out all;
}
.woocommerce-checkout .place-order .button:hover {
color: #18C867;
background-color: #FFF;
}
.woocommerce-checkout #payment {
padding: 0;
}
.woocommerce-checkout .payment_methods {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.woocommerce-checkout .payment_methods .payment_bx {
flex: calc(50% - 20px);
margin-bottom: 0px !important;
}
.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card {
position: relative;
}
.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
z-index: -1;
}
.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card label {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 20px 25px;
margin-bottom: 0px;
background-color: #FFFFFF;
border: 1px solid #E2E5E4;
border-radius: 10px;
height: 70px;
cursor: pointer;
}
.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card input:checked~label {
background-color: #E9F8F0;
border: 1px solid #1FBB65;
}
.woocommerce-checkout .payment_methods .payment_bx .tab_credit_card label img {
width: auto;
height: 25px;
}
.woocommerce .email-section {
text-align: center;
}
.woocommerce .eamil_value {
display: block;
text-align: left;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #212A42;
}
.woocommerce .email-edit {
display: inline-block;
font-weight: 500;
padding: 4px 8px;
margin-left: 10px;
font-size: 15px;
line-height: 20px;
border-radius: 4px;
border: 1px solid #1FBB65 !important;
color: #1FBB65;
background-color: #E9F8F0;
transition: 0.5s ease-in-out all;
}
.woocommerce .email-edit:hover {
color: #FFF;
background-color: #1FBB65;
}
.woocommerce .email-edit::before {
display: inline-block;
font-family: "Font Awesome 6 Solid" !important;
content: "\f304";
font-size: 12px;
margin-right: 8px;
}
.woocommerce .email-section .proceed-email-address {
display: inline-block;
font-weight: 500;
padding: 15px 20px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
border: 1px solid #18C867 !important;
color: #FFFFFF;
background-color: #18C867;
transition: 0.5s ease-in-out all;
}
.woocommerce .email-section .proceed-email-address:hover {
color: #18C867;
background-color: #FFFFFF;
}
.woocommerce-checkout #customer_details {
margin-right: 3%;
}
.woocommerce-checkout #order_review {
border: none;
width: 41%;
}
.woocommerce-checkout #order_review .shop_table {
padding: 30px;
background-color: #1A3A27;
border-radius: 20px;
}
:where(.brxe-form) .message.success {
margin-top: 15px;
max-width: 560px;
text-align: center;
color: #18C867;
background-color: #F6FFFA;
border: 1px solid #18C867;
border-radius: 10px;
}
.shop_table .product-name .pro-group-detail .group-name {
font-weight: 700;
font-size: 30px;
line-height: 30px;
color: #ffffff;
letter-spacing: -0.03em;
margin-bottom: 10px;
}
.shop_table .product-name .pro-group-detail .accessday-detail {
font-weight: 500;
font-size: 20px;
line-height: 22px;
letter-spacing: -0.03em;
color: rgba(255, 255, 255, 0.65);
}
.shop_table .product-name .pro-group-detail .accessday-detail .days {
color: #1FBB65;
}
.cart_item {
display: flex;
flex-direction: column;
gap: 20px;
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.cart_item .product-name {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.price_delete_sec .product-total {
display: flex;
align-items: center;
gap: 10px;
}
.price_delete_sec .product-total .amount {
font-weight: 700;
font-size: 20px;
line-height: 22px;
letter-spacing: -0.05em;
color: #18C867;
white-space: nowrap;
}
.price_delete_sec .product-total .delete_p_id a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
color: #FFF;
border-radius: 10px;
background-color: transparent;
border: 1px solid rgba(31, 187, 101, 0.35);
transition: 0.5s ease-in-out all;
}
.price_delete_sec .product-total .delete_p_id a:focus,
.price_delete_sec .product-total .delete_p_id a:hover {
background-color: #5B9974
}
.cart_item>.product-total {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
padding: 15px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 16px;
}
.cart_item>.product-total .card_icon {
display: flex;
align-items: center;
gap: 10px;
}
.cart_item>.product-total .card_img_txt {
font-size: 20px;
line-height: 22px;
color: #ffffff;
word-break: break-word;
}
.cart_item>.product-total .plan-icon {
display: flex;
align-items: center;
justify-content: center;
min-width: 50px;
width: 50px;
height: 50px;
border: 1px solid #5B9974;
border-radius: 12px;
padding: 10px;
}
.cart_item>.product-total .plan-icon img {
filter: brightness(100);
}
.quantity {
display: flex;
justify-content: center;
align-items: center;
}
.quantity input {
display: block;
width: 40px;
height: 40px;
padding: 0;
font-size: 18px;
color: #FFF;
text-align: center;
border-radius: 6px;
background-color: transparent;
border: 1px solid #5B9974;
transition: 0.5s ease-in-out all;
cursor: pointer;
}
.quantity input:nth-child(2) {
border: 0;
background: transparent !important;
text-align: center;
}
.quantity input:focus,
.quantity input:hover {
background-color: #5B9974
}
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.product-checkout .cart_small_title {
font-weight: 700;
font-size: 20px;
line-height: 22px;
letter-spacing: -0.03em;
color: #FFF;
}
.product-checkout .cart_dis {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #FFF;
margin-bottom: 30px;
}
.product-checkout p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFF;
}
.product-checkout .woocommerce-message {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #1FBB65;
margin-bottom: 15px;
}
.cart-discount {
display: flex;
justify-content: space-between;
gap: 10px;
}
.cart-discount p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFF;
text-align: left;
}
.cart-discount p:last-child {
text-align: right;
}
.coupon_code_form {
position: relative;
}
.coupon_code_form input {
padding-right: 180px !important;
font-size: 16px !important;
color: #FFF !important;
text-align: center;
border-radius: 10px;
background-color: transparent;
border: 1px solid #5B9974 !important;
text-align: left;
}
.coupon_code_form .button {
position: absolute;
top: 1px;
right: 0;
display: inline-block;
font-weight: 500;
width: 100%;
max-width: 170px;
padding: 15px 10px;
font-size: 16px;
line-height: 18px;
border-radius: 10px;
border: 1px solid #18C867 !important;
color: #FFFFFF;
background-color: #18C867;
transition: 0.5s ease-in-out all;
}
.coupon_code_form .button:hover {
color: #18C867;
background-color: #FFFFFF;
}
.cart_link {
display: inline;
color: #18C867 !important;
text-decoration: underline !important;
padding: 0;
background: transparent;
}
.cart_link:hover,
.cart_link:active,
.cart_link:focus {
background: none;
}
.cart-subtotal {
display: flex;
justify-content: space-between;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-bottom: 15px;
}
.order-total {
display: flex;
justify-content: space-between;
padding-top: 15px;
}
.cart-subtotal p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #fff;
margin-bottom: 0;
padding-bottom: 10px;
}
.order-total p {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #fff;
text-align: left;
margin-bottom: 0;
}
.cart-subtotal p .amount,
.order-total p .amount {
color: #18C867;
}
.product-checkout .checkout_question,
.woocommerce-form-coupon-toggle .woocommerce-info {
display: inline-block;
padding: 0;
background-color: transparent;
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #FFF;
margin-bottom: 20px;
text-decoration: none;
transition: 0.5s ease-in-out;
}
.woocommerce-form-coupon-toggle .woocommerce-info a {
font-weight: 500;
font-size: 20px;
line-height: 26px;
color: #FFF;
text-decoration: none;
transition: 0.5s ease-in-out;
}
.product-checkout .checkout_question:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
color: #18C867;
}
.woocommerce-form-coupon-toggle .woocommerce-info a.showcoupon {
color: #18C867;
}
.woocommerce-checkout form.checkout_coupon {
background-color: rgba(255, 255, 255, 0.1);
margin: 0;
margin-bottom: 30px;
padding: 20px;
border-radius: 16px;
overflow: hidden;
}
.woocommerce-checkout form.checkout_coupon p {
margin-bottom: 10px;
}
.woocommerce-form-login-toggle .woocommerce-info {
padding: 25px 30px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #1A3A27;
background-color: #FFF;
box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.1);
border-radius: 20px;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 30px;
}
.woocommerce-form-login-toggle .woocommerce-info a {
margin: 0 8px;
font-weight: 500;
color: #18C867;
text-decoration: none !important;
transition: 0.3s ease-in-out all;
}
.woocommerce-form-login-toggle .woocommerce-info a:hover {
color: #1A3A27;
text-decoration: underline !important;
}
.cart_item>.product-total .icon_card_icon {
display: flex;
flex-direction: column;
gap: 10px;
}
.cus_icon_title_dv {
display: flex;
align-items: stretch;
flex-wrap: wrap;
gap: 20px;
margin-top: 30px;
}
.cus_icon_title_dv .checkout_icons {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 20px 8px;
background-color: #EDF4F1;
border-radius: 8px;
flex: 1;
text-align: center;
}
.cus_icon_title_dv .checkout_icons img {
display: block;
width: 40px;
height: 40px;
object-fit: contain;
margin: 0px auto 20px;
}
.cus_icon_title_dv .checkout_icons p {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: #212A42;
} .body_fix {
overflow: hidden;
}
.body_fix .modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #0000009e;
overflow: hidden;
}
#cart_popup p.popup_para {
text-align: center;
padding: 0px 0px;
margin-bottom: 0 !important;
padding-bottom: 0;
}
#cart_popup p.popup_para {
padding: 6px 0;
}
.cart_popup .popup-body p {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #212A42;
} .thankyou_order_details {
width: 100%;
max-width: 850px;
margin: auto;
}
.thankyou_order_details .order_view {
text-align: center;
margin-bottom: 100px;
}
.thankyou_order_details .sub_title {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #212A42;
letter-spacing: -0.03em;
margin-bottom: 25px;
}
.thankyou_order_details .sub_desc {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #212A42;
margin-bottom: 10px;
}
.thankyou_order_details .order_view a {
margin-bottom: 10px;
color: #1FBB65;
}
.thankyou_order_details a.view-ordr-detail {
display: inline-block;
width: 100%;
max-width: 280px;
margin: auto;
padding: 15px 20px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
text-align: center;
border: 1px solid #1A3A27 !important;
color: #FFFFFF;
background-color: #1A3A27;
transition: 0.5s ease-in-out all;
}
.thankyou_order_details a.view-ordr-detail:hover {
color: #FFF;
background-color: #18C867;
border: 1px solid #18C867 !important;
}
.thankyou_order_details .sub_title button {
font-size: 24px;
color: #212A42;
background-color: transparent !important;
border: none !important;
outline: none;
transition: 0.5s ease-in-out;
}
.thankyou_order_details .sub_title button:hover {
color: #18C867;
}
.thank-you-blog {
padding: 50px 30px;
background-color: #E9F8F0;
border-radius: 20px;
text-align: center;
margin-bottom: 40px;
}
.thank-you-blog h3 {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #212A42;
letter-spacing: -0.03em;
margin-bottom: 25px;
}
.thank-you-blog a.btn {
display: inline-block;
width: 100%;
max-width: 230px;
margin: auto;
padding: 15px 20px;
font-weight: 500;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
text-align: center;
border: 1px solid #18C867 !important;
color: #FFFFFF;
background-color: #18C867;
transition: 0.5s ease-in-out all;
margin-bottom: 20px;
}
.thank-you-blog a.btn:hover {
color: #FFF;
background-color: #1A3A27;
border: 1px solid #1A3A27 !important;
}
.order_conf_popup .popup-content {}
.popup-content.order-detail-popup {
max-width: 800px;
width: 96%;
padding: 30px 60px;
margin: 0 auto;
border-radius: 30px;
background-color: #1A3A27;
max-height: 89vh;
overflow-y: auto;
}
.order-detail-popup::-webkit-scrollbar {
width: 6px;
border-radius: 6px;
}
.order-detail-popup::-webkit-scrollbar-track {
background-color: #ddd;
}
.order-detail-popup::-webkit-scrollbar-thumb {
background-color: #18C867;
border-radius: 6px;
}
.order-detail-popup h3 {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #FFF;
letter-spacing: -0.03em;
text-align: center;
margin-bottom: 10px;
}
.order-detail-popup p {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #FFF;
text-align: center;
margin-bottom: 30px;
}
.order-detail-popup p .ordr-number {
color: #1FBB65;
}
.order-detail-popup .order-overview {
padding: 30px;
margin-bottom: 30px;
background-color: #FFF;
border-radius: 20px;
}
.order-detail-popup .close-popup {
color: #FFF;
width: 40px;
height: 40px;
background-color: #18C867 !important;
border-color: #18C867;
}
.thanks_cart_box {
display: block;
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #E2E5E4;
}
.thanks_cart_box h3 {
font-weight: 700;
font-size: 24px;
line-height: 26px;
color: #212A42;
letter-spacing: -0.05em;
text-align: left;
margin-bottom: 20px;
}
.thanks_cart_box .order-item {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
margin-bottom: 30px;
}
.thanks_cart_box .order-item .icon_card_order {
display: flex;
flex-direction: column;
gap: 10px;
}
.thanks_cart_box .order-item .card_icon {
display: flex;
align-items: center;
gap: 10px;
}
.thanks_cart_box .order-item .card_icon .icon_circle {
display: flex;
align-items: center;
justify-content: center;
min-width: 48px;
width: 48px;
height: 48px;
padding: 10px;
border-radius: 12px;
border: 1px solid #1A3A27;
}
.thanks_cart_box .order-item .card_icon .icon_circle img {
width: 100%;
height: 100%;
object-fit: contain;
}
.thanks_cart_box .order-item .card_icon .card_img_txt {
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #212A42;
margin-bottom: 0px;
}
.thanks_cart_box .order-item .item_num {
min-width: 160px;
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #18C867;
text-align: right;
margin-bottom: 0;
}
.thanks_cart_box .start_end_date p.sdate {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #18C867;
text-align: left;
margin-bottom: 0;
}
.thanks_cart_box .start_end_date p.edate {
font-weight: 500;
font-size: 16px;
line-height: 28px;
color: #EB001B;
text-align: left;
margin-bottom: 0;
}
.order-summary .thank_subtotal {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #E2E5E4;
}
.order-summary .thank_subtotal h2,
.order-summary .thank_subtotal .amount {
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #212A42;
margin-bottom: 0;
padding-bottom: 20px;
letter-spacing: -0.05em;
}
.order-summary .thank_subtotal:last-child {
border-bottom: none;
margin-top: 20px;
}
.order-summary .thank_subtotal:last-child h2,
.order-summary .thank_subtotal:last-child .amount {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #212A42;
letter-spacing: -0.05em;
}
.order-summary .thank_subtotal:last-child .amount {
color: #18C867;
}
.pdf_section p {
font-weight: 500;
font-size: 16px;
line-height: 26px;
color: #CDCDCD;
}
.pdf_section a {
color: #18C867;
transition: 0.3s ease-in-out;
}
.pdf_section a:hover {
color: #FFF;
}
.ph-empty-content {
display: block;
width: 100%;
}
.ph-empty-content h2 {
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #212A42;
letter-spacing: -0.03em;
text-align: center;
}
.job_card_wrap {
counter-reset: JobCount;
}
.job_card_wrap .job_card_box {
width: 20%;
}
.job_card_wrap .job_card_box .brxe-block {
min-height: 186px;
}
.job_card_wrap .job_card_box::before {
position: absolute;
counter-increment: JobCount;
content: "0" counter(JobCount);
top: 50%;
right: 24px;
font-weight: 700;
font-size: 20px;
line-height: 22px;
color: #1A3A27;
transform: translateY(-50%);
z-index: 99;
} .offline_courses_card {
display: block;
width: 100%;
box-shadow: 0px 0px 40px 0px rgba(18, 52, 83, 0.04);
}
.offline_courses_card .card_header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 0px 20px;
min-height: 142px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
background: radial-gradient(53.53% 53.53% at 50% 50%, rgba(34, 221, 118, 0.15) 0%, rgba(29, 89, 53, 0.15) 100%);
background-color: #18C867;
}
.offline_courses_card .card_header .main_title {
width: 100%;
max-width: 286px;
font-weight: 700;
font-size: 25px;
line-height: 32px;
color: #ffffff;
letter-spacing: -0.03em;
margin: auto;
}
.page-probezeit-kurse .offline_courses_card .card_header .main_title,
.page-probezeit-kurse .course_price_card h4,
.page-probezeit-kurse .course_price_card .course_price,
.page-probezeit-kurse .course_price_card p {
color: #11101D;
}
.page-probezeit-kurse .offline_courses_card .card_header {
background: #FEC924 !important;
}
.page-probezeit-kurse #brxe-lwnkmw {
background-image: url(https://studypeak.ch/wp-content/uploads/2025/06/multicheck-kurse-banner-line-yellow.svg);
}
.course_price_card {
min-width: 300px;
position: relative;
padding: 20px;
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
background-color: #1A3A27;
border-bottom-left-radius: 24px;
border-bottom-right-radius: 24px;
margin-top: -26px;
margin-bottom: -26px;
}
.course_price_card::after {
position: absolute;
content: "";
top: 0px;
left: -18px;
border-bottom: 26px solid #1A3A27;
border-left: 18px solid transparent;
}
.page-probezeit-kurse .course_price_card::after {
border-bottom: 26px solid #FFBA24;
}
.course_price_card::before {
position: absolute;
content: "";
top: 0px;
right: -18px;
border-bottom: 26px solid #1A3A27;
border-right: 18px solid transparent;
}
.page-probezeit-kurse .course_price_card::before {
border-bottom: 26px solid #FFBA24;
}
.page-probezeit-kurse .course_price_card {
background-color: #FFBA24;
}
.course_price_card h4 {
font-weight: 700;
font-size: 30px;
line-height: 38px;
color: #ffffff;
letter-spacing: -0.03em;
}
.course_price_card p {
font-weight: 500;
font-size: 18px;
line-height: 24px;
color: #ffffff;
letter-spacing: -0.03em;
}
.course_price_card .course_price {
font-weight: 700;
font-size: 52px;
line-height: 68px;
color: #18C867;
letter-spacing: -0.03em;
}
.offline_courses_card .card_body {
padding: 60px 30px 30px;
background-color: #ffffff;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.offline_courses_card .card_body h4 {
font-weight: 700;
font-size: 25px;
line-height: 26px;
letter-spacing: -0.03em;
color: #1A3A27;
text-align: center;
margin-bottom: 30px;
}
.offline-course-tbl {
padding: 0;
border-radius: 8px;
background-color: #EDF4F1;
border-color: #EDF4F1;
margin-bottom: 20px;
}
.offline-course-tbl:last-child {
margin-bottom: 0;
}
.offline-course-tbl .tooltip_popup h3 {
color: #1A3A27;
}
.offline-course-tbl .btn-action .btn-tooltip {
line-height: 18px;
color: #1A3A27;
background-color: #1FBB65; }
.offline-course-tbl .bricks-background-primary {
background-color: #18C867 !important;
transition: 0.3s linear;
}
.offline-course-tbl .bricks-background-primary:hover {
background-color: #1A3A27 !important;
}
.page-probezeit-kurse .offline-course-tbl .bricks-background-primary {
background-color: #FEC924 !important;
color: #11101D;
}
.page-probezeit-kurse .offline-course-tbl .bricks-background-primary:hover {
background-color: #FFBA24 !important;
}
.page-probezeit-kurse .offline-course-tbl .btn-action .btn-tooltip {
background-color: #FEC924;
color: #fff;
}
.offline-course-tbl h5 {
font-weight: 700;
font-size: 18px;
line-height: 22px;
color: #212a42;
letter-spacing: -0.03em;
}
.custom_nav_tabs {
display: block;
width: 100%;
padding: 50px;
background-color: #1A3A27;
border-radius: 30px;
}
.page-probezeit-kurse .custom_nav_tabs {
background-color: #FFE4AC;
}
.custom_nav_tabs .nav_tabs {
display: flex;
align-items: center;
flex-direction: row;
gap: 20px;
border-bottom: 1px solid rgba(31, 187, 101, 0.3);
max-width: 920px;
margin: auto;
margin-bottom: 44px;
}
.custom_nav_tabs .nav_tabs .nav_items {
flex: 1;
text-align: center;
}
.ims-offline-course-tabbing-wrapper .nav_tabs .nav_items {
text-align: left;
}
.custom_nav_tabs .nav_tabs .nav_link {
display: inline-block;
padding: 10px 30px;
position: relative;
font-weight: 500;
font-size: 25px;
line-height: 28px;
color: #ffffff;
letter-spacing: -0.03em;
cursor: pointer;
}
.page-probezeit-kurse .custom_nav_tabs .nav_tabs .nav_link {
color: #11101D;
}
.custom_nav_tabs .nav_tabs .nav_link.active {
color: #1FBB65;
}
.page-probezeit-kurse .custom_nav_tabs .nav_tabs .nav_link.active {
color: #FEC924;
}
.page-probezeit-kurse .custom_nav_tabs .nav_tabs {
border-bottom: 1px solid #6460C94D;
}
.custom_nav_tabs .nav_tabs .nav_link::before {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
width: 0;
height: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
background-color: #1FBB65;
transition: 0.3s linear;
}
.page-probezeit-kurse .custom_nav_tabs .nav_tabs .nav_link::before {
background-color: #FEC924;
}
.page-probezeit-kurse #brxe-gbsoml {
background-color: #ffd785;
color: #000;
}
.page-probezeit-kurse #brxe-vcyqke {
background-color: #FFE4AC;
}
.page-probezeit-kurse .get_in_touch_form input[type=submit] {
background-color: #FEC924 !important;
color: #000 !important;
}
.page-probezeit-kurse .get_in_touch_form input[type=submit]:hover {
background-color: #FFBA24 !important;
}
.page-probezeit-kurse #brxe-yfvipo li {
border: 1px solid #000;
}
.page-probezeit-kurse .footer_contactus_links .icon {
border: 1px solid #000 !important;
}
.page-probezeit-kurse #brxe-yfvipo li.has-link a,
.page-probezeit-kurse #brxe-yfvipo li.no-link {
color: #000;
}
.page-probezeit-kurse footer :where(a) {
color: #000 !important;
}
.page-probezeit-kurse footer :where(a):hover {
color: #FFBA24 !important;
}
.page-probezeit-kurse #brx-header {
background-color: #FFFDF2;
}
.page-probezeit-kurse footer svg.brxe-svg path {
fill: #000;
}
.page-probezeit-kurse footer h3 {
color: #000 !important;
}
.custom_nav_tabs .nav_tabs .nav_link.active::before {
width: 100%;
}
.custom_nav_tabs .tab-content .tab-pane {
display: none;
}
.custom_nav_tabs .tab-content .tab-pane.active {
display: block;
}
.offline_course_content {
display: flex;
align-items: center;
gap: 42px;
margin-bottom: 30px;
}
.offline_course_content:last-child {
margin-bottom: 0;
}
.offline_course_content .kurs-icon {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
min-width: 200px;
height: 200px;
border-radius: 22px;
background-color: rgba(216, 255, 233, 0.24);
padding: 40px;
}
.offline_course_content .kurs-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.offline_course_content .kurs-desc,
.offline_course_content .kurs-desc p {
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: rgba(255, 255, 255, 0.7);
}
.page-probezeit-kurse .offline_course_content .kurs-desc,
.page-probezeit-kurse .offline_course_content .kurs-desc p {
color: #11101DB2;
}
.offline_course_content .kurs-desc h3,
.offline_course_content .kurs-desc h4 {
font-weight: 700;
font-size: 30px;
line-height: 38px;
color: #11101D;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
.offline_course_content .kurs-desc ul {
padding-left: 0;
list-style: none;
}
.offline_course_content .kurs-desc ul li {
position: relative;
font-weight: 500;
font-size: 16px;
line-height: 22px;
color: rgba(255, 255, 255, 0.7);
padding-left: 25px;
margin-bottom: 15px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-icon-listing-blue.svg) no-repeat left top / 12px;
}
.page-probezeit-kurse .offline_course_content .kurs-desc ul li {
color: #11101DB2;
}
.offline_course_content .kurs-desc ul li:last-child {
margin-bottom: 0px;
} .ms_offline_courses_pricing_section .offline_courses_card .card_header {
background: #24223F;
}
.ms_offline_courses_pricing_section .course_price_card {
background-color: #6460C9;
}
.ms_offline_courses_pricing_section .course_price_card .course_price {
color: #ffffff;
}
.ms_offline_courses_pricing_section .course_price_card::before,
.ms_offline_courses_pricing_section .course_price_card::after {
border-bottom-color: #403E81 !important;
}
.ms_offline_courses_pricing_section .offline-course-tbl {
background-color: #F2F2F7;
border-color: #F2F2F7;
}
.ms_offline_courses_pricing_section .offline-course-tbl .btn-action .btn-tooltip {
color: #ffffff;
background-color: #6460C9; }
.ms_offline_courses_pricing_section .offline_courses_card .card_body h4,
.ms_offline_courses_pricing_section .offline-course-tbl .tooltip_popup h3 {
color: #24223F;
}
.ms_offline_courses_pricing_section .offline-course-tbl .bricks-background-primary {
background-color: #6460C9 !important;
transition: 0.3s linear;
}
.ms_offline_courses_pricing_section .offline-course-tbl .bricks-background-primary:hover {
background-color: #24223F !important;
transition: 0.3s linear;
}
.ms_offline_course_tabing_section .custom_nav_tabs {
background-color: #DBDAEF;
}
.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link {
color: #6460C9;
}
.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link.active {
color: #24223F;
}
.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs .nav_link::before {
background-color: #24223F;
}
.ms_offline_course_tabing_section .custom_nav_tabs .nav_tabs {
border-bottom-color: rgba(100, 96, 201, 0.3);
}
.ms_offline_course_tabing_section .offline_course_content .kurs-icon {
background-color: rgba(36, 34, 63, 0.18);
}
.ms_offline_course_tabing_section .offline_course_content .kurs-desc {
color: #11101D;
}
.ms_offline_course_tabing_section .offline_course_content .kurs-desc p,
.ms_offline_course_tabing_section .offline_course_content .kurs-desc ul li {
color: rgba(17, 16, 29, 0.7);
} .gymi-offline-course-pricing-wrapper .offline_courses_card {
box-shadow: none;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.gymi-offline-course-pricing-wrapper .offline_courses_card h3 {
font-weight: 700;
font-size: 52px;
line-height: 70px;
color: #24223F;
letter-spacing: -0.03em;
}
.gymi-offline-course-pricing-wrapper .table-accordion {
display: block;
width: 100%;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl {
background-color: #f7f2f2;
border-color: #f7f2f2;
}
.page-probezeit-kurse .gymi-offline-course-pricing-wrapper .offline-course-tbl {
background-color: #FFE4AC;
border-color: #FFE4AC;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
max-width: 250px;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td.price {
min-width: 80px;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl .btn-action {
min-height: 78px;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td .text-link {
transition: 0.5s ease-in-out;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody td .text-link:hover {
color: #F84F39;
}
.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single {
min-width: 270px;
background-color: #F84F39;
}
.page-probezeit-kurse .gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single {
background-color: #FEC619;
}
.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #FFF;
}
.page-probezeit-kurse .gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #11101D;
}
.page-probezeit-kurse .gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
.gymi-offline-course-pricing-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #000 !important;
}
.gymi-offline-course-pricing-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
.gymi-offline-course-pricing-wrapper .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #FFF !important;
}
.gymi-offline-course-tabbing-wrapper .custom_nav_tabs {
background-color: #ffffff;
}
.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link {
color: #F84F39;
}
.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link.active {
color: #24223F;
}
.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link::before {
background-color: #24223F;
}
.gymi-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs {
border-bottom-color: rgba(248, 79, 57, 0.30);
}
.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-icon {
background-color: rgba(36, 34, 63, 0.18);
}
.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc {
color: #11101D;
}
.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc p,
.gymi-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul li {
color: rgba(17, 16, 29, 0.7);
}
.ims-offline-course-tabbing-wrapper .custom_nav_tabs {
background-color: #ffffff;
}
.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link {
color: #11101D;
}
.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link.active {
color: #2590F2;
}
.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs .nav_link::before {
background-color: #2590F2;
}
.ims-offline-course-tabbing-wrapper .custom_nav_tabs .nav_tabs {
border-bottom-color: rgba(37, 144, 242, 0.30);
}
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-icon {
background-color: rgba(36, 34, 63, 0.18);
}
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc {
color: #11101D;
}
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc p,
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul li {
color: rgba(17, 16, 29, 0.7);
}
.ims-offline-course-tabbing-wrapper .offline_course_content .kurs-desc ul {
padding: 25px;
border-radius: 12px;
background-color: #EFF6FA;
}
.ims-offline-course-tabbing-wrapper .offline_courses_card {
box-shadow: none;
}
.ims-offline-course-tabbing-wrapper .offline_courses_card .card_body {
padding: 0;
margin-top: 40px;
}
.ims-offline-course-tabbing-wrapper .offline_courses_card .card_body h4 {
text-align: left;
color: #11101D;
}
.ims-offline-course-tabbing-wrapper .offline-course-tbl {
background-color: #EFF6FA;
border-color: #EFF6FA;
}
.ims-offline-course-tabbing-wrapper .offline-course-tbl th:first-child {
vertical-align: text-top;
}
.ims-offline-course-tabbing-wrapper .offline-course-tbl .btn-action .btn-tooltip {
color: #ffffff;
background-color: #2590F2; }
.ims-offline-course-tabbing-wrapper .offline-course-tbl .tooltip_popup h3 {
color: #24223F;
}
.ims-offline-course-tabbing-wrapper .offline-course-tbl .bricks-background-primary {
background-color: #2590F2 !important;
transition: 0.3s linear;
}
.ims-offline-course-tabbing-wrapper .offline-course-tbl .bricks-background-primary:hover {
background-color: #24223F !important;
transition: 0.3s linear;
}
.offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
min-width: 120px;
}
.offline_courses_card .offline-course-tbl tbody td.dates,
.offline-course-pricing-wrapper .offline-course-tbl tbody td.dates {
min-width: 200px;
}
.offline_courses_card .offline-course-tbl tbody td.price {
min-width: 80px;
}  .multisteps_form_main_dv {
display: none;
}
.file-upload .remove-button {
display: none;
}
#msform fieldset {
padding: 0;
border-radius: 0;
border: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
row-gap: 0;
}
#msform fieldset:not(:first-of-type) {
display: none
}
.form-card {
width: 100%;
padding-top: 53px;
}
.card {
z-index: 0;
border: none;
position: relative
}
.fs-title {
font-size: 25px;
color: #673AB7;
margin-bottom: 15px;
font-weight: normal;
text-align: left
}
.purple-text {
color: #673AB7;
font-weight: normal
}
.steps {
font-size: 25px;
color: gray;
margin-bottom: 10px;
font-weight: normal;
text-align: right
}
.fit-image {
width: 100%;
object-fit: cover
}
#progressbar {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none;
padding: 0;
margin: 0;
position: relative;
}
#progressbar::before {
content: "";
position: absolute;
top: 25px;
left: 100px;
right: 100px;
height: 2px;
background-color: #696767;
}
#progressbar li {
width: 25%;
text-align: center;
color: #11101D;
font-size: 20px;
font-weight: 500;
display: flex;
flex-direction: column;
}
#progressbar li.active {
color: #1A3A27;
}
#progressbar li::before {
content: "\e910";
font-family: "Studypeak" !important;
border: 2px solid #696767;
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 10px;
color: #000;
font-size: 22px;
position: relative;
z-index: 1;
background: #EDF4F1;
}
#progressbar li.active::before {
border: 2px solid #1A3A27;
}
#progressbar li.completed::before {
background-color: #1A3A27;
color: #fff;
}
#progressbar li#qualifications::before {
content: "\e90a";
}
#progressbar li#possible_uses::before {
content: "\e90d";
}
#progressbar li#cv_and_certificates::before {
content: "\e909";
}
.appointment_form_main_dv {
width: 100%;
}
.appointment_form_main_dv .center-text a {
color: #1A3A27;
}
.main_page_title {
background-color: #EDF4F1;
text-align: center;
padding: 60px 15px 30px;
}
.main_page_title h1,
.main_page_title h2 {
font-weight: 500;
font-size: 46px;
line-height: 1.4em;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 0;
}
.main_page_title h1 span {
color: #18C867;
}
.main_page_title .second {
display: none;
}
.page-zur-kasse .main_page_title {
background-color: #FFF;
padding: 0;
margin-bottom: 30px;
}
.appointment_form_main_dv .container {
width: 100%;
max-width: 1060px;
min-height: inherit;
padding: 0 15px;
margin: auto;
border: none;
}
.multisteps_form_main_dv {
margin: 50px 0;
padding: 55px 60px;
background-color: #EDF4F1;
border-radius: 25px;
}
.first_section_dv {
margin: 50px 0;
padding: 50px 50px;
background-color: #EDF4F1;
border-radius: 25px;
}
.center-text {
text-align: center;
}
.first_section_dv p {
color: #11101D;
font-size: 16px;
line-height: 27px;
margin-bottom: 33px;
}
.application_form_listing h5 {
color: #1A3A27;
font-weight: 700;
font-size: 16px;
line-height: 22px;
letter-spacing: -0.03em;
margin-bottom: 3px;
}
.application_form_listing ol {
margin: 0 0 31px;
padding: 0;
list-style: none;
counter-reset: item;
}
.application_form_listing ol li {
color: #11101D;
font-size: 16px;
line-height: 27px;
padding-left: 18px;
position: relative;
counter-increment: item;
}
.application_form_listing ol li::before {
content: counter(item)'.';
position: absolute;
left: 0;
top: 0;
}
.first_step_btn,
#msform fieldset .action-button,
#msform fieldset input[type="submit"] {
margin-top: 31px;
font-weight: 500;
padding: 15px 30px;
font-size: 16px;
line-height: 22px;
border-radius: 10px;
cursor: pointer;
color: #FFF !important;
background-color: #1A3A27;
border: 1px solid #1A3A27;
transition: 0.5s ease-in-out all;
}
.first_step_btn:hover,
#msform fieldset .action-button:hover,
#msform fieldset input[type="submit"]:hover {
color: #FFF;
background-color: #18C867;
border: 1px solid #18C867;
}
.back_first_step,
.action-button-previous {
margin-top: 31px;
font-weight: 500;
padding: 15px 30px !important;
font-size: 16px !important;
line-height: 22px !important;
border-radius: 10px;
cursor: pointer;
color: #1A3A27 !important;
background-color: #FFF;
border: 1px solid #1A3A27;
transition: 0.5s ease-in-out all;
}
.back_first_step:hover,
.action-button-previous:hover {
color: #FFF !important;
background-color: #1A3A27;
border: 1px solid #1A3A27;
}
.errors {
color: red;
display: none;
}
.f-group-main {
display: flex;
flex-wrap: wrap;
margin-bottom: 27px;
}
.f-group-main .fieldlabels {
color: #11101D;
font-size: 16px;
font-weight: 400;
width: 224px;
padding-right: 11px;
line-height: 27px;
}
.form-group-inner {
width: calc(100% - 224px);
}
.form-card-4 .f-group-main .fieldlabels {
width: 44.8%;
}
.form-card-4 .form-group-inner {
width: 55.2%;
}
.f-group-main .fieldlabels span {
color: red;
margin-left: 5px;
}
.multisteps_form_main_dv .form-group input,
.multisteps_form_main_dv .form-group select {
padding: 0 20px !important;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
}
.multisteps_form_main_dv .form-group input:focus,
.multisteps_form_main_dv .form-group select:focus {
border-color: #18C867 !important;
}
.multisteps_form_main_dv .form-group select {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/arrow-down.svg) no-repeat right 20px center/16px;
background-color: #FFF;
}
.first-last-name {
display: flex;
flex-wrap: wrap;
}
.first-last-name .form-group {
width: 100%;
max-width: 175px;
margin-right: 10px;
}
.radio-btn label {
position: relative;
}
.radio-btn label input {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
opacity: 0;
}
.radio-btn label span {
color: #11101D;
font-size: 16px;
font-weight: 400;
display: flex;
gap: 10px;
line-height: 27px;
position: relative;
align-items: center;
}
.radio-btn label span::before {
content: "";
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 50px;
}
.radio-btn label input:checked+span::after {
content: "";
background-color: #1A3A27;
width: 9px;
height: 9px;
position: absolute;
left: 6px;
top: 9px;
border-radius: 50px;
}
.radio-btn-main {
display: flex;
flex-wrap: wrap;
}
.radio-btn-main .radio-btn {
margin-right: 50px;
}
.radio-btn-main .radio-btn:last-child {
margin-right: 0;
}
.birth-date {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
}
.birth-date .form-group {
width: 100px;
}
.birth-date .form-group.year-group {
width: 150px;
}
.email-group,
.mobile-group,
.about-group {
max-width: 250px;
}
.btn-group {
display: flex;
justify-content: center;
}
.checkbox-main label {
position: relative;
}
.checkbox-main label input {
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 0px;
opacity: 0;
}
.checkbox-main label span {
color: #464646;
font-size: 16px;
position: relative;
padding-left: 30px;
font-weight: 400;
display: inline-block;
cursor: pointer;
}
.checkbox-main label span a {
display: inline-block;
}
.checkbox-main label span::before {
content: "";
width: 20px;
height: 20px;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #fff;
border-radius: 3px;
position: absolute;
left: 0;
top: 5px;
font-family: "Studypeak" !important;
font-size: 12px;
line-height: 10px;
color: #1A3A27;
align-items: center;
justify-content: center;
display: flex;
}
.checkbox-main label input:checked+span::before {
content: "\e90b";
}
.checkbox-main-flex {
display: flex !important;
align-items: center;
flex-direction: row !important;
flex-wrap: wrap;
gap: 15px;
}
.checkbox-main-flex .checkbox-btn {
margin-right: 50px;
}
.form-card-2 .form-group textarea {
height: 120px;
padding: 15px 20px !important;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
resize: none;
}
.form-card-2 .form-group textarea:focus {
border-color: #18C867 !important;
}
.form-card-2 .f-group-main .fieldlabels {
width: 43.5%;
}
.form-card-2 .form-group-inner {
width: 56.5%;
}
.form-card-3 .f-group-main .fieldlabels {
width: 246px;
}
.form-card-3 .form-group-inner {
width: calc(100% - 246px);
}
.form-card-3 .checkbox-main {
display: flex;
flex-direction: column;
gap: 10px;
}
.form-card-3 .form-group textarea {
height: 120px;
padding: 15px 20px !important;
min-height: 52px;
border-radius: 10px;
color: #1A3A27;
border: 1px solid rgba(26, 58, 39, 0.12);
outline: none !important;
resize: none;
}
.form-card-2 .form-group textarea:focus {
border-color: #18C867 !important;
}
.form-group-inner table {
border-collapse: collapse;
margin-bottom: 0;
}
.form-group-inner table tr th,
.form-group-inner table tr td:first-child {
background-color: rgba(26, 58, 39, 0.08);
border: 1px solid rgba(26, 58, 39, 0.08);
color: #11101D;
font-size: 16px;
text-align: center;
font-weight: 400;
padding: 6px 5px;
}
.form-group-inner table tr td {
text-align: center;
padding: 6px 5px;
border: 1px solid rgba(26, 58, 39, 0.08);
}
.form-group-inner table tr td .radio-btn label span {
justify-content: center;
width: 20px;
height: 20px;
margin: auto;
position: relative;
cursor: pointer;
}
.form-group-inner table .radio-btn label input:checked+span::after {
top: 6px;
}
.file-upload label {
position: relative;
}
.file-upload.uploaded label::before {
content: "";
position: absolute;
top: 1px;
left: 2px;
right: 1px;
bottom: 1px;
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/pdf.svg) no-repeat center center / 44px #ffffff;
border-radius: 5px;
}
.file-upload label input {
position: absolute;
width: 0;
height: 0;
opacity: 0;
}
#addFileInputButton,
.file-upload label span {
width: 140px;
height: 85px;
display: flex;
background-color: #fff;
border: 1px dashed #11101D;
border-radius: 5px;
align-items: center;
justify-content: center;
flex-direction: column;
font-weight: normal;
color: #11101D;
}
#addFileInputButton i,
.file-upload label span i {
display: block;
font-size: 30px;
line-height: 30px;
margin-bottom: 5px;
}
.file-upload label.error {
width: 100%;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: red !important;
}
.file-upload label.error::before {
display: none;
}
#addFileInputButton::before {
font-size: 20px;
margin-bottom: 8px;
}
.file-input-container {
position: relative;
padding-right: 30px;
margin-bottom: 20px;
}
.file-input-container input {
width: 100%;
border: 1px solid rgba(26, 58, 39, 0.12);
border-radius: 10px;
outline: none;
outline-color: inherit;
box-shadow: unset;
background: #fff;
padding: 10px 15px;
}
.file-input-container .remove-icon {
position: absolute;
top: 0;
right: 0;
bottom: 0;
display: flex;
align-items: center;
cursor: pointer;
font-size: 20px;
color: #11101D;
}
#addFileInputButton {
background: rgba(26, 58, 39, 0.08);
}
.file-upload label span::before {
font-size: 30px;
}
.file-upload {
display: flex;
align-items: center;
gap: 30px;
flex-wrap: wrap;
row-gap: 5px;
}
.file-upload.uploaded {
display: flex;
align-items: center;
gap: 20px;
}
.form-group-inner table tr th:first-child {
background: transparent;
border-color: transparent;
}
.date-icon button,
.file-upload button {
padding: 0;
background: transparent !important;
border: 0;
border-radius: 0;
color: #11101D;
font-size: 24px;
display: flex;
line-height: 1;
box-shadow: none;
} .page-bewerbungsformular .thank_you_page {
display: none;
}
.page-bewerbungsformular .thank_you_page {
text-align: center;
padding: 60px 0 0;
}
.page-bewerbungsformular .thank_you_page img {
width: 200px;
margin: auto;
}
.page-bewerbungsformular .thank_you_page h3 {
font-weight: 700;
font-size: 36px;
line-height: 48px;
color: #1A3A27;
letter-spacing: -0.03em;
margin: 20px 0;
}
.page-bewerbungsformular .thank_you_page p {
width: 100%;
max-width: 830px;
font-weight: 500;
font-size: 16px;
line-height: 32px;
color: rgb(17, 16, 29, 0.65);
margin: auto;
}
.page-bewerbungsformular .thank_you_page p a {
color: #18C867;
transition: 0.5s ease-in-out;
}
.page-bewerbungsformular .thank_you_page p a:hover {
color: #1A3A27;
}
.go-home-btn {
display: flex;
justify-content: center;
margin-top: 40px;
}
.go-home-btn a {
display: flex;
border-radius: 10px;
min-height: 52px;
padding: 15px 30px;
font-weight: 500;
font-size: 16px;
line-height: 18px;
color: #fff;
background-color: #1A3A27;
transition: 0.5s ease-in-out all;
}
.go-home-btn a:hover {
background-color: #18C867;
}  .wpcf7-spinner {
display: flex;
margin: 5px auto;
}
.captcha-main {
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
gap: 20px;
}
.captcha-input {
max-width: 205px;
width: 100%;
}
.captcha-btn {
display: flex;
align-items: center;
margin-top: 8px;
}
.captcha-code {
display: flex;
align-items: center;
margin-top: 8px;
}
.captcha-code span {
font-weight: 700;
font-size: 36px;
line-height: 1;
display: flex;
font-style: italic;
pointer-events: none;
letter-spacing: 2px;
color: #1A3A27;
}
.captcha-btn button[type="button"] {
border-radius: 0;
background: transparent url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/reload.svg) no-repeat center / contain;
box-shadow: unset;
padding: 0;
width: 30px;
height: 30px;
font-size: 0;
}
.wpcf7 .captcha-input .wpcf7-not-valid-tip {
display: block !important;
color: red;
font-weight: 400;
}
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-form-login-toggle .woocommerce-info {
align-items: center;
flex-wrap: wrap;
gap: 8px;
border: 1px solid #18C867;
background-color: #ffffff;
border-radius: 10px;
outline: none !important;
}
.woocommerce-notices-wrapper .woocommerce-message a,
.woocommerce-notices-wrapper .woocommerce-error a {
margin-left: 0px !important;
border-radius: 8px !important;
transition: 0.3s ease-in-out all;
}
.woocommerce-notices-wrapper .woocommerce-message a:hover {
color: #FFFFFF;
background-color: #1A3A27;
}
.woocommerce-notices-wrapper .woocommerce-error {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
color: #F84F39;
border: 1px solid #F84F39;
background-color: #ffffff;
border-radius: 10px;
outline: none !important;
}
.woocommerce-notices-wrapper .woocommerce-error a {
background-color: #F84F39;
;
}
.woocommerce-notices-wrapper .woocommerce-error a:hover {
background-color: #dd2108 !important;
border-color: #dd2108 !important;
}   .grade_calculation_section {
display: block;
width: 100%;
max-width: 540px;
margin: auto;
}
.grade_calculation_section .common_form {
margin-bottom: 60px;
}
.grade_calculation_section .common_form h4 {
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #1A3A27;
letter-spacing: -0.03em;
}
.grade_calculation_section .common_form .bricks-button {
max-width: 100%;
transition: 0.3s ease-in-out all;
}
.grade_calculation_section .common_form .bricks-button:hover {
background-color: #1A3A27 !important;
}
.grade_calculation_section .common_form input[type="number"] {
-moz-appearance: textfield;
}
.grade_calculation_section .common_form input[type="number"]::-webkit-inner-spin-button,
.grade_calculation_section .common_form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.custom-number-input {
position: relative;
}
.custom-number-input .increase,
.custom-number-input .decrease {
width: 25px;
height: 16px;
max-width: inherit !important;
padding: 2px 5px !important;
font-size: 16px;
line-height: 12px;
color: rgba(26, 58, 39, 0.6);
border: none;
cursor: pointer;
border-radius: 4px;
background-color: transparent !important;
transition: 0.3s ease-in-out all;
position: absolute;
right: 8px;
}
.custom-number-input .increase:hover,
.custom-number-input .decrease:hover {
color: #ffffff !important;
background-color: #18C867 !important;
}
.custom-number-input .increase {
top: 10px;
}
.custom-number-input .decrease {
bottom: 10px;
}
.total_grade_tbl {
display: block;
width: 100%;
border-radius: 22px;
background-color: #EDF4F1;
padding: 40px;
}
.total_grade_tbl h4 {
font-weight: 700;
font-size: 22px;
line-height: 26px;
color: #1A3A27;
letter-spacing: -0.03em;
margin-bottom: 20px;
}
.total_grade_tbl .total_grade_card {
display: block;
width: 100%;
padding: 20px 30px;
background-color: #ffffff;
border-radius: 10px;
}
.total_grade_tbl table {
display: table;
width: 100%;
border-collapse: collapse;
}
.total_grade_tbl table tbody tr th,
.total_grade_tbl table tbody tr td {
width: 50%;
font-weight: 700;
font-size: 16px;
line-height: 22px;
color: #1A3A27;
letter-spacing: -0.03em;
text-align: left;
padding: 15px 0;
border-bottom: 1px solid rgba(26, 58, 39, 0.12);
}
.total_grade_tbl table tbody tr.total_grade th,
.total_grade_tbl table tbody tr.total_grade td {
font-size: 20px;
border-bottom: none;
}
.curve_bg {
background-size: contain !important;
background-position: center !important;
}  :root .page-multicheck-kurse header,
:root .page-multicheck-vorbereitung header {
background-color: #f2f2f7;
}
:root .page-multicheck-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-multicheck-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-multicheck-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-multicheck-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
color: #6A66D5;
}
:root .page-multicheck-kurse header .bricks-button[class*="secondary"],
:root .page-multicheck-vorbereitung header .bricks-button[class*="secondary"] {
background-color: #f2f2f7;
border: 1px solid rgba(26, 58, 39, 0.16);
}
:root .page-multicheck-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-multicheck-vorbereitung header .bricks-button[class*="secondary"]:hover {
background-color: #24223F !important;
border: 1px solid #24223F !important;
}
:root .page-multicheck-kurse header #brxe-fvzine .brxe-toggle,
:root .page-multicheck-kurse header .bricks-button[class*="primary"],
:root .page-multicheck-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-multicheck-vorbereitung header .bricks-button[class*="primary"],
:root .page-multicheck-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
background-color: #24223F !important;
border: 1px solid rgba(237, 244, 241, 0.12);
}
:root .page-multicheck-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-multicheck-kurse header .bricks-button[class*="primary"]:hover,
:root .page-multicheck-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-multicheck-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-multicheck-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
background-color: #6A66D5 !important;
border: 1px solid #6A66D5 !important;
}
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-multicheck-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
color: #FFFFFF;
}
:root .page-multicheck-kurse footer #brxe-vcyqke,
:root .page-multicheck-vorbereitung footer #brxe-vcyqke {
background-color: #24223F !important;
}
:root .page-multicheck-kurse footer svg.brxe-svg path,
:root .page-multicheck-vorbereitung footer svg.brxe-svg path {
fill: #E8E7FF;
}
:root .page-multicheck-kurse footer #brxe-yfvipo li,
:root .page-multicheck-vorbereitung footer #brxe-yfvipo li,
:root .page-multicheck-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-multicheck-vorbereitung .footer_contactus_links .brxe-text-link .icon {
border: 1px solid rgba(221, 219, 255, 0.17) !important;
}
:root .page-multicheck-kurse footer h3,
:root .page-multicheck-vorbereitung footer h3 {
color: #E8E7FF !important;
}
:root .page-multicheck-kurse footer #brxe-rhzxxn,
:root .page-multicheck-vorbereitung footer #brxe-rhzxxn {
color: #BCBAD9;
}
:root .page-multicheck-kurse footer #brxe-gbsoml,
:root .page-multicheck-vorbereitung footer #brxe-gbsoml {
background-color: #2D2B4C;
color: #8380D2;
}
:root .page-multicheck-vorbereitung .spn-loader {
border-color: #24223F #FFF #24223F #FFF;
}
:root .page-multicheck-vorbereitung .spn-loader:before,
:root .page-multicheck-vorbereitung .spn-loader:after {
border-bottom-color: #24223F;
}
:root .page-multicheck-vorbereitung .spn-loader:after {
border-color: #24223F #FFF #FFF #FFF;
}
:root .page-multicheck-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-multicheck-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #f2f2f7;
color: #6A66D5;
}
:root .page-multicheck-vorbereitung .pricing-popup {
background-color: rgba(242, 242, 247, 0.95);
}
:root .page-multicheck-vorbereitung .pricing-popup .popup_content h4 {
color: #6A66D5;
}
:root .page-multicheck-vorbereitung .preview-popup h3.popup-title {
color: #24223F;
}
:root .page-multicheck-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-multicheck-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
background-color: #6A66D5;
}
:root .page-multicheck-vorbereitung .common_filter_form .bricks-button {
background-color: #6460C9 !important;
}
:root .page-multicheck-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #24223F !important;
}
:root .page-multicheck-kurse .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-multicheck-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-multicheck-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-multicheck-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-multicheck-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-multicheck-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #E8E7FF !important;
}
:root .page-multicheck-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-multicheck-kurse #brxe-yfvipo li.no-link:hover,
:root .page-multicheck-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-multicheck-vorbereitung #brxe-yfvipo li.no-link:hover {
background-color: #6A66D5;
}
:root .page-multicheck-kurse #brxe-993083 a {
color: #6460C9 !important;
}
:root .page-multicheck-kurse .get_in_touch_form input[type=submit] {
background-color: #6460C9 !important;
transition: 0.3s ease-in-out all;
}
:root .page-multicheck-kurse .get_in_touch_form input[type=submit]:hover {
background-color: #24223F !important;
}
:root .page-multicheck-kurse .get_in_touch_form .input:focus,
:root .page-multicheck-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-multicheck-kurse .get_in_touch_form select:focus,
:root .page-multicheck-kurse .get_in_touch_form textarea:focus {
border-color: #6460C9 !important;
}
:root .page-multicheck-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-multicheck-kurse .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #f2f2f7;
color: #6460C9;
}
:root .page-multicheck-kurse .captcha-code span,
:root .page-multicheck-kurse .get_in_touch_form label:not(.error) {
color: #24223F !important;
} :root .page-gymi-vorbereitung header,
:root .page-gymi-kurse header {
background-color: #F7F2F2;
}
:root .page-gymi-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-gymi-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-gymi-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-gymi-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
color: #F84F39;
}
:root .page-gymi-kurse header .bricks-button[class*="secondary"],
:root .page-gymi-vorbereitung header .bricks-button[class*="secondary"] {
background-color: #F7F2F2 !important;
border: 1px solid rgba(26, 58, 39, 0.16) !important;
}
:root .page-gymi-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-gymi-vorbereitung header .bricks-button[class*="secondary"]:hover {
background-color: #391D1D !important;
border: 1px solid #391D1D !important;
}
:root .page-gymi-kurse header #brxe-fvzine .brxe-toggle,
:root .page-gymi-kurse header .bricks-button[class*="primary"],
:root .page-gymi-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-gymi-vorbereitung header .bricks-button[class*="primary"],
:root .page-gymi-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
background-color: #391D1D !important;
border: 1px solid #391D1D !important;
}
:root .page-gymi-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-gymi-kurse header .bricks-button[class*="primary"]:hover,
:root .page-gymi-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-gymi-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-gymi-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
background-color: #F84F39 !important;
border: 1px solid #F84F39 !important;
}
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-gymi-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
color: #FFFFFF;
}
:root .page-gymi-kurse footer #brxe-vcyqke,
:root .page-gymi-vorbereitung footer #brxe-vcyqke {
background-color: rgba(57, 29, 29, 0.95) !important;
}
:root .page-gymi-kurse .ul-list-group ul li::before,
:root .page-gymi-vorbereitung .ul-list-group ul li::before {
background-color: #F84F39;
}
:root .page-gymi-kurse #brxe-qulqwr svg.brxe-svg path,
:root .page-gymi-vorbereitung #brxe-qulqwr svg.brxe-svg path {
stroke: #F84F39;
}
:root .page-gymi-kurse footer svg.brxe-svg path,
:root .page-gymi-vorbereitung footer svg.brxe-svg path {
fill: #F84F39;
}
:root .page-gymi-kurse footer #brxe-yfvipo li,
:root .page-gymi-vorbereitung footer #brxe-yfvipo li,
:root .page-gymi-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-gymi-vorbereitung .footer_contactus_links .brxe-text-link .icon {
border: 1px solid rgba(221, 219, 255, 0.17) !important;
}
:root .page-gymi-kurse footer h3,
:root .page-gymi-vorbereitung footer h3 {
color: #F84F39 !important;
}
:root .page-gymi-kurse footer #brxe-rhzxxn,
:root .page-gymi-vorbereitung footer #brxe-rhzxxn {
color: #FFF;
}
:root .page-gymi-kurse footer #brxe-gbsoml,
:root .page-gymi-vorbereitung footer #brxe-gbsoml {
background-color: #391D1D;
color: #F84F39;
}
:root .page-gymi-vorbereitung .spn-loader {
border-color: #391D1D #FFF #391D1D #FFF;
}
:root .page-gymi-vorbereitung .spn-loader:before,
:root .page-gymi-vorbereitung .spn-loader:after {
border-bottom-color: #391D1D;
}
:root .page-gymi-vorbereitung .spn-loader:after {
border-color: #391D1D #FFF #FFF #FFF;
}
:root .page-gymi-vorbereitung .card-benefits.brxe-block {
background-color: rgba(248, 79, 57, 0.06);
}
:root .page-gymi-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
background-color: rgba(248, 79, 57, 0.08);
}
:root .page-gymi-vorbereitung .tab-btn-wrap .tab-btn.active {
color: #F84F39 !important;
}
:root .page-gymi-vorbereitung .card-pricing-plans .plan-price h4 {
color: #F84F39 !important;
}
:root .page-gymi-vorbereitung .plan-details .bricks-background-primary {
background-color: #F84F39 !important;
border: 1px solid #F84F39 !important;
}
:root .page-gymi-vorbereitung .plan-details .bricks-background-primary:hover {
background-color: #391D1D !important;
}
:root .page-gymi-vorbereitung .card-platinum-plans .popular-plan {
background-color: #F84F39 !important;
}
:root .page-gymi-vorbereitung .card-platinum-plans { background-color: #391D1D;
}
:root .page-gymi-vorbereitung .card-platinum-plans .plan-title h3 {
color: #F84F39;
}
:root .page-gymi-vorbereitung .card-platinum-plans .plan-title p,
:root .page-gymi-vorbereitung .card-platinum-plans .plan-price p,
:root .page-gymi-vorbereitung .card-platinum-plans .plan-details ul li {
color: #FFF;
}
:root .page-gymi-vorbereitung .course-pricing-tabs {
border: 2px solid #fdb8b1;
}
:root .page-gymi-vorbereitung .course-pricing-wrapper .section-subtitle {
background-color: #F7F2F2;
} :root .page-gymi-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
background-color: #F84F39;
}
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #F7F2F2;
color: #F84F39;
}
:root .page-probezeit-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-probezeit-kurse .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #ffefcd;
}
.page-probezeit-kurse .get_in_touch_form .input:focus,
.page-probezeit-kurse .get_in_touch_form input:not([type=submit]):focus,
.page-probezeit-kurse .get_in_touch_form select:focus,
.page-probezeit-kurse .get_in_touch_form textarea:focus {
border-color: #FEC619 !important;
}
:root .page-gymi-vorbereitung .pricing-popup {
background-color: rgba(247, 242, 242, 0.95);
}
:root .page-gymi-vorbereitung .pricing-popup .popup_content h4 {
color: #F84F39;
}
:root .page-gymi-vorbereitung .preview-popup h3.popup-title {
color: #391D1D !important;
}
:root .page-gymi-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-gymi-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
background-color: #F84F39;
}
:root .page-gymi-vorbereitung .common_filter_form .bricks-button {
background-color: #F84F39 !important;
}
:root .page-gymi-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #391D1D !important;
}
:root .page-gymi-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-gymi-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-gymi-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #F84F39 !important;
}
:root .page-gymi-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-gymi-kurse #brxe-yfvipo li.no-link:hover,
:root .page-gymi-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-gymi-vorbereitung #brxe-yfvipo li.no-link:hover {
background-color: #F84F39;
}
:root .page-gymi-vorbereitung .common_filter_form .bricks-button {
background-color: #F84F39 !important;
}
:root .page-gymi-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #391D1D !important;
} :root .page-gymi-kurse .captcha-code span,
:root .page-gymi-kurse .get_in_touch_form label:not(.error) {
color: #391D1D !important;
}
:root .page-gymi-kurse .get_in_touch_form input[type=submit],
:root .page-gymi-kurse .course-tbl .btn-action .bricks-background-primary {
background-color: #F84F39 !important;
transition: 0.3s ease-in-out all;
}
:root .page-gymi-kurse .get_in_touch_form input[type=submit]:hover,
:root .page-gymi-kurse .course-tbl .btn-action .bricks-background-primary:hover {
background-color: #391D1D !important;
}
:root .page-gymi-kurse .get_in_touch_form .input:focus,
:root .page-gymi-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-gymi-kurse .get_in_touch_form select:focus,
:root .page-gymi-kurse .get_in_touch_form textarea:focus {
border-color: #F84F39 !important;
}
:root .page-gymi-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-gymi-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #f8f2f2;
color: #F84F39;
}
:root .page-gymi-kurse #brxe-993083 a,
:root .page-gymi-kurse .tooltip_popup h3,
:root .page-gymi-kurse .accordion-header.active,
:root .page-gymi-kurse .accordion-header.active::before,
:root .page-gymi-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-gymi-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #F84F39 !important;
}
:root .page-gymi-kurse .course-tbl .btn-action .btn-tooltip {
color: #F84F39 !important;
background-color: rgba(248, 79, 57, 0.1);
border-color: #F84F39 !important;
} :root .page-nachhilfe header,
:root .page-ims-kurse header,
:root .page-ims-kurse header,
:root .page-ims-vorbereitung header {
background-color: #EFF6FA;
}
:root .page-nachhilfe header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-nachhilfe header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-ims-kurse header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-ims-kurse header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover,
:root .page-ims-vorbereitung header .brx-nav-nested-items>li.menu-item .mb-nav-item:hover,
:root .page-ims-vorbereitung header .brx-nav-nested-items>.brxe-dropdown .brx-submenu-toggle a:hover {
color: #2590F2;
}
:root .page-nachhilfe header .bricks-button[class*="secondary"],
:root .page-ims-kurse header .bricks-button[class*="secondary"],
:root .page-ims-vorbereitung header .bricks-button[class*="secondary"] {
background-color: #EFF6FA;
border: 1px solid rgba(26, 58, 39, 0.16);
}
:root .page-nachhilfe header .bricks-button[class*="secondary"]:hover,
:root .page-ims-kurse header .bricks-button[class*="secondary"]:hover,
:root .page-ims-vorbereitung header .bricks-button[class*="secondary"]:hover {
background-color: #212A42 !important;
border: 1px solid #212A42 !important;
}
:root .page-nachhilfe header #brxe-fvzine .brxe-toggle,
:root .page-ims-kurse header #brxe-fvzine .brxe-toggle,
:root .page-ims-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-nachhilfe header .bricks-button[class*="primary"],
:root .page-ims-kurse header .bricks-button[class*="primary"],
:root .page-ims-vorbereitung header .bricks-button[class*="primary"],
:root .page-ims-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next {
background-color: #212A42 !important;
border: 1px solid rgba(33, 42, 66, 0.12);
}
:root .page-nachhilfe header #brxe-fvzine .brxe-toggle:hover,
:root .page-ims-kurse header #brxe-fvzine .brxe-toggle:hover,
:root .page-ims-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-nachhilfe header .bricks-button[class*="primary"]:hover,
:root .page-ims-kurse header .bricks-button[class*="primary"]:hover,
:root .page-ims-vorbereitung header .bricks-button[class*="primary"]:hover,
:root .page-ims-vorbereitung .course-pricing-wrapper .plan-details-group .bricks-background-primary:hover,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev:hover,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next:hover {
background-color: #2590F2 !important;
border: 1px solid #2590F2 !important;
}
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-prev::before,
:root .page-ims-vorbereitung .preview_owl_slider .owl-nav button.owl-next::before {
color: #FFFFFF;
}
:root .page-nachhilfe footer #brxe-vcyqke,
:root .page-ims-kurse footer #brxe-vcyqke,
:root .page-ims-vorbereitung footer #brxe-vcyqke {
background-color: rgba(33, 42, 66, 0.95) !important;
}
:root .page-ims-vorbereitung .ul-list-group ul li::before {
background-color: #2590F2;
}
:root .page-ims-vorbereitung #brxe-qulqwr svg.brxe-svg path {
stroke: #2590F2;
}
:root .page-nachhilfe footer svg.brxe-svg path,
:root .page-ims-kurse footer svg.brxe-svg path,
:root .page-ims-vorbereitung footer svg.brxe-svg path {
fill: #2590F2;
}
:root .page-nachhilfe footer #brxe-yfvipo li,
:root .page-ims-kurse footer #brxe-yfvipo li,
:root .page-ims-vorbereitung footer #brxe-yfvipo li,
:root .page-nachhilfe .footer_contactus_links .brxe-text-link .icon,
:root .page-ims-kurse .footer_contactus_links .brxe-text-link .icon,
:root .page-ims-vorbereitung .footer_contactus_links .brxe-text-link .icon {
border: 1px solid rgba(221, 219, 255, 0.17) !important;
}
:root .page-nachhilfe footer h3,
:root .page-ims-kurse footer h3,
:root .page-ims-vorbereitung footer h3 {
color: #2590F2 !important;
}
:root .page-nachhilfe footer #brxe-rhzxxn,
:root .page-ims-kurse footer #brxe-rhzxxn,
:root .page-ims-vorbereitung footer #brxe-rhzxxn {
color: #FFF;
}
:root .page-nachhilfe footer #brxe-gbsoml,
:root .page-ims-kurse footer #brxe-gbsoml,
:root .page-ims-vorbereitung footer #brxe-gbsoml {
background-color: #212A42;
color: #2590F2;
}
:root .page-ims-kurse .spn-loader,
:root .page-ims-vorbereitung .spn-loader {
border-color: #212A42 #FFF #212A42 #FFF;
}
:root .page-ims-kurse .spn-loader:before,
:root .page-ims-kurse .spn-loader:after,
:root .page-ims-vorbereitung .spn-loader:before,
:root .page-ims-vorbereitung .spn-loader:after {
border-bottom-color: #212A42;
}
:root .page-ims-kurse .spn-loader:after,
:root .page-ims-vorbereitung .spn-loader:after {
border-color: #212A42 #FFF #FFF #FFF;
}
:root .page-ims-vorbereitung .card-benefits.brxe-block {
background-color: rgba(33, 42, 66, 0.12);
}
:root .page-ims-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
background-color: rgba(33, 42, 66, 0.08);
}
:root .page-ims-vorbereitung .tab-btn-wrap .tab-btn.active {
color: #2590F2 !important;
}
:root .page-ims-vorbereitung .card-pricing-plans .plan-price h4 {
color: #2590F2 !important;
}
:root .page-ims-vorbereitung .plan-details .bricks-background-primary {
background-color: #2590F2 !important;
border: 1px solid #2590F2 !important;
}
:root .page-ims-vorbereitung .plan-details .bricks-background-primary:hover {
background-color: #212A42 !important;
}
:root .page-ims-vorbereitung .card-platinum-plans .popular-plan {
background-color: #2590F2 !important;
}
:root .page-ims-vorbereitung .card-platinum-plans .plan-title h3 {
color: #2590F2;
}
:root .page-ims-vorbereitung .card-platinum-plans { background-color: #212A42;
}
:root .page-ims-vorbereitung .card-platinum-plans .plan-title p,
:root .page-ims-vorbereitung .card-platinum-plans .plan-price p,
:root .page-ims-vorbereitung .card-platinum-plans .plan-details ul li {
color: #FFF;
}
:root .page-ims-vorbereitung .pricing-popup {
background-color: rgba(239, 246, 250, 0.95);
}
:root .page-ims-vorbereitung .pricing-popup .popup_content h4 {
color: #2590F2;
}
:root .page-ims-vorbereitung .preview-popup h3.popup-title {
color: #212A42 !important;
}
:root .page-ims-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb,
:root .page-ims-vorbereitung .preview_owl_slider .preview_owl_items::-webkit-scrollbar-thumb {
background-color: #2590F2;
}
:root .page-nachhilfe #brxe-1653c7 a,
:root .page-nachhilfe .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-ims-kurse .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-ims-vorbereitung .footer_contactus_links .brxe-text-link:not(span):hover,
:root .page-nachhilfe :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-nachhilfe :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover,
:root .page-ims-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #2590F2 !important;
}
:root .page-nachhilfe #brxe-yfvipo li.has-link a:hover,
:root .page-nachhilfe #brxe-yfvipo li.no-link:hover,
:root .page-ims-kurse #brxe-yfvipo li.has-link a:hover,
:root .page-ims-kurse #brxe-yfvipo li.no-link:hover,
:root .page-ims-vorbereitung #brxe-yfvipo li.has-link a:hover,
:root .page-ims-vorbereitung #brxe-yfvipo li.no-link:hover {
background-color: #2590F2;
}
:root .page-ims-vorbereitung .common_filter_form .bricks-button {
background-color: #2590F2 !important;
}
:root .page-ims-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #212A42 !important;
} :root .page-nachhilfe .captcha-code span,
:root .page-ims-kurse .captcha-code span,
:root .page-nachhilfe .get_in_touch_form label:not(.error),
:root .page-ims-kurse .get_in_touch_form label:not(.error) {
color: #212A42 !important;
}
:root .page-probezeit-kurse .captcha-code span {
color: #000;
}
:root .page-nachhilfe .get_in_touch_form input[type=submit],
:root .page-ims-kurse .get_in_touch_form input[type=submit] {
background-color: #2590F2 !important;
transition: 0.3s ease-in-out all;
}
:root .page-nachhilfe .get_in_touch_form input[type=submit]:hover,
:root .page-ims-kurse .get_in_touch_form input[type=submit]:hover {
background-color: #212A42 !important;
}
:root .page-nachhilfe .get_in_touch_form .input:focus,
:root .page-nachhilfe .get_in_touch_form input:not([type=submit]):focus,
:root .page-nachhilfe .get_in_touch_form select:focus,
:root .page-nachhilfe .get_in_touch_form textarea:focus,
:root .page-ims-kurse .get_in_touch_form .input:focus,
:root .page-ims-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-ims-kurse .get_in_touch_form select:focus,
:root .page-ims-kurse .get_in_touch_form textarea:focus {
border-color: #2590F2 !important;
}
:root .page-nachhilfe .select2-container--default .select2-results__option[aria-selected=true],
:root .page-nachhilfe .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-ims-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-ims-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-ims-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-ims-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #EFF6FA;
color: #2590F2;
}
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-ims-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #2590F2 !important;
}
:root .page-ims-vorbereitung .course-pricing-tabs {
border: 2px solid #CAE6FA;
}
:root .page-ims-vorbereitung .course-pricing-wrapper .section-subtitle {
background-color: #EFF6FA;
} :root .page-ims-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
background-color: #2590F2;
} :root .page-home header,
:root .page-ueber-uns header,
:root .page-stellwerktest-vorbereitung header,
:root .page-stellwerktest-kurse header {
background-color: #EDF4F1;
}
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="secondary"] {
background-color: #EDF4F1;
border: 1px solid rgba(26, 58, 39, 0.16);
}
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="secondary"]:hover {
background-color: #1a3a27 !important;
border: 1px solid #1a3a27 !important;
}
:root .page-stellwerktest-vorbereitung header #brxe-fvzine .brxe-toggle,
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="primary"] {
background-color: #1a3a27 !important;
border: 1px solid rgba(26, 58, 39, 0.12);
}
:root .page-stellwerktest-vorbereitung header #brxe-fvzine .brxe-toggle:hover,
:root .page-stellwerktest-vorbereitung header .bricks-button[class*="primary"]:hover {
background-color: #18C867 !important;
border: 1px solid #18C867 !important;
}
:root .page-stellwerktest-vorbereitung footer #brxe-vcyqke {
background-color: rgba(26, 58, 39, 0.95) !important;
}
:root .page-stellwerktest-vorbereitung .ul-list-group ul li::before {
background-color: #1FBB65;
}
:root .page-stellwerktest-vorbereitung #brxe-qulqwr svg.brxe-svg path {
stroke: #1FBB65;
}
:root .page-stellwerktest-vorbereitung footer svg.brxe-svg path {
fill: #1FBB65;
}
:root .page-stellwerktest-vorbereitung footer #brxe-yfvipo li {
border: 1px solid rgba(221, 219, 255, 0.17);
}
:root .page-stellwerktest-vorbereitung footer h3 {
color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung footer #brxe-rhzxxn {
color: #FFF;
}
:root .page-stellwerktest-vorbereitung footer #brxe-gbsoml {
background-color: #1a3a27;
color: #1FBB65;
}
:root .page-stellwerktest-vorbereitung .spn-loader {
border-color: #1a3a27 #FFF #1a3a27 #FFF;
}
:root .page-stellwerktest-vorbereitung .spn-loader:before,
:root .page-stellwerktest-vorbereitung .spn-loader:after {
border-bottom-color: #1a3a27;
}
:root .page-stellwerktest-vorbereitung .spn-loader:after {
border-color: #1a3a27 #FFF #FFF #FFF;
}
:root .page-stellwerktest-vorbereitung .card-benefits.brxe-block {
background-color: #EDF4F1;
}
:root .page-stellwerktest-vorbereitung .course-pricing-tabs {
border: 2px solid #58d4a1;
}
:root .page-stellwerktest-vorbereitung .course-pricing-wrapper .section-subtitle {
background-color: #ecf4f1;
}
:root .page-stellwerktest-vorbereitung .course-pricing-tabs .tabs .tab-btn-wrap {
background-color: rgba(26, 58, 39, 0.08);
}
:root .page-stellwerktest-vorbereitung .tab-btn-wrap .tab-btn.active {
color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .card-pricing-plans .plan-price h4 {
color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button {
background-color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #1a3a27 !important;
}
:root .page-stellwerktest-vorbereitung .plan-details .bricks-background-primary {
background-color: #1FBB65 !important;
border: 1px solid #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .plan-details .bricks-background-primary:hover {
background-color: #1a3a27 !important;
}
:root .page-stellwerktest-vorbereitung .card-platinum-plans .popular-plan {
background-color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-title h3 {
color: #1FBB65;
}
:root .page-stellwerktest-vorbereitung .card-platinum-plans { background-color: #1A3A27;
}
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-title p,
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-price p,
:root .page-stellwerktest-vorbereitung .card-platinum-plans .plan-details ul li {
color: #FFF;
}
:root .page-stellwerktest-vorbereitung .pricing-popup .popup-body::-webkit-scrollbar-thumb {
background-color: #1FBB65;
}
:root .page-stellwerktest-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-stellwerktest-vorbereitung :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #1FBB65 !important;
} :root .page-stellwerktest-kurse .get_in_touch_form label:not(.error) {
color: #1A3A27 !important;
}
:root .page-stellwerktest-kurse .get_in_touch_form input[type=submit] {
background-color: #1FBB65 !important;
transition: 0.3s ease-in-out all;
}
:root .page-stellwerktest-kurse .get_in_touch_form input[type=submit]:hover {
background-color: #1A3A27 !important;
}
:root .page-stellwerktest-kurse .get_in_touch_form .input:focus,
:root .page-stellwerktest-kurse .get_in_touch_form input:not([type=submit]):focus,
:root .page-stellwerktest-kurse .get_in_touch_form select:focus,
:root .page-stellwerktest-kurse .get_in_touch_form textarea:focus {
border-color: #1FBB65 !important;
}
:root .page-stellwerktest-kurse .select2-container--default .select2-results__option[aria-selected=true],
:root .page-stellwerktest-kurse .select2-container--default .select2-results__option--highlighted[aria-selected],
:root .page-stellwerktest-vorbereitung .select2-container--default .select2-results__option[aria-selected=true],
:root .page-stellwerktest-vorbereitung .select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #EDF4F1;
color: #1FBB65;
}
:root .page-stellwerktest-kurse :where(.brxe-nav-menu) .bricks-nav-menu li.current-menu-item>a,
:root .page-stellwerktest-kurse :where(.brxe-nav-menu) .bricks-nav-menu li:not(.brx-has-megamenu)>a:hover {
color: #1FBB65 !important;
} :root .page-stellwerktest-vorbereitung .plan-details-group .select2-container--default .select2-selection--single {
background-color: #1FBB65;
}
:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button {
background-color: #1FBB65 !important;
}
:root .page-stellwerktest-vorbereitung .common_filter_form .bricks-button:hover {
background-color: #1A3A27 !important;
} :root .page-kontakt header,
:root .single-post header,
:root .page-karriere header,
:root .page-persoenliche-unterstuetzung header,
:root .page-kontakt-formular header,
:root .page-bewerbungsformular header,
:root .page-notenrechner header,
:root .page-alte-pruefungen header {
background-color: #EDF4F1;
}
:root .single-post header .bricks-button[class*="secondary"],
:root .page-kontakt header .bricks-button[class*="secondary"],
:root .page-karriere header .bricks-button[class*="secondary"],
:root .page-kontakt-formular header .bricks-button[class*="secondary"],
:root .page-bewerbungsformular header .bricks-button[class*="secondary"],
:root .page-persoenliche-unterstuetzung header .bricks-button[class*="secondary"],
:root .page-notenrechner header .bricks-button[class*="secondary"],
:root .page-alte-pruefungen header .bricks-button[class*="secondary"] {
background-color: #EDF4F1;
border: 1px solid rgba(26, 58, 39, 0.16);
} :root .page-faq header .brx-nav-nested-items,
:root .page-blog header .brx-nav-nested-items,
:root .page-angebot header .brx-nav-nested-items,
:root .page-impressum header .brx-nav-nested-items,
:root .page-multicheck-kurse header .brx-nav-nested-items {
border: 1px solid var(--Light-Green, rgba(237, 244, 241, 1));
box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.02);
}
:root .page-faq header #brxe-asnyjr,
:root .page-blog header #brxe-asnyjr,
:root .page-angebot header #brxe-asnyjr,
:root .page-impressum header #brxe-asnyjr,
:root .page-multicheck-kurse header #brxe-asnyjr {
border: 1px solid var(--Light-Green, rgba(237, 244, 241, 1));
box-shadow: 0px 2px 8px 0px rgba(26, 58, 39, 0.02);
}
:root .page-faq header .bricks-button[class*="secondary"],
:root .page-blog header .bricks-button[class*="secondary"],
:root .page-angebot header .bricks-button[class*="secondary"],
:root .page-impressum header .bricks-button[class*="secondary"],
:root .page-multicheck-kurse header .bricks-button[class*="secondary"] {
background-color: #FFF;
border: 1px solid rgba(26, 58, 39, 0.16);
} :root .page-agbs,
:root .page-datenschutz,
:root .page-schulberatung,
:root .page-pruefungsvorbereitung,
:root .page-lehrstellenberatung,
:root .page-agbs header,
:root .page-datenschutz header,
:root .page-schulberatung header,
:root .page-pruefungsvorbereitung header,
:root .page-lehrstellenberatung header {
background-color: #EDF4F1;
} @supports (-webkit-touch-callout: none) {
:root .page-home,
:root .page-mein-konto,
:root .page-kontakt,
:root .page-ueber-uns,
:root .page-karriere,
:root .page-registrieren-sie-sich,
:root .page-stellwerktest-vorbereitung,
:root .page-schulberatung,
:root .page-pruefungsvorbereitung,
:root .page-lehrstellenberatung,
:root .page-mein-profil,
:root .page-meine-kurse,
:root .single-sfwd-courses,
:root .single-sfwd-courses,
:root .single-sfwd-lessons,
:root .single-sfwd-topic,
:root .single-sfwd-quiz,
:root .single-post,
:root .page-kaufhistorie,
:root .page-details-zum-kaufverlauf {
background-color: #DFECE6;
}
:root .page-multicheck-vorbereitung {
background-color: #24223f;
}
:root .page-gymi-vorbereitung {
background-color: #391d1d;
}
:root .page-nachhilfe,
:root .page-ims-kurse,
:root .page-ims-vorbereitung {
background-color: #212a42;
}
}
.ul-list-group {
font-size: 16px !important;
}
.purple_sec {
background-color: #24223f;
}
.main_couse_header_btn {
background: rgba(31, 187, 101, 1);
padding: 14px 19px;
font-weight: 500;
font-size: 16px;
line-height: 100%;
border-radius: 20px;
color: #ffffff;
} @media screen and (max-width: 1480px) {
.reset_password_form_sec {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/form_bg_shape_top_line.svg) no-repeat top -120px center/102%;
background-color: #1A3A27;
}
}
@media screen and (max-width: 1200px) {
.reset_password_form_sec {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/form_bg_shape_top_line.svg) no-repeat top -80px center/102%;
background-color: #1A3A27;
}
.banner_sticky_form {
width: 98%;
}
.popup-body {
gap: 30px;
}
.popup-body .left_team_image {
min-width: 380px;
max-width: 380px;
min-height: 380px;
}
.popup-body .right_team_content h3 {
font-size: 32px;
}
.popup-body .right_team_content>p {
font-size: 14px;
}
.form_left_content {
width: 100%;
max-width: 500px;
}
.form_left_content .form_logo,
.reset_password_form_sec .form_left_content .form_logo {
max-width: 280px;
}
.form_left_content h1,
.reset_password_form_sec .form_left_content h1 {
font-size: 25px;
line-height: 28px;
}
.form_left_content p {
font-size: 20px;
line-height: 22px;
}
.common_forms_section .prev_page_link {
left: 15px;
}
.my_profile_wrap {
gap: 20px;
}
.sidebar_menu {
max-width: 300px;
min-width: 300px;
padding: 30px 20px;
}
.sidebar_menu ul li a {
padding: 15px;
font-size: 18px;
}
.user_profile_wrap {
margin-bottom: 50px;
}
.common_form_card {
padding: 30px 20px;
}
.course_events_wrap {
gap: 30px;
}
.course_event_profile,
.course_event_content {
padding: 50px 30px;
}
.course_event_profile {
max-width: 300px;
}
.course_listing_card .course_list_items {
flex: calc(50% - 25px);
}
.woocommerce-checkout #customer_details {
width: 50%;
}
.woocommerce-checkout #order_review {
width: 47%;
}
.checkout-page-wrapper h1 {
font-size: 36px;
line-height: 40px;
margin-bottom: 30px;
}
.checkout_form .woocommerce-billing-fields,
.checkout_form .woocommerce-shipping-fields,
.checkout_form .woocommerce-additional-fields .order-payment-main,
.woocommerce-checkout #order_review .shop_table,
.order-detail-popup .order-overview {
padding: 20px;
}
.checkout_form .checkout_title {
font-size: 24px;
line-height: 28px;
padding-bottom: 20px;
margin-bottom: 20px;
}
.shop_table .product-name .pro-group-detail .group-name {
font-size: 24px;
line-height: 28px;
}
.checkout_form .checkout_inner_title,
.order-detail-popup h3,
.thanks_cart_box h3,
.thank-you-blog h3 {
font-size: 22px;
line-height: 26px;
}
.price_delete_sec .product-total .amount,
.cart_item>.product-total .card_img_txt,
.shop_table .product-name .pro-group-detail .accessday-detail,
.product-checkout .checkout_question,
.woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-privacy-policy-text {
font-size: 16px;
line-height: 22px;
}
.place-order .validate-required label,
.cus_checkbox_checkout label {
font-size: 16px;
line-height: 26px;
}
.order-total p {
font-size: 24px;
line-height: 28px;
}
.job_card_wrap {
flex-wrap: wrap;
row-gap: 50px;
}
.job_card_wrap .job_card_box {
width: calc(33.33% - 12px);
}
.course-pricing-tabs .tabs {
width: initial;
}
.brxe-container .brxe-image {
width: 100%; }
.brxe-section #brxe-spaxfs.brxe-container .brxe-image {
width: 100%;
padding-left: 100px;
}
header#brx-header {
padding: 0 15px !important;
}
.course-tbl tbody th,
.course-tbl tbody td,
.course-tbl tbody td p {
font-size: 13px;
}
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-munokh.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image {
max-width: 80%;
}
#brxe-kwovrm.brxe-section,
#brxe-kwovrm.brxe-section {
background-position: 170% 75%;
}
header .brx-submenu-toggle {
font-size: 14px;
}
}
@media screen and (max-width: 1024px) {
.woocommerce-checkout #customer_details {
width: 100%;
margin-right: 0px;
}
.woocommerce-checkout #order_review {
width: 100%;
}
.our_teams_carousel .teams-card .team_image {
max-height: 380px;
}
.brx-nav-nested-items {
margin-right: 10px;
}
.offline-course-tbl h5 {
font-size: 17px;
}
.blog_card .bricks-layout-item .image-wrapper img {
transform: scale(1.5);
}
#brxe-kwovrm.brxe-section {
background-position: 250% 75%;
padding-top: 70px;
padding-bottom: 70px;
}
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-munokh.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image {
width: 75%
}
header .brxe-text-link,
header .brx-submenu-toggle {
gap: 5px;
font-size: 13px;
}
.main_couse_header_btn {
font-size: 13px;
}
#brxe-gpniac {
column-gap: 10px;
}
}
@media screen and (max-width: 991px) {
#brxe-kwovrm.brxe-section {
padding-top: 100px;
padding-bottom: 100px;
background-position: 240px -110px;
}
header .brx-nav-nested-items>li.menu-item:last-child {
display: block;
}
header .brx-nav-nested-items li:last-child {
position: relative;
}
.user_profile .brx-submenu-toggle {
padding: 21px !important;
}
:root .page-multicheck-vorbereitung header .brx-nav-nested-items {
background-color: #f2f2f7 !important;
}
.mb-nav-item {
display: none;
}
.brxe-nav-nested.brx-open .mb-nav-item {
display: flex;
}
.popup-content {
border-radius: 25px;
max-height: 800px;
}
.popup-body {
align-items: flex-start;
flex-direction: column;
}
.popup-body .left_team_image {
min-width: 280px;
max-width: 280px;
min-height: 360px;
margin: auto;
border-radius: 20px;
}
.popup-body .right_team_content {
padding-top: 0;
}
.pricing-row {
flex-wrap: wrap;
}
.card-pricing-plans {
flex: calc(50% - 20px);
} .team_listing .teams-card .team_image {
max-height: 480px;
}
.offer_section_wrapper .card_offers {
flex: 100%;
}
.course-tbl tbody tr {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
align-items: center;
}
.course-tbl tbody tr th {
width: 100%;
}
.course-tbl tbody tr td {
width: 50%;
} .we_help_with_section .we_help_card {
width: calc(50% - 10px);
}
.tutoring_pricing_wrapper table tr th {
width: 100%;
min-width: 100%;
}
.tutoring_pricing_wrapper .desc {
width: 100%;
}
.reset_password_form_sec {
padding: 50px 0;
}
.common_forms_wrap {
flex-direction: column-reverse;
align-items: center;
}
.form_left_content {
text-align: center;
}
.form_left_content .form_logo {
margin: 0px auto 50px;
}
.form_right_content {
width: 100%;
}
.course_overview_wrap {
padding: 30px;
}
.course_overview_card {
padding: 20px;
}
.course_card .course_info {
margin-bottom: 20px;
}
.course_card:not(:last-child) {
padding-bottom: 20px;
margin-bottom: 20px;
}
.thankyou_order_details .sub_title,
.course_card .course_info .course_title h4,
.user_profile_wrap .user_name,
.order-detail-popup h3,
.thanks_cart_box h3,
.thank-you-blog h3 {
font-size: 20px;
line-height: 26px;
margin-bottom: 15px;
}
.thanks_cart_box .order-item .item_num,
.order-summary .thank_subtotal:last-child h2,
.order-summary .thank_subtotal:last-child .amount,
.course_card .course_info .course_price,
.thanks_cart_box .order-item .card_icon .card_img_txt {
font-size: 18px;
line-height: 20px;
}
.course_card .course_info .course_wrap .title {
font-size: 18px;
line-height: 20px;
}
.order-detail-popup p,
.thankyou_order_details .sub_desc,
.course_card .course_dates .start_date,
.course_card .course_dates .end_date {
font-size: 16px;
line-height: 26px;
}
.thankyou_order_details .order_view {
margin-bottom: 50px;
}
.my_profile_wrap {
flex-direction: column;
gap: 30px;
}
.my_profile_section {
margin-top: 140px;
}
.sidebar_menu {
position: relative;
top: 0px;
max-width: 100%;
min-width: 100%;
border-radius: 20px;
}
.common_form_card {
margin-bottom: 30px;
}
.course_events_wrap {
flex-direction: column;
}
.course_event_wrap {
max-width: 100%;
padding: 20px;
}
.course_event_profile,
.course_event_content {
padding: 30px 20px;
}
.course_listing_card .course_list_items {
height: inherit;
}
.course_listing_card .course_list_items .course_title h4 {
font-size: 20px;
line-height: 28px;
}
.course_event_wrap h3 {
font-size: 24px;
line-height: 28px;
}
.go_back_to_group a {
font-size: 18px;
line-height: 22px;
}
.go_back_to_group a i {
font-size: 22px;
}
.custom_tbl thead {
display: none;
}
.custom_tbl tbody tr {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
align-items: center;
margin-bottom: 20px;
}
.custom_tbl tbody tr td {
position: relative;
width: 100%;
padding: 10px 15px;
display: flex;
align-items: center;
border-radius: 0px !important;
color: rgba(26, 58, 39, 0.65);
font-size: 16px;
line-height: 22px;
word-break: break-word;
}
.custom_tbl tbody tr td:not(:first-child) {
margin-top: -1px;
}
.custom_tbl tbody tr td[data-title]:before {
content: attr(data-title);
display: inline-block;
min-width: 126px;
color: #1A3A27;
margin: 5px 0px;
}
.custom_tbl .actions_btn {
flex-wrap: wrap;
}
.single-sfwd-courses .layout-default,
.single-sfwd-lessons .layout-default,
.single-sfwd-topic .layout-default,
.single-sfwd-quiz .layout-default,
.checkout-page-wrapper,
.purchase_history_section,
.purchase_history_detail_section {
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.course_event_wrap,
.course_event_facts_box {
border-radius: 20px;
}
.avatar-items .img-card {
padding: 10px;
}
.offline_courses_card .card_header {
flex-direction: column;
padding: 0;
gap: 0;
}
.course_price_card {
width: 100%;
margin: 0;
border-radius: 0;
}
.course_price_card::after,
.course_price_card::before {
display: none;
}
.offline_courses_card .card_header .main_title {
max-width: 100%;
text-align: center;
padding: 30px 15px;
}
.offline_courses_card .card_body {
padding: 20px;
}
.offline_course_content {
flex-direction: column;
align-items: flex-start;
gap: 30px;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl tbody th:first-child {
max-width: 100%;
}
.gymi-offline-course-pricing-wrapper .offline_courses_card h3 {
font-size: 32px;
line-height: 40px;
}
.gymi-offline-course-pricing-wrapper .offline-course-tbl .btn-action {
min-height: inherit;
}
.first_section_dv,
.multisteps_form_main_dv {
padding: 30px;
}
.checkbox-main-flex .checkbox-btn {
margin-right: 20px;
}
.course-pricing-wrapper .plan-details-group {
display: block;
}
.course-pricing-wrapper .plan-details-group .common_filter_form {
min-width: 100%;
margin-bottom: 15px;
}
.course-pricing-tabs {
padding: 20px;
}
.course-pricing-tabs .tabs {
margin-left: auto;
}
.card-pricing-plans {
padding: 40px 20px;
}
#brxe-gpniac #brxe-iadwzv .brx-submenu-toggle,
#brxe-gpniac #brxe-xoiril .brx-submenu-toggle {
padding: 20px !important;
}
.custom_nav_tabs .nav_tabs .nav_link {
font-size: 18px;
padding: 10px 10px;
}
#brxe-6d4c5d .bricks-layout-wrapper[data-layout=list] img {
height: 334px;
}
#brxe-uxrmnl {
background: #18c867;
}
}
@media only screen and (max-width:880px) {
#brxe-kwovrm.brxe-section {
background-position: 160px -110px;
}
}
@media screen and (max-width: 767px) {
#brxe-ikxtwq {
position: relative;
}
.banner_sticky_form {
position: relative !important;
}
.online_kurs_wrap {
padding: 50px 0;
}
.course_listing_wrap,
.thank-you-blog {
padding: 30px 20px;
}
.course_listing_card .course_list_items {
flex: 100%;
}
.course_listing_card .course_list_items .course_title {
padding: 30px 20px;
}
.accordion-header {
padding: 15px 30px 15px 15px;
font-size: 18px;
line-height: 26px;
border-radius: 16px;
}
.accordion_item>a {
font-size: 18px;
padding: 20px;
padding-right: 50px;
}
.accordion_body {
padding: 20px;
}
.accordion_item>a span:not(.icon_arrow) {
font-size: 14px;
white-space: pre-wrap;
}
.course_event_profile .user_profile {
width: 150px;
height: 150px;
}
.course_event_content .review_rating h4 {
font-size: 30px;
line-height: 36px;
}
.common_filter_form {
flex-direction: column;
}
.common_filter_form .form-group {
width: 100%;
flex: 1;
}
.common_filter_form .form-group .bricks-button {
width: 100%;
}
.modal_main_con {
grid-template-columns: repeat(3, 1fr);
}
.checkout-page-wrapper h1 {
font-size: 24px;
line-height: 28px;
margin-bottom: 30px;
}
.job_card_wrap .job_card_box {
width: calc(50% - 12px);
}
.our_teams_carousel .owl-item {
padding: 30px 20px;
}
.our_teams_carousel .teams-card .team_image {
max-height: 480px;
}
.first_section_dv,
.multisteps_form_main_dv {
padding: 30px 20px;
}
.main_page_title h1,
.main_page_title h2 {
font-size: 44px;
line-height: 52px;
}
#progressbar li {
font-size: 0;
line-height: normal;
}
.form-card-1 .f-group-main .fieldlabels,
.form-card-2 .f-group-main .fieldlabels,
.form-card-3 .f-group-main .fieldlabels,
.form-card-4 .f-group-main .fieldlabels {
width: 100%;
font-size: 14px;
line-height: 22px;
padding: 0;
margin-bottom: 5px;
}
.first-last-name .form-group {
max-width: 45%;
}
.form-group-inner,
.form-card-2 .form-group-inner,
.form-card-3 .form-group-inner,
.form-card-4 .form-group-inner {
width: 100%;
}
.multisteps_form_main_dv .radio-btn-main .radio-btn {
min-width: 200px;
}
.radio-btn-main .radio-btn {
margin-right: 20px;
}
.email-group,
.mobile-group,
.about-group {
max-width: 100%;
}
.page-bewerbungsformular .thank_you_page img {
width: 120px;
margin: auto;
}
.course-pricing-wrapper .plan-details-group .common_filter_form,
.course-pricing-wrapper .plan-details-group .bricks-background-primary,
.course-pricing-tabs .tabs {
max-width: 100%;
width: 100%;
}
.course-pricing-wrapper .section-subtitle {
font-size: 20px;
line-height: 28px;
margin: -36px auto 30px;
}
.blog-slider-wrapper {
margin-top: 50px;
}
.blog-slider-wrapper .owl-nav button.owl-prev,
.blog-slider-wrapper .owl-nav button.owl-next {
top: -60px;
transform: none;
}
.blog-slider-wrapper .owl-nav button.owl-prev {
left: inherit;
right: 60px;
}
.blog-slider-wrapper .owl-nav button.owl-next {
right: 0;
}
.course-pricing-wrapper .plan-details-group {
display: block;
flex-direction: column;
}
.course-pricing-wrapper .plan-details-group .common_filter_form {
min-width: 100%;
margin-bottom: 15px;
}
.course-pricing-wrapper .plan-details-group .bricks-background-primary {
margin-bottom: 15px;
}
.preview-popup h3.popup-title {
font-size: 22px;
line-height: 26px;
}
.preview_owl_slider .preview_images {
height: auto;
}
.preview_owl_slider .preview_images .magnify .magnify-lens {
width: 120px !important;
height: 120px !important;
}
#brxe-munokh.brxe-container .brxe-image,
#brxe-munokh.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image {
max-width: 50%;
}
#brxe-kwovrm.brxe-section {
background-image: none;
}
}
@media screen and (max-width: 680px) {
.card-pricing-plans {
flex: 100%;
} .get_in_touch_form .form-row {
flex-direction: column;
}
.get_in_touch_form .form-row .form-group {
width: 100%;
}
.offer-popup .popup-content,
.pricing-popup .popup-content {
padding: 80px 20px 20px;
}
.course-prepration-popup .popup-content {
padding: 50px 20px;
}
.course-tbl {
padding: 15px;
}
.pricing-popup .popup-content {
max-height: 520px;
height: calc(100% - 60px);
}
.course-prepration-popup .popup-content {
max-height: inherit;
height: auto;
}
.popup-content .close-popup {
width: 40px;
height: 40px;
}
.popup_content h5 {
font-size: 24px;
line-height: 30px;
}
.popup_content .offer-content {
font-size: 15px;
line-height: 24px;
}
.popup_content .offer-image,
.popup_content .offer-content img {
max-height: 300px;
}
.course-tbl .btn-action .tooltip_popup {
left: 25px;
width: 270px;
padding: 20px;
margin-left: 10px;
}
.tooltip_popup::after,
.tooltip_popup::before {
right: 100%;
transform: rotate(180deg);
}
.online_kurs_wrap h3,
.course_listing_wrap h3 {
font-size: 24px;
line-height: 30px;
}
.course_event_facts_box {
flex-direction: column-reverse;
}
.course_event_profile {
max-width: 100%;
}
.course_event_profile::before {
width: 100%;
height: 2px;
background: linear-gradient(90deg, rgba(119, 226, 167, 0) 0%, #77E2A7 45.5%, rgba(119, 226, 167, 0) 100%);
}
.learndash-wrapper .ld-quiz-actions {
flex-direction: column-reverse;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_TipButton {
width: 100%;
margin: 10px 0px !important;
} .custom_nav_tabs {
padding: 30px;
}
.custom_nav_tabs .nav_tabs {
gap: 10px;
}
.custom_nav_tabs .nav_tabs .nav_link {
display: block;
padding: 10px 20px;
font-size: 20px;
}
.offline_course_content .kurs-icon {
width: 120px;
min-width: 120px;
height: 120px;
padding: 20px;
}
#progressbar::before {
left: 50px;
right: 50px;
}
.first_section_dv,
.multisteps_form_main_dv {
padding: 30px 15px;
}
.multisteps_form_main_dv .form-group input,
.multisteps_form_main_dv .form-group select {
padding: 0px 15px !important;
}
.form-card-2 .form-group textarea,
.form-card-3 .form-group textarea {
padding: 15px !important;
}
.captcha-code span {
font-size: 24px;
}
.brxe-container .brxe-image {
width: 100%;
padding-left: 0;
} .custom_nav_tabs .nav_tabs {
flex-direction: column;
align-items: flex-start;
}
}
@media screen and (max-width: 575px) {
.login_flow .form_body,
.login_flow .form_footer {
padding: 30px 20px;
}
.reset_password_form_sec {
background: url(//studypeak.ch/wp-content/themes/bricks-child/assets/images/form_bg_shape_top_line.svg) no-repeat top -50px center/102%;
background-color: #1A3A27;
}
.course-pricing-tabs .tabs {
margin-top: 0px;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.course-tbl tbody tr td {
width: 100%;
}
.common_forms_section .prev_page_link {
position: relative;
top: 0px;
margin-bottom: 15px;
}
.form_row_wrap {
flex-direction: column;
gap: 0;
}
.common_form .input-group {
flex-direction: column;
}
.common_form .form-group .input-group .form-control {
padding-right: 25px !important;
}
.common_form .input-group button {
position: relative;
top: 0;
bottom: 0;
right: 0;
max-width: 340px;
line-height: 22px;
margin-top: 30px;
}
.course_event_profile .user_name {
font-size: 24px;
line-height: 28px;
}
.course_event_wrap h3 {
font-size: 24px;
line-height: 28px;
}
.cart_item .product-name,
.cart_item>.product-total {
flex-direction: column;
align-items: flex-start;
}
.cus_icon_title_dv {
flex-direction: column;
}
.thanks_cart_box .order-item {
flex-wrap: wrap;
}
.thanks_cart_box .order-item .item_num {
text-align: left;
}
.order-summary .thank_subtotal .amount {
white-space: nowrap;
}
.modal_main_con {
grid-template-columns: repeat(2, 1fr);
}
.job_card_wrap .job_card_box {
width: 100%;
}
.main_page_title h1,
.main_page_title h2 {
text-align: left;
}
.total_grade_tbl {
padding: 25px 15px;
}
.total_grade_tbl .total_grade_card {
padding: 20px 15px;
}
}
@media screen and (max-width: 480px) {
.popup-body .left_team_image {
min-width: 100%;
max-width: 100%;
}
.popup_content .offer-image,
.popup_content .offer-content img {
max-height: 260px;
}
.we_help_with_section .we_help_card {
width: 100%;
}
.course_overview_wrap {
padding: 30px 15px;
}
.course_overview_card {
padding: 20px 15px;
}
.course_overview_wrap h2 {
font-size: 25px;
}
.course_overview_wrap .desc {
font-size: 14px;
}
.course_card .course_info {
flex-direction: column;
align-items: flex-start;
}
.course_card .course_info .course_title h4 {
font-size: 18px;
}
.order-summary .thank_subtotal h2,
.order-summary .thank_subtotal .amount,
.order-summary .thank_subtotal:last-child h2,
.order-summary .thank_subtotal:last-child .amount,
.thanks_cart_box .order-item .item_num,
.course_card .course_info .course_wrap .title,
.course_card .course_info .course_price {
font-size: 16px;
}
.course_card .course_dates {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.course_card .course_dates .start_date,
.course_card .course_dates .end_date {
font-size: 14px;
line-height: 22px;
padding: 0;
border: none;
}
.modal_con_p .btn_upload {
flex-wrap: wrap;
}
.woocommerce-checkout .payment_methods .payment_bx {
flex: 100%;
}
.checkout_form .cards {
flex-direction: column;
align-items: flex-start;
}
.custom_nav_tabs .nav_tabs .nav_items {
width: 100%;
}
.birth-date .form-group,
.birth-date .form-group.year-group {
width: 100%;
}
.form-group-inner table tr th,
.form-group-inner table tr td:first-child {
font-size: 11px;
line-height: 14px;
}
.our_course_carousel {
max-width: 320px;
}
.our_course_carousel .owl-nav button.owl-next {
right: -18px;
}
.our_course_carousel .owl-nav button.owl-prev {
left: -18px;
}
#brxe-ecekra>.tab-menu .tab-title {
width: 100%;
}
}
.wpProQuiz_response .extra-message,
.learndash-quiz-review-legend-item-answered {
display: none;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem:not(.mc-concentration_numbers) .wpProQuiz_questionList[data-type="cloze_answer"] .wpProQuiz_questionListItem .wpProQuiz_cloze {
background: #ffffff;
border: 1px solid #C8C8C8;
color: red;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .wpProQuiz_cloze input {
border: none;
}
.wpProQuiz_questionList .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
display: none;
}
.mc-concentration_numbers_short_term .wpProQuiz_questionListItem label {
padding: 20px 0 20px 50px !important;
}
.mc-concentration_numbers_short_term .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
border-width: 2px;
}
.mc-numerical_processing label {
border: none !important;
}
.mc-numerical_processing .wpProQuiz_question_text {
border: none !important;
}
.wpProQuiz_listItem[data-type="free_answer"] .wpProQuiz_questionListItem label {
border: none !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label {
padding: 20px 16px !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] label input[type="text"] {
border: 1px solid #C8C8C8 !important;
padding: 3px 6px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
border: 2px solid #F84F39 !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable,
.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
background: none !important;
border: 2px solid #00c349 !important;
color: currentcolor !important;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] input {
width: 100% !important;
border-radius: 10px;
margin: 0;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_freeCorrect {
display: block;
padding-top: 5px;
}
.learndash-wrapper .wpProQuiz_content .wpProQuiz_listItem .wpProQuiz_question ul.wpProQuiz_questionList[data-type="free_answer"] .wpProQuiz_questionListItem:not(.wpProQuiz_answerIncorrect):not(.wpProQuiz_answerCorrect) label {
padding: 0 !important;
}
.mc-ungraded-response-explanation {
font-weight: 700;
font-size: 1.1rem;
}
.single-sfwd-courses .learndash-wrapper .ld-table-list .ld-table-list-header.ld-primary-background {
display: none !important;
}
.mc-bigger-fill-in-blanks-inputs .wpProQuiz_cloze {
max-width: 405px !important;
}
.mc-bigger-fill-in-blanks-inputs .wpProQuiz_cloze input {
max-width: 400px !important;
width: 400px !important;
}  .learndash-cpt-sfwd-lessons-71401-parent .calculator-trigger {
display: none;
}
.learndash-cpt-sfwd-quiz-74823-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74151-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74799-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74144-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74138-current .wpProQuiz_freeCorrect,
.learndash-cpt-sfwd-quiz-74154-current .wpProQuiz_freeCorrect {
display: none !important;
}
.banner_form {
display: flex;
}
.form-field-course-wrapper {
width: 100%;
}
.bricks-404-wrapper {
padding: 0 30px;
}
.bricks-search-form {
justify-content: center;
}
@media (max-width: 575px) {
.banner_form {
flex-direction: column;
gap: 12px;
}
.bricks-404-wrapper h1 {
font-size: 28px;
}
.banner_form .bricks-button {
padding-top: 20.65px;
padding-bottom: 20.65px;
}
#post-listing-multifilters .brxe-heading {
font-size: 22px;
}
.bricks-404-wrapper h1 {
font-size: 40px;
text-align: center;
}
.blog_card .bricks-layout-item .image-wrapper img {
transform: scale(1.0);
}
#brxe-nwxrjm .bricks-layout-item .image-wrapper img {
transform: scale(1);
}
#brxe-ptphtt .custom_nav_tabs .nav_tabs {
flex-direction: row;
}
.custom_nav_tabs .nav_tabs .nav_link {
display: block;
padding: 10px 10px;
font-size: 16px;
}
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-munokh.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image,
#brxe-tiksnj.brxe-container .brxe-image {
max-width: 75% !important;
}
}
@media (min-width: 575px) {
.banner_form {
padding: 0.62rem 0.66rem 0.62rem 0.5rem;
border-radius: 23px;
background-color: #fff;
justify-content: space-between;
gap: 20px; }
} .spinner {
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid rgba(255, 255, 255, 0.3);
border-radius: 50%;
border-top-color: #fff;
animation: spin 1s ease-in-out infinite;
margin-right: 8px;
vertical-align: middle;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
.mc-ungraded span.wpProQuiz_freeCorrect {
display: none !important;
}
.mc-ungraded-response-explanation {
padding: 25px 30px;
font-weight: 700;
font-size: 30px;
line-height: 32px;
color: #404040;
background: linear-gradient(180deg, rgb(255 255 255 / 59%) 0%, rgb(132 132 132 / 2%) 100%);
background-color: #ddd;
border-radius: 20px;
text-align: center;
}
.learndash-cpt-sfwd-quiz-75885-current .graded-disclaimer,
.learndash-cpt-sfwd-quiz-77355-current .graded-disclaimer,
.learndash-cpt-sfwd-quiz-75174-current .graded-disclaimer {
display: none;
}
.sp-question-77728 .drag-drop-target-image {
height: auto !important;
} .online-course-image-animation {
-webkit-animation: courseImgAnimate 1s ease-in-out infinite;
animation: courseImgAnimate 1s ease-in-out infinite;
transition: transform 0.3s ease;
}
@keyframes courseImgAnimate {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-8px) rotate(2deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
}
@-webkit-keyframes courseImgAnimate {
0% {
transform: translateY(0px) rotate(0deg);
}
50% {
transform: translateY(-8px) rotate(2deg);
}
100% {
transform: translateY(0px) rotate(0deg);
}
} @media screen and (min-device-width: 768px) and (max-device-width: 820px) {
.banner_form {
width: max-content;
min-width: 472px
}
}