/*==== FACEILITIES CSS ====*/

.facilities {
    & .container {
        max-width: 1170px;
        @include Ipad {
            max-width: 960px;
        }
        @include Tablet {
            max-width: 720px;
        }
        @include Mobile {
            max-width: 540px;
        }
        @include sMobile {
            max-width: 100%;
        }
        & .row {
            &:nth-child(even) {
                margin: 100px 0px;
                @include Tablet {
                    margin: 70px 0px;
                }
                @include Mobile {
                    margin: 40px 0px;
                }
            }
        }
    }
    &_title {
        & h2 {
            @include font-50();
            margin-bottom: 30px;
            @include Tablet {
                margin-bottom: 20px;
            }
            @include Mobile {
                margin-bottom: 15px;
            }
        }
        & p {
            @include Mobile {
                font-size: 14px;
            }
        }
    }
    &_inner_text {
        @include Mobile {
            margin-bottom: 40px;
        }
        & h3 {
            @include font-40();
            margin-bottom: 30px;
            @include Tablet {
                margin-bottom: 20px;
            }
            @include Mobile {
                margin-bottom: 15px;
            }
        }
        & p {
            font-size: 16px;
            line-height: calc(26px / 16px);
            margin-bottom: 30px;
            @include Tablet {
                margin-bottom: 20px;
            }
            @include Mobile {
                font-size: 14px;
                margin-bottom: 20px;
            }
            &:last-child {
                margin-bottom: 0px;
            }
        }
        & ul {
            list-style: disc;
            padding-right: 20px;
            & li {
                font-weight: 400;
                margin-bottom: 15px;
                &:last-child {
                    margin-bottom: 0px;
                }
                @include Tablet {
                    margin-bottom: 10px;
                }
                @include Mobile {
                    margin-bottom: 10px;
                    font-size: 14px;
                }
            }
        }
    }
    &_inner_right {
        padding-right: (80px-24px);
        @include Ipad {
            padding-right: (50px-24px);
        }
        @include Tablet {
            padding-right: (40px-24px);
        }
        @include Mobile {
            padding-right: 12px;
        }
    }
    &_img {
        width: 570px;
        height: 400px;
        @include Laptop {
            width: 100%;
            height: 385px;
        }
        @include Ipad {
            width: 100%;
            height: 325px;
        }
        @include Tablet {
            width: 100%;
            height: 320px;
        }
        @include Mobile {
            width: 100%;
            height: 250px;
        }
        @include sMobile {
            height: 210px;
        }
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}