.contact-us-page{background-color:#000}.contact-us-page .first{flex-direction:row-reverse;justify-content:center;align-items:center;gap:1.5rem;width:100vw;height:100%;margin-top:100px;display:flex}.contact-us-page .first .item{border:2px solid var(--main-color);color:#fff;text-align:center;direction:rtl;border-radius:10px;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;width:25%;height:300px;display:flex;position:relative;top:0;left:0}.contact-us-page .first .item .icon{position:relative;top:2rem}.contact-us-page .first .item .title{color:var(--main-color);font-size:24px;position:relative;top:2rem}.contact-us-page .first .item .content{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:relative;top:3rem}.contact-us-page .first .item .social-content{color:var(--main-color);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:2rem;font-size:small;display:grid}.contact-us-page .first .item .social-content .link{flex-direction:row-reverse;gap:5px;display:flex}.contact-us-page .first .item .social-content span{color:#fff;text-decoration:none}.contact-us-page .first .item .image{background-color:var(--main-color);border-radius:10px;padding:.4rem}@media not (min-width:700px){.contact-us-page .first{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100%;margin-top:2rem}.contact-us-page .first .item{width:80%}}