@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--color-s-black-v-100: #12192E;--color-s-black-v-200: #343434;--color-s-blue-v-100: #172F74;--color-s-blue-v-200: #3A67FC;--color-s-red-v-100: red;--color-s-red-v-200: #DB1212;--color-s-gray-v-100: #676776;--color-s-gray-v-200: #a4a4ad;--color-s-gray-v-300: #e1e1e4;--color-s-gray-v-400: #F4F6F8;--color-s-gray-v-500: #D9D9D9;--color-s-white-v-100: #fff;--space-xxs: 8px;--space-xs: 16px;--space-sm: 32px;--space-md: 40px;--space-lg: 48px;--space-xl: 60px;--space-xxl: 72px;--space-xxxl: 80px;--space-xxxx: 100px;--space-xxxxx: 120px}@use '../abstracts/variables' as *;.section-services-we-offer{width:100%;padding:40px 0;margin:0;overflow:hidden}@media (max-width: 767px){.section-services-we-offer{padding:20px 0}}.section-services-we-offer .container{display:flex;flex-direction:column;justify-content:space-between;gap:60px;color:#12192E;margin-bottom:80px}.section-services-we-offer__top{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center}.section-services-we-offer__grid{width:100%}.section-services-we-offer__grid .services-list{margin:0;padding:0;list-style-type:none;display:grid;-webkit-column-gap:55px;-moz-column-gap:55px;column-gap:55px;row-gap:30px}@media (max-width: 767px){.section-services-we-offer__grid .services-list{row-gap:15px}}.section-services-we-offer__grid .services-list .service-item{background:linear-gradient(white, white) padding-box,linear-gradient(to right, #3A67FC, #172F74) border-box;border-radius:16px;border:3px solid transparent;position:relative;z-index:0}.section-services-we-offer__grid .services-list .service-item__normal{position:relative;z-index:1;padding:35px 35px 60px 35px;display:flex;flex-direction:column;gap:20px}@media (max-width: 767px){.section-services-we-offer__grid .services-list .service-item__normal{padding:20px 22px 35px 22px;gap:10px}}.section-services-we-offer__grid .services-list .service-item__normal::after{content:'';width:25px;height:22px;position:absolute;bottom:35px;right:35px;background:url("../../images/icon_arrow-gradient_right.svg") no-repeat center;background-size:contain}.section-services-we-offer__grid .services-list .service-item__normal__title{font-size:28px}.section-services-we-offer__grid .services-list .service-item__normal p{color:#676776;line-height:1.5;text-align:justify}.section-services-we-offer__grid .services-list .service-item__normal .keywords{margin:0;padding:0;list-style-type:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;color:#676776}.section-services-we-offer__grid .services-list .service-item__hover{border-radius:16px;width:calc(100% - 64px);height:calc(100% - 59px);background:url("../../images/card-pattern.svg") center center no-repeat;background-size:cover;display:flex;align-items:flex-end;padding:35px 35px 30px 35px;position:absolute;top:-3px;left:-3px;bottom:-3px;right:-3px;z-index:2;opacity:0;text-decoration:none;transition:all .25s ease-in-out}@media (max-width: 767px){.section-services-we-offer__grid .services-list .service-item__hover{width:calc(100% - 38px);height:calc(100% - 34px);padding:20px 22px 20px 22px}}.section-services-we-offer__grid .services-list .service-item__hover span{color:#fff;margin-right:35px}.section-services-we-offer__grid .services-list .service-item__hover::after{content:'';width:25px;height:22px;position:absolute;bottom:35px;right:35px;background:url("../../images/icon_arrow-white_right.svg") no-repeat center;background-size:contain}.section-services-we-offer__grid .services-list .service-item:hover .service-item__hover{opacity:1}@media (max-width: 767px){.section-services-we-offer__grid .services-list .service-item:hover .service-item__hover{opacity:0}}.section-services-we-offer__grid--2 ul{grid-template-columns:repeat(2, 1fr)}@media (max-width: 767px){.section-services-we-offer__grid--2 ul{grid-template-columns:repeat(1, 1fr)}}.section-services-we-offer__grid--3 ul{grid-template-columns:repeat(3, 1fr)}@media (max-width: 767px){.section-services-we-offer__grid--3 ul{grid-template-columns:repeat(1, 1fr)}}.section-services-we-offer--gray{padding-bottom:0;background:#F4F6F8}

/*# sourceMappingURL=services-we-offer.css.map */