.datis-services-style-1 {
    --s1-gap: 24px;

    --s1-card-bg: #F5F6FA;
    --s1-card-bg-hover: #0B0D2C;
    --s1-card-radius: 28px;
    --s1-card-padding: 28px;
    --s1-card-min-height: auto;

    --s1-title-color: #0B0D2C;
    --s1-title-color-hover: #FFFFFF;
    --s1-desc-color: rgba(11, 13, 44, .70);
    --s1-desc-color-hover: rgba(255, 255, 255, .85);

    --s1-accent-color: #FF5F06;
    --s1-accent-color-hover: #FF5F06;

    --s1-icon-size: 48px;
    --s1-icon-fill: currentColor;
    --s1-icon-fill-hover: currentColor;

    --s1-hover-translate-y: 0px;
}

.datis-services-slider-nav-wrapper {
    width: fit-content;
    left: var(--datis-nav-offset-x);
    top: var(--datis-nav-offset-y);
    position: absolute;
    z-index: 10;
    display: flex;
    flex-direction: row;
    align-items: center;
}



.datis-services-style-1 .datis-services-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--s1-gap);
}

.datis-services-style-1 .datis-services-grid .service-card {
    grid-column: span 2;
}

.datis-services-style-1 .datis-services-grid .service-card:nth-child(n+4) {
    grid-column: span 3;
}

/* ===== CARD BASE ===== */

.datis-services-style-1 .service-card {
    position: relative;
    display: block;
    background: var(--s1-card-bg);
    border-radius: var(--s1-card-radius);
    padding: var(--s1-card-padding);
    min-height: var(--s1-card-min-height);
    text-decoration: none;
    overflow: hidden;
    transition:
        background-color .25s ease,
        color .25s ease,
        box-shadow .25s ease,
        transform .25s ease;
}

.datis-services-style-1 .service-card:hover {
    background-color: var(--s1-card-bg-hover);
    transform: translateY(var(--s1-hover-translate-y));
}

.datis-services-style-1 .service-card .row-1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

/* ICON – STYLE 1 (بدون پدینگ/بک‌گراند پیش‌فرض) */
.datis-services-style-1 .outline-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.datis-services-style-1 .outline-wrap svg,
.datis-services-style-1 .outline-wrap img {
    width: var(--s1-icon-size);
    height: var(--s1-icon-size);
    object-fit: contain;
    transition: opacity .25s ease, filter .25s ease, fill .25s ease;
    fill: var(--s1-icon-fill);
}

.datis-services-style-1 .service-card:hover .outline-wrap svg,
.datis-services-style-1 .service-card:hover .outline-wrap img {
    fill: var(--s1-icon-fill-hover);
}

/* BADGE (فلش گوشه بالا) */
.datis-services-style-1 .badge-wrap svg {
    display: block;
}

.datis-services-style-1 .badge-wrap svg rect {
    transition: fill .25s ease;
}

