.contact-box{

    
    .contactbox
    {
        float:left;
        width:100%;
        display:flex;

        .tile
        {
          
            background-color: var(--lightgray);
            text-decoration: none;
            padding-left:66px;
            padding-right:66px;
            padding-top:36.75px;
            padding-bottom:36.75px;
           
        }
    
        .image-wrapper {
            
            display: flex;
            align-items: stretch;
            flex:1;
            background-repeat:no-repeat;
            background-size:cover;
            background-position: center center;
           
        }
    
        .text-wrapper {
            float:left;
            flex:1.1;

            .title
            {
                font-size: 22px;
                line-height:30px;
                font-weight: 600;
                margin-bottom:17.75px;
            }

            span
            {
                float:left;
                width:100%;
            }

            a
            {
                color:var(--pink);
                font-size:22px;
                line-height:22px;
                text-decoration: none;
                border-bottom:2px solid var(--pink);
                padding-top:16px;
                padding-bottom:7.5px;
                float:left;
            }
        }
    }
   
}

.image-two-thirds
{
    img
    {
        /* float:left; */
        width:100%;
        height: 100%;
        aspect-ratio: 81/46;
        object-fit: cover;
        max-width:100% !important;
    }
}

.content-slider {
    .slick-autoplay-toggle-button {
        display: none;
    }

    .content-slider-wrapper {
        width: 100%;

        &:not(.slick-initialized) {
            display: none;
        }

        &.slick-initialized {
            display: block;

            .slick-list {
                width: 100%;
    
                .slick-track {
                    width: 100%;
    
                    .slick-slide {
                        width: 100%;
    
                        img {
                            width: 100%;
                            max-width: 100% !important;
                            height: 100%;
                            aspect-ratio: 27/16;
                            object-fit: cover;
                        }
                    }
                }
            }
        }
    }

    .slick-dots {
        display: flex;
        list-style-type: none;
        margin: 15px 0 0 0;
        padding: 0;

        .slick-active button {
            background-color: var(--pink);
        }

        li {
            width: 12px;
            height: 12px;

            &:not(:last-child) {
                margin-right: 13px;
            }

            button {
                content: "";
                width: 12px;
                height: 12px;
                border-radius: 100%;
                color: transparent;
                border: none;
                box-shadow: none;
                line-height: 0;
                font-size: 0;
            }
        }
    }
}

.hero {
    .slick-autoplay-toggle-button {
        display: none;
    }

    .hero-slider {
        /* float: left; */
        width: 100%;

        .slick-list {
            /* float: left; */
            width: 100%;

            .slick-track {
                /* float: left; */
                width: 100%;

                .slick-slide {
                    /* float: left; */
                    width: 100%;

                    img {
                        /* float: left; */
                        width: 100%;
                        max-width: 100% !important;
                        height: 100%;
                        object-fit: cover;
                        aspect-ratio: 72/25;
                    }
                }
            }
        }
    }
}