.service-section{.service-cover{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:60px}}@media (max-width:991px){.service-section{.service-cover{grid-template-columns:repeat(2,1fr)}.service-card{&:nth-child(2n){transform:translateY(30px)}}}}@media (max-width:767px){.service-section{.service-cover{grid-template-columns:repeat(1,1fr)}.service-card{&:nth-child(2n){transform:translateY(0)}}}}@keyframes odd-top-down{0%{transform:translateY(0)}50%{transform:translateY(54px)}to{transform:translateY(0)}}@keyframes even-top-down{0%{transform:translateY(54px)}50%{transform:translateY(0)}to{transform:translateY(54px)}}.service-card{border:1px solid var(--border);border-radius:16px;width:100%;overflow:hidden;max-width:342px;margin-left:auto;margin-right:auto;animation-timing-function:ease-in-out;animation-duration:6s;animation-iteration-count:infinite;animation-direction:alternate;transition:all .5s ease-out;outline:2px solid transparent;outline-offset:-1px;.service-card-link{padding:30px 40px;display:flex;flex-direction:column;gap:40px;height:100%}.image-cover{height:80px;width:80px;overflow:hidden;display:flex;align-items:center;justify-content:center}.icon{width:100%;object-fit:contain}.text-cover{.title{font-size:24px;line-height:34px;color:var(--text-primary);font-weight:700;display:flex;align-items:center;gap:20px;overflow:hidden;&:before{content:"";display:block;height:28px;border-right:3px solid var(--primary);background-color:var(--primary);animation:title-line 1.5s linear infinite forwards}}.points-cover{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;li{display:flex;gap:16px;align-items:center;color:var(--text-color);&:before{content:"";display:block;border:3px solid var(--primary);border-radius:50%}}}}&:nth-child(odd){animation-name:odd-top-down}&:nth-child(2n){animation-name:even-top-down;transform:translateY(60px)}&:hover{outline-color:var(--primary);outline-offset:4px;border-color:transparent}}@media screen and (max-width:1439px){.service-card{.service-card-link{padding:24px;gap:32px}.image-cover{width:72px;height:72px;svg{width:52px;height:52px}}}}@media screen and (max-width:1323px){.service-card{.service-card-link{padding:12px;gap:24px}.text-cover{.title{font-size:24px;line-height:33px;gap:10px}}}}@media (max-width:1023px){.service-card{.image-cover{width:68px;height:68px;svg{width:48px;height:48px}}}}@media (max-width:991px){.service-card{.image-cover{width:64px;height:64px;svg{width:42px;height:42px}}}}@media (max-width:767px){.service-card{animation:none;transform:translateY(0)!important}}@media screen and (max-width:575px){.service-card{max-width:100%;border-radius:12px;.service-card-link{padding:20px;gap:24px}.image-cover{width:60px;height:60px;svg{width:38px;height:38px}}.text-cover{.title{font-size:20px;line-height:28px;gap:12px;&:before{height:20px}}.points-cover{gap:8px;li{font-size:14px;gap:10px}}}}}@media screen and (max-width:359px){.service-card{border-radius:10px;.service-card-link{padding:16px;gap:16px}.image-cover{width:56px;height:56px;svg{width:50px;height:50px}}.text-cover{.title{font-size:18px;line-height:24px;gap:10px;&:before{height:16px}}.points-cover{gap:6px;li{font-size:13px;gap:8px;&:before{border-width:2px}}}}}}@keyframes title-line{0%{transform:translateY(calc(-100% - 20px))}50%{transform:translateY(0)}to{transform:translateY(calc(100% + 20px))}}.page-banner-content{background-position:50%;background-size:cover;background-repeat:no-repeat;position:relative;aspect-ratio:24/5;display:flex;align-items:center;justify-content:center;.content-cover{position:absolute;z-index:2;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;.heading{background-color:transparent!important;color:var(--text-primary);font-weight:700;font-size:clamp(24px,5vw,48px);line-height:clamp(32px,6vw,62px);text-align:center}.path-section{*{transition:all .3s ease-in-out}.title{font-size:16px;line-height:22px;position:relative;font-weight:600;text-decoration:none;color:var(--text-primary);&:hover{color:var(--primary)}&:hover:after{width:100%;border-color:var(--primary)}&:last-child{color:var(--primary);text-align:center;&:after{display:none}}}}}}@media screen and (max-width:1199px){.page-banner-content{min-height:250px;aspect-ratio:auto}}@media screen and (max-width:767px){.page-banner-content{min-height:200px}}@media screen and (max-width:575px){.page-banner-content{.content-cover{.path-section{.title{font-size:14px;line-height:16px}}}}}.common-section-title{display:flex;flex-direction:column;gap:12px;.section-name{color:var(--primary);font-size:18px;line-height:24px}.title{font-size:44px;line-height:58px;color:var(--text-primary);font-weight:700;text-transform:capitalize;max-width:712px}}@media screen and (max-width:1399px){.common-section-title{.title{font-size:46px;line-height:70px}}}@media screen and (max-width:1199px){.common-section-title{.title{font-size:36px;line-height:50px}}}@media screen and (max-width:991px){.common-section-title{.title{font-size:36px;line-height:48px}.section-name{font-size:16px;line-height:22px}}}@media screen and (max-width:575px){.common-section-title{.title{font-size:30px;line-height:46px}.section-name{font-size:15px;line-height:20px}}}@media screen and (max-width:460px){.common-section-title{.title{font-size:24px;line-height:36px}.section-name{font-size:14px;line-height:18px}}}