/* General Css */



.services-single-page {

    padding-top: 5rem;

}



/**

********************************

Banner page

********************************

*/



.hero-section {

    padding: 32px 10px 62px 10px;

}

.hero-section .wrapper {

    padding: 10px;

}


.hero-section .sec-title {

    font-family: 'Oswald';

    text-transform: capitalize;

    font-weight: 800;

    line-height: 1em;



    @media (max-width:991px) {

        font-size: 50px;

    }

    @media (max-width:576px) {

        font-size: 34px !important;

    }

}



.hero-section p.sec-desc {

    color: #54595F;

    letter-spacing: 0.6px;

}



.hero-section .dark-btn {

    font-size: 1rem;

    line-height: 1.2em;



    &:hover {

        border-color: #E62B4A;

    }

}



.hero-section .hero-image img {

    border-radius: 0px 0px 20px 20px;

}



/**

********************************

Our Achievement

********************************

*/



.why-us {

    background-color: #FFF4F4;

    padding: 32px 10px 20px 10px;

}



.why-us .achievement-details h3.ach-counter {

    font-size: 60px;

    line-height: 1;

    letter-spacing: 2.4px;

    font-weight: 800;

    color: #E62B4A;

    margin: 0 0 25px 0;

}



.why-us .achievement-details p.ach-field {

    text-transform: uppercase;

    font-size: 16px;

    line-height: 1.2em;

    letter-spacing: 1.2px;

    margin: 0;

    color: #000;

}



.why-us .achievement-details {

    transition: all 0.4s ease-in-out;

}



.why-us .achievement-details:hover {

    transform: scale(1.1);

}



.why-us .row {

    row-gap: 20px;

}





/**

****************************************************************

 * Types of services

 ****************************************************************

 */

.types-of-services {

    padding: 45px 10px 45px 10px;

}



.types-of-services .headings {

    padding: 0 0 45px 0;



}



.types-of-services .sec-title {

    font-size: 40px;

    font-weight: 600;

    text-align: center;

    text-transform: none;

    line-height: 1.2em;

    letter-spacing: normal;

    margin: 0;

    @media (max-width:576px) {
        font-size: 34px !important;
    }

}



.types-of-services p.sec-desc {

    color: #54595F;

    margin-bottom: 0;

}



.types-of-services .wrapper {

    padding: 10px;

}



.types-of-services .services-list .row {

    row-gap: 32px;

}



.types-of-services .service-icon img {

    width: 57px;

    height: 50px;

    margin: 0 0 20px 0;

}



.types-of-services h3.service-title {

    font-size: 30px;

    font-weight: 600;

    line-height: 1em;

    margin: 0 0 20px 0;

}



.types-of-services p.service-desc {

    color: #54595f;

    margin: 0;

    padding: 0;

    letter-spacing: 0.6px;

}





/**

****************************************************************

 * Customer Benefits

 ****************************************************************

 */

.customer-benefits {

    padding: 25px;

    background-color: #000;

}



.customer-benefits .benefit-icon img {

    width: 70px;

    height: 70px;

    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(180deg) brightness(200%) contrast(100%);

}



.customer-benefits p.type-of-benefits {

    margin-bottom: 0;

    font-family: Arial, Helvetica, sans-serif;

    color: #fff;

}



.flip-card {

    background-color: transparent;

    width: 207px;

    height: 208px;

    perspective: 1000px;

    margin: auto;

    border: 1px solid #1a1a1a;

}



.flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 1s;

    transform-style: preserve-3d;

}



.flip-card:hover .flip-card-inner {

    transform: rotateY(-180deg);

    background-color: #E62B4A;

}



.flip-card-front,

.flip-card-back {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

}



.flip-card-front {

    background-color: transparent;

    color: black;

    width: 100%;

    height: 100%;

}



.flip-card-back {

    background-color: #E62B4A;

    color: white;

    transform: rotateY(-180deg);

    width: 100%;

    height: 100%;

}





/**

****************************************************************

 * Pricing Section

 ****************************************************************

 */

.price-sec {

    padding: 40px 10px 20px 10px;

}



.price-sec h2.sec-title {

    font-size: 40px;

    font-weight: 600;

    text-align: center;

    text-transform: none;

    line-height: 1.2em;

    letter-spacing: normal;

    @media (max-width:576px) {
        font-size: 34px !important;
    }

}



.price-sec p.service-desc {

    color: #818181;

    margin: 0;

    padding: 0;

    text-align: center;

    letter-spacing: 0.6px;

}



/**

****************************************************************

 * For Responsive Content

 ****************************************************************

 */





/* For screens smaller than 575px */

@media (max-width:575px) {



    /* Hero Section */

    .hero-section .sec-title {

        font-size: 50px;

        padding: 10px;

        margin-bottom: 0;

    }





    /* Type of Services */

    .types-of-services {

        padding: 40px 10px;

    }



    .types-of-services .sec-title {

        font-size: 40px;

        line-height: 1em;

    }



    .types-of-services .services-list .row {

        row-gap: 32px;

    }





}



/* For screens smaller than 767px */

@media (max-width:767px) {

    .hero-content {

        margin-bottom: 20px;

    }



}