/*==== 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-left: 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-left: (80px-24px);

        @include Ipad {
            padding-left: (50px-24px);
        }

        @include Tablet {
            padding-left: (40px-24px);
        }

        @include Mobile {
            padding-left: 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;
        }
    }
}