/*!
Theme Name: Innovedoo
Theme URI: https://aboutnet.gr
Author: Aboutnet
Author URI: https://aboutnet.gr
Description: 
Version: 1.0
Text Domain: innovedoo
*/

@media (min-width: 1800px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1720px !important;
    }
}

.header.container-fluid{
    z-index: 999;
}

body{
    font-family: 'Ubuntu', sans-serif;
    overflow-x: hidden;
}

.mb-200{
    margin-bottom:200px;
}

ul{
    padding:0;
}

#slider{
    margin-top:100px;
}

.mov{
    color: #7A2A90!important;
}

.bg-fafafa{
    background-color: #FAFAFA;
}

section{
    margin-bottom:150px;
}

.roz-bg{
    background: #FDF7FF;
}

.top-container{
    padding: 65px 45px 65px 45px;
}

.carousel-indicators{
    z-index:50;
}

.carousel-indicators [data-bs-target]{
    background: black;
    max-width: 24px;
    border-radius: 200px;
    
}

.logo{

    margin-left:40px;
}

.logo-desktop{
    max-width: 200px!important;
}

.carousel-indicators [data-bs-target]:hover{
    background:grey;
}

.first-title, .second-home-title{
    font-size:54px;
    font-weight: 700;
    /*margin-left:20px;*/
    line-height: 1.1;
}

.second-home-title{
    text-align: right;
    position: relative;
}


.first-title::after,.article-card-title::after, .title::after, .title-paidagogos::after,
.article-title::after, .second-home-title::after{
    content: ""; 
    display: block;
    width: 60px;
    margin:30px 0px 20px 0px;
    border: 2px solid #F37024;
    border-radius: 10px;
    
}

.second-home-title::after{
    clear: both; /* Ensures it appears on a new line */
    text-align: right;
    position:absolute;
    right:0;
}

.first-description ,.second-home-description{
    color:#4A4A4A;
    font-size:22px;
    font-weight: 500;
}

.second-home-description{
    text-align: right;
    margin-top:60px;
}

.third-home-description {
    text-align: right;
    margin-top:60px;
}

.first-description ul ,.second-home-description{
    list-style-type: none;
}

.first-description li, .second-home-description li {
    position: relative; 
    padding-left: 20px;
}

.first-description li::before{
    content:'\f0da';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900; 
    position: absolute; 
    left: 0;
    top: 0;
    font-style: normal; 
    color: #F37024;
}

.fa-caret-right::before, .fa-envelope , .fa-phone{
    color:#F37024;
    margin-right:10px;
    font-size:30px;
}

.fa-caret-down{
    color:#F37024;
    margin-left:5px;
}

.fa-clock::before, .fa-calendar::before, .fa-money-bill::before{
    color:#7A2A90;
    margin-right:10px;
}

.first-content-left{
    z-index:20;
}

.top-img{
    position: absolute;
    right: 0;
    width: 650px;
    height: auto;
}

.top-img-shape ,.top-img-slide{
    position: absolute;
    right: 0;
    width:100%;
    height: auto;
}

.top-img-slide{
    z-index:10;
    width:80%;
    right:0;
}

.top-img-shape2{
    position: absolute;
    right: -30%;
    
    width:100%;
    height: auto;
}

.top-img-shape3{
    position: absolute;
    top:-5%;
    right: 5%;
    width:80%;
    height: auto;
}

.mov-btn{
    background-color:#7A2A90;
    color:white;
    font-size: 17px;
    font-weight: 700;
    padding:15px 30px 15px 30px;
    border: none;
    border-radius: 7px;   
}

.mov-btn:hover{
    background-color:#F37024;
}

.mov-btn:hover .fa-caret-right::before {
    color: #4A4A4A;
}

.top-btn{
    margin-bottom: 50px;
    margin-left:5vw;
}
.second-title{
    color:#4A4A4A;
    font-size: 44px;
    font-weight: 700;
    text-align: center;
}