.datis-services-style-1 .service-card:hover .badge-wrap svg rect {
    fill: var(--datis-primary-color, #FF5F06);
}

/* TEXTS */
.datis-services-style-1 .service-title {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 800;
    font-size: 18px;
    color: var(--s1-title-color);
}

.datis-services-style-1 .service-title .accent {
    width: 36px;
    height: 6px;
    border-radius: 999px;
    background: var(--s1-accent-color);
}

.datis-services-style-1 .service-desc {
    margin-top: 10px;
    line-height: 1.9;
    color: var(--s1-desc-color);
}

.datis-services-style-1 .service-card:hover .service-title {
    color: var(--s1-title-color-hover);
}

.datis-services-style-1 .service-card:hover .service-desc {
    color: var(--s1-desc-color-hover);
}

.datis-services-style-1 .service-card:hover .service-title .accent {
    background: var(--s1-accent-color-hover);
}

/* ===== SLIDER SHELL & BASE ===== */

.datis-services-style-1 .datis-services-slider-shell {
    position: relative;
    width: 100%;
    padding: 16px 0;
}

.datis-services-style-1 .datis-services-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.datis-services-style-1 .datis-services-slider.swiper {
    width: 100%;
}

.datis-services-style-1 .datis-services-slider-wrapper {
    display: flex;
}

.datis-services-style-1 .datis-services-slider .service-slide {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.datis-services-style-1 .datis-services-slider .service-card {
    width: 100%;
    margin: 0 16px 8px;
}

.datis-services-style-1 .datis-services-slider-pagination.swiper-pagination {
    margin-top: 12px;
    position: static;
}

/* ===== SLIDER NAVIGATION BASE ===== */

.datis-services-style-1 .datis-services-slider-nav-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-direction: row;
    gap: 10px;
    margin-top: 24px;
    z-index: 100;
}

.datis-services-style-1 .datis-services-slider-nav {
    width: auto;
    height: auto;
    border-radius: 999px;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    cursor: pointer;
    background: transparent;
    outline: none;
    position: relative;
    transition: all 300ms;
}

.datis-services-style-1 .datis-services-slider-nav svg {
    display: block;
}

.datis-services-style-1 .datis-services-slider-nav svg path {
    transition: stroke .25s ease;
}

/* ===== NAV POSITION VARIANTS ===== */



.datis-services-slider-shell.nav-pos-top-left .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    margin-top: 0;
    justify-content: flex-start;
}

.datis-services-slider-shell.nav-pos-top-center .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    margin-top: 0;
    justify-content: center;
}

.datis-services-slider-shell.nav-pos-top-right .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 8px;
    right: 12px;
    width: auto;
    margin-top: 0;
    justify-content: flex-end;
}

.datis-services-slider-shell.nav-pos-bottom-left {
    padding-bottom: 32px;
}

.datis-services-slider-shell.nav-pos-bottom-left .datis-services-slider-nav-wrapper {
    position: absolute;
    bottom: 8px;
    left: 12px;
    width: auto;
    margin-top: 0;
    justify-content: flex-start;
}

.datis-services-slider-shell.nav-pos-bottom-right {
    padding-bottom: 32px;
}

.datis-services-slider-shell.nav-pos-bottom-right .datis-services-slider-nav-wrapper {
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: auto;
    margin-top: 0;
    justify-content: flex-end;
}

.datis-services-slider-shell.nav-pos-left-center .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    width: auto;
    margin-top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.datis-services-slider-shell.nav-pos-right-center .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    width: auto;
    margin-top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.datis-services-slider-shell.nav-pos-center-overlay .datis-services-slider-nav-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    margin-top: 0;
    justify-content: center;
    gap: 16px;
}

/* ===== LAYOUT LOGIC ===== */

.datis-services-style-1.layout-grid .datis-services-grid {
    display: grid;
}

.datis-services-style-1.layout-grid .datis-services-slider-shell {
    display: none;
}

.datis-services-style-1.layout-slider .datis-services-grid {
    display: none;
}

.datis-services-style-1.layout-slider .datis-services-slider-shell {
    display: block;
}



.datis-service-box.style-2 {
    position: relative;
    transition: all 300ms;
}

.datis-service-box.style-2::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 312px;
    height: 168px;
    right: -2px;
    bottom: -2px;
    border-radius: 24px;
    transform: skew(2deg) rotate(1deg);
    background: var(--datis-primary-color);

}

.datis-service-box.style-2:hover:before {
    background: var(--datis-secondary-color);
}

.datis-service-box.style-2 .service-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 80px 32px 32px 32px;
    gap: 24px;
    width: 413px;
    background: #ECF1F7;
    border-radius: 24px;
    position: relative;
    transition: all 300ms;
    z-index: 0;
}

.datis-service-box.style-2:hover .service-wrapper {
    background: var(--datis-partially-color);
}

