@import "fonts.css";
@import "colors.css";
@import "typography.css";

@import "header.css";
@import "footer.css";

@import "custom/banner.css";

html, body {
    min-width: 320px;
    min-height: 100vh;
}

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex-grow: 1;
}

/* --- GENERAL STYLING --- */
@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1140px;
    }
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1140px;
    }
}













/* --- FULL IMAGE TEXT --- */

.full-img-text {
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.full-img-text .img-wrapper {
    max-height: 1179px;
    overflow: hidden;
}

@media screen and (min-width: 1200px) {
    .full-img-text .img-wrapper {
        margin-top: -64px;
        z-index: -1;
        position: relative;
    }
}

.full-img-text .text {
    position: absolute;
    top: 135px;
}

@media screen and (max-width: 768px) {
    .full-img-text .text {
        top: 100px;
    }
}

@media screen and (max-width: 992px) {
    .full-img-text .text {
        max-width: 400px;
    }
}

.full-img-text p {
    color: #ad792f;
}

.full-img-text .quote {
    margin: 40px 0 27px 0;
}

@media screen and (max-width: 425px) {
    .full-img-text .quote {
        margin: 20px 0 10px 0;
    }
}

@media screen and (max-width: 640px) {
    .full-img-text .quote {
        margin: 10px 0 5px 0;
    }
    .full-img-text img {
        margin-top: 1000px;
    }
}


@media  screen and (max-width: 1199px) {
    .full-img-text img {
        margin-top: 200px;
    }
    
}

@media screen and (max-width: 992px) {
    .full-img-text img {
        margin-top: 250px;
    }

}

@media screen and (max-width: 768px) {
    .full-img-text img {
        margin-top: 300px;
    }
}

@media screen and (max-width: 640px) {
    .full-img-text img {
        margin-top: 350px;
    }
}

@media screen and (max-width: 425px) {
    .full-img-text img {
        margin-top: 330px;
    }
}

@media screen and (max-width: 375px) {
    .full-img-text .quote {
        margin: 5px 0;
    }

    .full-img-text button {
        margin-top: 5px;
    }
}

@media screen and (max-width: 375px) {
    .full-img-text img {
        margin-top: 350px;
    }

    .full-img-text p {
        margin-bottom: 0;
    }
}

/* --- CARD GROUP SECTION --- */

.card-group-section {
    margin: 65px auto 120px;
}

@media screen and (max-width: 768px) {
    .card-group-section {
        margin: 10px auto 50px;
    }
}

.card-group-section .wrapper {
    display: flex;
    flex-direction: column;
}

.card-group-section .card-item {
    flex: 1;
    max-width: 100vw;
}

.card-group-section .card-item .top {
    color: #aa1e2e;
    font-size: 16px;
    font-family: "migra-extrabold";
}

@media screen and (max-width: 425px) {
    .card-group-section .card-item .top {
        font-size: 14px;
    }
}

.card-group-section .card-item .bottom a {
    color: #2d2f3e;
    font-size: 18px;
    font-family: "agrandir-regular";
    border-bottom: 2px solid #ad792f;
    text-decoration: none;
}

@media screen and (max-width: 425px) {
    .card-group-section .card-item .bottom a {
        font-size: 16px;
    }
}

.card-group-section .card-item .bottom a:hover {
    border-bottom: none;
    color: #ad792f;
}






.fw-bold {
    font-family: "migra-extrabold";
}

.bg-grey-1 {
    background-color: #0000000a;
}

.bg-grey-2 {
    background-color: #f1f1f1;
}

.bg-grey-3 {
    background-color: #f8f8f8;
}

.bg-grey-4 {
    background-color: #f3f3f4;
}

.bg-peach {
    background-color: #ad792f1f;
}

.bg-peach-light {
    background-color: #fffff8;
}

.bg-peach-light-1 {
    background-color: #faf7f3;
}

.bg-crem {
    background-color: #f9f4ef;
}

.full-img-text .img-wrapper {
    max-height: 665px;
    display: flex;
    align-items: center;
}

@media screen and (min-width: 1200px) {
    .full-img-text .img-wrapper {
        margin-top: 0;
    }
}

.full-img-text .text {
    top: 80px;
}

@media screen and (max-width: 425px) {
    .full-img-text .text {
        top: 14px;
    }
}

@media screen and (max-width: 425px) {
    .full-img-text img {
        margin-top: 250px;
    }
}

.full-img-text p {
    color: #222;
    font-family: Georgia;
    font-weight: 400;
    line-height: 23px;
}

.wrapper-text-image-reverse .text {
    padding-bottom: 25px;
}

.text {
    max-width: 510px;
}

.text p {
    font-family: Georgia;
    font-weight: 400;
}

.wrapper-text-image-reverse .text-image {
    padding-right: 20px;
}

.wrapper-text-image-reverse {
    padding: 80px 0;
}

.bg-grey-1 .wrapper-text-image-reverse .btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0b0b0b;
}

.wrapper-text-image .text-image {
    text-align: center;
}