.second-title::after, .tip-title::after{
    content: "";
    display: block;
    width: 60px;
    margin: 30px auto 20px auto;
    border: 2px solid #F37024;
    border-radius: 10px;
}

.popular-lesson{
    background-color: #F37024;
    color: white;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Roboto';
    top:0;
    margin-left: -60px;
    border: 4px solid #F37024;
    padding-top:5px;
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.lessons-offer, .lessons-offer-custom , .teaching-hours-per-week{
    margin-top:60px;
    padding: 70px 60px 50px 60px;
    box-shadow: 0px 0px 20px #00000029;
    border: 2px solid #F37024;
    border-radius: 15px;
    opacity: 1;
    display: table-cell;
}

.teaching-hours-per-week{
    padding: 50px 36px 50px 36px;
    border: 2px solid #F37024 !important;
}

.lessons-offer-custom{
    border-color: #7A2A90;
}

.lessons-offer:hover , .teaching-hours-per-week , .lessons-offer-custom:hover{
    border-color: #FAFAFA;
    transition: 0.7s;
}

.lessons-count{
    text-align: center;
    font-size: 56px;
    color:#F37024;
    font-weight: 700;
}

.lessons-per-month{
    margin-bottom: 20px;
    text-align: center;
    font-size:24px;
    font-weight: 700;
}

.prices-icon{
    max-width: 25px;
    margin-right:15px;
    fill: #7A2A90;
    margin-bottom: 10px;
}

.fa-angle-left.apo, .fa-angle-right.eos{
    color: #F37024;
}


.text, 
.text-image-wrapper .description .text {
    color: #4A4A4A;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
    line-height: 34px;
}

.custom-price-btn, .underline-btn{
    background-color:white;
    text-decoration: underline;
    color:#4A4A4A;
    font-size: 22px;
    font-weight: 700;
    border: none;
    min-width: 100%;
}



.title{
    font-size: 36px;
    color: #4A4A4A;
    font-weight: 700;
}

.img-round-corners{
    
    border-radius: 20px;
}

.text-image-wrapper .row:nth-child(even) .box-text .description {
    margin-right: 80px;
}

.text-image-wrapper .row:nth-child(odd) .box-text .description {
    margin-left: 80px;
}

.text-image-wrapper .row:nth-child(odd) .box-image {
    order: 0;
}
.text-image-wrapper .row:nth-child(odd) .box-text {
    order: 1;
}

.section-paidagogos{
    background-color: #FBFBFB;
}

.title-paidagogos{
    color: #4A4A4A;
    font-size: 52px;
    font-weight: 700;
}


.accordion-item {
    margin: 40px 0px 40px 0px;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 22px;
    
}


button.accordion-button[data-bs-toggle="collapse"][aria-expanded="true"]{
    background-color: #FAFAFA!important;
    color:#7A2A90;
}

#faq{
    border-radius: 22px;
}

.accordion-button{
    padding: 50px;
    box-shadow: none !important;
    font-size: 26px!important;
    font-weight: 700;
    color:#4A4A4A;
    border-radius: 22px;
}

.accordion-body{
    padding:0px 50px 50px 50px!important;
}

.accordion-collapse{
    background-color: #FAFAFA!important;
    border-radius: 22px;
}

.tips, .tips-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 15px;
    padding: 0px 45px 50px 45px;
    margin: 86px 43px 0px 43px;
    min-height: 530px;
}

.tips-img{
    background: transparent 0% 0% no-repeat padding-box;
    box-shadow: none;
}

.tips-btn{
    margin-top:100px;
}

.last-tip{
    padding: 0;
    margin: 0 43px 0px 43px;
}

.last-tip-margin{
    margin: 86px 0 0 0;
}

.romvos{
    position: relative;
    display: flex;
    justify-content: center;
    margin-bottom: 100px;
    margin-top: -40px;
}

.tips-fancy-shape{
    width: 80px;
    height: 80px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    background: #7A2A90 0% 0% no-repeat padding-box;
    border: 3px solid #F37024;
    border-radius: 15px;
    opacity: 1;
    position: absolute;
}

