/*================================================

Services Details Area CSS

=================================================*/

    .services-details-overview {

        -ms-flex-align: center !important;

        -webkit-box-align: center !important;

        align-items: center !important;

        display: -ms-flexbox;

        display: -webkit-box;

        display: flex;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        margin-right: -15px;

        margin-left: -15px;

        margin-top: 60px;

    }



    .services-details-overview:first-child {

        margin-top: 0;

    }



    .services-details-overview .services-details-desc {

        -ms-flex: 0 0 50%;

        -webkit-box-flex: 0;

        flex: 0 0 50%;

        max-width: 50%;

        padding-right: 15px;

        padding-left: 15px;

    }



    .services-details-overview .services-details-desc h3 {

        margin-bottom: 15px;

        font-size: 23px;

        font-weight: 700;

    }



    .services-details-overview .services-details-desc p {

        margin-bottom: 10px;

    }



    .services-details-overview .services-details-desc p:last-child {

        margin-bottom: 0;

    }



    .services-details-overview .services-details-desc .features-list {

        padding-left: 0;

        font-family: "Dosis", sans-serif;

        list-style-type: none;

        margin-top: 15px;

        margin-bottom: 0;

    }



    .services-details-overview .services-details-desc .features-list li {

        position: relative;

        color: #57647c;

        margin-bottom: 8px;

        padding-left: 22px;

        font-size: 15px;

        font-weight: 600;

    }



    .services-details-overview .services-details-desc .features-list li i {

        position: absolute;

        left: 0;

        top: 2px;

        color: #4ac728;

        font-size: 17px;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion {

        list-style-type: none;

        padding-left: 0;

        margin-bottom: 0;

        margin-top: 25px;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item {

        display: block;

        -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

        box-shadow: 0 0 1.25rem rgba(108, 118, 134, 0.1);

        background: #ffffff;

        margin-bottom: 10px;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-item:last-child {

        margin-bottom: 0;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title {

        padding: 12px 20px 12px 51px;

        color: #333333;

        position: relative;

        border-bottom: 1px solid transparent;

        margin-bottom: -1px;

        font-size: 15px;

        font-weight: 700;

        font-family: "Dosis", sans-serif;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i {

        position: absolute;

        left: 0;

        top: 0;

        width: 40px;

        text-align: center;

        height: 100%;

        background: #074ece;

        color: #ffffff;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title i::before {

        position: absolute;

        left: 0;

        top: 50%;

        right: 0;

        -webkit-transform: translateY(-50%);

        transform: translateY(-50%);

        font-size: 13px;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active {

        border-bottom-color: #eeeeee;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-title.active i::before {

        content: "\f068";

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content {

        display: none;

        position: relative;

        padding: 15px 15px;

    }



    .services-details-overview .services-details-desc .services-details-accordion .accordion .accordion-content.show {

        display: block;

    }



    .services-details-overview .services-details-image {

        -ms-flex: 0 0 50%;

        -webkit-box-flex: 0;

        flex: 0 0 50%;

        max-width: 50%;

        padding-right: 15px;

        padding-left: 15px;

    }

    @media only screen and (max-width: 767px) {


        .services-details-overview {

            margin-top: 30px;

        }

        .services-details-overview:first-child {

            margin-top: 30px;

        }

        .services-details-overview .services-details-desc {

            -ms-flex: 0 0 100%;

            -webkit-box-flex: 0;

            flex: 0 0 100%;

            max-width: 100%;

            -webkit-box-ordinal-group: 2;

            -ms-flex-order: 1;

            order: 1;

        }

        .services-details-overview .services-details-desc h3 {

            margin-bottom: 12px;

            font-size: 19px;

        }

        .services-details-overview .services-details-image {

            -ms-flex: 0 0 100%;

            -webkit-box-flex: 0;

            flex: 0 0 100%;

            max-width: 100%;

            -webkit-box-ordinal-group: 3;

            -ms-flex-order: 2;

            order: 2;

            margin-top: 30px;

        }

    }