/*
Theme Name: Inlearn
Theme URI: https://inlearn.no
Author: Synergie media
Author URI: https://synergie-media.com
Description: inlearn website template
Requires at least: 6.1
Tested up to: 6.2
Requires PHP: 8.0
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: inlearn
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/


/* ==========================================================================
   Wizard
   ========================================================================== */
#placementtestapp {}
#placementtestapp .card {}
#placementtestapp .card-body {}
#placementtestapp .card-title {margin:0 !important; width: 100%; text-align:center; color: #92434e !important;}
#placementtestapp .b-row {padding: 32px 0;}
#placementtestapp .w-contents .btn {background:#f7f6fa; border: none; padding: 40px 10px !important; font-weight:500; /*max-width : 200px; width: 100%; */ margin: 20px !important;}
#placementtestapp .w-contents .btn .d-flex {flex-direction:column; padding-top: 0;}
#placementtestapp .w-contents .btn span.icon {width: 90px; height: 90px; background-position: center center; background-repeat: no-repeat; margin-bottom: 20px; display: block;}
#placementtestapp .w-contents .btn span.icon.Beginner {background-image:url('http://wp.alfaskolen.smdev.ma/wp-content/uploads/2022/04/beginner.png')}
#placementtestapp .w-contents .btn span.icon.Intermediate {background-image:url('http://wp.alfaskolen.smdev.ma/wp-content/uploads/2022/04/intermediate.png')}
#placementtestapp .w-contents .btn span.icon.Advanced {background-image:url('http://wp.alfaskolen.smdev.ma/wp-content/uploads/2022/04/advanced.png')}
#placementtestapp .w-contents .btn span.icon.Admission {background-image:url('http://wp.alfaskolen.smdev.ma/wp-content/uploads/2022/06/admission.png')}

#placementtestapp .w-contents .btn:hover, #placementtestapp .w-contents .btn.active:hover {background:#92434e !important; color: #fff !important;}
#placementtestapp .w-contents .btn.active {background:#486D65; color: #fff !important;}
#placementtestapp .w-contents .btn:hover span.icon {filter: invert(100%);}
#placementtestapp .taketest {text-align:center; margin-bottom: 20px !important;}

#placementtestapp .stepOne.card-body .w-contents .b-row {display: flex; justify-content: center;}
#placementtestapp .stepOne.card-body .w-contents .btn {padding: 0 !important; min-height: 210px; display: flex; flex-direction: column; justify-content: center;}

#placementtestapp .stepTwo.card-body .w-contents .btn {padding: 20px 10px !important;margin: 0px !important; box-shadow: initial !important; border: 5px solid #fff;     border-radius: 13px;}
#placementtestapp .stepTwo.card-body .w-contents .btn span.icon {display: none;}
#placementtestapp .wizard-nav {display: flex; justify-content: flex-end; flex-direction: row; gap: 20px;}
#placementtestapp .wizard-nav .btn {padding: 10px 30px !important;}
#placementtestapp .wizard-nav .btn-secondary {background-color: #92434e!important; color: #fff; border: 1px solid #92434e !important; font-size: 13px; margin: 0 !important;}
#placementtestapp .wizard-nav .btn-secondary.m-1 {margin: 0 !important}
#placementtestapp .wizard-nav .btn-primary {color: #fff !important; background-color: #486D65!important; border-color: #486D65!important;}

#placementtestapp .stepTree.card-body .w-contents .btn {padding: 20px 10px !important; margin: 10px 20px !important;     margin: 0 !important;border: 5px solid #fff;box-shadow: none !important;border-radius: 12px;}
#placementtestapp .stepTree.card-body .w-contents .btn span.icon {display: none;}

#placementtestapp .stepTree.card-body ul.courses-results button.btn {border: 1px solid #92434e; padding: 10px 20px !important; color: #92434e !important; background: #fff !important;}
#placementtestapp .stepTree.card-body ul.courses-results button.btn:hover {background:#92434e!important; color: #fff !important;}
#placementtestapp .stepTree.card-body ul.courses-results button.btn.btn-success {color: #fff !important; background:#486D65 !important; border-color: #486D65 !important;}
#placementtestapp .stepTree.card-body ul.courses-results li {box-shadow: none !important; margin-bottom: 0; border-bottom: 1px solid #eee !important;}
#placementtestapp .stepTree.card-body ul.courses-results {padding: 0 30px; margin: 0 auto 30px auto; max-width: 1200px;}
#placementtestapp .stepTree.card-body .carousel-item h5 { margin-bottom: 20px !important; }
#placementtestapp .stepTree.card-body .carousel-item .d-block {display: flex !important; align-items: center;}
#placementtestapp span.badge {min-width: 80px;}
#placementtestapp span.bg-danger.badge {background-color: #A65F6D !important;font-weight: 300;/*letter-spacing: 1px;*/font-size: 10px;}
#placementtestapp span.bg-success.badge {background-color: #00628f !important;font-weight: 300;/*letter-spacing: 1px;*/font-size: 10px;}
#placementtestapp .stepTree.card-body .carousel-item .d-block .me-1 {color:#92434e !important ;}