.datis-service-box.style-2:hover .service-wrapper::before {
    content: '';
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%22128%22%20height%3D%22127%22%20viewBox%3D%220%200%20128%20127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M126.47%20134.132L122.318%20122.207C120.895%20118.12%20116.766%20115.625%20112.486%20116.267C108.713%20116.833%20104.993%20114.957%20103.204%20111.587L100.842%20107.137C98.3415%20102.425%2093.1979%2099.7389%2087.9022%20100.379C82.5251%20101.03%2077.3146%2098.2511%2074.8588%2093.4235L70.7212%2085.2898C68.456%2080.8368%2063.958%2077.9586%2058.9655%2077.7675L58.0773%2077.7335C53.1664%2077.5456%2048.7273%2074.7567%2046.4268%2070.4139L40.4015%2059.0399C38.5754%2055.5927%2034.8023%2053.64%2030.9334%2054.14C26.5416%2054.7075%2022.3532%2052.1188%2020.8971%2047.9367L19.6122%2044.2464C17.9863%2039.5765%2013.2105%2036.7778%208.34169%2037.6416C2.72679%2038.6377%20-2.59438%2034.7776%20-3.39032%2029.1308L-3.54926%2028.0032C-4.35011%2022.3217%20-9.32514%2018.1709%20-15.0582%2018.401L-17.0806%2018.4822C-22.6013%2018.7038%20-27.4857%2014.9332%20-28.669%209.53622C-30.229%202.42142%20-37.9717%20-1.42364%20-44.583%201.63328L-46.3166%202.43484M120.83%20140.892L116.678%20128.967C115.255%20124.881%20111.125%20122.386%20106.846%20123.027C103.073%20123.593%2099.3528%20121.717%2097.5641%20118.347L95.202%20113.897C92.7012%20109.185%2087.5577%20106.499%2082.2619%20107.14C76.8848%20107.79%2071.6743%20105.011%2069.2185%20100.184L65.0809%2092.0501C62.8157%2087.5971%2058.3177%2084.7189%2053.3252%2084.5278L52.437%2084.4938C47.5261%2084.3059%2043.087%2081.517%2040.7865%2077.1742L34.7612%2065.8002C32.9351%2062.353%2029.162%2060.4003%2025.2931%2060.9003C20.9013%2061.4678%2016.713%2058.8791%2015.2568%2054.697L13.972%2051.0067C12.346%2046.3368%207.57025%2043.5381%202.7014%2044.4019C-2.91349%2045.398%20-8.23466%2041.5379%20-9.0306%2035.8911L-9.18954%2034.7635C-9.9904%2029.082%20-14.9654%2024.9312%20-20.6985%2025.1613L-22.7209%2025.2425C-28.2416%2025.4641%20-33.1259%2021.6935%20-34.3093%2016.2965C-35.8693%209.18172%20-43.612%205.33666%20-50.2233%208.39358L-51.9569%209.19514M115.19%20147.653L111.038%20135.727C109.615%20131.641%20105.485%20129.146%20101.206%20129.788C97.4325%20130.353%2093.7126%20128.478%2091.9238%20125.107L89.5618%20120.657C87.0609%20115.945%2081.9174%20113.259%2076.6216%20113.9C71.2446%20114.55%2066.034%20111.772%2063.5783%20106.944L59.4407%2098.8104C57.1754%2094.3574%2052.6774%2091.4792%2047.6849%2091.2881L46.7967%2091.2541C41.8858%2091.0662%2037.4467%2088.2773%2035.1462%2083.9345L29.1209%2072.5605C27.2948%2069.1133%2023.5217%2067.1606%2019.6528%2067.6606C15.261%2068.2282%2011.0727%2065.6394%209.61655%2061.4573L8.33167%2057.767C6.70569%2053.0971%201.92997%2050.2984%20-2.93888%2051.1622C-8.55378%2052.1583%20-13.8749%2048.2982%20-14.6709%2042.6514L-14.8298%2041.5238C-15.6307%2035.8423%20-20.6057%2031.6915%20-26.3388%2031.9216L-28.3612%2032.0028C-33.8819%2032.2244%20-38.7662%2028.4538%20-39.9496%2023.0568C-41.5096%2015.942%20-49.2523%2012.097%20-55.8636%2015.1539L-57.5972%2015.9554M109.55%20154.413L105.397%20142.488C103.975%20138.401%2099.8447%20135.906%2095.5656%20136.548C91.7922%20137.114%2088.0723%20135.238%2086.2835%20131.868L83.9215%20127.417C81.4207%20122.706%2076.2771%20120.02%2070.9814%20120.66C65.6043%20121.311%2060.3937%20118.532%2057.938%20113.704L53.8004%20105.571C51.5351%20101.118%2047.0371%2098.2395%2042.0447%2098.0484L41.1564%2098.0145C36.2456%2097.8265%2031.8064%2095.0376%2029.5059%2090.6949L23.4806%2079.3208C21.6545%2075.8736%2017.8814%2073.9209%2014.0126%2074.4209C9.62073%2074.9885%205.4324%2072.3997%203.97627%2068.2176L2.69138%2064.5273C1.0654%2059.8574%20-3.71032%2057.0587%20-8.57916%2057.9225C-14.1941%2058.9186%20-19.5152%2055.0585%20-20.3112%2049.4118L-20.4701%2048.2841C-21.271%2042.6026%20-26.246%2038.4518%20-31.9791%2038.6819L-34.0014%2038.7631C-39.5222%2038.9847%20-44.4065%2035.2141%20-45.5899%2029.8171C-47.1499%2022.7023%20-54.8926%2018.8573%20-61.5039%2021.9142L-63.2374%2022.7158M103.909%20161.173L99.7571%20149.248C98.3343%20145.162%2094.2044%20142.667%2089.9253%20143.308C86.1519%20143.874%2082.432%20141.998%2080.6432%20138.628L78.2812%20134.178C75.7804%20129.466%2070.6368%20126.78%2065.3411%20127.421C59.964%20128.071%2054.7535%20125.292%2052.2977%20120.465L48.1601%20112.331C45.8948%20107.878%2041.3968%20105%2036.4044%20104.809L35.5161%20104.775C30.6053%20104.587%2026.1662%20101.798%2023.8656%2097.4552L17.8404%2086.0811C16.0142%2082.6339%2012.2411%2080.6812%208.37227%2081.1812C3.98045%2081.7488%20-0.207888%2079.16%20-1.66402%2074.9779L-2.9489%2071.2876C-4.57488%2066.6177%20-9.3506%2063.819%20-14.2194%2064.6828C-19.8343%2065.6789%20-25.1555%2061.8188%20-25.9515%2056.1721L-26.1104%2055.0445C-26.9112%2049.3629%20-31.8863%2045.2121%20-37.6194%2045.4422L-39.6417%2045.5234C-45.1624%2045.745%20-50.0468%2041.9744%20-51.2302%2036.5774C-52.7901%2029.4626%20-60.5329%2025.6176%20-67.1442%2028.6745L-68.8777%2029.4761M98.2689%20167.933L94.1168%20156.008C92.694%20151.922%2088.5641%20149.427%2084.285%20150.068C80.5116%20150.634%2076.7917%20148.759%2075.0029%20145.388L72.6409%20140.938C70.1401%20136.226%2064.9965%20133.54%2059.7008%20134.181C54.3237%20134.831%2049.1132%20132.053%2046.6574%20127.225L42.5198%20119.091C40.2545%20114.638%2035.7565%20111.76%2030.7641%20111.569L29.8758%20111.535C24.965%20111.347%2020.5259%20108.558%2018.2254%20104.215L12.2001%2092.8414C10.3739%2089.3942%206.60084%2087.4415%202.73198%2087.9415C-1.65984%2088.5091%20-5.84817%2085.9203%20-7.3043%2081.7382L-8.58918%2078.048C-10.2152%2073.378%20-14.9909%2070.5793%20-19.8597%2071.4431C-25.4746%2072.4392%20-30.7958%2068.5791%20-31.5917%2062.9324L-31.7507%2061.8048C-32.5515%2056.1232%20-37.5266%2051.9724%20-43.2596%2052.2025L-45.282%2052.2837C-50.8027%2052.5053%20-55.6871%2048.7347%20-56.8704%2043.3377C-58.4304%2036.2229%20-66.1732%2032.3779%20-72.7845%2035.4348L-74.518%2036.2364M92.6287%20174.694L88.4765%20162.769C87.0537%20158.682%2082.9238%20156.187%2078.6447%20156.829C74.8713%20157.395%2071.1514%20155.519%2069.3626%20152.149L67.0006%20147.698C64.4998%20142.987%2059.3562%20140.301%2054.0605%20140.941C48.6834%20141.592%2043.4729%20138.813%2041.0171%20133.985L36.8795%20125.852C34.6143%20121.399%2030.1162%20118.52%2025.1238%20118.329L24.2355%20118.295C19.3247%20118.107%2014.8856%20115.318%2012.5851%20110.976L6.55978%2099.6017C4.73366%2096.1545%200.960553%2094.2018%20-2.9083%2094.7018C-7.30012%2095.2694%20-11.4885%2092.6806%20-12.9446%2088.4985L-14.2295%2084.8083C-15.8554%2080.1383%20-20.6312%2077.3396%20-25.5%2078.2034C-31.1149%2079.1996%20-36.4361%2075.3394%20-37.232%2069.6927L-37.391%2068.5651C-38.1918%2062.8835%20-43.1668%2058.7327%20-48.8999%2058.9628L-50.9223%2059.044C-56.443%2059.2656%20-61.3274%2055.495%20-62.5107%2050.0981C-64.0707%2042.9832%20-71.8134%2039.1382%20-78.4247%2042.1951L-80.1583%2042.9967M86.9884%20181.454L82.8362%20169.529C81.4134%20165.442%2077.2835%20162.947%2073.0044%20163.589C69.2311%20164.155%2065.5111%20162.279%2063.7224%20158.909L61.3603%20154.459C58.8595%20149.747%2053.716%20147.061%2048.4202%20147.702C43.0431%20148.352%2037.8326%20145.573%2035.3768%20140.746L31.2392%20132.612C28.974%20128.159%2024.476%20125.281%2019.4835%20125.09L18.5953%20125.056C13.6844%20124.868%209.2453%20122.079%206.94479%20117.736L0.9195%20106.362C-0.906628%20102.915%20-4.67973%20100.962%20-8.54858%20101.462C-12.9404%20102.03%20-17.1287%2099.4409%20-18.5849%2095.2588L-19.8698%2091.5686C-21.4957%2086.8987%20-26.2715%2084.1%20-31.1403%2084.9637C-36.7552%2085.9599%20-42.0764%2082.0997%20-42.8723%2076.453L-43.0312%2075.3254C-43.8321%2069.6438%20-48.8071%2065.493%20-54.5402%2065.7231L-56.5626%2065.8043C-62.0833%2066.0259%20-66.9677%2062.2553%20-68.151%2056.8584C-69.711%2049.7435%20-77.4537%2045.8985%20-84.065%2048.9554L-85.7986%2049.757M81.3481%20188.214L77.1959%20176.289C75.7731%20172.203%2071.6433%20169.708%2067.3641%20170.349C63.5908%20170.915%2059.8709%20169.04%2058.0821%20165.669L55.7201%20161.219C53.2192%20156.507%2048.0757%20153.821%2042.7799%20154.462C37.4029%20155.112%2032.1923%20152.334%2029.7366%20147.506L25.5989%20139.372C23.3337%20134.919%2018.8357%20132.041%2013.8432%20131.85L12.955%20131.816C8.04414%20131.628%203.60502%20128.839%201.30451%20124.496L-4.72078%20113.122C-6.54691%20109.675%20-10.32%20107.722%20-14.1889%20108.222C-18.5807%20108.79%20-22.769%20106.201%20-24.2252%20102.019L-25.51%2098.3289C-27.136%2093.659%20-31.9117%2090.8603%20-36.7806%2091.724C-42.3955%2092.7202%20-47.7166%2088.86%20-48.5126%2083.2133L-48.6715%2082.0857C-49.4724%2076.4041%20-54.4474%2072.2533%20-60.1805%2072.4835L-62.2029%2072.5646C-67.7236%2072.7862%20-72.6079%2069.0156%20-73.7913%2063.6187C-75.3513%2056.5039%20-83.094%2052.6588%20-89.7053%2055.7157L-91.4389%2056.5173M75.7078%20194.975L71.5557%20183.049C70.1329%20178.963%2066.003%20176.468%2061.7238%20177.11C57.9505%20177.675%2054.2306%20175.8%2052.4418%20172.43L50.0798%20167.979C47.579%20163.268%2042.4354%20160.582%2037.1397%20161.222C31.7626%20161.873%2026.552%20159.094%2024.0963%20154.266L19.9587%20146.133C17.6934%20141.68%2013.1954%20138.801%208.20295%20138.61L7.3147%20138.576C2.40386%20138.388%20-2.03526%20135.599%20-4.33578%20131.257L-10.3611%20119.883C-12.1872%20116.435%20-15.9603%20114.483%20-19.8292%20114.983C-24.221%20115.55%20-28.4093%20112.962%20-29.8654%20108.779L-31.1503%20105.089C-32.7763%20100.419%20-37.552%2097.6206%20-42.4209%2098.4843C-48.0358%2099.4805%20-53.3569%2095.6203%20-54.1529%2089.9736L-54.3118%2088.846C-55.1127%2083.1644%20-60.0877%2079.0136%20-65.8208%2079.2438L-67.8431%2079.3249C-73.3639%2079.5465%20-78.2482%2075.7759%20-79.4316%2070.379C-80.9916%2063.2642%20-88.7343%2059.4191%20-95.3456%2062.476L-97.0791%2063.2776M70.0675%20201.735L65.9154%20189.81C64.4926%20185.723%2060.3627%20183.228%2056.0836%20183.87C52.3102%20184.436%2048.5903%20182.56%2046.8015%20179.19L44.4395%20174.74C41.9387%20170.028%2036.7951%20167.342%2031.4994%20167.982C26.1223%20168.633%2020.9118%20165.854%2018.456%20161.027L14.3184%20152.893C12.0531%20148.44%207.55511%20145.562%202.56267%20145.371L1.67441%20145.337C-3.23642%20145.149%20-7.67555%20142.36%20-9.97607%20138.017L-16.0014%20126.643C-17.8275%20123.196%20-21.6006%20121.243%20-25.4694%20121.743C-29.8613%20122.311%20-34.0496%20119.722%20-35.5057%20115.54L-36.7906%20111.849C-38.4166%20107.18%20-43.1923%20104.381%20-48.0612%20105.245C-53.6761%20106.241%20-58.9972%20102.381%20-59.7932%2096.7339L-59.9521%2095.6063C-60.753%2089.9247%20-65.728%2085.7739%20-71.4611%2086.0041L-73.4834%2086.0852C-79.0042%2086.3068%20-83.8885%2082.5362%20-85.0719%2077.1393C-86.6319%2070.0245%20-94.3746%2066.1794%20-100.986%2069.2363L-102.719%2070.0379M64.4272%20208.495L60.2751%20196.57C58.8523%20192.484%2054.7224%20189.989%2050.4433%20190.63C46.6699%20191.196%2042.95%20189.32%2041.1612%20185.95L38.7992%20181.5C36.2984%20176.788%2031.1548%20174.102%2025.8591%20174.743C20.482%20175.393%2015.2715%20172.614%2012.8157%20167.787L8.67809%20159.653C6.41284%20155.2%201.91483%20152.322%20-3.07761%20152.131L-3.96588%20152.097C-8.87671%20151.909%20-13.3158%20149.12%20-15.6163%20144.777L-21.6416%20133.403C-23.4678%20129.956%20-27.2409%20128.003%20-31.1097%20128.503C-35.5015%20129.071%20-39.6899%20126.482%20-41.146%20122.3L-42.4309%20118.61C-44.0569%20113.94%20-48.8326%20111.141%20-53.7014%20112.005C-59.3163%20113.001%20-64.6375%20109.141%20-65.4334%20103.494L-65.5924%20102.367C-66.3932%2096.685%20-71.3683%2092.5343%20-77.1013%2092.7644L-79.1237%2092.8456C-84.6444%2093.0671%20-89.5288%2089.2966%20-90.7121%2083.8996C-92.2721%2076.7848%20-100.015%2072.9397%20-106.626%2075.9966L-108.36%2076.7982M58.787%20215.256L54.6348%20203.33C53.212%20199.244%2049.0821%20196.749%2044.803%20197.391C41.0296%20197.956%2037.3097%20196.081%2035.5209%20192.711L33.1589%20188.26C30.6581%20183.548%2025.5145%20180.863%2020.2188%20181.503C14.8417%20182.153%209.63119%20179.375%207.17542%20174.547L3.03781%20166.413C0.772553%20161.96%20-3.72546%20159.082%20-8.7179%20158.891L-9.60616%20158.857C-14.517%20158.669%20-18.9561%20155.88%20-21.2566%20151.538L-27.2819%20140.164C-29.108%20136.716%20-32.8811%20134.764%20-36.75%20135.264C-41.1418%20135.831%20-45.3302%20133.242%20-46.7863%20129.06L-48.0712%20125.37C-49.6972%20120.7%20-54.4729%20117.901%20-59.3417%20118.765C-64.9566%20119.761%20-70.2778%20115.901%20-71.0737%20110.255L-71.2327%20109.127C-72.0335%20103.445%20-77.0085%2099.2946%20-82.7416%2099.5247L-84.764%2099.6059C-90.2847%2099.8274%20-95.1691%2096.0569%20-96.3524%2090.6599C-97.9124%2083.5451%20-105.655%2079.7%20-112.266%2082.7569L-114%2083.5585%22%20stroke%3D%22%23F6FAFE%22%20stroke-opacity%3D%220.16%22%20stroke-width%3D%221.14838%22%2F%3E%0A%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    background-position: bottom left;
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

.datis-service-box.style-2 .service-wrapper .service-icon {
    position: absolute;
    top: -70px;
    width: 148px;
    height: 130px;
    background: #0A2647;
    border-radius: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 300ms;
    mask-image: url('data:image/svg+xml,%3Csvg%20width%3D%22148%22%20height%3D%22122%22%20viewBox%3D%220%200%20148%20122%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%2097.8719C0%20111.127%2010.7452%20121.872%2024%20121.872H124C137.255%20121.872%20148%20111.127%20148%2097.8719V24.0155C148%207.97254%20132.563%20-3.55356%20117.181%201.00457L17.1811%2030.6378C6.99064%2033.6575%200%2043.0202%200%2053.6487V97.8719Z%22%20fill%3D%22%230A2647%22%2F%3E%0A%3C%2Fsvg%3E');
    mask-size: cover;
}

.datis-service-box.style-2:hover .service-wrapper .service-icon {
    background: var(--datis-secondary-color);
}

.datis-service-box.style-2 .service-wrapper .service-icon svg path {
    transition: all 300ms;
}

.datis-service-box.style-2:hover .service-wrapper .service-icon svg path {
    stroke: var(--datis-partially-color);
}

.datis-service-box.style-2 .service-wrapper .service-title {
    font-weight: 700;
    font-size: 18px;
    line-height: 44px;
    text-align: right;
    color: #0A2647;
    transition: all 300ms;
}


.datis-service-box.style-2 .service-wrapper .service-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 34px;
    text-align: right;
    color: rgba(10, 38, 71, 0.64);
    transition: all 300ms;
}