.tips-fancy-number{
    position: absolute;
    color: white;
    font-size:50px;
}

.grey-big-box-shadow, .grey-big-box-shadow-home{
    background-color: #FAFAFA;
    border-radius: 16px;
    box-shadow: 0px 0px 12px #00000029;
    padding: 135px 65px 135px 65px;
}

.grey-big-box-shadow-home{
    padding: 60px;
}

.grey-big-box-img, .grey-big-box-img-home{
    position:absolute;
    bottom: 0;
    width: 600px;
    height: auto;
}

.grey-big-box-img-home{
    right:0;
}

.grey-box-text , .grey-box-shadow , .grey-box-shadow-profile {
    background-color: #FAFAFA;
    padding: 40px 36px 40px 36px;
    border-radius: 16px;
}
.teacher-main-card-box{
    padding:0;
    border-radius:20px;
    background-color: #FAFAFA;
    box-shadow: 0px 0px 12px #00000029;
}


.grey-box-shadow, .grey-box-shadow-profile{
    box-shadow: 0px 0px 12px #00000029;
}

.grey-box-shadow-profile{
    padding: 56px 65px 56px 65px;
}

.equal-height-columns {
    display: flex;
}

.equal-height-columns .col-lg-6 {
    display: flex;
    flex-direction: column;
}

.equal-height-columns .grey-box-shadow {
    flex: 1;
}


.image-bg{
    background-size: cover;
    background-position: center;
    border-radius:20px;
}

.lessons-wrapper{
    width: 270px;
    height: 270px;
    padding: 35px 30px 35px 30px;
    box-shadow: inset 0px 0px 12px #00000029;
    border-radius: 15px;
    margin-right:60px;
}

.lessons-wrapper:hover{
    background-color: white;
}

.lesson-title{
    font-size: 26px;
    font-weight: 400;
    color: #4A4A4A;
    text-align: center;
}

.lesson-link {
    display: block;
    text-decoration: none;
    color: inherit;
    width: 100%;
    height: 100%;
}

.lesson-link .lesson-item {
    pointer-events: none; /* Prevent nested elements from interfering with the link */
}

.lesson-title, .lesson-item img {
    pointer-events: auto; /* Allow interaction with the title and image */
}

.top-lesson-img, .bottom-lesson-img{
    width:605px; 
    height:434px;
    position:absolute;
}

.top-lesson-img {
    left:100px;
}

.bottom-lesson-img{
    top:380px;
    left:-50px;
}

.teacher-cards-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.teacher-cards-container .col-lg-3 {
    flex: 1 1 calc(25% - 15px);
    max-width: calc(25% - 15px);
    box-sizing: border-box;
    justify-content: center;
}

.teacher-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 3px 12px #00000029;
    border-radius: 20px;
    padding: 0;
    height: 100%;
    width:410px;
}

.teacher-pic {
    border-radius: 20px 20px 0 0;
}
.teacher-pic-profile{
    border-radius: 20px 0px 0px 20px;
    max-width:450px;
}

.teacher-info {
    padding: 37px 43px 27px 43px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.teacher-name, .teacher-name-profile {
    font-size: 24px;
    color: #4A4A4A ;
    font-weight: 700;
}

.teacher-name-profile{
    font-size: 38px;
}

.teacher-short {
    font-size: 18px;
    color: black;
    max-width: 321px;
}

.teacher-classes {
    font-size: 22px;
    color: #4A4A4A;
    font-weight: 500;
}

.teacher-classes-profile{
    background: #4A4A4A 0% 0% no-repeat padding-box;
    border-radius: 10px;
    color: white;
    font-size: 20px;
    font-weight: 500;
    padding:10px;
    margin:5px;
    display: inline;
}

.teacher-classes-profile-wrapper{
    margin-top:20px;
}


.fa-star {
    color: #7A2A90;
    font-size: 18px;
}

.teacher-info-btn, .view-all-articles {
    font-size: 20px;
    margin-top:50px;
    background-color: white;
    border: none;
    color: #4A4A4A;
}

.view-all-articles{
background-color: transparent;
}

.teacher-info-btn:hover .fa-caret-right::before,
.view-all-articles:hover .fa-caret-right::before{
    color: #4A4A4A;
}

.teaching-hours-calc{
    position: relative;
}

.calc-contact{
    max-width: 80%;
}

.teaching-hours-btn{
    padding: 28px 45px 28px 45px;
    color:#4A4A4A;
    font-size:20px;
    font-weight: 700;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    border: 2px solid #7A2A90;
    border-radius: 15px;
}

.teaching-hours-btn:hover{
    color:white;
    background: #7A2A90 0% 0% no-repeat padding-box;
}

#calc-back{
    text-decoration: underline;
    color:#7A2A90;
    font-size: 14px;
}

