﻿.banner-h1{border-bottom:1px solid #e2e2e2;padding:20px 0;display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:2em}
.banner-h1 .banner-title-h1{font-size:var(--fontsize26);font-weight:var(--fontbold6);text-transform:capitalize;color:var(--fontcolor);margin-right:20px}
.wmkcfeedback .wmkcfb-fileupload, .wmkcfeedback input, .wmkcfeedback textarea{border:1px solid #eee}

.popup-inquiry{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;display:none}
.popup-inquiry.is-active{display:flex}
.popup-inquiry-opacity{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.popup-inquiry-box{z-index:1;background:#fff;width:100%;max-width:900px;margin:0 auto;padding:30px 30px;border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);max-height:100vh;overflow-y:auto;transform:translateY(20px);opacity:.5}
.popup-inquiry-close{font-size: var(--fontsize22);cursor: pointer;position:absolute;top:30px;right:30px;}
.popup-inquiry.is-active .popup-inquiry-box{animation:popup-inquiry .3s forwards}
@keyframes popup-inquiry{0%{transform:translateY(20px);opacity:.5}100%{transform:translateY(0);opacity:1}}
.send-popup-inquiry{min-width:180px;padding:0 20px;height:46px;border-radius:23px;border:1px solid var(--color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;margin-left:10px;background:var(--color);color:#fff}
@media (max-width:1024px){.banner-h1{padding:10px 0;margin-bottom:1em}
.banner-h1 .banner-title-h1{font-size:var(--fontsize20);margin-right:0}}
@media (max-width:768px){.popup-inquiry-box{width:90%;}
.banner-h1{flex-direction: column;}
.send-popup-inquiry{margin-top:10px;}}