@import url("reset.css");
@import url("https://fonts.googleapis.com/css?family=Plus+Jakarta+Sans:regular,500,600,700,800&display=swap");

body{
    font-family: "Plus Jakarta Sans";
    color: rgb(94, 98, 130);
}
.general_title{
    color: rgb(68, 117, 242);   
    font-size: 1.125rem;
    font-weight: 800;
    line-height: 1.4375rem;
    letter-spacing: 9.5%;
    padding-bottom: .75rem;
}
.general_subtitle{
    color: rgb(0, 0, 0);
    font-size: 3rem;
    font-weight: 800;
    line-height: 4.0625rem;
    letter-spacing: 1%;
}

/*Header*/

.header {
    padding-top: 5rem;
    padding-bottom: 3.875rem;
}
.header_container {
    display: flex;
    align-items: center;
    gap: 7.8125rem;
}
.header-logo {
    width: 4.9375rem;
    height: 1.75rem;
}
.header-logo img{
    max-width: 100%;
}
.header-container_menu {
}
.header-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
.header-menu_item {
    color: rgb(154, 158, 166);
    font-size: .875rem;
    line-height: 1.125rem;
    transition: color 0.3s ease-in-out;
    text-shadow: 0.5px 0.5px 0.5px rgb(211, 212, 214), -0.5px -0.5px 0.5px
    rgb(211, 212, 214), 0.5px -0.5px 0.5px rgb(211, 212, 214), -0.5px 0.5px 0.5px rgb(211, 212, 214);
}
.header-menu_item:hover{
    color: rgb(71, 55, 255);
}
.header-menu_link {
}

.wrapper{
    position: relative;
}
.wrapper-background {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

/*Section_main*/

.section_main {
    position: relative;
    margin-bottom: 10.625rem;
}
.main_container {
    display: flex;
}
.main_content {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.main_content-title {
    font-size: 76px;
    font-weight: 800;
    line-height: 89px;
    letter-spacing: -4%;
    text-align: left;
    color: black;
}
.main_content-link{
    text-decoration: underline;
    color: rgb(68, 117, 242);
}
.main_content-text {
    max-width: 31.3125rem;
    color: rgb(94, 98, 130);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0%;
    text-align: left;
    text-shadow: 0.5px 0.5px 0.5px rgb(192, 193, 203), -0.5px -0.5px 0.5px
    rgb(192, 193, 203), 0.5px -0.5px 0.5px rgb(192, 193, 203), -0.5px 0.5px 0.5px rgb(192, 193, 203);
}
.main_content-button {
    width: 12.5rem;
    height: 3.75rem;
    border-radius: 10px;
    box-shadow: 0px 30px 60px 0px rgba(68, 117, 242, 0.25);
    background: rgb(68, 117, 242);
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    color: rgb(255, 255, 255);
    transition: background 0.3s ease-in-out;
}
.main_content-button:hover{
    background: rgb(5, 45, 147);
}
.main_images {
    display: flex;
    gap: 1.6875rem;
}
.images_left {
    display: flex;
    align-items: flex-end;
}
.images_left-img1{
    padding-bottom: .625rem;
}
.images_left-img1 img{
    border-radius: .75rem;
}
.images_center {
    width: 11.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.images_center-img2 {
    display: flex;
    justify-content: flex-start;
}
.images_center-img2 img{
    border-radius: 10px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25);
}
.images_center-img3 {
    display: flex;
    justify-content: flex-end;
}
.images_center-img3 img{
    border-radius: 10px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25);
}
.images_right {
    padding-top: 7.5rem;
}
.images_right-img4{
}
.images_right-img4 img{
    border-radius: 10px;
    box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.25);
}
@media (max-width: 76.8125rem){
    .main_container {
        display: grid;
        gap: 5.625rem;
    }
    .wrapper-background {
        height: 690px;
        left: 60%;
    }
    .wrapper-background img{
        max-height: 100%;
    }
    .main_content-title {
        max-width: 70%;
    }
    .main_images {
        justify-content: space-between;
        gap: .5rem;
    }
    .images_center {
        gap: 5.625rem;
    }
}
@media (max-width: 1199.98px){
    .wrapper-background {
        left: 60%;
    }
    .wrapper-background img{
        max-height: 100%;
    }
}
@media (max-width: 61.9363rem){
    .header {
        padding-top: 3.125rem;
        padding-bottom: 2.1875rem;
    }
    .header_container {
        display: flex;
        align-items: center;
        gap: 2.5rem;
    }
    .main_content-title {
        font-size: 56px;
        line-height: 76px;
    }
}
@media (max-width: 36.0613rem){
    .section_main {
        margin-bottom: 7.5rem;
    }
    .wrapper-background {
        height: 520px;
        left: 60%;
    }
    .wrapper-background img{
        max-height: 100%;
    }
    .header_container {
        display: grid;
        gap: 1.25rem;
    }
    .header-menu {
        gap: 1.5625rem;
    }
    .main_container {
        gap: 3.125rem;
    }
    .main_content {
        gap: 1.625rem;
    }
    .main_content-title {
        font-size: 42px;
        line-height: 52px;
    }
    .main_content-text {
        font-size: 14px;
        line-height: 26px;
        max-width: 380px;
    }
    .main_content-button {
        width: 150px;
        height: 48px;
        font-size: 14px;
        line-height: 21px;
    }
    .main_images {
        justify-content: center;
        flex-wrap: wrap;
        gap: 1.25rem;
    }
    .images_left {
        align-items: flex-start;
    }
    .images_left-img1{
        padding-top: 50px;
    }
    .images_center {
        gap: 50px;
    }
    .images_right {
        padding-top: 0;
    }
}
@media (max-width: 25rem){
    .main_container {
        gap: 2.1875rem;
    }
    .main_content {
        gap: 1.25rem;
    }
    .main_content-title {
        font-size: 32px;
        line-height: 42px;
        max-width: 280px;
    }
    .main_content-text {
        font-size: 12px;
        line-height: 18px;
        max-width: 260px;
    }
    .main_content-button {
        width: 150px;
        height: 48px;
        font-size: 14px;
        line-height: 21px;
    }
}