#calc-back:hover{
    cursor: pointer;
}

.teaching-hours-activated{
    visibility: hidden;
    background-color: white;
    position: absolute;
    top:0;
    right:0;
    left:0;
    bottom:0;
    z-index: 20;
    padding: 70px 60px 50px 60px;
    box-shadow: 0px 0px 20px #00000029;
    border: 2px solid #F37024;
    border-radius: 15px;
    opacity: 1; 
}

.salary{
    font-size: 53px;
    font-weight: 700;
    color: #7A2A90;
}

.article-card{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #00000029;
    border-radius: 24px;
    
}

.article-card-body{
    padding:60px 50px 60px 50px;
}

.article-card-title{
    color:#4A4A4A;
    font-size: 30px;
    font-weight:500;
}

.article-card-btn-wrapper button, .seminario-card-btn-wrapper{
    margin-top:50px;
    font-size: 22px;
    font-weight: 500;
}

.article-card-btn-wrapper button{
    color:#4A4A4A;
}

.article-card-img img{
    border-radius:20px 20px 0px 0px;
}

.article-card-img {
    width: 100%; 
    height: auto; 
    overflow: hidden; 
}

.article-card-img img {
    border-radius:20px 20px 0px 0px;    
    width: 100%; 
    height: auto; 
    display: block; 
}


.page-numbers{
    font-size: 22px;
    color: #4A4A4A;
    font-weight: 400;
    margin:0 5px 0 5px;
    text-decoration: none;
}

.page-numbers:hover{
    color:lightgrey;
}

.page-numbers.current{
    color: #F37024;
    text-decoration: underline;
}

.article-category{
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 18px;
    text-decoration:none;
    color: #7A2A90;
}

.article-line.d-flex{
    flex-wrap: wrap;
    padding :0;
}

.article-card{
    padding:0;
}

.article-title{
    font-size: 42px;
    color: #4A4A4A;
    font-weight: 500;
}

.wrap {
    float: right; 
    margin-left:70px;
    margin-bottom:20px;
}

.seminar-right-col{
    margin:70px;
}

.latest-articles{
    padding:75px 0px 75px 0px;
}

.fa-chevron-right:before{
    color: #F37024  ;
    font-size:14px;
    margin:0 20px 0 20px;
}

.breadcrumbs-wrapper{
    margin-top: 120px;
}

#breadcrumbs{
    font-size: 14px;
    color:#4A4A4A;
    font-weight: 400;
    
}

#breadcrumbs a{
    text-decoration: none;
    color:#4A4A4A;
}

#breadcrumbs a:hover{
    color:#7A2A90;
}


.contact-form form .wpforms-field-container{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 12px #00000029;
    border-radius: 16px;
    padding:45px;
    opacity: 1;
}

.contact-form form .wpforms-field-container .wpforms-field input {
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 0;
}

#wpforms-1249-field_3, #wpforms-1478-field_3{
    background: #FAFAFA 0% 0% no-repeat padding-box;
    border: 0;
    height: 380px;
}

.contact-form form .wpforms-field-container .wpforms-field input::placeholder{
    letter-spacing: 0px;
    color: #B1B1B1;
    opacity: 1;
    text-align:left;
}

