211 lines
16 KiB
CSS
211 lines
16 KiB
CSS
|
.spicker-left,
|
|||
|
|
.spicker-right{
|
|||
|
|
display: flex;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-left{
|
|||
|
|
margin-left: 200px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-right{
|
|||
|
|
margin-right: 200px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spickers{
|
|||
|
|
display: flex;
|
|||
|
|
gap: 180px;
|
|||
|
|
flex-direction: column;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-info{
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
gap: 8px;
|
|||
|
|
padding-top: 50px;
|
|||
|
|
padding-left: 22px;
|
|||
|
|
padding-bottom: 30px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker_name{
|
|||
|
|
text-transform: uppercase;
|
|||
|
|
font-weight: 700;
|
|||
|
|
font-size: 2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker_position{
|
|||
|
|
font-style: italic;
|
|||
|
|
color: #F18917;
|
|||
|
|
font-size: 1.2rem;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker_quote {
|
|||
|
|
position: relative;
|
|||
|
|
width: 600px;
|
|||
|
|
height: 254px;
|
|||
|
|
padding: 28px;
|
|||
|
|
background-color: #006842;
|
|||
|
|
margin-top:22px;
|
|||
|
|
overflow: visible; /* Разрешаем элементам выходить за границы */
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker_quote-left::after {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
right: -72px; /* Выходит за правую границу */
|
|||
|
|
top: 70px; /* Позиционируем по вертикали */
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
width: 70px;
|
|||
|
|
height: 200px;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg width='71' height='142' viewBox='0 0 71 142' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='70' height='70' fill='%23162427'/%3E%3Cpath d='M22.129 49.2387L21.2774 46.9935C24.0129 46.1161 26.1032 44.929 27.5484 43.4323C28.9935 41.8839 29.7161 40.2581 29.7161 38.5548C29.7161 37.3161 29.2516 36.6968 28.3226 36.6968C27.8065 36.6968 27.2387 36.8258 26.6194 37.0839C26.0516 37.2903 25.3548 37.3935 24.529 37.3935C23.0323 37.3935 21.8194 36.929 20.8903 36C20.0129 35.0194 19.5742 33.7806 19.5742 32.2839C19.5742 30.6323 20.1419 29.2903 21.2774 28.2581C22.4645 27.1742 23.9871 26.6323 25.8452 26.6323C28.0129 26.6323 29.7419 27.4581 31.0323 29.1097C32.3226 30.7097 32.9677 32.929 32.9677 35.7677C32.9677 39.1226 32.0387 41.9355 30.1806 44.2065C28.3742 46.4258 25.6903 48.1032 22.129 49.2387ZM39.8581 49.2387L39.0065 46.9935C41.7419 46.1161 43.8323 44.929 45.2774 43.4323C46.7226 41.8839 47.4452 40.2581 47.4452 38.5548C47.4452 37.3161 46.9806 36.6968 46.0516 36.6968C45.5355 36.6968 44.9677 36.8258 44.3484 37.0839C43.7806 37.2903 43.0839 37.3935 42.2581 37.3935C40.7613 37.3935 39.5484 36.929 38.6194 36C37.7419 35.0194 37.3032 33.7806 37.3032 32.2839C37.3032 30.6323 37.871 29.2903 39.0065 28.2581C40.1935 27.1742 41.7161 26.6323 43.5742 26.6323C45.7419 26.6323 47.471 27.4581 48.7613 29.1097C50.0516 30.7097 50.6968 32.929 50.6968 35.7677C50.6968 39.1226 49.7677 41.9355 47.9097 44.2065C46.1032 46.4258 43.4194 48.1032 39.8581 49.2387Z' fill='%23F18917'/%3E%3Cg transform='translate(0 70)'%3E%3Cpath d='M0.500351 0.500122H70.5V70.5141H0.500351V0.500122Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5 70.5141V35.5071C35.5 16.2532 51.25 0.5 70.5 0.5V35.507C70.5 54.7609 54.75 70.5141 35.5 70.5141Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M35.5 70.5141V35.5071C35.5 16.2532 19.75 0.5 0.500045 0.5V35.507C0.500045 54.7609 16.25 70.5141 35.5 70.5141Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3C/svg%3E");
|
|||
|
|
background-size: contain;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right center;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker_quote-right::after {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
left: -69px; /* Выходит за правую границу */
|
|||
|
|
top: 70px; /* Позиционируем по вертикали */
|
|||
|
|
transform: translateY(-50%);
|
|||
|
|
width: 70px;
|
|||
|
|
height: 200px;
|
|||
|
|
background-image: url("public/quote-left.svg");
|
|||
|
|
background-size: contain;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right center;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Адаптивность */
|
|||
|
|
@media (max-width: 768px) {
|
|||
|
|
.spicker_quote::after {
|
|||
|
|
right: -15px;
|
|||
|
|
width: clamp(30px, 12%, 60px);
|
|||
|
|
height: calc(clamp(30px, 12%, 60px) * 142 / 71);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 480px) {
|
|||
|
|
.spicker_quote::after {
|
|||
|
|
right: -10px;
|
|||
|
|
width: 25px;
|
|||
|
|
height: calc(25px * 142 / 71);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-photo {
|
|||
|
|
position: relative;
|
|||
|
|
display: inline-block;
|
|||
|
|
width: 375px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-photo img {
|
|||
|
|
display: block;
|
|||
|
|
width: 375px;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
/* Более специфичный селектор */
|
|||
|
|
.spicker-photo-left::after {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: 55px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 200px; /* 3 × 50px для трех иконок */
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg width='71' height='212' viewBox='0 0 71 212' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='70' height='70' fill='%23162427'/%3E%3Cpath d='M47.7548 22.0968L48.6839 24.3419C45.8968 25.2194 43.7806 26.4323 42.3355 27.9806C40.9419 29.4774 40.2452 31.0774 40.2452 32.7806C40.2452 33.9677 40.7097 34.5613 41.6387 34.5613C42.1548 34.5613 42.6968 34.4581 43.2645 34.2516C43.8839 34.0452 44.5806 33.9419 45.3548 33.9419C46.9032 33.9419 48.1161 34.4323 48.9935 35.4129C49.9226 36.3419 50.3871 37.5548 50.3871 39.0516C50.3871 40.7032 49.7935 42.071 48.6065 43.1548C47.4194 44.1871 45.9226 44.7032 44.1161 44.7032C41.8968 44.7032 40.1419 43.8774 38.8516 42.2258C37.5613 40.5742 36.9161 38.3548 36.9161 35.5677C36.9161 32.2129 37.8452 29.4 39.7032 27.129C41.5613 24.8581 44.2452 23.1806 47.7548 22.0968ZM30.0258 22.0968L30.9548 24.3419C28.1677 25.2194 26.0516 26.4323 24.6065 27.9806C23.2129 29.4774 22.5161 31.0774 22.5161 32.7806C22.5161 33.9677 22.9806 34.5613 23.9097 34.5613C24.4258 34.5613 24.9677 34.4581 25.5355 34.2516C26.1548 34.0452 26.8516 33.9419 27.6258 33.9419C29.1742 33.9419 30.3871 34.4323 31.2645 35.4129C32.1935 36.3419 32.6581 37.5548 32.6581 39.0516C32.6581 40.7032 32.0645 42.071 30.8774 43.1548C29.6903 44.1871 28.1935 44.7032 26.3871 44.7032C24.1677 44.7032 22.4129 43.8774 21.1226 42.2258C19.8323 40.5742 19.1871 38.3548 19.1871 35.5677C19.1871 32.2129 20.1161 29.4 21.9742 27.129C23.8323 24.8581 26.5161 23.1806 30.0258 22.0968Z' fill='%23F18917'/%3E%3Cg transform='translate(0 70)'%3E%3Cpath d='M0.614044 0.614502H70.1187V70.0426H0.614044V0.614502Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.38 70.3023L0.353334 0.35376' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M14.4887 70.1924L0.614346 56.3334' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M40.1457 69.635L0.736603 30.2697' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M26.9181 69.9664L0.614415 43.6913' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M55.2526 70.3537L0.674001 15.8352' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.2801 0.82428L35.5525 35.5134' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.1187 17.7498L43.8059 44.0339' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.1187 33.4122L51.8087 51.7019' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M70.0057 48.1216L59.0225 59.0927' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M53.1057 0.588257L26.7929 26.8724' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M69.9711 61.5614L65.953 65.5745' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3Cg transform='translate(0 141)'%3E%3Cpath d='M0.520309 0.5H70.5056V70.4995H0.520309V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4704 0.593018C70.2564 19.7368 54.6782 35.1915 35.4878 35.194C35.7018 16.0501 51.28 0.595542 70.4704 0.593018Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.505643 0.593445C0.719644 19.7373 16.2978 35.1919 35.4882 35.1944C35.2742 16.0506 19.6961 0.595969 0.505643 0.593445Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M70.4702 35.1944C70.2562 54.3382 54.678 69.7923 35.4876 69.7954C35.7016 50.6515 51.2797 35.1974 70.4702 35.1944Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.505643 35.1944C0.719644 54.3382 16.2978 69.7923 35.4882 69.7954C35.2742 50.6515 19.6961 35.1974 0.505643 35.1944Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath d='M35.5128 0.499573V69.7853' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/g%3E%3C/svg%3E"); background-size: contain;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right bottom;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker-photo-left::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
right: 0;
|
|||
|
|
bottom: -75px;
|
|||
|
|
width: 258px;
|
|||
|
|
height: 128px;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg width='258' height='128' viewBox='0 0 258 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg x='0' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.500031 0.5H63.6458V63.5757H0.500031V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C49.343 63.3738 63.284 49.3336 63.2867 32.0383C46.0172 32.2315 32.0762 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C49.343 0.702288 63.284 14.7425 63.2867 32.0383C46.0172 31.8455 32.0762 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C14.8039 63.3738 0.862761 49.3336 0.860485 32.0383C18.13 32.2315 32.0711 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C14.8039 0.702288 0.862761 14.7425 0.860485 32.0383C18.13 31.8455 32.0711 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='65' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.499981 0.5H63.6256V63.5557H0.499981V0.5Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 63.5557C14.6312 63.5557 0.499981 49.4402 0.499981 32.0278C0.499981 14.6155 14.6312 0.5 32.0628 0.5C49.4945 0.5 63.6256 14.6155 63.6256 32.0278C63.6256 49.4402 49.4945 63.5557 32.0628 63.5557Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 42.0167C26.54 42.0167 22.0628 37.5446 22.0628 32.0279C22.0628 26.5112 26.54 22.039 32.0628 22.039C37.5856 22.039 42.0627 26.5112 42.0627 32.0279C42.0627 37.5446 37.5856 42.0167 32.0628 42.0167Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 52.6926C20.6373 52.6926 11.3751 43.4407 11.3751 32.0279C11.3751 20.6151 20.6373 11.3632 32.0628 11.3632C43.4882 11.3632 52.7504 20.6151 52.7504 32.0279C52.7504 43.4407 43.4882 52.6926 32.0628 52.6926Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='130' y='0' width='128' height='128' viewBox='0 0 128 128'%3E%3Cpath d='M0.499985 0.790894H126.752V126.903H0.499985V0.790894Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 58.6034L63.7021 94.9462V126.902L0.68458 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 58.6034L63.7021 94.9462V126.902L126.72 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 0.50003L63.7021 36.8429V68.7985L0.68458 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 0.50003L63.7021 36.8429V68.7985L126.72 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3C/svg%3E%3C/svg%3E");
|
|||
|
|
background-size: contain;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right bottom;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker-photo-right::after {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
left : 0;
|
|||
|
|
bottom: 55px;
|
|||
|
|
width: 70px;
|
|||
|
|
height: 200px; /* 3 × 50px для трех иконок */
|
|||
|
|
background-image: url('public/quote-right.svg');
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right bottom;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 2;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
.spicker-photo-right::before {
|
|||
|
|
content: '';
|
|||
|
|
position: absolute;
|
|||
|
|
bottom: -75px;
|
|||
|
|
width: 258px;
|
|||
|
|
height: 128px;
|
|||
|
|
background-image: url("data:image/svg+xml,%3Csvg width='258' height='128' viewBox='0 0 258 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Csvg x='0' y='0' width='128' height='128' viewBox='0 0 128 128'%3E%3Cpath d='M0.499985 0.790894H126.752V126.903H0.499985V0.790894Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 58.6034L63.7021 94.9462V126.902L0.68458 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 58.6034L63.7021 94.9462V126.902L126.72 90.559V58.6034Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M0.68458 0.50003L63.7021 36.8429V68.7985L0.68458 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3Cpath d='M126.72 0.50003L63.7021 36.8429V68.7985L126.72 32.4556V0.50003Z' stroke='%23006842' stroke-miterlimit='22.9256' stroke-linejoin='bevel'/%3E%3C/svg%3E%3Csvg x='128' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.499981 0.5H63.6256V63.5557H0.499981V0.5Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 63.5557C14.6312 63.5557 0.499981 49.4402 0.499981 32.0278C0.499981 14.6155 14.6312 0.5 32.0628 0.5C49.4945 0.5 63.6256 14.6155 63.6256 32.0278C63.6256 49.4402 49.4945 63.5557 32.0628 63.5557Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 42.0167C26.54 42.0167 22.0628 37.5446 22.0628 32.0279C22.0628 26.5112 26.54 22.039 32.0628 22.039C37.5856 22.039 42.0627 26.5112 42.0627 32.0279C42.0627 37.5446 37.5856 42.0167 32.0628 42.0167Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3Cpath d='M32.0628 52.6926C20.6373 52.6926 11.3751 43.4407 11.3751 32.0279C11.3751 20.6151 20.6373 11.3632 32.0628 11.3632C43.4882 11.3632 52.7504 20.6151 52.7504 32.0279C52.7504 43.4407 43.4882 52.6926 32.0628 52.6926Z' stroke='%23006842' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3Csvg x='193' y='0' width='65' height='65' viewBox='0 0 65 65'%3E%3Cpath d='M0.500031 0.5H63.6458V63.5757H0.500031V0.5Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C49.343 63.3738 63.284 49.3336 63.2867 32.0383C46.0172 32.2315 32.0762 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C49.343 0.702288 63.284 14.7425 63.2867 32.0383C46.0172 31.8455 32.0762 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 63.567C14.8039 63.3738 0.862761 49.3336 0.860485 32.0383C18.13 32.2315 32.0711 46.2712 32.0734 63.567Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M32.0734 0.509521C14.8039 0.702288 0.862761 14.7425 0.860485 32.0383C18.13 31.8455 32.0711 17.8054 32.0734 0.509521Z' stroke='%23F18917' stroke-miterlimit='22.9256'/%3E%3C/svg%3E%3C/svg%3E");
|
|||
|
|
background-size: contain;
|
|||
|
|
background-repeat: no-repeat;
|
|||
|
|
background-position: right bottom;
|
|||
|
|
opacity: 0.8;
|
|||
|
|
pointer-events: none;
|
|||
|
|
z-index: 1;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
@media (max-width: 767px) {
|
|||
|
|
|
|||
|
|
.spicker-left,
|
|||
|
|
.spicker-right{
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
gap: 5px;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-photo-left{
|
|||
|
|
background-image: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
.spicker-photo-left{
|
|||
|
|
background-image: none;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|