﻿.card-over {
    display: flex;
    flex-direction: column;
}

.card-over__paragraph {
    display: flex;
    justify-content: center;
}

.card-over h3 {
    display: flex;
    justify-content: center;
}

.video-section .videoPoster {
    display: flex;
    justify-content: center;
    align-items: center;
}

.play {
    background: #ff0000;
    border-radius: 50% / 10%;
    color: #FFFFFF;
    font-size: 1.5em;
    height: 4.5rem;
    margin: 20px auto;
    padding: 0;
    position: absolute;
    text-align: center;
    text-indent: 0.1em;
    width: 4.25em;
}

.play:hover {
    background: #B80000;
}

.play::before {
    background: inherit;
    border-radius: 5% / 50%;
    bottom: 9%;
    content: "";
    left: -5%;
    position: absolute;
    right: -5%;
    top: 9%;
}

.play::after {
    border-style: solid;
    border-width: 1em 0 1em 1.732em;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
    content: ' ';
    font-size: 0.5em;
    height: 0;
    margin: -1em 0 0 -0.75em;
    top: 50%;
    position: absolute;
    width: 0;
}

select.shop-section {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 1px solid black;
    font-size: 16px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 24px;
    padding: 10px 30px 10px 20px;
    width: 200px;
    font-weight: bold;
    border-radius: 50rem;
    height: 50px;
}

textarea.form-control::placeholder,
input.form-control::placeholder
{
    color: grey;
}

textarea.form-control.shop-section__description {
    height: 5em;
}