#wpforms-submit-1249, #wpforms-submit-1478{
    width:100%;
    background: #7A2A90 0% 0% no-repeat padding-box;
    border-radius: 16px;
    padding:20px 20px 40px 20px;
}

#wpforms-submit-1249:hover, #wpforms-submit-1478:hover{
    background: #F37024 0% 0% no-repeat padding-box;
}

.page-id-1440 .view-all-articles.d-flex.align-items-center{
    display: none!important;
}

.inner-banner-bg{
    background-color: rgba(52, 8, 65, 0.7);
    padding:200px 0px 200px 0px;
}

.contact-info{
    font: normal normal normal 24px/30px Ubuntu;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 20px;
    z-index:1000;
}

.contact-two-boxes{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 20px #00000029;
    border: 2px solid #F37024;
    border-radius: 15px;
    margin:20px;
    padding:70px 60px 70px 60px;
}

.title-contact-two-boxes{
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 10px;
}

.seminario-img{
    margin: 50px 0px 0px 50px;
}




/* DESKTOP MENU*/
@media screen and (min-width:1280px){
    .desktop-menu{
        display: block;
    }

    .hide-above-1280{
        display: none;
    }

    .logo-mobile{
        display:none;
    }

    .responsive-menu{
        display: none;
    }

    .navbar {
        background: white !important;
    }

    .navbar-nav{
        margin-bottom: 20px;
    }
    
    .menu-border{
        margin: 15px 0px 15px 0px;
        border-top: solid 1px #f5f5f5;
    }
    
    .menu-fluid{
        margin-bottom: -50px;
    }
    
    .navbar-nav .nav-item, 
    .navbar-nav .dropdown-item, 
    #navbarNavDropdown a {
        color: #4A4A4A;
        font-size: 22px;
        padding-right: 50px;
    }
    
    #navbarNavDropdown{
        margin-top:5px;
    }
    
    .navbar-nav .menu-item a:hover, 
    .navbar-nav .dropdown-item:hover {
        color: #7a2a90 !important;
        background-color: transparent !important;
    }
    
    .dropdown-menu{
        position:relative;
    
        padding:20px 0px 20px 20px;
    }
    
    .dropdown-menu .menu-item{
        padding-bottom: 20px;
    }
    
    
    
    .dropdown-menu, .sub-dropdown{
        background: #FFFFFF 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 20px #00000029;
        border-radius: 10px;
        border:none;
    }
    
    .sub-dropdown{
        column-count: 4;
    }
    
    
    .dropdown-menu.sub-dropdown {
        display: none;
        position: absolute;
        left: 100%; 
        top: 0;
        padding:20px;
    }
    
    .menu-item a{
        text-decoration:none;    
    }
    
    .menu-item-has-children:hover .dropdown-menu.sub-dropdown {
        display: block; 
    }
    
    .menu-item-img {
        display: block;
        margin-top: 10px;
    }
    
    .dropdown-menu.sub-dropdown li.menu-item{
        display: flex;
        flex-direction: column;
        align-items: center; 
        background: #FAFAFA 0% 0% no-repeat padding-box;
        box-shadow: inset 0px 0px 12px #00000029;
        border-radius: 15px;
        padding:15px;
        margin-bottom: 15px;
        overflow: hidden;
    }

    .lesson-menu-item{
        display: flex;
        flex-direction: column;
        align-items: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .dropdown-menu.sub-dropdown .menu-item a {
        text-align: center;
        padding-right: 0!important;
        font-size: 12px!important;
    }
    
    .dropdown-menu.sub-dropdown li a{
        display: flex;
        flex-direction: column;
        align-items:center;
    }

}



