:root {
--ax-sora: var(--ax-mona);
--as-font-2: var(--ax-inter);
--ax-prime-c4: var(--ax-prime-c2);
--as-clr-sd-1: var(--ax-prime-c);
--as-clr-sd-2: #02C990;
--as-clr-sd-3: #E6400A;
--as-clr-h-1: #050519;
--as-clr-p-1: #3E3E3F;
--as-cube-1: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) ;
} @media (min-width: 1500px) {
.container.as-container-1 {
max-width: 1424px;
}
}
.wa-fix {
overflow: hidden;
}
.wa-ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.wa-p-relative {
position: relative;
z-index: 1;
}
.wa-img-cover img {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.wa-video-cover video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.wa-bg-default {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.flaticon {
display: inline-block;
line-height: 0.65;
}
.text-right {
text-align: right;
}
.wa-line-limit {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.wa-line-limit:is(.has-line-1) {
-webkit-line-clamp: 1;
line-clamp: 1;
}
.wa-line-limit:is(.has-line-2) {
-webkit-line-clamp: 2;
line-clamp: 2;
}
.wa-line-limit:is(.has-line-3) {
-webkit-line-clamp: 3;
line-clamp: 3;
}
.wa-line-limit:is(.has-line-4) {
-webkit-line-clamp: 4;
line-clamp: 4;
}
.wa-line-limit:is(.has-line-5) {
-webkit-line-clamp: 5;
line-clamp: 5;
}
.wa-line-limit:is(.has-line-6) {
-webkit-line-clamp: 6;
line-clamp: 6;
}
.wa-line-limit:is(.has-line-7) {
-webkit-line-clamp: 7;
line-clamp: 7;
}
.wa-line-limit:is(.has-line-8) {
-webkit-line-clamp: 8;
line-clamp: 8;
}
.wa-line-limit:is(.has-line-9) {
-webkit-line-clamp: 9;
line-clamp: 9;
}
.wa-line-limit:is(.has-line-10) {
-webkit-line-clamp: 10;
line-clamp: 10;
}
.as-home-7 {
background-color: #F2F1F6;
}
.wa_magnetic_1_trigger img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.wa_magnetic_2_elm {
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transform-origin: center;
transform-origin: center;
} @-webkit-keyframes wa-rotated {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes wa-rotated {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes wa-rotated-minus {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@keyframes wa-rotated-minus {
to {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(30px);
transform: translateY(30px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
.fadeInUp2 {
-webkit-animation-name: fadeInUp2;
animation-name: fadeInUp2;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: var(--as-cube-1);
animation-timing-function: var(--as-cube-1);
}
@-webkit-keyframes fadeInDown2 {
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
@keyframes fadeInDown2 {
0% {
opacity: 0;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
.fadeInDown2 {
-webkit-animation-name: fadeInDown2;
animation-name: fadeInDown2;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: var(--as-cube-1);
animation-timing-function: var(--as-cube-1);
}
@-webkit-keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
@keyframes fadeInRight2 {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
.fadeInRight2 {
-webkit-animation-name: fadeInRight2;
animation-name: fadeInRight2;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: var(--as-cube-1);
animation-timing-function: var(--as-cube-1);
}
@-webkit-keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
@keyframes fadeInLeft2 {
0% {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
-webkit-filter: blur(3px);
filter: blur(3px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}
.fadeInLeft2 {
-webkit-animation-name: fadeInLeft2;
animation-name: fadeInLeft2;
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
-webkit-animation-timing-function: var(--as-cube-1);
animation-timing-function: var(--as-cube-1);
} .as-img-ani img {
-webkit-transition: 15s;
transition: 15s;
}
.as-img-ani:is(.active) img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.as-img-ani-2 img {
-webkit-transition: 6s;
transition: 6s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
.as-img-ani-2:is(.active) img {
-webkit-transform: scale(1);
transform: scale(1);
} .as-p-1 {
font-family: var(--as-font-2);
font-weight: 400;
font-size: 18px;
color: var(--as-clr-p-1);
line-height: 1.555;
margin-bottom: 0;
}
.as-h-1 {
font-family: var(--ax-sora);
font-weight: 500;
color: var(--as-clr-h-1);
letter-spacing: -0.01em;
line-height: 1.09;
margin-bottom: 0;
}
.as-subtitle-1 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
border: 1px solid rgba(5, 5, 25, 0.2);
border-radius: 6px;
font-family: var(--ax-sora);
font-weight: 500;
color: var(--as-clr-h-1);
line-height: 1.3;
font-size: 15px;
gap: 6px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 4px 7px;
margin-bottom: 15px;
}
.as-subtitle-1 i {
color: var(--as-clr-sd-1);
}
.as-subtitle-2 {
font-family: var(--ax-sora);
line-height: 1.5;
color: var(--as-clr-h-1);
font-size: 14px;
font-weight: 500;
letter-spacing: 0.16em;
position: relative;
z-index: 1;
margin-bottom: 32px;
padding-bottom: 10px;
}
.as-subtitle-2::after {
content: "";
width: 100%;
height: 1px;
background: var(--as-clr-h-1);
position: absolute;
bottom: -2px;
left: 0;
opacity: 16%;
-webkit-transition: 2s;
transition: 2s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
}
.as-subtitle-2::before {
content: "";
width: 100%;
height: 1px;
background: #fff;
position: absolute;
bottom: -1px;
left: 0;
-webkit-transition: 2s;
transition: 2s;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: left;
transform-origin: left;
}
.as-subtitle-2:is(.active)::after {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.as-subtitle-2:is(.active)::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.as-sec-title-1 {
font-family: var(--ax-sora);
color: var(--as-clr-h-1);
font-weight: 600;
font-size: 44px;
letter-spacing: -0.01em;
line-height: 1.09;
margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-sec-title-1 {
font-size: 42px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-sec-title-1 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.as-sec-title-1 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-sec-title-1 {
font-size: 34px;
}
}   .as-offcanvas-btn-1 {
width: 80px;
height: 80px;
font-size: 24px;
background: var(--as-clr-sd-1);
color: #fff;
border: none;
}
.as-pr-btn-1 {
font-family: var(--ax-sora);
font-size: 16px;
font-weight: 600;
line-height: 1.5;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 14px;
padding: 4px 0;
padding-left: 25px;
position: relative;
z-index: 1;
color: #fff;
}
.as-pr-btn-1::after {
content: "";
width: calc(100% - 36px);
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: var(--ax-prime-c4);
border-radius: 200px;
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-pr-btn-1 .icon {
width: 48px;
height: 48px;
background: #FFFFFF;
-webkit-box-shadow: inset 0px 0px 5px var(--ax-prime-c4);
box-shadow: inset 0px 0px 5px var(--ax-prime-c4);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
font-size: 20px;
color: var(--ax-prime-c4);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
outline: 4px solid var(--ax-prime-c4);
transition: var(--as-cube-1);
}
.as-pr-btn-1:hover {
color: #fff;
}
.as-pr-btn-1:hover::after {
width: calc(100% - 0px);
}
.as-pr-btn-1:hover .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: var(--as-clr-sd-1);
color: #000;
}
.as-pr-btn-1:is(.has-dark)::after {
background-color: var(--as-clr-h-1);
}
.as-pr-btn-1:is(.has-dark) .icon {
outline-color: var(--as-clr-h-1);
color: var(--as-clr-h-1);
}
.as-pr-btn-1:is(.has-dark):hover::after {
background-color: var(--ax-prime-c4);
}
.as-pr-btn-1:is(.has-dark):hover .icon {
outline-color: var(--ax-prime-c4);
}
.as-pr-btn-1:is(.has-white) {
color: var(--as-clr-h-1);
}
.as-pr-btn-1:is(.has-white)::after {
background-color: #F3F3F3;
}
.as-pr-btn-1:is(.has-white) .icon {
outline-color: var(--as-clr-h-1);
color: var(--as-clr-h-1);
-webkit-box-shadow: inset 0px 0px 5px #050519;
box-shadow: inset 0px 0px 5px #050519;
}
.as-pr-btn-1:is(.has-white):hover {
color: #fff;
}
.as-pr-btn-1:is(.has-white):hover::after {
background-color: var(--ax-prime-c4);
}
.as-pr-btn-1:is(.has-white):hover .icon {
outline-color: var(--ax-prime-c4);
}
.as-pr-btn-1:is(.has-border) {
color: var(--as-clr-h-1);
}
.as-pr-btn-1:is(.has-border)::after {
background-color: transparent;
border: 2px solid var(--as-clr-h-1);
}
.as-pr-btn-1:is(.has-border) .icon {
outline-color: var(--as-clr-h-1);
color: var(--as-clr-h-1);
-webkit-box-shadow: inset 0px 0px 5px #050519;
box-shadow: inset 0px 0px 5px #050519;
}
.as-pr-btn-1:is(.has-border):hover {
color: #fff;
}
.as-pr-btn-1:is(.has-border):hover::after {
background-color: var(--ax-prime-c4);
border-color: transparent;
}
.as-pr-btn-1:is(.has-border):hover .icon {
outline-color: var(--ax-prime-c4);
}
.as-pr-btn-2 {
font-family: var(--ax-sora);
background-color: #e85728;
color: #fff;
font-weight: 600;
line-height: 1.3;
border-radius: 8px;
padding: 16px 25px;
position: relative;
z-index: 1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-pr-btn-2::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color:var(--as-clr-sd-3);
z-index: -1;
border-radius: 8px 36px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-pr-btn-2:hover {
color: #fff;
}
.as-pr-btn-2:hover::after {
border-radius: 36px 8px;
}
.as-plybtn-1 {
font-size: 16px;
color: #fff;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-plybtn-1:hover {
color: var(--as-clr-sd-1);
}
.as-plybtn-2 {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
max-width: 190px;
height: 190px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: right;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4px;
position: relative;
z-index: 1;
}
.as-plybtn-2 .icon-elm {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
width: 80px;
height: 80px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--as-clr-h-1);
color: #fff;
border-radius: 50%;
font-size: 24px;
-ms-flex-item-align: end;
-ms-grid-row-align: end;
align-self: end;
outline: 8px solid #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-plybtn-2 .text {
text-align: center;
font-size: 22px;
color: var(--as-clr-h-1);
line-height: 1.3;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-plybtn-2 .circle-elm-1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid var(--as-clr-h-1);
border-radius: 50%;
opacity: 24%;
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-plybtn-2 .circle-elm-2 {
position: absolute;
top: 20px;
left: -10px;
width: 100%;
height: 100%;
border: 1px solid var(--as-clr-h-1);
border-radius: 50%;
opacity: 24%;
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
-webkit-animation: plybtn2circle 10s linear infinite;
animation: plybtn2circle 10s linear infinite;
}
.as-plybtn-2:hover .text {
color: var(--ax-prime-c4);
}
.as-plybtn-2:hover .icon-elm {
background: var(--ax-prime-c4);
}
.as-plybtn-2:hover .circle-elm-1, .as-plybtn-2:hover .circle-elm-2 {
border-color: var(--ax-prime-c4);
}
@-webkit-keyframes plybtn2circle {
0% {
-webkit-transform: translate(0px, -20px);
transform: translate(0px, -20px);
}
25% {
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
50% {
-webkit-transform: translate(20px, 0px);
transform: translate(20px, 0px);
}
75% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
100% {
-webkit-transform: translate(0px, -20px);
transform: translate(0px, -20px);
}
}
@keyframes plybtn2circle {
0% {
-webkit-transform: translate(0px, -20px);
transform: translate(0px, -20px);
}
25% {
-webkit-transform: translate(20px, -20px);
transform: translate(20px, -20px);
}
50% {
-webkit-transform: translate(20px, 0px);
transform: translate(20px, 0px);
}
75% {
-webkit-transform: translate(0px, 0px);
transform: translate(0px, 0px);
}
100% {
-webkit-transform: translate(0px, -20px);
transform: translate(0px, -20px);
}
}  .as-header-1-area {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 3;
}
.as-header-1-area:is(.txa_sticky_header) {
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
-webkit-transition: 300ms ease-in-out;
transition: 300ms ease-in-out;
z-index: 10;
}
.as-header-1-area:is(.txa_sticky_header):is(.txa_sticky) {
-webkit-transform: translateY(-150%);
transform: translateY(-150%);
background-color: var(--as-clr-h-1);
}
.as-header-1-area:is(.txa_sticky_header):is(.txa_sticky) .as-header-1-top {
display: none;
}
.as-header-1-area:is(.txa_sticky_header):is(.txa_sticky):is(.txa_sticky_show) {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.as-header-1-top {
background: rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.48);
backdrop-filter: blur(4px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
padding: 8px 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-header-1-top {
display: none;
}
}
.as-header-1-top-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 48px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-header-1-top-contact .link-elm {
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 9px;
font-weight: 300;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-header-1-top-contact .link-elm i {
color: var(--as-clr-sd-1);
font-size: 18px;
}
.as-header-1-top-contact .link-elm:hover {
color: var(--as-clr-sd-1);
}
.as-header-1-top-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
}
.as-header-1-top-social .title {
color: #fff;
font-size: 16px;
}
.as-header-1-top-social .link-elm {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
font-size: 16px;
color: #fff;
opacity: 72%;
}
.as-header-1-top-social .link-elm:hover {
opacity: 1;
color: var(--as-clr-sd-1);
}
.as-header-1-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 70px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid rgba(255, 255, 255, 0.48);
backdrop-filter: blur(2px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-header-1-bottom {
gap: 30px;
}
}
.as-header-1-bottom-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-header-1-bottom-links .as-offcanvas-btn-1 {
display: none;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
.as-header-1-bottom-links .mobile_menu_button {
display: block;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-header-1-bottom-links .as-header-1-search {
display: none;
}
}
@media (max-width: 767px) {
.as-header-1-bottom-links .as-header-1-btn {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-header-1-bottom-links .as-header-1-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.as-header-1-bottom .as-main-navigation {
margin-right: auto;
}
.as-header-1-logo {
max-width: 260px;
width: 100%;
height: 80px;
background: rgba(255, 255, 255, 0.28);
border-right: 1px solid rgba(255, 255, 255, 0.48);
backdrop-filter: blur(4px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-header-1-logo {
max-width: 200px;
}
}
.as-header-1-search {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-right: 1px solid rgba(255, 255, 255, 0.48);
padding: 20px 0;
max-width: 180px;
}
.as-header-1-search .form-input {
font-size: 14px;
background: transparent;
border: none;
height: 40px;
padding: 0px 30px 0px 0px;
color: rgba(255, 255, 255, 0.6);
outline: none;
width: 100%;
}
.as-header-1-search .form-btn {
background: transparent;
color: #fff;
width: auto;
height: auto;
border: navajowhite;
padding: 0;
font-size: 18px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-header-1-search .form-btn:hover {
color: var(--as-clr-sd-1);
}
.as-header-1-btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #fff;
background-color: var(--ax-prime-c4);
padding: 31px 60px;
font-size: 16px;
letter-spacing: 0.02em;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-header-1-btn:hover {
color: #000;
background-color: var(--as-clr-sd-1);
}
.as-main-navigation .navbar-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
gap: 48px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-main-navigation .navbar-nav {
gap: 30px;
}
}
.as-main-navigation .navbar-nav li a {
position: relative;
z-index: 1;
font-family: var(--as-font-2);
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
color: #fff;
padding: 28px 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-main-navigation .navbar-nav li:is(.dropdown) > a {
padding-right: 15px;
}
.as-main-navigation .navbar-nav li:is(.dropdown) > a::before {
display: block;
content: "\f107";
font-family: "Font Awesome 6 free";
font-weight: 700;
position: absolute;
font-size: 11px;
right: 0px;
top: 51%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.as-main-navigation .navbar-nav li:hover > a {
color: var(--as-clr-sd-1);
}
.as-main-navigation .navbar-nav li:hover > .dropdown-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.as-main-navigation .navbar-nav li .dropdown-menu {
left: 0;
top: 100%;
z-index: 100;
margin: 0px;
padding: 10px 0px;
height: auto;
min-width: 200px;
display: block;
position: absolute;
background: #fff;
text-align: left;
opacity: 0;
visibility: hidden;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
border-radius: 0;
border: none;
}
.as-main-navigation .navbar-nav li .dropdown-menu li {
display: block;
margin: 0;
-webkit-transition: var(--sk-cube-1);
transition: var(--sk-cube-1);
}
.as-main-navigation .navbar-nav li .dropdown-menu li::after {
display: none;
}
.as-main-navigation .navbar-nav li .dropdown-menu li a {
width: 100%;
display: block;
padding: 9px 20px;
color: var(--as-clr-h-1);
}
.as-main-navigation .navbar-nav li .dropdown-menu li:is(.dropdown) > a {
padding-right: 13px;
}
.as-main-navigation .navbar-nav li .dropdown-menu li:is(.dropdown) > a::before {
display: block;
content: "\f107";
font-family: "Font Awesome 6 free";
font-weight: 700;
position: absolute;
font-size: 11px;
right: 20px;
top: 51%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 42%;
}
.as-main-navigation .navbar-nav li .dropdown-menu li:hover > a {
color: var(--as-clr-sd-1);
}
.as-main-navigation .navbar-nav li .dropdown-menu li .dropdown-menu {
top: 0;
left: 100%;
}  .as-header-2-area {
position: absolute;
top: 24px;
left: 0;
width: 100%;
z-index: 3;
}
.as-header-2-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.as-header-2-top {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--as-clr-h-1);
border-radius: 8px;
border: 3px solid #414352;
gap: 15px;
padding: 0 14px;
position: relative;
z-index: 2;
}
.as-header-2-top .as-pr-btn-2 {
padding: 12px 25px;
background: #ffb926;
color: #1B1B1B;
}
.as-header-2-top .as-pr-btn-2::after{
background: var(--ax-prime-c4);
}
@media (max-width: 767px) {
.as-header-2-top .as-pr-btn-2 {
display: none;
}
}
.as-header-2-menu-btn {
height: 64px;
width: 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
font-size: 20px;
cursor: pointer;
position: relative;
z-index: 1;
overflow: hidden;
}
.as-header-2-menu-btn::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #2A3141;
z-index: -1;
clip-path: ellipse(22% 50% at 50% 50%);
-webkit-transform: scale(1.5) rotate(39deg);
transform: scale(1.5) rotate(39deg);
}
.as-header-2-bottom {
position: relative;
z-index: 1;
padding: 0 50px;
visibility: hidden;
}
.as-header-2-bottom::after {
content: "";
width: 77%;
background-color: var(--as-clr-h-1);
position: absolute;
top: 0;
left: 50%;
height: 100%;
border-radius: 8px;
-webkit-transform: translateY(-70px) translateX(-50%);
transform: translateY(-70px) translateX(-50%);
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-header-2-bottom .as-main-navigation {
opacity: 0;
}
.as-header-2-bottom .as-main-navigation .navbar-nav li a {
padding: 23px 0;
}
.as-header-2-bottom .as-main-navigation .navbar-nav li:is(.dropdown) > a {
padding-right: 15px;
}
.as-header-2-bottom .as-main-navigation .navbar-nav li .dropdown-menu {
background-color: var(--as-clr-h-1);
}
.as-header-2-bottom .as-main-navigation .navbar-nav li .dropdown-menu li a {
color: #fff;
}
.as-header-2-bottom .as-main-navigation .navbar-nav li .dropdown-menu li:hover > a {
color: var(--as-clr-sd-1);
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-menu-btn {
color: var(--as-clr-sd-1);
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom {
visibility: visible;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom::after {
width: 100%;
-webkit-transform: translateY(0px) translateX(-50%);
transform: translateY(0px) translateX(-50%);
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation {
opacity: 1;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li {
-webkit-animation: fadeIn 0.4s backwards;
animation: fadeIn 0.4s backwards;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(1) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(3) {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(4) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(5) {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(6) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(7) {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(8) {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.as-header-2-wrap:has(.as-header-2-menu-btn:hover) .as-header-2-bottom .as-main-navigation .navbar-nav li:nth-child(9) {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.as-header-2-wrap:has(.as-header-2-bottom:hover) .as-header-2-menu-btn {
color: var(--as-clr-sd-1);
}
.as-header-2-wrap:has(.as-header-2-bottom:hover) .as-header-2-bottom {
visibility: visible;
}
.as-header-2-wrap:has(.as-header-2-bottom:hover) .as-header-2-bottom::after {
width: 100%;
-webkit-transform: translateY(0px) translateX(-50%);
transform: translateY(0px) translateX(-50%);
}
.as-header-2-wrap:has(.as-header-2-bottom:hover) .as-header-2-bottom .as-main-navigation {
opacity: 1;
}  .as-hero-1-area {
padding-top: 270px;
padding-bottom: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-hero-1-area {
padding-top: 170px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-hero-1-area {
padding-top: 170px;
padding-bottom: 0px;
}
}
.as-hero-1-area::after {
content: "";
width: 100%;
height: 242px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(1, 1, 53, 0)), to(#010135));
background: linear-gradient(180deg, rgba(1, 1, 53, 0) 0%, #010135 100%);
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.as-hero-1-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
}
.as-hero-1-title {
font-size: 68px;
font-weight: 600;
color: #fff;
line-height: 1.058;
max-width: 634px;
margin-bottom: 108px;
}
.as-hero-1-title span {
color: var(--as-clr-sd-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-hero-1-title {
font-size: 62px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-hero-1-title {
font-size: 56px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-hero-1-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.as-hero-1-title {
font-size: 38px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-hero-1-title {
font-size: 44px;
}
}
.as-hero-1-disc {
color: #fff;
max-width: 556px;
opacity: 80%;
margin-bottom: 35px;
}
.as-hero-1-content .btn-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 35px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-hero-1-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.2);
padding-top: 42px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-hero-1-bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-hero-1-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
}
@media (max-width: 767px) {
.as-hero-1-author {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-hero-1-author-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-hero-1-author-img .img-elm {
width: 60px;
height: 60px;
border-radius: 50%;
border: 2px solid #010234;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-hero-1-author-img .img-elm:not(:first-child) {
margin-left: -16px;
}
.as-hero-1-author-img .img-elm:is(.has-text) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #262662;
}
.as-hero-1-author-img .img-elm:is(.has-text) p {
color: #fff;
font-size: 18px;
}
.as-hero-1-author-img .img-elm:is(.has-text) p span {
color: var(--as-clr-sd-1);
}
.as-hero-1-author-img .img-elm:hover:not(.has-text) {
position: relative;
z-index: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.as-hero-1-author-content .title {
font-weight: 600;
color: #fff;
font-size: 20px;
margin-bottom: 7px;
}
.as-hero-1-author-content .disc {
color: rgba(255, 255, 255, 0.8);
}
.as-hero-1-author-content .disc b {
color: #fff;
font-weight: 500;
}
.as-hero-1-partner {
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
mask-size: 100% 100%;
-webkit-mask-size: 100% 100%;
max-width: 840px;
}
.as-hero-1-partner-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 65px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 65px;
}
@media (max-width: 767px) {
.as-hero-1-partner-logo {
margin-right: 35px;
gap: 35px;
}
}
.as-hero-1-partner-logo .logo-elm {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-hero-1-img {
position: absolute;
bottom: 0;
right: 0;
z-index: -2;
width: 54%;
-webkit-perspective: 2000px;
perspective: 2000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-hero-1-img {
position: unset;
margin-top: 50px;
width: 100%;
}
}
.as-hero-1-big-title {
font-size: 318px;
font-weight: 700;
color: #fff;
opacity: 10%;
line-height: 1;
position: absolute;
right: -150px;
top: 74px;
z-index: -2;
-webkit-animation: h1bigTitleKf 10s linear infinite;
animation: h1bigTitleKf 10s linear infinite;
}
@-webkit-keyframes h1bigTitleKf {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}
@keyframes h1bigTitleKf {
0% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
50% {
-webkit-transform: translateX(-20px);
transform: translateX(-20px);
}
100% {
-webkit-transform: translateX(30px);
transform: translateX(30px);
}
}  .as-hero-2-area {
border-radius: 0 0 48px 48px;
background-color: #020241;
}
.as-hero-2-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -2;
opacity: 88%;
}
.as-hero-2-bg-img-blur {
position: absolute;
inset: 0;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
mask-image: radial-gradient(circle at center, transparent 0%, transparent 35%, black 65%, black 100%);
-webkit-mask-image: radial-gradient(circle at center, transparent 0%, transparent 35%, black 65%, black 100%);
pointer-events: none;
}
.as-hero-2-bg-shape {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.as-hero-2-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 50px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-hero-2-right {
max-width: 420px;
}
.as-hero-2-left {
max-width: 711px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-hero-2-left {
max-width: 631px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-hero-2-left {
max-width: 431px;
}
}
.as-hero-2-title {
font-size: 72px;
font-weight: 700;
color: #fff;
line-height: 1.055;
margin-bottom: 44px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-hero-2-title {
font-size: 62px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-hero-2-title {
font-size: 56px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-hero-2-title {
font-size: 50px;
}
}
@media (max-width: 767px) {
.as-hero-2-title {
font-size: 38px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-hero-2-title {
font-size: 44px;
}
}
.as-hero-2-title .split-line {
overflow: visible;
}
.as-hero-2-disc {
color: #fff;
margin-bottom: 35px;
}
.as-hero-2-author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.as-hero-2-author .img-elm {
max-width: 124px;
border-radius: 16px;
width: 100%;
border: 6px solid #D9DDE5;
}
.as-hero-2-author .content-wrap {
background: rgba(255, 255, 255, 0.84);
border-radius: 16px;
padding: 20px 28px;
width: 100%;
overflow: hidden;
position: relative;
z-index: 1;
}
.as-hero-2-author .name {
font-size: 24px;
margin-bottom: 15px;
}
.as-hero-2-author .bio {
font-size: 18px;
margin-bottom: 17px;
}
.as-hero-2-author .bio span {
display: block;
font-size: 14px;
opacity: 72%;
margin-top: 5px;
}
.as-hero-2-author .btn-elm {
font-size: 14px;
background-color: var(--as-clr-h-1);
color: #fff;
border-radius: 4px;
padding: 6px 15px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-hero-2-author .btn-elm:hover {
background-color: var(--ax-prime-c4);
}
.as-hero-2-author .favicon-elm {
position: absolute;
right: -22px;
bottom: -9px;
width: 37%;
z-index: -1;
}
.as-hero-2-slider-item {
min-height: 920px;
padding-bottom: 80px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-hero-2-slider-item {
min-height: 870px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-hero-2-slider-item {
min-height: auto;
padding-top: 200px;
}
}
.as-hero-2-slider .as-hero-2-bg-shape .shape-line {
-webkit-transform: scale(1.3) rotate(26deg);
transform: scale(1.3) rotate(26deg);
-webkit-transform-origin: center;
transform-origin: center;
-webkit-filter: blur(4px);
filter: blur(4px);
-webkit-transition: 3s;
transition: 3s;
}
.as-hero-2-slider .as-hero-2-bg-shape .shape-color {
opacity: 0;
-webkit-transition: 1s;
transition: 1s;
}
.as-hero-2-slider .as-hero-2-bg-img {
opacity: 0;
-webkit-transition: 1s;
transition: 1s;
}
.as-hero-2-slider .as-hero-2-left .btn-wrap {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: 0.8s;
transition: 0.8s;
}
.as-hero-2-slider .as-hero-2-author {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: 0.8s;
transition: 0.8s;
}
.as-hero-2-slider .as-hero-2-disc {
opacity: 0;
-webkit-filter: blur(5px);
filter: blur(5px);
-webkit-transition: 0.8s;
transition: 0.8s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-bg-shape .shape-line {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-bg-shape .shape-color {
opacity: 1;
-webkit-transition-delay: 2.7s;
transition-delay: 2.7s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-bg-img {
opacity: 88%;
-webkit-transition-delay: 2.4s;
transition-delay: 2.4s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-left .btn-wrap {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-author {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition-delay: 2.1s;
transition-delay: 2.1s;
}
.as-hero-2-slider .swiper-slide:is(.swiper-slide-active) .as-hero-2-disc {
opacity: 1;
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.as-hero-2-slider .swiper-notification {
display: none;
}  .as-about-1-area {
background-color: #F4F4FE;
}
.as-about-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.57fr 60px 1fr;
grid-template-columns: 1.57fr 1fr;
gap: 60px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-about-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-about-1-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
}
@media (max-width: 767px) {
.as-about-1-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-about-1-content .disc {
margin-bottom: 35px;
}
.as-about-1-expri {
position: relative;
z-index: 1;
display: inline-block;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-about-1-expri-number {
display: inline-block;
font-weight: 600;
font-size: 260px;
line-height: 0.9;
}
.as-about-1-expri-number span:nth-child(2) {
margin-left: -40px;
}
.as-about-1-expri-number:nth-child(1) span {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
.as-about-1-expri-number:nth-child(1) span:nth-child(1) {
background-position: top;
}
.as-about-1-expri-number:nth-child(1) span:nth-child(2) {
background-size: 50% 100%;
background-position: left;
}
.as-about-1-expri-number:is(.has-stroke) {
-webkit-text-stroke: 1px #fff;
-webkit-text-fill-color: transparent;
position: absolute;
top: 0;
left: 0;
clip-path: polygon(70% 0, 100% 0, 100% 100%, 70% 100%);
z-index: -1;
}
.as-about-1-expri-content {
position: absolute;
right: 7px;
top: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 19px;
}
.as-about-1-expri-content .title {
-webkit-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
writing-mode: sideways-lr;
margin: 0;
max-height: 100px;
line-height: 1.2;
font-weight: 500;
}
.as-about-1-fold-scene {
width: 520px;
height: 656px;
position: relative;
-webkit-perspective: 1600px;
perspective: 1600px;
}
@media (max-width: 767px) {
.as-about-1-fold-scene {
width: 280px;
height: 346px;
}
}
.as-about-1-fold-scene .fold {
position: absolute;
top: 0;
width: 50%;
height: 100%;
background-size: 200% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 16px;
}
.as-about-1-fold-scene .left {
background-position: left center;
-webkit-transform-origin: right center;
transform-origin: right center;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
background-size: cover;
}
.as-about-1-fold-scene .right {
right: 0;
background-position: right center;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
background-size: cover;
}
.as-about-1-fold-scene-line {
position: absolute;
top: -1px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
height: 100%;
}
.as-about-1-fold-scene-line * {
fill: #F4F4FE;
}
.as-about-1-progress {
position: absolute;
width: 211px;
background: radial-gradient(50% 50% at 50% 50%, #E9E6FF 30.77%, #AEA5FE 100%);
border: 1px solid #FFFFFF;
border-radius: 8px;
padding: 12px 15px;
top: 52px;
right: -85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-about-1-progress {
right: 0;
}
}
.as-about-1-progress .title {
font-size: 14px;
color: #fff;
margin-bottom: 0;
}
.as-about-1-progress .number {
font-size: 32px;
font-weight: 500;
color: #050519;
margin-bottom: -24px;
}
.as-about-1-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.as-about-1-list li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
color: var(--as-clr-h-1);
}
.as-about-1-list li i {
color: var(--ax-prime-c4);
}
.as-about-1-list-x-features {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1.2fr;
grid-template-columns: 1fr 1.2fr;
gap: 50px;
z-index: 2;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-about-1-list-x-features {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-about-1-features {
margin-right: -230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-about-1-features {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.as-about-1-features {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 30px;
margin-right: 0px;
}
}
.as-about-1-features-item {
position: relative;
z-index: 1;
background-color: #fff;
overflow: hidden;
border-radius: 10px;
width: 70px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-about-1-features-item:hover:not(.active) {
-webkit-transform: scaleX(1.05);
transform: scaleX(1.05);
-webkit-transform-origin: left;
transform-origin: left;
}
.as-about-1-features-item .content-wrap {
max-width: 500px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 35px 40px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
@media (max-width: 767px) {
.as-about-1-features-item .content-wrap {
max-width: auto;
width: auto;
}
}
.as-about-1-features-item .item-btn {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 24px 22px;
border-radius: 10px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
cursor: pointer;
}
.as-about-1-features-item .btn-title {
-webkit-writing-mode: sideways-lr;
-ms-writing-mode: sideways-lr;
writing-mode: sideways-lr;
font-size: 15px;
margin: 0;
letter-spacing: 0.08em;
}
.as-about-1-features-item .btn-icon {
font-size: 28px;
}
.as-about-1-features-item .bg-favicon {
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0;
}
.as-about-1-features-item .title-x-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 14px;
}
.as-about-1-features-item .title-x-icon .left {
max-width: 216px;
width: 100%;
}
.as-about-1-features-item .title-x-icon .icon {
font-size: 34px;
margin-bottom: -3px;
}
.as-about-1-features-item .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 10px;
}
.as-about-1-features-item .left-line {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-about-1-features-item .left-line i {
color: var(--ax-prime-c4);
font-size: 20px;
}
.as-about-1-features-item .left-line .line {
height: 1px;
width: 100%;
background-color: #050519;
opacity: 16%;
margin-left: -14px;
}
.as-about-1-features-item .disc {
font-size: 16px;
}
.as-about-1-features-item:not(:first-child) {
margin-left: -15px;
}
@media (max-width: 767px) {
.as-about-1-features-item:not(:first-child) {
margin-left: 0px;
}
}
.as-about-1-features-item:nth-child(1) {
z-index: 3;
}
.as-about-1-features-item:nth-child(2) {
z-index: 2;
}
.as-about-1-features-item:is(.has-clr-1) {
background-color: #B8AFFF;
}
.as-about-1-features-item:is(.has-clr-1) .btn-icon {
color: var(--as-clr-h-1);
}
.as-about-1-features-item:is(.has-clr-1) .bg-favicon img {
opacity: 20%;
}
.as-about-1-features-item:is(.has-clr-2) {
background-color: #3E3E3F;
}
.as-about-1-features-item:is(.has-clr-2) .btn-icon {
color: rgba(255, 255, 255, 0.75);
}
.as-about-1-features-item:is(.has-clr-2) .btn-title {
color: rgba(255, 255, 255, 0.75);
}
.as-about-1-features-item:is(.has-clr-2) .title, .as-about-1-features-item:is(.has-clr-2) .icon {
color: #fff;
}
.as-about-1-features-item:is(.has-clr-2) .left-line .line {
background-color: #fff;
opacity: 46%;
}
.as-about-1-features-item:is(.has-clr-2) .left-line i {
color: var(--as-clr-sd-1);
}
.as-about-1-features-item:is(.has-clr-2) .disc {
color: #fff;
}
.as-about-1-features-item:is(.has-clr-2) .bg-favicon img {
opacity: 20%;
}
.as-about-1-features-item:is(.active) {
width: 500px;
}
.as-about-1-features-item:is(.active) .content-wrap {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.as-about-1-features-item:is(.active) .item-btn {
opacity: 0;
}
.as-about-1-features-item:is(.active) .bg-favicon {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
@media (max-width: 767px) {
.as-about-1-features-item:is(.active) {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 767px) {
.as-about-1-features-item:not(.active) {
max-width: 500px;
width: 100%;
}
.as-about-1-features-item:not(.active) .content-wrap {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.as-about-1-features-item:not(.active) .item-btn {
opacity: 0;
}
.as-about-1-features-item:not(.active) .bg-favicon {
opacity: 1;
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
}
.as-about-1-bg-shape {
position: absolute;
bottom: 0px;
right: -220px;
z-index: -1;
width: 25%;
}  .as-about-2-subtitle {
margin-bottom: 95px;
}
.as-about-2-wrap {
max-width: 1260px;
margin-left: auto;
display: -ms-grid;
display: grid;
gap: 90px;
-ms-grid-columns: 1fr 90px 1.05fr;
grid-template-columns: 1fr 1.05fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-about-2-wrap {
gap: 50px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-about-2-wrap {
gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-about-2-img {
height: 742px;
border-radius: 16px;
}
@media (max-width: 767px) {
.as-about-2-img {
height: auto;
}
}
.as-about-2-sec-title .sec-disc {
margin-top: 22px;
}
.as-about-2-right-line {
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.16);
position: relative;
z-index: 1;
-webkit-transform-origin: left;
transform-origin: left;
}
.as-about-2-right-line::after {
content: "";
width: 9px;
height: 9px;
position: absolute;
top: -4px;
left: 0;
border-radius: 50%;
background: var(--as-clr-sd-3);
outline: 4px solid #fff;
}
.as-about-2-right-line::before {
content: "";
width: 100%;
height: 1px;
position: absolute;
top: 0px;
left: 100%;
background: rgba(0, 0, 0, 0.16);
}
.as-about-2-features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 26px;
}
.as-about-2-features-single {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
}
.as-about-2-features-single .icon-elm {
width: 60px;
height: 60px;
background-color: #fff;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.12);
}
.as-about-2-features-single .title {
font-size: 22px;
margin-bottom: 13px;
}  .as-services-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1.6fr 1fr;
grid-template-columns: 1.6fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px dashed rgba(5, 5, 25, 0.2);
border-bottom: 1px dashed rgba(5, 5, 25, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-services-1-wrap-right {
padding: 0 40px;
}
@media (max-width: 767px) {
.as-services-1-wrap-right {
padding: 0 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-services-1-wrap-right {
padding: 0 40px;
}
}
.as-services-1-border {
border-left: 1px dashed rgba(5, 5, 25, 0.2);
border-right: 1px dashed rgba(5, 5, 25, 0.2);
}
.as-services-1-tabs-btn {
border-right: 1px dashed rgba(5, 5, 25, 0.2);
}
.as-services-1-tabs-btn .nav-link {
text-align: left;
border: none;
background: transparent;
width: 100%;
position: relative;
z-index: 1;
}
.as-services-1-tabs-btn .nav-link .bg-line {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-color: var(--as-clr-h-1);
opacity: 0;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-services-1-tabs-btn-single {
width: 100%;
padding: 20px 28px;
}
.as-services-1-tabs-btn-single .top-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
}
.as-services-1-tabs-btn-single .number {
font-size: 16px;
color: rgba(0, 0, 0, 0.48);
font-weight: 500;
max-width: 160px;
width: 100%;
-ms-flex-item-align: start;
-ms-grid-row-align: start;
align-self: start;
margin-top: 9px;
}
.as-services-1-tabs-btn-single .number span {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-services-1-tabs-btn-single .number span:nth-child(2) {
color: var(--ax-prime-c4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-1-tabs-btn-single .number {
max-width: 100%;
}
}
.as-services-1-tabs-btn-single .arrow-btn {
width: 48px;
height: 48px;
background-color: rgba(230, 230, 232, 0.4);
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 22px;
color: #000;
margin-left: auto;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-services-1-tabs-btn-single .title {
font-size: 26px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-services-1-tabs-btn-single .title a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-1-tabs-btn-single .title {
font-size: 22px;
}
}
.as-services-1-tabs-btn-single .bottom-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-top: 0px;
overflow: hidden;
height: 0px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media (max-width: 767px) {
.as-services-1-tabs-btn-single .bottom-content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-services-1-tabs-btn-single .bottom-content {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.as-services-1-tabs-btn-single .icon {
font-size: 90px;
line-height: 0.65;
margin-left: 80px;
color: var(--as-clr-sd-1);
}
@media (max-width: 767px) {
.as-services-1-tabs-btn-single .icon {
margin-left: 0px;
}
}
.as-services-1-tabs-btn-single .disc {
opacity: 80%;
font-size: 16px;
max-width: 350px;
color: #fff;
}
.as-services-1-tabs-btn .nav-item:not(:last-child) .nav-link {
border-bottom: 1px dashed rgba(5, 5, 25, 0.2);
}
.as-services-1-tabs-btn .nav-link.active .bg-line {
opacity: 1;
}
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .title {
color: #fff;
font-weight: 600;
}
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .number span:nth-child(1) {
opacity: 0;
}
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .number span:nth-child(2) {
color: #fff;
}
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .arrow-btn {
background-color: var(--ax-prime-c4);
color: #fff;
}
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .bottom-content {
padding-top: 12px;
height: 114px;
}
@media (max-width: 767px) {
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .bottom-content {
height: 298px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-services-1-tabs-btn .nav-link.active .as-services-1-tabs-btn-single .bottom-content {
height: 156px;
}
}
.as-services-1-tabs-box {
height: 486px;
overflow: hidden;
position: relative;
z-index: 1;
}
.as-services-1-tabs-box::after {
content: "";
width: 100%;
height: 311.74px;
background: #1D1EE3;
border: 1px solid rgba(255, 255, 255, 0.16);
-webkit-box-shadow: inset 0px 0px 11px rgba(255, 255, 255, 0.68);
box-shadow: inset 0px 0px 11px rgba(255, 255, 255, 0.68);
border-radius: 8px;
position: absolute;
bottom: 0;
left: 0;
z-index: -2;
}
.as-services-1-tabs-box::before {
content: "";
width: 100%;
height: 172.02px;
background: #1D1EE3;
border: 1px solid rgba(255, 255, 255, 0.16);
-webkit-box-shadow: inset 0px 0px 11px rgba(255, 255, 255, 0.68);
box-shadow: inset 0px 0px 11px rgba(255, 255, 255, 0.68);
border-radius: 8px;
position: absolute;
bottom: 0;
left: 0;
}
.as-services-1-tabs-box .favicon-elm {
position: absolute;
bottom: 34px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 1;
}
.as-services-1-tabs-pane {
max-width: 350px;
position: absolute;
bottom: -50%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 100%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-1-tabs-pane {
max-width: 260px;
}
}
.as-services-1-tabs-pane-img {
height: 386px;
border-radius: 8px;
-webkit-transition: 0.4s;
transition: 0.4s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.as-services-1-tabs-pane .tab-pane {
display: block;
opacity: 1;
position: absolute;
left: 0;
bottom: 0;
}
.as-services-1-tabs-pane .tab-pane:is(.show) .as-services-1-tabs-pane-img {
-webkit-transform: translateY(-82%) rotate(9deg);
transform: translateY(-82%) rotate(9deg);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.as-services-1-content {
margin-top: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 32px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-services-1-content .disc {
max-width: 685px;
}  .as-services-2-area {
background-color: #000;
border-radius: 0 0 40px 40px;
}
.as-services-2-subtitle {
color: #fff;
border-color: rgba(255, 255, 255, 0.32);
}
.as-services-2-subtitle::after {
background: #fff;
opacity: 16%;
}
.as-services-2-subtitle::before {
opacity: 16%;
}
.as-services-2-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-sec-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-services-2-sec-title .as-sec-title-1 {
max-width: 560px;
color: #fff;
}
.as-services-2-sec-title .right {
max-width: 490px;
}
.as-services-2-sec-title .sec-disc {
color: #fff;
opacity: 80%;
margin-bottom: 35px;
}
.as-services-2-accordion .as-accordion-1 {
gap: 0;
}
.as-services-2-accordion .as-accordion-1-item {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.04)), to(rgba(255, 255, 255, 0.15)));
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.15) 100%);
border-radius: 0;
position: relative;
z-index: 1;
}
.as-services-2-accordion .as-accordion-1-item::after {
content: "";
width: 100%;
height: 1px;
background-color: #fff;
opacity: 32%;
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
}
.as-services-2-accordion .as-accordion-1-item .item-title {
font-size: 26px;
color: #fff;
padding: 34px 0px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
gap: 30px;
background: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .item-title {
font-size: 22px;
}
}
.as-services-2-accordion .as-accordion-1-item .item-title .number {
font-size: 16px;
color: rgba(255, 255, 255, 0.5);
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-services-2-accordion .as-accordion-1-item .item-title .number {
max-width: 350px;
width: 100%;
}
}
.as-services-2-accordion .as-accordion-1-item .item-title .number span {
color: #fff;
}
.as-services-2-accordion .as-accordion-1-item .item-title .title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
font-family: var(--ax-sora);
}
.as-services-2-accordion .as-accordion-1-item .item-title .title i {
color: var(--ax-prime-c4);
font-size: 30px;
}
.as-services-2-accordion .as-accordion-1-item .item-title .icon {
width: 48px;
height: 48px;
border: 1px solid rgba(255, 255, 255, 0.32);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
border-radius: 50%;
color: #fff;
opacity: 1;
margin-left: auto;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-services-2-accordion .as-accordion-1-item .item-title:is(:not(.collapsed)) .icon {
color: var(--as-clr-h-1);
background: #fff;
}
.as-services-2-accordion .as-accordion-1-item .item-title:is(:not(.collapsed)) .title {
font-size: 36px;
font-weight: 600;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .item-title:is(:not(.collapsed)) .title {
font-size: 24px;
}
}
.as-services-2-accordion .as-accordion-1-item .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .content-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-bottom: 30px;
}
}
.as-services-2-accordion .as-accordion-1-item .content-wrap-right {
margin-left: -50px;
padding-top: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .content-wrap-right {
margin-left: 0px;
}
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .big-icon {
color: #fff;
font-size: 260px;
line-height: 0.7;
opacity: 8%;
margin-right: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .content-wrap .big-icon {
font-size: 100px;
margin-right: 25px;
}
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .disc {
color: #fff;
opacity: 80%;
margin-bottom: 55px;
max-width: 520px;
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .img-elm {
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
height: 335px;
width: 422px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .features-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
margin-left: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-services-2-accordion .as-accordion-1-item .content-wrap .features-list {
margin-left: 0px;
}
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .features-list li {
color: #fff;
position: relative;
z-index: 1;
padding-left: 14px;
}
.as-services-2-accordion .as-accordion-1-item .content-wrap .features-list li::after {
content: "";
width: 6px;
height: 6px;
background-color: var(--as-clr-sd-1);
position: absolute;
top: 11px;
left: 0;
border-radius: 50%;
}
.as-services-2-accordion .as-accordion-1-item:is(.active) {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(230, 64, 10, 0.08)), to(#E6400A));
background: linear-gradient(180deg, rgba(230, 64, 10, 0.08) 0%, #E6400A 100%);
}
.as-services-2-accordion .as-accordion-1-item:is(.active)::after {
opacity: 1;
}  .as-industry-1-area {
background-color: #010128;
}
.as-industry-1-bg-img {
position: absolute;
top: 0;
left: 0;
z-index: -3;
width: 86%;
height: 96%;
}
.as-industry-1-bg-img::after {
content: "";
position: absolute;
height: 418.45px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 2, 48, 0)), to(var(--as-clr-h-1)));
background: linear-gradient(180deg, rgba(2, 2, 48, 0) 0%, var(--as-clr-h-1) 100%);
bottom: 0;
left: 0;
width: 100%;
z-index: 1;
}
.as-industry-1-bg-img::before {
content: "";
position: absolute;
width: 156.92px;
height: 100%;
background: -webkit-gradient(linear, right top, left top, from(#010128), to(rgba(2, 2, 48, 0)));
background: linear-gradient(270deg, #010128 0%, rgba(2, 2, 48, 0) 100%);
right: 0;
top: 0;
z-index: 1;
}
.as-industry-1-video {
text-align: right;
margin-right: -160px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-1-video {
margin-right: 0px;
}
}
.as-industry-1-video-elm {
max-width: 348px;
height: 304px;
display: inline-block;
mix-blend-mode: luminosity;
}
.as-industry-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 50px 1.48fr;
grid-template-columns: 1fr 1.48fr;
gap: 50px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-industry-1-sec-title .as-sec-title-1 {
color: #fff;
}
.as-industry-1-sec-title .as-subtitle-1 {
color: #fff;
border-color: rgba(255, 255, 255, 0.2);
}
.as-industry-1-sec-title .sec-disc {
color: #fff;
opacity: 80%;
margin-top: 22px;
}
.as-industry-1-mask {
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
overflow: hidden;
margin-right: -240px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-1-mask {
margin-right: 0px;
}
}
.as-industry-1-features {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 16px;
margin-right: 16px;
}
.as-industry-1-features .link-elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background-color: #D5D0FF;
border-radius: 100px;
padding: 8px;
padding-right: 24px;
font-size: 16px;
color: var(--as-clr-h-1);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-industry-1-features .link-elm .icon {
width: 44px;
height: 44px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 28px;
border-radius: 50%;
color: #000;
}
.as-industry-1-features .link-elm:hover {
background-color: var(--as-clr-sd-1);
}  .as-industry-2-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-2-sec-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-industry-2-sec-title .as-sec-title-1 {
max-width: 600px;
}
.as-industry-2-sec-title .sec-disc {
margin-bottom: 26px;
}
.as-industry-2-sec-title .right {
max-width: 530px;
}
.as-industry-2-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 16px 1fr;
grid-template-columns: 1fr 1fr;
gap: 12px 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-industry-2-item {
border-radius: 12px;
padding: 28px 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-industry-2-item {
gap: 20px;
padding: 28px 20px;
}
}
@media (max-width: 767px) {
.as-industry-2-item {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 20px;
padding: 28px 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-industry-2-item {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 20px;
padding: 28px 20px;
}
}
.as-industry-2-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
border-radius: 12px;
z-index: -1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-industry-2-item .img-elm {
width: 212px;
height: 212px;
border-radius: 50%;
position: absolute;
z-index: -2;
opacity: 0;
pointer-events: none;
}
.as-industry-2-item .title {
font-size: 22px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media (max-width: 767px) {
.as-industry-2-item .title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-industry-2-item .title {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.as-industry-2-item .title i {
color: #000000;
opacity: 40%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-industry-2-item .number {
color: rgba(5, 5, 25, 0.32);
font-size: 16px;
font-weight: 500;
max-width: 130px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-industry-2-item .number {
max-width: none;
width: auto;
}
}
.as-industry-2-item .number span {
color: var(--as-clr-h-1);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-industry-2-item:hover {
z-index: 2;
}
.as-industry-2-item:hover::after {
background-color: var(--as-clr-h-1);
}
.as-industry-2-item:hover .number {
color: rgba(255, 255, 255, 0.32);
}
.as-industry-2-item:hover .number span {
color: #fff;
}
.as-industry-2-item:hover .title {
color: #fff;
}
.as-industry-2-item:hover .title i {
color: var(--ax-prime-c4);
opacity: 1;
}
.as-industry-2-item:hover .img-elm {
opacity: 1;
}  .as-price-1-sec-title {
max-width: 706px;
margin-left: auto;
margin-right: auto;
}
.as-price-1-sec-title .sec-disc {
margin-top: 22px;
}
.as-price-1-wrap {
max-width: 1344px;
margin-left: auto;
margin-right: auto;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 12px 1fr 12px 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-price-1-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-price-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-price-1-card {
background-color: #F3F3F3;
border-radius: 20px;
padding: 4px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-price-1-card .title-x-number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 28px;
}
.as-price-1-card .title {
font-size: 26px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-price-1-card .title {
font-size: 22px;
}
}
.as-price-1-card .hr-line {
background: #D9D9D9;
height: 1px;
width: 100%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-price-1-card .number {
color: var(--ax-prime-c4);
font-style: italic;
}
.as-price-1-card .card-bd {
border-radius: 18px;
background-color: #fff;
padding: 24px 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-price-1-card .card-bd {
padding: 24px 17px;
}
}
.as-price-1-card .price {
font-size: 56px;
line-height: 1;
margin-bottom: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-price-1-card .price {
font-size: 40px;
}
}
.as-price-1-card .price span {
font-size: 18px;
opacity: 72%;
font-weight: 400;
}
.as-price-1-card .disc {
margin-bottom: 20px;
}
.as-price-1-card .card-btn {
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--as-clr-h-1);
padding: 16px 10px;
margin-bottom: 28px;
}
.as-price-1-card .card-btn::after {
width: 100%;
background-color: #F3F3F3;
}
.as-price-1-card .card-btn:hover {
color: #fff;
}
.as-price-1-card .card-btn:hover::after {
background-color: var(--as-clr-h-1);
}
.as-price-1-card .subtitle {
font-size: 20px;
font-weight: 600;
opacity: 32%;
margin-bottom: 18px;
}
.as-price-1-card .price-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 11px;
}
.as-price-1-card .price-list li {
color: var(--as-clr-h-1);
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.as-price-1-card .price-list li i {
font-size: 24px;
opacity: 52%;
}
.as-price-1-card:is(.active) {
background-color: var(--as-clr-h-1);
}
.as-price-1-card:is(.active) .title {
color: #fff;
}
.as-price-1-card:is(.active) .hr-line {
opacity: 50%;
}
.as-price-1-card:is(.active) .card-btn {
color: #fff;
}
.as-price-1-card:is(.active) .card-btn::after {
background-color: var(--as-clr-h-1);
}
.as-price-1-content {
border-radius: 20px;
padding: 4px;
padding-right: 20px;
border: 4px solid #F3F3F3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
overflow: hidden;
max-width: 1344px;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
}
.as-price-1-content .support-icon {
-webkit-filter: grayscale(1);
filter: grayscale(1);
position: absolute;
top: 50%;
left: 63%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.as-price-1-support {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 24px;
}
.as-price-1-support .img-elm {
width: 76px;
height: 76px;
border-radius: 15px;
}
.as-price-1-support .title {
font-size: 22px;
margin-bottom: 6px;
}
.as-price-1-support .title a {
color: var(--ax-prime-c4);
font-style: italic;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-price-1-support .title a:hover {
color: var(--as-clr-sd-1);
}
.as-price-1-support .disc {
font-size: 16px;
text-transform: uppercase;
}  .as-team-1-area {
margin: 0 24px;
background-color: #D5D0FF;
border-radius: 16px;
z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-team-1-area {
margin: 0 6px;
}
}
.as-team-1-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 35px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-team-1-sec-title .right {
max-width: 500px;
}
.as-team-1-sec-title .left {
max-width: 560px;
}
.as-team-1-sec-title .sec-disc {
margin-bottom: 25px;
}
.as-team-1-wrap {
border-top: 1px dashed rgba(5, 5, 25, 0.2);
border-bottom: 1px dashed rgba(5, 5, 25, 0.2);
}
.as-team-1-member {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 16px;
text-align: center;
border-right: 1px dashed rgba(5, 5, 25, 0.2);
min-height: 470px;
}
.as-team-1-member .img-elm {
border-radius: 8px;
height: 380px;
position: relative;
z-index: 1;
background-color: #000031;
}
.as-team-1-member .img-elm img {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-1-member .img-elm::after {
content: "";
position: absolute;
width: 100%;
height: 165px;
background: #1D1EE3;
-webkit-filter: blur(36px);
filter: blur(36px);
left: 0;
bottom: -90px;
border-radius: 170px;
-webkit-transform: translateY(50%);
transform: translateY(50%);
opacity: 0;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-1-member .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 5px;
}
.as-team-1-member .name {
font-size: 22px;
}
.as-team-1-member .name a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-1-member .name a:hover {
color: var(--ax-prime-c4);
}
.as-team-1-member .bio {
font-size: 16px;
}
.as-team-1-member .social-link {
position: absolute;
bottom: 16px;
right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
opacity: 0;
z-index: 1;
}
.as-team-1-member .social-link-elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 4px;
color: #000;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-1-member .social-link-elm:hover {
color: #fff;
background-color: var(--ax-prime-c4);
}
.as-team-1-member:hover .img-elm::after {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.as-team-1-member:hover .img-elm img {
mix-blend-mode: luminosity;
}
.as-team-1-member:hover .social-link {
opacity: 1;
}
.as-team-1-member:hover .social-link-elm {
-webkit-animation: fadeInUp2 0.3s backwards;
animation: fadeInUp2 0.3s backwards;
}
.as-team-1-member:hover .social-link-elm:nth-child(1) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.as-team-1-member:hover .social-link-elm:nth-child(2) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.as-team-1-member:hover .social-link-elm:nth-child(3) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.as-team-1-member:hover .social-link-elm:nth-child(4) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.as-team-1-member:is(.has-v2) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.as-team-1-member:is(.has-v2) .img-elm {
height: 320px;
}
.as-team-1-slider {
padding-left: 1px;
}
.as-team-1-slider .swiper-notification {
display: none;
}
.as-team-1-slider-btn {
padding-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.as-team-1-slider-btn::after {
content: "";
width: 1px;
height: 161px;
border-right: 1px dashed rgba(5, 5, 25, 0.2);
position: absolute;
left: 25%;
top: 0px;
z-index: -1;
}
.as-team-1-slider-btn::before {
content: "";
width: 1px;
height: 161px;
border-right: 1px dashed rgba(5, 5, 25, 0.2);
position: absolute;
right: 25%;
top: 0px;
z-index: -1;
}
.as-team-1-slider-btn .single-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: rgba(5, 5, 25, 0.6);
max-width: 340px;
width: 100%;
background-color: rgba(255, 255, 255, 0.28);
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 5px;
padding: 12px 12px;
cursor: pointer;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
font-size: 16px;
}
.as-team-1-slider-btn .single-btn i {
color: var(--ax-prime-c4);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-1-slider-btn .single-btn:hover {
color: #fff;
background-color: var(--ax-prime-c4);
}
.as-team-1-slider-btn .single-btn:hover i {
color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-team-1-slider-btn .single-btn {
max-width: 150px;
}
}  .as-team-2-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-team-2-sec-title {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-team-2-sec-title .as-sec-title-1 {
max-width: 680px;
}
.as-team-2-wrap {
display: -ms-grid;
display: grid;
gap: 16px;
-ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-team-2-wrap {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-team-2-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-team-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-team-2-member {
position: relative;
z-index: 1;
}
.as-team-2-member .img-elm {
border-radius: 8px;
height: 428px;
position: relative;
z-index: 1;
background-color: var(--as-clr-h-1);
}
.as-team-2-member .img-elm img {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-2-member .img-elm .shape-elm {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.as-team-2-member .img-elm .shape-elm path {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-2-member .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
text-align: center;
position: absolute;
bottom: 9px;
left: 0;
width: 100%;
z-index: 1;
}
.as-team-2-member .name {
font-size: 22px;
}
.as-team-2-member .name a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-2-member .name a:hover {
color: var(--as-clr-sd-1);
}
.as-team-2-member .bio {
font-size: 16px;
opacity: 80%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-2-member .social-link {
position: absolute;
top: 16px;
right: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 2px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
opacity: 0;
z-index: 1;
}
.as-team-2-member .social-link-elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 4px;
color: #000;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-team-2-member .social-link-elm:hover {
color: #fff;
background-color: var(--ax-prime-c4);
}
.as-team-2-member:hover .img-elm img {
mix-blend-mode: luminosity;
}
.as-team-2-member:hover .img-elm .shape-elm path {
fill: var(--as-clr-sd-3);
}
.as-team-2-member .img-elm .shape-elm path {
fill: #fff;
}
.as-team-2-member:hover .name {
color: #fff;
}
.as-team-2-member:hover .bio {
color: #fff;
}
.as-team-2-member:hover .social-link {
opacity: 1;
}
.as-team-2-member:hover .social-link-elm {
-webkit-animation: fadeInUp2 0.3s backwards;
animation: fadeInUp2 0.3s backwards;
}
.as-team-2-member:hover .social-link-elm:nth-child(1) {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.as-team-2-member:hover .social-link-elm:nth-child(2) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.as-team-2-member:hover .social-link-elm:nth-child(3) {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.as-team-2-member:hover .social-link-elm:nth-child(4) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.as-team-2-member:is(.has-2) {
z-index: 2;
}
.as-team-2-member:is(.has-3) {
z-index: 2;
}  .as-achieve-1-area {
background-color: #F5F5F5;
}
.as-achieve-1-area::after {
content: "";
width: 100%;
position: absolute;
height: 245px;
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#F5F5F5));
background: linear-gradient(180deg, #FFFFFF 0%, #F5F5F5 100%);
bottom: 100%;
left: 0;
z-index: -1;
}
.as-achieve-1-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
}
.as-achieve-1-wrap {
display: -ms-grid;
display: grid;
gap: 12px;
-ms-grid-columns: 1fr 12px 1.82fr 12px 1fr;
grid-template-columns: 1fr 1.82fr 1fr;
margin-left: -134px;
margin-right: -134px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-achieve-1-wrap {
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-achieve-1-wrap {
margin-left: 0px;
margin-right: 0px;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-wrap {
margin-left: 0px;
margin-right: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-achieve-1-wrap-2 {
display: -ms-grid;
display: grid;
gap: 12px;
-ms-grid-columns: 1fr 12px 2.85fr;
grid-template-columns: 1fr 2.85fr;
margin-left: -134px;
margin-right: -134px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-top: 12px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-achieve-1-wrap-2 {
margin-left: 0px;
margin-right: 0px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-wrap-2 {
margin-left: 0px;
margin-right: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-achieve-1-wrap-2-right-top {
display: -ms-grid;
display: grid;
gap: 12px;
-ms-grid-columns: 1fr 12px 1.82fr;
grid-template-columns: 1fr 1.82fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-wrap-2-right-top {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-achieve-1-exp {
background-color: #fff;
border-radius: 8px;
padding: 12px;
}
.as-achieve-1-exp .img-elm {
height: 138px;
border-radius: 8px;
}
.as-achieve-1-exp .content-wrap {
padding: 24px 24px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-exp .content-wrap {
padding: 24px 10px;
}
}
.as-achieve-1-exp .number {
font-size: 72px;
line-height: 1;
}
.as-achieve-1-exp .number .plus {
color: #DFDFE1;
display: inline-block;
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
.as-achieve-1-exp .number-x-title {
margin-top: -11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 15px;
border-bottom: 1px solid #D9D9D9;
padding-bottom: 27px;
margin-bottom: 65px;
}
.as-achieve-1-exp .title {
font-size: 18px;
font-weight: 400;
}
.as-achieve-1-projects {
background-color: var(--as-clr-h-1);
position: relative;
z-index: 1;
padding: 35px 40px;
border-radius: 8px;
overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-projects {
padding: 35px 20px;
}
}
.as-achieve-1-projects::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: radial-gradient(50% 50% at 53.06% 50%, #1D1EE3 0%, rgba(29, 30, 227, 0) 100%);
opacity: 0.4;
z-index: -1;
}
.as-achieve-1-projects .number {
font-size: 96px;
font-weight: 700;
color: var(--as-clr-sd-1);
line-height: 1;
margin-top: -20px;
margin-bottom: 57px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-projects .number {
margin-bottom: 30px;
}
}
.as-achieve-1-projects .number .plus {
font-size: 55px;
-webkit-transform: translateY(-28px);
transform: translateY(-28px);
}
.as-achieve-1-projects .img-x-content {
display: -ms-grid;
display: grid;
gap: 28px;
-ms-grid-columns: 1.98fr 28px 1fr;
grid-template-columns: 1.98fr 1fr;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-achieve-1-projects .img-x-content {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-achieve-1-projects .img-x-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-achieve-1-projects .img-x-content {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.as-achieve-1-projects .img-elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
overflow: hidden;
gap: 18px;
}
.as-achieve-1-projects .img-elm-single {
position: relative;
z-index: 1;
}
.as-achieve-1-projects .img-elm-single::after {
content: "";
width: 339px;
height: 1px;
right: 0;
top: 0;
background: #fff;
position: absolute;
opacity: 0.7;
}
.as-achieve-1-projects .img-elm-single-clr {
max-width: 100px;
width: 100%;
height: 240px;
background: -webkit-gradient(linear, right top, left top, from(#4D72FF), to(#D0DAFF));
background: linear-gradient(270deg, #4D72FF 0%, #D0DAFF 100%);
position: relative;
z-index: 1;
}
.as-achieve-1-projects .img-elm-single-clr::after {
content: "";
width: 449px;
height: 1px;
right: 0;
top: 0;
background: #fff;
position: absolute;
opacity: 0.7;
}
.as-achieve-1-projects .title {
font-size: 22px;
color: #fff;
margin-bottom: 76px;
}
.as-achieve-1-projects .disc {
color: #fff;
letter-spacing: -0.01em;
}
.as-achieve-1-review {
background-color: #fff;
border-radius: 8px;
padding: 30px 32px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-review {
padding: 30px 22px;
}
}
.as-achieve-1-review .title-x-rating {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
margin-bottom: 20px;
}
.as-achieve-1-review .title {
font-size: 20px;
}
.as-achieve-1-review .rating-elm-icon {
background-color: rgba(102, 102, 102, 0.12);
font-size: 12px;
border-radius: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 3px;
color: #000;
padding: 6px 13px;
margin-bottom: 7px;
}
.as-achieve-1-review .rating-elm-text {
font-size: 44px;
}
.as-achieve-1-review .big-number {
text-align: center;
font-size: 308px;
background: -webkit-gradient(linear, left top, left bottom, from(#D7D7D7), to(#FEFEFE));
background: linear-gradient(180deg, #D7D7D7 0%, #FEFEFE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
line-height: 0.7;
margin-bottom: -30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-review .big-number {
font-size: 112px;
}
}
.as-achieve-1-review .dvr-line {
width: 100%;
height: 1px;
background: -webkit-gradient(linear, left top, right top, from(#1D1EE3), to(rgba(29, 30, 227, 0)));
background: linear-gradient(90deg, #1D1EE3 0%, rgba(29, 30, 227, 0) 100%);
position: relative;
z-index: 1;
margin-bottom: 31px;
}
.as-achieve-1-review .dvr-line::after {
content: "";
width: 11px;
height: 11px;
position: absolute;
top: -5px;
left: -1px;
background-color: var(--ax-prime-c4);
border-radius: 50%;
}
.as-achieve-1-award {
background-color: #7F75FC;
border-radius: 8px;
padding: 36px 36px;
min-height: 528px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-award {
padding: 36px 20px;
}
}
.as-achieve-1-award .title {
font-size: 22px;
color: #fff;
margin-bottom: 16px;
}
.as-achieve-1-award .disc {
color: #fff;
opacity: 80%;
margin-bottom: 100px;
}
.as-achieve-1-award .number {
font-size: 108px;
color: #fff;
font-weight: 600;
line-height: 0.7;
}
.as-achieve-1-award .bg-shape-1 {
position: absolute;
right: 0;
bottom: 0;
z-index: -2;
}
.as-achieve-1-award .bg-shape-2 {
position: absolute;
bottom: -310px;
right: -140px;
z-index: -1;
}
.as-achieve-1-support {
position: relative;
z-index: 1;
padding: 30px 36px;
border: 6px solid #E5E5FF;
border-radius: 8px;
min-height: 396px;
}
.as-achieve-1-support::after {
content: "";
position: absolute;
width: 119px;
height: 119px;
background: #55D7EA;
-webkit-filter: blur(82px);
filter: blur(82px);
z-index: -3;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.as-achieve-1-support .content-wrap {
text-align: right;
}
.as-achieve-1-support .title {
font-size: 40px;
font-weight: 600;
margin-bottom: 10px;
}
.as-achieve-1-support .shape-1 {
width: 58%;
position: absolute;
top: 20px;
left: 20px;
z-index: -2;
}
.as-achieve-1-support .shape-2 {
position: absolute;
bottom: 105px;
left: 36px;
width: 44%;
z-index: -1;
}
.as-achieve-1-support .shape-3 {
position: absolute;
right: 36px;
bottom: 36px;
z-index: -1;
width: 60%;
}
.as-achieve-1-team {
background-color: var(--as-clr-h-1);
border-radius: 8px;
padding: 40px 40px;
min-height: 396px;
position: relative;
z-index: 1;
overflow: hidden;
}
@media (max-width: 767px) {
.as-achieve-1-team {
min-height: 506px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-achieve-1-team {
min-height: 396px;
}
}
.as-achieve-1-team .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-achieve-1-team .number {
font-size: 88px;
line-height: 1;
color: #fff;
}
.as-achieve-1-team .number .plus {
opacity: 50%;
}
.as-achieve-1-team .disc {
color: #fff;
font-weight: 500;
margin-bottom: 16px;
}
.as-achieve-1-team-member {
width: 100%;
height: 150%;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: translateY(-33.5%);
transform: translateY(-33.5%);
overflow: hidden;
}
.as-achieve-1-team-member-single {
position: absolute;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 4px;
padding-right: 20px;
gap: 8px;
background-color: var(--as-clr-sd-1);
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.as-achieve-1-team-member-single .img-elm {
width: 40px;
height: 40px;
border-radius: 50%;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-achieve-1-team-member-single .name {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
color: var(--as-clr-h-1);
font-weight: 500;
}
.as-achieve-1-team-member-single:nth-child(2) {
background-color: #FDCD8C;
}
.as-achieve-1-team-member-single:nth-child(3) {
background-color: #55D7EA;
}
.as-achieve-1-team-member-single:nth-child(4) {
background-color: #BBC0D3;
}
.as-achieve-1-team-member-single:nth-child(5) {
background-color: #ECFF97;
}
.as-achieve-1-team-member-single:nth-child(6) {
background-color: #FFA2DD;
}
.as-achieve-1-team-member-single:nth-child(7) {
background-color: #FFC0B5;
}
.as-achieve-1-team-member-single:nth-child(8) {
background-color: #fff;
}
.as-achieve-1-client {
background-color: var(--as-clr-h-1);
border-radius: 8px;
padding: 30px 36px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.as-achieve-1-client {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
}
.as-achieve-1-client-marquee {
max-width: 720px;
-webkit-mask-size: 100%;
mask-size: 100%;
margin-bottom: -10px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-1-client-marquee {
max-width: 310px;
}
}
.as-achieve-1-client-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
.as-achieve-1-client-img .single-img {
width: 64px;
height: 64px;
border-radius: 50%;
border: 2px solid rgba(255, 255, 255, 0.2);
}
.as-achieve-1-client-rating {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-achieve-1-client-rating .rating-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
gap: 4px;
color: #FF9F19;
margin-bottom: 13px;
}
.as-achieve-1-client-rating .rating-text {
color: #fff;
}
.as-achieve-1-client-projects {
color: rgba(255, 255, 255, 0.8);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 13px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-achieve-1-client-projects i {
color: #fff;
font-size: 28px;
}  .as-achieve-2-wrap {
display: -ms-grid;
display: grid;
gap: 12px;
-ms-grid-columns: 0.72fr 12px 1fr 12px 1fr;
grid-template-columns: 0.72fr 1fr 1fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-achieve-2-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-achieve-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-achieve-2-client {
border: 8px solid #fff;
border-radius: 12px;
text-align: center;
background-color: #000;
padding: 35px 32px;
position: relative;
z-index: 2;
will-change: transform;
}
@media (max-width: 767px) {
.as-achieve-2-client {
padding: 35px 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-achieve-2-client {
padding: 35px 32px;
}
}
.as-achieve-2-client .disc {
color: #fff;
opacity: 80%;
}
.as-achieve-2-client .number {
font-size: 80px;
color: #fff;
font-weight: 800;
line-height: 1;
opacity: 20%;
}
.as-achieve-2-client .title {
font-size: 24px;
color: #fff;
margin-top: -11px;
margin-bottom: 42px;
}
.as-achieve-2-client .hr-line {
background: radial-gradient(50% 50% at 50% 50%, #FFB627 0%, rgba(255, 182, 39, 0) 100%);
height: 2px;
width: 100%;
margin-bottom: 45px;
}
.as-achieve-2-client .author-img {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 20px;
}
.as-achieve-2-client .author-img-single {
width: 52px;
height: 52px;
border-radius: 50%;
border: 2px solid #1A0C35;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-achieve-2-client .author-img-single:not(:first-child) {
margin-left: -15px;
}
.as-achieve-2-client .author-img-single:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.as-achieve-2-card {
background-color: #FAE4B4;
border-radius: 10px;
padding: 40px 40px;
position: relative;
will-change: transform;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-achieve-2-card {
padding: 40px 20px;
}
}
.as-achieve-2-card .icon-elm {
width: 80px;
height: 80px;
background: rgba(255, 255, 255, 0.28);
border-radius: 10px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 34px;
color: var(--ax-prime-c4);
margin-bottom: 68px;
}
.as-achieve-2-card .title {
font-size: 18px;
font-weight: 600;
position: relative;
z-index: 1;
border-bottom: 1px solid rgba(5, 5, 25, 0.12);
padding-bottom: 13px;
margin-bottom: 25px;
letter-spacing: 0.08em;
}
.as-achieve-2-card .title::after {
content: "";
width: 90px;
height: 2px;
background-color: var(--ax-prime-c4);
position: absolute;
bottom: -1px;
left: 0;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-achieve-2-card:hover .title::after {
width: 100%;
}
.as-achieve-2-card:is(.has-clr-2) {
background-color: #A8F6E0;
}
.as-achieve-2-card:is(.has-clr-2) .icon-elm {
color: #036F74;
}
.as-achieve-2-card:is(.has-clr-2) .title::after {
background-color: #389195;
}
.as-achieve-2-card:is(.card-1) {
z-index: 1;
}  .as-process-1-area {
background-color: #020241;
}
.as-process-1-bg-img {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
z-index: -1;
}
.as-process-1-bg-img::after {
content: "";
position: absolute;
width: 261px;
height: 100%;
background: -webkit-gradient(linear, right top, left top, from(#020241), to(rgba(2, 2, 65, 0)));
background: linear-gradient(270deg, #020241 0%, rgba(2, 2, 65, 0) 100%);
right: 0;
top: 0;
}
.as-process-1-sec-title {
position: relative;
z-index: 1;
}
.as-process-1-sec-title::after {
content: "";
position: absolute;
height: 254px;
width: 726px;
background: #020241;
-webkit-filter: blur(117px);
filter: blur(117px);
border-radius: 260px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.as-process-1-sec-title .as-subtitle-1 {
color: #fff;
border-color: rgba(255, 255, 255, 0.2);
}
.as-process-1-sec-title .as-sec-title-1 {
color: #fff;
}
.as-process-1-wrap {
max-width: 610px;
margin-left: auto;
}
.as-process-1-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
-webkit-perspective: 2000px;
perspective: 2000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
z-index: 1;
}
.as-process-1-card-single {
text-align: center;
position: relative;
z-index: 1;
padding: 40px 40px;
padding-top: 0;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-process-1-card-single .icon-elm {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 60px;
height: 60px;
background-color: var(--ax-prime-c4);
border-radius: 50%;
color: #fff;
font-size: 28px;
margin-bottom: 35px;
}
.as-process-1-card-single .title {
font-size: 22px;
font-weight: 600;
margin-bottom: 18px;
}
.as-process-1-card-single .bg-shape {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 27px);
z-index: -2;
}
.as-process-1-card-single .big-title {
position: absolute;
left: 50%;
top: 55px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 68px;
font-weight: 700;
color: #D5D0FF;
opacity: 52%;
z-index: -1;
}
@media (max-width: 767px) {
.as-process-1-card-single .big-title {
font-size: 38px;
}
}
.as-process-1-card-single:hover {
-webkit-transform: rotateY(15deg);
transform: rotateY(15deg);
}  .as-process-2-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 40px;
max-width: 880px;
margin-left: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.as-process-2-sec-title .left {
max-width: 540px;
}
.as-process-2-sec-title .as-sec-title-1 {
margin-bottom: 22px;
}
.as-process-2-sec-title .as-pr-btn-2 {
background: #464654;
color: #fff;
}
.as-process-2-sec-title .as-pr-btn-2::after {
background-color: var(--as-clr-h-1);
}
.as-process-2-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 12px 1fr 12px 1fr 12px 1fr;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 12px;
position: relative;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-process-2-wrap {
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-process-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-process-2-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
.as-process-2-card {
background-color: #fff;
border-radius: 20px;
padding: 32px;
min-height: 260px;
position: relative;
z-index: 1;
overflow: hidden;
border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-process-2-card {
min-height: auto;
}
}
.as-process-2-card .icon-x-number {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-process-2-card .icon {
width: 72px;
height: 72px;
background: #FFFFFF;
border: 1px solid rgba(5, 5, 25, 0.12);
border-radius: 8px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 36px;
color: var(--as-clr-sd-3);
position: relative;
z-index: 1;
}
.as-process-2-card .icon::after {
content: "";
width: 24px;
height: 24px;
position: absolute;
background: var(--as-clr-sd-3);
border-radius: 50%;
z-index: -1;
opacity: 72%;
-webkit-filter: blur(14px);
filter: blur(14px);
}
.as-process-2-card .number {
font-size: 48px;
font-weight: 600;
color: #E1E1E3;
margin-left: -17px;
}
.as-process-2-card .title {
font-size: 22px;
max-width: 228px;
}
.as-process-2-card .hand-img {
position: absolute;
inset: 0;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-process-2-card .hand-img {
display: none;
}
}
.as-process-2-card .hand-img img {
height: 100%;
width: 100%;
}
.as-process-2-card:is(.has-content) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.as-process-2-bg-img {
width: 35.5%;
height: 846px;
border-radius: 0 12px 12px 0;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-process-2-bg-img {
height: 446px;
}
}
.as-process-2-card-x-hand {
position: relative;
z-index: 1;
}
.as-process-2-hand {
position: absolute;
inset: 0;
z-index: 1;
opacity: 0;
overflow: hidden;
background-color: #fff;
border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-process-2-hand {
display: none;
}
}
.as-process-2-hand img {
position: absolute;
height: 100%;
}
.as-process-2-hand .left-hand {
left: -58px;
}
.as-process-2-hand .right-hand {
right: -91px;
top: -26px;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-process-2-height {
height: 500vh;
position: relative;
}
.as-process-2-pin {
position: sticky;
top: 0;
}
}  .as-choose-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 75px 1.17fr;
grid-template-columns: 1fr 1.17fr;
gap: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-choose-1-content .as-sec-title-1 {
margin-bottom: 20px;
}
.as-choose-1-content .disc {
margin-bottom: 30px;
max-width: 580px;
}
.as-choose-1-features {
margin-left: -32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-1-features {
margin-left: 0px;
}
}
.as-choose-1-features-single {
border-radius: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 28px 32px;
gap: 24px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-choose-1-features-single .icon-elm {
width: 60px;
height: 60px;
background-color: #F4F4FB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 30px;
border-radius: 50%;
color: var(--ax-prime-c4);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-choose-1-features-single .title {
font-size: 20px;
margin-bottom: 12px;
}
.as-choose-1-features-single:is(.active2) {
background: #FFFFFF;
-webkit-box-shadow: 4px 4px 48px rgba(5, 5, 25, 0.14);
box-shadow: 4px 4px 48px rgba(5, 5, 25, 0.14);
}
.as-choose-1-features-single:is(.active2) .icon-elm {
background: var(--ax-prime-c4);
-webkit-box-shadow: 5px 8px 16px rgba(1, 54, 255, 0.24);
box-shadow: 5px 8px 16px rgba(1, 54, 255, 0.24);
color: #fff;
}
.as-choose-1-right {
margin-right: -48px;
display: -ms-grid;
display: grid;
gap: 12px;
-ms-grid-columns: 1.54fr 12px 1fr;
grid-template-columns: 1.54fr 1fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-choose-1-right {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.as-choose-1-right {
margin-right: 0px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-choose-1-right {
margin-right: 0px;
-ms-grid-columns: 1.54fr 1fr;
grid-template-columns: 1.54fr 1fr;
}
}
.as-choose-1-right .inner-div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 90px;
margin-top: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-1-right .inner-div {
margin-top: 0;
}
}
.as-choose-1-img-1 {
border-radius: 16px;
height: 730px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-1-img-1 {
height: 530px;
}
}
.as-choose-1-img-2 {
height: 400px;
border-radius: 16px;
}  .as-choose-2-wrap {
display: -ms-grid;
display: grid;
gap: 10px;
-ms-grid-columns: 1fr 10px 1.92fr;
grid-template-columns: 1fr 1.92fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-choose-2-wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-wrap {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-choose-2-trust {
padding: 32px;
border-radius: 12px;
background-color: #050519;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-trust {
padding: 22px 15px;
}
}
.as-choose-2-trust .title {
font-size: 32px;
color: #fff;
font-weight: 600;
margin-bottom: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-trust .title {
font-size: 26px;
}
}
.as-choose-2-trust .disc {
color: #fff;
}
.as-choose-2-trust .chart-box {
background: rgba(255, 255, 255, 0.12);
backdrop-filter: blur(6px);
border-radius: 10px;
padding: 16px 16px;
margin-bottom: 185px;
}
.as-choose-2-trust .chart-box-title {
font-size: 20px;
color: #fff;
margin-bottom: 35px;
}
.as-choose-2-trust .chart-box-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
.as-choose-2-trust .chart-box-inner-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
gap: 10px;
}
.as-choose-2-trust .chart-box-inner-bar .single-bar {
-webkit-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: 1.5s;
transition: 1.5s;
}
.as-choose-2-trust .chart-box-inner-bar:is(.active) .single-bar {
-webkit-transform: translateY(0%);
transform: translateY(0%);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.as-choose-2-trust .chart-box-inner-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.as-choose-2-trust .chart-box-inner-text .single-text {
color: #fff;
font-size: 10px;
opacity: 80%;
}
.as-choose-2-title-x-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-radius: 12px;
overflow: hidden;
min-height: 518px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-choose-2-title-x-card {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.as-choose-2-title-x-card {
padding: 40px 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
}
}
.as-choose-2-sec-title {
padding: 44px 44px;
padding-right: 0;
max-width: 500px;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-sec-title {
padding: 0;
}
}
.as-choose-2-sec-title .title {
font-size: 36px;
font-weight: 600;
margin-bottom: 19px;
}
@media (max-width: 767px) {
.as-choose-2-sec-title .title {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-choose-2-sec-title .title {
font-size: 34px;
}
}
.as-choose-2-sec-title .disc {
letter-spacing: -0.01em;
max-width: 334px;
}
.as-choose-2-card {
margin-left: -60px;
position: relative;
z-index: 1;
width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-card {
margin-left: 0px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 20px;
}
}
.as-choose-2-card-front-hand {
position: absolute;
top: -17px;
right: -18px;
width: 99%;
z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-card-front-hand {
display: none;
}
}
.as-choose-2-card-back-hand {
position: absolute;
top: -17px;
right: -18px;
width: 99%;
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-card-back-hand {
display: none;
}
}
.as-choose-2-card-single {
max-width: 284px;
background: #D5D0FF;
-webkit-box-shadow: inset 0px 0px 8px rgba(1, 54, 255, 0.12);
box-shadow: inset 0px 0px 8px rgba(1, 54, 255, 0.12);
border-radius: 8px;
padding: 20px 20px;
position: absolute;
z-index: 1;
top: 97px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-choose-2-card-single {
position: unset;
}
}
.as-choose-2-card-single .icon {
font-size: 36px;
color: var(--ax-prime-c4);
line-height: 1;
margin-bottom: 4px;
}
.as-choose-2-card-single .title {
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.as-choose-2-card-single .disc {
font-size: 14px;
}
.as-choose-2-card-single:is(.has-clr-2) {
background-color: #CCF9C7;
}
.as-choose-2-card-single:is(.has-clr-2) .icon {
color: #13BF00;
}
.as-choose-2-card-single:is(.has-clr-3) {
background-color: #F6F5C2;
}
.as-choose-2-card-single:is(.has-clr-3) .icon {
color: #BCB800;
}
.as-choose-2-card-single:is(.has-clr-4) {
background-color: #FFD2D0;
}
.as-choose-2-card-single:is(.has-clr-4) .icon {
color: #E80C02;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-choose-2-card-single:is(.card-1) {
-webkit-transform: rotate(-9.68deg);
transform: rotate(-9.68deg);
}
.as-choose-2-card-single:is(.card-2) {
-webkit-transform: translate(-50px, 111px) rotate(-2.17deg);
transform: translate(-50px, 111px) rotate(-2.17deg);
}
.as-choose-2-card-single:is(.card-3) {
-webkit-transform: translate(31px, 198px) rotate(-11.57deg);
transform: translate(31px, 198px) rotate(-11.57deg);
}
.as-choose-2-card-single:is(.card-4) {
-webkit-transform: translate(180px, 230px) rotate(-3.57deg);
transform: translate(180px, 230px) rotate(-3.57deg);
}
}
.as-choose-2-client {
background-color: #F2F1F6;
border: 5px solid #fff;
border-radius: 12px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 26px 32px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 30px;
margin-top: 10px;
}
.as-choose-2-client .title {
font-size: 20px;
max-width: 312px;
}
.as-choose-2-client-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 10px;
}
.as-choose-2-client-logo .single-logo {
width: 68px;
height: 68px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #FFB5B7 0%, #F2F1F6 100%);
outline: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 8px;
}
.as-choose-2-client-logo .single-logo img {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-choose-2-client-logo .single-logo:nth-child(1) {
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #98FFCF 0%, #F2F1F6 100%);
}
.as-choose-2-client-logo .single-logo:nth-child(2) {
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #ACFEFC 0%, #F2F1F6 100%);
}
.as-choose-2-client-logo .single-logo:nth-child(3) {
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #FFB5B7 0%, #F2F1F6 100%);
}
.as-choose-2-client-logo .single-logo:nth-child(4) {
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #AEEEB5 0%, #F2F1F6 100%);
}
.as-choose-2-client-logo .single-logo:nth-child(5) {
background: radial-gradient(96.59% 138.97% at 0% -32.14%, #FFE8AC 0%, #F2F1F6 100%);
}
.as-choose-2-client-logo .single-logo:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}  .as-accordion-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 8px;
}
.as-accordion-1-item {
width: 100%;
background-color: #fff;
z-index: 1;
overflow: hidden;
border-radius: 8px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-accordion-1-item .item-title {
font-size: 20px;
font-weight: 400;
border: none;
outline: none;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 25px;
text-align: left;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
padding: 29px 30px;
}
.as-accordion-1-item .item-title .icon {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
font-size: 16px;
opacity: 32%;
}
.as-accordion-1-item .item-title:is(:not(.collapsed)) {
color: #fff;
}
.as-accordion-1-item .item-title:is(:not(.collapsed)) .icon {
color: var(--as-clr-sd-1);
opacity: 1;
}
.as-accordion-1-item .item-disc {
padding: 30px 30px;
padding-top: 0;
color: #fff;
opacity: 80%;
}
.as-accordion-1-item:is(.active) {
background-color: var(--as-clr-h-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-faqs-1-area {
padding-top: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-area {
padding-top: 100px;
padding-bottom: 100px;
}
}
.as-faqs-1-bg-img {
background: -webkit-gradient(linear, left top, left bottom, from(#F4F4FB), to(#E3E3FF));
background: linear-gradient(180deg, #F4F4FB 0%, #E3E3FF 100%);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% - 120px);
z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-bg-img {
height: 100%;
}
}
.as-faqs-1-bg-img-svg {
position: absolute;
top: 50%;
left: 48%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 43%;
}
.as-faqs-1-bg-img-svg g circle {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-animation: as-faqs-1-bg-img-svg-kf 10s linear infinite;
animation: as-faqs-1-bg-img-svg-kf 10s linear infinite;
}
.as-faqs-1-bg-img-svg g circle:nth-child(1) {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.as-faqs-1-bg-img-svg g circle:nth-child(2) {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.as-faqs-1-bg-img-svg g circle:nth-child(3) {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.as-faqs-1-bg-img-svg g circle:nth-child(4) {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.as-faqs-1-big-title {
font-size: 160px;
font-weight: 600;
opacity: 12%;
margin-bottom: -45px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-big-title {
font-size: 100px;
margin-bottom: -28px;
}
}
.as-faqs-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2fr 35px 1fr;
grid-template-columns: 2fr 1fr;
gap: 35px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-faqs-1-wrap {
-ms-grid-columns: 1.2fr 1fr;
grid-template-columns: 1.2fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-faqs-1-testimonial {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-testimonial {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 50px;
}
}
.as-faqs-1-testimonial .down-arorw {
display: block;
margin-left: 48px;
}
.as-faqs-1-testimonial .img-elm {
max-width: 588px;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-faqs-1-testimonial .img-elm img {
max-width: -webkit-min-content;
max-width: -moz-min-content;
max-width: min-content;
}
}
.as-faqs-1-testimonial .icon-elm {
font-size: 40px;
color: var(--ax-prime-c4);
line-height: 1;
margin-bottom: 14px;
}
.as-faqs-1-testimonial .comment {
font-size: 20px;
color: var(--as-clr-h-1);
margin-bottom: 12px;
margin-right: -30px;
}
.as-faqs-1-testimonial .content-wrap {
margin-bottom: -160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-testimonial .content-wrap {
margin-bottom: 0;
}
}
.as-faqs-1-testimonial .author-content {
background: rgba(255, 255, 255, 0.24);
border: 1px solid #FFFFFF;
border-radius: 7px;
padding: 12px 18px;
display: inline-block;
}
.as-faqs-1-testimonial .author-name {
font-size: 18px;
margin-bottom: 4px;
font-weight: 600;
}
.as-faqs-1-testimonial .author-bio {
font-size: 16px;
}
.as-faqs-1-right {
margin-right: -196px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-1-right {
margin-right: 0px;
}
}
@-webkit-keyframes as-faqs-1-bg-img-svg-kf {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes as-faqs-1-bg-img-svg-kf {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}  .as-faqs-2-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 102px 1.42fr;
grid-template-columns: 1fr 1.42fr;
gap: 102px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-faqs-2-wrap {
gap: 52px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-faqs-2-wrap {
gap: 52px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-faqs-2-sec-title {
position: sticky;
top: 100px;
margin-bottom: 200px;
}
}
.as-faqs-2-sec-title .sec-disc {
margin-top: 21px;
}
.as-faqs-2-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 40px;
position: relative;
}
.as-faqs-2-left .as-hero-2-author .img-elm {
border: 6px solid #fff;
}
.as-faqs-2-left .as-hero-2-author .content-wrap {
background: #fff;
}
.as-faqs-2-left .as-hero-2-author .bio {
margin-bottom: 12px;
}
.as-faqs-2-left .as-hero-2-author .disc {
font-size: 16px;
margin-bottom: 23px;
}
.as-faqs-2-accordion .as-accordion-1-item {
background-color: #F2F1F6;
border-radius: 8px;
border: 3px solid #fff;
}
.as-faqs-2-accordion .as-accordion-1-item .item-title {
color: var(--as-clr-h-1);
}
.as-faqs-2-accordion .as-accordion-1-item .item-title .icon {
font-size: 12px;
opacity: 1;
width: 28px;
height: 28px;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--as-clr-p-1);
border-radius: 4px;
}
.as-faqs-2-accordion .as-accordion-1-item .item-title:is(:not(.collapsed)) {
color: var(--as-clr-h-1);
font-weight: 600;
background: transparent;
}
.as-faqs-2-accordion .as-accordion-1-item .item-title:is(:not(.collapsed)) .icon {
color: #fff;
background-color: var(--as-clr-sd-3);
}
.as-faqs-2-accordion .as-accordion-1-item .item-disc {
opacity: 1;
color: var(--as-clr-p-1);
}
.as-faqs-2-accordion .as-accordion-1-item:is(.active) {
background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(44.71%, #FFECE8), to(#FFC7BB));
background: linear-gradient(180deg, #FFFFFF 0%, #FFECE8 44.71%, #FFC7BB 100%);
border-color: #F2F1F6;
}  .as-counter-2-area {
background-color: var(--as-clr-h-1);
position: relative;
z-index: 1;
border-radius: 40px 40px 0 0;
}
.as-counter-2-bg-glow {
position: absolute;
right: 0;
top: 0;
width: 63%;
z-index: -1;
}
.as-counter-2-wrap {
display: -ms-grid;
display: grid;
gap: 64px;
-ms-grid-columns: 1fr 64px 2fr;
grid-template-columns: 1fr 2fr;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-counter-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-counter-2-img {
height: 542px;
border-radius: 20px;
}
.as-counter-2-img img {
-webkit-transition: 2s;
transition: 2s;
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.as-counter-2-img svg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(1.3);
transform: scale(1.3);
-webkit-transition: 2s;
transition: 2s;
}
.as-counter-2-img:is(.active) svg {
-webkit-transform: scale(1);
transform: scale(1);
}
.as-counter-2-img:is(.active) img {
-webkit-transform: scale(1);
transform: scale(1);
}
.as-counter-2-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.as-counter-2-right .inner-div {
display: -ms-grid;
display: grid;
gap: 48px;
-ms-grid-columns: 1fr 48px 1fr;
grid-template-columns: 1fr 1fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-counter-2-right .inner-div {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-counter-2-right .inner-div-2 {
max-width: 640px;
margin-left: auto;
width: 100%;
}
.as-counter-2-right .inner-div-2 .as-counter-2-item .disc {
max-width: 260px;
}
.as-counter-2-right .inner-div-3 {
max-width: 830px;
margin-left: auto;
width: 100%;
}
.as-counter-2-right .inner-div-3 .as-counter-2-item .disc {
max-width: 260px;
}
.as-counter-2-right .inner-div-3 .as-counter-2-item .number-x-disc {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
gap: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-counter-2-right .inner-div-3 .as-counter-2-item .number-x-disc {
gap: 50px;
}
}
.as-counter-2-item .title {
color: #fff;
font-size: 24px;
padding-bottom: 18px;
}
.as-counter-2-item .dot-line {
width: 100%;
height: 2px;
border-bottom: 1px dashed rgba(255, 255, 255, 0.48);
}
.as-counter-2-item .wa-fix {
padding-top: 15px;
}
.as-counter-2-item .number-x-disc {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
}
@media (max-width: 767px) {
.as-counter-2-item .number-x-disc {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-counter-2-item .number-x-disc {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.as-counter-2-item .disc {
color: #fff;
font-size: 16px;
max-width: 210px;
opacity: 80%;
}
.as-counter-2-item .number {
color: #fff;
font-size: 80px;
font-weight: 600;
line-height: 1;
margin-top: -10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-counter-2-item .number {
font-size: 60px;
}
}
.as-counter-2-item .number .plus {
color: var(--ax-prime-c4);
font-size: 40px;
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
.as-counter-2-item .number .odometer {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}  .as-partner-2-area {
background-color: #fff;
border-radius: 0 0 48px 48px;
padding-bottom: 48px;
padding-top: 78px;
margin-top: -30px;
}
.no-bg-color .as-partner-2-area {
background: transparent;
}
.as-partner-2-logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 160px;
margin-right: 160px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.as-partner-2-logo {
gap: 130px;
margin-right: 130px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-partner-2-logo {
gap: 100px;
margin-right: 100px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-partner-2-logo {
gap: 80px;
margin-right: 80px;
}
}
@media (max-width: 767px) {
.as-partner-2-logo {
gap: 30px;
margin-right: 30px;
}
}
.as-partner-2-logo .single-logo {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
overflow: hidden;
position: relative;
}
.as-partner-2-logo .single-logo img {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-partner-2-logo .single-logo img:nth-child(1) {
position: absolute;
-webkit-transform: translateY(110%);
transform: translateY(110%);
}
.as-partner-2-logo .single-logo:hover img:nth-child(1) {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
.as-partner-2-logo .single-logo:hover img:nth-child(2) {
-webkit-transform: translateY(-110%);
transform: translateY(-110%);
}  .as-projects-1-area::after {
content: "";
width: 55.3%;
height: 224px;
background-color: #F4F4FB;
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
.as-projects-1-slider-preview {
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 800px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-1-slider-preview {
display: none;
}
}
.as-projects-1-slider-preview-img {
height: 100%;
}
.as-projects-1-slider-preview-img img {
-o-object-position: 90% 50%;
object-position: 90% 50%;
}
.as-projects-1-wrap {
display: -ms-grid;
display: grid;
gap: 85px;
-ms-grid-columns: 1fr 85px 1.2fr;
grid-template-columns: 1fr 1.2fr;
margin-right: -258px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-1-wrap {
-ms-grid-columns: 1fr 1.4fr;
grid-template-columns: 1fr 1.4fr;
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
margin-right: 0;
}
}
.as-projects-1-left {
margin-top: 120px;
}
.as-projects-1-sec-title {
margin-bottom: 165px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-1-sec-title {
margin-bottom: 55px;
}
}
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 60px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 56px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 42px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 38px;
}
}
@media (max-width: 767px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-projects-1-sec-title .as-sec-title-1 {
font-size: 34px;
}
}
.as-projects-1-content {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 28px 1fr;
grid-template-columns: 1fr 1fr;
gap: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-1-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-projects-1-content .img-elm {
border-radius: 8px;
height: 224px;
}
.as-projects-1-content .disc {
margin-bottom: 30px;
}
.as-projects-1-slider-main-elm {
height: 880px;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.as-projects-1-slider-main-elm {
height: 610px;
}
}
.as-projects-1-slider-main-elm .bg-img {
width: 100%;
height: calc(100% - 80px);
}
.as-projects-1-slider-main-elm .card-posi {
position: absolute;
bottom: 0;
right: 112px;
-webkit-transform: translateX(50%);
transform: translateX(50%);
-webkit-transition: 1.2s;
transition: 1.2s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-projects-1-slider-main-elm .card-posi {
right: 50px;
}
}
@media (max-width: 767px) {
.as-projects-1-slider-main-elm .card-posi {
right: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-projects-1-slider-main-elm .card-posi {
right: 50px;
}
}
.as-projects-1-slider-main .swiper-wrapper .swiper-slide {
overflow: hidden;
}
.as-projects-1-slider-main .swiper-wrapper .swiper-slide:is(.swiper-slide-active) .as-projects-1-slider-main-elm .card-posi {
-webkit-transform: translateX(0);
transform: translateX(0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.as-projects-1-slider-btn {
position: absolute;
bottom: 144px;
left: 40px;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
}
@media (max-width: 767px) {
.as-projects-1-slider-btn {
position: unset;
margin-top: 30px;
}
}
.as-projects-1-slider-btn .single-btn {
width: 56px;
height: 56px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0.3);
backdrop-filter: blur(1px);
border-radius: 28px;
font-size: 18px;
color: #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
cursor: pointer;
}
@media (max-width: 767px) {
.as-projects-1-slider-btn .single-btn {
background: rgba(51, 51, 51, 0.3);
}
}
.as-projects-1-slider-btn .single-btn:hover {
background-color: var(--ax-prime-c4);
}
.as-projects-1-card {
max-width: 440px;
border-radius: 10px;
background-color: #F4F4FB;
padding: 8px;
padding-top: 22px;
position: relative;
z-index: 1;
}
.as-projects-1-card .dot-shape {
position: absolute;
top: 9px;
left: 17px;
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #D7D7DF;
z-index: 1;
}
.as-projects-1-card .dot-shape:is(.has-clr) {
background-color: var(--ax-prime-c4);
}
.as-projects-1-card .dot-shape:nth-child(2) {
left: 27px;
}
.as-projects-1-card .dot-shape:nth-child(3) {
left: 37px;
}
.as-projects-1-card .dot-shape:nth-child(4) {
left: 47px;
}
.as-projects-1-card .card-img {
height: 156px;
border-radius: 10px;
}
.as-projects-1-card .img-x-meta {
background-color: #fff;
border-radius: 0 0 10px 10px;
margin-bottom: 22px;
}
.as-projects-1-card .card-meta {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px 16px;
gap: 15px;
}
.as-projects-1-card .card-meta-elm {
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
}
.as-projects-1-card .card-meta-elm i {
color: var(--ax-prime-c4);
}
.as-projects-1-card .card-meta-elm:not(:last-child) {
position: relative;
z-index: 1;
padding-right: 15px;
}
.as-projects-1-card .card-meta-elm:not(:last-child)::after {
content: "";
width: 1px;
height: 40px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: radial-gradient(50% 50% at 50% 50%, #050519 0%, #FFFFFF 100%);
opacity: 0.8;
}
.as-projects-1-card .title {
font-size: 26px;
margin-bottom: 15px;
}
@media (max-width: 767px) {
.as-projects-1-card .title {
font-size: 22px;
}
}
.as-projects-1-card .title a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-projects-1-card .title a:hover {
color: var(--ax-prime-c4);
}
.as-projects-1-card .title-x-content {
padding: 0 20px;
margin-bottom: 65px;
}
.as-projects-1-card .disc span {
color: var(--ax-prime-c4);
}
.as-projects-1-card .as-pr-btn-1 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
width: 100%;
padding: 12px 10px;
color: #fff;
}
.as-projects-1-card .as-pr-btn-1::after {
width: 100%;
border-radius: 8px;
background-color: var(--as-clr-h-1);
}
.as-projects-1-card .as-pr-btn-1:hover::after {
background-color: var(--ax-prime-c4);
}  @media (min-width: 1800px) {
.as-projects-2-container {
margin-left: -258px;
margin-right: -258px;
}
}
.as-projects-2-wrap {
background-color: #000;
display: -ms-grid;
display: grid;
gap: 60px;
-ms-grid-columns: 1.37fr 60px 1fr;
grid-template-columns: 1.37fr 1fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-projects-2-big-title {
text-align: center;
font-size: 280px;
font-weight: 600;
opacity: 7%;
line-height: 1;
margin-bottom: -90px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.as-projects-2-big-title {
font-size: 210px;
margin-bottom: -80px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-2-big-title {
font-size: 190px;
margin-bottom: -70px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-projects-2-big-title {
font-size: 170px;
margin-bottom: -60px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-projects-2-big-title {
font-size: 140px;
margin-bottom: -40px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-projects-2-big-title {
font-size: 110px;
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.as-projects-2-big-title {
font-size: 50px;
margin-bottom: 0px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-projects-2-big-title {
font-size: 80px;
margin-bottom: 0px;
}
}
.as-projects-2-right {
border-left: 1px solid rgba(255, 255, 255, 0.24);
padding-top: 22px;
}
.as-projects-2-left {
margin: 32px;
margin-right: 0;
position: relative;
z-index: 1;
-ms-flex-item-align: start;
align-self: flex-start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-left {
margin: 20px;
}
}
.as-projects-2-item-content {
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
height: 109px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-item-content {
height: auto;
}
}
.as-projects-2-item-content .bg-favicon {
width: 34%;
position: absolute;
right: 0;
top: 0;
pointer-events: none;
}
.as-projects-2-item-content-box {
padding: 0px 60px;
padding-bottom: 40px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-2-item-content-box {
padding: 0px 30px;
padding-bottom: 40px;
}
}
@media (max-width: 767px) {
.as-projects-2-item-content-box {
padding: 0px 30px;
padding-bottom: 40px;
}
}
.as-projects-2-item-content-box .title {
font-size: 24px;
color: #fff;
font-weight: 500;
padding: 41px 0;
opacity: 80%;
}
.as-projects-2-item-content-box .item-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 6px;
margin-bottom: 42px;
}
.as-projects-2-item-content-box .item-list li {
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.28);
padding: 8px 0;
}
@media (max-width: 767px) {
.as-projects-2-item-content-box .item-list li {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-projects-2-item-content-box .item-list li span:nth-child(1) {
opacity: 80%;
}
.as-projects-2-item-content-box .disc {
color: #fff;
opacity: 80%;
}
.as-projects-2-item-img {
height: 856px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-2-item-img {
height: 716px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-item-img {
height: auto;
}
}
.as-projects-2-item-img-single {
height: 100%;
border-radius: 12px;
position: absolute;
inset: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-item-img-single {
height: 506px;
position: relative;
margin-bottom: 30px;
}
}
.as-projects-2-item-img-single .tags-list {
position: absolute;
bottom: 32px;
left: 32px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-projects-2-item-img-single .tags-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-projects-2-item-img-single .tags-list li {
background-color: rgba(255, 255, 255, 0.76);
border-radius: 6px;
color: #000;
padding: 6px 17px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-projects-2-height {
height: 400vh;
position: relative;
}
.as-projects-2-pin {
position: sticky;
top: 0;
}
}  .as-testimonial-1-area {
background-color: var(--as-clr-h-1);
}
.as-testimonial-1-bg-img {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: auto;
z-index: -1;
}
.as-testimonial-1-wrap {
display: -ms-grid;
display: grid;
gap: 105px;
-ms-grid-columns: 1fr 105px 1.71fr;
grid-template-columns: 1fr 1.71fr;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 50px;
}
}
.as-testimonial-1-sec-title .as-subtitle-1 {
color: #fff;
border-color: rgba(255, 255, 255, 0.3);
}
.as-testimonial-1-sec-title .as-sec-title-1 {
color: #fff;
margin-bottom: 22px;
}
.as-testimonial-1-sec-title .sec-disc {
color: #fff;
opacity: 80%;
}
.as-testimonial-1-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.as-testimonial-1-card-all {
max-width: 652px;
width: 100%;
height: 566px;
position: relative;
z-index: 1;
overflow: hidden;
}
.as-testimonial-1-card-single {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 36px 1.93fr;
grid-template-columns: 1fr 1.93fr;
gap: 36px;
padding: 44px;
background-color: #3B3B45;
border-radius: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
@media (max-width: 767px) {
.as-testimonial-1-card-single {
padding: 44px 22px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-testimonial-1-card-single {
padding: 44px 22px;
-ms-grid-columns: 1fr 1.93fr;
grid-template-columns: 1fr 1.93fr;
}
}
.as-testimonial-1-card-single:nth-child(1) {
background-color: #161627;
}
.as-testimonial-1-card-single:nth-child(2) {
background-color: #252533;
}
.as-testimonial-1-card-single:nth-child(3) {
background-color: #2F2F3C;
}
.as-testimonial-1-card-single .img-elm {
height: 344px;
border-radius: 10px;
mix-blend-mode: luminosity;
}
.as-testimonial-1-card-single .img-elm img {
object-position: top;
}
.as-testimonial-1-card-single .rating-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 4px;
color: #FFB327;
margin-bottom: 20px;
}
.as-testimonial-1-card-single .comment {
color: #fff;
font-weight: 300;
font-size: 20px;
margin-bottom: 57px;
}
.as-testimonial-1-card-single .name {
color: #fff;
margin-bottom: 10px;
}
.as-testimonial-1-card-single .bio {
font-size: 16px;
color: #fff;
opacity: 80%;
}
.as-testimonial-1-slide-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
margin-top: 211px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-1-slide-btn {
margin-top: 50px;
}
}
.as-testimonial-1-slide-btn .btn-elm {
width: 56px;
height: 56px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #30303A;
border-radius: 50%;
color: #D5D0FF;
font-size: 16px;
cursor: pointer;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-testimonial-1-slide-btn .btn-elm:hover {
background-color: #D5D0FF;
color: var(--as-clr-h-1);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}  .as-testimonial-2-wrap {
position: relative;
z-index: 1;
min-height: 607px;
}
.as-testimonial-2-big-title {
text-align: center;
font-size: 249px;
font-weight: 700;
opacity: 6%;
position: absolute;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-testimonial-2-big-title {
font-size: 220px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-testimonial-2-big-title {
font-size: 180px;
position: unset;
-webkit-transform: unset;
transform: unset;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-testimonial-2-big-title {
font-size: 140px;
position: unset;
-webkit-transform: unset;
transform: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-testimonial-2-big-title {
font-size: 110px;
position: unset;
-webkit-transform: unset;
transform: unset;
}
}
@media (max-width: 767px) {
.as-testimonial-2-big-title {
font-size: 40px;
position: unset;
-webkit-transform: unset;
transform: unset;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-testimonial-2-big-title {
font-size: 90px;
position: unset;
-webkit-transform: unset;
transform: unset;
}
}
.as-testimonial-2-card {
width: 100%;
height: 70vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
-webkit-perspective: 1200px;
perspective: 1200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-2-card {
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: auto;
}
}
.as-testimonial-2-card-single {
max-width: 516px;
background: #fff;
border-radius: 12px;
padding: 40px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-2-card-single {
padding: 40px 20px;
max-width: 300px;
}
}
.as-testimonial-2-card-single .rating {
font-size: 18px;
color: #FFA909;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 5px;
margin-bottom: 20px;
}
.as-testimonial-2-card-single .comment {
font-size: 28px;
font-weight: 400;
line-height: 1.428;
margin-bottom: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-2-card-single .comment {
font-size: 20px;
}
}
.as-testimonial-2-card-single .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-testimonial-2-card-single .author-img {
width: 90px;
height: 90px;
border-radius: 50%;
}
.as-testimonial-2-card-single .author-name {
font-size: 24px;
margin-bottom: 9px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-testimonial-2-card-single .author-name {
font-size: 20px;
}
}
.as-testimonial-2-card-single .author-bio {
opacity: 72%;
}
@media (min-width: 1800px), only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-testimonial-2-card-single {
position: absolute;
}
.as-testimonial-2-height {
height: 300vh;
position: relative;
}
.as-testimonial-2-pin {
position: sticky;
top: 0;
}
}  .as-blog-1-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 28px 1fr 28px 1fr;
grid-template-columns: 1fr 1fr 1fr;
gap: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-blog-1-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-blog-1-wrap {
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 767px) {
.as-blog-1-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-blog-1-item {
position: relative;
z-index: 1;
}
.as-blog-1-item .img-elm {
height: 512px;
border-radius: 8px;
}
.as-blog-1-item .img-elm img {
-webkit-transition: 4s;
transition: 4s;
}
.as-blog-1-item .item-date {
position: absolute;
top: 24px;
left: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
background-color: var(--as-clr-h-1);
color: #fff;
border-radius: 8px;
gap: 10px;
padding-top: 10px;
}
.as-blog-1-item .item-date span:nth-child(1) {
font-size: 34px;
font-weight: 600;
}
.as-blog-1-item .item-date span:nth-child(2) {
font-size: 12px;
background-color: rgba(255, 255, 255, 0.8);
color: var(--as-clr-h-1);
border-radius: 8px;
padding: 5px 14px;
}
.as-blog-1-item .init-content {
max-width: 368px;
margin-left: auto;
margin-right: auto;
margin-top: -20px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-blog-1-item .categories {
font-size: 15px;
color: var(--ax-prime-c4);
background-color: #D5D0FF;
display: inline-block;
border-radius: 6px;
padding: 8px 22px;
margin-bottom: 20px;
}
.as-blog-1-item .title {
font-size: 22px;
padding-left: 16px;
position: relative;
z-index: 1;
}
.as-blog-1-item .title::after {
content: "";
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: radial-gradient(50% 50% at 50% 50%, #1D1EE3 0%, #FFFFFF 100%);
}
.as-blog-1-item .title a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-blog-1-item .title a:hover {
color: var(--ax-prime-c4);
}
.as-blog-1-item .hover-content {
position: absolute;
bottom: 0;
left: 24px;
width: calc(100% - 48px);
background-color: rgba(244, 244, 251, 0.52);
border-radius: 10px;
backdrop-filter: blur(6px);
padding: 20px;
z-index: 1;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
-webkit-transform: translateY(10%);
transform: translateY(10%);
opacity: 0;
}
.as-blog-1-item .hover-content .title {
margin-bottom: 20px;
}
.as-blog-1-item .disc {
margin-bottom: 35px;
}
.as-blog-1-item .item-btn {
font-size: 16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-blog-1-item .item-btn .icon {
width: 40px;
height: 40px;
background-color: var(--ax-prime-c4);
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
font-size: 18px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-blog-1-item .item-btn .line {
width: 100%;
height: 1px;
background-color: var(--ax-prime-c4);
}
.as-blog-1-item .item-btn .text {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-blog-1-item .item-btn:hover {
color: var(--ax-prime-c4);
}
.as-blog-1-item .item-btn:hover .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.as-blog-1-item:hover .init-content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
opacity: 0;
}
.as-blog-1-item:hover .hover-content {
-webkit-transform: translateY(0);
transform: translateY(0);
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.as-blog-1-item:hover .img-elm img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.as-blog-1-all-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 30px;
}
.as-blog-1-all-btn .dvr-line {
background-color: #D9D9D9;
width: 100%;
height: 1px;
position: relative;
z-index: 1;
}
.as-blog-1-all-btn .dvr-line::after {
content: "";
width: 11px;
height: 11px;
background-color: var(--ax-prime-c4);
outline: 4px solid rgba(29, 30, 227, 0.08);
position: absolute;
right: 0;
top: -5px;
border-radius: 50%;
}
.as-blog-1-all-btn .dvr-line:is(.has-left)::after {
right: unset;
left: 0;
}
.as-blog-1-all-btn .as-pr-btn-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}  .as-blog-2-sec-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 30px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-blog-2-sec-title .as-sec-title-1 {
max-width: 650px;
}
.as-blog-2-wrap {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 1fr 1fr;
grid-template-columns: 1fr 1fr 1fr;
border: 1px solid #CCCBD3;
border-radius: 12px;
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-blog-2-wrap {
-ms-grid-columns: 1fr 30px 1fr;
grid-template-columns: 1fr 1fr;
border: none;
gap: 30px;
}
}
@media (max-width: 767px) {
.as-blog-2-wrap {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
border: none;
gap: 30px;
}
}
.as-blog-2-item {
padding: 16px;
padding-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-blog-2-item {
padding: 10px;
padding-bottom: 0;
}
}
.as-blog-2-item .img-elm {
height: 277px;
border-radius: 12px;
margin-bottom: -20px;
}
.as-blog-2-item .img-elm img {
-webkit-transition: 2s;
transition: 2s;
}
.as-blog-2-area{
}
.as-blog-2-item .date-x-categories {
background-color: #000;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 24px;
gap: 20px;
border-radius: 0px 30px 30px 12px;
margin-bottom: 28px;
position: relative;
}
.as-blog-2-item .date {
color: #fff;
font-size: 15px;
}
.as-blog-2-item .categories {
background-color: var(--as-clr-sd-2);
color: #000000;
border-radius: 100px;
font-size: 15px;
padding: 4px 17px;
}
.as-blog-2-item .title {
font-size: 24px;
margin-bottom: 15px;
font-weight: 500;
line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-blog-2-item .title {
font-size: 20px;
}
}
.as-blog-2-item .title a {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-blog-2-item .title a:hover {
color: var(--ax-prime-c4);
}
.as-blog-2-item .content-wrap {
padding: 0 8px;
margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-blog-2-item .content-wrap {
padding: 0 0px;
}
}
.as-blog-2-item .author-x-btn {
border-top: 1px solid #CCCBD3;
padding: 12px 24px;
margin-left: -16px;
margin-right: -16px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-blog-2-item .author-x-btn {
margin-left: -10px;
margin-right: -10px;
}
}
.as-blog-2-item .author {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
}
.as-blog-2-item .author-img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.as-blog-2-item .author-name {
font-size: 16px;
color: #525252;
font-weight: 500;
}
.as-blog-2-item .btn-elm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
font-size: 16px;
color: #525252;
}
.as-blog-2-item .btn-elm .icon {
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
color: var(--ax-prime-c4);
}
.as-blog-2-item .btn-elm:hover {
color: var(--ax-prime-c4);
}
.as-blog-2-item .btn-elm:hover .icon {
background-color: var(--ax-prime-c4);
color: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.as-blog-2-item:hover .img-elm img {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.as-blog-2-item:not(:last-child) {
border-right: 1px solid #CCCBD3;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-blog-2-item:not(:last-child) {
border-right: none;
}
}  .as-award-2-area::after {
content: "";
width: 100%;
height: 840px;
background: var(--as-clr-h-1);
position: absolute;
top: 0;
left: 0;
z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-award-2-area::after {
height: 500px;
}
}
.as-award-2-bg-img {
position: absolute;
top: 0;
left: 50px;
width: 84%;
height: 840px;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
z-index: -1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-award-2-bg-img {
height: 500px;
}
}
.as-award-2-bg-img img:nth-child(2) {
opacity: 0;
position: absolute;
}
.as-award-2-title {
color: #fff;
line-height: 1.066;
font-weight: 600;
font-size: 60px;
margin-right: -160px;
max-width: 630px;
display: inline-block;
margin-bottom: 207px;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px) {
.as-award-2-title {
margin-right: 0px;
}
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-award-2-title {
margin-right: 0px;
font-size: 52px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-award-2-title {
margin-right: 0px;
font-size: 46px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-award-2-title {
margin-right: 0px;
font-size: 42px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-award-2-title {
margin-right: 0px;
font-size: 38px;
}
}
@media (max-width: 767px) {
.as-award-2-title {
margin-right: 0px;
font-size: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-award-2-title {
margin-right: 0px;
font-size: 34px;
}
}
.as-award-2-subtitle {
font-size: 16px;
color: #000;
font-weight: 500;
position: relative;
z-index: 1;
display: inline-block;
}
.as-award-2-subtitle::after {
content: "";
width: 4px;
height: 4px;
background: #000;
position: absolute;
top: 6px;
left: -12px;
border-radius: 50%;
}
.as-award-2-subtitle::before {
content: "";
width: 4px;
height: 4px;
background: #000;
position: absolute;
top: 6px;
right: -12px;
border-radius: 50%;
}
.as-award-2-wrap {
background-color: var(--ax-prime-c4);
border-radius: 20px 0 0 20px;
padding: 75px 80px;
margin-right: -256px;
max-width: 1272px;
margin-left: auto;
}
@media only screen and (min-width: 1600px) and (max-width: 1799px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-award-2-wrap {
margin-right: 0px;
border-radius: 20px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-award-2-wrap {
margin-right: 0px;
border-radius: 20px;
padding: 75px 30px;
}
}
.as-award-2-wrap .inner-div {
display: -ms-grid;
display: grid;
-ms-grid-columns: 2.6fr 60px 1fr;
grid-template-columns: 2.6fr 1fr;
gap: 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-award-2-wrap .inner-div {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-award-2-tabs-btn li {
border-bottom: 1px solid rgba(0, 0, 0, 0.20);
}
.as-award-2-tabs-btn li:nth-child(1) {
border-top: 1px solid rgba(0, 0, 0, 0.20);
}
.as-award-2-tabs-btn .nav-link {
border: none;
background: transparent;
color: #000;
font-size: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 64px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 24px 0;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
width: 100%;
text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-award-2-tabs-btn .nav-link {
gap: 15px;
}
}
.as-award-2-tabs-btn .nav-link span {
opacity: 72%;
font-size: 18px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-award-2-tabs-btn .nav-link:is(.active) {
background-color: #000;
color: #fff;
padding: 24px 0;
padding-left: 26px;
}
.as-award-2-tabs-btn .nav-link:is(.active) span {
opacity: 1;
}
.as-award-2-tabs-pane {
height: 332px;
background: rgba(242, 241, 246, 0.1);
border-radius: 8px;
}
.as-award-2-tabs-pane .tab-pane {
height: 100%;
}
.as-award-2-tabs-pane-img {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}  .as-skill-2-area {
padding-bottom: 240px;
}
.as-skill-2-wrap {
display: -ms-grid;
display: grid;
gap: 142px;
-ms-grid-columns: 1fr 142px 1.07fr;
grid-template-columns: 1fr 1.07fr;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
.as-skill-2-wrap {
gap: 52px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-skill-2-wrap {
gap: 52px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-skill-2-sec-title.mb-120 {
margin-bottom: 70px;
}
.as-skill-2-sec-title .as-sec-title-1 {
margin-bottom: 22px;
}
.as-skill-2-sec-title .sec-disc {
margin-bottom: 33px;
}
.as-skill-2-img {
-webkit-mask-size: 100% 100%;
mask-size: 100% 100%;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
height: 625px;
}
@media (max-width: 767px) {
.as-skill-2-img {
height: 400px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-skill-2-img {
height: 500px;
}
}
.as-skill-2-progress {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 26px;
}
.as-skill-2-progress-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.as-skill-2-progress-item .title-x-number {
font-size: 18px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
.as-skill-2-progress-item .progress-line {
background-color: white;
width: 100%;
height: 6px;
border-radius: 40px;
overflow: hidden;
}
.as-skill-2-progress-item .progress-line-fill {
height: 100%;
background-color: var(--ax-prime-c4);
border-radius: 40px;
}
.as-skill-2-progress-item:is(.has-clr-1) .title-x-number span:nth-child(2) {
color: #FFA909;
}
.as-skill-2-progress-item:is(.has-clr-1) .progress-line-fill {
background-color: #FFA909;
}
.as-skill-2-progress-item:is(.has-clr-2) .title-x-number span:nth-child(2) {
color: #1DE35F;
}
.as-skill-2-progress-item:is(.has-clr-2) .progress-line-fill {
background-color: #1DE35F;
}
.as-skill-2-progress-item:is(.has-clr-3) .title-x-number span:nth-child(2) {
color: #36C6FF;
}
.as-skill-2-progress-item:is(.has-clr-3) .progress-line-fill {
background-color: #36C6FF;
}  .as-contact-1-area {
min-height: 920px;
}
.as-contact-1-area:hover .as-contact-1-bg-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.as-contact-1-bg-img {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: -1;
height: 800px;
}
.as-contact-1-bg-img img {
-webkit-transition: 10s;
transition: 10s;
}
.as-contact-1-wrap {
background: rgba(244, 244, 251, 0.6);
backdrop-filter: blur(9px);
border-radius: 12px;
padding: 28px 28px;
display: -ms-grid;
display: grid;
gap: 70px;
-ms-grid-columns: 1fr 70px 1.05fr;
grid-template-columns: 1fr 1.05fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-contact-1-wrap {
gap: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
.as-contact-1-wrap {
gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
@media (max-width: 767px) {
.as-contact-1-wrap {
gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 28px 12px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-contact-1-wrap {
gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
padding: 28px 28px;
}
}
.as-contact-1-left {
padding: 32px;
padding-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-contact-1-left {
padding: 32px 0px;
padding-right: 0;
}
}
.as-contact-1-sec-title {
margin-bottom: 130px;
}
.as-contact-1-sec-title .as-sec-title-1 {
margin-bottom: 24px;
}
.as-contact-1-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-contact-1-info .icon-elm {
width: 64px;
height: 64px;
background-color: var(--ax-prime-c4);
color: #fff;
font-size: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50%;
}
.as-contact-1-info .link-elm {
color: var(--as-clr-h-1);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-contact-1-info .link-elm:hover {
color: var(--ax-prime-c4);
}
.as-contact-1-info .content-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-left: 32px;
border-left: 1px solid #fff;
gap: 6px;
}
.as-contact-1-form {
border-radius: 16px;
background-color: #fff;
padding: 40px 40px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 20px 1fr;
grid-template-columns: 1fr 1fr;
gap: 22px 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-contact-1-form {
padding: 40px 20px;
}
}
@media (max-width: 767px) {
.as-contact-1-form {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-contact-1-form-label {
font-size: 16px;
font-weight: 600;
margin-bottom: 11px;
}
.as-contact-1-form-input {
height: 50px;
width: 100%;
border: none;
border-bottom: 1px solid rgba(5, 5, 25, 0.22);
color: rgba(0, 0, 0, 0.6);
font-size: 18px;
}
.as-contact-1-form-input:is(textarea) {
height: 80px;
padding-top: 0;
display: block;
}
.as-contact-1-form-btn {
border: none;
outline: none;
background: transparent;
}
.as-contact-1-form .input-box.has-full-width {
-ms-grid-column-span: -2;
grid-column-end: -1;
-ms-grid-column: 1;
grid-column-start: 1;
}  .as-contact-2-area {
background-color: var(--as-clr-h-1);
}
.as-contact-2-bg-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 302px;
z-index: -1;
}
.as-contact-2-wrap {
display: -ms-grid;
display: grid;
gap: 90px;
-ms-grid-columns: 1fr 90px 1fr;
grid-template-columns: 1fr 1fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-contact-2-wrap {
gap: 50px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-contact-2-wrap {
gap: 50px;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
}
.as-contact-2-wrap .as-contact-1-form-btn {
background-color: #ffb00bcf;
color: #000;
}
.as-contact-2-wrap .as-contact-1-form-btn::after{
background-color: var(--ax-prime-c4);
}
.as-contact-2-sec-title {
margin-top: 60px;
margin-bottom: 115px;
}
.as-contact-2-sec-title .as-sec-title-1 {
font-weight: 700;
color: #fff;
margin-bottom: 65px;
}
.as-contact-2-sec-title .sec-disc {
color: #fff;
opacity: 80%;
max-width: 560px;
}
.as-contact-2-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.as-contact-2-info {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-contact-2-info-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
}
.as-contact-2-info-item .content-wrap {
margin-top: 12px;
}
.as-contact-2-info-item .icon-elm {
width: 48px;
height: 48px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 22px;
color: var(--as-clr-sd-1);
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.as-contact-2-info-item .title {
font-size: 22px;
font-weight: 500;
color: #fff;
margin-bottom: 19px;
}
.as-contact-2-info-item .link-elm {
color: #fff;
opacity: 80%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-contact-2-info-item .link-elm:hover {
color: var(--as-clr-sd-1);
opacity: 1;
}  .as-footer-1-area {
background-color: var(--as-clr-h-1);
}
.as-footer-1-favicon {
text-align: center;
position: absolute;
top: -60px;
left: 0;
width: 100%;
z-index: -1;
}
.as-footer-1-favicon img {
width: 21%;
}
.as-footer-1-blur {
background: rgba(5, 5, 25, 0.12);
backdrop-filter: blur(42px);
}
.as-footer-1-social {
border-top: 1px solid rgba(255, 255, 255, 0.24);
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.as-footer-1-social-link {
border-left: 1px solid rgba(255, 255, 255, 0.24);
border-right: 1px solid rgba(255, 255, 255, 0.24);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px) {
.as-footer-1-social-link {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.as-footer-1-social-link .single-link {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
color: rgba(255, 255, 255, 0.72);
gap: 8px;
padding: 28px 10px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-social-link .single-link i {
color: #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-social-link .single-link:hover {
background-color: var(--ax-prime-c4);
color: #000;
}
.as-footer-1-social-link .single-link:hover i{
color: #000;
}
.as-footer-1-social-link .single-link:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, 0.24);
}
@media (max-width: 767px) {
.as-footer-1-social-link .single-link:not(:last-child) {
border-right: none;
}
}
.as-footer-1-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 50px 120px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-footer-1-wrap {
gap: 50px 50px;
}
}
.as-footer-1-widget-title {
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.06em;
color: #fff;
font-weight: 500;
margin-bottom: 26px;
position: relative;
z-index: 1;
padding-bottom: 6px;
}
.as-footer-1-widget-title::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: #fff;
height: 1px;
opacity: 20%;
}
.as-footer-1-widget-title::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
background-color: var(--as-clr-sd-1);
z-index: 1;
}
.as-footer-1-widget ul {
margin: 0;
padding: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 14px;
}
.as-footer-1-widget ul li a {
font-family: var(--ax-sora);
text-transform: capitalize;
font-weight: 400;
font-size: 16px;
line-height: 1.2;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
position: relative;
z-index: 1;
color: #fff;
}
.as-footer-1-widget ul li a::after {
content: "\f105";
font-weight: 600;
font-family: "Font Awesome 6 Free";
font-size: 14px;
position: absolute;
top: 1px;
left: -12px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
opacity: 0;
}
.as-footer-1-widget ul li a:hover {
-webkit-transform: translateX(12px);
transform: translateX(12px);
color: var(--as-clr-sd-3);
}
.as-footer-1-widget ul li a:hover::after {
opacity: 1;
}
.as-footer-1-logo {
max-width: 400px;
}
.as-footer-1-logo .disc {
color: #fff;
opacity: 80%;
}
.as-footer-1-logo .logo-elm {
margin-bottom: 25px;
}
.as-footer-1-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 35px;
}
.as-footer-1-contact .contact-number {
color: #fff;
font-size: 16px;
line-height: 22px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.as-footer-1-contact .contact-number .icon {
width: 36px;
height: 36px;
border: 1px solid #fff;
border-radius: 50%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
color: #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-contact .contact-number .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.as-footer-1-contact .contact-number .title {
opacity: 70%;
}
.as-footer-1-contact .contact-number .number {
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-contact .contact-number:hover .icon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #D5D0FF;
border-color: transparent;
color: #000;
}
.as-footer-1-contact .contact-number:hover .number {
color: #D5D0FF;
}
.as-footer-1-contact .join-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
gap: 4px;
color: rgba(255, 255, 255, 0.8);
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-contact .join-btn b {
color: #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-contact .join-btn .icon {
color: #fff;
font-size: 16px;
line-height: 1;
margin-left: 2px;
margin-bottom: -2px;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-contact .join-btn:hover {
color: #D5D0FF;
}
.as-footer-1-contact .join-btn:hover .icon {
color: #D5D0FF;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.as-footer-1-contact .join-btn:hover b {
color: #D5D0FF;
}
.as-footer-1-marquee {
border-top: 1px solid rgba(255, 255, 255, 0.24);
border-bottom: 1px solid rgba(255, 255, 255, 0.24);
padding-bottom: 30px;
padding-top: 20px;
}
.as-footer-1-marquee-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
margin-right: 50px;
}
.as-footer-1-marquee-wrap .single-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 50px;
color: #121225;
font-size: 200px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
line-height: 1;
font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
.as-footer-1-marquee-wrap .single-text {
font-size: 140px;
}
.as-footer-1-marquee-wrap .single-text img {
width: 130px;
}
}
.as-footer-1-marquee .btn-posi {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
}
.as-footer-1-lets-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 168px;
height: 168px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: rgba(255, 255, 255, 0.16);
backdrop-filter: blur(7px);
border-radius: 500%;
font-size: 28px;
line-height: 34px;
color: #fff;
text-align: center;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-lets-btn:hover {
background-color: var(--ax-prime-c4);
color: #fff;
}
.as-footer-1-copyright {
color: rgba(255, 255, 255, 0.7);
font-size: 16px;
padding: 20px 0;
}
.as-footer-1-copyright a {
color: #fff;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-1-copyright a:hover {
color: #D5D0FF;
}  .as-footer-2-area {
background-color: #000;
}
.as-footer-2-area::after {
content: "";
position: absolute;
width: 562px;
height: 521.9px;
background: var(--as-clr-sd-3);
opacity: 0.6;
-webkit-filter: blur(177px);
filter: blur(177px);
top: -90px;
left: -160px;
z-index: -1;
}
.as-footer-2-area::before {
content: "";
position: absolute;
width: 562px;
height: 521.9px;
background: var(--ax-prime-c4);
opacity: 0.6;
-webkit-filter: blur(237px);
filter: blur(237px);
bottom: -170px;
right: -130px;
z-index: -1;
}
.as-footer-2-area .as-footer-1-social-link {
gap: 12px;
border: none;
}
.as-footer-2-area .as-footer-1-social-link .single-link {
border-radius: 100px;
border: 1px solid rgba(255, 255, 255, 0.24);
padding: 15px 10px;
}
.as-footer-2-area .as-footer-1-social-link .single-link:hover {
border-color: transparent;
}
.as-footer-2-big-title {
text-align: center;
color: rgba(255, 255, 255, 0.68);
backdrop-filter: blur(12px);
font-size: 192px;
font-weight: 700;
line-height: 1;
margin-bottom: 16px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.as-footer-2-big-title {
font-size: 165px;
}
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.as-footer-2-big-title {
font-size: 145px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.as-footer-2-big-title {
font-size: 125px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.as-footer-2-big-title {
font-size: 90px;
}
}
@media (max-width: 767px) {
.as-footer-2-big-title {
font-size: 50px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.as-footer-2-big-title {
font-size: 70px;
}
}
.as-footer-2-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-top: 1px solid rgba(255, 255, 255, 0.2);
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 23px 0;
}
.as-footer-2-bottom .as-footer-1-copyright {
padding: 0;
}
.as-footer-2-bottom-link ul {
list-style: none;
margin: 0;
padding: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px 24px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.as-footer-2-bottom-link ul a {
font-family: var(--as-font-2);
color: #fff;
font-size: 16px;
opacity: 72%;
-webkit-transition: var(--as-cube-1);
transition: var(--as-cube-1);
}
.as-footer-2-bottom-link ul a:hover {
color: #D5D0FF;
opacity: 1;
}