.how-we-work-hero{border-radius:0px 0px 30px 30px;background:linear-gradient(180deg, #192941 0%, #1c3458 100%);}
.how-we-work-hero__wrap{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:166px 0 210px;padding-bottom:100px;}
@media all and (max-width: 991px) {
.how-we-work-hero__wrap{padding:104px 0 140px;}
}
@media(max-width:480px){
.how-we-work-hero__wrap{padding-top:112px;padding-bottom:68px;}
}
.how-we-work-hero .breadcrumbs span{color:#fff;}
.how-we-work-hero .breadcrumbs a{color:#fff;}
@media all and (max-width: 991px) {
.how-we-work-hero .breadcrumbs{display:none;}
}
.how-we-work-hero__title{color:#c0d6f6;font-size:64px;font-style:normal;font-weight:700;line-height:72px;margin-bottom:9px;}
@media all and (max-width: 991px) {
.how-we-work-hero__title{margin-bottom:11px;font-size:32px;line-height:40px;text-align:center;width:100%;}
}
.how-we-work-hero__title span{color:#fff;}
.how-we-work-hero__desc{color:#fff;font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:25px;max-width:700px;}
@media all and (max-width: 991px) {
.how-we-work-hero__desc{text-align:center;font-size:14px;line-height:23px;max-width:none;margin-top:5px;}
}
.how-we-work-hero .how-we-work-hero__steps{margin-top:58px;display:flex;align-items:center;}
@media(max-width:990px){
.how-we-work-hero .how-we-work-hero__steps{margin-top:48px;}
}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps{margin-top:45px;}
}
.how-we-work-hero .how-we-work-hero__steps .step{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:0px 70px;}
@media(max-width:990px){
.how-we-work-hero .how-we-work-hero__steps .step{margin:0px 55px;}
}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step{margin:0px 12px;}
}
@media(max-width:375px){
.how-we-work-hero .how-we-work-hero__steps .step{margin:0px 7px;}
}
.how-we-work-hero .how-we-work-hero__steps .step:after{position:absolute;content:"";left:65px;top:15px;width:270px;height:1px;background:#3c495e;}
@media(max-width:990px){
.how-we-work-hero .how-we-work-hero__steps .step:after{width:210px;}
}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step:after{width:120px;}
}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step:nth-child(1){margin-left:-10px;}
}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step:nth-child(3){margin-right:0;}
}
.how-we-work-hero .how-we-work-hero__steps .step:nth-child(3):after{display:none;}
.how-we-work-hero .how-we-work-hero__steps .step span{color:#fff;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:600;line-height:28px;background:#3c495e;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;z-index:1;}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step span{font-size:16px;}
}
.how-we-work-hero .how-we-work-hero__steps .step .step__description{color:#fff;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:600;line-height:30px;text-align:center;margin-top:24px;width:140px;}
@media(max-width:480px){
.how-we-work-hero .how-we-work-hero__steps .step .step__description{font-size:16px;line-height:27px;margin-top:24px;width:112px;}
}
.our-agile-process{padding-top:65px;margin-bottom:105px;}
@media(max-width:480px){
.our-agile-process{margin-bottom:70px;}
}
.our-agile-process .process__subtitle{color:rgba(255, 255, 255, 0.75);font-family:"Reddit Sans";font-size:14px;font-style:normal;font-weight:500;line-height:42px;letter-spacing:1px;text-transform:uppercase;}
.our-agile-process .process__title{color:#fff;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:7px;}
@media(max-width:480px){
.our-agile-process .process__title{font-size:33px;line-height:40px;}
}
.our-agile-process .process__title span{color:#efa057;}
.our-agile-process .process__union{display:grid;grid-template-columns:repeat(3, 1fr);gap:18px;margin-top:45px;}
@media(max-width:990px){
.our-agile-process .process__union{grid-template-columns:repeat(2, 1fr);}
}
@media(max-width:480px){
.our-agile-process .process__union{grid-template-columns:repeat(1, 1fr);}
}
.our-agile-process .process__union .process__block{border-radius:18px;background:#1c3458;padding:35px;}
.our-agile-process .process__union .process__block .process__ico img{width:35px;}
.our-agile-process .process__union .process__block .process__box{display:flex;align-items:center;margin:17px 0px;}
.our-agile-process .process__union .process__block .process__box .process__step{position:relative;color:#efa057;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:36px;padding-right:34px;}
@media(max-width:480px){
.our-agile-process .process__union .process__block .process__box .process__step{padding-right:10px;}
}
.our-agile-process .process__union .process__block .process__box .process__step span{display:block;width:32px;}
@media(max-width:480px){
.our-agile-process .process__union .process__block .process__box .process__step span{margin-top:-2px;}
}
.our-agile-process .process__union .process__block .process__box .process__step:after{position:absolute;left:39px;top:18px;content:"";width:17px;height:1px;background:rgba(255, 255, 255, 0.15);}
@media(max-width:480px){
.our-agile-process .process__union .process__block .process__box .process__step:after{display:none;}
}
.our-agile-process .process__union .process__block .process__box .process__title{color:#fff;font-family:"Reddit Sans";font-size:25px;font-style:normal;font-weight:600;line-height:36px;margin-top:0;}
@media(max-width:1280px){
.our-agile-process .process__union .process__block .process__box .process__title{font-size:23px;line-height:31px;}
}
.our-agile-process .process__union .process__block .process__description{color:#fff;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
.call{position:relative;}
.call::before{content:"";position:absolute;left:0;right:0;bottom:0;height:136px;background-color:#111d2f;}
@media(max-width:1024px){
.call::before{height:80px;}
}
.call .call__outer-container{position:relative;margin-top:20px;padding:71px 36px 56px;background-color:#1c3458;border-radius:30px;overflow:hidden;}
@media(max-width:1024px){
.call .call__outer-container{margin-top:0;border-radius:20px;padding:34px 44px 50px;padding-top:42px;}
}
.call .call__outer-container .call__background{position:absolute;bottom:50%;left:0;transform:translateY(50%);width:100%;-o-object-fit:cover;object-fit:cover;opacity:0.8;}
@media(max-width:1024px){
.call .call__outer-container .call__background{bottom:0;height:100%;transform:translateY(0);}
}
.call .call__outer-container .call__inner-container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin:0 auto;max-width:920px;}
@media(max-width:1024px){
.call .call__outer-container .call__inner-container{flex-direction:column;}
}
.call .call__outer-container .call__title{margin-bottom:17px;font-size:40px;font-weight:600;line-height:48px;color:#fff;}
@media(max-width:990px){
.call .call__outer-container .call__title{font-size:31px;line-height:25px;margin-top:20px;margin-bottom:22px !important;}
}
@media(max-width:1024px){
.call .call__outer-container .call__title{margin-bottom:8px;text-align:center;}
}
.call .call__outer-container .call__title span{color:#efa057;}
.call .call__outer-container .call__description{font-size:16px;font-weight:300;line-height:28px;color:#fff;margin-bottom:16px;}
@media(max-width:1024px){
.call .call__outer-container .call__description{font-size:14px;line-height:23px;}
}
@media(max-width:1024px){
.call .call__outer-container .call__description{margin-bottom:32px;text-align:center;}
}
.call .call__outer-container .call__btn{display:flex;align-items:center;gap:12px;padding:10px;padding-left:26px;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;border-radius:90px;background-color:#efa057;color:#fff;text-align:center;font-size:18px;font-weight:600;line-height:28px;border:none;outline:none;cursor:pointer;white-space:nowrap;transition:0.4s ease;}
@media(max-width:1024px){
.call .call__outer-container .call__btn{padding-left:19px;font-size:16px;}
.call .call__outer-container .call__btn svg{width:30px;height:30px;}
}
.call .call__outer-container .call__btn svg{transition:0.4s ease;}
.call .call__outer-container .call__btn svg circle, .call .call__outer-container .call__btn svg path{transition:0.4s ease;}
.call .call__outer-container .call__btn:hover{background:#fff;color:#efa057;}
.call .call__outer-container .call__btn:hover svg{transform:rotate(45deg);}
.call .call__outer-container .call__btn:hover svg circle{fill:#efa057;}
.call .call__outer-container .call__btn:hover svg path {
stroke: #fff;
}