main{
    margin-top: 0px;
}
.hero{
    display: grid;
    grid-template-columns: 1.4fr 1fr;
    /* grid-template-rows: min(800px, calc(100vh - 134px)); */
    grid-template-rows: 600px;
    gap: 10px;
}
.hero .btn{
    max-width: fit-content;
}
.hero-info{
    padding: 60px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 32px;
    background: url('data:image/svg+xml,%3Csvg%20width%3D%22371%22%20height%3D%22482%22%20viewBox%3D%220%200%20371%20482%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20opacity%3D%220.05%22%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M155.303%200.777571C154.551%201.21026%20152.79%201.95728%20151.388%202.43786C149.721%203.00927%20147.99%204.22587%20146.381%205.95772C142.75%209.86678%20141.498%2012.6903%20141.204%2017.6337C140.919%2022.4351%20141.436%2024.4229%20144.241%2029.3207C145.308%2031.183%20148.566%2036.9181%20151.481%2042.0652C168.453%2072.0313%20170.225%2074.9253%20173.406%2077.8611C178.207%2082.2925%20179.497%2082.8017%20185.922%2082.8017C191.427%2082.8017%20191.792%2082.7269%20194.8%2080.9763C199.491%2078.2464%20200.374%2076.9968%20212.566%2055.8275C215.879%2050.0749%20220.06%2042.7671%20221.856%2039.588C223.653%2036.4088%20226.125%2032.0522%20227.351%2029.907C230.554%2024.3013%20231.479%2020.7258%20230.81%2016.5421C230.173%2012.5581%20229.266%2010.5169%20226.501%206.84291C224.711%204.46423%20223.785%203.82841%20219.532%202.05472L214.627%200.00963208L185.648%200.000273683C161.525%20-0.00688274%20156.441%200.123034%20155.303%200.777571ZM114.843%2018.4396C108.886%2020.6383%2095.7573%2025.2267%2084.2245%2029.1401C76.3949%2031.7974%2048.9235%2041.2884%2038.8434%2044.8193C35.9866%2045.8195%2028.3593%2048.4911%2021.8938%2050.7558C7.68847%2055.7312%201.02784%2058.1897%200.296819%2058.7281C-0.308991%2059.174%200.104362%20268.941%200.71564%20271.346C0.908099%20272.103%201.34441%20274.828%201.68504%20277.401C5.666%20307.492%2017.4181%20336.046%2036.2485%20361.379C45.8654%20374.317%2056.5409%20385.189%2070.9016%20396.671C88.8369%20411.012%2094.7348%20415.668%2098.5769%20418.524L102.814%20421.674V419.868C102.814%20418.875%20103.304%20413.354%20103.903%20407.598C104.502%20401.843%20105.361%20393.17%20105.812%20388.326C106.263%20383.482%20106.996%20375.926%20107.441%20371.536C107.886%20367.146%20108.257%20362.43%20108.266%20361.057L108.282%20358.56L102.404%20353.813C93.8135%20346.874%2083.4377%20336.073%2077.4414%20327.826C66.5685%20312.871%2059.769%20297.483%2056.1336%20279.603C52.7294%20262.862%2052.5288%20256.842%2052.52%20171.026L52.5124%2096.8542L54.5627%2095.9751C57.7394%2094.6137%2063.9271%2092.3842%2067.5483%2091.2964C70.5959%2090.3815%2085.0517%2085.4177%20103.908%2078.8118C108.268%2077.2841%20116.757%2074.3131%20122.771%2072.2097C128.785%2070.1068%20134.506%2067.9687%20135.483%2067.4595C137.318%2066.5038%20137.637%2065.4551%20137.344%2061.3638C137.235%2059.8483%20132.566%2050.8125%20127.887%2043.0605C122.425%2034.0131%20120.857%2029.2904%20120.857%2021.8813C120.857%2018.9037%20120.673%2016.4793%20120.447%2016.4947C120.221%2016.5096%20117.7%2017.3849%20114.843%2018.4396ZM251.41%2022.3536C251.087%2029.5734%20250.266%2031.8276%20243.516%2044.0277C234.542%2060.2496%20234.643%2060.0217%20234.86%2063.5889C235.09%2067.3895%20235.131%2067.4187%20245.245%2070.8753C248.854%2072.1084%20255.743%2074.5074%20260.555%2076.2063C265.366%2077.9045%20272.255%2080.3041%20275.864%2081.5384C279.472%2082.7726%20286.608%2085.2597%20291.72%2087.0659C296.832%2088.872%20304.703%2091.5854%20309.211%2093.096C313.719%2094.606%20317.808%2096.0576%20318.298%2096.3213C319.116%2096.7623%20319.172%20103.422%20318.986%20178.156C318.79%20256.917%20318.747%20259.8%20317.635%20268.593C314.171%20295.973%20304.283%20317.608%20285.524%20338.844C280.942%20344.032%20274.158%20350.257%20266.704%20356.115C263.001%20359.026%20263.142%20357.951%20264.636%20371.776C266.127%20385.568%20267.812%20403.333%20268.531%20412.823C268.864%20417.213%20269.228%20420.902%20269.341%20421.02C269.781%20421.479%20290.538%20405.237%20304.842%20393.242C333.485%20369.223%20352.498%20341.287%20363.523%20307.018C366.536%20297.654%20367.642%20293.058%20369.458%20282.356L371%20273.273V165.714V58.1556L361.705%2054.8834C352.702%2051.7131%20348.57%2050.2802%20314.684%2038.5723C287.143%2029.0565%20257.099%2018.5002%20252.47%2016.7116C251.816%2016.4584%20251.629%2017.4493%20251.41%2022.3536ZM156.179%2076.3334C156.007%2077.4691%20155.61%2081.9898%20155.297%2086.3799C154.655%2095.3871%20153.064%20112.522%20151.463%20127.667C150.871%20133.268%20149.894%20143.177%20149.292%20149.687C148.69%20156.196%20147.574%20167.592%20146.81%20175.009C146.048%20182.427%20145.177%20191.717%20144.877%20195.653C144.576%20199.589%20143.956%20206.649%20143.498%20211.342C143.04%20216.035%20142.074%20225.944%20141.352%20233.362C140.629%20240.78%20139.535%20252.299%20138.922%20258.96C138.309%20265.621%20137.441%20274.415%20136.993%20278.502C136.544%20282.59%20135.806%20290.269%20135.352%20295.568C134.084%20310.354%20129.75%20356.285%20127.145%20382.546C126.379%20390.266%20125.263%20401.909%20124.667%20408.419C124.07%20414.929%20123.263%20423.275%20122.874%20426.967L122.166%20433.68L137.777%20445.496C156.781%20459.879%20164.956%20466.132%20176.306%20474.967C181.091%20478.691%20185.305%20481.853%20185.67%20481.994C186.034%20482.135%20189.501%20479.698%20193.372%20476.578C197.244%20473.458%20211.36%20462.635%20224.742%20452.526L249.073%20434.148L249.245%20431.932C249.339%20430.713%20249.03%20426.225%20248.557%20421.957C248.085%20417.69%20247.205%20408.378%20246.602%20401.263C246%20394.147%20245.391%20387.707%20245.25%20386.95C245.108%20386.193%20244.738%20382.353%20244.428%20378.417C244.118%20374.481%20243.497%20368.536%20243.048%20365.205C242.6%20361.875%20241.749%20353.576%20241.157%20346.764C238.936%20321.191%20237.292%20303.418%20236.779%20299.421C236.487%20297.15%20235.869%20290.214%20235.406%20284.007C234.943%20277.801%20234.33%20271.112%20234.045%20269.144C233.429%20264.9%20232.459%20255.046%20230.221%20230.334C229.617%20223.673%20228.875%20215.994%20228.571%20213.269C228.267%20210.544%20227.526%20202.864%20226.925%20196.204C226.324%20189.543%20225.719%20183.473%20225.58%20182.716C225.442%20181.959%20225.063%20177.5%20224.739%20172.807C224.415%20168.115%20223.911%20162.417%20223.619%20160.146C223.086%20156%20221.095%20135.485%20219.532%20118.033C219.07%20112.886%20218.316%20104.959%20217.856%20100.418C217.395%2095.876%20216.775%2089.1875%20216.478%2085.5542C216.181%2081.9209%20215.765%2077.9744%20215.555%2076.7837L215.173%2074.6192L213.044%2078.0961C209.934%2083.1755%20204.564%2088.6573%20200.631%2090.7679C196.023%2093.2407%20192.526%2094.0726%20186.706%2094.0803C174.952%2094.0957%20169.266%2091.3377%20162.017%2082.1048C160.771%2080.5183%20159.2%2078.1066%20158.524%2076.7446C157.849%2075.3833%20157.116%2074.2691%20156.895%2074.2691C156.673%2074.2691%20156.352%2075.1983%20156.179%2076.3334Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E') bottom 60px right 60px, linear-gradient(65.87deg, #2D2D2D 0%, #515151 100%);
    /* background-position: bottom 60px right 60px; */
    background-repeat: no-repeat;
}

.hero-info button{
    color: var(--white)
}

.hero-info-top > p{
    margin-top: 10px;
    margin-bottom: 30px;
    color: var(--white);
}

.hero-clients{
    color: var(--white);
    display: flex;
	gap:20px;

}

.hero-clients-card{
    width: 130px;
}
.hero-clients-card p{
    text-align: center;
}
.hero-numbers{
    height: 70px;
    width: fit-content;
}
.hero-count{
}
/* .hero-count::before,
.hero-count::after{
    content: "";
    width: 23px;
    height: 48px;
    display: block;
    position: absolute;
    top: 12px;
}
.hero-count::before{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='48' viewBox='0 0 23 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.23423 32.9168C5.9489 34.1186 6.22442 35.4274 6.26936 35.7899C6.54134 35.9504 6.7944 36.093 7.025 36.219C6.66196 35.6116 6.31902 34.9923 6.00211 34.3587C5.47706 33.2806 5.02297 32.1691 4.63983 31.0339C4.59726 30.9091 4.55587 30.7843 4.51684 30.6595C4.21884 29.7263 3.7896 28.8395 3.21489 28.0479C3.17587 27.9944 3.13802 27.9421 3.10136 27.8886L3.10254 27.8898C-1.69853 25.2473 0.504526 19.8588 0.504526 19.8588C0.432391 21.0487 1.57471 21.9569 2.74778 24.1251C3.74702 25.9712 3.41236 27.2657 3.28937 27.6104C3.53534 27.992 3.76476 28.3248 3.96343 28.6018C3.88538 28.2547 3.81206 27.9076 3.74466 27.5581C3.51643 26.3837 3.3899 25.1914 3.33196 23.9991L3.31303 23.5522C3.30476 23.4036 3.30003 23.2538 3.30358 23.1052L3.30475 22.2101C3.31184 21.9117 3.33077 21.6146 3.3426 21.3162C3.35088 21.1676 3.35323 21.0178 3.36624 20.8692L3.40646 20.4235C3.43366 20.1287 3.4171 19.8303 3.35915 19.5403L3.01503 17.838V17.8404C-0.485254 13.6098 3.5318 9.41247 3.5318 9.41247C3.02922 10.4918 3.76002 11.7578 4.0592 14.2089C4.31345 16.2951 3.52943 17.3744 3.29056 17.6502C3.38989 18.1447 3.4916 18.5762 3.58265 18.9281L3.62167 18.6523C3.65597 18.3563 3.72573 18.0663 3.77776 17.7727L3.86173 17.334C3.88893 17.1878 3.9173 17.0416 3.95514 16.8978C4.09823 16.3201 4.22832 15.74 4.41161 15.1741L4.53932 14.7474L4.60318 14.5346L4.67768 14.3242L4.97685 13.485C5.16605 12.9976 5.36354 12.5126 5.57521 12.0348C5.95481 11.1765 6.19013 10.2588 6.24216 9.32213C6.25399 9.1046 6.27172 8.89063 6.29182 8.68142V8.68379C4.40805 3.51767 9.59345 0.919149 9.59345 0.919149C8.75977 1.7667 9.02584 3.20622 8.48897 5.61574C8.03251 7.66626 6.93276 8.41871 6.61466 8.59821C6.51415 9.29954 6.45975 9.88795 6.43137 10.2981C6.43964 10.2838 6.44673 10.2683 6.45501 10.2541L6.66432 9.86299C6.73409 9.73223 6.81569 9.60861 6.89019 9.48023L7.34783 8.71945L7.84095 7.98246C7.92372 7.86002 8.00413 7.73639 8.08927 7.61514L8.35416 7.25972C8.62614 6.88052 8.9135 6.51202 9.21031 6.15303H9.20913C9.6242 5.62525 10.1918 4.86209 10.6849 4.31053C10.9167 4.05258 11.1201 3.76848 11.2679 3.45347C13.426 -1.11949 18.6954 0.166696 18.6954 0.166696C17.5117 0.242773 16.7584 1.49448 14.7635 2.9352C13.186 4.07398 11.936 4.00622 11.4808 3.92658C11.4252 3.94441 11.3601 3.96581 11.3046 3.98364L10.7015 4.61841C9.91391 5.48973 9.15946 6.39315 8.49961 7.36433L8.24655 7.72332C8.16495 7.84575 8.08809 7.97057 8.00886 8.09419L7.53821 8.83714L7.33954 9.18781C7.8634 8.74085 8.392 8.35096 8.91349 8.01336L8.91231 8.01455C11.7539 3.31083 17.0091 5.76551 17.0091 5.76551C15.8301 5.63951 14.877 6.7462 12.668 7.82673C10.789 8.74679 9.51777 8.35333 9.18075 8.21425C8.42748 8.65764 7.80192 9.09152 7.44007 9.35304C7.21184 9.51827 7.01909 9.73105 6.89255 9.98305C6.89137 9.98424 6.89137 9.98543 6.89019 9.98662L6.6927 10.3789C6.14755 11.4166 5.70885 12.5067 5.31388 13.6086L5.04071 14.4431L4.97331 14.6511L4.91535 14.8627L4.79947 15.2859C4.63273 15.847 4.51922 16.4211 4.39387 16.9917C4.35958 17.1343 4.33592 17.2782 4.31227 17.422L4.31108 17.4291C4.66584 16.8811 5.03834 16.3807 5.41911 15.9278L5.41793 15.929C6.76601 10.5952 12.506 11.3964 12.506 11.3964C11.3412 11.6223 10.7523 12.9608 8.95488 14.6452C7.42587 16.0776 6.09552 16.0752 5.73249 16.0419C5.32097 16.4924 4.98395 16.8954 4.73444 17.2068C4.38914 17.6395 4.16091 18.159 4.11006 18.7117C4.11006 18.7141 4.11006 18.7177 4.10887 18.7201L4.00955 19.5902L3.9847 19.8077L3.97051 20.0265L3.94213 20.4639L3.91375 20.9002C3.90429 21.0452 3.90548 21.1914 3.90193 21.3376C3.8972 21.6288 3.88656 21.9213 3.88774 22.2125L3.90903 23.0874C3.91022 23.2336 3.91849 23.3786 3.93031 23.5236L3.95987 23.9599C4.00718 24.5899 4.0734 25.2175 4.16445 25.8416C4.28862 25.3174 4.43289 24.8181 4.59608 24.3486L4.59489 24.3498C3.95987 18.8841 9.60645 17.573 9.60645 17.573C8.59894 18.2018 8.52325 19.6639 7.4436 21.8808C6.52359 23.7685 5.28077 24.2428 4.92956 24.3427C4.79475 24.6826 4.67885 24.9976 4.58189 25.2758C4.34302 25.9593 4.29217 26.6963 4.44708 27.4036C4.44826 27.4071 4.44826 27.4107 4.44944 27.4143C4.69778 28.5495 5.00168 29.674 5.40492 30.7629C5.80344 31.8529 6.27054 32.9156 6.80386 33.9439C6.96232 34.2422 7.12787 34.5358 7.29697 34.8271C7.19882 34.2113 7.14443 33.617 7.12196 33.0488V33.0511C4.53931 28.1988 9.31437 24.899 9.31437 24.899C8.60604 25.8559 9.06959 27.2431 8.87211 29.7049C8.70419 31.7994 7.72032 32.6993 7.4306 32.9204C7.4306 33 7.4306 33.0797 7.4306 33.1569C7.43887 34.4895 7.84448 35.7935 8.61194 36.88C8.61549 36.8859 8.61905 36.8907 8.62378 36.8966C9.28718 37.8428 10.0345 38.726 10.8197 39.5676C11.0208 39.7733 11.21 39.9908 11.4216 40.1881L12.0425 40.7872C12.0519 40.7789 12.0496 40.7813 12.059 40.773C11.8698 40.4342 11.6995 40.099 11.5458 39.7673V39.7685C7.29461 36.3023 10.4236 31.4 10.4236 31.4C10.1398 32.5578 11.1012 33.6562 11.8686 36.0027C12.5214 37.9985 11.9609 39.2122 11.7799 39.5284C11.9053 39.8303 12.0271 40.1073 12.1394 40.3534C12.4162 40.9572 12.8218 41.4945 13.3432 41.9034C13.3456 41.9058 13.348 41.907 13.3515 41.9094C14.2479 42.6274 15.1821 43.299 16.1695 43.8815C16.7442 44.2226 17.3307 44.5424 17.9267 44.8407C17.6784 44.5828 17.4466 44.3237 17.235 44.0633L17.2361 44.0645C13.1635 42.1757 14.663 37.6479 14.663 37.6479C14.67 38.625 15.6551 39.3014 16.7359 41.0084C17.6559 42.461 17.4549 43.5379 17.3745 43.8256C17.5069 44.0027 17.6335 44.1656 17.7517 44.3153C18.1408 44.8051 18.6422 45.1962 19.2169 45.441C19.2192 45.4422 19.2228 45.4434 19.2251 45.4446C20.2788 45.888 21.3596 46.2624 22.4594 46.5691L22.4712 46.5727L22.4748 46.5739C22.7728 46.6595 22.9927 46.9257 22.9998 47.2372C23.0116 47.7697 22.522 48.1085 22.0644 47.9682C20.9103 47.614 19.7786 47.1884 18.68 46.6928C17.5826 46.1923 16.5266 45.6063 15.5073 44.9644C14.8935 44.5804 14.2999 44.1632 13.7252 43.7234C12.9435 43.1254 12.0058 42.77 11.0279 42.6856H11.029C5.91815 44.6577 3.25509 39.4844 3.25509 39.4844C4.11124 40.3094 5.53856 40.0205 7.94383 40.5234C9.99078 40.9513 10.7559 42.0449 10.9392 42.3611C11.4311 42.4253 11.8663 42.4657 12.2246 42.493C11.8994 42.2054 11.5848 41.9058 11.2679 41.6098L10.6353 40.9667C10.4212 40.7563 10.2285 40.5245 10.0239 40.3034C9.22687 39.4048 8.4736 38.4657 7.80902 37.4648C7.79483 37.4446 7.78181 37.4244 7.7688 37.4042C7.44242 36.9144 6.99661 36.5198 6.47393 36.2523C6.38879 36.2083 6.30365 36.1644 6.22087 36.1204L6.22205 36.1216C0.751672 35.9159 0.325962 30.1067 0.325962 30.1067C0.794244 31.2051 2.22038 31.5046 4.23423 32.9168Z' fill='%23D2A940'/%3E%3C/svg%3E%0A");
    left: 0;
}
.hero-count::after{
    background-image: url("data:image/svg+xml,%3Csvg width='23' height='48' viewBox='0 0 23 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.7658 32.918C17.0511 34.1198 16.7756 35.4286 16.7306 35.7911C16.4587 35.9516 16.2056 36.0942 15.975 36.2202C16.338 35.6128 16.681 34.9935 16.9979 34.3599C17.5229 33.2817 17.9782 32.1703 18.3602 31.0351C18.4027 30.9103 18.4441 30.7855 18.4831 30.6606C18.7811 29.7275 19.2104 28.8407 19.7851 28.049C19.8241 27.9956 19.862 27.9433 19.8986 27.8898L19.8975 27.8909C24.6985 25.2484 22.4955 19.86 22.4955 19.86C22.5676 21.0499 21.4253 21.9581 20.2522 24.1263C19.253 25.9724 19.5876 27.2669 19.7106 27.6116C19.4646 27.9932 19.2352 28.326 19.0366 28.603C19.1146 28.2559 19.1879 27.9088 19.2553 27.5593C19.4836 26.3849 19.6101 25.1926 19.668 24.0003L19.687 23.5534C19.6952 23.4048 19.7 23.255 19.6976 23.1064L19.6964 22.2113C19.6893 21.9129 19.6704 21.6158 19.6586 21.3174C19.6503 21.1688 19.6479 21.019 19.6349 20.8704L19.5947 20.4247C19.5675 20.1299 19.5841 19.8315 19.642 19.5415L19.9861 17.8392V17.8416C23.4864 13.611 19.4694 9.41366 19.4694 9.41366C19.972 10.493 19.2411 11.759 18.942 14.2101C18.6877 16.2963 19.4717 17.3756 19.7106 17.6514C19.6113 18.1459 19.5096 18.5774 19.4185 18.9293L19.3795 18.6523C19.3452 18.3563 19.2754 18.0663 19.2234 17.7727L19.1395 17.334C19.1123 17.1878 19.0839 17.0416 19.046 16.8978C18.9029 16.3201 18.7729 15.74 18.5896 15.1741L18.4619 14.7474L18.398 14.5346L18.3235 14.3242L18.0243 13.485C17.8351 12.9976 17.6376 12.5126 17.426 12.0348C17.0464 11.1765 16.8111 10.2588 16.759 9.32213C16.7472 9.1046 16.7295 8.89063 16.7093 8.68142V8.68379C18.5931 3.51767 13.4077 0.919148 13.4077 0.919148C14.2414 1.7667 13.9753 3.20622 14.5122 5.61574C14.9687 7.66626 16.0684 8.41871 16.3865 8.59821C16.487 9.29955 16.5414 9.88796 16.5698 10.2981C16.5615 10.2838 16.5545 10.2683 16.5462 10.2541L16.3357 9.86299C16.2659 9.73223 16.1843 9.60861 16.1098 9.48023L15.6522 8.71945L15.1591 7.98245C15.0763 7.86002 14.9959 7.73639 14.9107 7.61514L14.6458 7.25972C14.3739 6.88052 14.0865 6.51202 13.7897 6.15303H13.7909C13.3758 5.62525 12.8082 4.86209 12.3151 4.31053C12.0833 4.05258 11.8811 3.76848 11.7321 3.45348C9.57397 -1.11949 4.30462 0.166695 4.30462 0.166695C5.48833 0.242773 6.24161 1.49448 8.23653 2.9352C9.81403 4.07398 11.064 4.00622 11.5192 3.92658C11.5736 3.94441 11.6399 3.96581 11.6954 3.98364L12.2985 4.61841C13.0861 5.48973 13.8405 6.39315 14.5004 7.36433L14.7535 7.72332C14.835 7.84575 14.9119 7.97057 14.9911 8.09419L15.4618 8.83714L15.6604 9.18781C15.1366 8.74085 14.608 8.35096 14.0865 8.01336L14.0877 8.01455C11.2461 3.31083 5.99091 5.76551 5.99091 5.76551C7.16989 5.63951 8.12301 6.7462 10.332 7.82673C12.211 8.74679 13.4822 8.35333 13.8193 8.21425C14.5713 8.65764 15.1981 9.09152 15.5599 9.35304C15.7882 9.51827 15.9809 9.73105 16.1074 9.98305C16.1074 9.98424 16.1086 9.98543 16.1098 9.98662L16.3073 10.3789C16.8524 11.4166 17.2912 12.5067 17.6861 13.6086L17.9593 14.4431L18.0267 14.6511L18.0846 14.8627L18.2005 15.2859C18.3673 15.847 18.4808 16.4211 18.6061 16.9917C18.6404 17.1343 18.6641 17.2782 18.6866 17.422L18.6877 17.4291C18.333 16.8811 17.9605 16.3807 17.5797 15.9278L17.5809 15.929C16.2328 10.5952 10.4928 11.3964 10.4928 11.3964C11.6576 11.6223 12.2465 12.9608 14.0439 14.6452C15.5729 16.0776 16.9033 16.0752 17.2663 16.0419C17.6779 16.4924 18.0149 16.8954 18.2644 17.2068C18.6109 17.6395 18.8379 18.159 18.8888 18.7117C18.8888 18.7141 18.8888 18.7177 18.8899 18.7201L18.9893 19.5902L19.0141 19.8077L19.0283 20.0265L19.0567 20.4639L19.0851 20.9002C19.0945 21.0452 19.0933 21.1914 19.0969 21.3376C19.1016 21.6288 19.1123 21.9213 19.1111 22.2125L19.0898 23.0874C19.0886 23.2336 19.0803 23.3786 19.0685 23.5236L19.0389 23.9599C18.9916 24.5899 18.9254 25.2175 18.8344 25.8416C18.7102 25.3174 18.5659 24.8181 18.4027 24.3486L18.4039 24.3498C19.0389 18.8841 13.3924 17.573 13.3924 17.573C14.3999 18.2018 14.4756 19.6639 15.5552 21.8808C16.4752 23.7685 17.718 24.2428 18.0693 24.3427C18.2041 24.6826 18.32 24.9976 18.4169 25.2758C18.6558 25.9593 18.7067 26.6963 18.5517 27.4036C18.5506 27.4071 18.5506 27.4107 18.5494 27.4143C18.301 28.5495 17.9971 29.674 17.5939 30.7629C17.1954 31.8529 16.7283 32.9156 16.195 33.9439C16.0365 34.2422 15.8709 34.5358 15.7018 34.8271C15.8 34.2113 15.8544 33.617 15.8769 33.0488V33.0511C18.4595 28.1988 13.6844 24.899 13.6844 24.899C14.3928 25.8559 13.9292 27.2431 14.1267 29.7049C14.2946 31.7994 15.2785 32.6993 15.5682 32.9204C15.5682 33 15.5682 33.0797 15.5682 33.1569C15.5599 34.4895 15.1543 35.7935 14.3869 36.88C14.3833 36.8859 14.3798 36.8907 14.375 36.8966C13.7116 37.8428 12.9643 38.726 12.1791 39.5676C11.9781 39.7733 11.7889 39.9908 11.5772 40.1881L10.9564 40.7873C10.9469 40.7789 10.9493 40.7813 10.9398 40.773C11.129 40.4342 11.2993 40.099 11.4542 39.7673V39.7685C15.7054 36.3023 12.5764 31.4 12.5764 31.4C12.8602 32.5578 11.8988 33.6562 11.1314 36.0027C10.4786 37.9985 11.0391 39.2122 11.2201 39.5284C11.0947 39.8303 10.9741 40.1073 10.8606 40.3534C10.5838 40.9572 10.1782 41.4945 9.65675 41.9035C9.65439 41.9058 9.65202 41.907 9.64847 41.9094C8.75211 42.6274 7.81792 43.299 6.8305 43.8815C6.25579 44.2226 5.66926 44.5424 5.07327 44.8407C5.3216 44.5828 5.55337 44.3237 5.76504 44.0633L5.76386 44.0645C9.83649 42.1757 8.33705 37.6479 8.33705 37.6479C8.32995 38.625 7.3449 39.3014 6.26407 41.0084C5.34406 42.461 5.54509 43.5379 5.6255 43.8256C5.49306 44.0027 5.36653 44.1656 5.24828 44.3153C4.85923 44.8051 4.35783 45.1962 3.78312 45.441C3.78076 45.4422 3.77722 45.4434 3.77485 45.4446C2.72122 45.888 1.64037 46.2624 0.54062 46.5691L0.528797 46.5727L0.525246 46.5739C0.227249 46.6595 0.00730523 46.9257 0.000210055 47.2372C-0.0116152 47.7697 0.477956 48.1085 0.935595 47.9682C2.08974 47.614 3.22143 47.1884 4.32 46.6928C5.41738 46.1923 6.47338 45.6063 7.49272 44.9644C8.10645 44.5804 8.70008 44.1632 9.27478 43.7234C10.0564 43.1254 10.9942 42.77 11.9721 42.6856H11.971C17.0819 44.6577 19.7449 39.4844 19.7449 39.4844C18.8888 40.3094 17.4614 40.0205 15.0562 40.5234C13.0092 40.9513 12.2441 42.0449 12.0608 42.3611C11.5689 42.4253 11.1337 42.4657 10.7754 42.493C11.1006 42.2054 11.4152 41.9058 11.7321 41.6098L12.3647 40.9667C12.5788 40.7563 12.7715 40.5245 12.9761 40.3034C13.7731 39.4048 14.5264 38.4657 15.191 37.4648C15.204 37.4446 15.2182 37.4244 15.2312 37.4042C15.5576 36.9144 16.0034 36.5198 16.5261 36.2523C16.6112 36.2083 16.6952 36.1644 16.7791 36.1204L16.7779 36.1216C22.2483 35.9159 22.674 30.1067 22.674 30.1067C22.2058 31.2063 20.7796 31.5058 18.7658 32.918Z' fill='%23D2A940'/%3E%3C/svg%3E%0A");
    right: 0;
} */


.hero-video{
    border-radius: 32px;
    overflow: hidden;
}
.hero-video video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wide-cards{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.wide-cards .card{
    padding: 60px;
    background-color: var(--gray);
    background-position: top 30px right 60px;
    background-repeat: no-repeat;
    border-radius: 32px;
    transition: all ease-in-out .5s;
}


.wide-cards .card:first-child{
    background-image: url("data:image/svg+xml,%3Csvg width='294' height='294' viewBox='0 0 294 294' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M239.294 36.8023H209.767V46.6448C209.767 60.8985 198.171 72.4948 183.917 72.4948H110.082C95.8288 72.4948 84.2325 60.8985 84.2325 46.6448V36.8023H54.706C49.9473 36.8023 46.0894 40.6603 46.0894 45.419V285.383C46.0894 290.142 49.9473 294 54.706 294H239.294C244.053 294 247.911 290.142 247.911 285.383V45.419C247.911 40.6597 244.053 36.8023 239.294 36.8023ZM125.405 242.373C128.77 245.737 128.77 251.193 125.405 254.559C122.04 257.923 116.584 257.923 113.219 254.559L105.468 246.807L97.717 254.559C94.3524 257.924 88.8969 257.924 85.5313 254.559C82.1662 251.194 82.1662 245.738 85.5313 242.373L93.2828 234.621L85.5313 226.87C82.1662 223.505 82.1662 218.049 85.5313 214.684C88.8964 211.319 94.3519 211.319 97.717 214.684L105.468 222.436L113.219 214.684C116.583 211.32 122.039 211.32 125.405 214.684C128.77 218.049 128.77 223.505 125.405 226.87L117.653 234.621L125.405 242.373ZM134.634 162.264L106.946 189.953C103.58 193.319 98.1248 193.317 94.7603 189.953L85.5313 180.724C82.1662 177.359 82.1662 171.903 85.5313 168.538C88.8958 165.173 94.3519 165.173 97.717 168.538L100.853 171.674L122.449 150.079C125.814 146.714 131.27 146.714 134.635 150.079C137.999 153.443 137.999 158.899 134.634 162.264ZM134.634 102.273L106.946 129.961C103.58 133.327 98.1248 133.326 94.7603 129.961L85.5313 120.732C82.1662 117.368 82.1662 111.911 85.5313 108.546C88.8958 105.182 94.3519 105.182 97.717 108.546L100.853 111.683L122.449 90.0878C130.854 82.3253 142.393 93.8768 134.634 102.273ZM202.376 243.239H165.458C154.026 242.783 154.034 226.456 165.458 226.005H202.376C213.809 226.46 213.8 242.788 202.376 243.239ZM202.376 183.247H165.458C154.026 182.792 154.034 166.465 165.458 166.014H202.376C213.809 166.469 213.8 182.796 202.376 183.247ZM202.376 123.256H165.458C154.026 122.801 154.034 106.474 165.458 106.023H202.376C213.809 106.478 213.8 122.805 202.376 123.256Z' fill='black'/%3E%3Cpath d='M110.082 55.2609H183.917C188.676 55.2609 192.534 51.403 192.534 46.6443V26.9604C192.534 22.2017 188.676 18.3437 183.917 18.3437H172.67C164.355 -6.11383 129.635 -6.11498 121.329 18.3437H110.082C105.324 18.3437 101.466 22.2017 101.466 26.9604V46.6448C101.466 51.4035 105.324 55.2609 110.082 55.2609Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.wide-cards .card:last-child{
    background-image: url("data:image/svg+xml,%3Csvg width='294' height='294' viewBox='0 0 294 294' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M271.548 36.9031C276.305 36.9032 280.161 40.7591 280.161 45.5164V285.387C280.161 290.143 276.305 294 271.548 294H59.3553C54.5985 294 50.742 290.144 50.742 285.387V274.323H160.839C167.741 274.323 174.229 271.636 179.11 266.755L252.916 192.948C257.797 188.068 260.484 181.579 260.484 174.677V36.9031H271.548Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M234.645 0C239.401 0 243.258 3.85645 243.258 8.61328V166.064H160.839C156.082 166.064 152.226 169.921 152.226 174.677V257.097H22.4517C17.695 257.097 13.8385 253.24 13.8384 248.484V8.61328C13.8384 3.85655 17.695 0.000150944 22.4517 0H234.645ZM59.3553 193.742C47.9358 194.192 47.9272 210.513 59.3553 210.968H123.935C135.355 210.517 135.364 194.196 123.936 193.742H59.3553ZM59.3553 156.838C47.9358 157.289 47.9272 173.609 59.3553 174.065H123.935C135.355 173.614 135.364 157.293 123.936 156.838H59.3553ZM140.109 70.067V86.6313H169.528V137.238H189.49V86.6313H218.777V70.067H140.109ZM59.3553 119.935C47.9358 120.386 47.9272 136.707 59.3553 137.162H96.2584C107.678 136.711 107.687 120.391 96.2584 119.935H59.3553ZM59.3553 83.0318C47.9358 83.4826 47.9272 99.8036 59.3553 100.258H96.2584C107.678 99.8076 107.687 83.4872 96.2584 83.0318H59.3553ZM59.3553 46.1287C47.9358 46.5801 47.9272 62.9005 59.3553 63.3553H96.2584C107.678 62.9045 107.687 46.5841 96.2584 46.1287H59.3553ZM140.109 45.9375V62.3717H218.777V45.9375H140.109Z' fill='black'/%3E%3Cpath d='M169.452 252.051V183.291H238.212L169.452 252.051Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.wide-cards .card .font-32{
    margin-top: 30px;
    margin-bottom: 15px;
}

.wide-cards .card .font-20{
    color: var(--dgray);
    font-weight: 400;
}


.number-cards{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}
.number-back{
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100px;
    background-size: contain;
}
.number-back2{
    width: 90px;
    height: 90px;
}

@media(max-width: 600px){
    .number-back{
        width: 64px;
        height: 64px;
    }
}

.offer .number-cards .card{
    flex: 1 1 32%;
    background-color: var(--gray);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
    /* height: 540px; */
    position: relative;
}

.offer .btn{
    max-width: 290px;
    display: flex;
    gap: 10px;
}
.offer .btn:hover rect{
    stroke: #fff;
}
.offer .btn:hover path{
    fill: #fff;
}

.offer .number-cards .number,
.serv-number-cards .number,
.date{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    border-radius: 83px;
    display: grid;
    place-items: center;
    width: 67px;
    height: 67px;
}

.date{
    padding: 10px;
    text-align: center;
}

.puzzle > div{
    border-radius:32px;
    overflow: hidden; 
    position: relative;
     transition: all ease-in-out .5s;
}

.puzzle .green-back:hover,
.serv-adv .green-back:hover{
    transition: all ease-in-out .5s;
    background-color: var(--dgray);
}

.serv-adv .dgray-back,
.serv-adv .green-back{
    transition: all ease-in-out .5s;
}
.puzzle .gray-back:hover,
.puzzle .dgray-back:hover,
.serv-adv .dgray-back:hover
{
    transition: all ease-in-out .5s;
    background-color: var(--green);
    p{
        color: var(--white);
        transition: all ease-in-out .5s;
    }
}
.puzzle-info{
    padding: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.puzzle-info p{
    color: var(--white)
}

.puzzle {
display: grid;
grid-template-columns: repeat(9, 1fr);
grid-template-rows: repeat(9, 1fr);
grid-column-gap: 10px;
grid-row-gap: 10px;
}

@media (min-width: 768px){
    .puzzle div:first-child { grid-area: 1 / 1 / 7 / 5; }
    .puzzle div:nth-child(2) { grid-area: 1 / 5 / 6 / 8; }
    .puzzle div:nth-child(3) { grid-area: 1 / 8 / 5 / 10; }
    .puzzle div:nth-child(4) { grid-area: 7 / 1 / 10 / 5; }
    .puzzle div:nth-child(5) { grid-area: 6 / 5 / 10 / 8; }
    .puzzle div:nth-child(6) { grid-area: 5 / 8 / 10 / 10; }
}

.puzzle .font-20{
    margin-top: 15px;
}

.puzzle .gray-back{
    background-color: #D8D8D8;
    
}

.puzzle .gray-back p{
    color: var(--black) ;
    transition: ease-in-out .5s all;
}

.puzzle .number,
.serv-adv  .number{
    position: absolute;
    top: 50px;
    right: 50px;
    font-weight: 700;
    font-size: 120px;
    line-height: 120px;
    color: var(--white);
    opacity: .2;
    z-index: 2;
}


.adv-cards .card{
    /* height: 355px; */
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 32%;
    justify-content: center;
    align-items: start;
    background-repeat: no-repeat;
    background-position: center;
}


.adv-cards .card p{
    text-align: center;
}
.adv-cards .card:first-child{
    background-image: url("data:image/svg+xml,%3Csvg width='295' height='294' viewBox='0 0 295 294' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05' clip-path='url(%23clip0_162_1277)'%3E%3Cpath d='M98.7967 123.082C82.6464 116.253 65.2104 125.252 48.5245 116.413C30.6868 106.999 15.7551 122.346 4.35884 132.202C-7.94808 142.808 9.27357 150.267 14.3758 159.267C21.1118 171.185 27.0443 159.334 33.1241 160.405C37.4898 161.182 43.6365 158.356 45.6051 163.967C47.5737 169.592 43.2749 171.574 37.9585 173.328C24.4999 177.734 30.4725 185.474 35.0926 193.362C42.3643 205.829 58.7691 199.227 69.1744 215.605C69.6297 205.334 69.1476 201.772 70.0582 198.651C72.2812 191.125 64.0855 181.39 76.8746 175.832C88.4315 170.77 95.2613 177.265 102.64 182.689C108.157 186.8 112.242 191.902 120.397 190.108C131.111 187.71 137.94 191.353 142.052 202.83C145.386 212.137 154.104 218.659 163.934 210.423C185.789 192.17 211.005 194.366 235.619 199.147C246.065 201.169 247.511 198.022 248.515 190.55C250.711 174.613 261.264 165.989 275.057 160.726C280.749 158.544 296.39 136.26 293.712 136.099C281.003 135.322 275.419 120.203 262.523 121.275C249.225 122.386 240.413 117.525 233.249 105.767C226.807 95.1743 219.67 81.488 202.301 93.5807C199.368 95.6162 189.217 92.1344 186.11 88.2508C173.884 72.9308 160.157 78.9972 146.016 83.162C136.213 86.0412 126.37 89.4293 116.326 90.6747C98.5288 92.8441 100.538 107.093 103.725 115.998C106.912 124.93 102.961 124.837 98.7967 123.082Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_162_1277'%3E%3Crect width='294' height='294' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.adv-cards .card:nth-child(2){
    background-image: url("data:image/svg+xml,%3Csvg width='294' height='294' viewBox='0 0 294 294' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M255.448 63.0372L194.213 1.8019C193.645 1.22999 192.969 0.776294 192.224 0.467021C191.48 0.157747 190.681 -0.000979999 189.875 4.55226e-06H61.2502C47.744 4.55226e-06 36.75 10.9877 36.75 24.5002V269.5C36.75 283.012 47.744 294 61.2502 294H232.75C246.256 294 257.25 283.012 257.25 269.5V67.3748C257.251 66.5686 257.092 65.7702 256.783 65.0257C256.474 64.2812 256.02 63.6054 255.448 63.0372ZM79.6252 61.2502H153.125C153.93 61.2497 154.726 61.4077 155.47 61.7154C156.213 62.023 156.889 62.4742 157.458 63.043C158.026 63.6119 158.478 64.2874 158.785 65.0308C159.093 65.7741 159.251 66.5709 159.25 67.3754C159.251 68.1799 159.093 68.9766 158.785 69.72C158.478 70.4634 158.026 71.1388 157.458 71.7077C156.889 72.2766 156.213 72.7278 155.47 73.0354C154.726 73.343 153.93 73.5011 153.125 73.5006H79.6252C78.8207 73.5011 78.0239 73.343 77.2806 73.0354C76.5372 72.7278 75.8617 72.2766 75.2928 71.7077C74.724 71.1388 74.2728 70.4634 73.9652 69.72C73.6575 68.9766 73.4995 68.1799 73.5 67.3754C73.4995 66.5709 73.6575 65.7741 73.9652 65.0308C74.2728 64.2874 74.724 63.6119 75.2928 63.043C75.8617 62.4742 76.5372 62.023 77.2806 61.7154C78.0239 61.4077 78.8207 61.2497 79.6252 61.2502ZM169.67 230.992C143.005 257.25 136.796 257.25 134.75 257.25C127.142 257.25 124.414 248.517 121.591 239.162C117.32 247.829 112.403 257.25 104.125 257.25C99.8658 257.25 94.7696 254.445 89.9726 250.174C87.6878 252.447 85.4145 254.439 83.2973 256.024C82.6537 256.507 81.9212 256.859 81.1417 257.059C80.3622 257.258 79.5509 257.303 78.7542 257.189C77.9576 257.075 77.1912 256.805 76.4989 256.395C75.8066 255.984 75.202 255.442 74.7196 254.798C72.6978 252.094 73.2479 248.254 75.9519 246.226C77.8899 244.766 79.8641 243.008 81.8021 241.07C76.9333 234.353 73.5 226.697 73.5 220.5C73.5 206.521 84.6496 196 91.875 196C98.981 196 110.25 200.989 110.25 214.375C110.25 222.174 104.831 232.265 98.0835 240.98C100.584 243.313 102.857 244.862 104.185 245C105.536 244.049 109.257 236.476 111.051 232.839C114.712 225.41 117.128 220.499 122.5 220.499C128.781 220.499 130.73 227.013 133.219 235.261C133.949 237.708 135.157 241.739 136.221 244.15C140.719 241.111 152.072 231.122 161.08 222.258C163.497 219.895 167.373 219.907 169.741 222.329C172.11 224.741 172.086 228.617 169.67 230.992ZM214.375 183.75H128.625C127.82 183.751 127.024 183.592 126.28 183.285C125.537 182.977 124.862 182.526 124.293 181.957C123.724 181.388 123.273 180.713 122.965 179.969C122.657 179.226 122.499 178.429 122.5 177.625C122.499 176.82 122.657 176.024 122.965 175.28C123.273 174.537 123.724 173.861 124.293 173.292C124.862 172.724 125.537 172.272 126.28 171.965C127.024 171.657 127.82 171.499 128.625 171.5H214.375C215.179 171.499 215.976 171.657 216.719 171.965C217.463 172.272 218.138 172.724 218.707 173.292C219.276 173.861 219.727 174.537 220.035 175.28C220.342 176.024 220.501 176.82 220.5 177.625C220.501 178.429 220.342 179.226 220.035 179.969C219.727 180.713 219.276 181.388 218.707 181.957C218.138 182.526 217.463 182.977 216.719 183.285C215.976 183.592 215.179 183.751 214.375 183.75ZM214.375 147H79.6252C78.8207 147.001 78.0239 146.842 77.2806 146.535C76.5372 146.227 75.8617 145.776 75.2928 145.207C74.724 144.638 74.2728 143.963 73.9652 143.219C73.6575 142.476 73.4995 141.679 73.5 140.875C73.4995 140.07 73.6575 139.274 73.9652 138.53C74.2728 137.787 74.724 137.111 75.2928 136.542C75.8617 135.974 76.5372 135.522 77.2806 135.215C78.0239 134.907 78.8207 134.749 79.6252 134.75H214.375C215.18 134.749 215.977 134.907 216.72 135.215C217.463 135.522 218.139 135.974 218.708 136.542C219.277 137.111 219.728 137.787 220.035 138.53C220.343 139.274 220.501 140.07 220.501 140.875C220.501 141.679 220.343 142.476 220.035 143.219C219.727 143.963 219.276 144.638 218.707 145.207C218.138 145.776 217.463 146.227 216.719 146.535C215.976 146.842 215.179 147 214.375 147ZM214.375 110.25H79.6252C78.8207 110.251 78.0239 110.092 77.2806 109.785C76.5372 109.477 75.8617 109.026 75.2928 108.457C74.724 107.888 74.2728 107.213 73.9652 106.469C73.6575 105.726 73.4995 104.929 73.5 104.125C73.4995 103.32 73.6575 102.524 73.9652 101.78C74.2728 101.037 74.724 100.361 75.2928 99.7925C75.8617 99.2236 76.5372 98.7724 77.2806 98.4648C78.0239 98.1572 78.8207 97.9991 79.6252 97.9996H214.375C215.18 97.9991 215.977 98.1572 216.72 98.4648C217.463 98.7724 218.139 99.2236 218.708 99.7925C219.277 100.361 219.728 101.037 220.035 101.78C220.343 102.524 220.501 103.32 220.501 104.125C220.501 104.929 220.343 105.726 220.035 106.469C219.727 107.213 219.276 107.888 218.707 108.457C218.138 109.026 217.463 109.477 216.719 109.785C215.976 110.092 215.179 110.25 214.375 110.25ZM208.25 61.2502C201.491 61.2502 196 55.7532 196 49.0004V20.9113L236.339 61.2502H208.25Z' fill='black'/%3E%3Cpath d='M91.875 208.25C91.229 208.657 85.7498 213.029 85.7498 220.5C85.7498 223.634 87.5201 227.57 90.0088 231.362C94.6984 224.873 98.0002 218.281 98.0002 214.375C98.0002 208.543 92.8919 208.25 91.875 208.25Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.adv-cards .card:nth-child(3){
    background-image: url("data:image/svg+xml,%3Csvg width='294' height='294' viewBox='0 0 294 294' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.05'%3E%3Cpath d='M188.21 59.6611C188.21 36.9381 169.724 18.4512 147 18.4512C92.3298 20.7147 92.3459 98.6156 147.001 100.871C169.724 100.871 188.21 82.3841 188.21 59.6611ZM78.7478 120.905C54.9671 105.596 22.4801 123.463 22.758 151.92C22.758 172.098 39.1749 188.516 59.3547 188.516C26.6265 188.516 0 215.142 0 247.871V266.935C0 271.692 3.85645 275.548 8.61328 275.548H67.287C66.3054 272.783 65.8043 269.87 65.8055 266.935V164.839C65.8055 148.663 70.5623 133.577 78.7478 120.905ZM234.645 188.516C254.825 188.516 271.242 172.098 271.242 151.919C271.522 123.461 239.024 105.596 215.252 120.905C223.438 133.577 228.195 148.663 228.195 164.839V266.935C228.196 269.87 227.695 272.783 226.714 275.548H285.387C290.144 275.548 294 271.692 294 266.935V247.871C294 215.142 267.373 188.516 234.645 188.516ZM147 100.871C111.727 100.871 83.032 129.567 83.032 164.839V266.935C83.032 271.692 86.8885 275.548 91.6453 275.548H202.355C207.112 275.548 210.968 271.692 210.968 266.935V164.839C210.968 129.567 182.273 100.871 147 100.871Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
}


.result{
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 930px;
    gap: 10px;
}

.result .green-back{
    border-radius: 16px;
    padding: 8px 15px;
    &:not(.mt-30){
        margin-top: 15px;
    }
    svg{
        flex: 1 1 100%;
        max-width: 24px;
    }
    p{
        flex: 1 1 100%;
    }
}
.result .card, .result .card-imgs {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 32px;
}
.result .card{
    background-color: var(--gray);
}
.result .card-top{
    display: flex;
    justify-content: space-between;
}
.result .card-top .font-18,
.result .swiper-slide .font-18{
    color: var(--dgray)
}
.result .swiper-slide .font-20{
    color: var(--black);
    font-weight: 400;
}
.card-btns{
    display: flex;
    gap: 10px;
    align-items: center;
}
.card-btns > * {
    display: grid;
    place-items: center;
   
     border-radius: 123123px;
}
.result .card-btns span{
    font-weight: 600;
    width: 70px;
    height: 70px;
    margin-left: 5px;
    background-color: var(--white);
}
.card-btn{
    border: 1px solid #D8D8D8;
    padding: 16px 32px;
     background-color: var(--white);
     cursor: pointer;
}
:not(.faq) button.card-btn path{
    fill: var(--dgray);
    transition: all ease-in-out .5s;
}
:not(.faq) button.card-btn:hover path{
    fill: var(--white);
    transition: all ease-in-out .5s;
}
:not(.faq) button.card-btn{
    background-color: var(--white);
    transition: all ease-in-out .5s;
}
:not(.faq) button.card-btn:hover{
    background-color: var(--green);
    transition: all ease-in-out .5s;
}
.result ul {
  padding-left: 20px; /* для маркеров */
  max-width: 100%;
  margin-top: 10px;
}
.result li{
    font-weight: 400;
    color: var(--black);
}
.result-slider{
    height: 100%;
}



.card-top{
    display: flex;
    justify-content: space-between;
}

.letter:not(.container),
.lesson:not(.container){
    padding-left: 52px;
    position: relative;
}
.letter:not(.container)::after,
.lesson:not(.container)::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 12.5%;
    height: 100%;
    background-color: var(--white);
    opacity: .5;
    z-index: 2;
}
.letter .swiper .swiper-slide img{
    height: 570px;
    object-fit: contain;
}
.letter a{
    color: var(--white);
}

.form{
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: center;
    max-width: 1610px;
    margin: 0 auto;
}

.form form{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.form p
{
    flex: 1 1 49%;
 
}
.form input{
    width: 100%;
}
.form p:has(input[type="submit"]){
    max-width: 260px;
}
.form > div:first-child{
    max-width: 744px;
}

.policy{
    font-size: var(--font-14);
    line-height: var(--line-20);
    margin-top: 10px;
}

.policy span{
    color: #285D79;
}

.insta.mt-100 {
    margin-top: 30px !important;
}

.insta .card-top a,
.insta > a{
    background: linear-gradient(135deg, #FAE100 14.64%, #FCB720 25.25%, #FF7950 35.86%, #FF1C74 50%, #6C1CD1 85.36%);
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
}



.lesson .card{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    gap: 30px;
    /* height: 400px; */
}

.lesson .date{
    top: 0;
    right: 0;
    border-radius: 16px;
}

.lesson .tags{
    margin-top: 10px;
}

.lesson .btn{
    max-width: 270px;
    cursor: pointer;
}
.lesson .btn:hover rect{
    stroke: var(--white);
}
.lesson .btn:hover path{
    fill: var(--white); 
}
.lesson .lesson-info > .font-18{
    color: var(--dgray);
    margin-top: 15px;
}

.lesson .lesson-info > .font-24{
    margin-right: 77px;
    height: 105px;
}
.lesson .lesson-info > .font-24.limited-text{
    -webkit-line-clamp: 3;
}
.faq{
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 10px;
}

.faq .btn{
    border-radius: 8px;
}

.faq .btn.green-back{
    height: 60px;
}

.faq .btn-empty{
    padding: 16px;
    transition: all ease-in-out .5s;
}
.faq .btn-empty:hover{
    transition: all ease-in-out .5s;
    box-shadow: 0px 0px 5px black;
}
.faq > div:first-child > .font-18{
    margin-top: 15px;
}

.faq .card:not(:first-child){
    margin-top: 10px;
}
.faq .card{
    cursor: pointer;
    /* max-height: 168px; */
    padding: 40px;
    overflow: hidden;
    transition: all ease-in-out .5s;
}

.faq .card > .card-btns{
    justify-content: space-between;
}
.faq .card.active{
    max-height: 2000px;
    transition: all ease-in-out .5s;
}
.faq .card > .font-18{
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out .5s;
}

.faq .card.active > .font-18{
    visibility: visible;
    opacity: 1;
    transition: all ease-in-out .5s;
}
.faq .card svg{
    transform: rotate(0);
    transition: all ease-in-out .5s;
    fill: var(--black)
}
.faq .card.active svg{
    transform: rotate(180deg);
    transition: all ease-in-out .5s;
    path{
        fill: var(--white)
    }
}
.faq .card .card-btn{
      background-color: var(--white);
      transition: all ease-in-out .5s;
}

.faq .card.active .card-btn {
    background-color: var(--green);
     transition: all ease-in-out .5s;
}

.faq .btn-empty svg{
    transform: rotate(0deg);
}
.faq .btn-empty:hover{
    background-color: var(--white);
}
.card-btns-mobile,
.insta > .btn{
    display: none;
}

.work .card,
.enter .card,
.extra .card{
    border: 1px solid var(--gray);
    border-top-right-radius: 35px;
}
.work .card,
.work .card .number,
.enter .card,
.enter .card .number,
.extra .card,
.extra .card .number,
.need .card,
.need .card p,
.numbers .card,
.numbers .card p,
.adv-main .card,
.adv-main .card p{
    transition: .3s ease-in-out all;
}
.work .card:hover,
.enter .card:hover,
.extra .card:hover
{
    background-color: var(--green);
    transition: .3s ease-in-out all;
    border: 1px solid var(--dgray);
    p{
        color: var(--white);

    }
}


.numbers .card:hover{
    background-color: var(--green);
    transition: .3s ease-in-out all;
    p{
        color: var(--white);

    }
}
.work .card:hover .number,
.enter .card:hover .number,
.extra .card:hover .number{
    background-color: var(--white);
    color: var(--dgray);
}

.need .card:hover,
.adv-main .card:hover,
.wide-cards .card:hover{
    background-color: var(--dgray);
    transition: ease-in-out .5s all;
    box-shadow: 0px 8px 16px 0px #32354829;
    p{
        color: var(--white)
    }
}
@media (min-width: 1200px) and (max-width: 1600px) {
    .hero{
          grid-template-rows: auto
    }
    .hero-info{
        gap: 30px;
      
    }

    .result{
        grid-template-rows: 1000px;
    }
}

@media (max-width: 1024px){
    .hero,
    .wide-cards,
    .puzzle,
    .faq,
    .result{
        grid-template-columns: 1fr;
    }
    .result .card-imgs,
    .result .card-top,
    .letter .card-top .card-btns,
    .letter:not(.container)::after, 
    .lesson:not(.container)::after,
    .insta .card-top .btn,
    .lesson .card-top .card-btns{
        display: none;
    }
    main{
        margin-top: 134px;
    }
    

    .hero{
        grid-template-rows: auto;
    }
    .hero-info,
    .hero-clients,
    .wide-cards .card{
        padding: 15px;
    }
    .hero-info button{
        width: 100%;
    }
    .hero-clients{
        margin-top: 30px;
        flex-wrap: wrap;
        gap: 15px;
    }
    .hero-clients-card{
        flex: 1 1 47%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .hero-video
    .form > div:nth-child(2){
        order: 1;
    }
    .hero-info,
    .form > div:first-child{
        order:2;
    }
    .wide-cards{
        grid-auto-rows: 1fr;
    }
    .wide-cards .card{
        background-position: bottom right;
        background-size: 144px 253px;
    }
    .wide-cards .card svg,
    .adv-cards .card svg{
        height: 64px;
        width: 64px;
    }
    .number-cards .card{
        /* height: 430px; */
    }
    .number-cards.adv-cards .card{
        height: auto;
    }
    .number-cards.adv-cards .card > p{
        text-align: center;
        width: 100%;
    }
    .number-cards .number,
    .serv-number-cards .number{
        top: 0;
        right: 0;
        width: 43px;
        height: 43px;
    }
    .puzzle{
        display: flex;
        flex-direction: column;
    }
    .puzzle > div{
        height: 260px;
        width: 100%;
    }
    .puzzle .number,
    .serv-adv  .number{
        top: 30px;
        right: 30px;
        font-size: 60px;
        line-height: 60px;
    }
    .puzzle-info{
        padding: 30px;
    }

   
    .card-top{
        flex-wrap: wrap;
    }

    .lesson .lesson-info > .font-24{
        height: auto;
    }

    .offer .number-cards .number{
        top: 0;
        right: 0;
        width: 43px;
        height: 43px;
    }
    .offer .card .font-32 {
        margin-right: 53px;
    }
    .offer .number-cards .card{
        flex: 1 1 100%;
    }
    .adv-cards .card{
        background-size: 30%;
    }

    .result{
        grid-template-rows: auto;
    }
    .result .swiper-slide li.font-20{
        font-size: var(--font-14);
        line-height: var(--line-20);
    }
    .result .swiper-slide .font-32{
        font-size: var(--font-20);
        line-height: var(--line-24);
    }

    .card-btns-mobile{
        display: flex;
        margin-top: 15px;
    }

    .card-btns-mobile .card-btn{
        width: 100%;
    }

    .letter:not(.container), 
    .lesson:not(.container){
        padding-left: 15px;
    }

    .letter .swiper .swiper-slide img{
        height: 243px;
    }

    .form{
        flex-wrap: wrap;
        padding: 15px 0;
    }

    .form .font-18{
        margin-top: 10px;
    }

    .form p{
        max-height: 60px;
    }

    .form p:has(input[type="submit"]){
        max-width: none;
    }

    .policy{
        margin-top: 0;
    }
    
    .insta > .btn{
        display: flex;
        justify-content: center;
    }
    .insta .card-btns {
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
       margin-bottom: -20px;
       padding-bottom: 10px;
       scrollbar-color: var(--green) black ;
    }

    .insta .card-btns{
        flex: 0 0 auto;
    }
    .insta .card-btns a{
        display: block;
        max-width: 342px;
        min-width: 300px;
        width: 100%;
        height: auto;
    }

    .insta .card-btns img{
     
    }

    .lesson .card{
        /* height: 320px; */
        padding: 15px
    }

    .lesson .tag.font-18{
        font-size: var(--font-14);
    }

    .lesson .lesson-info > .font-18{
        margin-top: 8px
    }

    .lesson-info > .font-24{
        max-width: calc(100% - 56px);
    }

    .date{
        width: 48px;
        height: 48px;
        font-size: var(--font-14);
        padding: 0;
    }

    .faq{
        gap: 30px;
    }

    .faq > div:first-child > .card-btns{
        margin-top: 15px;
    }
    .faq .card{
        padding: 15px;
    }
}

p:has(input.hidden-page-title),
.hidden-page-title{
	display: none;
}

.d-flex{
    display: flex;
}

.jc-sb{
    justify-content: space-between;
}
.jc-c{
    justify-content: center;
}
.g-10{
    gap: 10px
}

.ai-c{
    align-items: center;
}

.cert {
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    max-width: 1700px;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s ease-in-out;
    padding-bottom: 20px;
    scroll-behavior: smooth;
    touch-action: pan-x;

}

.cert::-webkit-scrollbar {
    height: 8px;
}

.cert::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.cert::-webkit-scrollbar-thumb {
    background: #3E8B99;
    border-radius: 10px;
}

.cert::-webkit-scrollbar-thumb:hover {
    background: #2d6a75;
}

.cert.active{
    transition: all 0.5s ease-in-out;
}

.cert-item{
    /* max-height: 420px; */
    position: relative;
    overflow: hidden;
    transition: all ease-in-out .5s;
    flex-shrink: 0;
    width: calc((100% - 90px) / 4);
    min-width: 300px;
    /* a{
        height: 100%;
    }*/
    img{
        max-height: 420px;
        width: 100%;
        height: auto;
        object-fit: contain;
        transition: transform ease-in-out .5s;
    } 
}

@media (max-width: 1400px) {
    .cert-item {
        width: calc((100% - 60px) / 3);
    }
}

@media (max-width: 991px) {
    .cert-item {
        width: calc((100% - 30px) / 2);
    }
    
    .cert {
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .cert-item {
        width: 90%;
        min-width: 280px;
        max-width: 400px;
    }
    
    .cert {
        gap: 15px;
        padding-bottom: 15px;
        overflow-x: scroll !important;
    }
    
    .cert::-webkit-scrollbar {
        height: 6px;
        display: block;
    }
    
    .cert::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 10px;
    }
    
    .cert::-webkit-scrollbar-thumb {
        background: #3E8B99;
        border-radius: 10px;
    }
}
.cert-item::after{
    opacity: 0;
}
.cert-item::before{
    content:'';
    opacity: 0;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;

    background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzEiIGhlaWdodD0iNzEiIHZpZXdCb3g9IjAgMCA3MSA3MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjcwLjQiIGhlaWdodD0iNzAuNCIgcng9IjM1LjIiIGZpbGw9IiMxRjkxMTAiLz4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU1XzQ5NSkiPgo8cGF0aCBkPSJNNTAuODAyOSAzNC41ODA3QzUwLjUyMDEgMzQuMjY1MyA0My43MTg1IDI2Ljg0NjcgMzUuMTk5NCAyNi44NDY3QzI2LjY4MDMgMjYuODQ2NyAxOS44Nzg4IDM0LjI2NTMgMTkuNTk2IDM0LjU4MDdDMTkuNDQzNiAzNC43NTEgMTkuMzU5NCAzNC45NzE0IDE5LjM1OTQgMzUuMTk5OEMxOS4zNTk0IDM1LjQyODIgMTkuNDQzNiAzNS42NDg3IDE5LjU5NiAzNS44MTg5QzE5Ljg3ODggMzYuMTM0MyAyNi42ODA1IDQzLjU1MjkgMzUuMTk5NCA0My41NTI5QzQzLjcxODQgNDMuNTUyOSA1MC41MiAzNi4xMzQzIDUwLjgwMjkgMzUuODE4OUM1MC45NTUyIDM1LjY0ODYgNTEuMDM5NCAzNS40MjgyIDUxLjAzOTQgMzUuMTk5OEM1MS4wMzk0IDM0Ljk3MTQgNTAuOTU1MiAzNC43NTEgNTAuODAyOSAzNC41ODA3Wk0zNS4xOTk0IDQxLjY5NjdDMzEuNjE3NCA0MS42OTY3IDI4LjcwMjUgMzguNzgxOCAyOC43MDI1IDM1LjE5OThDMjguNzAyNSAzMS42MTc4IDMxLjYxNzQgMjguNzAyOSAzNS4xOTk0IDI4LjcwMjlDMzguNzgxNCAyOC43MDI5IDQxLjY5NjMgMzEuNjE3OCA0MS42OTYzIDM1LjE5OThDNDEuNjk2MyAzOC43ODE4IDM4Ljc4MTQgNDEuNjk2NyAzNS4xOTk0IDQxLjY5NjdaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzYuMTI3NSAzMy4zNDM2QzM2LjEyNzUgMzIuNDA5OSAzNi41OTEgMzEuNTg4NSAzNy4yOTYyIDMxLjA4MzNDMzYuNjYzNCAzMC43NTkzIDM1Ljk1NzcgMzAuNTU5MiAzNS4xOTk0IDMwLjU1OTJDMzIuNjQwNyAzMC41NTkyIDMwLjU1ODggMzIuNjQxMSAzMC41NTg4IDM1LjE5OThDMzAuNTU4OCAzNy43NTg1IDMyLjY0MDcgMzkuODQwNCAzNS4xOTk0IDM5Ljg0MDRDMzcuNDkwMyAzOS44NDA0IDM5LjM4NjQgMzguMTY3NyAzOS43NjEgMzUuOTgyQzM3Ljg5MiAzNi41ODM4IDM2LjEyNzUgMzUuMTcwMiAzNi4xMjc1IDMzLjM0MzZaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzU1XzQ5NSI+CjxyZWN0IHdpZHRoPSIzMS42OCIgaGVpZ2h0PSIzMS42OCIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE5LjM1OTQgMTkuMzU5NCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
        transition: opacity ease-in-out .5s;
}
.cert-item:hover::before{

    opacity: 1;
   
}
.cert-item:hover::after{
    content:'';
    opacity: 1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(62, 139, 153, 0.3);
}

.cert-item:hover img{
    transform: scale(1.1);
}

.cert-more{
    width: fit-content;
    margin: 0 auto;
    display: none !important;
}

/* Instagram posts */
.instagram-posts {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: -10px;
}

.instagram-posts::-webkit-scrollbar {
    height: 8px;
    display: block;
}

.instagram-posts::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.instagram-posts::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FAE100 0%, #FCB720 25%, #FF7950 50%, #FF1C74 75%, #6C1CD1 100%);
    border-radius: 10px;
}

.instagram-posts::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #E5D000 0%, #E0A720 25%, #E56940 50%, #E50C64 75%, #5C0CB1 100%);
}

.instagram-posts .instagram-post-card {
    position: relative;
    display: block;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    width: 340px;
    min-width: 340px;
    max-width: 340px;
    flex: 0 0 auto;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
}

.instagram-posts .instagram-post-card:hover {
    transform: translateY(-5px) translateZ(0);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.instagram-posts .instagram-post-card img {
    width: 100%;
    height: 340px;
    display: block;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.instagram-posts .instagram-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(250, 225, 0, 0.8) 0%, rgba(252, 183, 32, 0.8) 25%, rgba(255, 121, 80, 0.8) 50%, rgba(255, 28, 116, 0.8) 75%, rgba(108, 28, 209, 0.8) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.instagram-posts .instagram-post-card:hover .instagram-overlay {
    opacity: 1;
}

.instagram-posts .instagram-overlay svg {
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

@media (max-width: 991px) {
    .instagram-posts {
        scrollbar-width: thin;
        scrollbar-color: #FF1C74 #f1f1f1;
    }
    
    .instagram-posts .instagram-post-card {
        width: 300px;
        min-width: 300px;
        max-width: 300px;
    }
    
    .instagram-posts .instagram-post-card img {
        height: 300px;
    }
}

@media (max-width: 576px) {
    .instagram-posts {
        gap: 15px;
        padding-bottom: 15px;
    }
    
    .instagram-posts .instagram-post-card {
        width: 280px;
        min-width: 280px;
        max-width: 280px;
    }
    
    .instagram-posts .instagram-post-card img {
        height: 280px;
    }
}