/*--------------------------------------------------------------
# Home page
--------------------------------------------------------------*/
html, body {
    overflow-y: unset;
    overscroll-behavior-y: auto;
}
.title {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 45px;
    line-height: 140%;
    letter-spacing: 0px;
    color: var(--white);
    margin-bottom: 20px;
}

.intl-tel-input .country-list .country-name,
.intl-tel-input .country-list .flag-box {
    color: #000;
}

.title span,
.big-title span {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
}

.big-title {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 45px;
    line-height: 56px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--white);
}


.home_banner {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
    padding-top: 76px;
}

.home_banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-image: url("../img/home-before.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    height: 342px;
    width: 100%;
    z-index: -1;
}

.banner_text {
    max-width: 80%;
    width: 100%;
    margin: 20px auto 30px;
}

.banner_text h1,
.banner_text h1 span {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 70px;
    line-height: 120%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--white);
    margin: 0;
}

.banner_text h1 span {
    font-family: var(--font-gilroy-bold);
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner_info .body_text p {
    font-family: var(--font-plus);
    font-weight: 400;
    /* font-size: 20px;
    line-height: 180%; */
    letter-spacing: 0px;
    text-align: center;
    color: #AAAEB9;
}
.home-banner-info {
    max-width: 80%;
    width: 100%;
    margin: 0 auto 32px;
    text-align: center;
}

.body_text p {
    font-family: var(--font-plus);
    color: #AAAEB9;
    font-weight: 400;
    /* font-size: 19px;
    line-height: 180%; */
    letter-spacing: 0px;
}

.home_banner_btn {
    gap: 20px;
    margin-bottom: 54px;
}

.home_banner_btn .color_btn,
.home_banner_btn .black_btn {
    padding: 19px 32px;
}

/*home_banner */

.home_banner_img {
    position: relative;
}

.home_banner_img .banner_img {
    position: relative;
}

.home_banner_img .banner_img img {
    text-align: center;
    margin: 0 auto;
}

.banner_img_box {
    position: absolute;
    max-width: 630px;
    width: 100%;
    left: 0;
    bottom: 0px;
    border-radius: 35px;
    padding: 30px;
    overflow: hidden;
    /* background-image: 
    linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%),
    linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%); */
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    background-blend-mode: overlay;
}

.banner_img_box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 35px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.banner-title h4 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 30px;
    line-height: 125%;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 0;
}

.banner-title h4 span {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-title p {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 19px;
    line-height: 170%;
    letter-spacing: 0px;
    color: #AAAEB9;
}

.certificat-swiper {
    margin-top: 21px;
}

.home_banner_img .left-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    bottom: 0;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/* client */

.client-logos {
    margin-top: 85px;
    padding: 28px 0;
    margin-bottom: 30px;
    position: relative;
}

.client-logos::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 62px;
    height: 100%;
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 11;
    opacity: 0.8;
    bottom: 0;
}

.client-logos::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 100%;
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
    z-index: 11;
    opacity: 0.8;
    bottom: 0;
}

.client_item {
    border-left: 1px solid transparent;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background-origin: border-box;
    padding: 0 28px;
}

/* about */

.about-section {
    margin-top: 60px;
    position: relative;
}

.about-section .about_span {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 14px;
}
.about-section .about_span .black_btn {
	pointer-events: none;
}
.about_body_text {
    max-width: 86%;
    width: 100%;
}
.about_body_text p {
    text-align: justify !important;
}

.about_title .title {
    max-width: 85%;
    width: 100%;
}

.about_body_text p {
    font-family: var(--font-plus);
    color: #9297A6;
    font-weight: 400;
    /* font-size: 19px;
    line-height: 170%; */
    letter-spacing: 0px;
    margin-bottom: 20px;
}

.about-section .left-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.about-section .right-shape {
    position: absolute;
    bottom: -300px;
    right: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.about_img img {
    text-align: center;
    margin: 0 auto;
}

/* services */
.services-provide {
    margin-top: 100px;
    position: relative;
}

.services-provide .main_title {
    margin-bottom: 14px;
}

.services-info {
    max-width: 64%;
    width: 100%;
    margin: 0 auto;
}

.service_tab {
    color: var(--white);
    margin-top: 42px;
}

.accordion_heading {
    display: none;
}

.service_tab_content {
    display: none;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    margin-bottom: 98px;
}

.service_tab_content.active {
    display: block;
    opacity: 1;
}

.service_content_right p {
    text-align: justify;
    color: #9297A6;
    /* font-size: 19px;
    line-height: 170%; */
}

.service_tab_nav {
    margin-bottom: 80px;
}

.service_tab_nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    margin: 0;
    justify-content: center;
}

.service_tab_nav ul li {
    list-style: none;
    padding: 14px 26px;
    text-transform: capitalize;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.45) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    isolation: isolate;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
}

.service_tab_nav ul li span {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    color: #AAAEB9;
    transition: all 0.5s;
}

.service_tab_nav ul li::before, .service_tab_nav ul li:hover::before {
    content: "";
    position: absolute;
    inset: 2px;
    background: var(--your-background-color, #000);
    border-radius: inherit;
    z-index: -1;
    transition: all 0.5s;
}

.service_tab_nav ul li.active, .service_tab_nav ul li:hover  {
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.1) 0.37%, rgba(3, 185, 231, 0.1) 44.24%, rgba(29, 236, 177, 0.1) 86.39%);
    isolation: auto;
}

.service_tab_nav ul li.active span, .service_tab_nav ul li:hover span  {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.service_tab_nav ul li.active::before, .service_tab_nav ul li:hover:before{
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask:
        linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.service_content_left {
    margin-bottom: 20px;
}

.service_content_left .icon {
    margin-bottom: 10px;
}

.service_content_left .title {
    text-align: left;
    text-transform: capitalize;
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 45px;
    line-height: 120%;
    letter-spacing: 0px;
    margin-bottom: 8px;
    max-width: 400px;
    width: 100%;
}

.service_content_left .view-more {
    display: inline-block;
}

.services-provide .right-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: -1;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/* portfolio */

.portfolio {
    position: relative;
}

.portfolio .main-title {
    text-align: center;
    max-width: 60%;
    width: 100%;
    margin: 0 auto 56px;
}

.portfolio .left-shape {
    position: absolute;
    top: -200px;
    left: 0;
    z-index: 1;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.portfolio-post-box {
    position: relative;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.portfolio-post-box::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
}

.portfolio-post-box .row {
    align-items: center;
}

.portfolio-post-box .row.right {
    flex-direction: row-reverse;
}

.portfolio-information .portfolio-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 24px;
}

.portfolio-information .portfolio-top .ratings-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.app_store_ratings .ratings-box strong {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -1px;
    vertical-align: middle;
}

.app_store_ratings .star-rating {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.app_store_ratings .star-rating i {
    color: #FFBE00;
    font-size: 14px;
}

.app_store_ratings span,
.app_downloads span {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 13.29px;
    line-height: 20.93px;
    letter-spacing: 0px;
    text-align: center;
    vertical-align: middle;
    color: #AAAEB9;
}

.app_downloads strong {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 35px;
    line-height: 100%;
    letter-spacing: -1px;
    vertical-align: middle;
    display: block;
}

.portfolio-information {
    padding-left: 40px;
    position: relative;
    z-index: 1;
}

.portfolio-information .post-title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 47.36px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--white);
    margin-bottom: 20px;
}

.portfolio-information .post-contact {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 16px;
    line-height: 29.91px;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 14px;
    max-width: 88%;
    width: 100%;
}

.portfolio-information .view-portfolio {
    font-size: 18px;
    margin-bottom: 18px;
    display: inline-block;
}

.portfolio-information .app-logo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}

