.single-hero{padding:166px 0 200px;border-radius:0px 0px 30px 30px;background:linear-gradient(180deg, #192941 0%, #1c3458 100%);}
@media all and (max-width: 991px) {
.single-hero{padding:103px 0 130px;}
}
.single-hero__title{max-width:765px;text-align:center;margin:0 auto;color:#fff;font-family:"Reddit Sans";font-size:64px;font-style:normal;font-weight:700;line-height:72px;margin-bottom:9px;}
@media all and (max-width: 991px) {
.single-hero__title{font-size:32px;line-height:40px;}
}
.single-hero__title span{color:#c0d6f6;display:block;}
.single-hero .breadcrumbs{justify-content:center;}
@media all and (max-width: 991px) {
.single-hero .breadcrumbs{display:none;}
}
.single-hero__desc{margin:20px auto 45px;max-width:740px;color:#fff;text-align:center;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;}
@media all and (max-width: 991px) {
.single-hero__desc{margin:11px auto 29px;font-size:14px;line-height:23px;}
}
.single-hero__action{margin:0 auto;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) {
.single-hero__action{font-size:16px;padding:10px 10px 10px 19px;}
.single-hero__action svg{width:30px;height:30px;}
}
.single-hero__action svg{transition:transform 0.4s ease;}
.single-hero__action svg circle{transition:fill 0.4s ease;}
.single-hero__action svg path{transition:stroke 0.4s ease;}
.single-hero__action:hover{background:#fff;color:#efa057;}
.single-hero__action:hover svg{transform:rotate(45deg);}
.single-hero__action:hover svg circle{fill:#efa057;}
.single-hero__action:hover svg path{stroke:white;}
.single-info__img{width:100%;height:550px;border-radius:30px;background:rgba(28, 52, 88, 0.2);overflow:hidden;margin-top:-100px;}
@media all and (max-width: 991px) {
.single-info__img{height:216px;margin-top:-80px;}
}
.single-info__img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.single-info__content{margin-top:74px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:125px;}
@media all and (max-width: 991px) {
.single-info__content{margin-top:24px;padding-bottom:44px;flex-direction:column;}
}
.single-info__left{max-width:530px;}
@media all and (max-width: 991px) {
.single-info__left{max-width:none;width:100%;}
}
.single-info__right{max-width:524px;color:#fff;font-family:"Reddit Sans";font-size:26px;font-style:normal;font-weight:600;line-height:36px;}
@media all and (max-width: 991px) {
.single-info__right{max-width:none;width:100%;font-size:20px;line-height:26px;margin-top:30px;}
}
.single-info__right span{color:#efa057;}
.single-info__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) {
.single-info__label{font-size:12px;}
}
.single-info__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));}
.single-info__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) {
.single-info__title{font-size:28px;line-height:32px;}
}
.single-info__title span{color:#efa057;}
.single-info__desc{color:#fff;font-family:"Reddit Sans";font-size:16px;font-style:normal;font-weight:300;line-height:28px;margin-top:17px;}
.single .services-study{background:transparent;border-radius:0;padding:0;position:relative;z-index:2;margin-top:-100px;}
.single .services-study__wrap{padding:90px 60px 130px;border-radius:30px;background:#1c3458;}
@media all and (max-width: 991px) {
.single .services-study__wrap{padding:24px 20px 125px;}
}
@media all and (max-width: 400px) {
.single .services-study__wrap{padding:24px 20px 150px;}
}
.single .services-study__left{max-width:300px;margin-right:30px;}
.single .services-study__right{max-width:780px;}
@media all and (max-width: 1250px) {
.single .services-study__right{max-width:500px;}
}
@media all and (max-width: 991px) {
.single .services-study__right{max-width:none;}
}
.single .services-study__label{color:rgba(255, 255, 255, 0.75);}
.single .services-study__label:after{background:rgba(255, 255, 255, 0.75);}
.single .services-study__title{color:#fff;}
.single .services-study__title span{color:#efa057;}
.single .services-study__desc{color:#fff;}
.single .services-study__action{margin-top:50px;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: 1250px) {
.single .services-study__action{margin-top:30px;}
}
@media all and (max-width: 991px) {
.single .services-study__action{position:absolute;bottom:53px;font-size:16px;margin-top:0;right:20px;padding:8px 7px 8px 16px;}
.single .services-study__action svg{width:28px;height:28px;}
}
@media all and (max-width: 400px) {
.single .services-study__action{bottom:25px;width:100%;left:50%;transform:translateX(-50%);}
}
.single .services-study__action svg{transition:transform 0.4s ease;}
.single .services-study__action svg circle{transition:fill 0.4s ease;}
.single .services-study__action svg path{transition:stroke 0.4s ease;}
.single .services-study__action:hover{background:#fff;color:#efa057;}
.single .services-study__action:hover svg{transform:rotate(45deg);}
.single .services-study__action:hover svg circle{fill:#efa057;}
.single .services-study__action:hover svg path{stroke:white;}
@media all and (max-width: 991px) {
.single .services-study__navigation{bottom:53px;}
}
@media all and (max-width: 400px) {
.single .services-study__navigation{bottom:90px;left:0;justify-content:center;}
}
.single .services-study__navigation div:hover svg circle{fill:white;}
.single .services-study__navigation div:hover svg path{stroke:#efa057;}
@media all and (max-width: 991px) {
.single .services-study__navigation svg {
width: 44px;
height: 44px;
}
}