.contact-outer{padding:40px 7rem;overflow:hidden}.contact-section-header{opacity:0;justify-content:space-between;align-items:center;margin-bottom:20px;transition:opacity .8s,transform .8s;display:flex;transform:translateY(-100px)}.contact-section-header.visible{opacity:1;transform:translateY(0)}.contact-section-header h2{color:var(--primary);font-size:2rem;font-weight:500;transition:color .3s}.contact-section-header h2 span{color:var(--text);transition:color .3s}.contact-section-header-inner{justify-content:center;align-items:center;display:flex}.contact-section-line{background-color:var(--primary);width:500px;height:1.5px;margin-left:10px;transition:background-color .3s}.contact-banner{color:var(--text);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;transition:color .3s;display:flex}.contact-banner-content{text-align:start;opacity:0;flex-direction:column;align-items:flex-start;width:50%;transition:opacity .8s,transform .8s;display:flex;transform:translate(-100px)}.contact-banner-content.visible{opacity:1;transform:translate(0)}.contact-banner p{color:var(--text-secondary);text-align:justify;margin-bottom:1.75rem;font-size:1.125rem;transition:color .3s}.contact-banner-message{opacity:0;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,transform .8s;display:flex;position:relative;transform:translate(100px)}.contact-banner-message.visible{opacity:1;transform:translate(0)}.contact-banner-message-inner{border:2px solid var(--border);flex-direction:column;justify-content:start;padding:1rem;transition:border-color .3s;display:flex}.contact-banner-message-inner p:first-child{color:var(--text);margin-bottom:.5rem;padding:.25rem .15rem;font-weight:500;transition:color .3s}.contact-each-icon{color:var(--text-secondary);margin-right:.5rem;font-size:1.25rem;transition:color .3s ease-in-out}.contact-contacts-outer div{align-items:center;margin-bottom:.75rem;display:flex}.contact-contacts-outer a{color:var(--text-secondary);align-items:center;font-size:1rem;text-decoration:none;transition:color .3s,transform .3s;display:flex}.contact-contacts-outer a:hover,.contact-contacts-outer a:hover .contact-each-icon{color:var(--primary)}@media (max-width:768px){.contact-banner-content{align-items:center;width:100%;padding:0}.contact-banner{text-align:center;flex-direction:column;padding:1rem .25rem}.contact-outer{padding:1rem .25rem}.contact-banner-content,.contact-banner-message{max-width:100%}.contact-banner-message{width:100%;padding:0}.contact-section-line{display:none}}