@font-face {
    font-family: GothamBook;
    src: url("../fonts/GothamBook.ttf");
}

body{
    font-family: GothamBook;
}

a.text-dark:hover, a.text-dark:focus {
    color: #8DC63F  !important;
}
ul {list-style: none}
li::before { color: #8DC63F}

ul.list-verde li::before {
    content: "\2022";
    color: #8DC63F;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

.dropdown-item:active{
    background: #DDD;
}

.balas::before{
    content: "\2022";
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}

ul li.list-none::before {
    content: "";
    font-weight: unset;
    display: none;
    width: 0;
    margin-left: 0;
}
.centrar{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.display-5 {
    font-size: 2.0rem;
    font-weight: 300;
    line-height: 1.2;
}

.bg-gris{
    background: #83878a;
}
.img-tamano {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.bg-gris-bg{
    background: #83878a;
}

.bg-negro{
    background: #000000;
}

.text-verde{
    color: #8DC63F !important;
}

.bg-verde-transparente{
    background-color: #8dc63fd4;
    color: #fff;
}

.bg-verde{
    background-color: #8DC63F;
}

.form-control {
    background-color: #dedddd !important;
}

.img-centrar {
    height: 70vh;
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
}

.servicios-r{
    height: 60vh;
    width: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left: -40px;
}

.servicios-l{
    height: 60vh;
    width: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: -40px;
    z-index: 1;
}

.servicios-l2{
    height: 60vh;
    width: 60vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-left:65px;
}

.servicios2{
    height: 40vh;
    width: 40vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.sombra {
    box-shadow: 0 0.5rem 1rem #000d !important;
}

.img-tarjeta{
    background-size: cover;
    background-position: center;
}

.min-h-100{
    min-height: 100% !important;
}

.scroll{
    height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
    direction: rtl;
}

::-webkit-scrollbar {
    width: 10px;
    background: #414040;
}

::-webkit-scrollbar-thumb {
    background: #8DC63F;
}

.invertir{
    direction: ltr;
}

.titulo-tarjeta{
    position: absolute;
    width: 100%;
}

.img-exito{

    height: 200px;
    width: 200px;
    background-size: cover;
    background-position: inherit;
}
hr {
    height: 2px;
    background-color: #727171;
}

.titulo1-banner{
    position: absolute;
    left: 0;
    top: 10%;
    background-color: #9bb907cc;
}

.titulo2-banner{

    background-color: #9bb907cc;
}

.bg-gris-g{
    background: #e8e8e8;
}

.img-g {
    height: 25vh;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.verde{

    background-color: #6e915fad !important;
}

.a-clientes{
    background-color: #c3c3c3;
}
.caso-exito{
    background-color: #e8e8e8 ;
}
.titulo3-banner{
    position: absolute;
    right: 0;
    top: 10%;
    background-color: #9bb907cc;
}

.sobres{
    position: static;
}

.marquee {
    position: relative;
    overflow: hidden;
    --offset: 20vw;
    --move-initial: calc(-20% + var(--offset));
    --move-final: calc(-50% + var(--offset));
}

.marquee__inner {
    width: fit-content;
    display: flex;
    position: relative;
    transform: translate3d(var(--move-initial), 0, 0);
    animation: marquee 5s linear infinite;
    animation-play-state: paused;
}

.img-nosotros{
    height: 50vh;
    background-size: cover;
    background-position: center;
}
.tamano{
    width: -webkit-fill-available;
}

.marquee span {
    font-size: 10vw;
    padding: 0 2vw;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}
.menus{
    left: -151%;
    top: 6px;
}

.marquee:hover .marquee__inner {
    animation-play-state: initial;
}

@keyframes marquee {
    0% {
        transform: translate3d(var(--move-initial), 0, 0);
    }

    100% {
        transform: translate3d(var(--move-final), 0, 0);
    }
}


.linea-verde{
    max-height: 400px;
    position: absolute;
    height: 60%;
    width: 20px;
    background-color: #9bc24d;
}

.cuadro-verde{
    width: 20px;
    height: 20px;
    margin-right: 10px;
    display: inline-block;
    background-color: #8dc63f;
}

@media (min-device-width : 375px) and (max-device-width : 667px) {

    .w-100-res{
        width: 100% !important;
        margin-bottom: 25px;
        margin-top: 20px;
    }

}