.portfolio-swiper .portfolio-pagination {
    position: relative;
    margin: 70px 0;
    background: rgb(255 255 255 / 20%);
    height: 2px;
    border-radius: 0;
    width: calc(100% - 150px);
}

.portfolio-swiper .swiper-pagination-progressbar-fill {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    height: 4px;
    border-radius: 0;
}

.portfolio-swiper .portfolio-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.portfolio-swiper .next-prev-btn,
.our-clients .right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    justify-content: space-between;
    /* flex-direction: row-reverse; */
    /* width: 160px; */
}

/* .swiper-button-prev {
    order: 2;
}

.swiper-button-next {
    order: 1;
} */
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: auto;
    right: auto;
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: auto;
    left: auto;
}

.swiper-button-next,
.swiper-button-prev {
    top: auto;
    bottom: 0;
    margin: 0;
    position: static;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    position: relative;
    border-radius: 50%;
    text-decoration: none;
    transition: all 0.5s;
}

.swiper-button-next,
.swiper-button-prev {
    color: var(--white);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

.swiper-button-next::before,
.swiper-button-prev::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: 50%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    transition: all 0.5s;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);

}

.swiper-button-prev:hover::before,
.swiper-button-next:hover::before {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}

.swiper-button-prev:hover i,
.swiper-button-next:hover i {
    color: var(--black);
}

.text-color-black .portfolio-information .app_store_ratings .ratings-box strong,
.text-color-black .portfolio-information .app_downloads strong,
.text-color-black .portfolio-information .post-title,
.text-color-black .portfolio-information .post-contact {
    color: var(--black);
}

.text-color-black .portfolio-information .app_store_ratings span,
.text-color-black .portfolio-information .app_downloads span {
    color: #6E727E;
}

/* more-specific*/

.more-specific {
    margin-bottom: 150px;
}

.more-specific-img {
    padding: 58px 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-attachment: scroll;
}

.more-specific-box {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}

.more-specific-box .sub-title {
    max-width: 76%;
    margin: 0 auto;
}

.more-specific-box .sub-title h3 {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-style: italic;
    font-size: 40px;
    line-height: 40px;
    letter-spacing: -1px;
    text-align: left;
    color: #fff;
    margin: 0;
}

.more-specific-box .sub-title span {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 64px;
    line-height: 64px;
    letter-spacing: -1px;
    text-align: right;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    display: block;
}

.more-specific-box .info {
    max-width: 93%;
    width: 100%;
    text-align: center;
    margin: 20px auto 0;
}

.more-specific-box .info p {
    color: #F3F6FF;
    text-align: center;
}

.more-specific-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.more-specific-box a {
    padding: 24px 58px;
    font-size: 19px;
}

.more-specific-box a.black_btn:before {
    content: "";
    position: absolute;
    inset: 2px;
    background: var(--your-background-color, rgb(0 0 0 / 40%));
    border-radius: inherit;
    z-index: -1;
    transition: all 0.5s;
}

/* transforming-businesses */

