@import url('https://fonts.googleapis.com/css2?family=Merriweather&family=Source+Sans+Pro:wght@400;600&display=swap');

:root {
    --col-vrwrk: #00AC46;
    --col-vrwrk-drk: #009E3F;
    --col-vrwrk-ftr: rgb(149,193,28);
}

* {
    box-shadow: none !important;
}

body {
    font-family: 'Source Sans Pro',Arial,Tahoma,Verdana,Helvetica,sans-serif;
}

.title {
    font-family: 'Merriweather',Arial,Tahoma,Verdana,Helvetica,sans-serif;
}

.logo {
    width: 90px;
    height: 46px;
}

.navbar-light .navbar-nav .nav-link {
    font-size: 1.125rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    color: #4b4a4b;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: var(--col-vrwrk-drk);
}

.zoom {
    z-index: 1;
    position: relative;
}

.container.zoom div {
    transition: transform .5s, box-shadow .5s ease-in-out;
}

.form-floating>.form-control~label {
    transition: transform .1s ease-in-out;
}

.btn {
    transition: background-color .25s ease-in-out;
}

.container.zoom:hover div {
    transform: scale(1.05);
    box-shadow: 1px 0 15px 0 rgb(0 0 0 / 20%) !important;
}

.mt-n22 {
    margin-top: -5.75rem;
}

.rounded-lg {
    border-radius: 1.123rem;
}

.rounded-vrwrk {
    border-radius: 0.75rem;
    border-top-right-radius: 0;
}

ul.no-indent {
    padding-left: 1.125rem !important;
}

a {
    color: var(--col-vrwrk);
}

a:hover {
    color: var(--col-vrwrk-drk);
}

.text-success {
    color: var(--col-vrwrk);
}

.btn {
    border-radius: 0.5rem;
    /* border-top-right-radius: 0; */
}

.btn-success {
    background-color: var(--col-vrwrk);
}

.btn-success:hover {
    background-color: var(--col-vrwrk-drk);
}

.form-control:focus, .was-validated .form-control:valid:focus {
    border-color: var(--bs-gray-400);
}

.was-validated .form-control:valid {
    border-color: var(--bs-gray-400);
    background-image: none;
}

.form-check-input:checked {
    background-color: var(--col-vrwrk);
    border-color: var(--col-vrwrk);
}

.was-validated .form-check-input:valid~.form-check-label {
    color: inherit;
}

.company-info {
    background-color: rgba(120, 190, 144, 0.17);
}

.text-justify {
    text-align: justify;
}

footer .image img {
    max-height: 120px;
    transition: transform .5s ease-in-out;
}

footer .image:hover img {
    transform: scale(1.2);
}

footer .footer {
    background-color: #4b4a4b;
    color: #fff;
}

footer a {
    color: var(--col-vrwrk-ftr);
    text-decoration: none;
}

footer a:hover {
    color: var(--col-vrwrk-ftr);
}

footer .payment-method, footer .delivery img {
    max-width: 21%;
}

.smaller {
    font-size: .75em;
}

footer .links a {
    color: #fff;
}

footer .links {
    row-gap: 0 !important;
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 750px;
        padding: 10px 15px 0 15px;
    }

    footer .delivery img {
        max-width: inherit;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 970px;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1170px;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1170px;
    }
}

.canvas {
    border-radius: 1em;
}