.datis-service-box.style-2:hover .service-wrapper .service-title,
.datis-service-box.style-2:hover .service-wrapper .service-desc {
    color: #F6FAFE;
}



.datis-service-box.style-2 .service-wrapper .read-more {
    position: absolute;
    left: 17px;
    top: 17px;
    display: none;
    z-index: 10;
}

.datis-service-box.style-2:hover .service-wrapper .read-more {
    display: block;
}

.datis-service-box.style-2 .service-wrapper .service-content {
    position: relative;
    z-index: 15;
}

.datis-services-slider {
    overflow-y: visible !important;
    overflow-x: clip !important;
    padding: 0 5px;
}




.datis-service-box.style-3 .service-wrapper {

    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transition: all 300ms;

}



.datis-service-box.style-3 .service-wrapper .service-icon {
    width: 114px;
    height: 79px;
    background: rgba(11, 61, 145, 0.06);
    border-radius: 80px 80px 0px 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    transition: all 300ms;
    position: relative;
    overflow: hidden;
}


.datis-service-box.style-3 .service-wrapper:hover .service-icon {
    background: var(--datis-secondary-color);
}

.datis-service-box.style-3 .service-wrapper:hover .service-icon::before {
    content: '';
    position: absolute;
    width: 80px;
    height: 100%;
    background: url('../../../../../assets/image/vector.svg');
    background-position: center;
    background-repeat: no-repeat;
    z-index: 0;
    right: -25px;
    top: 0;
    background-size: cover;
}

