section.contact {
    padding-top: 200px;
    padding-bottom: 200px;
    display: flex;
    gap: 5%;
    flex-wrap: wrap;
    .detials {
        width: 46%;
        .title {
            h5 {
                margin: 10px 0;
            }
        }
        .box {
            padding: 30px 40px;
            border-radius: 20px;
            border: 1px solid #FFFFFF1A;
            position: relative;
            overflow: hidden;
            width: 100%;
            &::before {
                content: '';
                position: absolute;
                top: 0%;
                left: 0px;
                width: 100%;
                height: 100%;
                background: var(--black-color);
                z-index: 1;
                --background-overlay: '';
                opacity: .3;
            }
            .group {
                position: relative;
                z-index: 2;
                display: flex;
                gap: 5%;
                justify-content: space-between;
                align-items: center;
                > div {
                    text-align: center;
                    width: 45%;
                    &:first-child {
                        border-right: 1px solid #333 ;
                    }
                    i {
                        font-size: 3em;
                        color: var(--main-color);
                    }
                    h6 {
                        margin: 20px 0;
                        color: #fff;
                        font-size: 1.2em;
                    }
                    p {
                        color: #eee;
                    }
                }
            }
        }
    }
    form {
        width: 45%;
    }
}