.page-contact-us{padding:100px 0}.contact-info-item{position:relative;background:var(--primary-color);display:flex;align-items:center;border-radius:20px;padding:20px;margin-bottom:30px;overflow:hidden}.contact-info-item:last-child{margin-bottom:0}.contact-info-item::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:0;background:var(--accent-color);z-index:0;transition:all .4s ease-in-out}.contact-info-item:hover::before{top:auto;height:100%}.contact-info-item .icon-box{position:relative;width:60px;height:60px;background:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-left:20px}.contact-info-item .icon-box img{width:100%;max-width:30px}.contact-info-content{position:relative;width:calc(100% - 80px);z-index:1}.contact-info-content p{color:var(--secondary-color);text-transform:capitalize;margin-bottom:5px}.contact-info-content h3{color:var(--white-color);font-size:20px}.contact-info-content h3 a{color:inherit}.contact-us-form{margin-right:30px}.contact-form .form-group{position:relative}.contact-form .form-control{font-size:16px;font-weight:400;line-height:1.5em;color:var(--text-color);background:var(--white-color);border:1px solid var(--divider-color);border-radius:10px;padding:17px 20px 17px 60px;box-shadow:none;outline:0;text-align:right}.contact-form .form-control::placeholder{color:var(--text-color)}.contact-form .form-group i,.contact-form .form-group img{position:absolute;top:20px;left:40px}.contact-form .form-group i{font-size:20px}.contact-form .form-group img{width:20px}.google-map .container-fluid{padding:0}.google-map-iframe,.google-map-iframe iframe{height:500px;width:100%}@media only screen and (max-width:991px){.page-contact-us{padding:50px 0}.contact-us-content{margin-bottom:30px}.contact-info-item{padding:15px}.contact-info-item .icon-box{width:50px;height:50px;margin-left:10px}.contact-info-content{width:calc(100% - 60px)}.contact-info-item .icon-box img{max-width:26px}.contact-us-form{margin-right:0}.contact-form .form-control{padding:12px 15px 12px 40px}.contact-form .form-group i,.contact-form .form-group img{top:16px;left:30px}.contact-form .form-group i{font-size:18px}.contact-form .form-group img{width:18px}.google-map-iframe,.google-map-iframe iframe{height:350px}}@media only screen and (max-width:767px){.contact-info-content h3{font-size:18px}}