.page-contact-us{padding:80px 0 160px}.conatct-us-form{display:flex;flex-wrap:wrap;border-radius:40px;border:1px solid var(--divider-color);overflow:hidden}.contact-form{background:var(--secondary-color) url(/images/contact-form-bg.png) no-repeat;background-position:center center;background-size:cover;padding:40px}.contact-form form .form-control{font-size:16px;font-weight:400;line-height:1.5em;color:var(--text-color);background-color:var(--secondary-color);border:1px solid var(--divider-color);border-radius:20px;padding:17px 20px;outline:none;box-shadow:none}.contact-form form select.form-control{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-color) 50%),linear-gradient(135deg,var(--text-color) 50%,transparent 50%);background-position:calc(100% - 22px) calc(50% - 3px),calc(100% - 16px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:42px}.contact-form form .form-control::placeholder{color:var(--text-color)}.contact-form form .btn-default{width:100%;padding:17px}.conatct-us-form .contact-form{width:100%}.google-map-iframe iframe{width:100%;height:100%}.form-mode-switch{display:flex;flex-wrap:wrap;gap:10px}.form-mode-option{margin:0}.form-mode-option input{position:absolute;opacity:0;pointer-events:none}.form-mode-option span{display:inline-flex;align-items:center;border:1px solid var(--divider-color);background:var(--secondary-color);border-radius:100px;color:var(--text-color);font-size:14px;font-weight:600;line-height:1;padding:12px 18px;transition:all .3s ease-in-out;cursor:pointer}.form-mode-option input:checked+span{color:var(--primary-color);border-color:transparent;background:linear-gradient(90deg,var(--accent-color) 0%,var(--accent-secondary-color) 100%)}.captcha-box{border:1px solid var(--divider-color);border-radius:20px;padding:15px;background:var(--secondary-color)}.captcha-question{font-size:14px;margin-bottom:10px}.captcha-refresh{background:transparent;border:0;color:var(--accent-color);font-size:14px;font-weight:700;margin:0 0 12px;padding:0}.captcha-refresh:hover{color:var(--primary-color)}.captcha-box .form-control{margin:0}.contact-form-btn{display:flex;flex-direction:column;gap:12px}.form-submit-message{font-size:16px;line-height:1.45em;border-radius:14px;padding:12px 14px;border:1px solid transparent}.form-submit-message.is-error{color:#ffb9b9;border-color:#7d1d1d;background:#a8171740}.form-submit-message.is-success{color:#c9ffd6;border-color:#1f6f3e;background:#17844a38}.contact-info-list{display:flex;flex-wrap:wrap;gap:30px;margin-top:160px}.contact-info-item{position:relative;width:calc(25% - 22.5px);border:1px solid var(--divider-color);background:var(--secondary-color) url(/images/contact-info-item-bg.png) no-repeat;background-position:center center;background-size:cover;border-radius:20px;text-align:center;padding:30px;overflow:hidden}.contact-info-item .icon-box,.contact-info-content{position:relative;z-index:1}.contact-info-item .icon-box{position:relative;background:var(--accent-color);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 40px}.contact-info-item .icon-box:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--accent-color),var(--accent-secondary-color)) no-repeat;border-radius:50%;height:100%;width:100%;transform:scale(0);transition:all .4s ease-in-out}.contact-info-item:hover .icon-box:before{transform:scale(1)}.contact-info-item .icon-box img{position:relative;width:100%;max-width:30px;z-index:1}.contact-info-content h3{font-size:20px;text-transform:capitalize;margin-bottom:15px}.contact-info-content p{margin-bottom:2px}.contact-info-content p:last-child{margin-bottom:0}.contact-info-content p a{color:inherit}@media only screen and (max-width:991px){.page-contact-us{padding:40px 0 80px}.conatct-us-form{border-radius:26px}.contact-form{padding:30px}.contact-form form .form-control{padding:12px 15px;border-radius:14px}.contact-info-list{margin-top:80px}.contact-info-item{width:calc(50% - 15px);padding:20px}}@media only screen and (max-width:767px){.contact-form{padding:30px 20px}.contact-info-item{width:100%}.contact-info-content h3{font-size:18px;margin-bottom:10px}}