.datis-service-box.style-3 .service-wrapper:hover .service-icon svg,
.datis-service-box.style-3 .service-wrapper:hover .service-icon svg path {
    transition: all 300ms;
}

.datis-service-box.style-3 .service-wrapper:hover .service-icon svg path {
    fill: #fff;
    fill-opacity: 1;
}

.datis-service-box.style-3 .service-wrapper .service-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px;
    left: 0px;
    background: #FFFFFF;
    border-radius: 20px;
    border: 1px solid transparent;
    transition: all 300ms;
}

.datis-service-box.style-3 .service-wrapper:hover .service-content {
    border: 1px solid var(--datis-secondary-color);
}

.datis-service-box.style-3 .service-wrapper .service-content .service-title,
.datis-service-box.style-3 .service-wrapper .service-content .service-title *{
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    color: #04142F;
}


.datis-service-box.style-3 .service-wrapper .service-content .service-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    color: rgba(11, 61, 145, 0.6);
}

.datis-service-box.style-3 .service-wrapper .read-more {
    width: 114px;
    height: 35px;
    background: var(--datis-secondary-color);
    border-radius: 0 0 24px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
    transition: all 300ms;
    transform: translateY(-101%);
    position: relative;
    z-index: -1;
}

.datis-service-box.style-3 .service-wrapper:hover .read-more {
    transform: translate(0);
}




