@charset "utf-8";

button{
    background: none;
    border: 0;
    outline: 0;
}

.wrapper {
    width: 100%;
    overflow-x: hidden;
}

.curriculm .inlineblock,
.curriculm .logo{ width: 240px;}
.curriculm .inlineblock.wrap{ width: auto;}

.curriculm .logo h3{
    color: #ff960b;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    top: inherit;
    bottom: 0;
    left: 0;
    right: 0;
}
@media screen and (max-width: 975px){
    .curriculm .inlineblock{ width: 48%;}
    .curriculm .logo{ width: 100%;}
}

a.btn_round{
    display: inline-block;
    color: #FF960A;
    font-size: 1rem;
    background-color: #fff;
    border: 1px solid;
    padding: 0.5em 2em;
    border-radius: 2em;
    position: relative;
    transition: all .3s;
}
a.btn_round::after{
    content: "";
    width: .65em;
    height: .65em;
    border-right: 1px solid;
    border-bottom: 1px solid;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    transform: rotate(-45deg);
}
a.btn_round:hover{
    text-decoration: none;
    opacity: .8;
}
@media screen and (max-width: 599px){
    a.btn_round{
        font-size: 13px;
    }
}

/* .top */
.top h2{
    font-size: 30px;
}
.top .lead{
    font-size: 1.2em;
    margin: 0 auto 30px;
    width: fit-content;
}
@media screen and (min-width: 600px){
    .top .lead{
        text-align: center;
    }
}

/* .curriculm */
.newstxt {
    margin-top: 5px !important;
    display: flex;
    align-items: center;
}
.text_doyou{
    text-align: left;
    font-size: 12px;
    padding-left: 1em;
}
.curriculm .btn{ margin-top: 30px;}

/* .reports */
.reports{
    background: #fff6e9;
    text-align: center;
}
.reports .inner{
    max-width: 1000px;
    margin: auto;
}
.reports h2{
    font-size: 30px;
    line-height: 1.6;
}
.reports .marker{
    background: linear-gradient( rgba(255, 255, 255, 0) 60%, rgba(255, 150, 10, 0.4) 60% );
    padding-bottom: 8px;
}

.reports .grid .img img{
    width: 100%;
    position: relative;
}
.reports .grid h3{
    color: #ff960b;
    font-size: 20px;
    text-align: left;
    margin-bottom: 1.8em;
}
.reports .grid p{
    text-align: left;
}
.reports .grid .btn_round{
    width: 80%;
    margin-top: auto;
}

.reports .example{
    background-color: #fff;
    border: 1px solid #ff960b;
    border-radius: 10px;
    padding: 2em;
}
.reports .example h2{
    font-size: 23px;
}
@media screen and (min-width: 600px){
    .reports .inner > h2{
        margin-bottom: 2em;
    }
    .reports .grid{
        justify-content: space-between;
    }
    .reports .grid{
        display: grid;
        grid-template-columns: 53.25% 1fr 44%;
    }
    .reports .grid .img{
        grid-column: 1 / 2;
        grid-row: 1 / 4;
        padding-right: 8px;
        position: relative;
    }
    .reports .grid .img::before{
        content: "";
        width: 80%;
        border-top: 1px dashed #ff960b;
        position: absolute;
        top: 2em;
        right: 0;
    }
    .reports .grid .txt{
        grid-column: 3 / 4;
        grid-row: 1 / 2;
        padding-top: 10px;
    }
    .reports .grid .wrap_btn{
        grid-column: 3 / 4;
        grid-row: 3 / 4;
        padding-bottom: 35px;
    }
}
@media screen and (max-width: 599px){
    .reports h2{
        font-size: 22px;
    }
    .reports .grid h3{
        margin-bottom: 1em;
    }
    .reports .grid .wrap_btn{
        margin-top: 1em;
    }
    .reports .example h2 {
        font-size: 18px;
    }
}

/* .media_img */
@media screen and (min-width: 600px){
    .content .media_img{
        display: flex;
        justify-content: space-between;
    }
    .content .media_img li{
        flex: 0 0 30%;
    }
}
@media screen and (max-width: 599px){
    .content .wrap_media_img {
        width: 90%;
        position: relative;
    }
    .content .media_img li {
        float: left;
        overflow: hidden;
    }
    .content .media_img li img {
        width: 100%;
        max-width: 100% !important;
        height: auto !important;
    }
    .content .wrap_media_img .prev{
        position: absolute;
        left: -1.2em;
        top: 50%;
        transform: translateY(-50%);
    }
    .content .wrap_media_img .prev::before{
        content: "";
        display: block;
        width: 1.2em;
        height: 1.2em;
        border-top: 1px solid #ff960b;
        border-left: 1px solid #ff960b;
        transform: rotate(-45deg);
    }
    .content .wrap_media_img .next{
        position: absolute;
        right: -1.2em;
        top: 50%;
        transform: translateY(-50%);
    }
    .content .wrap_media_img .next::before{
        content: "";
        display: block;
        width: 1.2em;
        height: 1.2em;
        border-bottom: 1px solid #ff960b;
        border-right: 1px solid #ff960b;
        transform: rotate(-45deg);
    }
}