@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');


:root {

    --social-icon-color: #57606f;
    --social-icon-color-hovered: #E7CD82;
    --hovered-color: #E7CD82;
    --header-font-color: #1e272e;
    --header-background-color: #ffffff;
    --first-menu-background-color-hovered: #ced6e0;
    --primary-color: #FAF741;
    --color-light-blue: #0F9FFA;
    --dark-blue: #0c2461;
    --bg-secondary: #ced6e0;

    --swiper-pagination-color: #E7CD82;

    --main-color: #E7CD82;
    --secondary-color: #D3B45C;

    --gray-color: #57606F;

    --black-color: #1F232C;

}

* {
    font-family: 'Montserrat', Courier, monospace !important;
}

.fa-classic,
.fa-regular,
.fa-solid,
.far,
.fas {
    font-family: "Font Awesome 6 Free" !important;
}

.fa-brands, .fab {
    font-family: "Font Awesome 6 Brands" !important;
}

.fit-content {
    width: fit-content;
}

.bg-secondary {
    background-color: var(--bg-secondary) !important;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-yellow {
    color: var(--color-yellow);
}

.text-dark-blue {
    color: var(--dark-blue);
}

body {
    font-family: 'Open Sans', sans-serif;
}

p {
    text-align: justify;
}

.front {
    z-index: 1000;
}

.position-center {
    position: absolute;
    top: 45%;
    left: calc(50% - 200px);
}

.position-start {
    position: absolute;
    top: calc(40%);
    left: 10%;
}

.bar {
    width: 150px;
    height: 3px;
    background-color: white;
}

.bar.bar-red {
    background-color: var(--primary-color) !important;
}

.image-container {
    overflow: clip;
}

.image-container.big {
    width: 100%;
    height: 100%;
}

.image-container.big img {
    height: 100%;
}

.image-container img {
    width: 100%;
    object-fit: cover;
}

.image-container.residental {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.image-container.residental img {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.horizontal-line {
    width: 100%;
    height: 2px;
    background-color: var(--secondary-color);
}

.horizontal-line-short {
    width: 100px;
    height: 2px;
    background-color: #747d8c;
}

.vertical-line {
    content: "";
    height: 100%;
    width: 30px;
    background-color: yellowgreen;
    z-index: 100;
}

.background-image {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -100;
}

.background-image img {
    object-fit: cover;
    object-position: center;
    width: auto;
    height: auto;
    margin-top: calc(-30% + 100px);
    filter: brightness(40%) grayscale(90%) blur(2px);
}

.z-index-100 {
    z-index: 100;
}

.title::after {
    content: "";
    position: absolute;
    right: 0px;
    width: 75%;
    height: 20px;
    background-image: url("/images/stripe-background.png");
    background-repeat: repeat-x;
    top: calc(50% - 10px);
    margin-left: 1rem;
    /* background-color: #EA2027; */
}


.scrollspy {
    position: relative;
    transition: 1s;
    opacity: 0;
}

.scrollspy.appear {
    top: 0px;
    opacity: 1;
}

.scrollspy.disappear {
    opacity: 0;
    top: 50px;
}

.page-info {
    height: 60vh;
    overflow: hidden;
}

.page-info img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    filter: brightness(80%);
    overflow: visible;
}

.topic {
    color: #E7CD82;
}

.page-info h1,
p {
    z-index: 1000;
}

.value-holder.image .image-container {
    width: auto;
    height: auto;
}

.value-holder.image .image-container img {
    object-fit: fill !important;
    height: 100%;
}

.headline{
    font-family: 'Raleway', sans-serif !important;
    font-size: 56px !important;
    font-weight: 400 !important;
}

.artical{
    font-family: 'Raleway', sans-serif !important;
    font-size: 32px !important;
    font-weight: 400 !important;
}

.textlink{
    font-family: 'Raleway', sans-serif !important;
    /* font-size: px !important; */
    font-weight: 700 !important;
}

.paragraph{
    font-family: 'Raleway', sans-serif !important;
    font-size: 24px !important;
    font-weight: 400 !important;
}

.small-text{
    font-family: 'Raleway', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.main-color{
    color: var(--main-color) !important;
}

.gray-color{
    color: var(--gray-color);
}

.gray-color:hover{
    color: var(--gray-color);
}


.black-color{
    color: var(--black-color);
}

.black-color:hover{
    color: var(--black-color);
}

.header-contact{
    color: #1F232C;
}

.secondary-color{
    color: var(--secondary-color);
}

.primary-button{
    background-color: var(--main-color);
    border-radius: 5px;
}

@media only screen and (max-width: 991px) {
    .title::after {
        width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .title::after {
        width: 65%;
    }
}

@media only screen and (max-width: 523px) {
    .title::after {
        width: 50%;
    }

    .position-start {
        padding-left: 1em;
        padding-right: 2em;
    }
}