/*
    @File: DIGoz Template Styles

    * This file contains the styling for the actual template, this
    is the file you need to edit to change the look of the
    template.

    This files table contents are outlined below>>>>>

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

    ** - Default CSS
    ** - Header CSS
    ** - Navbar Area CSS
    ** - Search Area CSS
    ** - Index 01 banner Area CSS
    ** - Index 01 about Area CSS
    ** - Index 01 services Area CSS
    ** - Index 01 Why choose us Area CSS
    ** - Index 01 Team Area CSS
    ** - Index 01 testimonial Area CSS
    ** - Index 01 blog Area CSS
    ** - Index 01 pricing Area CSS
    ** - Index 01 footer Area CSS

    ** - Index 02 banner Area CSS
    ** - Index 02 start now Area CSS
    ** - Index 02 service Area CSS
    ** - Index 02 about Area CSS
    ** - Index 02 why choose us Area CSS
    ** - Index 02 team Area CSS
    ** - Index 02 award Area CSS
    ** - Index 02 testimonial Area CSS
    ** - Index 02 blog Area CSS
    ** - Index 02 pricing Area CSS
    ** - Index 02 map and video Area CSS

    ** - Index 03 banner Area CSS
    ** - Index 03 start now Area CSS
    ** - Index 03 about Area CSS
    ** - Index 03 services Area CSS
    ** - Index 03 why choose us Area CSS
    ** - Index 03 testimonial Area CSS
    ** - Index 03 pricing Area CSS
    ** - Index 03 map and newsletter Area CSS

** - Inner banner Area CSS
** - Inner work page CSS
** - Inner contact page CSS
** - Single services page CSS
** - Single blog page CSS
** - Error 404 page CSS
** - FAQ page CSS
** - Coming soon page CSS
** - Privecy policy CSS
** - Terms & Conditions
** - Go Top CSS
*/
/*================================================
Default CSS
=================================================*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Nunito:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&display=swap');
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;
    font-family: 'Nunito', sans-serif;
}
html {
    scroll-behavior: smooth;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #ffffff;
    z-index: 99999;
    padding: 0px;
    transition: .5s ease-in-out;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}


.form-control:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #c5c5c5;
}
ul {
    margin: 0;
    padding: 0;
}
ul li {
    list-style: none;
}
p {
    margin: 0;
    padding: 0;
}
:focus {
    outline: 0 !important;
}
.uni-button a {
    color: #ffffff !important;
    padding: 12px 30px;
    border: none;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    font-family: 'Nunito';
    background-color: #ea3d56;
    text-decoration: none;
    transition: .5s;
    display: inline-block;
}
.uni-button a:hover,button:hover {
    background-color: #b9142d;
    transition: .5s;
}
button {
    color: #ffffff !important;
    padding: 12px 30px;
    border: none;
    text-transform: capitalize;
    text-align: center;
    font-weight: 600;
    font-family: 'Nunito';
    background-color: #ea3d56;
    text-decoration: none;
    transition: .5s;
    display: inline-block;
}
.s1-heading {
    text-align: center;
}
.about .s1-heading, .about .s1-heading p {
    text-align: left;
}
.s1-heading h3 {
    font-size: 40px;
    font-weight: 700;
    font-family: 'Montserrat';
    text-transform: capitalize;
    color: #202020;
}
.s1-heading p {
    color: #ea3d56;
    text-align: center;
    font-size: 15px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 700;
    text-transform: uppercase;
}
.s-heading-middle {
    margin-bottom: 50px;
    width: 57%;
    text-align: center;
    margin: 0 auto 50px auto;
}
.s-heading-middle p {
    color: #ea3d56;
    text-align: center;
    font-size: 15px;
    padding: 0;
    text-transform: uppercase;
}
.heading-details {
    text-align: center !important;
    width: 100%;
    margin: 10px auto 0 auto;
    font-size: 15px;
    font-family: 'Nunito';
    font-weight: 400;
    color: #3a3a3a !important;
}
.uni-s-heading {
    width: 50%;
    text-align: center;
    margin: 0 auto 50px auto;
}
.uni-s-heading p {
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'Nunito';
    font-weight: 700;
    color: #ea3d56;
}
.uni-s-heading h3 {
    color: #1b1919;
    text-transform: capitalize;
    font-size: 40px;
    font-family: 'Montserrat';
    font-weight: 700;
    padding: 10px 0px 15px;
}


    .form-control:focus {
        outline: none;
        box-shadow: none;
        border: 1px solid #c5c5c5;
    }
    ul {
        margin: 0;
        padding: 0;
    }
    ul li {
        list-style: none;
    }
    p {
        margin: 0;
        padding: 0;
    }
    :focus {
        outline: 0 !important;
    }
    .uni-button a {
        color: #ffffff !important;
        padding: 12px 30px;
        border: none;
        text-transform: capitalize;
        text-align: center;
        font-weight: 600;
        font-family: 'Nunito';
        background-color: #ea3d56;
        text-decoration: none;
        transition: .5s;
        display: inline-block;
    }
    .uni-button a:hover,button:hover {
        background-color: #b9142d;
        transition: .5s;
    }
    button {
        color: #ffffff !important;
        padding: 12px 30px;
        border: none;
        text-transform: capitalize;
        text-align: center;
        font-weight: 600;
        font-family: 'Nunito';
        background-color: #ea3d56;
        text-decoration: none;
        transition: .5s;
        display: inline-block;
    }
    .s1-heading {
        text-align: center;
    }
    .about .s1-heading, .about .s1-heading p {
        text-align: left;
    }
    .s1-heading h3 {
        font-size: 40px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        color: #202020;
    }
    .s1-heading p {
        color: #ea3d56;
        text-align: center;
        font-size: 15px;
        padding: 0;
        margin-bottom: 10px;
        font-weight: 700;
        text-transform: uppercase;
    }
    .s-heading-middle {
        margin-bottom: 50px;
        width: 57%;
        text-align: center;
        margin: 0 auto 50px auto;
    }
    .s-heading-middle p {
        color: #ea3d56;
        text-align: center;
        font-size: 15px;
        padding: 0;
        text-transform: uppercase;
    }
    .heading-details {
        text-align: center !important;
        width: 100%;
        margin: 10px auto 0 auto;
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 400;
        color: #3a3a3a !important;
    }
    .uni-s-heading {
        width: 50%;
        text-align: center;
        margin: 0 auto 50px auto;
    }
    .uni-s-heading p {
        font-size: 15px;
        text-transform: uppercase;
        font-family: 'Nunito';
        font-weight: 700;
        color: #ea3d56;
    }
    .uni-s-heading h3 {
        color: #1b1919;
        text-transform: capitalize;
        font-size: 40px;
        font-family: 'Montserrat';
        font-weight: 700;
        padding: 10px 0px 15px;
    }

    /*================================================
    Header CSS
    =================================================*/
    .topbar {
        position: relative;
        overflow: hidden;
        background-color: #35429e;
        padding: 5px 0;
    }
    .topbar ul li {
        display: inline-block;
        margin-right: 35px;
    }
    .topbar ul li a {
        color: #ffffff;
        font-size: 15px;
        text-decoration: none;
    }
    .topbar .fas, .topbar .far {
        margin: 0 5px 0 0;
        font-size: 15px;
    }
    .topbar-social-icons {
        text-align: end;
    }
    .topbar-social-icons ul li {
        display: inline-block;
        margin: 0 0px;
        padding: 0;
        text-align: center;
        width: 25px;
        height: 22px;
        transition: .5s;
        cursor: pointer;
    }
    .topbar-social-icons ul li:hover {
        background-color: #ea3d56;
    }
    .topbar-social-icons ul li a .fab {
        padding-top: 4px;
        font-size: 15px;
    }

    /*================================================
    Navbar Area CSS
    =================================================*/
    a.meanmenu-reveal {
        display: none;
    }
    /* when under viewport size, .mean-container is added to body */
    .digoz-nav {
        background-color: #ffffff;
        height: 56px;
    }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: absolute;
        background: #ffffff;
        padding: 20px 0 0;
        z-index: 999;
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        height: 55px;
    }
    .mean-container a.meanmenu-reveal {
        width: 35px;
        height: 30px;
        padding: 12px 15px 0 0;
        position: absolute;
        right: 0;
        cursor: pointer;
        color: #000000;
        text-decoration: none;
        font-size: 16px;
        text-indent: -9999em;
        line-height: 22px;
        font-size: 1px;
        display: block;
        font-weight: 700;
    }
    .mean-container a.meanmenu-reveal span {
        display: block;
        background: #000000;
        height: 4px;
        margin-top: 3px;
        border-radius: 3px;
    }
    .mean-container .mean-nav {
        float: left;
        width: 100%;
        background: #ffffff;
        margin-top: 55px;
    }
    .mean-container .mean-nav ul {
        padding: 0;
        margin: 0;
        width: 100%;
        border: none;
        list-style-type: none;
    }
    .mean-container .mean-nav ul li {
        position: relative;
        float: left;
        width: 100%;
    }
    .mean-container .mean-nav ul li a {
        display: block;
        float: left;
        width: 90%;
        padding: 1em 5%;
        margin: 0;
        text-align: left;
        color: #202020;
        border-top: 1px solid #DBEEFD;
        text-decoration: none;
        text-transform: capitalize;
    }
    .mean-container .mean-nav ul li a i {
        color: #220022;
        display: block;
    }
    .mean-container .mean-nav ul li a.active {
        color: #000000;
    }
    .mean-container .mean-nav ul li li a {
        width: 80%;
        padding: 1em 10%;
        color: #220022;
        border-top: 1px solid #DBEEFD;
        opacity: 1;
        filter: alpha(opacity=75);
        text-shadow: none !important;
        visibility: visible;
        text-transform: capitalize;
        font-size: 14px;
    }
    .mean-container .mean-nav ul li.mean-last a {
        border-bottom: none;
        margin-bottom: 0;
    }
    .mean-container .mean-nav ul li li li a {
        width: 70%;
        padding: 1em 15%;
    }
    .mean-container .mean-nav ul li li li li a {
        width: 60%;
        padding: 1em 20%;
    }
    .mean-container .mean-nav ul li li li li li a {
        width: 50%;
        padding: 1em 25%;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        margin-top: 3px;
        width: 100%;
        height: 24px;
        padding: 12px !important;
        text-align: right;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        font-weight: 700;
        background: transparent;
        border: none !important;
    }
    .mean-container .mean-push {
        float: left;
        width: 100%;
        padding: 0;
        margin: 0;
        clear: both;
    }
    .mean-nav .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .mean-container .mean-nav ul li a i {
        color: #202020;
        display: block !important;
    }
    .mean-container .mean-nav .navbar-nav {
        overflow-y: scroll;
        height: 390px;
    }

    /* Fix for box sizing on Foundation Framework etc. */

    .mean-container .mean-bar, .mean-container .mean-bar * {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .mean-remove {
        display: none !important;
    }
    .mobile-nav, .digoz-nav {
        display: none;
    }
    .mobile-nav.mean-container .mean-nav ul li a.active {
        color: #FF2D55;
    }
    .main-nav {
        background: #ffffff;
        box-shadow: 1px 1px 1px 0px #c9c9c9;
        position: absolute;
        left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
        width: 100%;
        z-index: 999;
        height: auto;
    }
    .main-nav .navbar {
        padding: 0;
    }
    .mean-nav .dropdown-toggle::after {
        display: none;
    }
    .navbar-light .navbar-brand, .navbar-light .navbar-brand:hover {
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
    }
    .main-nav nav ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
    }
    .main-nav nav .navbar-nav .nav-item {
        position: relative;
        padding: 15px 0;
    }
    .main-nav nav .navbar-nav .nav-item a {
        font-weight: 600;
        font-size: 16px;
        font-family: 'Montserrat';
        text-transform: capitalize;
        color: #202020;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        margin-left: 15px;
        margin-right: 15px;
        transition: .5s;
    }
    .main-nav nav .navbar-nav .nav-item a:hover, .main-nav nav .navbar-nav .nav-item a:focus, .main-nav nav .navbar-nav .nav-item a.active {
        color: #FF2D55;
    }
    .main-nav nav .navbar-nav .nav-item:hover a {
        color: #FF2D55;
    }
    .dropdown-toggle::after {
        position: relative;
        top: 3px;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu {
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
        background: #ffffff;
        position: absolute;
        top: 80px;
        left: 0;
        border-radius: 0;
        width: 200px;
        z-index: 99;
        display: block;
        padding-top: 10px;
        border: none;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 10px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li {
        position: relative;
        padding: 0;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 9px 15px;
        margin: 0;
        display: block;
        color: #000000;
        border: none;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
        color: #ea3d56;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
        position: absolute;
        left: -100%;
        top: 0;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        top: -20px !important;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu {
        position: absolute;
        left: -100%;
        top: 0;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu li:hover .dropdown-menu {
        opacity: 1 !important;
        visibility: visible !important;
        top: -20px !important;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
        color: #ffffff;
        text-transform: capitalize;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active {
        color: #FF2D55;
    }
    .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover a {
        color: #fff;
        background-color: #FF2D55;
        transition: all .3s ease-in-out;
    }
    .main-nav nav .navbar-nav .nav-item:hover ul {
        opacity: 1;
        visibility: visible;
        top: 100%;
    }
    .main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu {
        left: auto;
        right: 0;
    }
    .main-nav .uni-button {
        margin-left: 20px;
    }
    .main-nav .uni-button a {
        color: #ffffff !important;
        padding: 10px 20px;
        border: none;
        text-transform: capitalize;
        text-align: center;
        font-weight: 400;
        font-family: 'Nunito';
        background-color: #ea3d56;
        text-decoration: none;
        transition: .5s;
    }
    .uni-button a:hover {
        background-color: #b9142d;
        transition: .5s;
    }

    /*================================================
    Search Area CSS
    =================================================*/
    .modal .form-control, .modal input {
        outline: none;
        padding: 15px;
        height: 50px;
    }
    .modal-footer {
        border: 0;
    }
    .modal .close {
        margin: 5px 20px 0 auto
    }
    .modal-content .uni-button {
        outline: none;
        margin: 0 auto;
    }
    .modal-content .uni-button a {
        padding: 10px 50px;
    }
    .modal {
        margin-top: 70px;
        z-index: 99999;
    }
    .nav a .fa-search {
        color: #707070;
    }
    .modal-content button {
        color: #000000 !important;
    }
    .modal-content button:hover{
        background-color: #ffffff;
    }
    /*================================================
    Index 01 banner Area CSS
    =================================================*/
    .slide-1 {
        background-image: url('../images/banner/home1-banner1.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .slide-2 {
        background-image: url('../images/banner/home1-banner2.jpg') !important;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .slide-3 {
        background-image: url('../images/banner/home1-banner3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .slide-overlay {
        background-color: #00000083;
        padding: 300px 0 250px 0;
    }
    .slide-content {
        width: 65%;
    }
    .slides h1 {
        font-size: 65px;
        font-weight: 900;
        font-family: 'Montserrat';
        color: #ffffff;
        text-transform: capitalize;
        letter-spacing: 2px;
    }
    .slides h2 {
        font-size: 65px;
        font-weight: 700;
        font-family: 'Nunito';
        color: #ffffff;
        text-transform: capitalize;
    }
    .slides p {
        font-size: 18px;
        font-weight: 400;
        font-family: 'Nunito';
        color: #ffffff;
        width: 90%;
        padding: 20px 0 20px 0;
    }
    .banner-button {
        display: flex;
        margin-top: 20px;
    }
    .slides .uni-button {
        margin-right: 30px;
    }
    .slides .uni-button:hover a {
        background-color: #35429e;
        transition: .3s;
    }
    .slider-area .owl-dots {
        text-align: center;
        position: absolute;
        bottom: 2%;
        left: 50%;
        transform: translate(-50px, 0px);
    }
    .slider-area button.owl-dot {
        background-color: #cbc9c8 !important;
        width: 30px;
        height: 5px;
        margin: 0 0px;
    }
    .slider-area button.owl-dot.active {
        background-color: #e4596d !important;
    }

    /*================================================
    Index 01 about Area CSS
    =================================================*/
    .about {
        padding: 100px 20px;
        background-color: #f9f9f9;
    }
    .about-text-content {
        padding: 30px 0 0 0px;
    }
    .about-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .about-img>img {
        width: 100%;
    }
    .about-content {
        padding: 20px 0 20px 0px;
    }
    .about-content p {
        font-size: 17px;
    }
    .about-content ul {
        padding: 10px 0 10px 0px;
    }
    .about-content ul li {
        padding: 10px 0;
        display: flex;
    }
    .about-content ul li .fa-check-circle {
        color: #f2abb3;
        font-size: 20px;
        margin-right: 10px;
        position: relative;
        top: 3px;
    }
    .about-content ul li p {
        font-size: 17px;
        display: flex;
    }
    .counter-up {
        padding: 15px 0 35px 0px;
    }

    .counter-card {
        margin-bottom: 10px;
        position: relative;
    }
    .counter-text-card {
        position: absolute;
        top: 0;
        left: 70px;
    }
    .counter-up i::before {
        font-size: 35px;
        margin: 0;
        padding: 0;
        max-width: 100%;
        font-weight: 400;
    }
    .counter-up .icons {
        height: 55px;
        width: 55px;
        text-align: center;
        background-color: #ffffff;
        box-shadow: 1px 1px 20px 1px #e7e7e7;
        color: #ea3d56;
    }
    .counter-up h3 {
        font-size: 23px;
        font-family: 'Nunito';
        font-weight: 700;
        text-transform: capitalize;
        padding-bottom: 6px;
    }
    .counter-up h5 {
        font-size: 17px;
        font-family: 'Nunito';
        font-weight: 500;
        text-transform: capitalize;
    }

    /*================================================
    Index 01 services Area CSS
    =================================================*/
    .services {
        padding: 100px 0;
    }
    .service-card {
        padding: 30px;
        /* border: 1px solid #d6d3d3; */
        box-shadow: 1px 1px 10px 0px #e2e0e0;
        margin: 15px 0;
    }
    .service-card img {
        position: relative;
        width: 70px;
        height: 60px;
    }
    .service-content i::before {
        font-size: 50px;
        margin: 0px;
        color: #ea3d56;
        position: absolute;
        top: 15%;
        left: 13%;
    }
    .service-content h4 {
        padding: 20px 0 0px 0;
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: capitalize;
    }
    .service-content h4 a {
        color: #202020;
        text-decoration: none;
    }
    .service-content p {
        color: #707070;
        padding: 10px 0 0 0;
        font-size: 16px;
        font-family: 'Nunito';
    }
    .service-card:hover h4 a, .service-card:hover p, .service-card:hover i::before {
        color: #ffffff;
        transition: .5s;
    }
    .service-card:hover {
        background-color: #35429e;
        transition: .5s;
    }
    .service-card:hover .s-icons {
        background-color: #868ec5;
        transition: .5s;
    }

    /*================================================
    Index 01 Why choose us Area CSS
    =================================================*/
    .why-we {
        padding: 100px 0;
        background-color: #f9f9f9;
        position: relative;
    }
    .why-we .triangle {
        position: absolute;
        left: 5%;
        top: 20%;
    }
    .why-we .big-circle1 {
        position: absolute;
        left: 44%;
        top: 40%;
        transform: translate(-50%, -0%);
    }
    .why-we .big-circle2 {
        position: absolute;
        left: 74%;
        top: 55%;
        transform: translate(-50%, -0%);
    }
    .why-we .small-circle {
        position: absolute;
        right: 10%;
        bottom: 30%;
    }
    .half-circle {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    .group-shape {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translate(-0%, -50%);
    }
    .ww-content {
        margin-top: 50px;
    }
    .ww-content .col-lg-6 {
        padding: 5px;
    }
    .ww-content .col-sm-12, .ww-content .co-12 {
        padding: 5px 15px;
    }
    .ww-card {
        padding: 25px 20px 25px 20px;
        box-shadow: 1px 1px 20px 1px #e6e6e6;
        background-color: #ffffff;
        transition: .5s;
    }
    .ww-card-icons {
        height: 100px;
        width: 100px;
        box-shadow: 1px 1px 20px 1px #e6e6e6;
        display: flex;
        justify-content: center;
        align-items: center;
        transition: .5s;
    }
    .ww-card-icons i::before {
        font-size: 60px;
        color: #ea3d56;
        margin: 0;
    }
    .ww-card h3 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 10px 0;
    }
    .ww-card h3 a {
        text-decoration: none;
        color: #202020;
    }
    .ww-card p {
        color: #707070;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito';
    }

    /*================================================
    Index 01 Team Area CSS
    =================================================*/
    .team {
        padding: 100px 0;
        background-color: #f5f5fa;
    }
    .team .row {
        margin: 0;
    }
    .team .row .col-lg:nth-child(even) {
        margin-top: 50px;
    }
    .team-card {
        background-color: #ffffff;
        padding: 50px 40px 30px 40px;
        margin-bottom: 20px;
    }
    .team-card>img {
        width: 100%;
    }
    .team-img {
        position: relative;
    }
    .team-card .team-icons {
        position: absolute;
        top: 8%;
        right: 4%;
        transform: translate(-60%);
        text-align: center;
    }
    .team-share {
        width: 40px;
        height: 40px;
        background-color: #ea3d56;
        text-align: center;
        border-radius: 50%;
        padding-top: 5px;
        font-size: 20px;
        color: #ffffff;
        z-index: 999;
        margin-bottom: 5px;
    }
    .team-share a {
        color: #ffffff;
    }
    .team-social i {
        width: 40px;
        height: 40px;
        background-color: #ea3d56;
        text-align: center;
        border-radius: 50%;
        padding-top: 10px;
        font-size: 0px;
        color: #ffffff;
        z-index: 999;
    }
    .team-social .fab {
        margin: 8px 0;
    }
    .team-social i {
        width: 0;
        height: 0;
        visibility: hidden;
    }
    .team-card:hover .team-social i {
        font-size: 20px;
        width: 40px !important;
        height: 40px !important;
        visibility: visible !important;
        transition: .5s;
        transform-origin: left;
    }
    .team-into {
        text-align: center;
        padding: 20px 0 0 0;
    }
    .team-into h4 {
        font-size: 20px;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: capitalize;
    }
    .team-into p {
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 400;
        text-transform: capitalize;
    }

    /*================================================
    Index 01 testimonial Area CSS
    =================================================*/
    .testimonial {
        background-image: url('../images/testimonial-bg.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .testimonial-overlay {
        background-color: #3f4ba2ea;
        padding: 100px 0 70px;
    }
    .testimonial .s-heading-middle p, .testimonial .s-heading-middle h3 {
        color: #ffffff;
    }
    .t-single-slide>img {
        max-width: 15% !important;
        margin: 0 auto;
    }
    .t-single-slide {
        width: 80%;
    }
    .t-single-slide {
        margin: 0 auto;
        text-align: center;
        color: #ffffff;
    }
    .t-single-slide h6 {
        text-transform: capitalize;
        padding: 15px 0 10px 0;
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 700;
    }
    .t-comments {
        text-align: left;
    }
    .t-comments p {
        font-size: 20px;
        font-family: 'Nunito';
        padding: 10px 0;
    }
    .t-comments .fa-quote-left {
        font-size: 25px;
        width: 50px;
        height: 50px;
        background-color: #000000;
        border-radius: 50%;
        text-align: center;
        padding-top: 12px;
    }
    .t-quote {
        position: relative;
        top: 50%;
        transform: translate(0, -50%);
    }
    .t-comments ul li {
        display: inline-block;
        color: #e2b61b;
        margin: 0px;
    }
    .testimonial .owl-nav {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    .testimonial .owl-nav .owl-prev, .slider-area .owl-nav .owl-next {
        text-align: center;
        color: #ffffff !important;
        outline: none;
        position: relative;
        top: 50%;
    }
    .testimonial button {
        outline: none;
    }
    .testimonial button.owl-prev {
        position: absolute;
        left: 0;
        color: #ffffff !important;
    }
    .testimonial button.owl-next {
        position: absolute;
        right: 0;
        color: #ffffff !important;
    }

    /*================================================
    Index 01 blog Area CSS
    =================================================*/
    .blog {
        padding: 100px 0 100px 0;
        position: relative;
    }
    .blog .small-dots {
        position: absolute;
        right: 10%;
        top: 25%;
    }
    .blog .blog-circle {
        position: absolute;
        right: 20%;
        top: 73%;
    }
    .blog-card {
        background-color: #ffffff;
        box-shadow: 1px 1px 20px 1px #e0e0e0;
        margin-bottom: 30px;
    }
    .blog-card>img {
        width: 100%;
    }
    .blog-text {
        padding: 25px 15px;
    }
    .bc-header p {
        padding-bottom: 10px;
    }
    .bc-header p {
        font-size: 16px;
        font-family: 'Nunito';
        font-weight: 600;
        text-transform: capitalize;
        display: flex;
        align-items: center;
    }
    .bc-header p span {
        font-size: 25px;
        padding: 0 5px 0 0;
    }
    .bc-header .far, .bc-header .fas {
        color: #ea3d56;
        font-size: 15px;
        padding: 0 3px;
    }
    .bc-header .fas {
        padding-left: 5px;
        font-size: 20px;
    }
    .bch-comments {
        padding-top: 7px;
    }
    .bc-text {
        border-top: 1px solid #eeeeee;
        padding-top: 10px;
    }
    .bc-text h3 {
        font-size: 20px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 10px 0;
    }
    .bc-text h3 a {
        color: #202020;
        text-decoration: none;
    }
    .bc-text p {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito';
        color: #707070;
    }

    /*================================================
    Index 01 pricing Area CSS
    =================================================*/
    .price {
        padding: 100px 0;
        background-color: #eaecf5;
    }
    .pricing-card {
        box-shadow: 1px 1px 20px 1px #e2dfdf;
        background-color: #ffffff;
        text-align: center;
        position: relative;
        margin-top: 50px;
    }
    .pricing-content i::before {
        margin: 0;
        font-size: 75px;
        color: #ea3d56;
    }

    .pricing-content .pricing-icon {
        width: 110px;
        height: 110px;
        border-radius: 50%;
        background-color: #ffffff;
        text-align: center;
        box-shadow: 1px 1px 10px 1px #e2dfdf;
        margin: 0 auto;
        position: relative;
        top: -50px;
    }
    .pricing-text {
        margin-top: -30px;
        padding: 0 10px 30px 10px;
    }
    .pricing-text h3 {
        font-size: 30px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
    }
    .pricing-text ul li {
        margin: 15px 0;
        text-transform: capitalize;
        font-family: 'Montserrat';
        font-weight: 500;
        font-size: 16px;
        color: #66696b;
    }
    .pricing-text ul {
        padding: 10px 0;
    }
    .pricing-text h4 {
        font-size: 25px;
        text-transform: capitalize;
        font-family: 'Montserrat';
        font-weight: 700;
        color: #66696b;
        padding-top: 5px;
    }
    .pricing-text h5 {
        font-size: 15px;
        text-transform: capitalize;
        font-family: 'Montserrat';
        color: #66696b;
        padding-bottom: 30px;
        margin-top: 5px;
    }
    .pricing-text {
        border-bottom: 5px solid #ea3d56;
    }
    .pricing-card .uni-button {
        display: inline;
    }

    /*================================================
    Index 01 footer Area CSS
    =================================================*/
    .footer {
        padding: 100px 0 80px 0;
        background-color: #223077;
    }
    .footer-logo-area p {
        color: #cccbcb;
        padding: 25px 0;
    }
    .footer h3 {
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding-bottom: 30px;
    }
    .footer-logo-area h3{
        padding: 0;
        font-size: 20px;
    }
    .footer-social-icons ul li {
        display: inline-block;
        margin: 0 8px 0 0;
        height: 30px;
        width: 30px;
        text-align: center;
        padding-top: 3px;
        cursor: pointer;
    }
    .footer-social-icons ul li a {
        color: #ffffff;
    }
    .footer-social-icons ul li:hover {
        background-color: #ea3d56;
        transition: .3s;
        transform-origin: top;
    }
    .footer ul li a {
        color: #ffffff;
        text-decoration: none;
    }
    .quick-links ul li {
        margin: 0 0 12px;
        font-family: 'Nunito';
        font-size: 17px;
    }
    .contact ul li {
        margin: 0 0 12px;
        font-family: 'Nunito';
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .contact ul li a .fas {
        color: #ea3d56;
        font-size: 16px;
        display: flex;
        align-items: center;
    }
    .contact ul li {
        padding: 0px 0 0px 0;
    }
    .contact ul li{
        margin: 0 0 10px 0 !important;
    }
    .footer input, .footer textarea {
        margin: 0px 0 20px 0;
        padding: 15px;
        background-color: #3945854f;
    }
    .footer input::placeholder, .footer textarea::placeholder {
        color: #ffffff;
    }
    .footer input {
        height: 50px;
        outline: none !important;
    }
    .footer .uni-button {
        margin-top: 10px;
    }
    .footer .form-control {
        outline: none !important;
        border-radius: 0;
        border: 1px solid #3945854f;
        background-color: #3945854f;
        color: #ffffff;
    }
    .footer-contact-link {
        position: relative;
        display: flex;
    }
    .footer-contact-link p {
        padding-left: 15px;
    }
    .footer .quick-links, .footer .contact{
        padding-left: 20px;
    }
    .support {
        padding-left: 60px !important;
    }
    .copyright {
        padding: 10px 0 0px;
        background-color: #223077;
    }
    .copyright .container {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        color: #ffffff;
        text-transform: capitalize;
    }
    .copyright p {
        font-size: 15px;
        margin: 0;
        padding: 20px 0 20px 0;
    }
    .copyright p a {
        color: #ffffff;
        font-weight: 600;
    }
    .copyright .privecy {
        text-align: end;
    }
    .copyright .privecy a {
        color: #ffffff;
        text-decoration: none;
        transition: .5s;
    }
    .copyright .privecy a:hover {
        color: #d5d5d5;
        transition: .5s;
    }
    .copyright .row .col-md-6 {
        padding: 0 !important;
    }

    /*================================================
    Index 02 banner Area CSS
    =================================================*/
    .h2-banner {
        position: relative;
        z-index: 0;
    }
    .h2-banner .col-md-12{
        padding-left: 0px;
        padding-right: 0px;
    }
    .home2-wrapper .hb-squre {
        position: absolute;
        top: 25%;
        left: 17%;
        z-index: 99;
    }
    .home2-wrapper .hb-h2-small-circle {
        position: absolute;
        left: 12%;
        top: 40%;
        z-index: 99;
    }
    .home2-wrapper .h2-group-shapes {
        position: absolute;
        left: 5%;
        bottom: 15%;
        z-index: 99;
    }
    .home2-wrapper .hb-banner-circle {
        position: relative;
    }
    .home2-wrapper .hb-h2-small-circle1 {
        position: absolute;
        left: 12%;
    }
    .home2-wrapper .slides {
        background-color: #35429e;
    }
    .home2-wrapper .slide-content {
        width: 100%;
    }
    .home2-wrapper .slide-text {
        display: flex;
        justify-content: flex-end;
    }
    .home2-wrapper .slide-text-content {
        width: 85%
    }
    .home2-wrapper .slide-text-content h1, .home2-wrapper .slide-text-content h2 {
        font-size: 45px;
    }
    .home2-wrapper img {
        max-width: 100%;
        border-radius: 15px;
    }
    .h2-banner-image>img{
        width: 100% !important;
    }
    .home2-wrapper .h2-banner .uni-button a:hover {
        background-color: #c94141;
    }

    /*================================================
    Index 02 start now Area CSS
    =================================================*/
    .h2-contact {
        background-color: #f2f2f2;
        z-index: 0;
    }
    .h2c-form {
        z-index: 99;
        padding: 20px 20px 15px 20px;
        background-color: #ffffff;
        position: relative;
        top: -50px;
        box-shadow: 0px 0px 1px 0px #cecece;
    }
    .h2c-form input {
        background-color: #ebeced;
        padding: 20px;
        outline: 0;
        margin: 15px 0;
    }
    .h2c-form .form-control {
        background-color: #ebeced;
        border-radius: 0;
        border: 0;
        outline: none;
        height: 48px;
    }

    /*================================================
    Index 02 service Area CSS
    =================================================*/
    .h2-service {
        background-color: #f2f2f2;
        padding: 50px 0 60px 0;
        position: relative;
    }
    .h2s-small-circle1, .h2s-small-circle2, .h2s-small-dots, .h2s-big-circile1, .h2s-red-small-circle {
        position: absolute;
    }
    .h2s-small-circle1 {
        bottom: 20%;
        left: 5%;
    }
    .h2s-small-circle2 {
        top: 15%;
        right: 5%;
    }
    .h2s-small-dots {
        top: 50%;
        left: 10%;
    }
    .h2s-big-circile1 {
        top: 55%;
        left: 50%;
    }
    .h2s-red-small-circle {
        top: 50%;
        right: 10%;
    }
    .h2s-card {
        text-align: center;
        background-color: #ffffff;
        box-shadow: 0px 0px 10px 0px #f2f2f2;
        padding: 0 32px 20px 32px;
        transition: .3s;
        margin-bottom: 40px;
    }
    .h2s-icons i::before {
        font-size: 50px;
        margin: 0;
    }
    .h2s-icons {
        text-align: center;
        padding-top: 10px;
        margin: 0px auto;
        height: 100px;
        width: 100px;
        border-radius: 50%;
        background-color: #ffffff;
        box-shadow: 1px 1px 20px 1px #d8d5d5;
        position: relative;
        top: -15px;
        color: #ea3d56;
        transition: .8s;
        margin-bottom: 15px;
    }
    .h2s-card {
        margin-top: 10px;
    }
    .h2s-card h3 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
    }
    .h2s-card h3 a {
        color: #202020;
        text-decoration: none;
        transition: .8s;
    }
    .h2s-card p {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Nunito';
        padding: 15px 0;
        color: #464545;
        transition: 1.3s;
    }
    .h2s-card .link-btn {
        color: #202020;
        font-family: 'Nunito';
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        text-decoration: none;
        text-transform: capitalize;
        transition: 1.3s;
    }
    .h2s-card .link-btn i {
        position: relative;
        top: 2px;
    }
    .h2s-card:hover {
        background-color: #35429e;
        transition: .3s;
    }
    .h2s-card:hover .h2s-icons {
        background-color: #35429e;
        box-shadow: 0px 0px 20px 0px #1628b3c1;
        color: #ffffff;
        transition: .8s;
    }
    .h2s-card:hover p, .h2s-card:hover h3 a, .h2s-card:hover .link-btn {
        color: #ffffff;
        transition: 1.3s;
    }

    /*================================================
    Index 02 about Area CSS
    =================================================*/
    .h2-about {
        padding: 100px 0;
        position: relative;
    }
    .h2-about-text {
        width: 82%;
    }
    .h2-about-text h6 {
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 700;
        color: #ea3d56;
        text-transform: uppercase;
    }
    .h2-about-text h3 {
        font-size: 40px;
        font-family: 'Montserrat';
        font-weight: 700;
        color: #202020;
        text-transform: capitalize;
        padding: 10px 0;
    }
    .h2-about-text p {
        color: #464545;
        font-size: 16px;
        padding: 0px 0 10px 0;
    }
    .about-features {
        margin-top: 15px;
    }
    .about-features h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding-bottom: 10px;
    }
    .about-features p::before {
        content: ' ';
        width: 10px;
        height: 10px;
        background-color: #ea3d56;
        border-radius: 50%;
        position: absolute;
        top: 11px;
        left: 10%;
    }
    .about-features p {
        padding-left: 25px;
        margin: 5px 0 0 0 ;
        font-size: 15px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-transform: capitalize;
    }
    .h2-about .uni-button {
        margin-right: 30px;
        margin-top: 10px;
    }
    .h2-about .uni-button:hover {
        background-color: #35429e;
        transition: .5s;
    }
    .h2-about-img>img {
        max-width: 120%;
        position: relative;
    }
    .about-img-shapes {
        height: 100px;
        width: 100px;
        background-color: #35429e;
        border-radius: 50%;
        position: absolute;
        bottom: 6%;
    }
    .h2-about-small {
        position: absolute;
        top: 65%;
        left: 45%;
    }
    .h2-about-big {
        position: absolute;
        top: 45%;
        left: 50%;
    }

    /*================================================
    Index 02 why choose us Area CSS
    =================================================*/
    .h2-why-we {
        padding: 100px 0;
        background-color: #f3f3f3;
    }
    .ww-text-p {
        font-size: 17px;
        color: #707070;
    }
    .h2-why-we .uni-s-heading p {
        color: #ea3d56;
    }
    .h2-why-we .uni-s-heading {
        text-align: left;
        margin: 0;
    }
    .h2-why-we .ww-content {
        margin-top: 0;
    }
    .home2-wrapper .ww-content .col-sm-12, .ww-content .co-12 {
        padding: 15px;
    }
    .home2-wrapper .ww-card:hover {
        background-color: #35429e;
        transition: .5s;
    }
    .home2-wrapper .ww-card:hover .ww-card-icons {
        box-shadow: 1px 1px 20px 1px #0f1c7c;
        transition: .5s;
    }
    .home2-wrapper .ww-card:hover .ww-card-icons i::before {
        color: #ffffff;
    }
    .home2-wrapper .ww-card:hover h3 a {
        color: #ffffff !important;
    }
    .home2-wrapper .ww-card:hover p {
        color: #ffffff;
    }

    /*================================================
    Index 02 team Area CSS
    =================================================*/
    .h2-team {
        padding: 100px 0 70px 0;
        position: relative;
    }
    .h2-team-shape {
        position: absolute;
        right: 10%;
        top: 10%;
    }
    .h2-team-card {
        box-shadow: 0px 0px 20px 0px #d6d6d6;
        margin-bottom: 30px;
        position: relative;
    }
    .h2-team-card>img {
        width: 100%;
    }
    .h2-team-intro {
        padding: 20px;
        text-align: center;
    }
    .h2-team-intro h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        color: #202020;
        margin-bottom: 8px;
    }
    .h2-team-intro p {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Nunito';
        text-transform: capitalize;
        color: #707070;
    }
    .h2-team-icons {
        position: absolute;
        right: 0;
        top: 0;
    }
    .h2-team-share a, .h2-team-social ul li a {
        color: #ffffff;
    }
    .h2-team-share {
        width: 40px;
        height: 40px;
        background-color: #ea3d56;
        text-align: center;
        border-radius: 50%;
        padding-top: 5px;
        font-size: 20px;
        color: #ffffff;
        z-index: 999;
        margin-bottom: 5px;
    }
    .h2-team-social i {
        width: 40px;
        height: 40px;
        background-color: #ea3d56;
        text-align: center;
        border-radius: 50%;
        padding-top: 10px;
        font-size: 0px;
        color: #ffffff;
        z-index: 999;
        margin-bottom: 5px;
        transform-origin: top;
    }
    .h2-team-social .fab {
        margin: 8px 0;
    }
    .h2-team-social i {
        width: 0;
        height: 0;
        transition: .2s;
        visibility: hidden;
        transform-origin: top;
    }
    .h2-team-card:hover .h2-team-social i {
        font-size: 20px;
        width: 40px !important;
        height: 40px !important;
        visibility: visible !important;
        transition: .5s;
        transform-origin: left;
    }

    /*================================================
    Index 02 award Area CSS
    =================================================*/
    .award {
        padding: 50px 0 30px 0;
        background-color: #414d9f;
    }
    .award-card {
        position: relative;
        width: 215px;
        margin: 0 auto 20px auto;
    }
    .award-icon {
        height: 60px;
        width: 60px;
        background-color: #ffffff;
        text-align: center;
        color: #ea3d56;
        box-shadow: 0px 0px 20px 0px #132074;
        position: absolute;
    }
    .award-text {
        padding-left: 75px;
    }
    .award-icon i::before {
        padding: 0;
        margin: 0;
        font-size: 40px;
    }
    .award-card h4 {
        color: #ffffff;
        font-size: 25px;
        font-weight: 400;
        font-family: 'Nunito';
        padding-top: 5px;
        font-weight: 700;
    }
    .award-card p {
        color: #ffffff;
        font-size: 15px;
        font-weight: 400;
        font-family: 'Nunito';
        text-transform: capitalize;
    }

    /*================================================
    Index 02 testimonial Area CSS
    =================================================*/
    .client {
        background-image: url('../images/h2-testimonial-bg.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .client-overlay {
        background-color: #00000095;
        padding: 100px 0 70px;
    }
    .client .uni-s-heading h3, .client .uni-s-heading p {
        color: #ffffff;
    }
    .client-slide {
        text-align: center;
        border: 1px solid #ffffff;
        margin: 30px;
        border-radius: 20px;
        background-color: #2626269c;
    }
    .client-slide .row {
        padding: 0px 30px 20px 30px;
    }
    .client-slide h5 {
        padding: 10px 0;
        color: #ffffff;
        font-size: 15px;
        font-weight: 600;
        font-family: 'Nunito';
        text-transform: capitalize;
        text-align: center;
    }
    .client-slide p {
        font-size: 18px;
        font-weight: 400;
        font-family: 'Nunito';
        color: #ffffff;
        text-align: left;
    }
    .client-slide ul {
        text-align: left;
    }
    .client-slide ul li {
        display: inline-block;
        color: #e2b61b;
        padding-top: 10px;
    }
    .client-slide .t-quote {
        color: #ffffff;
        font-size: 30px;
        margin-top: -5px;
    }

    /*================================================
    Index 02 blog Area CSS
    =================================================*/
    .home2-wrapper .blog {
        background-color: #ededed;
    }
    .home2-wrapper .blog .uni-s-heading p {
        color: #ea3d56;
    }
    .blog-option {
        text-align: center;
    }
    .blog-option ul li {
        display: inline-block;
        margin: 0 5px;
        padding: 3px 10px;
        font-weight: 700;
        font-size: 15px;
        text-transform: capitalize;

    }
    .blog-option ul li a {
        color: #000000;
        text-decoration: none;
    }
    .blog-content img {
        width: 100%;
    }

    /*================================================
    Index 02 pricing Area CSS
    =================================================*/
    .home2-wrapper .price {
        background-color: #ffffff;
    }
    .home2-wrapper .pricing-card {
        background-color: #f2f2f2;
        margin-top: 90px;
        box-shadow: 0px 0px 20px 1px #ffffff;
    }
    .home2-wrapper .pricing-text h4 {
        font-size: 25px;
        text-transform: capitalize;
        font-family: 'Montserrat';
        font-weight: 700;
        color: #ea3d56;
        padding-top: 15px;
    }
    .home2-wrapper .pricing-text h5 {
        font-size: 15px;
        text-transform: capitalize;
        font-family: 'Montserrat';
        font-weight: 700;
        color: #000000;
        padding-bottom: 0;
    }
    .home2-wrapper .pricing-card:hover {
        background-color: #35429e;
    }
    .home2-wrapper .pricing-card:hover i::before {
        margin: 0;
        font-size: 70px;
        color: #ffffff;
    }
    .home2-wrapper .pricing-card:hover .pricing-icon {
        background-color: #35429e;
        text-align: center;
        box-shadow: 1px 1px 10px 1px #0d1979;
        transition: .5s;
    }
    .home2-wrapper .pricing-card:hover .pricing-text h4, .home2-wrapper .pricing-card:hover .pricing-text ul li, .home2-wrapper .pricing-card:hover .pricing-text h5, .home2-wrapper .pricing-card:hover .pricing-text h3 {
        color: #ffffff;
        transition: .5s;
    }
    .home2-wrapper .price .uni-button:hover {
        background-color: #ffffff;
        color: #000000;
        transition: .5s;
    }
    .price .uni-s-heading {
        margin: 0 auto 0px auto;
    }

    /*================================================
    Index 02 map and video Area CSS
    =================================================*/
    .map {
        width: 100%;
        height: 100%;
    }
    .google-map {
        width: 100%;
        height: 100%;
        border: 0px;
    }
    .video {
        position: relative;
    }
    .video-play i {
        color: #ea3d56;
        text-align: center;
        border-radius: 50%;
        padding-top: 25px;
        font-size: 30px;
        width: 80px;
        height: 80px;
        background-color: #454da29f;
    }
    .video-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 30px;
        border-radius: 50%;
        background-color: #8e92cbb1;
    }

    /*================================================
    Index 03 banner Area CSS
    =================================================*/
    .banner3 {
        background-image: url('../images/banner/home3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    .home3-wrapper .h3-slide-content {
        width: 100%;
        text-align: center;
    }
    .banner3 {
        margin-top: 58px;
    }
    .banner3 .row .col-lg-5 {
        padding: 0;
    }
    .banner3 .banner-img>img {
        width: 100%;
    }
    .banner3 .order1 {
        order: 1;
        padding: 0;
    }
    .banner3 .order2 {
        order: 2;
        padding: 0;
    }
    .banner3 .h3-slide-content h1 {
        font-size: 50px;
        font-weight: 900;
        font-family: 'Montserrat';
        color: #ea3d56;
        text-transform: capitalize;
        letter-spacing: 2px;
    }
    .home3-wrapper .h3-slide-content h2 {
        font-size: 50px;
        font-weight: 900;
        font-family: 'Nunito';
        color: #ffffff;
        text-transform: capitalize;
        letter-spacing: 2px;
    }
    .home3-wrapper .h3-slide-content p {
        font-size: 18px;
        font-weight: 400;
        font-family: 'Nunito';
        color: #ffffff;
        padding: 5px 0 20px 0;
        width: 70%;
        margin: 15px auto 0 auto;
    }
    .home3-wrapper .h3-slide-content .uni-button {
        margin-right: 30px;
    }
    .home3-wrapper .banner-button {
        display: flex;
        justify-content: center;
    }
    .home3-wrapper .h3-slide-content .uni-button:hover {
        background-color: #ffffff;
        color: #000000;
        transition: .5s;
    }
    .banner3 .banner3-shapes {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    .banner3 .h3-b-group1 {
        position: absolute;
        left: 40%;
        top: 20%;
    }
    .banner3 .h3-b-group1 img {
        display: block;
    }
    .banner3 .h3-b-group2 {
        z-index: 99;
        position: absolute;
        left: 5%;
        bottom: 10%;
    }
    .banner3 .h3-b-group2 .h3-shape1 {
        position: relative;
    }
    .banner3 .h3-b-group2 .h3-shape2 {
        position: absolute;
        left: 50%;
        top: 50%;
    }
    .banner3 .h3-b-group3 {
        position: absolute;
        left: 39%;
        top: 65%;
        z-index: 999;
    }
    .banner3 .h3-b-group3 .h3-shape1 {
        position: relative;
    }
    .banner3 .h3-b-group3 .h3-shape2 {
        position: absolute;
        left: 0%;
        top: 20%;
    }

    /*================================================
    Index 03 start now Area CSS
    =================================================*/
    .banner3 .container {
        position: absolute;
        left: 50%;
        bottom: -10%;
        transform: translate(-50%);
        width: 70%;
    }
    .h3-contact {
        padding: 25px 25px 20px 30px;
        background-color: #35429e;
        position: relative;
    }
    .h3-contact input {
        margin: 5px auto;
        width: 92%;
        height: 45px;
    }
    .h3-contact .form-control {
        border-radius: 0;
        outline: none;
        border: 0;
    }
    .h3-contact .uni-button {
        text-align: center !important;
        width: 100%;
    }
    .h3-contact .uni-button a {
        padding: 11px 10px;
        width: 100%;
    }

    /*================================================
    Index 03 about Area CSS
    =================================================*/
    .home3-wrapper .about {
        padding-bottom: 70px;
    }
    .home3-wrapper .about-features p::before {
        content: ' ';
        width: 10px;
        height: 10px;
        background-color: #ea3d56;
        border-radius: 50%;
        position: absolute;
        top: 35%;
        left: 5%;
    }
    .header-color {
        color: #ea3d56;
    }
    .home3-wrapper .about-features p {
        margin: 8px 0;
    }
    .home3-wrapper .about-img {
        position: relative;
        height: 100%;
        width: 100%;
    }
    .about-img .home3-1 {
        width: 50%;
        position: relative;
        left: 10%;
        top: 0%;
    }
    .about-img .home3-2 {
        width: 50%;
        position: relative;
        left: -8%;
        top: 27%;
    }
    .about-content ul li p {
        font-size: 17px;
        display: flex;
        text-align: left;
    }

    /*================================================
    Index 03 services Area CSS
    =================================================*/
    .home3-wrapper .services {
        background-color: #f2f2f2;
        position: relative;
    }
    .home3-wrapper .h3-service-card:hover {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        padding: 0;
        margin: 0px;
        transition: .5s;
    }
    .home3-wrapper .s1:hover {
        background-image: url('../images/service/seo.jpg');
    }
    .home3-wrapper .s2:hover {
        background-image: url('../images/service/web.jpg');
    }
    .home3-wrapper .s3:hover {
        background-image: url('../images/service/growth.jpg');
    }
    .home3-wrapper .s4:hover {
        background-image: url('../images/service/app.jpg');
    }
    .home3-wrapper .s5:hover {
        background-image: url('../images/service/email.jpg');
    }
    .home3-wrapper .s6:hover {
        background-image: url('../images/service/optimization.jpg');
    }
    .home3-wrapper .h3-service-card:hover .s-card-overlay {
        background-color: #182638bf;
        transition: .5s;
    }
    .h3-service-card {
        box-shadow: 0px 0px 20px 0px #e7e7e7;
        background-color: #ffffff;
    }
    .s-card-overlay {
        padding: 10px 30px;
        margin: 15px 0;
    }
    .s-card-overlay h6 a,.s-card-overlay h6 a:hover {
        color: #ea3d56;
        text-decoration: none;
    }
    .s-card-overlay h6 {
        font-size: 15px;
        font-weight: 600;
        font-family: 'Nunito';
        text-transform: capitalize;
        padding: 20px 0 15px 0;
    }
    .home3-wrapper .service-content i::before {
        font-size: 50px;
        margin: 0px 0 0 0;
        color: #ea3d56;
        position: relative;
        top: 15%;
        left: 0%;
    }

    .h3-service-card:hover h4 a, .h3-service-card:hover p, .h3-service-card:hover i::before, .h3-service-card:hover h6 a {
        color: #ffffff;
        transition: .5s;
    }

    .home2-wrapper .s-card-overlay h6 i::before {
        font-size: 15px;
    }
    .home3-wrapper .services .uni-s-heading p {
        color: #ea3d56;
    }
    .h3s-shape1 {
        position: absolute;
        left: 5%;
        top: 15%;
    }
    .h3s-shape2 {
        position: absolute;
        right: 5%;
        top: 70%;
    }
    .h3s-shape3 {
        position: absolute;
        left: 77%;
        top: 55%;
    }

    /*================================================
    Index 03 why choose us Area CSS
    =================================================*/
    .home3-wrapper .h2-why-we {
        background-color: #f9f9f9;
        position: relative;
    }
    .home3-wrapper .h2-why-we .uni-s-heading {
        width: 100%;
    }
    .why-we-video>img {
        width: 100%;
    }
    .why-we-video {
        position: relative;
    }
    .ww-play {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .ww-play i {
        text-align: center;
        padding-top: 12px;
        font-size: 25px;
        color: #ffffff;
        width: 50px;
        height: 50px;
        background-color: #080e32;
    }
    .ww-play {
        padding: 15px;
        background-color: #2f3448a1;
    }
    .h3-counter h3 {
        font-size: 40px;
        font-weight: 600;
        font-family: 'Nunito';
        color: #220022;
        margin-top: 20px;
    }
    .h3-counter p {
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 400;
        color: #707070;
        text-transform: capitalize;
    }
    .h3-ww-shape1 {
        position: absolute;
        top: 20%;
        left: 10%;
    }
    .h3-ww-shape2 {
        position: absolute;
        bottom: 3%;
        left: 18%;
    }
    .h3-ww-shape3 {
        position: absolute;
        top: 35%;
        right: 5%;
    }

    /*================================================
    Index 03 testimonial Area CSS
    =================================================*/
    .home3-wrapper .client {
        background-image: url('../images/clients/h3-clients-bg.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .home3-wrapper .client-overlay {
        background-color: #1a293ad0;
    }
    .home3-wrapper .h2-team .uni-s-heading p {
        color: #ea3d56;
    }
    .home3-wrapper .award-card h4 {
        color: #ffffff;
        font-weight: 700;
    }
    .home3-wrapper .client-slide {
        background-color: #ffffff;
        border: 0;
    }
    .home3-wrapper .client-slide h5 {
        color: #000000;
    }
    .home3-wrapper .client-slide p {
        color: #000000;
    }
    .home3-wrapper .client-slide .t-quote {
        color: #ea3d56;
    }

    /*================================================
    Index 03 pricing Area CSS
    =================================================*/
    .home3-wrapper .price1:hover {
        background-image: url('../images/price-bg-1.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: .5s;
        transform-origin: top;
    }
    .home3-wrapper .price2:hover {
        background-image: url('../images/price2.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: .5s;
        transform-origin: top;
    }
    .home3-wrapper .price3:hover {
        background-image: url('../images/price-3.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transition: .5s;
        transform-origin: top;
    }
    .home3-wrapper .pricing-card:hover .h3-price-overlay {
        background-color: #6d76b7b4;
        transition: .5s;
        transform-origin: top;
    }
    .home3-wrapper .pricing-card:hover .pricing-icon {
        background-color: #ed7484ce;
        text-align: center;
        box-shadow: 1px 1px 10px 1px #ed748400;
        transition: .5s;
    }
    .home3-wrapper .pricing-card:hover .pricing-text {
        border-bottom: 5px solid #ea3d5700;
    }

    /*================================================
    Index 03 map and newsletter Area CSS
    =================================================*/
    .home3-wrapper .map-video {
        background-color: #f6f5f5;
        position: relative;
    }
    .home3-wrapper .map {
        height: 500px;
    }
    .home3-wrapper .newsletter-content {
        background-color: #35429e;
        padding: 60px 30px;
        width: 85%;
        position: relative;
        top: 80px;
        left: -123px;
    }
    .home3-wrapper .newsletter-content h3 {
        color: #ffffff;
        font-size: 30px;
        font-family: 'Montserrat';
        font-weight: 700;
        text-transform: capitalize;
    }
    .home3-wrapper .newsletter-content p {
        color: #ffffff;
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 600;
        padding: 20px 0 30px 0;
    }
    .home3-wrapper .newsletter-form .col-lg-8, .home3-wrapper .newsletter-form .col-lg-4 {
        padding: 0;
    }
    .home3-wrapper .newsletter-form .uni-button a {
        width: 100%;
        padding: 7px 30px;
    }
    .home3-wrapper .newsletter-form .form-control {
        border-radius: 0;
    }
    .medium-circle {
        position: absolute;
        right: 35%;
        top: 12%;
    }

    /*================================================
    Inner banner Area CSS
    =================================================*/
    .uni-banner {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
    }
    .uni-banner-overlay {
        /* background-color: #263e8aa6; */
        /* padding: 180px 0 110px 0; */
        height: 50%;
    }
    .uni-banner h1 {
        font-size: 65px;
        font-family: 'Montserrat';
        font-weight: 700;
        color: #ffffff;
        text-transform: capitalize;
    }
    .uni-banner-overlay ul li {
        display: inline-block;
        margin: 5px 10px;
        color: #ffffff;
        text-transform: capitalize;
        font-family: 'Montserrat';
        font-weight: 600;
        font-size: 15px;
    }
    .uni-banner-overlay ul li a {
        color: #ffffff;
        text-decoration: none;
        position: relative;
    }
    .uni-banner-overlay ul li a::after {
        content: '>';
        position: absolute;
        right: -16px;
        top: 3%;
    }
    .inner-about .uni-banner {
        background-image: url('../images/about-bg.jpg');
    }
    .inner-blog .uni-banner {
        background-image: url('../images/blog-bg.jpg');
    }
    .inner-service .uni-banner {
        background-image: url('../images/service-bg.jpg');
    }
    .inner-team .uni-banner {
        background-image: url('../images/team-bg.jpg');
    }
    .inner-works .uni-banner {
        background-image: url('../images/work-bg.jpg');
    }
    .inner-contact .uni-banner {
        background-image: url('../images/Contac-bg.jpg');
    }
    .single-service-banner {
        background-image: url('../images/blog-bg.jpg') !important;
    }
    .single-blog-banner{
        background-image: url('../images/blog-bg.jpg') !important;
    }
    /*================================================
    Inner pages testimonial are CSS
    =================================================*/
    .inner .client {
        background-image: url('../images/about-client-bg.jpg');
    }
    .inner .client-overlay {
        background-color: #122030b0;
    }
    .inner-about .h2-why-we {
        background-color: #e2f4ff;
    }
    .inner-about .client-slide {
        background-color: #2626269c;
        border: 0;
    }
    .inner-blog .client-slide {
        background-color: #26262635;
        border: 1px solid #ffffff;
    }
    .inner-about .client-slide h5 {
        color: #ffffff;
    }
    .inner-about .client-slide p {
        color: #ffffff;
    }
    .inner-about .client-slide .t-quote {
        color: #ffffff;
    }
    .inner-blog .client-slide .t-quote {
        color: #ea3d56;
    }
    .inner-about .client-overlay {
        background-color: #1a293ad7;
    }
    .inner .award-icon {
        background-color: #35429e;
        color: #ffffff;
        box-shadow: 0px 0px 5px 0px #0a1569bb;
    }
    .inner-service .h2-service .uni-s-heading p {
        color: #ea3d56;
    }
    .inner-service .h2-service {
        padding: 105px 0 60px 0;
    }
    .inner-service .award-icon {
        background-color: #24329bbb;
        box-shadow: 0px 0px 5px 0px #0a1569bb;
    }

    /*================================================
    Inner work page CSS
    =================================================*/
    .inner-work {
        padding: 100px 0;
    }
    .inner-work .uni-s-heading p {
        color: #ea3d56;
    }
    .inner-work .work-card {
        position: relative;
        margin-bottom: 30px;
    }
    .inner-work .work-card>img {
        width: 100%;
    }
    .inner-work .work-overlay {
        background-color: #ea3d57b9;
        position: absolute;
        height: 0%;
        width: 100%;
        top: 0;
        transition: .5s ease-in-out;
    }
    .inner-work .work-overlay i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 0px;
        color: #ffffff;
        visibility: hidden;
        transition: .5s ease-in-out;
    }
    .inner-work .work-card:hover .work-overlay {
        height: 100%;
        width: 100%;
        transition: .7s ease-in-out;
    }
    .inner-work .work-card:hover .work-overlay i {
        visibility: visible;
        font-size: 30px;
        transition: .7s ease-in-out;
    }

/*================================================
Single blog page CSS
=================================================*/
.inner-single-blog {
    padding-top: 50px;
}
.blog-option ul li a:hover{
    padding: 5px 15px;
    border-radius: 5px;
    background-color: #ea3d56;
    color: #ffffff;
}
.blog-option ul li a{
    padding: 5px 15px;
    transition: .5s;
    border: 1px solid #ea3d5762;
    border-radius: 5px;
}
.ibm-date ul li {
    display: inline-block;
    margin-right: 20px;
}
.ibm-date {
    padding: 25px 0 0 0;
}
.ibm-date a {
    text-decoration: none;
    /* color: #000000; */
   color: #3598db;
    text-transform: capitalize;
    font-size: 15px;
}
.ibm-date i {
    color: #ea3d56;
    font-size: 20px;
    margin-right: 3px;
}
 .inner-blog-post h3 {
    font-size: 25px;
    font-weight: 600;
    font-family: 'Montserrat';
    text-transform: capitalize;
    padding: 15px 0;
    /* color:white;
    font-family: 'nexa-bold';
	font-size: 24px; */
    color: #ff962d;
}
.inner-blog-post p {
    font-size: 17px;
    font-weight: 400;
    font-family: 'Nunito';
    padding: 0 0 15px 0;
    color:white;

}
.ibm-img img {
    width: 100%;
    margin: 0px 0 25px 0;
    height:100%;
}
.sb-social {
    box-shadow: 1px 1px 20px 0px #dbdbdb;
    padding: 20px 10px 15px 10px;
    margin: 15px 0;
}
.sb-social .share {
    text-align: end;
    padding-top: 3px;
}
.sb-social .share .fas {
    color: #ff5e15;
    margin-right: 5px;
    font-size: 18px;
}
.sb-social .share p a {
    color: #202020;
    text-transform: capitalize;
    text-decoration: none;
    font-size: 18px;
}
.sb-social ul li {
    display: inline-block;
    margin: 0 5px;
    width: 30px;
    height: 30px;
    padding-top: 5px;
    text-align: center;
}
.sb-social ul li a {
    color: #ffffff;
}
.sb-social .fas, .sb-social .fab {
    font-size: 18px;
}
.sb-social ul .facebook {
    background-color: #3b5897;
}
.sb-social ul .google {
    background-color: #c92027;
}
.sb-social ul .twitter {
    background-color: #54abec;
}
.sb-social ul .insta {
    background-image: linear-gradient(to bottom left, #9654bc, #e54061, #fc7b02);
}
.sb-social ul .wtats-up {
    background-color: #2da51f;
}
.sb-comments {
    box-shadow: 1px 1px 20px 0px #dfdfdf;
    padding: 30px;
    margin: 30px 0 0 0;
}
.sb-comments h3 {
    text-transform: capitalize;
    padding: 0 0 5px 0;
    font-family: 'Montserrat';
    font-size: 22px;
    font-weight: 600;
}
.sb-comments-card {
    padding: 25px 20px;
    border-bottom: 1px solid #eeeeee;
}
.sb-comments-card img {
    max-width: 100%;
}
.sb-comments-card h4 a {
    font-size: 18px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #202020;
    text-decoration: none;
    text-transform: capitalize;
}
.sb-comments-card h6 {
    font-size: 15px;
    font-family: 'Nunito';
    font-weight: 400;
    color: #202020;
    text-transform: capitalize;
    padding: 10px 0 0 0;
}
.sb-comments-card p {
    font-family: 'Nunito';
    padding: 10px 0 0 0;
}
.sb-comments-card .uni-button {
    border-radius: 25px;
    background-color: transparent;
    color: #ea3d56 !important;
    margin: 10px 0 0 0;
    border: 1px solid #ea3d56;
    padding: 5px 25px;
    text-transform: capitalize;
}
.sb-contact {
    padding: 30px 0 0 0;
}
.sb-contact h3 {
    text-transform: capitalize;
    padding: 0 0 5px 0;
    font-family: 'Montserrat';
    padding: 0px 0 0 0;
}
.sb-contact h5 {
    font-size: 15px;
    font-weight: 400;
    font-family: 'Nunito';
    padding: 10px 0 0;
}
.sb-contact .sb-inputs {
    padding: 20px 0 0 0;
}
.sb-contact .sb-inputs input {
    margin: 10px 0;
    padding: 20px;
    outline: none !important;
}
.sb-contact .sb-inputs .form-control {
    outline: none !important;
}
.sb-contact .sb-inputs textarea {
    margin: 20px 0;
    padding: 20px;
}
.sb-contact .sb-inputs .uni-button {
    width: 100%;
    margin: 35px 0 0 0;
}
.sb-popular ul li .col-md-10 {
    padding-right: 0;
}
.sb-popular ul li p a {
    font-size: 16px;
    font-weight: 700;
}
.sb-popular ul li {
    padding-right: 15px;
    height: 10% !important;
    color:white;
}
.sb-popular .col-md-3, .sb-popular .col-lg-3 {
    padding: 0;
}
.sb-popular .col-md-3 img {
    width: 100%;
}
.sb-popular ul li p a:hover {
    /* color: #ea3d56; */
    /* transition: .5s; */
    /*color: #fff700;*/
}

    /*================================================
    Single services page CSS
    =================================================*/
    .single-service {
        padding: 100px 0;
    }
    .single-service-sidebar h3 {
        font-size: 22px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 12px 15px;
        /* background-color: #ea3d56; */
        /* color: #ffffff; */
        color:#fff700 ;
    }
    .single-service-sidebar i::before {
        margin: 0 5px 0 0;
        font-size: 19px;
        color: #ea3d56;
        position: relative;
        top: 1px;
    }
    .ss-contact i::before {
        font-size: 20px;
    }
    .single-service-sidebar ul li {
        margin: 10px 0;
        padding: 10px 15px;
        height: 60px;
        /* box-shadow: 0px 0px 20px 0px #e8e7e7; */
        text-transform: capitalize;
        font-size: 15px;
        font-weight: 500;
        font-family: 'Nunito';
        display: flex;
        align-items: center;
    }
    .single-service-sidebar a {
        text-decoration: none;
        color: #202020;
        font-weight: 700;
        /* color:white; */
    }
    .ss-email{
        text-transform: lowercase;
    }
    .ss-service-list {
        margin-top: 35px;
    }
    .single-service-main h3 {
        font-size: 25px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 15px 0 5px 0;
        /* color:white; */
    }
    .single-service-main p {
        font-size: 17px;
        font-weight: 400;
        font-family: 'Nunito';
        padding: 5px 0;
    }
    .ss-m-inner-img {
        margin: 15px 0;
    }
    .ss-m-inner-img img {
        width: 100%;
    }
    .ss-main-contact {
        box-shadow: 0px 0px 30px 1px #c7c7c7;
        padding: 10px 30px 30px 30px;
        margin-top: 30px;
    }
    .ss-main-contact input, .ss-main-contact textarea {
        margin: 10px 0;
        padding: 20px;
        outline: none;
    }
    .ss-main-contact .form-control {
        outline: none;
        border-radius: 0;
    }
    .ss-main-contact .uni-button {
        padding-left: 40px;
        padding-right: 40px;
        margin-top: 20px;
    }
    .ss-main-contact .uni-button:hover {
        transition: .5s;
    }

    /*================================================
    Single blog page CSS
    =================================================*/
    .inner-single-blog {
        padding-top: 50px;
    }
    .blog-option ul li a:hover{
        padding: 5px 15px;
        border-radius: 5px;
        background-color: #ea3d56;
        color: #ffffff;
    }
    .blog-option ul li a{
        padding: 5px 15px;
        transition: .5s;
        border: 1px solid #ea3d5762;
        border-radius: 5px;
    }
    .ibm-date ul li {
        display: inline-block;
        margin-right: 20px;
    }
    .ibm-date {
        padding: 25px 0 0 0;
    }
    .ibm-date a {
        text-decoration: none;
        /* color: #000000; */
    color: #3598db;
        text-transform: capitalize;
        font-size: 15px;
    }
    .ibm-date i {
        color: #ea3d56;
        font-size: 20px;
        margin-right: 3px;
    }
    .inner-blog-post h3 {
        font-size: 25px;
        font-weight: 600;
        font-family: 'Montserrat';
        text-transform: capitalize;
        padding: 15px 0;
        /* color:white;
        font-family: 'nexa-bold';
        font-size: 24px; */
        color: #ff962d;
    }
    .inner-blog-post p {
        font-size: 17px;
        font-weight: 400;
        font-family: 'Nunito';
        padding: 0 0 15px 0;
        color:white;
    }
    .ibm-img img {
        width: 100%;
        margin: 0px 0 25px 0;
        height:100%;
    }
    .sb-social {
        box-shadow: 1px 1px 20px 0px #dbdbdb;
        padding: 20px 10px 15px 10px;
        margin: 15px 0;
    }
    .sb-social .share {
        text-align: end;
        padding-top: 3px;
    }
    .sb-social .share .fas {
        color: #ff5e15;
        margin-right: 5px;
        font-size: 18px;
    }
    .sb-social .share p a {
        color: #202020;
        text-transform: capitalize;
        text-decoration: none;
        font-size: 18px;
    }
    .sb-social ul li {
        display: inline-block;
        margin: 0 5px;
        width: 30px;
        height: 30px;
        padding-top: 5px;
        text-align: center;
    }
    .sb-social ul li a {
        color: #ffffff;
    }
    .sb-social .fas, .sb-social .fab {
        font-size: 18px;
    }
    .sb-social ul .facebook {
        background-color: #3b5897;
    }
    .sb-social ul .google {
        background-color: #c92027;
    }
    .sb-social ul .twitter {
        background-color: #54abec;
    }
    .sb-social ul .insta {
        background-image: linear-gradient(to bottom left, #9654bc, #e54061, #fc7b02);
    }
    .sb-social ul .wtats-up {
        background-color: #2da51f;
    }
    .sb-comments {
        box-shadow: 1px 1px 20px 0px #dfdfdf;
        padding: 30px;
        margin: 30px 0 0 0;
    }
    .sb-comments h3 {
        text-transform: capitalize;
        padding: 0 0 5px 0;
        font-family: 'Montserrat';
        font-size: 22px;
        font-weight: 600;
    }
    .sb-comments-card {
        padding: 25px 20px;
        border-bottom: 1px solid #eeeeee;
    }
    .sb-comments-card img {
        max-width: 100%;
    }
    .sb-comments-card h4 a {
        font-size: 18px;
        font-family: 'Montserrat';
        font-weight: 600;
        color: #202020;
        text-decoration: none;
        text-transform: capitalize;
    }
    .sb-comments-card h6 {
        font-size: 15px;
        font-family: 'Nunito';
        font-weight: 400;
        color: #202020;
        text-transform: capitalize;
        padding: 10px 0 0 0;
    }
    .sb-comments-card p {
        font-family: 'Nunito';
        padding: 10px 0 0 0;
    }
    .sb-comments-card .uni-button {
        border-radius: 25px;
        background-color: transparent;
        color: #ea3d56 !important;
        margin: 10px 0 0 0;
        border: 1px solid #ea3d56;
        padding: 5px 25px;
        text-transform: capitalize;
    }
    .sb-contact {
        padding: 30px 0 0 0;
    }
    .sb-contact h3 {
        text-transform: capitalize;
        padding: 0 0 5px 0;
        font-family: 'Montserrat';
        padding: 0px 0 0 0;
    }
    .sb-contact h5 {
        font-size: 15px;
        font-weight: 400;
        font-family: 'Nunito';
        padding: 10px 0 0;
    }
    .sb-contact .sb-inputs {
        padding: 20px 0 0 0;
    }
    .sb-contact .sb-inputs input {
        margin: 10px 0;
        padding: 20px;
        outline: none !important;
    }
    .sb-contact .sb-inputs .form-control {
        outline: none !important;
    }
    .sb-contact .sb-inputs textarea {
        margin: 20px 0;
        padding: 20px;
    }
    .sb-contact .sb-inputs .uni-button {
        width: 100%;
        margin: 35px 0 0 0;
    }
    .sb-popular ul li .col-md-10 {
        padding-right: 0;
    }
    .sb-popular ul li p a {
        font-size: 16px;
        font-weight: 700;
    }
    .sb-popular ul li {
        padding-right: 15px;
        height: 10% !important;
        color:white;
    }
    .sb-popular .col-md-3, .sb-popular .col-lg-3 {
        padding: 0;
    }
    .sb-popular .col-md-3 img {
        width: 100%;
    }
    .sb-popular ul li p a:hover {
        /* color: #ea3d56; */
        /* transition: .5s; */
        /*color: #fff700;*/
    }

    /*================================================
    Error 404 page CSS
    =================================================*/
    .error {
        text-align: center;
        padding: 200px 0 130px 0;
    }
    .error-text {
        width: 50%;
        margin: 20px auto 0 auto;
    }
    .error-text h3 {
        font-size: 30px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
    }
    .error-text p {
        font-size: 17px;
        font-weight: 500;
        font-family: 'Montserrat';
        padding: 10px 0;
        margin-bottom: 20px;
    }
    .error-text .uni-button {
        border-radius: 5px;
        display: inline;
    }
    .error-text .uni-button:hover {
        background-color: #071a35;
        transition: .7s;
    }

    /*================================================
    FAQ page CSS
    =================================================*/
    .inner-faq {
        padding: 100px 0px 65px 0px;
    }
    .faq-card {
        margin-bottom: 30px;
    }
    .faq-card h4 {
        font-size: 20px;
        font-weight: 700;
        font-family: 'Montserrat';
    }
    .faq-card p {
        font-size: 16px;
        font-weight: 400;
        font-family: 'Nunito';
        padding: 15px 0 0;
    }
    .faq-card p span {
        color: #707070;
        font-weight: 700;
        font-size: 18px;
    }

    /*================================================
    Coming soon page CSS
    =================================================*/
    .comming-soon {
        background-image: url('../images/coming3.jpg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        padding-top: 100px;
    }
    .comming-soon-overlay {
        text-align: center;
        padding: 100px 0;
    }
    .comming {
        box-shadow: 0px 0px 0px 0px #aaa9a9;
        padding: 30px;
        background-color: #f3f3f3;
    }
    .comming h4 {
        font-size: 30px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        color: #ea3d56;
    }
    .comming h3 {
        font-size: 45px;
        font-weight: 700;
        font-family: 'Montserrat';
        text-transform: capitalize;
        color: #3a161b;
        padding: 20px 0 0 0;
    }
    .getting-start {
        display: flex;
        justify-content: center;
    }
    .countdown-wrapper {
        margin: 50px 0;
    }
    .getting-start div {
        flex-basis: 150px;
        padding: 15px 0px;
        text-align: center;
        background-color: #111111;
        box-shadow: 1px 1px 20px 1px #aaa9a9;
        border-radius: 8px;
    }
    .getting-start div span {
        font-size: 50px;
        display: block;
        color: #ffffff;
        font-weight: 700;
    }
    .getting-start div span:nth-child(2) {
        font-size: 15px;
        text-transform: uppercase;
    }
    .comming input {
        padding: 20px;
        width: 50%;
        height: 50px;
        margin: 15px auto;
        background-color: transparent;
        border: 1px solid #b6b6b6;
        margin-bottom: 25px;
    }
    .comming .uni-button {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 5px;
    }
    .comming p {
        font-size: 15px;
        margin-top: 30px;
    }
    /*================================================
    Privecy policy CSS and Terms & Conditions
    =================================================*/
    .privacy-policy{
        padding: 80px 0 100px 0;
    }
    .privacy-card-title{
        font-size: 30px;
        font-weight: 600;
        margin: 20px 0 10px;
    }
    .privacy-card-title a{
        color: #000000;
        text-decoration: none;
    }
    .description p{
        font-size: 18px;
        font-family: 'Nunito';
        color: #525252;
    }
    /*================================================
    Go Top CSS
    =================================================*/
    .go-top {
        position: fixed;
        cursor: pointer;
        bottom: 20px;
        right: 20px;
        border-radius: 5px;
        background-color: #ea3d56;
        color: #ffffff;
        z-index: 4;
        width: 33px;
        text-align: center;
        height: 35px;
        opacity: 0;
        visibility: hidden;
        font-size: 20px;
        -webkit-transition: var(--transition);
        transition:.5s;
        -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
                box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    }
    .go-top i {
        position: absolute;
        right: 0;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .go-top.active {
        opacity: 1;
        visibility: visible;
        bottom: 20px;
    }
    .go-top:hover {
        background-color: #ea3d56;
        color: #ffffff;
        transition: .5s;
        font-size: 25px;
    }