/*Section_features*/

.section-features {
    margin-bottom: 12.5rem;
}
.features_container {
}
.features_header {
    margin-bottom: 5.625rem;
}
.features_header-title {
}
.features_header-subtitle {
}
.features_books {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 11.4375rem;
}

.features_books-block {
}
.books-block_icon {
    box-shadow: 0px 30px 60px 0px rgba(71, 74, 87, 0.25);
    background: rgb(68, 117, 242);
    width: 6.375rem;
    height: 6.375rem;
    border-radius: 1.625rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
}
.books-block_title {
    color: rgb(0, 0, 0);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 2%;
    text-align: center;
    margin-bottom: 1.75rem;
}
.books-block_text {
    color: rgb(94, 98, 130);
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 2%;
    text-align: center;
}
@media (max-width: 61.9363rem){
    .general_title{
        font-size: 1rem;
        line-height: 1.3125rem;
    }
    .general_subtitle{
        font-size: 2.25rem;
        line-height: 3.4375rem;
    }
    .features_books {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        gap: 3.125rem;
    }
}
@media (max-width: 36.0613rem){
    .section-features {
        margin-bottom: 7.5rem;
    }
    .general_title{
        font-size: .875rem;
        line-height: 1.125rem;
    }
    .general_subtitle{
        font-size: 1.875rem;
        line-height: 2.8125rem;
    }
    .features_books {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 4.375rem;
    }
}

/*Section_services*/

.sections_services {
    margin-bottom: 12.5rem;
}
.services_container {
}
.services_header {
    margin-bottom: 5.625rem;
}
.services_header-title {
}
.services_header-subtitle {
}
.services_article-container{
    display: grid;
    gap: 8.75rem;
}
.article_rent {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    gap: 2.5rem;
    flex-wrap: wrap;
}
.rent_content {
    flex: 0 1 50%;
    max-width: 26rem;
}
.rent_content-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 2%;
    text-align: left;
    color: black;
    margin-bottom: 2.625rem;
}
.span_services{
    color: rgb(68, 117, 242); 
}
.rent_content-text {
    color: rgb(94, 98, 130);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 2%;
    text-align: left;
}
.rent_content-text p:not(:last-child){
    margin-bottom: .9375rem;
}
.rent_content-img {
    flex: 0 1 50%;
}
.rent_content-img img{
    max-width: 100%;
    border-radius: .625rem;
    box-shadow: 0px 30px 60px 0px rgba(71, 74, 87, 0.25);
}
.article_reading {
    display: flex;
    justify-content: space-between;
    gap: 2.5rem;
    flex-wrap: wrap;
}
.article_content {
    flex: 0 1 50%;
    max-width: 26.8125rem;
}
.article_content-title {
    font-size: 2rem;
    font-weight: 500;
    line-height: 2.5rem;
    letter-spacing: 2%;
    text-align: left;
    color: black;
    margin-bottom: 2.625rem;
}
.article_content-text {
    color: rgb(94, 98, 130);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: 2%;
    text-align: left;
}
.article_content-text p:not(:last-child){
    margin-bottom: .9375rem;
}
.article_content-img {
    flex: 0 1 50%;
}
.article_content-img img{
    max-width: 100%;
    border-radius: .625rem;
    box-shadow: 0px 30px 60px 0px rgba(71, 74, 87, 0.25);
}
@media (max-width: 61.9363rem){
    .services_article-container{
        gap: 5.625rem;
    }
    .article_rent {
        flex-direction: row;
        display: grid;
    }
    .rent_content {
        max-width: 100%;
    }
    .article_reading {
        display: grid;
    }
    .article_content {
        max-width: 100%;
    }
}
@media (max-width: 36.0613rem){
    .sections_services {
        margin-bottom: 7.5rem;
    }
    .services_article-container{
        gap: 3.75rem;
    }
    .rent_content-title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
    .rent_content-text {
        font-size: .875rem;
        line-height: 1.5rem;
    }
    .article_content-title {
        font-size: 1.5rem;
        line-height: 2rem;
        margin-bottom: 2rem;
    }
    .article_content-text {
        font-size: .875rem;
        line-height: 1.5rem;
    }
}

