https://insuranceon.uz/assets/Info-BI75Y7Nk.js

1import{j as e}from"./index-DoF9l6Pq.js";import{q as r}from"./styled-components.browser.esm-CWG_ZSa7.js";import{T as o}from"./TitelBlack-D2L7v38v.js";import{S as x,a as p}from"./swiper-react-Sztyom3C.js";import"./update-swiper-SRMQ-4Za.js";const s=r.div`
2  margin: 25px 0;
3  & > .card {
4    padding: 50px 30px;
5    border-radius: 20px;
6    background: #fff;
7    box-shadow: 3px -3px 15px rgba(0, 0, 0, 0.1);
8    @media (max-width: 576px) {
9      padding: 30px 16px 16px 16px;
10    }
11
12    & > .text {
13      margin-top: 14px;
14      @media (max-width: 450px) {
15        font-size: 12px;
16        font-weight: 500;
17        line-height: normal;
18      }
19    }
20  }
21`,d=r.div`
22  cursor: grab;
23  padding-top: 30px;
24  @media (max-width: 576px) {
25    padding-top: 16px;
26  }
27  & .infoSlider {
28    & .item {
29      width: 370px;
30      max-width: calc(100% - 30px);
31      height: auto;
32
33      padding: 24px 20px;
34
35      border-radius: 20px;
36      background: #fff;
37      border: 1px solid #e6e6e6;
38  
39
40      @media (max-width: 576px) {
41        width: 100%;
42        max-width: 100%;
43
44        padding: 16px;
45      }
46
47      & > .title {
48        /* color: #000; */
49        color: #00237e;
50        font-size: 17px;
51        font-style: normal;
52        font-weight: 700;
53        line-height: 135%;
54        /* letter-spacing: 1px; */
55        height: 90px;
56        @media (max-width: 450px) {
57          height: auto;
58          font-size: 12px;
59          line-height: normal;
60        }
61      }
62      & > .text {
63        color: #5b5a5a;
64        font-size: 18px;
65        font-style: normal;
66        font-weight: 500;
67        line-height: 27px; /* 150% */
68        strong {
69          font-weight: 900;
70        }
71        @media (max-width: 450px) {
72          margin-top: 20px;
73          line-height: normal;
74          font-size: 12px;
75        }
76        p:last-of-type {
77          border-left: 4px solid #00237e;
78          padding-left: 20px;
79
80          @media (max-width: 450px) {
81            border-left: 2px solid #00237e;
82          }
83        }
84      }
85    }
86  }
87`,l=({items:i=[]})=>e.jsx(e.Fragment,{children:e.jsx(d,{children:e.jsx(x,{slidesPerView:"auto",spaceBetween:20,pagination:{clickable:!0},className:"infoSlider",children:i.map((t,n)=>e.jsxs(p,{className:"item",children:[e.jsx("div",{className:"title",dangerouslySetInnerHTML:{__html:(t==null?void 0:t.title)??""}}),e.jsx("div",{className:"text",dangerouslySetInnerHTML:{__html:(t==null?void 0:t.desc)??""}})]},n))})})}),f=({data:i={}})=>e.jsx(e.Fragment,{children:e.jsx(s,{children:e.jsxs("div",{className:"card",children:[e.jsx(o,{word:(i==null?void 0:i.title)??""}),e.jsx("div",{className:"text",dangerouslySetInnerHTML:{__html:(i==null?void 0:i.desc)??""}}),e.jsx(l,{items:(i==null?void 0:i.items)??[]})]})})});export{f as default};