.bg-peach .wrapper-text-image,
.bg-grey-1 .wrapper-text-image,
.bg-grey-2 .wrapper-text-image,
.bg-white .wrapper-text-image,
.bg-peach-light-1 .wrapper-text-image,
.bg-grey-4 .wrapper-text-image {
    padding: 80px 0;
}

.bg-crem .wrapper-text-image {
    padding: 110px 0;
}



.right-align {
    top: 100px !important;
    right: 600px;
}

@media screen and (max-width: 2320px) {
    .right-align {
        
        right: 200px;
    }
}

@media screen and (max-width: 1440px) {
    .right-align {
        right: 100px;
    }
}

@media screen and (max-width: 1120px) {
    .right-align {
        right:60px;
    }
}

@media screen and (max-width: 992px) {
    #admitere .full-img-text img {
        margin-top: 330px;
    }

    .right-align {
        right:auto;
        left: 20px;
        top: 20px!important;
    }
}

@media screen and (max-width: 320px) {
    .right-align {
        left: 8px;
    }
}

#admitere .full-img-text {
    background-color: #fffcf2;
}

#admitere .full-img-text .img-wrapper {
    z-index: 0;
}

.wrapper-text-image,.wrapper-text-image-reverse {
    gap: 20px;
}

.double-image .text-image {
    display: flex;
    gap: 20px;
    align-items: baseline;
}

@media screen and (max-width: 425px) {
    .double-image .wrapper-text-image,
    .double-image .wrapper-text-image-reverse {
        flex-direction: column;
    }
    .double-image .text-image {
        flex-direction: column;
    }
}


.double-image .text-image img:hover {
    opacity: .8;
}

.double-image .text-image img {
    padding-bottom: 30px;
    filter: drop-shadow(rgba(0, 0, 0, 0.25) 0px 0px 4px);
}

.double-image .text-image a {
    display: flex;
    flex-direction: column;
    font-family: "agrandir-regular";
    font-size: 18px;
    color: #ad792f;
    text-align: start;
    text-decoration: none;
}


.double-image .text-image .title {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 2px;
    filter: none;
}

