.contact-page{overflow:hidden}.contact-page .bg-image{top:20%;left:-16%;transform:rotate(42.56deg)}.contact-page .map-section .map{width:100%;height:410px}.form-section{.content-cover{display:flex;justify-content:space-between;gap:16px;.left-content{max-width:680px;.social-media{*{transition:all .3s ease-in-out}.icon{width:30px;border-radius:4px;border:1px solid var(--border-02);svg{width:12px;height:12px}}&:hover{.icon{background-color:var(--primary);border-color:var(--primary);svg{path{fill:var(--white)}}}}&:after{display:none!important}}}.right-content{max-width:680px;form{width:100%;.form-label{font-size:14px;line-height:16px;color:var(--text-secondary);text-transform:capitalize;margin-left:8px;span{color:var(--primary)}}.form-control{border-radius:12px;border:1px solid var(--border-02);padding:8px 16px;line-height:36px;font-size:16px;&:focus{box-shadow:none!important;border-color:var(--text-primary)}&::placeholder{color:var(--border-02)}}textarea{min-height:140px}}}}}.contect-information{.content-cover{--bs-gutter-x:28px;--bs-gutter-y:0;.map{width:100%;height:100%}.map-cover{aspect-ratio:3/2}.address-card{background-color:var(--bg-third);border-radius:12px;.image-cover{display:flex;align-items:center;justify-content:center;border-radius:12px;aspect-ratio:2/1;width:100%;overflow:hidden;&:hover{img{transform:scale(1.1)}}img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:all .3s ease-in-out}}.contact-ways{margin:0;li{display:flex;align-items:center;gap:12px;.icon{min-width:30px;border-radius:6px;background-color:var(--primary)}.text-content{*{font-size:14px;line-height:16px}.label{color:var(--text-secondary);margin-bottom:4px}.value{color:var(--text-primary)}}}}}}}