.contact-wrap{margin:90px 0}.contact-wrap .map-canvas{background:var(--color-white-lite);border-radius:var(--radius-default);height:0;padding-bottom:34%;position:relative;overflow:hidden}.contact-wrap .map-canvas>iframe{width:100%;height:100%;position:absolute;top:0}.ltr .contact-wrap .map-canvas>iframe{left:0}.rtl .contact-wrap .map-canvas>iframe{right:0}.contact-form-wrap{justify-content:center;margin-top:-12%;display:flex}.contact-form-wrap .contact-form-inner{border-radius:6px;width:1000px;display:flex;overflow:hidden;box-shadow:0 5px 28.5px 1.5px #0906181a}.contact-form-left{background:var(--color-primary);width:350px;min-width:350px;padding:40px 50px;position:relative;overflow:hidden}.contact-form-left .title{color:var(--color-white);margin-bottom:48px}.contact-form-left .contact-info li{color:var(--color-white);margin-bottom:29px}.contact-form-left .contact-info li:last-child{margin-bottom:0}.contact-form-left .contact-info li i{color:var(--color-white)!important}.contact-form-left .contact-info li a{color:var(--color-white)}.ltr .contact-form-left .social-links{margin:45px 0 0 -8px}.rtl .contact-form-left .social-links{margin:45px -8px 0 0}.contact-form-left .social-links li a{color:var(--color-white)}.contact-form-left .social-links li a:hover{color:var(--color-white);opacity:.7}.contact-form-left .social-links li a:hover svg.twitter-icon path{fill:var(--color-white);opacity:.7}.contact-form-left .social-links li a svg.twitter-icon path{fill:var(--color-white)}.contact-form-left>svg{opacity:.15;width:180px;height:180px;position:absolute;bottom:-45px}.ltr .contact-form-left>svg{right:-35px;transform:rotate(-15deg)}.rtl .contact-form-left>svg{left:-35px;transform:rotate(15deg)}.contact-form-right{background:var(--color-white);z-index:1;width:100%;padding:40px 50px;overflow:hidden}.contact-form-right .contact-form textarea{height:150px}.contact-form-right .title{margin-bottom:48px}@media screen and (width<=991px){.contact-wrap{margin:70px 0}}@media screen and (width<=1080px){.contact-form-wrap .contact-form-inner{flex-direction:column;width:90%}.contact-form-left{width:100%;min-width:0;padding:34px 30px}.contact-form-left .title{margin-bottom:38px}.contact-form-left .contact-info li{margin-bottom:19px}.ltr .contact-form-left .social-links{margin:35px 0 -4px -8px}.rtl .contact-form-left .social-links{margin:35px -8px -4px 0}.contact-form-right{padding:34px 30px 40px}.contact-form-right .title{margin-bottom:38px}}@media screen and (width<=576px){.contact-form-wrap{margin-top:30px}.contact-form-wrap .contact-form-inner{width:100%}}