.double-image .text-image span {
    color: #2f324a;
    font-size: 12px;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

.double-image .text-image .title:hover {
    color: #2f324a;
}

.bg-white .text-image img {
    filter: none;
}

.banner-overlay .wrapper-text-image {
    padding-top: 40px;
    position: relative;
}

.banner-overlay .wrapper-text-image p {
    font-family: "agrandir-regular";
    color: #ad792f;
}

.banner-overlay .subtitle {
    font-style: italic;
    padding-left: 8px;
    margin-top: 50px;
    border-left: 2px solid #c06b2a;
    max-width: 533px;
}

.banner-overlay .subtitle p, .banner-overlay .subtitle a {
    font-family: "Georgia"!important;
    color: #2f324a!important;
    font-size: 19px;
    font-weight: 400;
    text-decoration: none;
}

@media screen and (max-width: 425px) {
    .banner-overlay .subtitle p, .banner-overlay .subtitle a {
        font-size: 16px;
    }
}

.banner-overlay .subtitle a {
    border-bottom: 2px solid #ad792f;
}

.banner-overlay .subtitle a:hover {
    border-bottom: none;
    color: #ad792f!important;
}

.banner-overlay .text {
    max-width: 565px;
}

.banner-overlay .text-image-overlay {
    opacity: 0.1;
    position: absolute;
    top:20%;
    right: 0;
    width: 850px;
    height: 605px;
}

/* General page sections */
.section-1 {
    background-color: #f3ebe1;
    padding: 80px 0;
}

.section-1 .text {
    
    max-width: 611px;
}

.section-1 h1 {
    color: #ad792f;
}

.section-1 p {
    font-family: "agrandir-regular";
}

.section-2 {
    background-color: #f3ebe1;
    padding: 0 0 20px;
}

.section-2 .wrapper-text-image{
    align-items: start;
}

.section-2 .text-image {
    max-width: 308px;
}

.section-2 .text {
    max-width: 489px;
    padding-left: 20px;
    border-left: 2px solid #2f324a;
}

.section-2 .text p{
    line-height: 1.2;
    padding-bottom: 10px;
}

.centered-text {
    background-color: #f3ebe1;
    padding: 50px 0;
}

.centered-text div{ 
    width: fit-content;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    color: #aa1e2e;
    font-family: "agrandir-regular";
    font-size: 18px;
}

.section-3 {
    background-color: #f3ebe1;
    padding: 20px 0 80px;
}

.section-3 .wrapper-text-image {
    align-items: start;
}

.section-3 .text-image {
    max-width: 308px;
    height: 100px;
}

.section-3 .text {
    max-width: 489px;
    padding: 0 20px;
    margin-top: 0;
    border-right: 2px solid #2f324a;
}

.section-3 .text p{
    line-height: 1.2;
    padding-bottom: 10px;
}

.section-3 .extra-text {
    max-width: 244px;
    font-family: "agrandir-regular";
    font-size: 18px;
}

@media screen and (max-width: 992px) {
    .section-2 .wrapper-text-image, .section-3 .wrapper-text-image {
        flex-direction: column;
    }
    .section-3 .extra-text {
        padding-left: 20px;
    }
}

@media screen and (max-width: 768px) {
    .centered-text div {
        max-width: 90%;
    }
}

.image-section-1 {
    background: linear-gradient(to right, #ebebeb, #f2f2f2);
    z-index: -1;
}

.image-section-1 span, .image-section-1 p{
    font-family: "agrandir-regular";
    line-height: 27px;
    color: #ad792f;
}

.double-text-section {
    margin-bottom: 60px;
}

.double-text-section .text {
    max-width: 100%;
}

.double-text-section .text h1{
    margin: 60px 0;
}

.double-text-section .col-text-1, .double-text-section .col-text-2 {
    border-left: 2px solid white;
    padding-left: 15px;
    padding-right: 40px;
    max-width: 400px;
    line-height: 23px
}

@media screen and (max-width: 425px) {
    .double-text-section .col-text-1{
        padding-right: 0;
    }

    .double-text-section .col-text-2 {
        border-left: none;
        border-right: 2px solid white;
        border-top: 2px solid white;
        padding-right: 15px;
        padding-left: 0;
        padding-top: 15px;
    }
}

.image-section-2 {
    background-color: #fefefe;
    z-index: -1;
}

.image-section-2 .text {
    max-width: 800px;
}

.image-section-2 span, .image-section-2 p {
    color: #ad792f;
    font-family: "agrandir-regular";;
}

.image-section-2 .double-text .col-text {
    margin-top: 20px;
    flex: 1;
    border-left: 2px solid #ad792f;
    padding-left: 20px;
    padding-right: 10px;
}

.image-section-2 .double-text .col-text p{
    font-family: "Georgia";
    color: #0b0b0b;
}

@media screen and (max-width: 496px) {
    .full-img-text .image-section-2  img {
        margin-top: 320px;
    }
}

@media screen and (max-width: 425px) {
    .full-img-text .image-section-2  img {
        margin-top: 320px;
    }
}

@media screen and (max-width: 375px) {
    .full-img-text .image-section-2  img {
        margin-top: 340px;
    }
}

@media screen and (max-width: 321px) {
    .full-img-text .image-section-2  img {
        margin-top: 430px;
    }
}


.text-image-section1 {
    padding: 40px 0;
}

.text-image-section1 .text p {
    font-family: "agrandir-regular";
    color: #ad792f;

}

.text-primary-sans {
    font-family: "agrandir-regular"!important;
    color: #ad792f;
}

.image-wrapper {
    max-height: 1000px;
    overflow: hidden;
    
    text-align: center;
}

.buttons-group {
    background-color: #ad792f;
}

.buttons-group .wrapper-text-image {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
    gap: 50px;
}

.buttons-group .wrapper-text-image a {
    text-decoration: none;
    font-family: "migra-extralight";
    font-size: 18px;
    color: #2f324a;
    background-color: #fff;
    padding: 25px 30px;
    flex: 1;
    text-align: center;
    align-content: center;
}

@media screen and (max-width: 768px) {
    .buttons-group .wrapper-text-image {
        gap: 25px;
    }
    .buttons-group .wrapper-text-image a {
        font-size: 16px;
        padding: 20px 15px;
    }
}

@media screen and (max-width: 425px) {
    .buttons-group .wrapper-text-image a {
        font-size: 12px;
        padding: 20px 20px;
    }
}

.buttons-group .wrapper-text-image a:hover {
    color: #fff;
    background-color: #2f324a;
}

.models-section .studies {
    padding: 25px 0;
}

.models-section ul {
    font-family: Georgia;
    font-size: 18px;
    padding-left: 1.2rem;
}

.custom-name-color1 h1{
    color: #c06b2a;
}

.custom-name-color2 h1{
    color: #aa1e2f;
}

.custom-name-color3 h1{
    color: #ad792f;
}

.goal {
    padding: 30px 0;
}

.goal .goal-item {
    font-family: "Georgia"!important;
    color: #2f324a!important;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background-color: #5c5c5c;
    border-radius: 100%;
    background-size: 60%;
    width: 40px;
    height: 40px;
}

@media screen and (max-width: 425px) {
    .carousel-control-next-icon, .carousel-control-prev-icon {
        width: 30px;
        height: 30px;
    }
}

.double-image .text-image .row span {
    font-family: "migra-extrabold";
    font-size: 17px;
    color: #2f324a;
}


@media screen and (max-width: 1200px) {
    .gallery-text .wrapper-text-image {
        flex-direction: column;
    }

    .gallery-text .wrapper-text-image .text {
        max-width: 100%!important;
    }
}

.text-image-full .text-image {
    max-width: 100%;
}

.text-image-full .text-image a{
    flex: 1;
}

.steps {
    display: flex;
}

.steps h1 {
    margin: 0!important;
    padding-bottom: 20px;
}

.steps a {
 color: #2d2f3e;
}

.steps a:hover {
    color: inherit;
}

.limited-width {
    max-width: 505px;
}