/* @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); */

*  {
    margin: 0%;
    padding: 0%;
    font-family: 'inter',sans-serif;
}

html {
    font-size: 62.5%;
}


body {
    background-color: #F4F4F6;
}

/* Contact Us page CSS Start */


.contact-outer-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    gap: 4rem;
    margin: auto;
}

.contact-container {
    height: 38rem;
    margin: auto;
    background: #FFF;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
}

.part-1 {
    width: 100%;
    height: 100%;
}

.part-1 h1 {
    color: #18171D;
    text-align: center;
    font-size: 3.6rem;
    font-weight: 700;
}

.contact-box {
    display: flex;
    gap: 2rem;
    padding: 3rem 0 0 0;
}

.phone-box {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 27rem;
    background: url(d-image.png) lightgray 50% / cover no-repeat;
    border-radius: 1rem;
}

.phone-box img {
    width: 6rem;
    height: 6rem;
    margin-top: 1rem;
}

.phone-box span {
    color: #F4F4F6;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
}

.phone-box a {
    color: #F4F4F6;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    text-decoration: none;
    padding-bottom: 1rem;
}

.phone-box a:hover {
    color: #3491F9;
    transition: 0.7s;
}

.address-box {
    display: flex;
    gap: 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 27rem;
    background: url(d-image.png) lightgray 50% / cover no-repeat;
    border-radius: 1rem;
}

.address-box img {
    width: 6rem;
    height: 6rem;
    margin-top: 1rem;
}

.address-box span {
    width: 90%;
    color: #F4F4F6;
    text-align: center;
    font-size: 2.2rem;
    padding-bottom: 1rem;
    font-weight: 600;
}

.part-2 {
    width: 100%;
    height: 100%;
}

.box-1 {
    background: url(n-image.png) lightgray 50% / cover no-repeat;
}

.second {
    order: 1;
}

/* Contact Us page CSS End */