.services-hero{border-radius:0 0 30px 30px;background:url(//techvision.global/wp-content/themes/techvision/assets/img/services-hero.png) lightgray 50%/cover no-repeat;background-size:cover;background-color:#192941;}
.services-hero__wrap{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:166px 0 210px;}
@media all and (max-width: 991px) {
.services-hero__wrap{padding:104px 0 140px;}
}
@media all and (max-width: 991px) {
.services-hero .breadcrumbs{display:none;}
}
.services-hero__title{color:#fff;font-size:64px;font-style:normal;font-weight:700;line-height:72px;margin-bottom:9px;}
@media all and (max-width: 991px) {
.services-hero__title{margin-bottom:11px;font-size:32px;line-height:40px;text-align:center;width:100%;}
}
.services-hero__desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:20px;max-width:700px;}
@media all and (max-width: 991px) {
.services-hero__desc{text-align:center;font-size:14px;line-height:23px;max-width:none;}
}
.services-hero__action{margin-top:47px;display:flex;justify-content:flex-start;align-items:center;padding:10px 10px 10px 27px;gap:12px;border-radius:90px;background:#efa057;color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:28px;}
@media all and (max-width: 991px) {
.services-hero__action{margin:30px auto 0;font-size:16px;padding:9px 9px 9px 18px;}
.services-hero__action svg{width:30px;height:30px;}
}
.services-catalog{margin-top:-100px;}
.services-catalog__wrap{border-radius:30px;background:#1c3458;padding:74px 60px 91px;}
@media all and (max-width: 1200px) {
.services-catalog__wrap{padding:50px 30px 41px;}
}
@media all and (max-width: 991px) {
.services-catalog__wrap{padding:25px 20px 50px;}
}
.services-catalog__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-catalog__label{font-size:12px;}
}
.services-catalog__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-catalog__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.services-catalog__title{font-size:20px;line-height:26px;}
}
.services-catalog__title span{color:#efa057;}
.services-catalog__list{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;margin-top:70px;}
@media all and (max-width: 991px) {
.services-catalog__list{margin-top:29px;grid-template-columns:repeat(2, 1fr);}
}
@media all and (max-width: 600px) {
.services-catalog__list{grid-template-columns:repeat(1, 1fr);}
}
.services-catalog__item{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;align-self:stretch;border-radius:18px;background:rgba(255, 255, 255, 0.04);padding:35px;}
@media all and (max-width: 991px) {
.services-catalog__item{padding:28px 20px 25px;}
}
@media all and (max-width: 600px) {
.services-catalog__item{position:relative;padding:25px 20px 25px;}
}
.services-catalog__item-icon{width:50px;height:50px;}
@media all and (max-width: 991px) {
.services-catalog__item-icon{width:36px;height:36px;}
}
@media all and (max-width: 600px) {
.services-catalog__item-icon{position:absolute;top:28px;left:26px;}
}
.services-catalog__item-icon svg{width:100%;height:100%;}
.services-catalog__item-title{margin:36px 0 13px;color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:36px;cursor:pointer;}
.services-catalog__item-title:hover{transition:0.6s all;color:#efa057;}
@media all and (max-width: 991px) {
.services-catalog__item-title{font-size:20px;line-height:26px;margin:26px 0;}
}
@media all and (max-width: 600px) {
.services-catalog__item-title{padding-left:58px;margin:4px 0 26px;}
}
.services-catalog__item-desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.services-catalog__item-desc{font-size:14px;line-height:23px;}
}
.services-benefits{padding:75px 0 130px;}
@media all and (max-width: 991px) {
.services-benefits{padding:24px 0 50px;}
}
.services-benefits__wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:100px;}
@media all and (max-width: 991px) {
.services-benefits__wrap{flex-direction:column-reverse;gap:40px;}
}
.services-benefits__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-benefits__label{display:none;font-size:12px;}
}
.services-benefits__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-benefits__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.services-benefits__title{display:none;font-size:28px;line-height:32px;}
}
.services-benefits__media{flex-basis:520px;height:480px;border-radius:20px;overflow:hidden;margin-top:70px;}
@media all and (max-width: 991px) {
.services-benefits__media{margin-top:0;flex-basis:auto;width:100%;height:auto;border-radius:12px;}
}
.services-benefits__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;}
.services-benefits__list{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;max-width:660px;width:100%;}
@media all and (max-width: 991px) {
.services-benefits__list{max-width:none;width:100%;margin-top:20px;}
}
.services-benefits__right .services-benefits__label, .services-benefits__right .services-benefits__title{display:none;}
@media all and (max-width: 991px) {
.services-benefits__right .services-benefits__label, .services-benefits__right .services-benefits__title{display:block;}
}
.services-benefits__item{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:27px;}
@media all and (max-width: 991px) {
.services-benefits__item{gap:20px;padding:19px 0;}
}
.services-benefits__item .services-benefits__item-info h2{color:#fff;font-size:28px;font-style:normal;font-weight:600;line-height:35px;}
.services-benefits__item .services-benefits__item-info h3{color:#fff;font-size:28px;font-style:normal;font-weight:600;line-height:35px;}
.services-benefits__item .services-benefits__item-info p{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:12px;margin-bottom:15px;}
.services-benefits__item-number{color:#efa057;font-size:18px;font-style:normal;font-weight:600;line-height:36px;}
@media all and (max-width: 991px) {
.services-benefits__item-number{font-size:16px;line-height:22px;}
}
.services-benefits__item-title{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:36px;word-break:break-word;}
@media all and (max-width: 991px) {
.services-benefits__item-title{font-size:20px;line-height:26px;}
}
.services-benefits__item-desc{margin-top:12px;color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.services-benefits__item-desc{font-size:14px;line-height:23px;}
}
.services-benefits__list{margin-top:20px;}
.services-benefits__list .services-benefits__item{position:relative;margin:25px 0 0px;color:#fff;font-size:20px;font-style:normal;font-weight:600;line-height:36px;cursor:pointer;margin-left:35px;}
.services-benefits__list .services-benefits__item:after{position:absolute;left:-15px;top:17px;content:'';width:5px;height:5px;border-radius:50%;background:#efa057;}
.services-benefits__desc{margin-top:30px;color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-benefits__desc h2{color:#fff;font-size:32px;font-style:normal;font-weight:500;margin-top:15px;margin-bottom:20px;}
.services-benefits__desc h3{color:#fff;font-size:32px;font-style:normal;font-weight:500;margin-top:15px;margin-bottom:20px;}
.services-study{border-radius:30px;background:#fff;padding:90px 0 230px;overflow:hidden;}
.services-study .services-study__info h2{color:#192941;font-size:28px;font-style:normal;font-weight:600;line-height:35px;}
.services-study .services-study__info h3{color:#192941;font-size:28px;font-style:normal;font-weight:600;line-height:35px;}
.services-study .services-study__info p{color:#192941;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:12px;margin-bottom:15px;}
@media all and (max-width: 991px) {
.services-study{padding:24px 0 205px;}
}
.services-study__wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 991px) {
.services-study__wrap{flex-direction:column;position:relative;}
}
.services-study__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) {
.services-study__label{font-size:12px;}
}
.services-study__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));}
.services-study__title{color:#1c3050;font-size:40px !important;font-style:normal;font-weight:600;line-height:48px !important;margin:4px 0 17px;}
@media all and (max-width: 991px) {
.services-study__title{margin:4px 0 8px;font-size:28px !important;line-height:32px !important;}
}
.services-study__title span{color:#efa057;}
.services-study__left{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;max-width:320px;}
@media all and (max-width: 991px) {
.services-study__left{max-width:none;}
}
.services-study__desc{color:#1c3050;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-study__navigation{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;}
@media all and (max-width: 991px) {
.services-study__navigation{position:absolute;bottom:-72px;width:100%;}
}
.services-study__navigation-prev, .services-study__navigation-next{cursor:pointer;display:flex;}
.services-study__navigation-prev:hover svg circle, .services-study__navigation-next:hover svg circle{fill:#efa057;}
.services-study__navigation-prev:hover svg path, .services-study__navigation-next:hover svg path{stroke:white;}
.services-study__navigation-prev svg, .services-study__navigation-next svg{width:51px;height:51px;}
.services-study__navigation-prev svg circle, .services-study__navigation-next svg circle{fill:transparent;transition:fill 0.4s ease;}
.services-study__navigation-prev svg path, .services-study__navigation-next svg path{transition:stroke 0.4s ease;}
.services-study__navigation-link{display:none;}
@media all and (max-width: 991px) {
.services-study__navigation-link{display:flex;margin-left:auto;padding:10px 10px 10px 20px;border-radius:90px;background:#efa057;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:28px;justify-content:center;align-items:center;gap:12px;}
.services-study__navigation-link svg{width:30px;height:30px;}
}
.services-study__list{display:flex;flex-direction:row;width:100%;}
.services-study__right{width:100%;max-width:850px;}
@media all and (max-width: 1250px) {
.services-study__right{max-width:650px;margin-left:15px;}
}
@media all and (max-width: 991px) {
.services-study__right{margin-left:0;margin-top:35px;}
}
@media all and (max-width: 991px) {
.services-study__right{max-width:none;}
}
.services-study .slick-slide{margin:0 10px;}
@media all and (max-width: 600px) {
.services-study .slick-slide{width:250px;}
}
.services-study .slick-list{margin:0 -10px;}
.services-study__item{width:413px;height:420px;position:relative;border-radius:20px;overflow:hidden;display:flex !important;flex-direction:column;justify-content:flex-end;padding:35px;}
@media all and (max-width: 1250px) {
.services-study__item{height:360px;}
}
@media all and (max-width: 991px) {
.services-study__item{height:326px;padding:20px;}
}
.services-study__item:hover img{transform:scale(1.1);}
.services-study__item-img{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}
.services-study__item-img:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(30, 67, 123, 0.95) 13.33%, rgba(30, 67, 123, 0) 100%);z-index:1;}
.services-study__item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;z-index:1;transition:transform 0.4s ease;transform-origin:center;}
.services-study__item-content{position:relative;z-index:1;}
.services-study__item-title{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:36px;}
@media all and (max-width: 991px) {
.services-study__item-title{font-size:20px;line-height:26px;}
}
.services-study__item-categories{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-top:16px;}
@media all and (max-width: 991px) {
.services-study__item-categories{margin-top:8px;gap:8px;}
}
.services-study__item-category{border-radius:90px;border:1px solid rgba(255, 255, 255, 0.15);background:rgba(255, 255, 255, 0.02);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:3px 18px;color:#fff;font-size:14px;font-style:normal;font-weight:600;line-height:28px;transition:color 0.4s ease, background-color 0.4s ease;}
@media all and (max-width: 991px) {
.services-study__item-category{padding:2px 12px;font-size:12px;line-height:22px;}
}
.services-study__item-category:hover{background:white;color:#1c3050;}
.services-process{margin-top:-100px;}
@media all and (max-width: 991px) {
.services-process{margin-top:-80px;}
}
.services-process__wrap{padding:74px 60px 114px;border-radius:30px;background:#1c3458;}
@media all and (max-width: 991px) {
.services-process__wrap{border-radius:20px;padding:24px 20px 136px;}
}
.services-process__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-process__label{font-size:12px;}
}
.services-process__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-process__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.services-process__title{font-size:28px;line-height:32px;}
}
.services-process__title span{color:#efa057;}
.services-process__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.services-process__head-link{padding:10px 10px 10px 26px;border-radius:90px;background:#efa057;color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:28px;display:flex;justify-content:center;align-items:center;gap:12px;transition:color 0.4s ease, background-color 0.4s ease;}
@media all and (max-width: 991px) {
.services-process__head-link{position:absolute;bottom:50px;font-size:16px;}
}
.services-process__head-link svg{transition:transform 0.4s ease;}
.services-process__head-link svg circle{transition:fill 0.4s ease;}
.services-process__head-link svg path{transition:stroke 0.4s ease;}
.services-process__head-link:hover{background:#fff;color:#efa057;}
.services-process__head-link:hover svg{transform:rotate(45deg);}
.services-process__head-link:hover svg circle{fill:#efa057;}
.services-process__head-link:hover svg path{stroke:white;}
.services-process__list{margin-top:70px;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media all and (max-width: 991px) {
.services-process__list{grid-template-columns:repeat(2, 1fr);margin-top:30px;}
}
@media all and (max-width: 600px) {
.services-process__list{grid-template-columns:repeat(1, 1fr);gap:10px;}
}
.services-process__item{display:flex;flex-direction:column;}
@media all and (max-width: 600px) {
.services-process__item{position:relative;overflow:hidden;}
}
.services-process__item-step{position:relative;}
@media all and (max-width: 600px) {
.services-process__item-step{position:absolute;left:0;top:3px;}
}
.services-process__item-step:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:1px;background:rgba(255, 255, 255, 0.15);}
@media all and (max-width: 600px) {
.services-process__item-step:after{width:1px;height:400%;top:100%;left:50%;transform:translateX(-50%);}
}
.services-process__item-step span{display:flex;justify-content:center;align-items:center;width:34px;height:34px;border-radius:50%;background:white;color:#efa057;font-size:18px;font-style:normal;font-weight:600;line-height:28px;position:relative;z-index:1;}
@media all and (max-width: 600px) {
.services-process__item-step span{width:30px;height:30px;font-size:16px;line-height:22px;}
}
.services-process__item-title{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:34px;margin:36px 0 20px;}
@media all and (max-width: 600px) {
.services-process__item-title{margin:0 0 2px;font-size:20px;padding-left:42px;}
}
.services-process__item-desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 600px) {
.services-process__item-desc{font-size:14px;line-height:23px;padding-left:42px;}
}
.services-tools{padding:74px 0 130px;}
@media all and (max-width: 991px) {
.services-tools{padding:24px 0 50px;}
}
.services-tools__wrap{display:flex;flex-direction:column;}
.services-tools__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
@media all and (max-width: 991px) {
.services-tools__head{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
}
.services-tools__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-tools__label{font-size:12px;}
}
.services-tools__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-tools__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.services-tools__title{font-size:28px;line-height:32px;}
}
.services-tools__title span{color:#efa057;}
.services-tools__desc{color:#fff;font-size:18px;font-style:normal;font-weight:300;line-height:28px;max-width:305px;}
@media all and (max-width: 991px) {
.services-tools__desc{font-size:14px;line-height:23px;max-width:none;margin-top:13px;}
}
.services-tools__list{margin-top:70px;display:grid;grid-template-columns:repeat(1, 1fr);gap:20px;}
@media all and (max-width: 991px) {
.services-tools__list{grid-template-columns:repeat(1, 1fr);margin-top:35px;gap:9px;}
}
.services-tools__col{padding:25px 40px 30px;padding-right:0;border-radius:18px;background:#1c3458;display:flex;align-items:center;}
@media all and (max-width: 600px) {
.services-tools__col{padding:16px 20px;padding-bottom:20px;}
}
.services-tools__col-title{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:34px;width:355px;padding-right:20px;}
@media all and (max-width: 600px) {
.services-tools__col-title{font-size:20px;}
}
.services-tools__col-description{color:rgba(255, 255, 255, 0.40);font-size:18px;font-style:normal;font-weight:300;line-height:28px;width:305px;}
@media all and (max-width: 600px) {
.services-tools__col-title{font-size:16px;}
}
.services-tools__col-items{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;margin-top:10px;}
@media all and (max-width: 600px) {
.services-tools__col-items{margin-top:10px;gap:9px;}
}
.services-tools__col-item-icon{border-radius:18px;background:rgba(255, 255, 255, 0.04);display:flex;justify-content:center;align-items:center;width:153px;height:105px;margin:0px 0px;}
@media all and (max-width: 600px) {
.services-tools__col-item-icon{height:60px;}
}
.services-tools__col-item-icon svg{max-width:55px;}
@media all and (max-width: 600px) {
.services-tools__col-item-icon svg{max-width:22px;}
}
.services-tools__col-item-title{margin-top:15px;color:#fff;text-align:center;font-size:18px;font-style:normal;font-weight:600;line-height:28px;}
@media all and (max-width: 600px) {
.services-tools__col-item-title{margin-top:3px;font-size:14px;line-height:20px;}
}
.services-review{border-radius:30px;background:#fff;overflow:hidden;padding:74px 0 230px;}
@media all and (max-width: 991px) {
.services-review{border-radius:20px;padding:24px 0 130px;}
}
.services-review__wrap{display:flex;flex-direction:column;}
.services-review__navigation{display:none;}
@media all and (max-width: 991px) {
.services-review__navigation{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;margin-top:28px;}
.services-review__navigation-prev, .services-review__navigation-next{cursor:pointer;display:flex;}
.services-review__navigation-prev:hover svg circle, .services-review__navigation-next:hover svg circle{fill:#efa057;}
.services-review__navigation-prev:hover svg path, .services-review__navigation-next:hover svg path{stroke:white;}
.services-review__navigation-prev svg, .services-review__navigation-next svg{width:51px;height:51px;}
.services-review__navigation-prev svg circle, .services-review__navigation-next svg circle{fill:transparent;transition:fill 0.4s ease;}
.services-review__navigation-prev svg path, .services-review__navigation-next svg path{transition:stroke 0.4s ease;}
.services-review__navigation-link{display:none;}
}
@media all and (max-width: 991px) and (max-width: 991px) {
.services-review__navigation-link{display:flex;margin-left:auto;padding:10px 10px 10px 20px;border-radius:90px;background:#efa057;color:#fff;font-size:16px;font-style:normal;font-weight:600;line-height:28px;justify-content:center;align-items:center;gap:12px;}
.services-review__navigation-link svg{width:30px;height:30px;}
}
@media all and (max-width: 380px) {
.services-review__navigation{gap:6px;}
.services-review__navigation-link{padding:10px 10px 10px 14px;font-size:13px;}
.services-review__navigation-prev svg, .services-review__navigation-next svg{width:41px;height:41px;}
}
.services-review__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
@media all and (max-width: 991px) {
.services-review__head{flex-direction:column;align-items:flex-start;}
}
.services-review__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) {
.services-review__label{font-size:12px;}
}
.services-review__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));}
.services-review__title{color:#efa057;font-size:32px;font-style:normal;font-weight:600;line-height:48px;}
@media all and (max-width: 991px) {
.services-review__title{font-size:28px;line-height:32px;}
}
.services-review__title span{color:#1c3050;}
.services-review__link{padding:10px 10px 10px 26px;border-radius:90px;background:#efa057;color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:28px;display:flex;justify-content:center;align-items:center;gap:12px;transition:color 0.4s ease, background-color 0.4s ease;}
@media all and (max-width: 991px) {
.services-review__link{display:none;}
}
.services-review__link svg{transition:transform 0.4s ease;}
.services-review__link:hover svg{transform:rotate(45deg);}
.services-review__list{margin-top:70px;}
@media all and (max-width: 991px) {
.services-review__list{margin-top:29px;}
}
.services-review .slick-slide{margin:0 10px;height:inherit !important;}
@media all and (max-width: 600px) {
.services-review .slick-slide{width:360px;}
}
@media all and (max-width: 450px) {
.services-review .slick-slide{width:300px;}
}
.services-review .slick-slide > div{height:100%;}
.services-review .slick-list{margin:0 -10px;}
.services-review .slick-track{display:flex !important;}
.services-review__item{border-radius:20px;background:#f3f6fa;padding:63px 35px 30px;position:relative;display:flex !important;flex-direction:column;height:100%;justify-content:space-between;}
@media all and (max-width: 600px) {
.services-review__item{padding:44px 20px 20px;}
}
.services-review__item:after{content:"";display:block;position:absolute;top:30px;left: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: 600px) {
.services-review__item:after{top:18px;left:20px;}
}
.services-review__item-text{color:#1c3050;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 600px) {
.services-review__item-text{font-size:14px;line-height:23px;}
}
.services-review__item-company, .services-review__item-position{color:#1c3050;font-size:18px;font-style:normal;font-weight:600;line-height:30px;}
@media all and (max-width: 600px) {
.services-review__item-company, .services-review__item-position{font-size:16px;line-height:22px;}
}
.services-review__item-company{margin-top:37px;}
@media all and (max-width: 600px) {
.services-review__item-company{margin-top:23px;}
}
.services-review .slick-dots{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px;margin-top:30px;}
@media all and (max-width: 991px) {
.services-review .slick-dots{display:none !important;}
}
.services-review .slick-dots button{display:flex;font-size:0;width:10px;height:10px;border-radius:50%;border:none;background:#d4deea;padding:0;margin:0;cursor:pointer;}
.services-review .slick-dots button:focus{outline:none;}
.services-review .slick-dots li.slick-active button{background:#efa057;}
.services-offer{margin-top:-100px;}
@media all and (max-width: 991px) {
.services-offer{margin-top:-80px;}
}
.services-offer__wrap{padding:74px 60px 130px;border-radius:30px;background:#1c3458;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 991px) {
.services-offer__wrap{flex-direction:column;padding:24px 20px 50px;border-radius:20px;}
}
.services-offer__left{max-width:380px;margin-right:30px;}
@media all and (max-width: 991px) {
.services-offer__left{max-width:none;margin-right:0;}
}
.services-offer__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-offer__label{font-size:12px;}
}
.services-offer__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-offer__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin:4px 0 15px;}
@media all and (max-width: 991px) {
.services-offer__title{margin:4px 0 8px;font-size:28px;line-height:32px;}
}
.services-offer__desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.services-offer__desc{font-size:14px;line-height:23px;}
}
.services-offer__list{max-width:660px;width:100%;}
@media all and (max-width: 991px) {
.services-offer__list{max-width:none;margin-top:35px;}
}
.services-offer__item{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255, 255, 255, 0.15);}
@media all and (max-width: 991px) {
.services-offer__item{padding-bottom:27px;gap:19px;}
}
@media all and (max-width: 991px) {
.services-offer__item:last-child{border-bottom:none;padding-bottom:0;}
}
.services-offer__item:not(:first-child){padding-top:30px;}
@media all and (max-width: 991px) {
.services-offer__item:not(:first-child){padding-top:27px;}
}
.services-offer__item-icon{width:66px;height:66px;border-radius:50%;background:rgba(255, 255, 255, 0.07);display:flex;justify-content:center;align-items:center;}
@media all and (max-width: 991px) {
.services-offer__item-icon{width:52px;height:52px;}
}
.services-offer__item-icon svg{width:100%;height:100%;}
.services-offer__item-title{color:#fff;font-size:22px;font-style:normal;font-weight:600;line-height:35px;padding-top:7px;}
@media all and (max-width: 991px) {
.services-offer__item-title{padding-top:0;font-size:20px;line-height:26px;}
}
.services-offer__item-desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:12px;}
@media all and (max-width: 991px) {
.services-offer__item-desc{font-size:14px;line-height:23px;}
}
.services-offer__item-info{width:calc(100% - 99px);}
@media all and (max-width: 991px) {
.services-offer__item-info{width:calc(100% - 71px);}
}
.services-work{padding:75px 0 130px;}
@media all and (max-width: 991px) {
.services-work{padding:24px 0 125px;}
}
.services-work__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
@media all and (max-width: 991px) {
.services-work__head{flex-direction:column;align-items:flex-start;}
}
.services-work__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-work__label{font-size:12px;}
}
.services-work__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-work__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;}
@media all and (max-width: 991px) {
.services-work__title{font-size:28px;line-height:32px;}
}
.services-work__title span{color:#efa057;}
.services-work__link{padding:10px 10px 10px 26px;border-radius:90px;background:#efa057;color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:28px;display:flex;justify-content:center;align-items:center;gap:12px;transition:color 0.4s ease, background-color 0.4s ease;}
@media all and (max-width: 991px) {
.services-work__link{position:absolute;bottom:-75px;font-size:16px;}
}
.services-work__link svg{transition:transform 0.4s ease;}
.services-work__link svg circle{transition:fill 0.4s ease;}
.services-work__link svg path{transition:stroke 0.4s ease;}
.services-work__link:hover{background:#fff;color:#efa057;}
.services-work__link:hover svg{transform:rotate(45deg);}
.services-work__link:hover svg circle{fill:#efa057;}
.services-work__link:hover svg path{stroke:white;}
.services-work__list{margin-top:70px;display:grid;grid-template-columns:repeat(4, 1fr);gap:20px;}
@media all and (max-width: 991px) {
.services-work__list{margin-top:29px;grid-template-columns:repeat(2, 1fr);gap:9px;}
}
.services-work__item{border-radius:18px;background:#1c3458;padding:35px 35px 40px;}
@media all and (max-width: 991px) {
.services-work__item{padding:20px;border-radius:12px;}
}
.services-work__item-icon{width:50px;height:50px;}
@media all and (max-width: 991px) {
.services-work__item-icon{width:40px;height:40px;}
}
.services-work__item-icon svg{width:100%;height:100%;}
.services-work__item-title{color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:36px;margin-top:25px;}
@media all and (max-width: 1200px) {
.services-work__item-title{font-size:22px;}
}
@media all and (max-width: 991px) {
.services-work__item-title{font-size:20px;line-height:36px;margin-top:20px;word-wrap:break-word;}
}
.services-expertise{border-radius:30px;background:#fff;padding:74px 0 230px;}
@media all and (max-width: 991px) {
.services-expertise{padding:24px 0 130px;border-radius:20px;}
}
.services-expertise__item_union{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.services-expertise__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) {
.services-expertise__label{font-size:12px;}
.services-expertise__item_union{margin-bottom:0;}
}
.services-expertise__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));}
.services-expertise__title{color:#1c3050;font-size:40px;font-style:normal;font-weight:600;line-height:48px;}
@media all and (max-width: 991px) {
.services-expertise__title{font-size:28px;line-height:32px;}
}
.services-expertise__list{margin-top:70px;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
@media all and (max-width: 991px) {
.services-expertise__list{grid-template-columns:repeat(1, 1fr);gap:9px;margin-top:29px;}
}
.services-expertise__item{border-radius:20px;background:#f3f6fa;padding:30px 35px;transition:background 0.4s ease;}
@media all and (max-width: 991px) {
.services-expertise__item{padding:20px 20px 26px;position:relative;}
}
.services-expertise__item:hover{background:rgba(239, 160, 87, 0.1);}
.services-expertise__item:hover .services-expertise__item-icon{background:rgba(239, 160, 87, 0.2);}
.services-expertise__item-icon{width:66px;height:66px;border-radius:50%;background:#e6edf6;display:flex;justify-content:center;align-items:center;transition:background 0.4s ease;}
.services-expertise__item-icon img{width:38px;height:auto;object-fit:cover;}
@media all and (max-width: 991px) {
.services-expertise__item-icon{width:52px;height:52px;position:absolute;top:20px;left:20px;}
.services-expertise__item-icon img{width:26px;height:26px;object-fit:cover;}
}
@media all and (max-width: 600px) {
.services-expertise__item-icon{top:35px;}
}
.services-expertise__item-title{color:#1c3050;font-size:26px;font-style:normal;font-weight:600;line-height:34px;width:80%;}
@media all and (max-width: 991px) {
.services-expertise__item-title{padding-left:67px;margin:8px 0 24px;font-size:20px;line-height:30px;width:100%;}
}
@media all and (max-width: 600px) {
.services-expertise__item-title{min-height:68px;display:flex;align-items:center;margin-bottom:10px;}
}
.services-expertise__item-list{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;list-style-type:none;}
.services-expertise__item-list li{width:100%;color:#1c3050;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin:1px 0;transition:color 0.4s ease;position:relative;padding-left:13px;margin-bottom:14px;display:block;}
.services-expertise__item-list li a{width:100%;color:#1c3050;font-size:16px;font-style:normal;font-weight:300;line-height:28px;transition:color 0.4s ease;position:relative;display:block;cursor:pointer;}
@media all and (max-width: 600px) {
.services-expertise__item-list li a{font-size:14px;line-height:19px;}
}
.services-expertise__item-list li:after{content:"";display:block;position:absolute;left:0;top:12px;width:5px;height:5px;border-radius:50%;background:#1c3050;filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
@media all and (max-width: 600px) {
.services-expertise__item-list li:after{top:7px;width:5px;height:5px;}
}
.services-expertise__item-list li a:hover{color:#efa057;}
.services-faq{margin-top:-100px;}
@media all and (max-width: 991px) {
.services-faq{margin-top:-90px;}
}
.services-faq__wrap{border-radius:30px;background:#1c3458;padding:74px 60px 130px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 991px) {
.services-faq__wrap{padding:24px 20px 133px;flex-direction:column;border-radius:20px;}
}
.services-faq__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-faq__label{font-size:12px;}
}
.services-faq__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-faq__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin:4px 0 17px;max-width:390px;}
@media all and (max-width: 1200px) {
.services-faq__title{font-size:28px;line-height:32px;margin:4px 0 8px;}
}
.services-faq__title span{color:#efa057;}
.services-faq__desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;max-width:355px;}
@media all and (max-width: 991px) {
.services-faq__desc{font-size:14px;line-height:23px;max-width:none;}
}
.services-faq__action{padding:10px 10px 10px 26px;border-radius:90px;background:#efa057;color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:28px;display:flex;justify-content:center;align-items:center;gap:12px;transition:color 0.4s ease, background-color 0.4s ease;width:-moz-max-content;width:max-content;margin-top:40px;}
@media all and (max-width: 991px) {
.services-faq__action{position:absolute;bottom:50px;}
}
.services-faq__action svg{transition:transform 0.4s ease;}
.services-faq__action svg circle{transition:fill 0.4s ease;}
.services-faq__action svg path{transition:stroke 0.4s ease;}
.services-faq__action:hover{background:#fff;color:#efa057;}
.services-faq__action:hover svg{transform:rotate(45deg);}
.services-faq__action:hover svg circle{fill:#efa057;}
.services-faq__action:hover svg path{stroke:white;}
.services-faq__right{max-width:660px;width:100%;margin-left:30px;}
@media all and (max-width: 1200px) {
.services-faq__right{max-width:580px;}
}
@media all and (max-width: 991px) {
.services-faq__right{max-width:none;margin:0;}
}
.services-faq__right .services-faq__desc{width:100%;max-width:100%;}
.services-faq__list{width:100%;padding-top:20px;}
@media all and (max-width: 991px) {
.services-faq__list{padding-top:0;margin-top:35px;}
}
.services-faq__item{padding-bottom:26px;border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.services-faq__item:not(:first-child){padding-top:26px;}
@media all and (max-width: 991px) {
.services-faq__item:first-child{padding-top:26px;border-top:1px solid rgba(255, 255, 255, 0.15);}
}
.services-faq__item-title{color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:30px;padding-left:60px;position:relative;cursor:pointer;}
@media all and (max-width: 991px) {
.services-faq__item-title{font-size:16px;line-height:22px;}
}
.services-faq__item-title:after{content:"+";display:flex;justify-content:center;align-items:center;position:absolute;left:0;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid rgba(255, 255, 255, 0.15);transition:background-color 0.4s ease;padding-bottom:3px;font-size:22px;}
.services-faq__item-title.active + .services-faq__item-content{margin-top:13px;}
.services-faq__item-title.active:after{background:white;color:#efa057;content:"-";padding-bottom:1px;}
.services-faq__item-content{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;padding-left:60px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out, margin-top 0.2s ease;}
@media all and (max-width: 991px) {
.services-faq__item-content{font-size:14px;line-height:23px;}
}
.services-article{padding:74px 0 130px;}
@media all and (max-width: 991px) {
.services-article{padding:24px 0 146px;}
}
.services-article__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
@media all and (max-width: 991px) {
.services-article__head{flex-direction:column;align-items:flex-start;}
}
.services-article__label{padding-left:14px;color:rgba(255, 255, 255, 0.75);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) {
.services-article__label{font-size:12px;}
}
.services-article__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:rgba(255, 255, 255, 0.75);filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.services-article__title{color:#fff;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.services-article__title{font-size:28px;line-height:32px;}
}
.services-article__title span{color:#efa057;}
.services-article__link{padding:10px 10px 10px 26px;border-radius:90px;background:#efa057;color:#fff;font-size:18px;font-style:normal;font-weight:600;line-height:28px;display:flex;justify-content:center;align-items:center;gap:12px;transition:color 0.4s ease, background-color 0.4s ease;}
@media all and (max-width: 991px) {
.services-article__link{font-size:16px;position:absolute;bottom:-80px;margin-top:0;}
}
.services-article__link svg{transition:transform 0.4s ease;}
.services-article__link svg circle{transition:fill 0.4s ease;}
.services-article__link svg path{transition:stroke 0.4s ease;}
.services-article__link:hover{background:#fff;color:#efa057;}
.services-article__link:hover svg{transform:rotate(45deg);}
.services-article__link:hover svg circle{fill:#efa057;}
.services-article__link:hover svg path{stroke:white;}
.services-article__list{margin-top:70px;display:grid;grid-template-columns:repeat(3, 1fr);gap:32px;}
@media all and (max-width: 991px) {
.services-article__list{grid-template-columns:repeat(2, 1fr);margin-top:30px;}
}
@media all and (max-width: 600px) {
.services-article__list{grid-template-columns:repeat(1, 1fr);}
}
.services-article__item{display:flex;flex-direction:column;}
.services-article__item:hover .services-article__item-img img{transform:scale(1.1);}
.services-article__item-img{width:100%;height:260px;border-radius:20px;overflow:hidden;position:relative;}
@media all and (max-width: 600px) {
.services-article__item-img{height:215px;}
}
.services-article__item-img:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(0deg, rgba(30, 67, 123, 0.66) 0%, rgba(30, 67, 123, 0) 100%);}
.services-article__item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform 0.4s ease;transform-origin:center;}
.services-article__item-categories{position:absolute;top:20px;left:20px;display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;z-index:2;}
.services-article__item-category{padding:3px 18px;border-radius:90px;border:1px solid rgba(255, 255, 255, 0.15);background:rgba(255, 255, 255, 0.02);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:28px;}
.services-article__item-link{position:absolute;right:20px;bottom:20px;z-index:2;}
.services-article__item-link svg{transition:transform 0.4s ease;}
.services-article__item-link svg circle{transition:fill 0.4s ease;fill:transparent;}
.services-article__item-link svg path{transition:stroke 0.4s ease;}
.services-article__item-link:hover svg{transform:rotate(45deg);}
.services-article__item-link:hover svg circle{fill:white;}
.services-article__item-link:hover svg path{stroke:#efa057;}
.services-article__item-title{margin:27px 0 11px;color:#fff;font-size:26px;font-style:normal;font-weight:600;line-height:36px;display:flex;cursor:pointer;}
.services-article__item-title:hover{transition:0.6s all;color:#efa057;}
@media all and (max-width: 991px) {
.services-article__item-title{font-size:20px;line-height:26px;margin:22px 0 7px;}
}
.services-article__item-info{display:flex;flex-direction:row;align-items:center;gap:20px;}
.services-article__item-time{display:flex;flex-direction:row;align-items:center;gap:10px;color:rgba(255, 255, 255, 0.7);font-size:14px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.services-article__item-time{font-size:12px;}
}
.services-article__item-author{display:flex;flex-direction:row;align-items:center;gap:10px;color:rgba(255, 255, 255, 0.7);font-size:14px;font-style:normal;font-weight:300;line-height:28px;width:calc(100% - 140px);}
@media all and (max-width: 991px) {
.services-article__item-author{font-size:12px;}
}
.services-article__item-author img{width:24px;height:24px;border-radius:50%;}
.services-article__item-author span{width:calc(100% - 34px);max-width:250px;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.services-contact{border-radius:30px;background:#fff;padding:74px 0 130px;}
@media all and (max-width: 991px) {
.services-contact{padding:24px 0 50px;}
}
.services-contact__wrap{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 991px) {
.services-contact__wrap{flex-direction:column;}
}
.services-contact__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) {
.services-contact__label{font-size:12px;}
}
.services-contact__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));}
.services-contact__title{color:#1c3050;font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin:4px 0 70px;max-width:290px;}
@media all and (max-width: 991px) {
.services-contact__title{max-width:none;font-size:28px;line-height:32px;margin:4px 0 29px;}
}
.services-contact__title span{color:#efa057;}
.services-contact__left{max-width:420px;width:100%;margin-right:40px;}
@media all and (max-width: 991px) {
.services-contact__left{max-width:none;margin-right:0;}
}
.services-contact__quote{border-radius:20px;background:#f3f6fa;padding:75px 35px 40px;position:relative;}
@media all and (max-width: 991px) {
.services-contact__quote{border-radius:12px;padding:44px 20px 25px;}
}
.services-contact__quote:after{content:"";display:block;position:absolute;top:35px;left: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) {
.services-contact__quote:after{top:18px;left:20px;width:22px;height:18px;}
}
.services-contact__quote-text{color:#1c3050;font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.services-contact__quote-text{font-size:14px;line-height:23px;}
}
.services-contact__quote-author{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:65px;}
@media all and (max-width: 991px) {
.services-contact__quote-author{margin-top:40px;}
}
.services-contact__quote-avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;margin-right:20px;}
@media all and (max-width: 991px) {
.services-contact__quote-avatar{width:50px;height:50px;margin-right:15px;}
}
.services-contact__quote-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.services-contact__quote-info{width:calc(100% - 90px);}
@media all and (max-width: 991px) {
.services-contact__quote-info{width:calc(100% - 65px);}
}
.services-contact__quote-info h6{color:#1c3050;font-size:18px;font-style:normal;font-weight:600;line-height:30px;}
@media all and (max-width: 991px) {
.services-contact__quote-info h6{font-size:16px;line-height:22px;}
}
.services-contact__quote-info p{color:rgba(28, 48, 80, 0.7);font-size:14px;font-style:normal;font-weight:300;line-height:normal;margin-top:3px;}
@media all and (max-width: 991px) {
.services-contact__quote-info p{font-size:12px;}
}
.services-contact__right{max-width:670px;width:100%;}
@media all and (max-width: 991px) {
.services-contact__right{max-width:none;width:100%;margin-top:40px;}
}
.services-contact__form{display:flex;flex-direction:column;gap:32px;}
@media all and (max-width: 991px) {
.services-contact__form{gap:20px;}
}
.services-contact__form-label{color:#1c3050;font-size:18px;font-style:normal;font-weight:600;line-height:30px;display:block;margin-bottom:16px;}
@media all and (max-width: 991px) {
.services-contact__form-label{font-size:16px;margin-bottom:11px;}
}
.services-contact__form-label span{color:#efa057;}
.services-contact__form-col{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
@media all and (max-width: 600px) {
.services-contact__form-col{flex-direction:column;gap:20px;}
}
.services-contact__form-col .services-contact__form-row{width:100%;}
@media all and (max-width: 600px) {
.services-contact__form-col .services-contact__form-row{width:100%;}
}
.services-contact__form-row input{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;transition:background-color 0.4s ease;caret-color:#efa057;border:none;}
@media all and (max-width: 991px) {
.services-contact__form-row input{height:50px;padding:11px 20px;font-size:14px;}
.services-contact__form-row input::-moz-placeholder{font-size:14px;}
.services-contact__form-row input::placeholder{font-size:14px;}
}
.services-contact__form-row input:focus{background:#fdf1e6;outline:none;border:none;}
.services-contact__form-row input::-moz-placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-contact__form-row input::placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-contact__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;}
@media all and (max-width: 991px) {
.services-contact__form-row select{height:50px;padding:11px 20px;font-size:14px;}
.services-contact__form-row select::-moz-placeholder{font-size:14px;}
.services-contact__form-row select::placeholder{font-size:14px;}
}
.services-contact__form-row select > option:first-child{display:none;}
.services-contact__form-row select:focus{border:none;outline:none;}
.services-contact__form-row textarea{width:100%;height:120px;border-radius:12px;background:#f3f6fa;padding:13px 24px;resize:none;color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:400;line-height:28px;transition:background-color 0.4s ease;caret-color:#efa057;border:none;}
@media all and (max-width: 991px) {
.services-contact__form-row textarea{height:110px;padding:11px 20px;font-size:14px;}
.services-contact__form-row textarea::-moz-placeholder{font-size:14px;}
.services-contact__form-row textarea::placeholder{font-size:14px;}
}
.services-contact__form-row textarea:focus{background:#fdf1e6;outline:none;border:none;}
.services-contact__form-row textarea::-moz-placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-contact__form-row textarea::placeholder{color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.services-contact__form-action{margin-top:8px;}
@media all and (max-width: 991px) {
.services-contact__form-action{margin-top:5px;}
}
.services-contact__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) {
.services-contact__form-action button{font-size:16px;padding:10px 10px 10px 21px;}
}
.services-contact__form-action button svg{transition:transform 0.4s ease;}
.services-contact__form-action button:hover svg{transform:rotate(45deg);}
.services-tools__col-line{display:flex;gap:40px;overflow:hidden;white-space:nowrap;position:relative;width:885px;}
.services-tools__col-line .services-tools__col-track{display:flex;gap:40px;animation:marquee 20s linear infinite;}
.services-tools__col-item{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;}
@keyframes marquee {
from{transform:translateX(0%);}
to{transform:translateX(-50%);}
}
@media(max-width:1280px){
.services-tools__col-line{width:820px;}
}
@media(max-width:1180px){
.services-tools__col-line{width:725px;}
.services-tools__col-item-icon{width:105px;height:105px;}
}
@media(max-width:1024px){
.services-tools__col-line{width:570px;}
}
@media(max-width:990px){
.services-tools__box{margin-top:10px;padding-left:30px;}
.services-tools__col{flex-direction:column;align-items:flex-start;padding-left:0;}
.services-tools__col-line{width:945px;margin-top:20px;}
.services-tools__col-items{margin-top:20px;padding-left:30px;}
}
@media(max-width:600px){
.services-tools__col-item-icon{width:70px;height:70px;}
.services-tools__col-item-icon img{width:32px;height:32px;}
.services-tools__col-description{font-size:16px;}
.services-tools__col-line{margin-top:15px;}
.services-tools__col-items{margin-top:15px;}
.services-tools__col-line .services-tools__col-track{gap:21px;}
.services-tools__col-title{width:100%;}
.services-tools__col-description{width:100%;}
.services-tools__col{padding-left:0;padding-right:0;}
.services-tools__col-line .services-tools__col-track{animation:marquee 15s linear infinite;}
}
@media(max-width:430px){
.services-tools__col-line{width:390px;}
.services-tools__box{padding-left:20px;}
.services-tools__col-items{padding-left:20px;}
}
@media(max-width:416px){
.services-tools__col-line{width:375px;}
}
@media(max-width:390px){
.services-tools__col-line{width:348px;}
}
@media(max-width:375px){
.services-tools__col-line {
width: 335px;
}
.services-tools__col-item-icon {
width: 67px;
height: 67px;
}
}