.web-services{padding:104px 64px}
@media(max-width:991px){.web-services{padding:32px 16px}
}.web-services .wrapper-fluid{max-width:3840px;margin:0 auto;padding:0}
.web-services .wrapper-fluid .card-main{background-color:var(--color_surface-new-black);padding:104px;border-radius:32px}
@media(max-width:1300px){.web-services .wrapper-fluid .card-main{padding:64px 32px}
}@media(max-width:768px){.web-services .wrapper-fluid .card-main{padding:32px 16px 16px 16px}
}.web-services .wrapper-fluid .card-main .top-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;margin-bottom:64px;gap:24px}
@media(max-width:768px){.web-services .wrapper-fluid .card-main .top-card{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:24px}
}.web-services .wrapper-fluid .card-main .top-card h2{width:50%;color:var(--color_text-white)}
@media(max-width:768px){.web-services .wrapper-fluid .card-main .top-card h2{width:100%}
}.web-services .wrapper-fluid .card-main .top-card h2 mark{font-style:italic;font-weight:700;background-color:transparent;font-family:var(--primary_font_ssp);letter-spacing:normal;color:var(--color_text-yellow)}
.web-services .wrapper-fluid .card-main .top-card .description{width:528px;margin-left:auto;color:var(--color_text-white)}
@media(max-width:768px){.web-services .wrapper-fluid .card-main .top-card .description{width:100%;margin-left:0}
}.web-services .wrapper-fluid .card-main .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:1080px){.web-services .wrapper-fluid .card-main .cards{grid-template-columns:1fr}
}.web-services .wrapper-fluid .card-main .cards.grid-4{display:grid;grid-template-columns:repeat(2,1fr)}
@media(max-width:1080px){.web-services .wrapper-fluid .card-main .cards.grid-4{grid-template-columns:1fr}
}.web-services .wrapper-fluid .card-main .cards.all-expanded{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.web-services .wrapper-fluid .card-main .cards .card.row-equalized .expand-more{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}
.web-services .wrapper-fluid .card-main .cards .card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.web-services .wrapper-fluid .card-main .cards .card.card-1 figure,.web-services .wrapper-fluid .card-main .cards .card.card-1 .info,.web-services .wrapper-fluid .card-main .cards .card.card-1 .expand-more{background-color:var(--color_text-yellow)}
.web-services .wrapper-fluid .card-main .cards .card.card-1 svg path:last-child{fill:var(--color_text-yellow)}
.web-services .wrapper-fluid .card-main .cards .card.card-2 figure,.web-services .wrapper-fluid .card-main .cards .card.card-2 .info,.web-services .wrapper-fluid .card-main .cards .card.card-2 .expand-more{background-color:var(--color_surface-pink)}
.web-services .wrapper-fluid .card-main .cards .card.card-2 svg path:last-child{fill:var(--color_surface-pink)}
.web-services .wrapper-fluid .card-main .cards .card.card-3 figure,.web-services .wrapper-fluid .card-main .cards .card.card-3 .info,.web-services .wrapper-fluid .card-main .cards .card.card-3 .expand-more{background-color:var(--color_surface-green)}
.web-services .wrapper-fluid .card-main .cards .card.card-3 svg path:last-child{fill:var(--color_surface-green)}
.web-services .wrapper-fluid .card-main .cards .card.card-4 figure,.web-services .wrapper-fluid .card-main .cards .card.card-4 .info,.web-services .wrapper-fluid .card-main .cards .card.card-4 .expand-more{background-color:var(--color_surface-beige)}
.web-services .wrapper-fluid .card-main .cards .card.card-4 svg path:last-child{fill:var(--color_surface-beige)}
.web-services .wrapper-fluid .card-main .cards .card.card-5 figure,.web-services .wrapper-fluid .card-main .cards .card.card-5 .info,.web-services .wrapper-fluid .card-main .cards .card.card-5 .expand-more{background-color:var(--color_text-yellow)}
.web-services .wrapper-fluid .card-main .cards .card.card-5 svg path:last-child{fill:var(--color_text-yellow)}
.web-services .wrapper-fluid .card-main .cards .card.card-6 figure,.web-services .wrapper-fluid .card-main .cards .card.card-6 .info,.web-services .wrapper-fluid .card-main .cards .card.card-6 .expand-more{background-color:var(--color_surface-pink)}
.web-services .wrapper-fluid .card-main .cards .card.card-6 svg path:last-child{fill:var(--color_surface-pink)}
.web-services .wrapper-fluid .card-main .cards .card .expand-more{display:none;padding:24px;border-radius:0}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action{margin-top:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action svg path:last-child{fill:transparent}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action .icon{border-radius:80px;border:0;background-color:var(--color_surface-blue);padding:0;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;position:relative;overflow:hidden;z-index:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;cursor:pointer}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action .icon::before{content:"";display:block;position:absolute;top:50%;left:50%;width:0;padding-top:0;z-index:-1;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:32px;background:var(--color_surface-blue-dark);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action .icon:hover{border:2px solid var(--color_surface-blue-dark)}
.web-services .wrapper-fluid .card-main .cards .card .expand-more .btn-action .icon:hover::before{width:200%;padding-top:200%}
.web-services .wrapper-fluid .card-main .cards .card .info{border-radius:32px 32px 0 0;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}
@media(max-width:576px){.web-services .wrapper-fluid .card-main .cards .card .info{min-height:auto !important}
}.web-services .wrapper-fluid .card-main .cards .card .info svg{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}
.web-services .wrapper-fluid .card-main .cards .card .info h3{font-size:clamp(24px,2.5vw,32px);color:var(--color_text-blue-dark);line-height:normal}
.web-services .wrapper-fluid .card-main .cards .card .info h3 mark{font-style:italic;font-weight:700;background-color:transparent;font-family:var(--primary_font_ssp);letter-spacing:normal;color:var(--color_text-blue-dark)}
.web-services .wrapper-fluid .card-main .cards .card.is-expanded .info{border-radius:32px 32px 0 0}
.web-services .wrapper-fluid .card-main .cards .card.is-expanded .info svg{-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.web-services .wrapper-fluid .card-main .cards .card.is-expanded .expand-more{border-radius:0}
.web-services .wrapper-fluid .card-main .cards .card figure{-ms-flex-negative:0;flex-shrink:0;min-height:350px;background-color:var(--color_text-yellow);border-radius:0 0 32px 32px}
.web-services .wrapper-fluid .card-main .cards .card figure img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;min-height:350px;max-height:350px;border-radius:32px}