/* */
:root {
    --gray1: #f7f7f7;
    --gray2: #a8aebb;
    --gray3: #6c757d;
    --gray4: #555;
    --color1: #213264;
    --color2: #E6E7E8;
    --color3: #005D9E;
    --color4: #4C89C5;
    --color5: #F9A556;
    --color6: #005D9E;
    --color7: #4C89C5;
    --color8: #F9A556;
    --specGrad: rgba(242, 247, 255, 0);
    --alertColor: #f3616d;
    --successColor: #4fbe87;
    --zFormInputColor: #2c3a47;
    --zFormBorderColor: #dce7f1;
    --zFormFocusBorderColor: #a1afdf;
    --zFormFocusOutlineColor: rgba(67,94,190,.25);
    --zFormRadioColor: #a8aebb;
    --zFormRadioHoverColor: #e4e8ee;
    --placeholderColor: #e4e8ee;
    --zFormRadius: 4px;
    --zFormBorder: 1px;
    --zButtonColor: #2c3a47;
    --zButtonBorderColor: #2c3a47;
    --zButtonHoverColor: #b2b2b2;
    --zButtonHoverBorderColor: #b2b2b2;
    --zButtonSecondaryColor: #435ebe;
    --zButtonSecondaryBgColor: transparent;
    --zButtonSecondaryBorderColor: #435ebe;
    --zButtonSecondaryHoverColor: white;
    --zButtonSecondaryHoverBgColor: #435ebe;
    --zButtonSecondaryHoverBorderColor: #435ebe;
    --zButtonPrimaryColor: white;
    --zButtonPrimaryBgColor: #435ebe;
    --zButtonPrimaryHoverColor: white;
    --zButtonPrimaryHoverBgColor: #3950a2;
    --legacyColor: #151625;
    --modalBack: rgba(50, 65, 97, 0.5);
    --thinFamily: 'Montserrat', sans-serif;
    --textFamily: 'Montserrat', sans-serif;
    --headFamily: 'Montserrat', sans-serif;
    --biggerSize: 24px;
    --normalSize: 18px;
    --smallerSize: 15px;
    --selection: #e4e8ee;
    --littleBoxSize: 5px;
    --littleBoxRadius: 10px;
}

.icon-scroll {
    width: 40px;
    height: 70px;
    top: 50%;
    border-radius: 25px;
}

.icon-scroll:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    top: 12px;
    left: 17px;
    border-radius: 8px;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-name: scroll;
}

.deneme {overflow: hidden}

@media only screen and (max-width: 1024px) {
    .deneme {overflow: auto}
}

@keyframes scroll {
    0% {opacity: 1}
    100%{opacity: 0;transform: translateY(46px)}
}