.transforming-businesses {
    padding: 144px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.transforming-businesses-top {
    margin-bottom: 86px;
}


.transforming-businesses-top .right-box p {
    font-family: var(--font-plus);
    font-weight: 400;
    /* font-size: 20px;
    line-height: 170%; */
    letter-spacing: 0px;
    color: #AAAEB9;
    max-width: 80%;
    width: 100%;
}

.transforming-grid .count-number {
    padding: 34px 26px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
}

.transforming-grid .count-number:hover {
    border: 1.5px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.transforming-grid .count-number h4 {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    font-size: 57px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    display: inline-block;
    transition: all 0.5s;
}

.transforming-grid .count-number:hover h4 {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.transforming-grid .count-number span {
    display: block;
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    letter-spacing: 0px;
    color: #AAAEB9;
    transition: 0.3s;
}

.transforming-grid .count-number:hover span{
color: #FFFFFF;
}

/* our-clients */

.our-clients {
    background-color: var(--black);
}

.our-clients-title {
    padding-bottom: 250px;
    /* padding-left: 8%; */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.our-clients-title .left {
    width: calc(100% - 160px);
} 

.our-clients-title .right {
    gap: 10px;
    width: auto;
}

.our-clients-title h3 {
    margin: 0 0 10px;
}


.our-clients-title p {
    font-family: var(--font-plus);
    font-weight: 500;
    /* font-size: 20px;
    line-height: 180%; */
    letter-spacing: 0px;
    color: #AAAEB9; /* new  */
    max-width: 74%;
    width: 100%;
}

.our-client-box {
    background-color: var(--white);
    border-top-width: 13px;
    border-style: solid;
    border-color: transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    padding-bottom: 40px;
}

.our-client-swiper {
    margin-top: -220px;
    /* margin-left: 10%; */
}

.our-client-swiper.swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.our-client-item {
    background-color: #fff;
    box-shadow: 0px 44px 94px 0px #B2B5C029;
    border: 1px solid #838F9B40;
    border-radius: 25px;
    padding: 0 30px 30px;
    margin-top: 70px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.our-client-item .our-client-logo {
    display: flex;
    align-items: center;
    height: 140px;
    width: 140px;
    background-color: var(--white);
    padding: 0;
    border-radius: 50%;
    justify-content: center;
    margin-bottom: 30px;
    margin-top: -70px;
}

.our-client-item .our-client-logo span {
    display: flex;
    align-items: center;
    height: 130px;
    width: 130px;
    background-color: var(--white);
    border-radius: 50%;
    justify-content: center;
    position: relative;
}

.our-client-item .our-client-logo span img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center center;
}

.our-client-item .our-client-logo span::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 8px;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
}

.our-client-item .our-client-info {
    margin-bottom: 34px;
}

.our-client-item .our-client-info p {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 21px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #2A364F;
    max-width: 80%;
    width: 100%;
    margin-bottom: 0;
}

.our-client-item .our-client-title {
    margin-top: auto;
}

.our-client-item .our-client-title a {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 18px;
    line-height: 170%;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: #2046C3;
}

/* technologi-section */

.technologi-section {
    padding-top: 60px;
    padding-bottom: 96px;
    background-color: var(--white);
}

.technologi-section .main-title {
    text-align: center;
    margin-bottom: 48px;
}

.technologi-section .main-title h2 {
    color: var(--black);
    margin-bottom: 12px;
}

.technologi-section .main-title p {
    color: #6E727E;
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
    /* font-size: 19px;
    line-height: 170%; */
}

.technologi-tab {
    max-width: 1264px;
    width: 100%;
    margin: 0 auto;
}

.technologi-nav {
    margin-bottom: 78px;
}

.technologi-nav .nav {
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.technologi-nav .nav .nav-link {
    text-transform: capitalize;
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: center;
    color: var(--black);
    padding: 14px 30px;
    border-radius: 100px;
    background: #F3F6FF;
}

.technologi-nav .nav .nav-link.active,
.technologi-nav .nav .show>.nav-link {
    font-weight: 700;
    color: var(--white);
    background: linear-gradient(90.43deg, #4169EC 0.37%, #0AA8CF 44.24%, #12CA96 86.39%);
}

.technologi-logo {
    margin-bottom: 30px;
}

.technologi-logo img {
    margin: 0 auto;
    width: 75px;
    height: 75px;
    object-fit: cover;
    object-position: center center;
}

.technologi-logo span {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 20px;
    line-height: 29.48px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--black);
    margin-top: 24px;
    display: block;
}

/* industries-section */

.industries-section {
    padding: 106px 0;
    background: #F3F6FF;
    position: relative;
}

.industries-section .center-shape {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -150px;
    height: 400px;
}
.page-template-flexible-service .industries-section.service-industries .big-title {
    color: #000;
}

.industries-section .center-shape img {
    width: 100%;
    height: 400px;
}

.industries-section .main-title {
    text-align: center;
    margin-bottom: 65px;
}

.industries-section .main-title h2 {
    color: #000000;
    margin-bottom: 12px;
}

.industries-section .main-title p {
    color: #6E727E;
    max-width: 65%;
    width: 100%;
    margin: 0 auto;
    /* font-size: 19px;
    line-height: 170%; */
}

.industries-grid .row {
    row-gap: 40px;
}

.industries-grid .industri-box {
    max-width: 210px;
    width: 100%;
    background: var(--white);
    box-shadow: 0px 44px 94px 0px #8F9ED129;
    border-radius: 30px;
    padding: 30px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.industries-grid .industri-box img {
    width: 102px;
    height: 102px;
    margin: 0 auto 18px;
    border-radius: 50%;
}

.industries-grid .industri-box span {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 19px;
    line-height: 150%;
    letter-spacing: 0px;
    text-align: center;
    color: var(--black);
    display: block;
    margin-top: auto;
    margin-bottom: auto;
}

/* why-companies */

.why-companies {
    background: var(--black);
    padding: 80px 0;
}

.why-companies .main-title {
    text-align: center;
    margin-bottom: 88px;
}

.why-companies .main-title h2 {
    margin-bottom: 12px;
}

.why-companies .main-title p {
    color: #AAAEB9;
    max-width: 68%;
    width: 100%;
    margin: 0 auto;
    /* font-size: 19px;
    line-height: 170%; */
}
.why-companies .companies-inner-box .info p {
    color: #AAAEB9;
}

.companies-box .row {
    row-gap: 40px;
}
.companies-box .companies-swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0 -15px;
}
.companies-box .companies-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.companies-box .navigation-button {
    display: none;
}

.companies-inner-box {
    padding: 45px 20px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
    height: 100%;
}

.companies-inner-box:hover {
    border: 1.5px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.companies-inner-box .logo {
    width: 84px;
    height: 84px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 32px;
    transition: all 0.5s;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.companies-inner-box:hover .logo {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}

.companies-inner-box:hover .logo img {
    filter: brightness(0) saturate(100%);
}

.companies-inner-box .logo img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center center;
}

.companies-inner-box .title {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    margin-bottom: 14px;
}

.companies-inner-box .info p {
    font-family: var(--font-plus);
    font-weight: 500;
    /* font-size: 19px;
    line-height: 160%; */
    letter-spacing: 0px;
    color: #9297A6; /* New  */
    margin: 0;
}


/* our-blog */

.blog-pagination {
    display: none;
}

.our-blog .our-clients-title {
    padding-bottom: 0px;
}

.our-blog .our-clients-title .right {
    column-gap: 40px;
    width: 200px;
    display: flex;
    flex-direction: row-reverse;
}
/* 
.our-blog-box {
    margin-left: 10%;
} */

.our_blog_swiper.swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.blog-post-box {
    padding-bottom: 40px;
}

.blog-inner-box {
    height: 100%;
    margin-bottom: 14px;
}

.blog-inner-box .blog-img {
    margin-bottom: 20px;
}

.blog-inner-box .blog-img img {
    width: 100%;
    height: 100%;
    max-height: 322px;
    object-fit: cover;
    object-position: center center;
}

.blog-information .post-title {
    font-family: 'Gilroy-SemiBold';
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    letter-spacing: 0px;
    color: #fff;
    margin-bottom: 10px;
    min-height: 65px;
}

.blog-information .post-contact {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 17px;
    line-height: 160%;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 20px;
}

.blog-information .read-more {
    display: inline-block;
}

/* faq-section */

.faq-section {
    margin-top: 70px;
    margin-bottom: 100px;
}

.faq-box {
    counter-reset: faq-counter;
}

.accordion-title-media .title::before {
    counter-increment: faq-counter;
    content: counter(faq-counter) ". ";
    font-weight: bold;
}

.faq-section .faq-title {
    margin-bottom: 36px;
}

.faq-section .accordion-boby-media {
    padding: 34px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
}

.faq-section .accordion-wrap-media {
    margin-bottom: 26px;
}

.faq-section .accordion-wrap-media.active .accordion-boby-media {
    border: 1.5px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.faq-section .accordion-title-media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.faq-section .accordion-wrap-media.active .accordion-title-media {
    padding-bottom: 16px;
}

.faq-section .accordion-title-media .title {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: -1%;
    color: var(--white);
    margin-bottom: 0;
    max-width: 90%;
    width: 100%;
}

.faq-section .accordion-wrap-media .accordion-title-media .plus {
    font-size: 34px;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.faq-section .accordion-wrap-media.active .accordion-title-media .plus .fa-angle-down:before {
    content: "\f106";
}

.faq-section .media-content-box p {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 20px;
}

.faq-section .media-content-box ul li {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 18px;
    line-height: 34px;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 6px;
}


/* contact-form */

.contact-form {
    padding: 54px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.contact-form::before {
    position: absolute;
    content: "";
    background-color: #000;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.contact-form .row {
    align-items: end;
}

.contacy-form-title .big-title {
    text-align: left;
    max-width: 74%;
    width: 100%;
}

.contact-form .form-box {
    backdrop-filter: blur(60px);
    background: #00000040;
    padding: 40px;
    max-width: 774px;
    width: 100%;
}

.contact-form .form-box .input-box label {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 0%;
    color: #F3F6FFB2;
}

.contact-form .form-box .input-box .intl-tel-input.separate-dial-code .selected-flag {
    background-color: transparent;
}

.contact-form .form-box .input-box .intl-tel-input .selected-flag {
    padding-left: 0;
}

.contact-form .form-box .input-box .intl-tel-input .flag-container {
    border-right: 1px solid #FFFFFF4D;
}

.contact-form .form-box .input-box label span {
    color: #DB524E;
}

.contact-form .form-box .input-box input,
.contact-form .form-box .input-box select {
    width: 100%;
    border: none;
    border-bottom: 1.2px solid #FFFFFF4D;
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 19px;
    line-height: 24px;
    color: #fff;
    padding: 0;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

.contact-form .form-box .input-box input:-webkit-autofill {
    -webkit-text-fill-color: #fff !important; 
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s; /* Prevents yellow flash */
}

.contact-form .form-box .input-box select option {
    background-color: var(--black);
}

.contact-form .recaptcha {
    margin: 24px 0;
}

.contact-form .submit {
    position: relative;
}

.contact-form .submit .color_btn {
    width: 100%;
    border: 0;
    height: 58px;
    font-size: 20px;
}

.contact-form .submit .wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.contact-form .wpcf7-response-output {
    margin: 0 !important;
}

/*--------------------------------------------------------------
# AWS page
--------------------------------------------------------------*/

.inner-about-padding {
    padding-bottom: 96px;
}

.aws-about .about_title .title {
    max-width: 100%;
    width: 100%;
}

/* aws-offerings */

.aws-offerings {
    background-color: var(--white);
    border-top: 16px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-top: 110px;
    padding-bottom: 128px;
}

.aws-offerings-top {
    margin-bottom: 50px;
}

.aws-offerings-top .big-title {
    color: var(--black);
}

.aws-offerings-top p {
    max-width: 820px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* font-size: 19px;
    line-height: 170%; */
    color: #6E727E;
}

.aws-offerings-list {
    margin-bottom: 20px;
}

.aws-offerings-list .row {
    row-gap: 56px;
}

.aws-offerings-list .aws-offer-box .heading {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 0%;
    margin-bottom: 20px;
    color: var(--black);
}

.aws-offerings-list .aws-offer-box ul {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    gap: 14px;
    padding: 0;
    margin: 0;
}

.aws-offerings-list .aws-offer-box ul li {
    list-style: none;
}

.aws-offerings-list .aws-offer-box ul li span {
    font-family: var(--font-plus);
    font-weight: 500;
    font-size: 18px;
    line-height: 29.48px;
    letter-spacing: 0px;
    text-align: center;
    color: #6E727E;
    background-color: #F3F6FF;
    padding: 8px 20px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aws-business .container {
    max-width: 1728px;
}

.aws-business {
    margin-top: 80px;
}

.aws-business .col_left {
    position: relative;
}

.aws-business .col_left a {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #0F1A29 0%, #153966 100%);
    border-radius: 50%;
    position: absolute;
    bottom: 20px;
    left: 30px;
    transform: rotate(45deg);
    transition: all 0.5s;
}

.aws-business .col_left a::before {
    content: "";
    border-radius: 50%;
    width: 74px;
    height: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: linear-gradient(180deg, #0F1A29 0%, #153966 100%); */
    background: linear-gradient(90.43deg, #4169EC 0.37%, #0AA8CF 44.24%, #12CA96 86.39%);
    opacity: 0.2;
    position: absolute;
    transition: all 0.5s;
    z-index: -1;
}

.aws-business .col_left a i {
    color: var(--white);
    font-size: 22px;
}

.aws-business .col_left a:hover {
    background: linear-gradient(180deg, rgba(15, 26, 41, 0.2) 0%, rgba(21, 57, 102, 0.2) 100%);
}

.aws-business .col_left a:hover::before {
    background: linear-gradient(180deg, #0F1A29 0%, #153966 100%);
    opacity: 1;
}

.aws-business .col_right {
    margin-left: -20px;
}

.aws-business .col_right h2 {
    color: var(--black);
    margin-left: -200px;
    text-align: left;
}

.aws-business .col_right p {
    max-width: 90%;
    width: 100%;
    text-align: justify;
    /* font-size: 19px;
    line-height: 170%; */
    color: #6E727E;

}

/* client-success */

.client-success {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 68px;
}

.client-success .top-title {
    padding-bottom: 58px;
}

.client-success .top-title p {
    max-width: 1090px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    /* font-size: 19px;
    line-height: 170%; */
}

.infosalons-box .infosalons-img-box img {
    width: 100%;
}

.infosalons_inner_box .main_title {
    margin-bottom: 40px;
    margin-top: -220px;
}

.infosalons_inner_box .main_title span {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-radius: 14px;
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 42px;
    line-height: 140%;
    letter-spacing: 1px;
    text-align: center;
    color: var(--black);
    padding: 15px 23px;
    display: inline-block;
    margin-bottom: 28px;
}

.infosalons_inner_box .main_title h4 {
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 48px;
    line-height: 52px;
    letter-spacing: 0px;
    color: var(--white);
    margin-bottom: 20px;
}

.infosalons_inner_box .main_title p {
    max-width: 1010px;
    width: 100%;
    /* font-size: 20px;
    line-height: 26px; */
}

.infosalons_info {
    padding-bottom: 100px;
}

.infosalons_info_box h5 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 26px;
    line-height: 36px;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 16px;
    display: inline-block;
}

.infosalons_info_box ul {
    padding-bottom: 36px;
    padding-left: 16px;
}

.infosalons_info_box ul li {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 19px;
    line-height: 190%;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 8px;
    max-width: 90%;
    width: 100%;
}

.infosalons_info_box ul li:last-child {
    margin-bottom: 0;
}

.infosalons_info_box ul li span {
    font-weight: 700;
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.infosalons_info_box .infosalons_logo_list {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 30px;
}

.infosalons_info_box .infosalons_logo_list li {
    list-style: none;
    max-width: auto;
    width: auto;
}
.infosalons_info_box .infosalons_logo_list img{
    height: 50px;
    width: 50px;
    object-fit: contain;
}

.service_cta.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.boder-with-color {
    border-top: 8px solid;
    border-bottom: 8px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-left: none;
}

.service_cta.bg-image .cta_info {
    padding-left: 0;
    padding-right: 0;
}

.service_cta.bg-image .cta_info::before,
.service_cta.bg-image .cta_info::after {
    display: none;
}

.service_cta.bg-image .cta_info {
    background: transparent;
}

.service_cta .cta_content .big-title {
    font-weight: 400;
    font-family: var(--font-gilroy-medium);
    color: var(--white);
}

.service_cta .cta_content .big-title span {
    display: block;
    font-family: var(--font-gilroy-extrabold);
    background: transparent;
    -webkit-text-fill-color: unset;
    color: var(--white);
}
.service_cta .body_text p {
    color: var(--white);
}
.service_cta .cta_btn {
    box-shadow: 0px 22px 29.8px 0px #16181C5C;
}
.text-black.service_cta .cta_content .big-title {
    color: rgba(0, 0, 0, 0.6);
}
.text-black.service_cta .cta_content .big-title span {
    color: var(--black);
}
.text-black.service_cta .body_text p {
    color: var(--black);
    opacity: 70%;
}
.btn-black.service_cta .cta_btn {
    background-color: var(--black);
    color: var(--white);
}
.text-sky.service_cta .cta_content .big-title span {
    color: #1CECB1;
}
.btn-sky.service_cta .cta_btn {
    background: #1CECB1;
    color: var(--black);
}
.text-orange.service_cta .cta_content .big-title span {
    color: #FFB247;
}
.btn-orange.service_cta .cta_btn {
    background: #FFB247;
    color: var(--black);
}
.text-yellow.service_cta .cta_content .big-title span {
    color: #DEEC1D;
}
.btn-yellow.service_cta .cta_btn {
    background: #DEEC1D;
    color: var(--black);
}


/*--------------------------------------------------------------
# CI/CD page 
--------------------------------------------------------------*/

.innerpage_banner .icon-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding-left: 0;
}

.innerpage_banner .icon-list li {
    list-style: none;
}

.innerpage_banner .icon-list li img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center center;
    margin: 0 auto;
}

/* why-matters */

.why-matters {
    padding-bottom: 130px;
}

.why-matters .matter_swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    row-gap: 30px;
}

.why-matters .matter_swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.why-matters .matter_swiper .navigation-button {
    display: none;
}

.why-matters .main-title {
    margin-bottom: 58px;
}

.why-matters .main-title p {
    max-width: 1070px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    /* font-size: 19px;
    line-height: 170%; */
}

.why-matters-list .row {
    row-gap: 30px;
}

.ci-cd-offerings.aws-offerings {
    padding-bottom: 82px;
}

.ci-cd-offerings-list {
    margin-bottom: 70px;
}

.advanced-ci-cd .aws-offerings-top {
    margin-bottom: 65px;
}

.advanced-ci-cd-list .advanced-box h3 {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 29px;
    line-height: 34px;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--black);
    position: relative;
    padding-bottom: 10px;
}

.advanced-ci-cd-list .row {
    row-gap: 28px;
}

.advanced-ci-cd-list .advanced-box h3::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 136px;
    height: 3px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #0AA8CF 44.24%, #12CA96 86.39%);
    display: inline-block;
}

.advanced-ci-cd-list .advanced-box p {
    font-size: 18px;
    color: #6E727E;
    max-width: 85%;
    width: 100%;
    text-align: justify;
}

.ci-cd-business.aws-business .col_left a {
    background: linear-gradient(180deg, #B0C7EF 0%, #1A2561 100%);
}

.transform-business-box {
    margin-bottom: 40px;
}

.transform-business-box .row {
    row-gap: 30px;
}
.transform-business-box .transform_inner_box p {
    color: #AAAEB9;
}
.transform_inner_box {
    padding: 50px 34px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
    height: 100%;
    text-align: center;
}

.transform_inner_box:hover {
    border: 1.5px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.transform_inner_box h3 {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    margin-bottom: 6px;
}

.transform_inner_box p {
    color: #9297A6;
    margin-bottom: 0;
}

/* our-procress */

.our-procress {
    margin-top: 100px;
    background-color: var(--black);
    position: relative;
}

.our-procress-top {
    margin-bottom: 68px;
}

.our-procress-top p {
    margin: 0 auto;
    text-align: center;
    max-width: 80%;
    width: 100%;
}

.our-procress .left-shape {
    position: absolute;
    left: 0;
    bottom: -240px;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.our-procress .right-shape {
    position: absolute;
    right: 0;
    top: -240px;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.timeline ul {
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}

.timeline .default-line {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    right: 0;
    left: 0;
    margin: auto;
    border-right: 4px dashed #9297A6;
}

.timeline .draw-line {
    width: 2px;
    height: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-width: 4px;
    border-style: solid;
    border-image-source: linear-gradient(180deg, #4169EC 0%, #03B9E7 50%, #1DECB1 100%);
    border-image-slice: 1;
}

.timeline ul li {
    counter-increment: timeline-counter;
    list-style-type: none;
    position: relative;
    width: 50%;
    margin: 0 auto;
    height: auto;
    background: transparent;
    padding-bottom: 60px;
}

.timeline .timeline-custom li:nth-child(odd) {
    margin-right: 0;
}

.timeline .timeline-custom li:before {
    content: "0" counter(timeline-counter);
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 88px;
    height: 88px;
    border-radius: 50%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5 ease-in-out;
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 42px;
    line-height: 42px;
    letter-spacing: 1.01px;
    text-align: center;
    color: #181B24;
    left: 100%;
}

.timeline .timeline-custom li:nth-child(odd)::before {
    right: 100%;
    left: auto;
    transform: translateX(50%);
}

.timeline .timeline-custom li:nth-child(odd) .timeline-box {
    padding-left: 100px;
}

.timeline .timeline-custom li.in-view::before {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}

.timeline .timeline-custom li:nth-child(even) {
    margin-left: 0;
    text-align: right;
}

.timeline .timeline-custom li:nth-child(even) .timeline-box {
    padding-right: 100px;
}

.timeline .timeline-custom li::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    transition: all 0.5 ease-in-out;
    width: 110px;
    height: 110px;
    z-index: 0;
    top: -10px;
    left: calc(100% - 55px);
    border: 4px solid var(--white);
}

.timeline .timeline-custom li:nth-child(odd)::after {
    right: calc(100% - 55px);
    left: auto;
}

.timeline .timeline-custom li.in-view::after {
    padding: 4px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    border: 0;
}

.timeline-box .heading-title {
    font-family: var(--font-gilroy-semiBold);
    font-weight: 400;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    margin-bottom: 6px;
    transition: all 0.5 ease-in-out;
}

.timeline .timeline-custom li.in-view .timeline-box .heading-title {
    background: var(--gradient-text);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.timeline-box p {
    color: #9297A6;
    max-width: 600px;
    width: 100%;
    margin-bottom: 0;
}

.timeline .timeline-custom li:nth-child(even) .timeline-box p {
    margin-left: auto;
}

.timeline .timeline-custom li:nth-child(odd) .timeline-box p {
    margin-right: auto;
}

.our-blog.ci-cd-blog {
    margin-top: 80px;
}

/*--------------------------------------------------------------
# Containerization Page
--------------------------------------------------------------*/

.containerization-business.aws-business .col_left a {
    background: linear-gradient(180deg, #011A63 0%, #02A5C9 100%);
}

.containerization-business.aws-business .col_left a::before {
    background: linear-gradient(180deg, #011A63 0%, #02A5C9 100%);
}

/* our-journey */

.our-journey {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 180px 0 70px;
}

.our-journey .row {
    margin: 0;
}

.our-journey-info {
    margin-left: -15px;
}

.our-journey .container_full {
    margin-left: 10%;
}

.our-journey-info .big-title {
    text-align: left;
}

.our-journey-info p {
    max-width: 70%;
    width: 100%;
}

.our-journey-info .navigation-button {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.journey_swiper.swiper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}

.journey_swiper.swiper .swiper-slide {
    transform: scale(0.88) translatey(-23px);
    transition: all 0.5s;
}

.journey_swiper.swiper .swiper-slide-active {
    transform: scale(1) translatey(0px);
}

.journey_swiper.swiper .swiper-slide-active .journey_item {
    border: 1px solid transparent;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}

.journey_item {
    padding: 61px 22px 56px;
    backdrop-filter: blur(44px);
    border: 1px solid #FFFFFF33;
    text-align: center;
    height: 100%;
    transition: all 1.8s;
}

.journey_item .icon img {
    width: 110px;
    height: 110px;
    object-fit: cover;
    object-position: center center;
    margin: 0 auto 20px;
}

.journey_item .title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--white);
    max-width: 80%;
    width: 100%;
    margin: 0 auto 10px;
}

.journey_item .info {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 14.4px;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    color: #AAAEB9;
}

/*--------------------------------------------------------------
# Infrastructure page
--------------------------------------------------------------*/
.infrastructure-matter {
    position: relative;
}

.infrastructure-matter .companies-inner-box .title {
    padding-bottom: 14px;
    position: relative;
}

.infrastructure-matter .companies-inner-box .title::before {
    content: "";
    position: absolute;
    top: calc(100% - 4px);
    left: 0;
    width: 136px;
    height: 3px;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}

.infrastructure-matter .right-shape {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 0;
    transform: translateY(-50%);
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.aws-offerings.infrastructure-offerings {
    padding: 100px 0;
}

.infrastructure-business.aws-business .col_left a {
    /* background: linear-gradient(180deg, #2C3B53 0%, #4C678B 100%); */
    background: linear-gradient(90.43deg, #4169EC 0.37%, #0AA8CF 44.24%, #12CA96 86.39%);
}

/* our-platforms */

.our-platforms {
    padding-top: 80px;
    padding-bottom: 40px;
    position: relative;
}

.our-platforms-top {
    padding-bottom: 50px;
    border-bottom: 1px dashed #9297A6;
}

.our-platforms-top .row {
    align-items: center;
}

.our-platforms-title .big-title {
    text-align: left;
    margin-bottom: 0;
}

.our-platforms-list {
    padding-top: 60px;
    padding-bottom: 70px;
    border-bottom: 1px dashed #9297A6;
}

.our-platforms-list:last-child {
    border-bottom: none;
    padding-bottom: 40px;
}

.our-platforms-list .row {
    row-gap: 70px;
}

.our-platforms-list .sub-title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 32px;
    line-height: 140%;
    letter-spacing: 0px;
    color: var(--white);
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-background-clip: text;
    text-shadow: 3px -7px 20px rgba(65, 105, 236, 0.6), 3px 3px 20px rgba(3, 185, 231, 0.5), 4px 4px 30px rgba(29, 236, 177, 0.4);
    margin-bottom: 42px;
}

.platforms-list-box strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.1) 0.37%, rgba(3, 185, 231, 0.1) 44.24%, rgba(29, 236, 177, 0.1) 86.39%);
    isolation: auto;
    padding: 14px 22px;
    border-radius: 40px;
    position: relative;
    cursor: pointer;
    transition: all 0.5s;
    margin-bottom: 18px;
    font-family: var(--font-plus);
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    letter-spacing: 0%;
    color: var(--white);
}

.platforms-list-box strong::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    border-radius: inherit;
    z-index: -1;
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    -webkit-mask: linear-gradient(white 0 0) content-box,
        linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
}

.platforms-list-box strong img {
    width: 32px;
    height: 32px;
    object-fit: cover;
    object-position: center;
}

.platforms-list-box ul li {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
    letter-spacing: 0px;
    color: #AAAEB9;
    margin-bottom: 4px;
}

.our-platforms .left-shape {
    position: absolute;
    bottom: -300px;
    left: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.our-platforms .right-shape {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/*--------------------------------------------------------------
# Cloud Cost Optimization page 
--------------------------------------------------------------*/

.cloud-size {
    background-color: var(--white);
    border-top: 12px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: 12px solid;
    border-left: none;
    padding: 100px 0;
    position: relative;
}

.cloud-size .row {
    align-items: center;
}

.cloud-size-info .big-title {
    text-align: left;
    color: var(--black);
}

.cloud-size-info p {
    max-width: 84%;
    width: 100%;
    text-align: justify;
    color: #6E727E;
}

.cloud-size-info ul {
    width: 100%;
    max-width: 88%;
    color: #6E727E;
}

.cloud-size-info ul li {
    font-family: var(--font-plus);
    color: #6E727E;
    font-weight: 400;
    font-size: 19px;
    line-height: 180%;
    letter-spacing: 0px;
    margin-bottom: 4px;
    text-align: justify;
}

.cloud-size .left-shape {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 340px;
    height: 340px;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.cloud-size .right-shape {
    position: absolute;
    top: -150px;
    right: 0;
    z-index: 0;
    width: 340px;
    height: 340px;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/*--------------------------------------------------------------
# Well-Architected Review page 
--------------------------------------------------------------*/

.service_cta_main {
    margin-bottom: 40px;
}

.service_cta_inner {
    padding: 80px 60px;
    position: relative;
}

.service_cta_inner .row {
    align-items: center;
    position: relative;
    z-index: 1;
}

.service_cta_inner.bg-grreen,
.service_cta_inner.bg-green {
    background: linear-gradient(84.69deg, #216C57 -13.29%, #1D5661 39.62%, #18406C 94.69%);
}
.service_cta_inner.bg-purple {
    background: linear-gradient(84.69deg, #7D1B9E -13.29%, #0A3463 94.69%);
}
.service_cta_inner.bg-blue {
    background: linear-gradient(84.69deg, #611B9E -13.29%, #187457 94.69%);
}
.service_cta_inner.bg-sky {
    background: linear-gradient(86.41deg, #FF76B1 1.36%, #8079E8 52.41%, #15CAFC 109.98%);
}
.service_cta_inner.bg-orange {
    background: linear-gradient(86.41deg, #E47322 1.36%, #B43A9E 58.93%, #4D20A7 109.98%);
}

.service_cta_info h3 {
    font-family: var(--font-gilroy-medium);
    font-weight: 400;
    letter-spacing: -1px;
    color: var(--white);
    text-align: left;
    margin-bottom: 10px;
}

.service_cta_info h3 span {
    font-family: var(--font-gilroy-bold);
    display: block;
    letter-spacing: 0px;
    background-color: transparent;
    -webkit-text-fill-color: inherit;
}
.body-black .service_cta_info h3 {
    color: var(--black);
}

.text-orange .service_cta_info h3 span {
    color: #FFB247;
}
.text-sky .service_cta_info h3 span {
    color: #1CECB1;
}
.text-yellow .service_cta_info h3 span {
    color: #DEEC1D;
}
.text-blue .service_cta_info h3 span {
    color: #010D87;
}
.text-purple .service_cta_info h3 span {
    color: #491A7B;
}

.service_cta_info p {
    color: #F3F6FF;
    max-width: 765px;
    width: 100%;
    margin-bottom: 0;
}
.body-black .service_cta_info p {
    color: var(--black);
}

.service_cta_btn_box {
    text-align: center;
}

.service_cta_button {
    background: var(--black);
    font-family: var(--font-plus);
    font-weight: 700;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--white);
    padding: 20px 40px;
    border-radius: 40px;
    white-space: nowrap;
    box-shadow: 0px 27px 44px 0px #0000002E;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
    /* max-width: 320px; */
    max-width: fit-content;
    width: 100%;
}

.service_cta_button:hover {
    box-shadow: none;
}

.btn-orange .service_cta_button,
.bt-orange .service_cta_button {
    background: #FFB247;
    color: var(--black);
}
.btn-sky .service_cta_button {
    background: #1CECB1;
    color: var(--black);
}
.btn-yellow .service_cta_button {
    background: #DEEC1D;
    color: var(--black);
}

.service_cta_inner .left-shape {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.service_cta_inner .left-shape img,
.service_cta_inner .right-shape img {
    height: 100%;
    width: auto;
}
.service_cta_inner .right-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

.our-service-grid {
    padding-top: 60px;
    position: relative;
}

.service-grid-top {
    margin-bottom: 30px;
}

.service-grid-top h3 {
    margin-bottom: 16px;
}

.service-grid-top p {
    text-align: center;
    max-width: 1040px;
    width: 100%;
    margin: 0 auto;
}

.service-grid-list .row {
    row-gap: 30px;
}
.service-grid-list .service-grid-swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0 -15px;
}
.service-grid-list .service-grid-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.service-grid-list .service-grid-swiper .navigation-button {
    display: none;
}
.service-grid-list .service-grid-swiper.swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.service-grid-box {
    padding: 40px 32px;
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    border-image-slice: 1;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.12) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    transition: all 0.3s;
    height: 100%; 
}

.service-grid-box:hover {
    border: 1.5px solid transparent;
    border-image-slice: 1;
}

.blue-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #4F3CFF 0%, rgba(79, 60, 255, 0) 100%);
    background: linear-gradient(111.73deg, rgba(79, 60, 255, 0.2) 35.75%, rgba(79, 60, 255, 0) 94.09%);
}

.green-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #1DBA47 0%, rgba(29, 186, 71, 0) 100%);
    background: linear-gradient(111.73deg, rgba(29, 186, 71, 0.2) 35.75%, rgba(29, 186, 71, 0) 94.09%);    
}

.red-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #ED4556 0%, rgba(237, 69, 86, 0) 100%);
    background: linear-gradient(111.73deg, rgba(237, 69, 86, 0.2) 35.75%, rgba(237, 69, 86, 0) 94.09%);
}

.orange-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #EF7534 0%, rgba(239, 117, 52, 0) 100%);
    background: linear-gradient(111.73deg, rgba(239, 117, 52, 0.2) 35.75%, rgba(239, 117, 52, 0) 94.09%);
}

.sky-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #24A9C0 0%, rgba(36, 169, 192, 0) 100%);
    background: linear-gradient(111.73deg, rgba(36, 169, 192, 0.2) 35.75%, rgba(36, 169, 192, 0) 94.09%);    
}

.pink-color.service-grid-box:hover {
    border-image-source: linear-gradient(180deg, #EA45ED 0%, rgba(234, 69, 237, 0) 100%);
    background: linear-gradient(111.73deg, rgba(234, 69, 237, 0.2) 35.75%, rgba(234, 69, 237, 0) 94.09%);    
}

.service-grid-box .icon {
    width: 94px;
    height: 94px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background-color: var(--black);
    justify-content: center;
    margin-bottom: 16px;
}

.blue-color.service-grid-box .icon {
    background-color: #4F3CFF;
}

.green-color.service-grid-box .icon {
    background-color: #1DBA47;
}

.red-color.service-grid-box .icon {
    background-color: #ED4556;
}

.orange-color.service-grid-box .icon {
    background-color: #EF7534;
}

.sky-color.service-grid-box .icon {
    background-color: #24A9C0;
}

.pink-color.service-grid-box .icon {
    background-color: #EA45ED;
}

.service-grid-box .icon img {
    width: 46px;
    height: auto;
    object-fit: cover;
}

.service-grid-box .title {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
    margin-bottom: 4px;
}

.service-grid-box .info {
    font-family: var(--font-plus);
    font-weight: 400;
    font-size: 19px;
    line-height: 170%;
    letter-spacing: 0px;
    color: #9297A6;
}
.our-service-grid .left-shape {
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.our-service-grid .right-shape {
    position: absolute;
    bottom: -200px;
    right: 0;
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
/*--------------------------------------------------------------
# Service Template 
--------------------------------------------------------------*/
.service-about.inner-about-padding {
    padding-bottom: 50px;
}
.our-service-grid.bottom-margin {
    margin-top: 5px;
}
.service-grid-box .icon-list ul {
    padding: 0;
    margin-top: 18px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: start;
    gap: 20px;
}
.service-grid-box .icon-list ul li {
    list-style: none;
}
.service-grid-box .icon-list ul li img {
    width: 48px;
    height: auto;
    object-fit: cover;
    object-position: center center;
}
.service_cta_main.top-margin {
    margin-top: 50px;
}

/* .timeline  */
.service-process {
    padding-top: 100px;
    background: var(--white);
    border-top: 13px solid;
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    border-right: none;
    border-bottom: none;
}
.service-process .service-process-top {
    margin-bottom: 70px;    
}
.service-process .service-process-top .big-title {
    color: var(--black);
}
.service-process .service-process-top p {
    max-width: 52%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #6E727E;
}
.service-timeline.timeline .default-line,
.service-timeline.timeline .draw-line {
    left: 0;
    right: auto;
    transform: none;
}
.service-timeline.timeline .draw-line {
    left: -1px;
}
.service-timeline.timeline .default-line {
    border-color: #E7EAF4;
}
.timeline.service-timeline {
    margin: 0 auto;
    max-width: 900px;
    width: 100%;
}
.timeline.service-timeline ul li {
    width: 100%;
    padding-bottom: 70px;
}
.timeline.service-timeline .timeline-custom li:nth-child(even) .timeline-box {
    padding-right: 0;
    padding-left: 100px;
}
.timeline.service-timeline .timeline-custom li:before {
    left: 0;
    background: #E7EAF4;
}
.timeline.service-timeline .timeline-custom li.in-view::before {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    color: var(--white);
}
.timeline.service-timeline .timeline-custom li::after {
    left: calc(0% - 55px);
    border-color: #E7EAF4;
}
.timeline.service-timeline .timeline-custom li:before {
    font-size: 28px;
}
.timeline.service-timeline .timeline-custom li:nth-child(odd)::before {
    right: auto;
    left: 0%;
    transform: translateX(-50%);
}
.timeline.service-timeline .timeline-custom li:nth-child(even) {
    margin-left: 0;
    text-align: left;
    margin-right: auto;
}
.timeline.service-timeline  .timeline-custom li:nth-child(even) .timeline-box p {
    margin-left: 0;
}
.timeline.service-timeline  .timeline-box .heading-title {
    color: var(--black);
}
.service-timeline .icon {
    position: absolute;
    left: -140px;
    top: 25px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(11%) saturate(7490%) hue-rotate(145deg) brightness(109%) contrast(100%);
}
.service-timeline .icon img {
    width: 46px;
    height: auto;
}
.service-timeline .timeline-custom li.in-view .icon {
    filter: none;
}
.service-timeline .timeline-box  p {
    max-width: 100%;
}
.timeline.service-timeline.career_page .timeline-custom li.in-view::before,
.timeline.service-timeline.career_page .timeline-custom li::after,
.timeline.service-timeline.career_page .timeline-custom li:nth-child(odd)::before,
.timeline.service-timeline.career_page .timeline-custom li:before {
    display: none;
}
.service-timeline.career_page .icon {
    left: -20px;
    top: -12px;
    filter: none;
}

/* service-use */

.service-use {
    background-color: var(--white);
    padding-top: 40px;
    padding-bottom: 40px;
}
.service-use .service-use-top {
    padding-bottom: 50px;
}
.service-use .service-use-top .big-title {
    color: var(--black);
}
.service-use .service-use-top p {
    max-width: 1100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    color: #6E727E; /* new */
}
.service-use-list .row {
    justify-content: center;
}
.service-use-list .technologi-logo {
    margin-bottom: 60px;
}
.ci-cd-offerings-list.platforms_tabbing .tab-content .row {
    justify-content: center;
} 

/* serviec-information */

.service_main {
    padding-top: 100px;
    padding-bottom: 40px;
    position: relative;
}
.service_main .title_width {
    margin-bottom: 40px;
}
.serviec-information .row {
    row-gap: 30px;
}
.information-box {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    gap: 30px;
    background: linear-gradient(111.73deg, rgba(255, 255, 255, 0.1) 35.75%, rgba(255, 255, 255, 0) 94.09%);
    isolation: isolate;
    padding: 30px 30px;
    border: 2px solid transparent;
    border-image-slice: 2;
    border-image-source: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
}
.information-box:hover {
    border-image-source: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
    border-image-slice: 1;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}
.information-box .icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90.43deg, rgba(65, 105, 236, 0.15) 0.37%, rgba(3, 185, 231, 0.15) 44.24%, rgba(29, 236, 177, 0.15) 86.39%);
}
.information-box:hover .icon {
    background: linear-gradient(90.43deg, #4169EC 0.37%, #03B9E7 44.24%, #1DECB1 86.39%);
}
.information-box .icon img {
    width: 42px;
    height: auto;
}
.information-box:hover .icon img {
    filter: brightness(0) saturate(100%);
}
.information-box .text  {
    width: calc(100% - 110px);
}
.information-box .text h4 {
    font-family: var(--font-gilroy-bold);
    font-weight: 400;
    font-size: 26px;
    line-height: 100%;
    letter-spacing: 0px;
    vertical-align: bottom;
    color: var(--white);
}
.information-box .text p {
    margin-bottom: 0;
}
.service_main .left-shape {
    position: absolute;
    left: 0;
    top: -360px;
    width: 440px;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.service_main .right-shape {
    position: absolute;
    right: 0;
    bottom: -380px;
    width: 440px;
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}

/* service-contact */
.service-contact-cta {
    margin-top: 60px;
    margin-bottom: 20px;
}
.service-contact-bg {
    background-position: right;
    background-size: 830px 100%;
    background-repeat: no-repeat;
    position: relative;
}
.service-contact-bg::before{
    content: "";
    position: absolute;
    right: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    max-width: 830px;
    background: linear-gradient(86.97deg, #06060a 5.09%, rgba(13, 12, 20, 0.48) 19.89%, rgba(13, 12, 20, 0) 33.62%);
}
.service-contact {
    padding: 70px 60px;
    background: linear-gradient(86.97deg, #181722 5.09%, rgba(13, 12, 20, 0.48) 45%, rgba(13, 12, 20, 0) 72%);
    position: relative;
}
.service-contact::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 2px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-mask: linear-gradient(white 0 0) content-box, linear-gradient(white 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: 1;
}
.service-contact-box {
    max-width: 640px;
    width: 100%;
    position: relative;
    z-index: 11;
}
.service-contact-box .big-title {
    text-align: left;
}
.service-contact-box .big-title span {
    display: block;
}
.service-contact-box p {
    color:#AAAEB9;
}
.service-contact-box .service-contact-btn {
    padding: 18px 42px;
    display: inline-flex;
}
.service-contact-box a {
    display: inline-block;
}
.service-about .title span {
    display: block;
}

.service-attribut {
    position: relative;
}
.service-attribut .left-shape {
    position: absolute;
    top: -290px;
    left: 0;
    width: 440px; 
    pointer-events: none;
    -webkit-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
.serviec-information .perensoft-swiper .swiper-wrapper {
    display: flex;
    width: auto;
    flex-wrap: wrap;
    row-gap: 30px;
    margin: 0 -15px;
}
.serviec-information .perensoft-swiper .swiper-wrapper .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: auto;
}
.serviec-information .navigation-button {
    display: none;
}

/*--------------------------------------------------------------
# 404 page
--------------------------------------------------------------*/
.error-404.not-found {
    height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: linear-gradient(90deg, #0B0D17 0%, #151034 100%);
}
.error-title h1 {
    font-size: 160px;
    font-family: var(--font-gilroy-bold);
    line-height: 160px;
}
.error-title h3 {
    font-size: 70px;
    font-family: var(--font-gilroy-bold);
    line-height: 70px;
    margin: 0 0 30px;
    text-transform: capitalize;
}
.go-home {
    width: 100%;
    display: block;
}
.go-home a {
    display: inline-block;
}