#placementtestapp hr.text-seconday {display: none;}
#placementtestapp .card .d-flex {padding: 15px 15px 0 15px;}
#placementtestapp .card li .d-flex {padding: 0 !important;}
#placementtestapp .card .d-flex .ms-3 {margin: 0 !important; text-align: left;}

#placementtestapp .stepTree.card-body ul.courses-results li {text-align: left; padding: 15px !important; background-color: transparent !important;}
#placementtestapp .stepTree.card-body ul.courses-results button.btn {padding: 5px 20px !important; margin-left: 20px !important;}

#placementtestapp span.claim-spot {font-size: 11px !important;}
#placementtestapp form .d-flex {padding: 0 !important;}
#placementtestapp form input::placeholder {font-size: 13px !important; color: #888 !important;}
#placementtestapp form span {font-size: 13px;}
#placementtestapp form hr {margin: 40px auto 25px auto;width: 100%;max-width: 100px;}
#placementtestapp form .form-check { margin-bottom: 30px;}
#placementtestapp form .form-check .text-start.form-check-label {font-size: 13px;}
#placementtestapp form .form-check label, #placementtestapp form .form-check input {cursor: pointer;}
#placementtestapp .container {display: block;}
.thankYouPageContent span {line-height: 1.6 !important; background: #486D65 !important; color: #fff !important;}

#placementtestapp .container {
    min-height: auto;
    padding: inherit!important;
    background: transparent;
}
#placementtestapp .container.carousel-inner {
    padding: 0 80px!important;
}

#placementtestapp .stepOne.card-body .w-contents .b-row {flex-flow: wrap;}

#placementtestapp .stepTree.card-body ul.courses-results {padding: 0px !important;}
#placementtestapp .stepTree.card-body ul.courses-results li {padding: 15px 0 !important;}
#placementtestapp .stepTree.card-body .carousel-item .d-block {flex-direction: column;}
#placementtestapp .stepTree.card-body .text-muted[data-v-d3d930c8] {display: block; text-align: center;}
#placementtestapp .card .stepTree.card-body li .d-flex {width: 100% !important;}

#placementtestapp .form-check {flex-direction: column;}
#placementtestapp .form-outline {flex-direction: column;}
#placementtestapp .stepTree.card-body .w-contents .btn {font-size: 13px !important;}


#placementtestapp h5.log-in-header, #placementtestapp h5.register-header {font-size: 22px; margin-bottom: 15px !important;}
#placementtestapp .btn {width: initial !important; padding: 15px 20px !important; border-radius:10px !important; font-size:14px; margin:0 !important; }
#placementtestapp .btn.btn-primary:hover {background-color: var(--color-primary) !important; border-color: var(--color-primary) !important;}
#placementtestapp .btn.mt-3 {margin-top: 20px !important;}
#placementtestapp .login-grid {grid-template-columns: 1fr 1fr;}
#placementtestapp .p-2 .d-flex {padding: 5px;}
#placementtestapp .vs__selected-options {height: initial !important;}
#placementtestapp .form-control {font-size: 1.5rem !important;}
#placementtestapp .card-summary { padding: 5px 5px 10px 5px !important; border-bottom: 1px solid #eee; margin-bottom: 10px;}
#placementtestapp .antirow {margin: 10px 0 0 0 !important; }
#placementtestapp .antirow .form-outline {padding: 0 !important;}
#placementtestapp .antirow h5 {padding-left: 0px; font-size: 14px; }
.rbt-testimonial-box .clint-info-wrapper .thumb img {aspect-ratio: 1/1;}
#placementtestapp input[type=search] {width: initial !important;}


.thumbnail-wrapper .image-1 img {aspect-ratio: 366/490; object-position: center center;}
.thumbnail-wrapper .image-2 img {aspect-ratio: 308/250; object-position: center center;}
.thumbnail-wrapper .image-3 img {spect-ratio: 405/490; object-position: center center;}
.rbt-about-area .section-title h2.title, .rbt-accordion-area .section-title h2.title {margin-bottom: 30px;}
.rbt-header-sec .rbt-header-sec-col.rbt-header-right {flex-grow: 2 !important;}
.rbt-about-area.rbt-section-gapTop {padding-top: 0px !important;}
.rbt-section-gap2 {padding: 60px 0 !important;}

@media only screen and (max-width: 767px) {
  .accordion-body .rbt-table tbody tr th, .accordion-body .rbt-table tbody tr td { display: table-cell; font-size: 12px !important; padding: 10px !important;}
  .accordion-body .rbt-table tbody tr th strong, .accordion-body .rbt-table tbody tr td strong {font-size: 13px}
  .swiper-slide .mobile-table-750 table {max-width: 750px; min-width: initial;}
}