/* responsive menu */
@media screen and (max-width:1279px){
    .responsive-menu{
        display: inline-block;
        margin-right:5%;
    }
 
    .hide-1279px{
        display: none;
    }

    .logo-desktop{
        display:none;
    }

    .menu-item-img{
        max-width: 50px;
        height: auto;
    }

    .desktop-menu{
        display: none;
    }

    #mobile-menu div a{
        text-decoration: none;
    }

    .navbar-toggler{
        outline: 0 !important;
    }

    .navbar.bg-body-tertiary{
        background-color: transparent!important;
    }

    .menu-item{
        font-size: 25px;
        margin-bottom:10px;
    }

    .menu-item a{
        color: #4A4A4A;
        text-decoration:none;    
    }
    
    .menu-item a:hover{
        color:#7A2A90;
    }

    .dropdown-menu .menu-item{
        font-size:20px;
    }

    .dropdown-menu .sub-dropdown a{
        font-size:17px;
    }

    .dropdown-menu .sub-dropdown .menu-item a{
        display: flex;
        flex-direction: column;
        align-items:center;
        margin-bottom: 25px;
        text-align: center;
        
    }

    .dropdown-menu{
        padding:30px;
    }

    .menu-item:hover{
        color: #7A2A90!important;
    }

    .navbar-nav .current-menu-item > a {
        color: #7A2A90 !important;
    }

    .dropdown-menu{
        border:none;
    }

    .login{
        margin-top:20px;
    }

    .login a{
        font-weight:bold ;
        color: #7A2A90;
    }

    .start-here{
        margin-top:10px;
    }

    .start-here a{
        background-color:#7A2A90;
        border-radius: 5px;
        color:white;
        padding:12px;
        font-weight:bold;
    }

    .start-here a:hover{
        background-color: #F36F21;
    }

}

/* Cookie consent footer button */

.gdpr-button {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 99999;
	background-color: #1B314A!important;
	color: #fff;
    padding: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	border: none;
}

.gdpr-button:hover{
	cursor:pointer;
	background-color: #4992E2!important;
	transition: 0.3s;
}



/*------------------------------------------------------------------------*/
/* RESPONSIVE */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1800px){
    .bottom-lesson-img{
        left:-150px;
        top:380px;
    }
}

@media screen and (min-width:1441px){
    .article-line .first-middle-article{
    margin-top:100px;
    }

    .article-line .middle-article {
        margin-top: 50px;
    }

    .article-line .not-middle-article {
        margin-top: -100px;
    }

    .article-card{
        width: 540px;
        height: 884px;
    }



}



@media screen and (min-width: 1001px) {
    .article-card {
        flex: 0 0 auto;
        width: 31%;
    }

    .yt-iframe-notmobile{
        display: block;
        width: 100%;
        min-height: 30vw;
        margin: 50px 0px 0px 50px;
    }

    iframe.img-round-corners.yt-iframe-mobile{
        display: none;
    }
}


@media only screen and (min-width:1366px){
    .top-container{
        margin:60px;
    }

    .right{
        margin-left:77px;
    }

    .description-paidagogos{
        margin-bottom:100px;
        margin-left:50px;
    }

    .desktop-oversize{
        max-width: 150%!important;
        height:auto;
    }
}

