.contactpage{width:100%;font-family:Inter,sans-serif}.contactpage-banner{background:url(/images/bg_img2.jpeg) 50%/cover no-repeat;justify-content:center;align-items:center;height:300px;display:flex;position:relative}.contactpage-overlay{background:#00000080;position:absolute;inset:0}.contactpage-container{z-index:2;text-align:center;color:#fff;position:relative}.contactpage-title{font-family:Oswald,sans-serif;font-size:55px;font-weight:700}.contactpage-breadcrumb a{color:#0088fe;text-decoration:none}.contactpage-breadcrumb span{color:#fff}.contactpage-section{background:#fff;padding:100px 0}.contactpage-inner{grid-template-columns:1fr 1fr;gap:60px;max-width:1300px;margin:auto;padding:0 20px;display:grid}.contactpage-left h2,.contactpage-right h2{color:#000;margin-bottom:10px;font-family:Oswald,sans-serif;font-size:40px}.contactpage-left p{color:#666;margin-bottom:25px;font-size:16px}.contactpage-form{flex-direction:column;gap:15px;display:flex}.contactpage-form .form-row{grid-template-columns:1fr 1fr;gap:15px;display:grid}.contactpage-form .form-group{flex-direction:column;gap:6px;display:flex}.contactpage-form .full-width{grid-column:1/-1}.contactpage-form label{color:#333;font-size:14px;font-weight:600}.contactpage-form input,.contactpage-form textarea{border:1px solid #ddd;border-radius:4px;outline:none;width:100%;padding:12px;font-size:14px}.contactpage-form textarea{resize:none;height:120px}.contactpage-form input:focus,.contactpage-form textarea:focus{outline:none}.contactpage-form .required{color:red;margin-left:2px}.contactpage-form button{color:#fff;cursor:pointer;background:#0f3f91;border:none;border-radius:4px;align-self:flex-start;align-items:center;gap:8px;width:fit-content;padding:10px 20px;font-weight:600;transition:all .3s;display:flex}.contactpage-form button:hover{background:#0088fe}.contactpage-map iframe{border:0;border-radius:6px;width:100%}.contactpage-info{margin-top:20px}.contactpage-info h3{margin-bottom:10px}.contactpage-info p{color:#444;align-items:center;gap:8px;margin-bottom:8px;display:flex}.contactpage-social{gap:12px;margin-top:15px;display:flex}.contactpage-social svg{color:#fff;cursor:pointer;background:#0088fe;border-radius:50%;width:38px;height:38px;padding:9px;transition:all .3s}.contactpage-social svg:hover{background:#0f3f91}@media (max-width:992px){.contactpage-inner{grid-template-columns:1fr}}@media (max-width:768px){.contactpage-title{font-size:28px}.contactpage-section{padding:70px 0}.contactpage-form .form-row{grid-template-columns:1fr}.contactpage-left h2,.contactpage-right h2{font-size:24px}}.contactpage-info p svg{color:#0088fe;font-size:20px}.contactpage-form input::placeholder,.contactpage-form textarea::placeholder{color:#999;opacity:1}.contactpage-form input::-webkit-input-placeholder{color:#999}.contactpage-form textarea::-webkit-input-placeholder{color:#999}:is(.contactpage-form input:-ms-placeholder-shown,.contactpage-form textarea:-ms-placeholder-shown){color:#999}:is(.contactpage-form input:placeholder-shown,.contactpage-form textarea:placeholder-shown){color:#999}.contactpage-form input::-moz-placeholder{color:#999}.contactpage-form textarea::-moz-placeholder{color:#999}.contact-file-preview{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.contact-file-preview-item{background:#fafafa;border:1px solid #ddd;border-radius:6px;justify-content:center;align-items:center;width:70px;height:70px;display:flex;overflow:hidden}.contact-file-preview-item img{object-fit:cover;width:100%;height:100%}.contact-file-preview-item p{text-align:center;padding:4px;font-size:10px}