.contacts-head{padding:166px 0 150px;padding-top:128px;border-radius:0 0 30px 30px;background:#192941;position:relative;z-index:2;}
@media all and (max-width: 991px) {
.contacts-head{padding:104px 0 142px;}
}
.contacts-title{color:#fff;font-family:"Reddit Sans";font-size:64px;font-style:normal;font-weight:700;line-height:72px;text-align:center;margin-bottom:9px;}
@media all and (max-width: 991px) {
.contacts-title{margin-bottom:0;font-size:32px;line-height:40px;}
}
.contacts-title span{color:#c0d6f6;}
.contacts .breadcrumbs{justify-content:center;}
@media all and (max-width: 991px) {
.contacts .breadcrumbs{display:none;}
}
.contacts-content{margin-top:-100px;position:relative;}
.contacts-content:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#111d2f;}
.contacts-content__wrap{padding:75px 60px 130px;border-radius:30px;background:#fff;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;position:relative;z-index:3;}
@media all and (max-width: 991px) {
.contacts-content__wrap{padding:24px 20px 50px;flex-direction:column;}
}
.contacts-content__left{max-width:380px;width:100%;margin-right:40px;}
@media all and (max-width: 991px) {
.contacts-content__left{max-width:none;margin-right:0;}
}
.contacts-content__label{padding-left:14px;color:#4a74b4;font-size:14px;font-style:normal;font-weight:500;line-height:42px;letter-spacing:1px;text-transform:uppercase;position:relative;}
@media all and (max-width: 991px) {
.contacts-content__label{font-size:12px;}
}
.contacts-content__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#4a74b4;filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.contacts-content__title{color:#1c3050;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;max-width:290px;}
@media all and (max-width: 991px) {
.contacts-content__title{font-size:28px;line-height:32px;max-width:240px;}
}
.contacts-content__title span{color:#efa057;}
.contacts-content__quote{margin-top:70px;padding:73px 35px 40px;border-radius:20px;background:#f3f6fa;position:relative;}
@media all and (max-width: 991px) {
.contacts-content__quote{margin-top:30px;padding:44px 20px 25px;}
}
.contacts-content__quote:before{content:"";display:block;position:absolute;left:35px;top:35px;background:url(//techvision.global/wp-content/themes/techvision/assets/img/quote.svg) center center no-repeat;background-size:cover;width:28px;height:22px;}
@media all and (max-width: 991px) {
.contacts-content__quote:before{top:18px;left:20px;width:22px;height:18px;}
}
.contacts-content__quote-text{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.contacts-content__quote-text{font-size:14px;line-height:23px;}
}
.contacts-content__quote-author{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:65px;}
@media all and (max-width: 991px) {
.contacts-content__quote-author{margin-top:35px;}
}
.contacts-content__quote-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:20px;}
@media all and (max-width: 991px) {
.contacts-content__quote-avatar{width:50px;height:50px;margin-right:15px;}
}
.contacts-content__quote-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%;}
.contacts-content__quote-info{width:calc(100% - 90px);}
@media all and (max-width: 991px) {
.contacts-content__quote-info{width:calc(100% - 65px);}
}
.contacts-content__quote-name{color:#1c3050;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:3px;}
@media all and (max-width: 991px) {
.contacts-content__quote-name{font-size:16px;}
}
.contacts-content__quote-position{color:rgba(28, 48, 80, 0.7);font-family:"Reddit Sans";font-size:14px;font-style:normal;font-weight:300;line-height:normal;}
@media all and (max-width: 991px) {
.contacts-content__quote-position{font-size:12px;}
}
.contacts-content__right{max-width:670px;width:100%;}
@media all and (max-width: 991px) {
.contacts-content__right{max-width:none;margin-top:40px;}
}
.contacts-form{width:100%;}
.contacts-form__col{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 600px) {
.contacts-form__col{flex-direction:column;}
}
.contacts-form__col .contacts-form__row{width:100%;}
@media all and (max-width: 600px) {
.contacts-form__col .contacts-form__row{width:100%;}
}
.contacts-form__row{margin-bottom:32px;display:flex;flex-direction:column;}
@media all and (max-width: 991px) {
.contacts-form__row{margin-bottom:20px;}
}
.contacts-form__row-label{color:#1c3050;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:600;line-height:30px;margin-bottom:16px;display:block;}
@media all and (max-width: 991px) {
.contacts-form__row-label{font-size:16px;margin-bottom:11px;}
}
.contacts-form__row-label span{color:#efa057;}
.contacts-form__row input{width:100%;height:56px;border-radius:12px;background:#f3f6fa;border:none;padding:13px 24px;color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:400;line-height:28px;caret-color:#efa057;transition:all 0.4s ease;}
@media all and (max-width: 991px) {
.contacts-form__row input{height:50px;padding:11px 20px;font-size:14px;}
}
.contacts-form__row input:focus{background:#fdf1e6;}
.contacts-form__row input::-moz-placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.contacts-form__row input::placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.contacts-form__row input::-moz-placeholder{font-size:14px;}
.contacts-form__row input::placeholder{font-size:14px;}
}
.contacts-form__row textarea{width:100%;height:120px;border-radius:12px;background:#f3f6fa;caret-color:#efa057;padding:13px 24px;border:none;color:#1c3050;resize:none;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:400;line-height:28px;transition:all 0.4s ease;}
@media all and (max-width: 991px) {
.contacts-form__row textarea{height:110px;padding:11px 20px;font-size:14px;}
}
.contacts-form__row textarea::-moz-placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.contacts-form__row textarea::placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.contacts-form__row textarea::-moz-placeholder{font-size:14px;}
.contacts-form__row textarea::placeholder{font-size:14px;}
}
.contacts-form__row textarea:focus{background:#fdf1e6;}
.contacts-form__row select{width:100%;height:56px;border-radius:12px;background:#f3f6fa;padding:13px 24px 15px;color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:400;line-height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(//techvision.global/wp-content/themes/techvision/assets/img/arrow-down.svg);background-size:8px;background-repeat:no-repeat;background-position:calc(100% - 26px) center;border:none;cursor:pointer;}
.contacts-form__row select > option:first-child{display:none;}
@media all and (max-width: 991px) {
.contacts-form__row select{height:50px;padding:11px 20px;font-size:14px;}
.contacts-form__row select::-moz-placeholder{font-size:14px;}
.contacts-form__row select::placeholder{font-size:14px;}
}
.contacts-form__row select:focus{border:none;outline:none;}
.contacts-form__action{margin-top:40px;}
@media all and (max-width: 991px) {
.contacts-form__action{margin-top:25px;}
}
.contacts-form__action button{padding:10px 10px 10px 30px;border-radius:90px;background:#efa057;display:flex;justify-content:center;align-items:center;gap:12px;color:#fff;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:600;line-height:28px;border:none;cursor:pointer;}
@media all and (max-width: 991px) {
.contacts-form__action button{font-size:16px;padding:10px 10px 10px 21px;}
}
.contacts-form__action button svg{transition:transform 0.4s ease;}
.contacts-form__action button:hover svg {
transform: rotate(45deg);
}