.datis-services.datis-services-style-3.layout-slider .datis-services-slider-nav-prev {
    transform: rotate(180deg);
}


.architecture-demo .datis-services-style-1 .datis-services-slider-nav-prev:hover::before,
.architecture-demo .datis-services-style-1 .datis-services-slider-nav-next:hover::before,
.architecture-demo .datis-services-style-1 .datis-services-slider-nav-next::before{
  content:'';
  position:absolute;
  width:20px;
  height:9px;
  border-radius:1000px;
  background: var(--datis-primary-color);
  z-index:-1;
  top:2px;
  right:4px;
  transition: all 300ms;
}

.architecture-demo .datis-services-style-1 .datis-services-slider-nav-prev:hover::before{
  right:unset;
  left:4px;
}





@media (max-width: 1023px) {
    .datis-services-style-1 .datis-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .datis-services-style-1 .datis-services-grid .service-card,
    .datis-services-style-1 .datis-services-grid .service-card:nth-child(n+4) {
        grid-column: span 1;
    }

    .datis-services-style-2 .datis-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .datis-services-style-1.layout-grid .datis-services-grid {
        display: none;
    }

    .datis-services-style-1.layout-grid .datis-services-slider-shell {
        display: block;
    }

    .datis-services-style-1.layout-slider .datis-services-slider-shell {
        display: block;
    }

    .datis-services-style-2.layout-grid .datis-services-grid {
        display: none;
    }

    .datis-services-style-2.layout-grid .datis-services-slider-shell {
        display: block;
    }

    .datis-service-box.style-2 .service-wrapper {
        width: 100%;
    }



}