@media only screen and (max-width:1440px) and (min-width:600px){
    .tablet-display-center{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .top-img{
        max-width: 500px;
    }
       
    
}

@media screen and (max-width:1200px) and (min-width:768px){
    .teacher-col{
        display: flex;
        justify-content: center;
        align-items:center;
    }

    .teacher-profile-card{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .teacher-pic-profile{
        margin-top:20px;
        border-radius: 20px;
    }
    
    
}

@media screen and (max-width:767px){
    .teacher-col{
        display: flex;
        justify-content: center;
        align-items:center;
    }

    .teacher-profile-card{
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .teacher-pic-profile{
        border-radius: 20px;
        max-width: 350px;
        margin-top:20px;

    }

    .menu-item-img{
        max-width: 35px;
        height: auto;
    }
}

@media screen and (max-width:1399px){
    .teacher-main-card-box{
        flex-direction: column;
        align-items:center;
        
    }
    .teacher-profile-card{
        margin-left:20px;
    }
    .teacher-pic-profile{
        border-radius: 20px;
        max-width: 350px;
        margin-top:20px;

    }
}

@media screen and (max-width:1799px) and (min-width:1400px){
    .teacher-cards-container .col-lg-3 {
        flex: 1 1 calc(33% - 15px);
        max-width: calc(33% - 15px);     
    }

    .teacher-pic-profile{
        max-width:420px;
    }
}

@media screen and (max-width:1399px) and (min-width:1000px){
    .teacher-cards-container .col-lg-3 {
        flex: 1 1 calc(50% - 15px);
        max-width: calc(50% - 15px);      
    }

    
}

@media screen and (max-width: 1024px ){
    .lessons-wrapper{
        margin-right:20px;
    }

    .calculator-income{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

@media screen and (max-width:999px){
    .teacher-cards-container .col-lg-3 {
        flex: 1 1 100%;
        max-width: 100%;      
    }
}

@media only screen and (max-width:1000px){

    .grey-big-box-img-home{
        display: none;
    }

    .logo{
        max-width: 60%!important;
        height: auto;
        margin: 0 50px 20px 20px;
    }
    section{
        margin-bottom:60px;
    }    

    .top-img, .top-img-shape ,.top-img-slide, .top-img-shape2 ,.top-img-shape3{
        display: none;
    }

    .top-container{
        padding: 45px;
    }

    .top-btn{
        margin-left: 10vw;
    }

    .first-title , .second-title, .title-paidagogos, .title ,.second-home-title{
        font-size:26px;
    }

    .second-home-title{
        text-align: left;
    }

    .second-home-title::after{
        left:0;
        text-align: left;
    }

    .first-description, .text ,.second-home-description{
        font-size: 16px;
    }

    .second-home-description{
        text-align: left;
    }

    .lessons-per-month{
        font-size:20px;
    }

    .mov-btn{
        font-size: 16px;
        padding:10px; 
        max-width: 58vw;
    }

    .text-image-wrapper .row:nth-child(odd) .box-text .description,
    .text-image-wrapper .row:nth-child(even) .box-text .description{
        margin:10px 0px 0px 0px;
    }

    .description p{
        font-size:16px;
    }
    
    .text-image-wrapper .row:nth-child(odd) .box-text {
        order: 0;
    }

    .tips{
        min-height: 300px;
    }

    .top-lesson-img, .bottom-lesson-img{
        position: initial;
        max-width: 100%;
        height: auto;
        margin-bottom:10px;
    }
    
    .teacher-classes-profile{
        display: block;
    }

    .grey-big-box-img{
        display:none;
    }

    .article-card{
        margin-top:30px;
    }

    .article-card-body{
        padding: 20px;
    }

    .article-card-title{
        font-size:25px;
    }
    .article-card-btn-wrapper a{
        font-size:20px;
    }

    .article-title{
        margin:10px;
        font-size:28px;
    }

    .article-content{
        margin:10px;
    }

    .yt-iframe-mobile{
        display: block;
        width: 100%;
        min-height: 60vw;
        margin:0;
    }

    .yt-iframe-notmobile{
        display: none!important;
    }

    .seminario-img{
        margin:0;
    }

}


/*------------------------------------------------------------------------*/
/* DASHBOARD */
/*------------------------------------------------------------------------*/

.teacher-edu-text{
    font-size: 18px;
    color: #4A4A4A;
}

.package-box{
    background-color: white;
    padding: 30px;
    box-shadow: 0px 0px 20px #00000029;
    border-radius: 15px;
    margin:20px;
}

.package-title{
    text-align: center;
    font-size:20px;
    font-weight: 500;
}

.package-duration {
    margin-bottom: 20px;
    font-size:12px;
}

.package-price{
    color: #0B2FAC;
    font-weight: 700;
    font-size: 50px;
}

.dashboard-content .btn.btn-primary:hover{
    background-color: #F36F21;
    border-color:#F36F21;
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .ipad-fix{
        display: flex;
        flex-direction: column;
        align-items: center;
        
    }

    .ipad-fix .article-card {
        flex: 1;
        width: 80%;
        margin: 30px 0px;
    }
}