@import url(https://fonts.googleapis.com/css2?family=Lexend:wght@100;200;300;400;500;600;700;800;900&display=swap);
.h1-overlay,body>div:nth-child(3)>h2,label {
    font-weight:600
}
.btn,.inptBtn {
    letter-spacing:1px
}
.dropdown-menu,.grid-item,input {
    overflow:hidden
}
#reviews-index,.card,.center-column,.left-column,.movil-somos,.review,.right-column,.whatsapp-button,h2 {
    text-align:center
}
.card>p,.overlay {
    padding:20px
}
.h1-overlay,.overlay-container>p {
    color:#fff;
    text-shadow:2px 2px 2px rgba(0,0,0,.5)
}
.img-overlay,.img-overlay-h1 {
    filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, .5))
}
.accordion button,.image-box,.nav-item,header {
    position:relative
}
.review,form {
    max-width:500px
}
.section-bg {
    background-color:#f5f6f7
}
.navbar-toggler.custom-color-toggler {
    border:0;
}
html {
    scroll-behavior:smooth!important
}
body {
    background:#fff;
    color:#212121;
    font-family:Lexend,sans-serif!important
}
h1 {
    margin:10px 0;
    font-size:2.5em
}
p {
    font-size:18px!important
}
a {
    cursor:pointer
}
#introduction {
    margin-top:96px;
    margin-bottom:96px
}
.container-post-introduccion {
    display:flex;
    flex-wrap:wrap
}
.image-box {
    width:50%
}
.image,.overlay {
    width:100%;
    height:350px
}
.image {
    object-fit:cover
}
.overlay {
    position:absolute;
    top:0;
    left:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:rgba(0,0,0,.5);
    color:#fff
}
#contacto-index,.ganancias-index {
    background-size:cover;
    background-position:center;
    padding:50px;
    text-align:center
}
.ganancias-index {
    background-image:url(https://afrengine.es/img/fondo-ganancias.jpg)!important;
    color:#fff
}
#social-proof {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin:96px auto 0;
    max-width:1390px
}
#alt-services>div>div>div.col-lg-5.d-flex.flex-column.justify-content-center,#reviews-index {
    margin-bottom:96px
}
.card {
    width:300px;
    height:325px;
    margin:20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#f9f9f9;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    transition:transform .3s
}
.img-icon,.img-icon2 {
    margin-top:50px;
    width:4em;
    height:auto
}
.btn-danger,.btn-danger-small {
    border-color:red;
    border-radius:5px;
    cursor:pointer
}
.bg-dark,.transition-025 {
    transition-duration:.25s
}
.btn-danger-small:hover,.btn-danger:hover,.grid-item img:hover,.review:hover,body>footer>div.left-column.text-align>a>img:hover {
    transform:scale(1.05);
    color:#fff!important
}
#reviews-index>div:hover,.card:hover {
    transform:scale(1.05)
}
.btn-danger:hover {
    background-color:red!important
}
.img-icon,.service-details .services-img {
    margin-bottom:20px
}
.img-icon3 {
    margin-top:45px;
    margin-left:10px;
    width:5em;
    height:auto
}
.features .tab-content,.img-overlay {
    margin-top:30px
}
.card>h3 {
    margin-top:20px
}
header {
    background-image:url(/mp4/bg_video.mp4);
    min-height:500px;
    background-size:cover;
    width:auto;
    height:auto
}
.bg-video,.bg-video-text {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover
}
.overlay-container,.overlay-container-largo {
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    display:flex;
    position:absolute;
    z-index:1
}
.overlay-container {
    align-items:center;
    flex-direction:column;
    width:auto
}
.overlay-container-largo {
    align-items:center;
    width:100%
}
.h1-overlay {
    font-size:3rem;
    margin-right:10px
}
.img-overlay {
    width:350px;
    height:auto
}
.img-overlay-h1 {
    padding-left:10px
}
.nav-link,.nav-link:hover,.navbar-brand,.site-logo {
    filter:drop-shadow(2px 2px 2px rgba(0, 0, 0, .5))!important
}
.nav-link,body>section.contact-sec.sec-pad>div>div>div:first-child>div>span>a:hover {
    color:#fff!important
}
.nav-link:hover {
    transition:.3s ease-in-out
}
.bg-dark {
    background-color:#212121!important;
    box-shadow:0 3px 10px rgba(0,0,0,.15)!important
}
.btn-danger,.btn-danger-small,.grid-item img,.review,body>footer>div.left-column.text-align>a>img {
    transition:transform .3s
}
.navbar-nav .nav-link {
    position:relative;
    display:inline-block;
    padding-bottom:5px;
    transition:.3s
}
.navbar-nav .nav-link::after {
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px!important;
    background-color:red;
    transform:scaleX(0);
    transition:transform .3s
}
.navbar-nav .nav-link:hover::after {
    transform:scaleX(1)
}
.btn-danger {
    color:#fff;
    background-color:red;
    font-weight:700
}
.btn-danger-small {
    color:#fff;
    background-color:red;
    font-weight:700;
    padding-left:60px;
    padding-right:60px
}
.review,footer {
    background-color:#212121
}
#backToTopBtn {
    opacity:.8;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    background-color:#ee5454;
    color:#fff;
    border:none;
    padding:15px 20px;
    font-size:16px;
    font-weight:700;
    border-radius:5px;
    transition:opacity .2s ease-in-out
}
#reviews-index,.map-box2,form {
    background-color:#fff
}
#backToTopBtn:hover {
    opacity:1;
    cursor:pointer;
    background-color:red
}
.instagram-btn {
    display:inline-block;
    font-size:0
}
.instagram-btn i {
    font-size:2.5rem;
    color:red;
    margin-right:5px
}
.palito {
    width:66px!important;
    height:4px!important
}
#contacto-index {
    background-image:url(https://afrengine.es/img/fondo-contacto.jpg);
    color:#fff
}
.review {
    color:#fff;
    padding:20px;
    margin:20px 20px auto;
    height:250px;
    border-radius:10px;
    box-shadow:0 0 10px rgba(0,0,0,.2);
    display:inline-flex;
    flex-direction:column;
    align-items:center
}
.faq,.form-row,.input-group,form {
    display:flex
}
.review .review-header {
    display:flex;
    align-items:center
}
.review .review-header img {
    width:50px;
    height:50px;
    margin-right:10px;
    border-radius:50%;
    box-shadow:0 0 5px rgba(0,0,0,.1)
}
.review .review-content p {
    margin:10px
}
#reviews-index {
    color:#212121;
    padding:0 50px
}
.faq {
    flex-direction:row;
    justify-content:center
}
#faq-section {
    margin-top:98px;
    margin-bottom:98px
}
.accordion .accordion-item {
    border-bottom:1px solid #e5e5e5
}
.accordion .accordion-item button[aria-expanded=true] {
    border-bottom:1px solid red
}
.accordion button {
    display:block;
    text-align:left;
    width:100%;
    padding:1em 0;
    color:#212121;
    font-size:1.15rem;
    font-weight:400;
    border:none;
    background:0 0;
    outline:0;
    padding-right:25px!important
}
.accordion button:focus,.accordion button:hover {
    cursor:pointer;
    color:red
}
.accordion button:focus::after,.accordion button:hover::after {
    cursor:pointer;
    color:red;
    border:1px solid red
}
.accordion button .accordion-title {
    padding:1em 1.5em 1em 0
}
.accordion button .icon {
    display:inline-block;
    position:absolute;
    top:18px;
    right:0;
    width:22px;
    height:22px;
    border:1px solid;
    border-radius:22px
}
.accordion button .icon::before {
    display:block;
    position:absolute;
    content:'';
    top:9px;
    left:5px;
    width:10px;
    height:2px
}
.accordion button .icon::after {
    display:block;
    position:absolute;
    content:'';
    top:5px;
    left:9px;
    width:2px;
    height:10px
}
.accordion button[aria-expanded=true],.alt-services .icon-box h4 a:hover,.features .nav-link:hover,.right-column p:hover,a:hover {
    color:red!important
}
.accordion button[aria-expanded=true] .icon::after {
    width:0
}
.accordion button[aria-expanded=true]+.accordion-content {
    opacity:1;
    max-height:30em;
    transition:.2s linear;
    will-change:opacity,max-height
}
.accordion .accordion-content {
    opacity:0;
    max-height:0;
    overflow:hidden;
    transition:opacity .2s linear,max-height .2s linear;
    will-change:opacity,max-height
}
.accordion .accordion-content p {
    font-size:1rem;
    font-weight:300;
    margin:2em 0
}
form {
    width:400px;
    flex-direction:column;
    margin:2rem auto;
    padding:1rem;
    border-radius:5px;
    box-shadow:0 1px 3px rgba(0,0,0,.1)
}
.form-row {
    justify-content:space-between;
    margin-left:1px;
    margin-right:1px
}
#car-model,#name {
    margin-right:4px
}
.input-group {
    flex-direction:column;
    flex:1
}
input,label,select,textarea {
    font-size:.9rem
}
label {
    margin-bottom:.25rem
}
input,select,textarea {
    padding:.5rem;
    border-radius:3px;
    border:1px solid #ddd
}
input[type=submit] {
    background-color:red;
    color:#fff;
    font-weight:700;
    cursor:pointer;
    margin-top:1rem;
    transition:background-color .3s
}
input[type=submit]:hover {
    background-color:#a50000
}
.btn {
    padding:14px 26px;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase
}
.btn-outline-danger {
    border-color:red!important
}
.embed-responsive {
    position:relative;
    height:520px;
    border-bottom:3px solid #c00
}
.map-box2 {
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    width:360px;
    padding:5px;
    margin:20px;
    box-shadow:0 0 10px rgba(0,0,0,.3)
}
.img-welcome,.texto-welcome {
    width:50%;
    float:left
}
#marcas {
    background-color:#f5f5f5
}
.container-marcas {
    padding-top:48px;
    padding-bottom:48px;
    max-width:1920px;
    margin:auto
}
.col-6,.contenedor {
    padding:0 15px;
    box-sizing:border-box
}
.grid-container {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    grid-template-rows:repeat(2,150px);
    grid-gap:75px;
    margin-left:30px;
    margin-right:30px
}
.grid-item {
    display:flex;
    align-items:center;
    justify-content:center
}
.grid-item img {
    max-width:95%;
    height:auto;
    object-fit:cover
}
@media screen and (max-width:767px) {
    .grid-container {
        grid-template-columns:repeat(2,1fr)!important;
        grid-template-rows:none;
        margin-left:30px;
        margin-right:30px
    }
}
@media screen and (min-width:768px) and (max-width:1199px) {
    .grid-container {
        grid-template-columns:repeat(2,1fr)!important;
        grid-template-rows:none;
        margin-left:30px;
        margin-right:30px
    }
}
.lista-reprogramaciones ul ol {
    list-style:none;
    padding-left:0;
    margin-top:0;
    margin-bottom:1em
}
.lista-reprogramaciones li {
    margin-bottom:.5em
}
.lista-reprogramaciones ul li::before {
    content:'\2022';
    color:red;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em
}
.first-div-welcome {
    display:flex;
    flex-direction:row
}
.img-welcome {
    height:auto;
    margin-right:10px
}
.contenedor {
    max-width:1400px;
    margin:0 auto
}
.row {
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
    box-sizing:border-box
}
.rowhidden,body>section.contact-sec.sec-pad>div>div>div:first-child {
    margin:auto
}
.col-6 {
    flex:0 0 50%;
    max-width:50%
}
.img-quiensomos {
    max-width:100%;
    height:auto;
    margin-bottom:15px;
    border-radius:10px
}
.img-somos {
    display:flex;
    justify-content:center
}
.reprogramaciones-quiensomos {
    margin-top:48px!important;
    margin-bottom:48px!important
}
@media screen and (max-width:900px) {
    .colmovil {
        display:block
    }
    .hidden {
        display:none
    }
    .img-quiensomosmovil {
        max-width:90%;
        margin-bottom:48px;
        border-radius:10px
    }
}
@media screen and (min-width:900px) {
    .colmovil {
        display:none
    }
}
@media screen and (max-width:600px) {
    form {
        max-width:95%
    }
    .customh1 {
        font-size:1.5em!important
    }
    body>div:nth-child(3)>h2 {
        font-size:1.8em!important
    }
    #mapa-contacto {
        height:250px!important
    }
    #contact>div>div:first-child>div.col-lg-6>div>p {
        margin:0 30px
    }
}
@media screen and (max-width:768px) {
    .h1-overlay {
        font-size:2.5rem;
        margin-right:0;
        margin-bottom:20px
    }
    .faq-text {
        padding-left:95px
    }
    .img-overlay {
        margin-top:0
    }
    .overlay-container {
        flex-direction:column;
        width:340px
    }
    .bg-video {
        width:100vw;
        height:170vw
    }
    .image-box {
        width:100%;
        margin-bottom:48px!important
    }
    #introduction {
        margin-top:48px;
        margin-bottom:48px
    }
    .review {
        background-color:#212121;
        color:#fff;
        padding:20px;
        margin:20px 20px auto;
        max-width:500px;
        height:auto;
        border-radius:10px;
        box-shadow:0 0 10px rgba(0,0,0,.2);
        display:inline-flex;
        flex-direction:column;
        align-items:center;
        text-align:center
    }
    #reviews-index {
        padding:40px 10px!important;
        transition:transform .3s!important
    }
    header {
        position:relative;
        min-height:400px;
        background-size:cover;
        width:auto;
        height:auto
    }
    .ganancias-index {
        background-position:65%;
        background-size:cover
    }
    #contacto-index {
        background-position:47%;
        padding:10px
    }
}
@media screen and (max-width:1170px) {
    .overlay-container {
        flex-direction:column
    }
}
footer {
    height:auto;
    color:#fff;
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
.left-column,.right-column {
    flex-basis:30%
}
.center-column h5,.left-column h5,.right-column h5 {
    font-size:1.5rem;
    margin:.5rem 0
}
.center-column p,.left-column p {
    font-size:1rem;
    margin:.5rem 0
}
.center-column {
    flex-basis:30%;
    margin-bottom:50px
}
.center-column img,.right-column img {
    height:150px;
    width:150px;
    object-fit:cover;
    object-position:center;
    margin:0 auto;
    display:block
}
.right-column p {
    text-decoration:none!important;
    color:#fff!important;
    font-size:1rem;
    margin:.5rem 0
}
.second-footer {
    height:33px;
    background-color:#fff;
    display:flex;
    justify-content:center;
    align-items:center
}
.inptBtn,.inptFld {
    height:50px;
    width:100%
}
@media screen and (max-width:850px) {
    footer {
        height:auto;
        flex-direction:column;
        align-items:center
    }
    .center-column,.left-column,.right-column {
        flex-basis:100%;
        text-align:center;
        margin-left:10px;
        margin-right:10px
    }
    body>footer>div.left-column.text-align>ul {
        padding:0
    }
    body>footer>div.center-column>p:nth-child(5),body>footer>div.center-column>p:nth-child(6) {
        display:none
    }
    body>footer>div.left-column.text-align>a>img {
        margin-bottom:24px;
        margin-top:14px
    }
    .center-column,.right-column {
        margin-top:24px;
        flex-grow:initial;
        display:block;
        margin-bottom:0
    }
    body>footer>div.left-column>img {
        margin:24px auto .5rem
    }
}
.services .service-item {
    padding:40px;
    background:#fff;
    height:100%
}
.services .service-item .icon {
    width:48px;
    height:48px;
    position:relative;
    margin-bottom:50px
}
.services .service-item .icon i {
    color:#000;
    font-size:40px;
    transition:.3s ease-in-out;
    z-index:2;
    position:relative;
    line-height:1.8
}
.services .service-item .icon:before {
    position:absolute;
    content:"";
    height:100%;
    width:100%;
    background:#f0f1f2;
    border-radius:50px;
    z-index:1;
    top:10px;
    right:-15px;
    transition:.3s
}
.features .nav-tabs,.inptFld {
    border:0
}
.services .service-item h3 {
    color:#000;
    font-weight:700;
    margin:0 0 20px;
    padding-bottom:8px;
    font-size:22px;
    position:relative;
    display:inline-block;
    border-bottom:4px solid #ebebed;
    transition:.3s
}
.alt-services .icon-box p,.services .service-item p {
    line-height:24px;
    font-size:14px;
    margin-bottom:0
}
.services .service-item .readmore {
    margin-top:15px;
    display:inline-block;
    color:#000
}
.services .service-item:hover .icon:before {
    background:red
}
.service-details .services-list a:hover,.services .service-item:hover h3 {
    border-color:red
}
.features .nav-link {
    padding:15px 0;
    transition:.3s;
    color:red;
    border-radius:0;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    height:100%;
    border:0;
    border-bottom:4px solid #e2e4e6
}
.features .nav-link i {
    padding-right:15px;
    font-size:48px
}
.features .nav-link h4 {
    font-size:18px;
    font-weight:600;
    margin:0
}
.alt-services h3,.features .tab-pane h3 {
    margin-bottom:20px;
    padding-bottom:20px;
    position:relative;
    font-weight:700
}
.features .nav-link.active {
    color:red!important;
    background-color:transparent;
    border-color:red!important
}
.features .tab-pane h3 {
    font-size:32px
}
.alt-services h3:after,.features .tab-pane h3:after {
    content:"";
    position:absolute;
    display:block;
    height:3px;
    left:0;
    bottom:0
}
.features .tab-pane h3:after {
    width:60px;
    background:red!important
}
.features .tab-pane ul {
    list-style:none;
    padding:0
}
.features .tab-pane ul li {
    padding-top:10px
}
.features .tab-pane ul i {
    font-size:20px;
    padding-right:4px;
    color:red!important
}
.features .tab-pane p:last-child {
    margin-bottom:0
}
.alt-services .img-bg {
    background-size:cover;
    background-position:center center;
    min-height:400px;
    margin-top:96px;
    margin-bottom:96px
}
.alt-services h3 {
    font-size:28px;
    color:#000
}
.alt-services h3:after {
    width:50px;
    background:red
}
.alt-services .icon-box {
    margin-top:50px
}
.alt-services .icon-box i {
    display:flex;
    align-items:center;
    justify-content:center;
    color:#000;
    margin-right:25px;
    font-size:35px;
    width:75px;
    height:56px;
    border-radius:4px;
    line-height:0;
    box-shadow:0 2px 30px rgba(0,0,0,.08);
    background-color:none;
    transition:.3s;
    padding:10px
}
.alt-services .icon-box:hover i {
    background-color:none;
    color:red
}
.alt-services .icon-box h4 {
    font-weight:700;
    margin-bottom:10px;
    font-size:18px
}
.alt-services .icon-box h4 a {
    color:#000;
    transition:.3s
}
.footer-legal .copyright {
    padding:10px;
    border-top:1px solid rgba(255,255,255,.15);
    background-color:#212121
}
.service-details .services-list {
    padding:10px 30px;
    border:1px solid #d5d7da;
    margin-bottom:20px
}
.service-details .services-list a {
    display:block;
    line-height:1;
    padding:8px 0 8px 15px;
    border-left:3px solid #d9e3e8;
    margin:20px 0;
    color:var(--color-secondary);
    transition:.3s
}
.service-details .services-list a.active {
    font-weight:700;
    border-color:red
}
.service-details h3 {
    font-size:28px;
    font-weight:700
}
.service-details h4 {
    font-size:20px;
    font-weight:700
}
.service-details p {
    font-size:15px
}
.service-details ul {
    list-style:none;
    padding:0;
    font-size:15px
}
.service-details ul li {
    padding:5px 0;
    display:flex;
    align-items:center
}
.service-details ul i {
    font-size:20px;
    margin-right:8px;
    color:red
}
.contact .info-item {
    box-shadow:0 0 25px rgba(0,0,0,.08);
    padding:20px 0 30px
}
.contact .info-item i {
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    font-size:24px;
    line-height:0;
    color:red;
    border-radius:50%;
    border:2px dotted red
}
.contact .info-item h3 {
    font-size:20px;
    color:#212121;
    font-weight:700;
    margin:10px 0
}
.contact .info-item p {
    padding:0;
    line-height:24px;
    font-size:14px;
    margin-bottom:0
}
ul {
    list-style:none
}
.section-title {
    position:relative;
    font-size:30px;
    font-weight:600;
    margin:0 0 35px
}
.sec-pad {
    padding:60px;
    margin:50px 0
}
.contact-sec {
    align-items:center;
    display:flex;
    background-color:#212121;
    color:#fff
}
.contact-sec .contact-ul li,.contact-ul b {
    font-size:20px;
    margin:10px 0;
    word-wrap:break-word
}
.contact-sec .contact-ul i {
    font-size:18px;
    padding:10px;
    margin-right:10px;
    border-radius:50%
}
.contact-detail a {
    color:#000;
    text-decoration:none;
    transition:.3s ease-in-out!important
}
.contact-sec .contact-ul li b:hover {
    color:red
}
.contact-sec .contact-ul li .fa-phone {
    color:#00b055
}
.contact-sec .contact-ul li .fa-envelope {
    color:tomato
}
.contact-detail span {
    width:400px;
    display:flex;
    justify-content:center
}
.contact-detail span a {
    font-size:20px;
    padding:6px 12px;
    color:#000;
    border-radius:50%;
    margin:0 5px
}
.contact-detail span .fb {
    color:#3b5998;
    border:3px solid #3b5998;
    transition:.1s ease-in-out
}
.contact-detail span .fb:hover {
    color:#fff;
    background-color:#3b5998
}
.contact-detail span .insta {
    color:#833ab4;
    border:3px solid #833ab4;
    transition:.1s ease-in-out
}
.contact-detail span .insta:hover {
    color:#fff;
    background-color:#833ab4
}
.contact-detail span .whatsapp {
    color:#2bff00;
    border:3px solid #2bff00;
    transition:.1s ease-in-out
}
.contact-detail span .whatsapp:hover {
    color:#fff;
    background-color:#2bff00
}
.contact-detail span .twitter {
    color:#00acee;
    border:3px solid #00acee;
    transition:.1s ease-in-out
}
.contact-detail span .twitter:hover {
    color:#fff;
    background-color:#00acee
}
form.contFrm {
    max-width:396px;
    margin:auto
}
.inptFld {
    margin:0 0 10px;
    border-radius:8px;
    padding:0 20px;
    font-size:16px;
    color:#000
}
.inptFld:focus {
    outline-offset:-4px;
    outline:#f93 solid 1px
}
.contFrm textarea {
    height:75px;
    padding-top:5px
}
.inptBtn {
    border:0;
    background:#00b055;
    font-size:14px;
    color:#fff;
    margin:auto;
    cursor:pointer;
    max-width:200px
}
@media (max-width:991px) {
    .sec-pad {
        padding:20px 0 0
    }
    .contact-sec .contact-ul li,.contact-ul b {
        font-size:18px
    }
    .contact-sec .contact-ul i {
        font-size:14px;
        padding:6px;
        margin-right:6px
    }
    .inptFld {
        height:40px;
        margin:0 0 10px;
        padding:0 14px;
        font-size:14px
    }
}
@media (max-width:767px) {
    #car-model,#name {
        margin-right:0
    }
    #email,#engine {
        margin-left:0
    }
    .accordion button[aria-expanded=true]+.accordion-content {
        opacity:1;
        max-height:50em;
        transition:.2s linear;
        will-change:opacity,max-height
    }
    .embed-responsive {
        height:auto!important
    }
    .map-box2 {
        position:static!important;
        width:100%;
        margin:0!important;
        box-shadow:none;
        border-bottom:3px solid red
    }
    .contact-detail span {
        width:auto
    }
    .contact-detail span a {
        font-size:18px;
        padding:5px 10px;
        color:#000;
        border-radius:50%;
        margin:0 5px 20px
    }
}
@media (max-width:575px) {
    .features .nav-link h4 {
        font-size:16px
    }
    .section-title {
        font-size:26px;
        font-weight:500
    }
    .contact-sec .contact-ul i {
        border:none
    }
    .inptFld {
        height:36px;
        margin:0 0 8px;
        padding:0 14px;
        font-size:14px
    }
}
@media (max-width:480px) {
    .contact-sec .contact-ul li,.contact-ul b {
        font-size:16px
    }
    #navbarSupportedContent>ul>li.nav-item.dropdown>i {
        margin-right:7px!important
    }
}
@media (min-width:992px) {
    .carousel-inner .carousel-item {
        max-height:400px;
        overflow:hidden
    }
    .img-container img {
        width:100%;
        height:100%;
        object-fit:cover
    }
}
.dropdown-menu {
    display:none;
    position:absolute;
    background-color:#f9f9f9;
    min-width:200px;
    box-shadow:0 8px 16px 0 rgba(0,0,0,.2);
    z-index:1;
    top:100%;
    left:0;
    transition-delay:2s!important
}
.dropdown-menu a {
    color:#000;
    padding:12px 16px;
    text-decoration:none;
    display:block
}
.dropdown-menu a:hover {
    background-color:#f1f1f1
}
.nav-item:hover .dropdown-menu {
    display:block
}
#navbarSupportedContent>ul>li.nav-item.dropdown>i {
    transition:transform .3s ease-in-out;
    color:#fff!important
}
#navbarSupportedContent>ul>li.nav-item.dropdown:hover>i,.dropdown-menu a:hover~#navbarSupportedContent>ul>li.nav-item.dropdown>i {
    transform:rotate(360deg);
    color:red!important
}
.whatsapp-button {
    position:fixed;
    bottom:90px;
    right:15px;
    background-color:#25d366;
    color:#fff;
    border-radius:50%;
    width:60px;
    height:60px;
    line-height:60px;
    font-size:24px;
    cursor:pointer;
    animation-name:pulse;
    animation-duration:1.5s;
    animation-timing-function:ease-out;
    animation-iteration-count:infinite
}
@keyframes pulse {
    0% {
        box-shadow:0 0 0 0 rgba(37,211,102,.5)
    }
    80% {
        box-shadow:0 0 0 14px rgba(37,211,102,0)
    }
}
.whatsapp-button-contacto:hover,.whatsapp-button:hover {
    background-color:#128c7e;
    color:#fff!important;
    text-decoration:none!important
}
.whatsapp-button-contacto {
    display:inline-block;
    padding:10px 20px;
    background-color:#25d366;
    color:#fff;
    text-decoration:none;
    border-radius:5px;
    font-size:16px;
    transition:background-color .3s;
    margin-right:10px
}
.imagen_promocion {
    cursor:pointer!important;
    transition:transform .2s
}
.imagen_promocion:hover {
    transform:scale(1.1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: none !important;
}

.contact-sec{
    background-image:url(https://afrengine.es/img/fondo-repro.webp)!important ;
    color:#fff;
}