/*Section_reviews*/

.section_reviews {
    margin-bottom: 12.5rem;
}
.reviews_container {
}
.reviews_header {
    margin-bottom: 5.625rem;
}
.reviews_header-title {
}
.reviews_header-subtitle {
}
.reviews_items {
    display: flex;
    flex-wrap: wrap;
    gap: 3.1875rem;
}
.reviews_items-card {
    flex: 1 1 17.5rem;
    border: 1px solid rgb(222, 222, 222);
    box-shadow: 0px 2.77px 2.21px 0px rgba(0, 0, 0, 0.02),0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),0px 12.52px 10.02px 0px rgba(0, 0, 0, 0.04),0px 22.34px 17.87px 0px rgba(0, 0, 0, 0.04),0px 41.78px 33.42px 0px rgba(0, 0, 0, 0.05),0px 100px 80px 0px rgba(0, 0, 0, 0.07);
    background: rgb(255, 255, 255);
    padding: 2.5rem 3.5625rem 2.875rem 3.5625rem;
}
.items-card_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1.875rem;
}
.reviews_items-text {
    color: rgb(94, 98, 130);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .0125rem;
    text-align: center;
    margin-bottom: 1.5625rem;
}
.reviews_items-name {
    color: rgb(35, 166, 240);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .0125rem;
    text-align: center;
    margin-bottom: .9375rem;
}
.reviews_items-category {
    color: rgb(24, 30, 75);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.875rem;
    letter-spacing: .0125rem;
    text-align: center;
}
@media (max-width: 61.9363rem){
}
@media (max-width: 36.0613rem){
    .section_reviews {
        margin-bottom: 7.5rem;
    }
}

/*Section_location*/

.section_location {
    margin-bottom: 15rem;
}
.location_container {
}
.location_header {
    margin-bottom: 5.625rem;
}
.location_header-title {
}
.general_title {
}
.location_header-subtitle {
}
.general_subtitle {
}
.iframe_location{
    width: 100%;
    height: 25.3125rem;
}

/*Footer*/

.footer_container{
    margin-bottom: 5.875rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10rem;
}
.footer_inform-logo {
    display: grid;
    gap: 1.625rem;
}
.inform-logo_title {
    color: rgb(0, 0, 0);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0px;
    text-align: center;
}
.inform-logo-icon {
}
.footer_inform-media {
    display: grid;
    gap: 3.3125rem;
}
.inform-media_title {
    color: rgb(0, 0, 0);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0px;
    text-align: center;
}
.inform-media_items {
    display: flex;
    justify-content: space-between;
}
.twitter {
    width: 2.0625rem;
    height: 2.0625rem;
}
.Instagram {
    width: 2.0625rem;
    height: 2.0625rem;
}
.Facebook {
    width: 2.0625rem;
    height: 2.0625rem;
}
.footer_inform-slogan {
    display: grid;
    gap: 3.75rem;
}
.inform-slogan_title {
    color: rgb(0, 0, 0);
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.875rem;
    letter-spacing: 0px;
    text-align: center;
}
.inform-slogan_text {
    color: rgb(0, 0, 0);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5625rem;
    letter-spacing: 0rem;
    text-align: center;
}
.footer_rights {
    background: rgb(68, 117, 242);
    color: rgb(255, 255, 255);
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.125rem;
    letter-spacing: 0px;
    max-width: 100%;
    height: 7.4375rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (max-width: 61.9363rem){
    .footer_container{
        margin-bottom: 5.875rem;
        gap: 6.25rem;
    }
}
@media (max-width: 36.0613rem){
    .section_location {
        margin-bottom: 7.5rem;
    }
    .footer_container{
        margin-bottom: 3.75rem;
        gap: 4.375rem;
    }
    .footer_inform-logo {
        gap: 1.25rem;
    }
    .footer_inform-media {
        gap: 1.25rem;
    }
    .inform-logo-icon {
        max-width: 10rem;
    }
    .inform-logo-icon img{
        width: 100%;
    }
    .footer_inform-slogan {
        gap: 1.25rem;
    }
    .footer_rights {
        font-size: .75rem;
        line-height: 1rem;
        height: 5rem;
    }
}