/* >> About Style
--- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- --- */
.page--about{
    .section--contact{
        .contentWrapper{
            background-color: $color-section;
            .section-subtitle, .section-title{color: $color-title;}
        }
        &.contact--dark{
            .contentWrapper{background-color: $color-title;}
        }
    }
    .section--gallery{
        padding: 6rem 0;
          .gallerySlider{
            margin-top: 5rem;
            .slider__item{
                .slider__item__img{ 
                    width: 100%;
                    position: relative;
                }
                .slider__caption{display: block; position: absolute; width: 100%; left: 0; bottom: 1rem; z-index: 3; padding: 3rem;
                    .reference__icon{display: inline-block; vertical-align: middle; width: 160px;}
                    .reference__lead{display: inline-block; vertical-align: middle; position: relative; padding-left: 3.5rem; font-size: 1rem; line-height: 1.2; font-weight: 500; color: white; 
                    }
                }
            }
            .slick-arrow{
                border: 1px solid #fff;
                border-radius: 100px;
                transition: 0.3s;
                &:hover{
                    background-color: $color-primary;
                    border-color: $color-primary;
                }
            }
            .slick-prev{
                background-image: url("../images/easydent/chevron-left.svg");
            }
            .slick-next{
                background-image: url("../images/easydent/chevron-right.svg");
            }
            .slick-prev, .slick-next{
                width: 40px;
                min-width: 40px;
                height: 40px;
                background-size: 16px 16px;
                opacity: 1;
            }
        }
    }
    .section--partners{
        .partnerContainer{
            @extend %flexBox;
            gap: 1%;
            @media #{$mq-iPad_port}{gap: 2%;}
            @media #{$mq-iPad_land}{gap: 1%;}
            .partner-box{
                @extend %flexBox;
                width: 49%; 
                padding: 2rem; 
                margin-bottom: 1%;
                background-color: $color-section;
                @media #{$mq-iPad_port}{width: 32%; padding: 3rem; margin-bottom: 2%;}
                @media #{$mq-iPad_land}{width: 19%; margin-bottom: 1%;}
                @media #{$mq-pc_1400}{padding: 4rem;}
                img{
                    width: 100%;
                    height: 100%;
                    object-fit: fill;
                }
            }
        }
    }
}