/* @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=Space+Grotesk:wght@300;400;500;600;700&display=swap'); */

/* Founders Grotesk Font - Regular */
@font-face {
    font-family: 'Founders Grotesk';
    src: url('../Founders_Grotesk/FoundersGrotesk-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Founders Grotesk Font - Bold */
@font-face {
    font-family: 'Founders Grotesk';
    src: url('../Founders_Grotesk/FoundersGrotesk-Bold.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Founders Grotesk Font - Light */
@font-face {
    font-family: 'Founders Grotesk';
    src: url('../Founders_Grotesk/FoundersGrotesk-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Add similar @font-face rules for other font weights and styles as needed */

/* Import the font for use in your styles */
body {
    font-family: 'Founders Grotesk', sans-serif;
}


body, h1, h2, h3, h4, h5, h6, p, ul li, strong, div, a, button{
    /* font-family: 'Montserrat', sans-serif; */
    font-family: 'Founders Grotesk', sans-serif;
}

.lunderobertsen-Container {
    width: 100%;
    margin: 0px auto;
    max-width: 1430px;
    padding: 0px 15px;
    display: flex;
    flex-wrap: wrap;
}
.lunderobertsen-module-text_image_description.left-heading {
    background: rgb(243, 243, 243);
}
.lunderobertsen-Container .col {
    display: flex;
    flex-direction: column;
    flex: 1 1 50%;
    width: 50%;
}

.right-column-padding {
    padding-left: 60px;
}

.main-column {
    display: flex;
    flex-direction: column;
}

.main-column .description {
    flex: 1 0 auto;
}

.image-side-left .image-element.left {
    width: calc(100% + 300px);
    left: -300px;
    -webkit-box-pack: start;
    justify-content: flex-start;
    position: relative;
}

.lunderobertsen-module-title {
    margin-top: 0px;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    font-size: 75px;
    margin-bottom: 128px;
}

.left-column-padding {
    padding-right: 60px;
}

.lunderobertsen-html-content.description p {
    font-size: 32px;
    line-height: 45px;
    font-weight: 300;
}

.lunderobertsen-ArrowButton {
    line-height: 1.3;
    white-space: nowrap;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    /* width: calc(100% + 420px); */
    width: calc(100% + 372px);
    left: -120px;
    position: relative;
    font-size: 32px;
    z-index: 1;
    padding: 30px 0;
    padding-left: 120px;
    color: #333;
    transition: .3s;
}

.lunderobertsen-ArrowButton svg {
    margin-right: 24px;
    position: relative;
    margin-bottom: 6px;
}

.lunderobertsen-ArrowButton:after {
    content: "";
    position: absolute;
    inset: 0px;
/*     background: rgb(255, 96, 73); */
	background:#13397a;
    transition: all 0.2s cubic-bezier(0.6, 0.15, 0.4, 1) 0s;
    transform: scaleY(0);
    transform-origin: center bottom;
    z-index: -1;
}

.lunderobertsen-ArrowButton:hover::after {
    transform: scaleY(1);
}

.lunderobertsen-ArrowButton:hover, .lunderobertsen-ArrowButton:hover > svg polygon {
    fill: #fff;
    color: #fff;
}

.lunderobertsen-ArrowButton svg polygon {
    fill: #333;
    transition: .3s;
}

.lunderobertsen-module-text_image_description {
    padding-top: 100px;
}
.lunderobertsen-Container.image-side-right .title-column {
    order: 2;
}
.image-side-right .image-element.right {
    width: calc(100% + 300px);
    width: calc(100% + 252px);
    right: 0px;
    position: relative;
}
.lunderobertsen-ArrowButton.place-left {
    left: -252px;
    padding-left: 300px;
}

.image-side-right .image-element.right img,
.image-side-left .image-element.left img {
    max-height: 664px;
    display: block;
    margin-top: auto !important;
}

@media (max-width:1615px) {
    .image-side-left .image-element.left {
        width: calc(100% + 25px);
        left: -25px;
    }
    .image-side-right .image-element.right {
        width: calc(100% + 25px);
    }

    .lunderobertsen-ArrowButton.place-right {
        width: calc(100% + 160px);
        left: -120px;
    }
}

@media (max-width:1430px) {
    .image-side-left .image-element.left {
        width: calc(100% + 15px);
        left: -15px;
    }
    .image-side-right .image-element.right {
        width: calc(100% + 15px);
        right: 0;
    }

    .lunderobertsen-ArrowButton.place-right {
        width: calc(100% + 135px);
    }

    .lunderobertsen-ArrowButton {
        width: calc(100% + 150px);
        left: -120px;
    }
    .lunderobertsen-ArrowButton.place-left {
        width: calc(100% + 137px);
        left: -120px;
        left: -15px;
        padding-left: 100px;
    }
    .lunderobertsen-ArrowButton{
        padding: 15px 0;
        padding-left: 120px;
    }
}

@media (max-width:767px) {
    .lunderobertsen-Container{
        display: block;
    }
    .lunderobertsen-Container .col{
        width: 100%;
        padding: 0;
    }
    .lunderobertsen-Image__Wrapper {
        margin-bottom: 30px;
    }
    .lunderobertsen-html-content.description p {
        font-size: 21px;
        line-height: 30px;
        font-weight: 300;
    }
    .lunderobertsen-module-title {
        font-size: 61px;
        margin-bottom: 48px;
        font-size: 47px;
    }
    .lunderobertsen-ArrowButton {
        /* padding: 15px 0; */
        padding-left: 15px;
        font-size: 16px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .lunderobertsen-ArrowButton svg{
        height: 18px;
        width: 18px;
    }

    .lunderobertsen-ArrowButton.place-left {
        width: calc(100% + 30px);
        /* left: -120px; */
        left: -15px;
    }
    .lunderobertsen-ArrowButton.place-right, 
    .lunderobertsen-ArrowButton.place-left {
        width: calc(100% + 30px);
        left: -15px;
        padding-left: 15px;
    }
    .lunderobertsen-module-text_image_description{
        padding-top: 48px;;
    }
    .lunderobertsen-module-title {
        margin-bottom: 25px;
        font-size: 36px;
    }
    
}