/******************************************
 File Name: style.css 
 Item Name: Website Scraper 1.0
 Created By: Design Collection 
 Version: 1.0 
 *******************************************/
/* Font Family */

body {
    font-family: "Lexend", sans-serif;
}

/* Heading Begin */

#w_mm h3 {
    font-size: 25px;
}

#w_mm .min-155 {
    min-height: 155px;
}


#w_mm p {
    margin: 0px;
    padding: 0px;
}


/* Font Size Begin */

#w_mm .f-s-13 {
    font-size: 13px;
}

#w_mm .f-s-11 {
    font-size: 11px;
}

#w_mm .f-s-12 {
    font-size: 12px;
}


#w_mm .d_n {
    display: none ;
}

/* Font Weight Begin */

#w_mm .f-w-500 {
    font-weight: 500;
}


/* Button Begin */

#w_mm .btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

#w_mm .btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

#w_mm .btn-outline-success:focus {
    box-shadow: none;
}

#w_mm .start-stop:hover {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}


/* Form Begin */

#w_mm .form-select:focus {
    box-shadow: none;
    border-color: #ced4da;
}

#w_mm .form-control:focus {
    box-shadow: none;
    border-color: #ced4da;
}


/* Custom CSS Begin */

#w_mm .google-map {
    padding: 15px;
    background: red;
    color: #fff;
    border-radius: 50px;
}

#w_mm .google-map-bx {
    display: flex;
}

#w_mm .p-tb-40 {
    padding: 15px 0px 40px 0px;
}

#w_mm .m-t-l-20 {
    margin-left: 20px;
    margin-top: 10px;
}

#w_mm .text-gray {
    color: #ccc;
    font-size: 12px;
}

#w_mm .border-tb-1 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#w_mm .dot {
    margin-top: 4px;
    height: 10px;
    width: 10px;
    background-color: #24b742;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

#w_mm .school-in-london {
    display: flex;
}

#w_mm .box-shadow {
    box-shadow: 0px 1px 10px rgb(222 222 222);
}

#w_mm .border-radius {
    border-radius: 10px;
    border-top-color: #24b742;
}

#w_mm .card.box-shadow {
    border: 3px solid transparent;
}

#w_mm .b-tr-3 {
    border-top: 3px solid #24b742;
    border-radius: 10px;
}

#w_mm .result-bx {
    padding: 15px;
    border: 1px solid #ced4da;
    border-radius: 5px;
}

#w_mm .text-transform-upper {
    text-transform: uppercase;
}

#w_mm #example_length,
#example_filter {
    margin-top: 24px;
    margin-bottom: 24px;
}

#w_mm #example_info,
#example_paginate {
    padding: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

#w_mm a {
    color: #0d6efd;
}

#w_mm a:hover {
    color: #000000;
}

#w_mm .pagination {
    text-align: end;
    justify-content: end;
}

#w_mm .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #5cc371;
    border-color: #5cc371;
}

#w_mm .page-link {
    color: #212529;
}

#w_mm .page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem #5cc37126;
}

#w_mm .country:after {
    content: " *";
    color: red;
    font-size: 16px;
}

#w_mm
/* Dot pulse Begin */

#w_mm .dot-pulse {
    display: inline-block;
    position: relative;
    left: -9999px;
    width: 2px;
    height: 2px;
    border-radius: 5px;
    background-color: #24b742;
    color: #24b742;
    box-shadow: 9999px 0 0 -5px #24b742;
    animation: dotPulse 1.5s infinite linear;
    animation-delay: .25s;
}

#w_mm .dot-pulse::before,
#w_mm .dot-pulse::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
    width: 2px;
    height: 2px;
    border-radius: 5px;
    background-color: #24b742;
    color: #24b742;
}

#w_mm .dot-pulse::before {
    box-shadow: 9984px 0 0 -5px #24b742;
    animation: dotPulseBefore 1.5s infinite linear;
    animation-delay: 0s;
}

#w_mm .dot-pulse::after {
    box-shadow: 10014px 0 0 -5px #24b742;
    animation: dotPulseAfter 1.5s infinite linear;
    animation-delay: .5s;
}

@keyframes dotPulseBefore {
    0% {
        box-shadow: 9984px 0 0 -5px #24b742;
    }

    30% {
        box-shadow: 9984px 0 0 2px #24b742;
    }

    60%,
    100% {
        box-shadow: 9984px 0 0 -5px #24b742;
    }
}

@keyframes dotPulse {
    0% {
        box-shadow: 9999px 0 0 -5px #24b742;
    }

    30% {
        box-shadow: 9999px 0 0 2px #24b742;
    }

    60%,
    100% {
        box-shadow: 9999px 0 0 -5px #24b742;
    }
}

@keyframes dotPulseAfter {
    0% {
        box-shadow: 10014px 0 0 -5px #24b742;
    }

    30% {
        box-shadow: 10014px 0 0 2px #24b742;
    }

    60%,
    100% {
        box-shadow: 10014px 0 0 -5px #24b742;
    }
}

@media screen and (max-width: 768px) {
    #w_mm .mb-6 {
        margin-bottom: 6px;
    }

    #w_mm .mb-15 {
        margin-bottom: 15px;
    }

    #w_mm .w-25 {
        width: 100% !important;
    }

    .search {
        display: none;
    }

    .cd {
        float: inherit !important;
        text-align: center;
        margin: 0 auto;
    }

    .m-20 {
        margin: 20px 0px;
    }
}
/* HORIZONTAL ICON HAND */
    
    @-webkit-keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes horizontal {
        0% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        6% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        12% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        18% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        24% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
        30% {
            -webkit-transform: translate(5px, 0);
            -ms-transform: translate(5px, 0);
            transform: translate(5px, 0);
        }
        36% {
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .faa-horizontal.animated,
    .faa-horizontal.animated-hover:hover,
    .faa-parent.animated-hover:hover > .faa-horizontal {
        -webkit-animation: horizontal 2s ease infinite;
        animation: horizontal 2s ease infinite;
    }