body {
    font-family: 'Lato', sans-serif;
}

.text-success {
    color: #00695D !important;
}

.link-secondary {
    color: #00A58F !important;
}

.btn-outline-success {
    color: #00695D !important;
    border: 1px solid #00695D !important;
}

.btn-outline-success:hover {
    background-color: #00695D !important;
    color: white !important;
}

.btn-success {
    background-color: #00A58F !important;
    color: white !important;
}

.btn-success:hover {
    background-color: #00564c !important;
    color: white !important;
}

h1 { font-size: 36px; }

input:focus {
    outline: none;
}

#hero {
    background: linear-gradient(to bottom, #03C2FF00, #03C2FF24);
    height: 610px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    #hero {
        height: auto;
    }
}

.feature-thumbnail {
    width: 75%;
    height: 100px;
    object-fit: contain;
    object-position: center;
    max-width: 240px;
}

#clients img {
    height: 36px;
    filter: grayscale(1) opacity(0.4);
    margin-bottom: 12px;
}

#download-app .container {
    background-color: #E3FFFC;
}

#contact {
    background-color: #00A58F!important;
    color: #FFF;
}

#contact h2,
#contact p,
#contact a {
    color: #FFF;
    text-decoration: none;
    margin-bottom: 2px;
}

footer .logo img {
    width: 50px;
    height: 50px;
}

.social-media {
    margin-right: 15px;
}

.social-media img {
    height: 20px;
}

.deletion-image {
    display: block;
    margin: 10px auto 20px auto;
    width: 320px;
    max-width: 90%;
}

@media only screen and (min-width:768px) {
    h1 { font-size: 60px; }

    .feature-thumbnail {
        width: 75%;
        height: 100px;
        object-fit: contain;
        object-position: center;
        max-width: 200px;
    }

    #clients img {
        height: 50px;
    }

    #contact {
        margin-top: 80px;
    }
    
    #contact form {
        position: relative;
    }
}


  /* #introvideo {
    display: flex;
    justify-content: center;
    height: 600px;
}

@media (max-width: 1050px) {
    #introvideo {
        height: 100%;
    }
}

    video {

        border-radius: 10px; 
        overflow: hidden;
    } */

    #introvideo {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #introvideo iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9; /* Set aspect ratio to 16:9 */
    }

    /* Media query for screen sizes between 1500px and 1055px */
    @media screen and (min-width: 1056px) {
        #introvideo {
            width: 1066px;
            height: 700px;
            margin: 0 auto;
        }
        #introvideo iframe {
            width: 100%;
            height: 100%;
            aspect-ratio: unset; /* Remove aspect ratio for this size */
        }
    }

    /* Media query for screen sizes of 1055px and below */
    @media screen and (max-width: 1055px) {
        #introvideo {
            width: 100%;
            max-width: 1066px;
        }
        #introvideo iframe {
            width: 100%;
            height: auto;
            max-height: 700px;
            aspect-ratio: 16/9; /* Set aspect ratio to 16:9 */
        }
    }

    .accordion-collapse_faq {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #custcare {
        background: radial-gradient(circle at 66% 51%, #6BFFEB7A 0%, #69FCE824 50%, #FFFFFF 100%);
        height: 650px;
        display: flex;
        justify-content: center;
        align-items: center;
    
    }
    
    @media (max-width: 991px) {
        #custcare {
            height: auto;
        }
    }