@use '../../utils' as *;

/*----------------------------------------*/
/*  7.1 about css start 
/*----------------------------------------*/

.mtcontact {
    &__maps {
        & iframe {
            height: 800px;
            width: 100%;

            @media #{$xl} {
                height: 600px;
            }

            @media #{$lg} {
                height: 500px;
            }

            @media #{$md,$xs} {
                height: 400px;
            }
        }

        &-info {
            background-color: var(--mt-common-white);
            padding: 50px;
            width: 354px;
            position: absolute;
            top: 10%;
            left: 10%;
            @media #{$xs} {
                 position: static;
                 background-color: var(--mt-border-1);
            }
        }

        &-content {
            & ul {
                & li {
                    list-style: none;
                    margin-bottom: 6px;

                    &:last-child {
                        margin-bottom: 0;
                    }
                }
            }
        }
    }

    // lsit
    &__list {
        &-title {
            font-size: 24px;

        }

        &-item {
            & ul {
                & li {
                    list-style: none;
                }
            }
        }
    }

    // box
    &__box {
        &-item {
            background-color: #F5F5F5;
            padding: 60px;
            border-radius: 5px;
            @include transition(.3s);
            @media #{$lg} {
                 padding: 30px;
            }

            &:hover {
                background-color: var(--mt-theme-1);
            }
        }

        &-icon {
            & span {
                color: #111;
                font-size: 25px;
            }
        }

        &-content {
            & ul {
                & li {
                    list-style: none;
                }
            }
        }
    }
}

.gm-style .place-card-large {
    display: none !important;
}