.home-hero{position:relative;border-radius:0 0 30px 30px;overflow:hidden;}
@media all and (max-width: 991px) {
.home-hero{border-radius:0 0 20px 20px;}
}
.home-hero__img{position:absolute;left:0;top:0;width:100%;height:100%;}
.home-hero__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
@media(max-width:580px){
.home-hero__desktop{display:none;}
}
@media(min-width:581px){
.home-hero__mobile{display:none;}
}
.home-hero__wrap{padding:174px 0 280px;max-width:520px;}
@media all and (max-width: 991px) {
.home-hero__wrap{padding:106px 0 300px;}
}
.home-hero__label{padding-left:14px;color:#fff;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) {
.home-hero__label{font-size:12px;}
}
.home-hero__label:after{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#fff;filter:drop-shadow(0px 1px 3px rgba(255, 255, 255, 0.45));}
.home-hero__title{margin:1px 0 38px;color:#c0d6f6;font-family:"Reddit Sans";font-size:64px;font-style:normal;font-weight:700;line-height:72px;}
@media all and (max-width: 991px) {
.home-hero__title{margin:1px 0 21px;font-size:32px;line-height:40px;letter-spacing:-0.32px;}
}
.home-hero__title span{display:flex;color:#fff;border-bottom:7px solid white;max-width:-moz-max-content;max-width:max-content;}
@media all and (max-width: 991px) {
.home-hero__title span{border-bottom:4px solid white;}
}
.home-hero__desc{margin:30px 0 47px;color:#fff;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.home-hero__desc{margin:21px 0 29px;font-size:16px;line-height:24px;}
}
.home-hero__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;max-width:-moz-max-content;max-width:max-content;}
@media all and (max-width: 991px) {
.home-hero__link{font-size:16px;padding:10px 10px 10px 21px;}
}
.home-hero__link svg{transition:transform 0.4s ease;}
.home-hero__link svg circle{transition:fill 0.4s ease;}
.home-hero__link svg path{transition:stroke 0.4s ease;}
.home-hero__link:hover{background:#fff;color:#efa057;}
.home-hero__link:hover svg{transform:rotate(45deg);}
.home-hero__link:hover svg circle{fill:#efa057;}
.home-hero__link:hover svg path{stroke:white;}
.home-vision{margin-top:-140px;}
@media all and (max-width: 991px) {
.home-vision{margin-top:-80px;}
}
.home-vision__wrap{border-radius:30px;background:#1c3458;padding:45px 35px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
@media all and (max-width: 991px) {
.home-vision__wrap{margin-top:-80px;padding:24px 20px 50px;flex-direction:column;align-items:flex-start;}
}
.home-vision__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) {
.home-vision__label{font-size:12px;}
}
.home-vision__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));}
.home-vision__title{margin-top:3px;color:#fff;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:36px;}
@media all and (max-width: 991px) {
.home-vision__title{font-size:20px;line-height:26px;}
}
.home-vision__title span{color:#efa057;}
.home-vision__info{max-width:377px;margin-right:75px;}
@media all and (max-width: 1200px) {
.home-vision__info{max-width:350px;margin-right:50px;}
}
@media all and (max-width: 991px) {
.home-vision__info{max-width:none;margin-right:0;}
}
.home-vision__list{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;}
@media all and (max-width: 991px) {
.home-vision__list{flex-direction:column;gap:12px;margin-top:30px;}
}
.home-vision__item{max-width:210px;}
@media all and (max-width: 991px) {
.home-vision__item{max-width:none;width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;}
}
.home-vision__item-icon{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:rgba(255, 255, 255, 0.07);}
@media all and (max-width: 991px) {
.home-vision__item-icon{width:50px;height:50px;padding:13px;}
}
.home-vision__item-name{margin-top:20px;color:#fff;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.home-vision__item-name{font-size:14px;width:calc(100% - 62px);margin-top:0;line-height:20px;}
}
.home-clients{padding:90px 0 130px;}
@media all and (max-width: 991px) {
.home-clients{padding:24px 0 50px;}
}
.home-clients__head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;}
@media all and (max-width: 991px) {
.home-clients__head{flex-direction:column;align-items:flex-start;}
}
.home-clients__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) {
.home-clients__label{font-size:12px;}
}
.home-clients__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));}
.home-clients__title{margin-top:4px;color:#fff;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;}
@media all and (max-width: 991px) {
.home-clients__title{margin-bottom:13px;font-size:28px;line-height:32px;}
}
.home-clients__title span{color:#efa057;}
.home-clients__info{max-width:620px;margin-right:40px;}
@media all and (max-width: 1200px) {
.home-clients__info{max-width:500px;}
}
@media all and (max-width: 991px) {
.home-clients__info{max-width:none;margin-right:0;}
}
.home-clients__desc{max-width:340px;color:#fff;font-family:"Reddit Sans";font-size:18px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.home-clients__desc{font-size:16px;line-height:24px;max-width:none;}
}
.home-clients__list{display:grid;grid-template-columns:repeat(5, 1fr);gap:20px;margin-top:70px;}
@media all and (max-width: 991px) {
.home-clients__list{grid-template-columns:repeat(2, 1fr);gap:9px;margin-top:30px;}
}
.home-clients__item{padding:25px;border-radius:18px;background:#1c3458;display:flex;justify-content:center;align-items:center;height:130px;}
@media all and (max-width: 991px) {
.home-clients__item{height:100px;border-radius:12px;}
}
.home-clients__item img, .home-clients__item svg{-o-object-fit:contain;object-fit:contain;}
.home-promise{border-radius:30px;background:#fff;padding:74px 0 230px;}
@media all and (max-width: 991px) {
.home-promise{padding:24px 0 205px;}
}
.home-promise__head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.home-promise__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) {
.home-promise__label{font-size:12px;}
}
.home-promise__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));}
.home-promise__title{color:#1c3050;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin-top:4px;}
@media all and (max-width: 991px) {
.home-promise__title{font-size:28px;line-height:32px;}
}
.home-promise__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) {
.home-promise__link{position:absolute;bottom:-82px;font-size:16px;}
}
.home-promise__link svg{transition:transform 0.4s ease;}
.home-promise__link svg circle{transition:fill 0.4s ease;}
.home-promise__link svg path{transition:stroke 0.4s ease;}
.home-promise__link:hover svg{transform:rotate(45deg);}
.home-promise__list{margin-top:70px;display:grid;grid-template-columns:repeat(3, 1fr);gap:20px;}
@media all and (max-width: 991px) {
.home-promise__list{grid-template-columns:repeat(1, 1fr);gap:9px;margin-top:29px;}
}
.home-promise__item{border-radius:20px;background:#f3f6fa;padding:30px 35px 40px;}
@media all and (max-width: 991px) {
.home-promise__item{padding:20px;}
}
.home-promise__item-head{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;}
@media all and (max-width: 991px) {
.home-promise__item-head{gap:15px;}
}
.home-promise__item-logo{width:66px;height:66px;border-radius:50%;display:flex;justify-content:center;align-items:center;background:#e6edf6;}
@media all and (max-width: 991px) {
.home-promise__item-logo{width:52px;height:52px;}
}
.home-promise__item-title{color:#1c3050;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:34px;width:calc(100% - 88px);}
@media all and (max-width: 991px) {
.home-promise__item-title{width:calc(100% - 67px);font-size:20px;}
}
.home-promise__item-desc{margin-top:22px;color:#1c3050;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.home-promise__item-desc{margin-top:13px;font-size:14px;line-height:23px;}
}
.home-industry{padding-bottom:130px;position:relative;margin-top:80px;}
.home-industry__img{position:absolute;left:0;top:100px;width:100%;height:100%;overflow:hidden;}
@media all and (max-width: 991px) {
.home-industry__img{top:80px;}
}
.home-industry__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;margin-top:-100px;}
@media all and (max-width: 991px) {
.home-industry__img img{margin-top:-80px;}
}
.home-industry__head{border-radius:30px;background:#1c3458;margin-top:-100px;padding:74px 60px 90px;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;position:relative;z-index:1;}
@media all and (max-width: 991px) {
.home-industry__head{margin-top:-80px;padding:24px 20px 44px;flex-direction:column;align-items:flex-start;border-radius:20px;}
}
.home-industry__head-left{max-width:465px;margin-right:40px;}
@media all and (max-width: 991px) {
.home-industry__head-left{max-width:none;margin-right:0;}
}
.home-industry__head-right{color:#fff;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:36px;max-width:510px;}
@media all and (max-width: 991px) {
.home-industry__head-right{max-width:none;width:100%;margin-top:25px;font-size:20px;line-height:26px;}
}
.home-industry__head-right span{color:#efa057;}
.home-industry__head-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) {
.home-industry__head-label{font-size:12px;}
}
.home-industry__head-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));}
.home-industry__head-title{color:#fff;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;margin:4px 0 17px;}
@media all and (max-width: 991px) {
.home-industry__head-title{margin:4px 0 8px;font-size:28px;line-height:32px;}
}
.home-industry__head-title span{color:#efa057;}
.home-industry__head-desc{color:#fff;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.home-industry__head-desc{font-size:14px;line-height:23px;}
}
.home-industry__body{margin-top:74px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
@media all and (max-width: 991px) {
.home-industry__body{margin-top:24px;flex-direction:column;align-items:flex-start;}
}
.home-industry__body-left{max-width:580px;margin-right:40px;}
@media all and (max-width: 991px) {
.home-industry__body-left{max-width:none;margin-right:0;}
}
.home-industry__body-right{max-width:510px;color:#fff;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:36px;}
@media all and (max-width: 991px) {
.home-industry__body-right{max-width:none;margin-top:25px;font-size:20px;line-height:26px;}
}
.home-industry__body-right span{color:#efa057;}
.home-industry__body-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) {
.home-industry__body-label{font-size:12px;}
}
.home-industry__body-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));}
.home-industry__body-title{color:#fff;font-family:"Reddit Sans";font-size:40px;font-style:normal;font-weight:600;line-height:48px;}
@media all and (max-width: 991px) {
.home-industry__body-title{font-size:28px;line-height:32px;}
}
.home-industry__body-title span{color:#efa057;}
.home-industry__body-action{margin-top:35px;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;max-width:-moz-max-content;max-width:max-content;}
@media all and (max-width: 991px) {
.home-industry__body-action{position:absolute;bottom:-85px;font-size:16px;margin-top:0;}
}
.home-industry__body-action svg{transition:transform 0.4s ease;}
.home-industry__body-action svg circle{transition:fill 0.4s ease;}
.home-industry__body-action svg path{transition:stroke 0.4s ease;}
.home-industry__body-action:hover{background:#fff;color:#efa057;}
.home-industry__body-action:hover svg{transform:rotate(45deg);}
.home-industry__body-action:hover svg circle{fill:#efa057;}
.home-industry__body-action:hover svg path {
stroke: white;
}