File: //var/www/quadcode.com/src/components/blocks/white-label-binary-options/WhiteLabelSolution.svelte
<script lang="ts">
import image from '../../../assets/images/white-label-binary-options/features.webp';
import image2x from '../../../assets/images/white-label-binary-options/features@2x.webp';
import imageDeskL from '../../../assets/images/white-label-binary-options/featuresDeskL.webp';
import imageDeskL2x from '../../../assets/images/white-label-binary-options/featuresDeskL@2x.webp';
import imageTab from '../../../assets/images/white-label-binary-options/featuresTab.webp';
import imageTab2x from '../../../assets/images/white-label-binary-options/featuresTab@2x.webp';
import imageMob from '../../../assets/images/white-label-binary-options/featuresMob.webp';
import imageMob2x from '../../../assets/images/white-label-binary-options/featuresMob@2x.webp';
import { t, locale } from '$lib/translations';
</script>
<section class="white-label-solution {$locale}">
<div class="container">
<p class="white-label-solution__aboveTitle">{$t('white-label-binary-options.Features')}</p>
<h2 class="white-label-solution__title">{$t('white-label-binary-options.Binary Options')}<br/> {$t('white-label-binary-options.White Label Solutions')}</h2>
<p class="white-label-solution__description">{$t('white-label-binary-options.Expand your business with a Binary Options White Label Platform — provide your clients with an engaging and straightforward way to trade in financial markets under your own brand.')}</p>
<div class="white-label-solution__rows">
<div class="white-label-solution__row">
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0014 10.2732C16.1142 10.2732 9.72043 16.667 9.72043 24.5542C9.72043 32.4413 16.1142 38.8351 24.0014 38.8351C31.8886 38.8351 38.2824 32.4413 38.2824 24.5542C38.2824 16.667 31.8886 10.2732 24.0014 10.2732ZM6.54688 24.5542C6.54688 14.9143 14.3615 7.09961 24.0014 7.09961C33.6413 7.09961 41.456 14.9143 41.456 24.5542C41.456 34.194 33.6413 42.0087 24.0014 42.0087C14.3615 42.0087 6.54688 34.194 6.54688 24.5542ZM24.0014 12.6533C24.8778 12.6533 25.5882 13.3638 25.5882 14.2401V15.0335H25.8527C28.7738 15.0335 31.1419 17.4016 31.1419 20.3228C31.1419 21.1991 30.4315 21.9095 29.5551 21.9095C28.6788 21.9095 27.9684 21.1991 27.9684 20.3228C27.9684 19.1543 27.0211 18.207 25.8527 18.207H22.4146C21.1001 18.207 20.0345 19.2727 20.0345 20.5872C20.0345 21.9017 21.1001 22.9674 22.4146 22.9674H25.5882C28.6554 22.9674 31.1419 25.4539 31.1419 28.5211C31.1419 31.5883 28.6554 34.0748 25.5882 34.0748V34.8682C25.5882 35.7446 24.8778 36.455 24.0014 36.455C23.1251 36.455 22.4146 35.7446 22.4146 34.8682V34.0748H22.1502C19.229 34.0748 16.8609 31.7067 16.8609 28.7856C16.8609 27.9092 17.5713 27.1988 18.4477 27.1988C19.3241 27.1988 20.0345 27.9092 20.0345 28.7856C20.0345 29.954 20.9817 30.9013 22.1502 30.9013H25.5882C26.9027 30.9013 27.9684 29.8356 27.9684 28.5211C27.9684 27.2066 26.9027 26.1409 25.5882 26.1409H22.4146C19.3474 26.1409 16.8609 23.6544 16.8609 20.5872C16.8609 17.52 19.3474 15.0335 22.4146 15.0335V14.2401C22.4146 13.3638 23.1251 12.6533 24.0014 12.6533Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Wide range of assets')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4678 7.6439C15.4854 7.64403 15.5011 7.64414 15.5149 7.64414H19.9838C20.009 7.64355 20.0343 7.64355 20.0597 7.64414L26.8515 7.64414C26.8769 7.64355 26.9022 7.64355 26.9274 7.64414H31.3964C31.4101 7.64414 31.4259 7.64403 31.4434 7.6439C31.6138 7.64265 31.9535 7.64016 32.2874 7.73037C32.5701 7.80676 32.837 7.93235 33.076 8.10119C33.3578 8.30037 33.5725 8.5629 33.6807 8.69521C33.6918 8.70882 33.7018 8.72105 33.7107 8.7317L41.1718 17.7219C41.2827 17.8554 41.4162 18.0162 41.5242 18.1681C41.6513 18.3469 41.81 18.6029 41.9058 18.9401C42.0328 19.3871 42.0328 19.8606 41.9058 20.3075C41.81 20.6447 41.6513 20.9007 41.5242 21.0795C41.4162 21.2314 41.2827 21.3922 41.1718 21.5257L25.7416 40.1182C25.5859 40.306 25.409 40.5193 25.2399 40.6904C25.0503 40.8823 24.7499 41.1498 24.3141 41.3097C23.7598 41.5132 23.1514 41.5132 22.5971 41.3097C22.1613 41.1498 21.8609 40.8823 21.6713 40.6904C21.5023 40.5193 21.3254 40.3061 21.1696 40.1182L5.76104 21.5517C5.75395 21.5432 5.74674 21.5345 5.73944 21.5257C5.62854 21.3922 5.49501 21.2314 5.38704 21.0795C5.25996 20.9007 5.10119 20.6447 5.00538 20.3075C4.87841 19.8606 4.87841 19.387 5.00538 18.9401C5.10119 18.6029 5.25996 18.3469 5.38704 18.1681C5.49501 18.0162 5.62854 17.8554 5.73944 17.7219C5.74674 17.7131 5.75395 17.7044 5.76104 17.6959L13.2005 8.7317C13.2094 8.72105 13.2194 8.70882 13.2305 8.6952C13.3387 8.56289 13.5534 8.30037 13.8352 8.10119C14.0742 7.93234 14.3411 7.80676 14.6238 7.73037C14.9578 7.64016 15.2974 7.64265 15.4678 7.6439ZM25.7083 10.9169H21.2029L18.8558 17.9874H28.0555L25.7083 10.9169ZM31.5038 17.9874L29.1566 10.9169H31.2712L37.1392 17.9874H31.5038ZM28.0242 21.2602L23.4556 34.4492L18.887 21.2602H28.0242ZM15.4074 17.9874L17.7546 10.9169H15.64L9.77206 17.9874H15.4074ZM9.77206 21.2602H15.4235L19.4722 32.9483L9.77206 21.2602ZM27.439 32.9483L31.4878 21.2602H37.1392L27.439 32.9483Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Simple mechanics')}
</div>
</div>
<div class="white-label-solution__row">
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3652 10.3117V18.2974L31.6589 22.3362L36.4808 19.2419C37.0983 18.8456 37.4665 18.6074 37.7151 18.4141C37.7668 18.3739 37.8049 18.3417 37.8323 18.3174C37.8313 18.3151 37.8303 18.3127 37.8293 18.3103L25.3652 10.3117ZM39.2743 21.3242V27.2368C38.9824 27.0358 38.6529 26.8244 38.3046 26.6009L34.6887 24.2805L38.3046 21.9602C38.6529 21.7367 38.9824 21.5253 39.2743 21.3242ZM28.6291 24.2805L23.7289 21.1359L18.8286 24.2805L23.7289 27.4252L28.6291 24.2805ZM22.0925 30.2637L15.7988 26.2249L10.9769 29.3192C10.3594 29.7155 9.99119 29.9537 9.74265 30.147C9.69094 30.1872 9.65283 30.2193 9.62546 30.2437C9.62645 30.246 9.62744 30.2484 9.62841 30.2507L22.0925 38.2493V30.2637ZM25.3652 38.2493L37.8293 30.2507C37.8303 30.2484 37.8313 30.246 37.8323 30.2437C37.8049 30.2193 37.7668 30.1872 37.7151 30.147C37.4665 29.9537 37.0983 29.7155 36.4808 29.3192L31.6589 26.2249L25.3652 30.2637V38.2493ZM8.18341 27.2368V21.3242C8.47536 21.5253 8.80486 21.7367 9.15318 21.9602L12.769 24.2805L9.15318 26.6009C8.80485 26.8244 8.47536 27.0358 8.18341 27.2368ZM15.7988 22.3362L22.0925 18.2974V10.3117L9.62841 18.3103C9.62744 18.3127 9.62645 18.3151 9.62546 18.3174C9.65284 18.3417 9.69094 18.3739 9.74264 18.4141C9.99119 18.6074 10.3594 18.8456 10.9769 19.2419L15.7988 22.3362ZM22.9668 6.09494C23.4681 5.97877 23.9896 5.97877 24.4909 6.09494C25.0715 6.22949 25.5793 6.55798 25.9975 6.82844C26.036 6.85339 26.0738 6.87784 26.1109 6.90159L40.5436 16.1635C40.5747 16.1835 40.6066 16.2038 40.6393 16.2246C40.994 16.4507 41.4287 16.7276 41.76 17.1191C42.0475 17.4588 42.2645 17.8529 42.3971 18.2788C42.5504 18.7709 42.5487 19.2872 42.5473 19.7037C42.5472 19.7422 42.547 19.7797 42.547 19.8163V28.7448C42.547 28.7814 42.5472 28.8189 42.5473 28.8573C42.5487 29.2738 42.5504 29.7902 42.3971 30.2823C42.2645 30.7081 42.0475 31.1023 41.76 31.442C41.4287 31.8334 40.994 32.1104 40.6393 32.3365C40.6067 32.3572 40.5747 32.3776 40.5436 32.3976L26.1109 41.6595C26.0738 41.6833 26.036 41.7077 25.9975 41.7326C25.5793 42.0031 25.0715 42.3316 24.4909 42.4661C23.9896 42.5823 23.4681 42.5823 22.9668 42.4661C22.3862 42.3316 21.8784 42.0031 21.4603 41.7327C21.4217 41.7077 21.3839 41.6833 21.3469 41.6595L6.91413 32.3976C6.88301 32.3776 6.85108 32.3572 6.81846 32.3365C6.46369 32.1104 6.02906 31.8334 5.69775 31.442C5.4102 31.1023 5.19323 30.7081 5.0606 30.2823C4.90733 29.7902 4.90904 29.2738 4.91043 28.8573C4.91055 28.8189 4.91068 28.7814 4.91068 28.7448V19.8163C4.91068 19.7797 4.91055 19.7422 4.91043 19.7037C4.90904 19.2872 4.90733 18.7709 5.0606 18.2788C5.19323 17.8529 5.41021 17.4588 5.69775 17.1191C6.02905 16.7277 6.46369 16.4507 6.81846 16.2246C6.85108 16.2038 6.88301 16.1835 6.91413 16.1635L21.3469 6.90159C21.3839 6.87783 21.4217 6.85338 21.4602 6.82844C21.8784 6.55798 22.3862 6.22949 22.9668 6.09494Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Trading engine')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0923 5.59784C26.7591 5.88672 27.1555 6.58074 27.0656 7.30184L25.5807 19.2084L36.2869 19.2084C36.7015 19.2084 37.1168 19.2083 37.4552 19.239C37.7762 19.2681 38.3757 19.3445 38.8938 19.7641C39.4896 20.2467 39.8298 20.9761 39.8183 21.7415C39.8083 22.4064 39.4843 22.9151 39.3013 23.1807C39.1084 23.4607 38.8427 23.7802 38.5771 24.0995L23.2718 42.5091C22.8072 43.0679 22.0298 43.2534 21.363 42.9645C20.6962 42.6756 20.2998 41.9816 20.3897 41.2605L21.8745 29.3539L11.2281 29.3539C11.2082 29.3539 11.1883 29.3539 11.1683 29.3539C10.7537 29.354 10.3384 29.354 10 29.3233C9.67906 29.2942 9.07954 29.2178 8.5615 28.7982C7.96568 28.3156 7.62549 27.5862 7.637 26.8209C7.64701 26.1559 7.97093 25.6472 8.15395 25.3816C8.34685 25.1016 8.61258 24.7821 8.87817 24.4628C8.89089 24.4475 8.90361 24.4322 8.91632 24.4169L24.1835 6.05322C24.6481 5.49443 25.4255 5.30896 26.0923 5.59784ZM11.7887 26.0812L23.7276 26.0812C24.1969 26.0812 24.6436 26.2826 24.9542 26.6344C25.2648 26.9862 25.4095 27.4544 25.3514 27.92L24.3291 36.1181L35.6665 22.4812L23.7276 22.4812C23.2584 22.4812 22.8117 22.2797 22.501 21.9279C22.1904 21.5762 22.0458 21.108 22.1038 20.6423L23.1262 12.4442L11.7887 26.0812Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Short-term')}
</div>
</div>
<div class="white-label-solution__row">
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2842 6.48216C16.9259 5.84586 17.962 5.85028 18.5983 6.49204L21.9514 9.87386C21.9516 9.87406 21.9518 9.87426 21.952 9.87446L31.8274 19.8346C32.1273 20.137 32.4174 20.4295 32.6426 20.6972C32.8897 20.9907 33.1518 21.3592 33.3061 21.8381C33.5206 22.5039 33.5206 23.2208 33.3061 23.8866C33.1518 24.3655 32.8897 24.734 32.6426 25.0276C32.4174 25.2952 32.1272 25.5878 31.8273 25.8902L24.0237 33.7608C23.3979 34.3919 22.86 34.9345 22.3811 35.3446C21.8765 35.7766 21.3301 36.1582 20.6586 36.3783C19.6541 36.7075 18.5716 36.7075 17.5671 36.3783C16.8956 36.1582 16.3491 35.7766 15.8446 35.3446C15.3657 34.9345 14.8278 34.392 14.202 33.7608L8.28751 27.7956C7.66162 27.1644 7.12373 26.6219 6.7173 26.139C6.28868 25.6298 5.91251 25.081 5.69606 24.4092C5.37215 23.4037 5.37215 22.321 5.69606 21.3155C5.91251 20.6437 6.28868 20.0949 6.7173 19.5857C7.12373 19.1028 7.66163 18.5604 8.28753 17.9291L16.8085 9.33509L16.2743 8.79631C15.638 8.15454 15.6424 7.11847 16.2842 6.48216ZM19.1128 11.6592L10.6562 20.1884C10.2348 20.6134 9.90512 20.9466 9.64156 21.226L28.5982 21.226L19.6281 12.1789C19.6278 12.1786 19.6276 12.1784 19.6273 12.1781L19.1128 11.6592ZM28.5982 24.4987L21.7444 31.4114C21.0614 32.1002 20.6176 32.546 20.2526 32.8586C19.9018 33.1589 19.7335 33.2375 19.6394 33.2683C19.297 33.3805 18.9286 33.3805 18.5863 33.2683C18.4922 33.2375 18.3239 33.1589 17.9731 32.8586C17.608 32.546 17.1643 32.1002 16.4813 31.4114L10.6562 25.5363C10.2348 25.1113 9.90512 24.7781 9.64156 24.4987L28.5982 24.4987ZM38.6853 25.0613L37.5546 26.2442L36.4239 25.0613C37.0565 24.4567 38.0527 24.4567 38.6853 25.0613ZM37.5546 28.6281C37.422 28.7807 37.2855 28.9424 37.1496 29.1102C36.7612 29.5897 36.4053 30.0843 36.1543 30.5339C36.0297 30.7571 35.9446 30.9451 35.8929 31.0952C35.842 31.2431 35.8382 31.3122 35.8379 31.3167C35.8379 31.3169 35.8379 31.3168 35.8379 31.3167C35.8379 32.2939 36.6197 33.0624 37.5546 33.0624C38.4896 33.0624 39.2713 32.2941 39.2713 31.3169C39.2713 31.317 39.2713 31.3171 39.2713 31.3169C39.2711 31.3124 39.2672 31.2431 39.2163 31.0952C39.1646 30.9451 39.0795 30.7571 38.9549 30.5339C38.7039 30.0843 38.3481 29.5897 37.9597 29.1102C37.8237 28.9424 37.6873 28.7807 37.5546 28.6281ZM36.4239 25.0613C36.4241 25.0611 36.4239 25.0613 37.5546 26.2442C38.6853 25.0613 38.6851 25.0611 38.6853 25.0613L38.6861 25.0621L38.6904 25.0662L38.7004 25.0758L38.7343 25.1086C38.7628 25.1364 38.803 25.1759 38.8532 25.2259C38.9536 25.3259 39.0946 25.4685 39.2628 25.6449C39.5973 25.9957 40.0478 26.4887 40.5026 27.0501C40.9525 27.6053 41.4349 28.2621 41.8126 28.9387C42.1661 29.572 42.544 30.4231 42.544 31.3169C42.544 34.0752 40.3233 36.3351 37.5546 36.3351C34.7859 36.3351 32.5652 34.0752 32.5652 31.3169C32.5652 30.4231 32.9431 29.572 33.2967 28.9387C33.6744 28.2621 34.1568 27.6053 34.6066 27.0501C35.0614 26.4887 35.5119 25.9957 35.8465 25.6449C36.0146 25.4685 36.1556 25.3259 36.256 25.2259C36.3062 25.1759 36.3465 25.1364 36.375 25.1086L36.4088 25.0758L36.4188 25.0662L36.4239 25.0613ZM7.37713 39.826L27.4955 39.826C28.3992 39.826 29.1318 40.5586 29.1318 41.4624C29.1318 42.3661 28.3992 43.0987 27.4955 43.0987L7.37714 43.0987C6.4734 43.0987 5.74077 42.3661 5.74077 41.4624C5.74077 40.5586 6.4734 39.826 7.37713 39.826Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Fully customizable')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2713 8.73562C15.6858 8.73562 8.72585 15.6956 8.72585 24.2811C8.72585 32.8666 15.6858 39.8265 24.2713 39.8265C32.8568 39.8265 39.8168 32.8666 39.8168 24.2811C39.8168 15.6956 32.8568 8.73562 24.2713 8.73562ZM5.45312 24.2811C5.45312 13.8881 13.8783 5.46289 24.2713 5.46289C34.6643 5.46289 43.0895 13.8881 43.0895 24.2811C43.0895 34.6741 34.6643 43.0993 24.2713 43.0993C13.8783 43.0993 5.45312 34.6741 5.45312 24.2811ZM16.6213 19.1265C16.6213 17.7483 17.7386 16.6311 19.1168 16.6311C20.495 16.6311 21.6122 17.7483 21.6122 19.1265C21.6122 20.5047 20.495 21.622 19.1168 21.622C17.7386 21.622 16.6213 20.5047 16.6213 19.1265ZM26.9304 19.1265C26.9304 17.7483 28.0477 16.6311 29.4259 16.6311C30.8041 16.6311 31.9213 17.7483 31.9213 19.1265C31.9213 20.5047 30.8041 21.622 29.4259 21.622C28.0477 21.622 26.9304 20.5047 26.9304 19.1265ZM14.9031 27.7174C14.9031 26.8137 15.6358 26.0811 16.5395 26.0811H32.0031C32.9069 26.0811 33.6395 26.8137 33.6395 27.7174C33.6395 29.7893 32.4277 31.7166 30.7863 33.0634C29.1127 34.4366 26.8169 35.3674 24.2713 35.3674C21.7257 35.3674 19.4299 34.4366 17.7563 33.0634C16.1149 31.7166 14.9031 29.7893 14.9031 27.7174ZM18.7464 29.3538C19.0097 29.7505 19.3687 30.1529 19.8323 30.5333C20.9505 31.4508 22.5206 32.0947 24.2713 32.0947C26.022 32.0947 27.5921 31.4508 28.7104 30.5333C29.1739 30.1529 29.5329 29.7505 29.7962 29.3538H18.7464Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Highly engaging')}
</div>
</div>
<div class="white-label-solution__column">
<div class="white-label-solution__tagBlock">
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0014 10.2732C16.1142 10.2732 9.72043 16.667 9.72043 24.5542C9.72043 32.4413 16.1142 38.8351 24.0014 38.8351C31.8886 38.8351 38.2824 32.4413 38.2824 24.5542C38.2824 16.667 31.8886 10.2732 24.0014 10.2732ZM6.54688 24.5542C6.54688 14.9143 14.3615 7.09961 24.0014 7.09961C33.6413 7.09961 41.456 14.9143 41.456 24.5542C41.456 34.194 33.6413 42.0087 24.0014 42.0087C14.3615 42.0087 6.54688 34.194 6.54688 24.5542ZM24.0014 12.6533C24.8778 12.6533 25.5882 13.3638 25.5882 14.2401V15.0335H25.8527C28.7738 15.0335 31.1419 17.4016 31.1419 20.3228C31.1419 21.1991 30.4315 21.9095 29.5551 21.9095C28.6788 21.9095 27.9684 21.1991 27.9684 20.3228C27.9684 19.1543 27.0211 18.207 25.8527 18.207H22.4146C21.1001 18.207 20.0345 19.2727 20.0345 20.5872C20.0345 21.9017 21.1001 22.9674 22.4146 22.9674H25.5882C28.6554 22.9674 31.1419 25.4539 31.1419 28.5211C31.1419 31.5883 28.6554 34.0748 25.5882 34.0748V34.8682C25.5882 35.7446 24.8778 36.455 24.0014 36.455C23.1251 36.455 22.4146 35.7446 22.4146 34.8682V34.0748H22.1502C19.229 34.0748 16.8609 31.7067 16.8609 28.7856C16.8609 27.9092 17.5713 27.1988 18.4477 27.1988C19.3241 27.1988 20.0345 27.9092 20.0345 28.7856C20.0345 29.954 20.9817 30.9013 22.1502 30.9013H25.5882C26.9027 30.9013 27.9684 29.8356 27.9684 28.5211C27.9684 27.2066 26.9027 26.1409 25.5882 26.1409H22.4146C19.3474 26.1409 16.8609 23.6544 16.8609 20.5872C16.8609 17.52 19.3474 15.0335 22.4146 15.0335V14.2401C22.4146 13.3638 23.1251 12.6533 24.0014 12.6533Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Wide range of assets')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M25.3652 10.3117V18.2974L31.6589 22.3362L36.4808 19.2419C37.0983 18.8456 37.4665 18.6074 37.7151 18.4141C37.7668 18.3739 37.8049 18.3417 37.8323 18.3174C37.8313 18.3151 37.8303 18.3127 37.8293 18.3103L25.3652 10.3117ZM39.2743 21.3242V27.2368C38.9824 27.0358 38.6529 26.8244 38.3046 26.6009L34.6887 24.2805L38.3046 21.9602C38.6529 21.7367 38.9824 21.5253 39.2743 21.3242ZM28.6291 24.2805L23.7289 21.1359L18.8286 24.2805L23.7289 27.4252L28.6291 24.2805ZM22.0925 30.2637L15.7988 26.2249L10.9769 29.3192C10.3594 29.7155 9.99119 29.9537 9.74265 30.147C9.69094 30.1872 9.65283 30.2193 9.62546 30.2437C9.62645 30.246 9.62744 30.2484 9.62841 30.2507L22.0925 38.2493V30.2637ZM25.3652 38.2493L37.8293 30.2507C37.8303 30.2484 37.8313 30.246 37.8323 30.2437C37.8049 30.2193 37.7668 30.1872 37.7151 30.147C37.4665 29.9537 37.0983 29.7155 36.4808 29.3192L31.6589 26.2249L25.3652 30.2637V38.2493ZM8.18341 27.2368V21.3242C8.47536 21.5253 8.80486 21.7367 9.15318 21.9602L12.769 24.2805L9.15318 26.6009C8.80485 26.8244 8.47536 27.0358 8.18341 27.2368ZM15.7988 22.3362L22.0925 18.2974V10.3117L9.62841 18.3103C9.62744 18.3127 9.62645 18.3151 9.62546 18.3174C9.65284 18.3417 9.69094 18.3739 9.74264 18.4141C9.99119 18.6074 10.3594 18.8456 10.9769 19.2419L15.7988 22.3362ZM22.9668 6.09494C23.4681 5.97877 23.9896 5.97877 24.4909 6.09494C25.0715 6.22949 25.5793 6.55798 25.9975 6.82844C26.036 6.85339 26.0738 6.87784 26.1109 6.90159L40.5436 16.1635C40.5747 16.1835 40.6066 16.2038 40.6393 16.2246C40.994 16.4507 41.4287 16.7276 41.76 17.1191C42.0475 17.4588 42.2645 17.8529 42.3971 18.2788C42.5504 18.7709 42.5487 19.2872 42.5473 19.7037C42.5472 19.7422 42.547 19.7797 42.547 19.8163V28.7448C42.547 28.7814 42.5472 28.8189 42.5473 28.8573C42.5487 29.2738 42.5504 29.7902 42.3971 30.2823C42.2645 30.7081 42.0475 31.1023 41.76 31.442C41.4287 31.8334 40.994 32.1104 40.6393 32.3365C40.6067 32.3572 40.5747 32.3776 40.5436 32.3976L26.1109 41.6595C26.0738 41.6833 26.036 41.7077 25.9975 41.7326C25.5793 42.0031 25.0715 42.3316 24.4909 42.4661C23.9896 42.5823 23.4681 42.5823 22.9668 42.4661C22.3862 42.3316 21.8784 42.0031 21.4603 41.7327C21.4217 41.7077 21.3839 41.6833 21.3469 41.6595L6.91413 32.3976C6.88301 32.3776 6.85108 32.3572 6.81846 32.3365C6.46369 32.1104 6.02906 31.8334 5.69775 31.442C5.4102 31.1023 5.19323 30.7081 5.0606 30.2823C4.90733 29.7902 4.90904 29.2738 4.91043 28.8573C4.91055 28.8189 4.91068 28.7814 4.91068 28.7448V19.8163C4.91068 19.7797 4.91055 19.7422 4.91043 19.7037C4.90904 19.2872 4.90733 18.7709 5.0606 18.2788C5.19323 17.8529 5.41021 17.4588 5.69775 17.1191C6.02905 16.7277 6.46369 16.4507 6.81846 16.2246C6.85108 16.2038 6.88301 16.1835 6.91413 16.1635L21.3469 6.90159C21.3839 6.87783 21.4217 6.85338 21.4602 6.82844C21.8784 6.55798 22.3862 6.22949 22.9668 6.09494Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Trading engine')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.2842 6.48216C16.9259 5.84586 17.962 5.85028 18.5983 6.49204L21.9514 9.87386C21.9516 9.87406 21.9518 9.87426 21.952 9.87446L31.8274 19.8346C32.1273 20.137 32.4174 20.4295 32.6426 20.6972C32.8897 20.9907 33.1518 21.3592 33.3061 21.8381C33.5206 22.5039 33.5206 23.2208 33.3061 23.8866C33.1518 24.3655 32.8897 24.734 32.6426 25.0276C32.4174 25.2952 32.1272 25.5878 31.8273 25.8902L24.0237 33.7608C23.3979 34.3919 22.86 34.9345 22.3811 35.3446C21.8765 35.7766 21.3301 36.1582 20.6586 36.3783C19.6541 36.7075 18.5716 36.7075 17.5671 36.3783C16.8956 36.1582 16.3491 35.7766 15.8446 35.3446C15.3657 34.9345 14.8278 34.392 14.202 33.7608L8.28751 27.7956C7.66162 27.1644 7.12373 26.6219 6.7173 26.139C6.28868 25.6298 5.91251 25.081 5.69606 24.4092C5.37215 23.4037 5.37215 22.321 5.69606 21.3155C5.91251 20.6437 6.28868 20.0949 6.7173 19.5857C7.12373 19.1028 7.66163 18.5604 8.28753 17.9291L16.8085 9.33509L16.2743 8.79631C15.638 8.15454 15.6424 7.11847 16.2842 6.48216ZM19.1128 11.6592L10.6562 20.1884C10.2348 20.6134 9.90512 20.9466 9.64156 21.226L28.5982 21.226L19.6281 12.1789C19.6278 12.1786 19.6276 12.1784 19.6273 12.1781L19.1128 11.6592ZM28.5982 24.4987L21.7444 31.4114C21.0614 32.1002 20.6176 32.546 20.2526 32.8586C19.9018 33.1589 19.7335 33.2375 19.6394 33.2683C19.297 33.3805 18.9286 33.3805 18.5863 33.2683C18.4922 33.2375 18.3239 33.1589 17.9731 32.8586C17.608 32.546 17.1643 32.1002 16.4813 31.4114L10.6562 25.5363C10.2348 25.1113 9.90512 24.7781 9.64156 24.4987L28.5982 24.4987ZM38.6853 25.0613L37.5546 26.2442L36.4239 25.0613C37.0565 24.4567 38.0527 24.4567 38.6853 25.0613ZM37.5546 28.6281C37.422 28.7807 37.2855 28.9424 37.1496 29.1102C36.7612 29.5897 36.4053 30.0843 36.1543 30.5339C36.0297 30.7571 35.9446 30.9451 35.8929 31.0952C35.842 31.2431 35.8382 31.3122 35.8379 31.3167C35.8379 31.3169 35.8379 31.3168 35.8379 31.3167C35.8379 32.2939 36.6197 33.0624 37.5546 33.0624C38.4896 33.0624 39.2713 32.2941 39.2713 31.3169C39.2713 31.317 39.2713 31.3171 39.2713 31.3169C39.2711 31.3124 39.2672 31.2431 39.2163 31.0952C39.1646 30.9451 39.0795 30.7571 38.9549 30.5339C38.7039 30.0843 38.3481 29.5897 37.9597 29.1102C37.8237 28.9424 37.6873 28.7807 37.5546 28.6281ZM36.4239 25.0613C36.4241 25.0611 36.4239 25.0613 37.5546 26.2442C38.6853 25.0613 38.6851 25.0611 38.6853 25.0613L38.6861 25.0621L38.6904 25.0662L38.7004 25.0758L38.7343 25.1086C38.7628 25.1364 38.803 25.1759 38.8532 25.2259C38.9536 25.3259 39.0946 25.4685 39.2628 25.6449C39.5973 25.9957 40.0478 26.4887 40.5026 27.0501C40.9525 27.6053 41.4349 28.2621 41.8126 28.9387C42.1661 29.572 42.544 30.4231 42.544 31.3169C42.544 34.0752 40.3233 36.3351 37.5546 36.3351C34.7859 36.3351 32.5652 34.0752 32.5652 31.3169C32.5652 30.4231 32.9431 29.572 33.2967 28.9387C33.6744 28.2621 34.1568 27.6053 34.6066 27.0501C35.0614 26.4887 35.5119 25.9957 35.8465 25.6449C36.0146 25.4685 36.1556 25.3259 36.256 25.2259C36.3062 25.1759 36.3465 25.1364 36.375 25.1086L36.4088 25.0758L36.4188 25.0662L36.4239 25.0613ZM7.37713 39.826L27.4955 39.826C28.3992 39.826 29.1318 40.5586 29.1318 41.4624C29.1318 42.3661 28.3992 43.0987 27.4955 43.0987L7.37714 43.0987C6.4734 43.0987 5.74077 42.3661 5.74077 41.4624C5.74077 40.5586 6.4734 39.826 7.37713 39.826Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Fully customizable')}
</div>
</div>
<div class="white-label-solution__tagBlock">
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.0923 5.59784C26.7591 5.88672 27.1555 6.58074 27.0656 7.30184L25.5807 19.2084L36.2869 19.2084C36.7015 19.2084 37.1168 19.2083 37.4552 19.239C37.7762 19.2681 38.3757 19.3445 38.8938 19.7641C39.4896 20.2467 39.8298 20.9761 39.8183 21.7415C39.8083 22.4064 39.4843 22.9151 39.3013 23.1807C39.1084 23.4607 38.8427 23.7802 38.5771 24.0995L23.2718 42.5091C22.8072 43.0679 22.0298 43.2534 21.363 42.9645C20.6962 42.6756 20.2998 41.9816 20.3897 41.2605L21.8745 29.3539L11.2281 29.3539C11.2082 29.3539 11.1883 29.3539 11.1683 29.3539C10.7537 29.354 10.3384 29.354 10 29.3233C9.67906 29.2942 9.07954 29.2178 8.5615 28.7982C7.96568 28.3156 7.62549 27.5862 7.637 26.8209C7.64701 26.1559 7.97093 25.6472 8.15395 25.3816C8.34685 25.1016 8.61258 24.7821 8.87817 24.4628C8.89089 24.4475 8.90361 24.4322 8.91632 24.4169L24.1835 6.05322C24.6481 5.49443 25.4255 5.30896 26.0923 5.59784ZM11.7887 26.0812L23.7276 26.0812C24.1969 26.0812 24.6436 26.2826 24.9542 26.6344C25.2648 26.9862 25.4095 27.4544 25.3514 27.92L24.3291 36.1181L35.6665 22.4812L23.7276 22.4812C23.2584 22.4812 22.8117 22.2797 22.501 21.9279C22.1904 21.5762 22.0458 21.108 22.1038 20.6423L23.1262 12.4442L11.7887 26.0812Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Short-term')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4678 7.6439C15.4854 7.64403 15.5011 7.64414 15.5149 7.64414H19.9838C20.009 7.64355 20.0343 7.64355 20.0597 7.64414L26.8515 7.64414C26.8769 7.64355 26.9022 7.64355 26.9274 7.64414H31.3964C31.4101 7.64414 31.4259 7.64403 31.4434 7.6439C31.6138 7.64265 31.9535 7.64016 32.2874 7.73037C32.5701 7.80676 32.837 7.93235 33.076 8.10119C33.3578 8.30037 33.5725 8.5629 33.6807 8.69521C33.6918 8.70882 33.7018 8.72105 33.7107 8.7317L41.1718 17.7219C41.2827 17.8554 41.4162 18.0162 41.5242 18.1681C41.6513 18.3469 41.81 18.6029 41.9058 18.9401C42.0328 19.3871 42.0328 19.8606 41.9058 20.3075C41.81 20.6447 41.6513 20.9007 41.5242 21.0795C41.4162 21.2314 41.2827 21.3922 41.1718 21.5257L25.7416 40.1182C25.5859 40.306 25.409 40.5193 25.2399 40.6904C25.0503 40.8823 24.7499 41.1498 24.3141 41.3097C23.7598 41.5132 23.1514 41.5132 22.5971 41.3097C22.1613 41.1498 21.8609 40.8823 21.6713 40.6904C21.5023 40.5193 21.3254 40.3061 21.1696 40.1182L5.76104 21.5517C5.75395 21.5432 5.74674 21.5345 5.73944 21.5257C5.62854 21.3922 5.49501 21.2314 5.38704 21.0795C5.25996 20.9007 5.10119 20.6447 5.00538 20.3075C4.87841 19.8606 4.87841 19.387 5.00538 18.9401C5.10119 18.6029 5.25996 18.3469 5.38704 18.1681C5.49501 18.0162 5.62854 17.8554 5.73944 17.7219C5.74674 17.7131 5.75395 17.7044 5.76104 17.6959L13.2005 8.7317C13.2094 8.72105 13.2194 8.70882 13.2305 8.6952C13.3387 8.56289 13.5534 8.30037 13.8352 8.10119C14.0742 7.93234 14.3411 7.80676 14.6238 7.73037C14.9578 7.64016 15.2974 7.64265 15.4678 7.6439ZM25.7083 10.9169H21.2029L18.8558 17.9874H28.0555L25.7083 10.9169ZM31.5038 17.9874L29.1566 10.9169H31.2712L37.1392 17.9874H31.5038ZM28.0242 21.2602L23.4556 34.4492L18.887 21.2602H28.0242ZM15.4074 17.9874L17.7546 10.9169H15.64L9.77206 17.9874H15.4074ZM9.77206 21.2602H15.4235L19.4722 32.9483L9.77206 21.2602ZM27.439 32.9483L31.4878 21.2602H37.1392L27.439 32.9483Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Simple mechanics')}
</div>
<div class="white-label-solution__tag">
<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M24.2713 8.73562C15.6858 8.73562 8.72585 15.6956 8.72585 24.2811C8.72585 32.8666 15.6858 39.8265 24.2713 39.8265C32.8568 39.8265 39.8168 32.8666 39.8168 24.2811C39.8168 15.6956 32.8568 8.73562 24.2713 8.73562ZM5.45312 24.2811C5.45312 13.8881 13.8783 5.46289 24.2713 5.46289C34.6643 5.46289 43.0895 13.8881 43.0895 24.2811C43.0895 34.6741 34.6643 43.0993 24.2713 43.0993C13.8783 43.0993 5.45312 34.6741 5.45312 24.2811ZM16.6213 19.1265C16.6213 17.7483 17.7386 16.6311 19.1168 16.6311C20.495 16.6311 21.6122 17.7483 21.6122 19.1265C21.6122 20.5047 20.495 21.622 19.1168 21.622C17.7386 21.622 16.6213 20.5047 16.6213 19.1265ZM26.9304 19.1265C26.9304 17.7483 28.0477 16.6311 29.4259 16.6311C30.8041 16.6311 31.9213 17.7483 31.9213 19.1265C31.9213 20.5047 30.8041 21.622 29.4259 21.622C28.0477 21.622 26.9304 20.5047 26.9304 19.1265ZM14.9031 27.7174C14.9031 26.8137 15.6358 26.0811 16.5395 26.0811H32.0031C32.9069 26.0811 33.6395 26.8137 33.6395 27.7174C33.6395 29.7893 32.4277 31.7166 30.7863 33.0634C29.1127 34.4366 26.8169 35.3674 24.2713 35.3674C21.7257 35.3674 19.4299 34.4366 17.7563 33.0634C16.1149 31.7166 14.9031 29.7893 14.9031 27.7174ZM18.7464 29.3538C19.0097 29.7505 19.3687 30.1529 19.8323 30.5333C20.9505 31.4508 22.5206 32.0947 24.2713 32.0947C26.022 32.0947 27.5921 31.4508 28.7104 30.5333C29.1739 30.1529 29.5329 29.7505 29.7962 29.3538H18.7464Z" fill="#E62334"/>
</svg>
{$t('white-label-binary-options.Highly engaging')}
</div>
</div>
</div>
<picture >
<source srcset="{imageMob} 1x, {imageMob2x} 2x" media="(max-width: 767px)" >
<source srcset="{imageTab} 1x, {imageTab2x} 2x" media="(max-width: 1023px)" >
<source srcset="{imageDeskL} 1x, {imageDeskL2x}" media="(max-width: 1799px)" >
<img src={image} srcset="{image} 1x,{image2x} 2x" alt="pic" class="white-label-solution__image" loading="eager">
</picture>
</div>
</div>
</section>
<style lang="scss">
@import "src/scss/media";
@import "src/scss/mixins";
@import "src/scss/variables";
.white-label-solution {
padding: 90px 0 76px 0;
overflow: hidden;
@include breakpoint-down('deskL') {
padding: 60px 0 104px 0;
}
@include breakpoint-down('tabL') {
padding: 50px 0 129px 0;
}
@include breakpoint-down('tabM') {
padding: 50px 0;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
@include breakpoint-down('tabL') {
padding: 0 10px;
}
}
&__aboveTitle {
@include H4;
color: $redPrimary;
margin-bottom: 12px;
text-align: center;
@include breakpoint-down('deskL') {
@include H3;
margin-bottom: 8px;
}
@include breakpoint-down('tabM') {
margin-bottom: 4px;
}
}
&__title {
@include H1;
width: 708px;
text-align: center;
margin-bottom: 24px;
@include breakpoint-down('deskL') {
width: 457px;
margin-bottom: 16px;
}
@include breakpoint-down('tabL') {
margin-bottom: 10px;
width: 420px;
}
@include breakpoint-down('tabM') {
width: 320px;
margin-bottom: 9px;
}
}
&__description {
@include body;
color: $techBluePrimary;
text-align: center;
width: 754px;
margin-bottom: 45px;
@include breakpoint-down('deskL') {
width: 457px;
margin-bottom: 30px;
}
@include breakpoint-down('tabL') {
width: 414px;
}
@include breakpoint-down('tabM') {
width: 310px;
}
}
&__rows {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
width: 100%;
margin-left: 25px;
@include breakpoint-down('deskL') {
margin-left: -36px;
}
@include breakpoint-down('tabL') {
margin-left: 0;
}
}
&__row {
display: flex;
gap: 625px;
@include breakpoint-down('deskL') {
gap: 494px;
}
@include breakpoint-down('tabL') {
gap: 319px;
}
@include breakpoint-down('tabM') {
height: 0;
margin-bottom: 0;
display: none;
}
&:nth-child(1) {
margin-bottom: 122px;
@include breakpoint-down('deskL') {
margin-bottom: 84px;
}
@include breakpoint-down('tabL') {
margin-bottom: 76px;
}
}
&:nth-child(2) {
gap: 868px;
margin-bottom: 121px;
margin-left: -44px;
@include breakpoint-down('deskL') {
gap: 605px;
margin-bottom: 88px;
margin-left: 0;
}
@include breakpoint-down('tabL') {
gap: 432px;
margin-bottom: 75px;
}
}
}
&__column {
flex-direction: column;
gap: 306px;
display: none;
@include breakpoint-down('tabM') {
display: flex;
}
}
&__tagBlock {
display: flex;
flex-direction: column;
gap: 12px;
justify-content: center;
align-items: center;
@include breakpoint-down('tabM') {
gap: 15px;
}
}
&__tag {
@include body;
font-weight: 700 ;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
padding: 8px 24px;
border: 2px solid transparent;
border-radius: 20px;
background: linear-gradient(#F8FBFD, #F8FBFD 0) padding-box, linear-gradient(125.13deg, #F96C6E 22.41%, rgba(255, 164, 165, 0.42) 80.51%) border-box;
@include breakpoint-down('deskL') {
padding: 7px 16px;
gap: 4px;
}
@include breakpoint-down('tabL') {
@include table;
border-radius: 8px;
}
@include breakpoint-down('tabM') {
padding: 3px 8px;
}
svg {
width: 48px;
height: 48px;
@include breakpoint-down('deskL') {
width: 36px;
height: 36px;
}
@include breakpoint-down('tabL') {
width: 20px;
height: 20px;
}
}
}
&__image {
position: absolute;
top: -159px;
left: -24px;
right: 0;
margin: auto;
width: 1133px;
z-index: -1;
@include breakpoint-down('deskL') {
top: -127px;
width: 842px;
left: 48px;
}
@include breakpoint-down('tabL') {
top: -90px;
left: 14px;
width: 604px;
}
@include breakpoint-down('tabM') {
left: 0;
margin: auto;
top: 10px;
width: 335px;
}
}
&.ru {
.white-label-solution__row:nth-child(2) {
margin-left: 69px;
@include breakpoint-down('deskL') {
margin-left: 84px;
}
@include breakpoint-down('tabL') {
margin-left: 53px;
}
}
.white-label-solution__tag {
@include breakpoint-down('tabM') {
font-size: 8px;
}
}
}
&.es {
.white-label-solution__description {
@include breakpoint-down('tabL') {
width: 486px;
}
@include breakpoint-down('tabM') {
width: 320px;
}
}
.white-label-solution__row:nth-child(2) {
@include breakpoint-down('deskL') {
margin-left: 12px;
}
@include breakpoint-down('tabL') {
margin-left: 7px;
}
}
.white-label-solution__tag {
@include breakpoint-down('tabM') {
font-size: 10px;
}
}
}
&.pt {
.white-label-solution__row:nth-child(2) {
margin-left: -153px;
@include breakpoint-down('deskL') {
margin-left: -83px;
}
@include breakpoint-down('tabL') {
margin-left: -3px;
gap: 413px
}
.white-label-solution__tag {
@include breakpoint-down('tabL') {
max-width: 153px;
}
}
}
.white-label-solution__tag {
@include breakpoint-down('tabM') {
font-size: 8px;
}
}
}
&.th {
.white-label-solution__row:nth-child(2) {
margin-left: -56px;
@include breakpoint-down('deskL') {
margin-left: -13px;
}
@include breakpoint-down('tabL') {
margin-left: -5px;
gap: 413px
}
}
.white-label-solution__tag {
@include breakpoint-down('tabM') {
font-size: 9px;
}
}
}
&.vi {
.white-label-solution__row:nth-child(2) {
margin-left: -83px;
@include breakpoint-down('deskL') {
margin-left: -28px;
}
@include breakpoint-down('tabL') {
margin-left: -18px;
gap: 413px
}
}
.white-label-solution__tag {
@include breakpoint-down('tabM') {
font-size: 9px;
}
}
}
}
</style>