@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body, html {
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    color: #7C7885;
    margin: 0;
    padding: 0;
}

body {
    position: relative;
}

::-moz-selection {
    background: #252525;
    color: #fff;
}

::selection {
    background: #252525;
    color: #fff;
}

a:link, a:hover, a:active, a:visited {
    text-decoration: none;
}

ul, ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

textarea, textarea:focus, input, input:focus, button, button:focus {
    outline: none;
    resize: inherit;
}

.owl-carousel .owl-item img {
    display: block;
    width: auto;
}

/* ---------------------------------------------------------------- */
/* 02.Typography                               
/* ---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    color: #252525;
    margin: 0;
    line-height: 1.5;
}

h1, .h1 {
    font-size: 45px;
}

h2, .h2 {
    font-size: 36px;
}

h3, .h3 {
    font-size: 2.9rem;
}

h4, .h4 {
    font-size: 2.5rem;
}

h5, .h5 {
    font-size: 1.467rem;
}

h6, .h6 {
    font-size: 16px;
}

p {
    line-height: 1.8;
    margin: 0;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query
 * Extra Small devices (portrait phones, less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    h3, .h3 {
        font-size: 2.1rem;
    }

    h4, .h4 {
        font-size: 1.8rem;
    }
}

/* ---------------------------------------------------------------- */
/* 03.Helper Class                              
/* ---------------------------------------------------------------- */
.page-wrapper {
    position: relative;
    overflow: hidden;
}

.section {
    padding: 40px 0;
}

    .section .section-heading-center, .section .section-heading-left {
        margin-bottom: 25px;
    }

        .section .section-heading-center h2, .section .section-heading-left h2 {
            display: block;
        }

        .section .section-heading-center h6, .section .section-heading-left h6 {
            font-style: italic;
            color: #0025a0;
            margin-bottom: 10px;
            text-transform: capitalize;
        }

    .section .section-heading-center {
        text-align: center;
    }

        .section .section-heading-center h6:before, .section .section-heading-center h6:after {
            content: "";
            width: 20px;
            height: 2px;
            display: inline-block;
            vertical-align: middle;
            background: #0025a0;
        }

        .section .section-heading-center h6:before {
            margin-right: 10px;
        }

        .section .section-heading-center h6:after {
            margin-left: 10px;
        }

    .section .section-heading-left {
        text-align: left;
    }

        .section .section-heading-left h2 {
            text-align: left;
            display: block;
        }

        .section .section-heading-left h6:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

.inner-header-title {
    margin-bottom: 20px !important;
    position: relative;
    padding-bottom: 22px;
    display: block;
}

    .inner-header-title:after, .inner-header-title:before {
        content: "";
        bottom: 0;
        left: 0;
        height: 2px;
        position: absolute;
        border-radius: 5px;
    }

    .inner-header-title:after {
        width: 100%;
        background: rgba(0, 0, 0, 0.05);
    }

    .inner-header-title:before {
        width: 60px;
        z-index: 36;
        background: #0025a0;
    }

.bg-grey {
    background: #f5f5f5;
}

.bg-light-grey {
    background: rgba(255, 60, 0, 0.05);
}

.mb-30 {
    margin-bottom: 30px;
}

.pb-minus-70 {
    padding-bottom: 70px;
}

.pb-minus-93 {
    padding-bottom: 93px;
}

.bg-overlay {
    z-index: 1;
    padding: 100px 0;
    position: relative;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}

    .bg-overlay:before {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        z-index: -1;
        position: absolute;
        opacity: 0.75;
        background: #0025a0;
    }

.owl-carousel .owl-item img {
    width: auto;
    display: inline-block;
}

#projects-carousel.owl-theme .owl-nav, #services-carousel.owl-theme .owl-nav, #team-carousel.owl-theme .owl-nav, #testimonials-carousel.owl-theme .owl-nav, #blog-carousel.owl-theme .owl-nav {
    margin-top: 0;
    position: absolute;
    top: -130px;
    right: 0;
    display: inline-block;
}

    #projects-carousel.owl-theme .owl-nav button, #services-carousel.owl-theme .owl-nav button, #team-carousel.owl-theme .owl-nav button, #testimonials-carousel.owl-theme .owl-nav button, #blog-carousel.owl-theme .owl-nav button {
        margin: 10px;
        display: inline-block;
        text-transform: capitalize;
    }

        #projects-carousel.owl-theme .owl-nav button span, #services-carousel.owl-theme .owl-nav button span, #team-carousel.owl-theme .owl-nav button span, #testimonials-carousel.owl-theme .owl-nav button span, #blog-carousel.owl-theme .owl-nav button span {
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        #projects-carousel.owl-theme .owl-nav button.owl-prev, #services-carousel.owl-theme .owl-nav button.owl-prev, #team-carousel.owl-theme .owl-nav button.owl-prev, #testimonials-carousel.owl-theme .owl-nav button.owl-prev, #blog-carousel.owl-theme .owl-nav button.owl-prev {
            margin-right: 0;
        }

#recent-projects-carousel .owl-dots {
    text-align: left;
    margin-top: 0;
    line-height: 0;
}

    #recent-projects-carousel .owl-dots .owl-dot {
        text-align: left;
    }

        #recent-projects-carousel .owl-dots .owl-dot:first-child span {
            margin-left: 0;
        }

        #recent-projects-carousel .owl-dots .owl-dot span {
            width: 20px;
            height: 7px;
            margin: 0 5px;
            display: block;
            border-radius: 0;
            background: #252525;
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

            #recent-projects-carousel .owl-dots .owl-dot span:hover {
                background: #0025a0;
            }

        #recent-projects-carousel .owl-dots .owl-dot.active span {
            background: #0025a0;
        }

#services-carousel.owl-theme .owl-nav button span, #testimonials-carousel.owl-theme .owl-nav button span, #team-carousel.owl-theme .owl-nav button span, #blog-carousel.owl-theme .owl-nav button span {
    background: #fff;
    color: #0025a0;
    -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
}

#services-carousel.owl-theme .owl-nav button:hover span, #testimonials-carousel.owl-theme .owl-nav button:hover span, #team-carousel.owl-theme .owl-nav button:hover span, #blog-carousel.owl-theme .owl-nav button:hover span {
    background: #0025a0;
    color: #fff;
}

#projects-carousel.owl-theme .owl-nav button span {
    background: rgba(255, 255, 255, 0.03);
}

#projects-carousel.owl-theme .owl-nav button:hover span {
    background: #fff;
    color: #0025a0;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    #services-carousel.owl-theme .owl-nav, #projects-carousel.owl-theme .owl-nav, #team-carousel.owl-theme .owl-nav, #testimonials-carousel.owl-theme .owl-nav, #blog-carousel.owl-theme .owl-nav {
        display: none !important;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .section .section-heading-left h2, .section .section-heading-center h2 {
        font-size: 2rem;
    }
}

.img-responsive {
    width: 100%;
}
/* ---------------------------------------------------------------- */
/* 04.Buttons                                                     
/* ---------------------------------------------------------------- */
.secondary-btn, .primary-btn {
    z-index: 1;
    padding: 10px 20px;
    font-weight: 500;
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: capitalize;
    color: #fff !important;
    border: 0px !important;
}

    .secondary-btn:after, .primary-btn:after {
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -4;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        position: absolute;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
    }

    .secondary-btn span, .primary-btn span {
        padding: 10px 18px;
    }

    .secondary-btn i, .primary-btn i {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #c20c2f;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
        box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
    }

    .secondary-btn:hover:after, .primary-btn:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

.primary-btn {
    background: #c20c2f;
}

    .primary-btn:after {
        background: #252525;
    }

.secondary-btn {
    background: #252525;
}

    .secondary-btn:after {
        background: #0025a0;
    }

.scroll-top-btn {
    bottom: 0;
    opacity: 0;
    right: 10px;
    z-index: 1000;
    position: fixed;
    visibility: hidden;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.1);
}

    .scroll-top-btn.active {
        opacity: 1;
        bottom: 10px;
        visibility: visible;
    }

    .scroll-top-btn i {
        width: 50px;
        height: 50px;
        text-align: center;
        line-height: 50px;
        color: #fff;
        background: #0025a0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .scroll-top-btn:hover i {
        background: #252525;
        color: #fff !important;
    }

/* ---------------------------------------------------------------- */
/* 05.Animations                                                     
/* ---------------------------------------------------------------- */
@-webkit-keyframes ldsellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes ldsellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes ldsellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes ldsellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes ldsellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

@keyframes ldsellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(24px, 0);
        transform: translate(24px, 0);
    }
}

@-webkit-keyframes pulseWhite {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes pulseWhite {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@-webkit-keyframes pulsePrimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 60, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 60, 0, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 60, 0, 0);
        box-shadow: 0 0 0 20px rgba(255, 60, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 60, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 60, 0, 0);
    }
}

@keyframes pulsePrimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 60, 0, 0.4);
        box-shadow: 0 0 0 0 rgba(255, 60, 0, 0.4);
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(255, 60, 0, 0);
        box-shadow: 0 0 0 20px rgba(255, 60, 0, 0);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 60, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 60, 0, 0);
    }
}

@-webkit-keyframes iconPulse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes iconPulse {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes stickyMenu {
    0% {
        margin-top: -120px;
        opacity: 0;
    }

    50% {
        margin-top: -64px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@keyframes stickyMenu {
    0% {
        margin-top: -120px;
        opacity: 0;
    }

    50% {
        margin-top: -64px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 1000;
    }

    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes dashCheck {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

@keyframes dashCheck {
    0% {
        stroke-dashoffset: -100;
    }

    100% {
        stroke-dashoffset: 900;
    }
}

/* ---------------------------------------------------------------- */
/* 06.Form(Input, Comment)                             
/* ---------------------------------------------------------------- */
#headerSearchBar {
    background: rgba(37, 37, 37, 0.9);
    padding-right: 0 !important;
}

    #headerSearchBar.custom-modal .modal-content {
        background: transparent;
        border: none;
    }

        #headerSearchBar.custom-modal .modal-content .modal-header {
            padding: 20px 30px 20px 0;
            border-radius: 0;
            border: none;
        }

            #headerSearchBar.custom-modal .modal-content .modal-header .modal-title {
                color: #fff;
                font-size: 1.1rem;
                font-weight: 600;
            }

            #headerSearchBar.custom-modal .modal-content .modal-header button {
                opacity: 1;
            }

                #headerSearchBar.custom-modal .modal-content .modal-header button span {
                    font-weight: 400;
                    color: #fff;
                }

        #headerSearchBar.custom-modal .modal-content .modal-body {
            padding: 0;
            border-radius: 0;
        }

            #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group {
                position: relative;
                overflow: hidden;
            }

                #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control {
                    height: 70px;
                    outline: none;
                    width: 100%;
                    border: 1px solid rgba(255, 255, 255, 0.5);
                    color: #fff;
                    background: transparent;
                    padding: 0 90px 0 70px;
                    -webkit-transition: all 0.25s ease;
                    transition: all 0.25s ease;
                }

                    #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .popup-form-control:focus {
                        outline: none;
                        border-color: #fff;
                    }

                #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group > span {
                    top: 0;
                    left: 0;
                    width: 70px;
                    height: 70px;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    text-align: center;
                    position: absolute;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    color: #fff;
                    font-size: 16px;
                }

                #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .searchbar-btn {
                    top: 0;
                    right: 0;
                    padding: 0;
                    width: 70px;
                    border: none;
                    height: 100%;
                    position: absolute;
                    -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                    background: #fff;
                    color: #0025a0;
                }

                    #headerSearchBar.custom-modal .modal-content .modal-body .popup-form-group .searchbar-btn:hover {
                        background: #0025a0;
                        color: #fff;
                    }

#contactFormSuccessModal, #contactFormDangerModal {
    background: initial;
}

    #contactFormSuccessModal .modal-content, #contactFormDangerModal .modal-content {
        background: #fff;
        border: none;
    }

    #contactFormSuccessModal .modal-header, #contactFormDangerModal .modal-header {
        text-align: center;
        padding: 20px;
        border: 0;
        border-radius: 0 !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        #contactFormSuccessModal .modal-header h5, #contactFormDangerModal .modal-header h5 {
            font-weight: 500;
            font-size: 18px;
        }

        #contactFormSuccessModal .modal-header button, #contactFormDangerModal .modal-header button {
            font-weight: 400;
        }

            #contactFormSuccessModal .modal-header button span, #contactFormDangerModal .modal-header button span {
                font-size: 30px !important;
            }

        #contactFormSuccessModal .modal-header h5, #contactFormSuccessModal .modal-header button, #contactFormDangerModal .modal-header h5, #contactFormDangerModal .modal-header button {
            color: #fff;
        }

        #contactFormSuccessModal .modal-header.danger, #contactFormDangerModal .modal-header.danger {
            background: #f27474;
            color: #fff;
        }

        #contactFormSuccessModal .modal-header.success, #contactFormDangerModal .modal-header.success {
            background: #4caf50;
            color: #fff;
        }

    #contactFormSuccessModal .modal-body, #contactFormDangerModal .modal-body {
        padding: 30px !important;
        border-radius: 0;
    }

        #contactFormSuccessModal .modal-body .form-popup-inner, #contactFormDangerModal .modal-body .form-popup-inner {
            text-align: center;
        }

            #contactFormSuccessModal .modal-body .form-popup-inner .form-icon, #contactFormDangerModal .modal-body .form-popup-inner .form-icon {
                margin-bottom: 30px;
            }

                #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg {
                    width: 100px;
                    height: 100px;
                    border-radius: 50%;
                }

                    #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path {
                        stroke-dasharray: 1000;
                        stroke-dashoffset: 0;
                    }

                        #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.circle, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.circle {
                            -webkit-animation: dash 0.9s ease-in-out;
                            animation: dash 0.9s ease-in-out;
                        }

                        #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.line, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.line {
                            stroke-dashoffset: 1000;
                            -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
                            animation: dash 0.9s 0.35s ease-in-out forwards;
                        }

                        #contactFormSuccessModal .modal-body .form-popup-inner .form-icon svg .path.check, #contactFormDangerModal .modal-body .form-popup-inner .form-icon svg .path.check {
                            stroke-dashoffset: -100;
                            -webkit-animation: dashCheck 0.9s 0.35s ease-in-out forwards;
                            animation: dashCheck 0.9s 0.35s ease-in-out forwards;
                        }

                #contactFormSuccessModal .modal-body .form-popup-inner .form-icon.danger svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon.danger svg {
                    fill: #f27474;
                    stroke: #f27474;
                    background: rgba(242, 116, 116, 0.1);
                }

                #contactFormSuccessModal .modal-body .form-popup-inner .form-icon.success svg, #contactFormDangerModal .modal-body .form-popup-inner .form-icon.success svg {
                    fill: #4caf50;
                    stroke: #4caf50;
                    background: rgba(76, 175, 80, 0.1);
                }

    #contactFormSuccessModal .modal-footer, #contactFormDangerModal .modal-footer {
        background: #fff;
        padding: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        #contactFormSuccessModal .modal-footer .popup-link, #contactFormDangerModal .modal-footer .popup-link {
            font-weight: 700;
            color: #000;
        }

            #contactFormSuccessModal .modal-footer .popup-link.success:hover, #contactFormDangerModal .modal-footer .popup-link.success:hover {
                color: #4caf50;
                text-decoration: underline;
            }

            #contactFormSuccessModal .modal-footer .popup-link.danger:hover, #contactFormDangerModal .modal-footer .popup-link.danger:hover {
                color: #f27474;
                text-decoration: underline;
            }

.comment-item {
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .comment-item:last-child {
        border-bottom: 0;
    }

    .comment-item p {
        margin-bottom: 15px !important;
    }

    .comment-item .comment-item-title {
        margin-bottom: 8px;
    }

    .comment-item img {
        margin-right: 20px;
    }

    .comment-item .comment-meta {
        margin-bottom: 9px;
    }

        .comment-item .comment-meta span {
            display: inline-block;
            margin-right: 10px;
            color: #000;
            font-size: 14px;
            font-weight: 600;
        }

            .comment-item .comment-meta span i {
                margin-right: 10px;
                color: #0025a0;
            }

    .comment-item .reply-btn {
        display: inline-block;
        font-weight: 500;
        color: #000;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .comment-item .reply-btn:hover {
            color: #0025a0;
        }

        .comment-item .reply-btn i {
            vertical-align: -1px;
            display: inline-block;
            color: #0025a0;
        }

    .comment-item.sub-comment-item {
        margin-left: 120px;
    }

.leave-comment-wrapper .comment-form-group {
    margin-bottom: 20px;
    position: relative;
}

    .leave-comment-wrapper .comment-form-group .form-control {
        outline: none;
        width: 100%;
        border: none;
        height: auto;
        color: #000;
        padding: 20px 20px 19px 50px;
        border-radius: 0;
        display: block;
        margin-bottom: 20px;
        position: relative;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: rgba(255, 60, 0, 0.05);
    }

        .leave-comment-wrapper .comment-form-group .form-control:focus {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

    .leave-comment-wrapper .comment-form-group span {
        top: 0;
        left: 20px;
        line-height: 63px;
        color: #0025a0;
        position: absolute;
        pointer-events: none;
    }

.leave-comment-wrapper button {
    border: none;
}

.custom-form-group {
    position: relative;
}

    .custom-form-group .custom-form-control {
        width: 100%;
        display: block;
        border-radius: 5px;
        margin-bottom: 30px;
        padding: 18px 30px 18px 60px;
        border: none;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        -webkit-box-shadow: 0 10px 20px 0 rgba(37, 37, 37, 0.04);
        box-shadow: 0 10px 20px 0 rgba(37, 37, 37, 0.04);
    }

        .custom-form-group .custom-form-control:focus {
            -webkit-box-shadow: 0 15px 30px 0 rgba(37, 37, 37, 0.04);
            box-shadow: 0 15px 30px 0 rgba(37, 37, 37, 0.04);
        }

    .custom-form-group > span {
        top: 0;
        left: 0;
        width: 60px;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        position: absolute;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #0025a0;
        font-size: 16px;
    }

    .custom-form-group button {
        width: 100%;
        display: block !important;
        background: transparent;
    }

.comment-block-mt {
    margin-top: 30px;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .comment-item {
        display: block !important;
    }

        .comment-item img {
            margin-right: 0;
            margin-bottom: 20px;
        }

        .comment-item.sub-comment-item {
            margin-left: 100px;
        }
}

/* ---------------------------------------------------------------- */
/* 07.Pagination                              
/* ---------------------------------------------------------------- */
.pagination-wrap .pagination-link {
    width: 50px;
    height: 50px;
    font-weight: 600;
    color: #000;
    line-height: 50px;
    margin: 0 5px 0 0;
    text-align: center;
    display: inline-block;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
}

    .pagination-wrap .pagination-link:hover, .pagination-wrap .pagination-link.active {
        background: #0025a0;
        color: #fff !important;
    }

    .pagination-wrap .pagination-link:last-child {
        margin-right: 0;
    }

/* ---------------------------------------------------------------- */
/* 08.Preloader                            
/* ---------------------------------------------------------------- */
#preloader-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5555;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    background: #252525;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lds-ellipsis {
    width: 80px;
    height: 80px;
    position: relative;
    display: inline-block;
}

    .lds-ellipsis div {
        top: 33px;
        width: 13px;
        height: 13px;
        border-radius: 50%;
        position: absolute;
        background: #fff;
        -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            left: 8px;
            -webkit-animation: ldsEllipsis1 0.6s infinite;
            animation: ldsEllipsis1 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(2) {
            left: 8px;
            -webkit-animation: ldsellipsis2 0.6s infinite;
            animation: ldsellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            left: 32px;
            -webkit-animation: ldsellipsis2 0.6s infinite;
            animation: ldsellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            left: 56px;
            -webkit-animation: ldsellipsis3 0.6s infinite;
            animation: ldsellipsis3 0.6s infinite;
        }

/* ---------------------------------------------------------------- */
/* 09.Header                                                   
/* ---------------------------------------------------------------- */
.header {
    background: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-shadow: 0 5px 15px rgba(37, 37, 37, 0.04);
    box-shadow: 0 5px 15px rgba(37, 37, 37, 0.04);
}

    .header .navbar-brand {
        padding: 0;
        margin-right: 0;
    }

    .header #navbar-top {
        padding: 5px 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: #1a45c8;
        height: 65px;
        padding-top: 20px;
    }

        .header #navbar-top .nav-social-links {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
        }

            .header #navbar-top .nav-social-links a {
                width: 40px;
                height: 40px;
                line-height: 40px;
                text-align: center;
                color: #fff;
                margin-right: 14px;
                background: rgba(255, 255, 255, 0.05);
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                .header #navbar-top .nav-social-links a:hover {
                    background: #0025a0;
                    color: #fff;
                }

                .header #navbar-top .nav-social-links a:last-child {
                    margin-right: 0;
                }

        .header #navbar-top .nav-info-wrap {
            text-align: left;
        }

            .header #navbar-top .nav-info-wrap .nav-info-box {
                margin-right: 30px;
                display: inline-block;
            }

                .header #navbar-top .nav-info-wrap .nav-info-box:last-child {
                    margin-right: 0;
                }

                .header #navbar-top .nav-info-wrap .nav-info-box i {
                    color: #4371fb;
                    margin-right: 10px;
                    padding-right: 10px;
                    font-size: 14px;
                    border-right: 1px solid #fff;
                }

                .header #navbar-top .nav-info-wrap .nav-info-box a:hover span {
                    color: #0025a0 !important;
                }

                .header #navbar-top .nav-info-wrap .nav-info-box span {
                    font-size: 14px;
                    color: #fff;
                    -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

    .header .navbar-btn-resp .primary-btn {
        margin-left: 10px;
    }

    .header .nav-item .nav-link {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        padding: 35px 20px;
        text-transform: uppercase;
        letter-spacing: 0.6px;
        display: block;
        position: relative;
    }

        .header .nav-item .nav-link:after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 7px;
            background: #0025a0;
        }

        .header .nav-item .nav-link.active {
            opacity: 1;
            color: #0025a0;
        }

        .header .nav-item .nav-link:not(.active):after {
            left: 0;
            bottom: 0;
            width: 100%;
            height: 7px;
            z-index: 7;
            content: '';
            position: absolute;
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transform-origin: 100% 0;
            transform-origin: 100% 0;
            background: #0025a0;
            -webkit-transition: -webkit-transform 0.4s ease;
            transition: -webkit-transform 0.4s ease;
            transition: transform 0.4s ease;
            transition: transform 0.4s ease, -webkit-transform 0.4s ease;
        }

        .header .nav-item .nav-link:not(.active):hover:after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
        }

    .header .nav-item:hover > a {
        color: #0025a0;
        opacity: 1;
    }

    .header .nav-item.dropdown:hover .nav-link:after {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

    .header .nav-item.dropdown .dropdown-menu {
        border: 0;
        padding: 0;
        margin: 0;
        border-radius: 0;
        background-color: #fff;
        -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.04);
        box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.04);
    }

        .header .nav-item.dropdown .dropdown-menu .dropdown-item {
            width: 100%;
            color: #000;
            font-size: 14px;
            display: block;
            font-weight: 400;
            padding: 12px 20px;
            position: relative;
            text-decoration: none;
            border-bottom: 1px solid rgba(0, 0, 0, 0.05);
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .header .nav-item.dropdown .dropdown-menu .dropdown-item:hover {
                color: #fff;
                background: #0025a0;
                padding: 12px 20px 12px 25px;
                border-bottom-color: #0025a0;
            }

            .header .nav-item.dropdown .dropdown-menu .dropdown-item:last-child {
                border-bottom: 0;
            }

    .header .nav-item.dropdown .dropdown-toggle {
        padding-right: 25px !important;
    }

        .header .nav-item.dropdown .dropdown-toggle:after {
            display: inline-block;
            margin-left: 0;
            vertical-align: initial;
            content: "";
            border: none;
        }

        .header .nav-item.dropdown .dropdown-toggle:before {
            content: "\f067";
            top: 50%;
            right: 0;
            position: absolute;
            font-weight: 700;
            font-family: "Font Awesome 5 Free";
            font-size: 12px;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

        .header .nav-item.dropdown .dropdown-toggle[aria-expanded="true"]:before {
            content: "\f068";
        }

    .header .navbar-toggler {
        outline: none;
        border: none;
        border-radius: 0;
        padding: 0 15px 0 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .header .navbar-toggler .togler-icon-inner span {
            height: 3px;
            margin: 5px auto;
            width: 30px;
            display: block;
            background: #000;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

            .header .navbar-toggler .togler-icon-inner span:last-child {
                margin-bottom: 0;
            }

        .header .navbar-toggler:hover .togler-icon-inner span {
            background: #0025a0;
        }

        .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span {
            background: #0025a0;
        }

            .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(1) {
                -webkit-transform: rotate(-405deg) translate(-5px, 6px);
                transform: rotate(-405deg) translate(-5px, 6px);
            }

            .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(2) {
                opacity: 0;
            }

            .header .navbar-toggler[aria-expanded="true"] .togler-icon-inner span:nth-child(3) {
                -webkit-transform: rotate(-315deg) translate(-5px, -6px);
                transform: rotate(-315deg) translate(-5px, -6px);
            }

    .header .search-btn-resp {
        z-index: 1;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        position: relative;
    }

    .header .search-btn-mobile {
        display: none;
    }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .header #nav-menu-wrap .container {
        max-width: 100%;
        padding: 0;
    }

    .header .search-btn-resp {
        display: none !important;
    }

    .header #navbar-top {
        display: block;
        height: 100px;
    }
    .marginMob {
        margin-top: 15px;
    }

    .header .navbar-brand {
        padding: 10px 0 10px 15px;
    }

    .header .main-menu {
        background: #252525;
    }

        .header .main-menu .navbar-nav {
            max-height: 250px;
            overflow: hidden;
            overflow-y: auto;
        }

            .header .main-menu .navbar-nav::-webkit-scrollbar {
                width: 5px;
            }

            .header .main-menu .navbar-nav::-webkit-scrollbar-track {
                background: rgba(37, 37, 37, 0.6);
            }

            .header .main-menu .navbar-nav::-webkit-scrollbar-thumb {
                background: rgba(255, 255, 255, 0.6);
            }

                .header .main-menu .navbar-nav::-webkit-scrollbar-thumb:hover {
                    background: #0025a0;
                }

            .header .main-menu .navbar-nav .nav-link {
                color: #fff;
                padding: 10px 15px !important;
                -webkit-transition: all 0.25s linear;
                transition: all 0.25s linear;
                opacity: 1;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }

                .header .main-menu .navbar-nav .nav-link:after {
                    display: none;
                }

                .header .main-menu .navbar-nav .nav-link.active {
                    background: #0025a0;
                    color: #fff !important;
                    border-color: #0025a0;
                }

                .header .main-menu .navbar-nav .nav-link:not(.active):hover {
                    background: #0025a0;
                    color: #fff !important;
                    border-color: #0025a0;
                }

        .header .main-menu .nav-item .dropdown-menu {
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            -webkit-box-shadow: none;
            box-shadow: none;
            background: rgba(255, 255, 255, 0.05);
        }

            .header .main-menu .nav-item .dropdown-menu .dropdown-item {
                color: #fff;
                padding: 10px 15px !important;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            }

                .header .main-menu .nav-item .dropdown-menu .dropdown-item:hover {
                    background: #0025a0;
                }

    .header .dropdown-toggle:before {
        top: 20px !important;
        right: 20px !important;
    }

    .header .search-btn-mobile {
        display: block;
        position: absolute;
        top: 30px;
        background: transparent;
        border: none;
        color: #000;
        font-size: 18px;
        right: 60px;
    }

        .header .search-btn-mobile:hover {
            color: #0025a0;
        }

    .navbar-btn-resp {
        display: none !important;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than min-width: 992px)
/* ---------------------------------------------------------------- */
@media screen and (min-width: 991.98px) {
    .dropdown-menu {
        border: 0;
        top: 120%;
        left: 0;
        color: #000;
        z-index: 15;
        opacity: 0;
        visibility: hidden;
        display: initial;
        min-width: 230px;
        border-radius: 0;
        position: absolute;
        -webkit-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

        .dropdown-menu.show {
            opacity: 1;
            top: 100%;
            visibility: visible;
        }
}

/* ---------------------------------------------------------------- */
/* 10.Hero                            
/* ---------------------------------------------------------------- */
.hero-section {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-top: 195px;
    padding-bottom: 195px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .hero-section:after {
        top: 0;
        left: 0;
        z-index: -5;
        content: "";
        width: 100%;
        height: 100%;
        opacity: 0.5;
        position: absolute;
        background: #252525;
    }

.hero-inner {
    z-index: 15;
    position: relative;
    height:400px;
}

    .hero-inner h1 {
        margin-bottom: 20px;
        color: #fff;
        text-transform: capitalize;
    }

        .hero-inner h1 span {
            font-style: italic;
            font-weight: 700;
            text-decoration: underline;
        }

    .hero-inner p {
        opacity: 0.75;
        color: #fff;
        margin: 0 0 40px;
        font-family: "Poppins", sans-serif;
        font-weight: 400;
    }

    .hero-inner h6 {
        text-transform: capitalize;
        color: #fff;
        margin-bottom: 10px;
        font-weight: 400;
    }

        .hero-inner h6::before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #fff;
            display: inline-block;
        }

    .hero-inner .hero-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .hero-inner .hero-btn a.primary-btn {
            margin-right: 10px;
        }

#heroparticles {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

#hero_video {
    z-index: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    background-repeat: no-repeat;
    background-position: center center;
}

    #hero_video:after {
        display: none;
    }

    #hero_video .hero-overlay {
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0.5;
        pointer-events: none;
        background: #252525;
    }

#heroSliderWrap {
    padding: 0;
}

    #heroSliderWrap #hero-slider.owl-carousel .owl-dots {
        display: none;
    }

    #heroSliderWrap #hero-slider.owl-carousel .owl-nav {
        margin-top: 0;
    }

    #heroSliderWrap #hero-slider.owl-carousel button.owl-next, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev {
        top: 50%;
        margin: 0;
        padding: 0;
        width: 60px;
        height: 60px;
        color: #fff;
        border-radius: 0;
        text-align: center;
        line-height: 60px;
        position: absolute;
        display: inline-block;
        background: rgba(255, 255, 255, 0.08);
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

        #heroSliderWrap #hero-slider.owl-carousel button.owl-next:hover, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev:hover {
            background: #fff;
            color: #0025a0;
        }

    #heroSliderWrap #hero-slider.owl-carousel button.owl-next {
        right: 15px;
    }

    #heroSliderWrap #hero-slider.owl-carousel button.owl-prev {
        left: 15px;
    }

    #heroSliderWrap #hero-slider.owl-carousel .owl-dots {
        position: absolute;
        bottom: 15px;
        left: 15px;
    }

        #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot span {
            width: 20px;
            height: 7px;
            margin: 0 5px;
            display: block;
            border-radius: 0;
            background: rgba(255, 255, 255, 0.2);
            -webkit-transition: all .25s ease;
            transition: all .25s ease;
        }

            #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot span:hover {
                background: #fff;
            }

        #heroSliderWrap #hero-slider.owl-carousel .owl-dots .owl-dot.active span {
            background: #fff;
        }

    #heroSliderWrap .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        max-width: 100%;
        width: 100%;
        z-index: 1;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 50px;
        padding-bottom: 50px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

        #heroSliderWrap .item:before {
            top: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            content: "";
            opacity: 0.5;
            z-index: -1;
            position: absolute;
            background: #252525;
        }

.intro-hero-section {
    z-index: 1;
    overflow: hidden;
    padding-top: 195px;
    padding-bottom: 195px;
    background: #252525;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .intro-hero-section .intro-hero-subtitle {
        color: #fff;
        opacity: 0.75;
        font-weight: 300;
        margin-bottom: 30px;
    }

    .intro-hero-section .intro-hero-title {
        color: #fff;
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 20px;
    }

        .intro-hero-section .intro-hero-title span {
            font-size: 3.5rem;
            font-weight: 700;
            margin-bottom: 10px;
            display: block;
            text-transform: uppercase;
            margin: 0 auto 15px auto;
        }

    .intro-hero-section .hero-btn .primary-btn:after {
        background: #2f2f2f;
    }

.demo-item {
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
}

    .demo-item .demo-title {
        padding: 30px 0;
        display: block;
        text-align: center;
        color: #000;
        font-size: 1.2rem;
        font-weight: 600;
        background: #fff;
        text-transform: capitalize;
    }

    .demo-item .demo-img {
        overflow: hidden;
        position: relative;
    }

    .demo-item .demo-item-link {
        padding: 30px;
        display: block;
        font-weight: 600;
        font-size: 1.125rem;
        background: #fff;
        color: #000 !important;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

    .demo-item:hover .demo-item-link {
        color: #fff !important;
        background: #0025a0;
    }

.features-item {
    padding: 30px;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

    .features-item:hover {
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

    .features-item .features-icon {
        margin-bottom: 20px;
    }

    .features-item .features-text h5 {
        font-size: 1.125rem;
    }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
    .hero-inner .hero-title {
        font-size: 2.5rem;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 576px) {
    .hero-section {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #heroSliderWrap .item {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    #heroSliderWrap #hero-slider.owl-carousel .owl-dots {
        display: block;
    }

    #heroSliderWrap #hero-slider.owl-carousel .owl-nav {
        margin-top: 0;
    }

    #heroSliderWrap #hero-slider.owl-carousel button.owl-next, #heroSliderWrap #hero-slider.owl-carousel button.owl-prev {
        display: none;
    }

    .hero-inner p {
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .hero-inner h1 {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }

    .hero-inner .hero-btn {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

        .hero-inner .hero-btn a {
            margin-bottom: 10px;
        }

    .intro-hero-section .intro-hero-title {
        font-size: 1.4rem;
    }

        .intro-hero-section .intro-hero-title span {
            font-size: 2.2rem;
        }
}

/* ---------------------------------------------------------------- */
/* 11.About                                           
/* ---------------------------------------------------------------- */
.about-inner-wrap {
    padding-left: 50px;
}

    .about-inner-wrap .about-inner > h6 {
        font-style: italic;
        color: #0025a0;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

        .about-inner-wrap .about-inner > h6:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

    .about-inner-wrap .about-inner h2 {
        margin-bottom: 20px;
    }

    .about-inner-wrap .about-inner p {
        margin-bottom: 30px;
    }

    .about-inner-wrap .about-list {
        margin-bottom: 20px;
    }

        .about-inner-wrap .about-list li {
            margin-bottom: 25px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .about-inner-wrap .about-list li:last-child {
                margin-bottom: 0;
            }

            .about-inner-wrap .about-list li .icon {
                margin-right: 20px;
            }

                .about-inner-wrap .about-list li .icon img {
                    filter: sapia(1);
                }

            .about-inner-wrap .about-list li .text h5 {
                margin-bottom: 10px;
            }

                .about-inner-wrap .about-list li .text h5:before {
                    content: "";
                    width: 20px;
                    height: 2px;
                    vertical-align: middle;
                    margin-right: 10px;
                    background: #0025a0;
                    display: inline-block;
                }

.about-img {
    text-align: left;
    position: relative;
    display: inline-block;
}

    .about-img img {
        border-radius: 140px 50px 160px 50px;
        -webkit-box-shadow: 0 15px 20px 0 rgba(37, 37, 37, 0.3);
        box-shadow: 0 15px 20px 0 rgba(37, 37, 37, 0.3);
    }

    .about-img .video-btn {
        z-index: 1;
        font-weight: 500;
        overflow: hidden;
        text-align: center;
        position: absolute;
        bottom: 20px;
        right: 20px;
        border-radius: 120px 0 150px 0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        text-transform: capitalize;
    }

        .about-img .video-btn i {
            width: 180px;
            height: 180px;
            text-align: center;
            line-height: 180px;
            font-size: 35px;
            color: #0025a0;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background: #fff;
            -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
            box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
        }

        .about-img .video-btn:hover i {
            background: #0025a0;
            color: #fff;
        }

.about-video-section {
    z-index: 1;
    overflow: hidden;
    padding-top: 195px;
    padding-bottom: 195px;
    position: relative;
    background-size: cover;
    text-align: center;
    background-position: center center;
    background-repeat: no-repeat;
}

    .about-video-section .video-btn {
        position: relative;
        display: inline-block;
        font-size: 32px;
        width: 150px;
        height: 150px;
        padding-left: 5px;
        line-height: 150px;
        display: inline-block;
        text-align: center;
        border-radius: 50%;
        color: #252525;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background: #fff;
        -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1);
        -webkit-animation: pulseWhite 1s linear infinite;
        animation: pulseWhite 1s linear infinite;
    }

        .about-video-section .video-btn:hover {
            -webkit-animation: none;
            animation: none;
            -webkit-transform: scale(1.05);
            transform: scale(1.05);
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #fff;
            background: #0025a0;
        }

#our-history {
    background: #252525;
}

    #our-history .history-inner-wrap .history-inner > h6 {
        font-style: italic;
        color: #fff;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

        #our-history .history-inner-wrap .history-inner > h6:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

    #our-history .history-inner-wrap .history-inner h2 {
        color: #fff;
        margin-bottom: 20px;
    }

    #our-history .history-inner-wrap .history-inner p {
        margin-bottom: 20px;
        color: #fff;
        opacity: 0.75;
    }

    #our-history .history-inner-wrap .history-inner span {
        color: #fff;
        font-style: italic;
        font-weight: 600;
    }

        #our-history .history-inner-wrap .history-inner span:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

    #our-history .history-seo {
        display: inline-block;
    }

        #our-history .history-seo .history-seo-name {
            padding: 30px;
            position: relative;
            background: #0025a0;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            #our-history .history-seo .history-seo-name h6 {
                color: #fff;
            }

        #our-history .history-seo img {
            display: inline-block;
        }

    #our-history .history-list h6 {
        font-size: 36px;
        color: #fff;
        margin-bottom: 14px;
    }

        #our-history .history-list h6:before {
            content: "";
            width: 20px;
            height: 3px;
            vertical-align: middle;
            margin-right: 15px;
            background: #0025a0;
            display: inline-block;
        }

    #our-history .history-list ul {
        margin-bottom: 30px;
    }

        #our-history .history-list ul:last-child {
            margin-bottom: 0;
        }

        #our-history .history-list ul li p {
            color: #fff;
            opacity: 0.75;
        }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .about-img {
        margin-bottom: 30px;
    }

    .about-inner-wrap {
        padding-left: 15px;
    }

        .about-inner-wrap .about-list li {
            display: block;
        }

            .about-inner-wrap .about-list li .icon {
                margin-right: 0;
                margin-bottom: 20px;
            }

    #our-history .history-year h6 {
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
    #our-history .history-seo {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .about-img {
        margin-bottom: 30px;
    }

        .about-img .video-btn {
            top: 50%;
            left: 50%;
            right: initial !important;
            bottom: initial !important;
            border-radius: 100px 0 100px 0;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

            .about-img .video-btn i {
                width: 120px;
                height: 120px;
                font-size: 25px;
                line-height: 120px;
            }

    .about-inner-wrap .about-inner h2 {
        font-size: 28px;
    }
}

/* ---------------------------------------------------------------- */
/* 12.Services                                           
/* ---------------------------------------------------------------- */
.services-item {
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    height: 390px;
}

    .services-item .icon {
        margin-bottom: 10px;
    }

    .services-item .text h2 {
        font-size: 60px;
        color: #0025a0;
    }

    .services-item .text h5 {
        margin-bottom: 15px;
    }

    .services-item .text p {
        margin-bottom: 30px;
    }

    .services-item .list {
        margin-bottom: 30px;
    }

        .services-item .list li {
            margin-bottom: 15px;
        }

            .services-item .list li:last-child {
                margin-bottom: 0;
            }

            .services-item .list li h6 {
                font-weight: 600;
            }

                .services-item .list li h6:before {
                    content: "\f061";
                    margin-right: 15px;
                    font-family: "Font Awesome 5 Free";
                    vertical-align: middle;
                    display: inline-block;
                    color: #0025a0;
                }

    .services-item .block-btn {
        line-height: 0;
    }

        .services-item .block-btn a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

    .services-item:hover {
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

/* ---------------------------------------------------------------- */
/* 13.Work Process                                       
/* ---------------------------------------------------------------- */
.work-process-item {
    display: inline-block;
    margin-bottom: 30px;
}

    .work-process-item .img {
        z-index: 1;
        position: relative;
        display: inline-block;
        color: #fff;
    }

        .work-process-item .img:after {
            top: 0;
            left: 0;
            content: "";
            width: 100%;
            height: 100%;
            opacity: 0.5;
            position: absolute;
            pointer-events: none;
            background: #252525;
        }

        .work-process-item .img span {
            top: 50%;
            left: 50%;
            z-index: 4;
            font-size: 60px;
            font-weight: 700;
            position: absolute;
            color: transparent;
            -webkit-text-stroke: 1px #fff;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
        }

    .work-process-item .text {
        position: relative;
        text-align: center;
    }

        .work-process-item .text::after {
            top: -40px;
            left: 50%;
            z-index: 1;
            content: "";
            position: absolute;
            border: 20px solid;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            border-color: transparent transparent #252525 transparent;
        }

        .work-process-item .text h6 {
            padding: 20px;
            font-size: 18px;
            color: #fff;
            background: #252525;
        }

/* ---------------------------------------------------------------- */
/* 14.Skills                                       
/* ---------------------------------------------------------------- */
#skills {
    position: relative;
}

    #skills .skils-bg {
        top: 0;
        left: 0;
        width: 50%;
        width: calc(50% - 15px);
        height: 100%;
        overflow: hidden;
        position: absolute;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

.skills-inner-wrap {
    padding-left: 50px;
}

    .skills-inner-wrap .skills-inner > h6 {
        font-style: italic;
        color: #0025a0;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

        .skills-inner-wrap .skills-inner > h6:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

    .skills-inner-wrap .skills-inner h2 {
        margin-bottom: 20px;
    }

    .skills-inner-wrap .skills-inner p {
        margin-bottom: 30px;
    }

.skills-progress-wrap .skills-item {
    overflow: hidden;
    margin-bottom: 30px;
    position: relative;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

    .skills-progress-wrap .skills-item:after, .skills-progress-wrap .skills-item:before {
        content: "";
        display: block;
        clear: both;
    }

    .skills-progress-wrap .skills-item:last-child {
        margin-bottom: 0;
    }

    .skills-progress-wrap .skills-item .skills-progress-bar {
        height: 12px;
        position: relative;
        background: #252525;
        margin-top: 20px;
        -webkit-box-shadow: 0 5px 8px 0 rgba(37, 37, 37, 0.04);
        box-shadow: 0 5px 8px 0 rgba(37, 37, 37, 0.04);
    }

        .skills-progress-wrap .skills-item .skills-progress-bar .skills-progress-value {
            top: 0;
            left: 0;
            height: 100%;
            position: absolute;
            background: #0025a0;
        }

            .skills-progress-wrap .skills-item .skills-progress-bar .skills-progress-value:after {
                content: "";
                top: -15px;
                right: 0;
                z-index: 1;
                position: absolute;
                border: 20px solid;
                -webkit-transform: rotateY(-180deg);
                transform: rotateY(-180deg);
                border-color: transparent transparent #0025a0 #0025a0;
            }

    .skills-progress-wrap .skills-item .skills-item-text h6 .skill-percent {
        float: right;
    }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .skills-inner-wrap {
        padding-left: 15px;
    }

    #skills .skils-bg {
        display: none;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .skills-inner-wrap .skills-inner h2 {
        font-size: 28px;
    }
}

/* ---------------------------------------------------------------- */
/* 15.Portfolio                            
/* ---------------------------------------------------------------- */
#latest-projects {
    background: #252525;
}

    #latest-projects .section-heading-left h6, #latest-projects .section-heading-left h2 {
        color: #fff;
    }

.latest-project-item, .recent-project-item {
    position: relative;
    overflow: hidden;
}

    .latest-project-item .portfolio-item-img, .recent-project-item .portfolio-item-img {
        position: relative;
        overflow: hidden;
        margin-bottom: 30px;
    }

        .latest-project-item .portfolio-item-img:after, .recent-project-item .portfolio-item-img:after {
            content: "";
            left: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            position: absolute;
            visibility: hidden;
            pointer-events: none;
            -webkit-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
            background: rgba(37, 37, 37, 0.5);
        }

    .latest-project-item .block-btn a, .recent-project-item .block-btn a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: rgba(255, 255, 255, 0.03);
    }

        .latest-project-item .block-btn a span, .recent-project-item .block-btn a span {
            font-weight: 700;
        }

        .latest-project-item .block-btn a:after, .recent-project-item .block-btn a:after {
            background: #0025a0;
        }

    .latest-project-item .portfolio-buttons, .recent-project-item .portfolio-buttons {
        top: 50%;
        left: 50%;
        z-index: 1;
        opacity: 0;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .latest-project-item .portfolio-buttons a, .recent-project-item .portfolio-buttons a {
            width: 100%;
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

        .latest-project-item .portfolio-buttons span, .recent-project-item .portfolio-buttons span {
            position: relative;
        }

            .latest-project-item .portfolio-buttons span:nth-child(1):after, .latest-project-item .portfolio-buttons span:nth-child(1):before, .latest-project-item .portfolio-buttons span:nth-child(2):after, .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):before {
                content: "";
                position: absolute;
                background: #fff;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .latest-project-item .portfolio-buttons span:nth-child(1):after, .latest-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):before {
                top: 0;
                width: 30px;
                height: 2px;
            }

            .latest-project-item .portfolio-buttons span:nth-child(1):after, .recent-project-item .portfolio-buttons span:nth-child(1):after {
                left: -100px;
            }

            .latest-project-item .portfolio-buttons span:nth-child(1):before, .recent-project-item .portfolio-buttons span:nth-child(1):before {
                left: 100px;
            }

            .latest-project-item .portfolio-buttons span:nth-child(2):after, .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):before {
                left: 0;
                width: 2px;
                height: 30px;
            }

            .latest-project-item .portfolio-buttons span:nth-child(2):after, .recent-project-item .portfolio-buttons span:nth-child(2):after {
                top: -100px;
            }

            .latest-project-item .portfolio-buttons span:nth-child(2):before, .recent-project-item .portfolio-buttons span:nth-child(2):before {
                top: 100px;
            }

    .latest-project-item:hover .portfolio-item-img:after, .recent-project-item:hover .portfolio-item-img:after {
        opacity: 1;
        visibility: visible;
    }

    .latest-project-item:hover .portfolio-buttons, .recent-project-item:hover .portfolio-buttons {
        opacity: 1;
        visibility: visible;
    }

        .latest-project-item:hover .portfolio-buttons span:nth-child(1):after, .recent-project-item:hover .portfolio-buttons span:nth-child(1):after {
            left: -30px;
        }

        .latest-project-item:hover .portfolio-buttons span:nth-child(1):before, .recent-project-item:hover .portfolio-buttons span:nth-child(1):before {
            left: 0px;
        }

        .latest-project-item:hover .portfolio-buttons span:nth-child(2):after, .recent-project-item:hover .portfolio-buttons span:nth-child(2):after {
            top: -30px;
        }

        .latest-project-item:hover .portfolio-buttons span:nth-child(2):before, .recent-project-item:hover .portfolio-buttons span:nth-child(2):before {
            top: 0px;
        }

.recent-project-item {
    margin-bottom: 20px;
}

    .recent-project-item .portfolio-item-img {
        margin-bottom: 20px;
    }

    .recent-project-item .block-btn a {
        background: #252525;
    }

        .recent-project-item .block-btn a:after {
            background: #0025a0;
        }

#portfolio-grid .latest-project-item, #portfolio-masonry .latest-project-item {
    margin-bottom: 30px;
}

    #portfolio-grid .latest-project-item .block-btn a, #portfolio-masonry .latest-project-item .block-btn a {
        background: #252525;
    }

        #portfolio-grid .latest-project-item .block-btn a:after, #portfolio-masonry .latest-project-item .block-btn a:after {
            background: #0025a0;
        }

.portolio-grid-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 70px;
}

    .portolio-grid-header .section-heading-left {
        margin-bottom: 0;
    }

    .portolio-grid-header .gallery-filter {
        text-align: right;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .portolio-grid-header .gallery-filter a {
            z-index: 6;
            padding: 10px 15px;
            background: transparent;
            position: relative;
            color: #000;
            margin: 0 10px 0 0;
            font-weight: 500;
            font-size: 14px;
            overflow: hidden;
            display: inline-block;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            border: 1px solid #e0e0e0;
        }

            .portolio-grid-header .gallery-filter a:last-child {
                margin-right: 0;
            }

            .portolio-grid-header .gallery-filter a.current {
                background: #0025a0;
                color: #fff;
                border-color: transparent;
            }

            .portolio-grid-header .gallery-filter a:hover {
                color: #fff !important;
                border-color: transparent;
                background: #0025a0;
            }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .portolio-grid-header {
        display: block;
        margin-bottom: 60px;
    }

        .portolio-grid-header .gallery-filter {
            margin-top: 30px;
            text-align: left;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

            .portolio-grid-header .gallery-filter a {
                margin: 0 10px 10px 0;
            }
}

/* ---------------------------------------------------------------- */
/* 16.Our Team                            
/* ---------------------------------------------------------------- */
.team-card .team-img {
    overflow: hidden;
}

    .team-card .team-img img {
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .team-card .team-img img:hover {
            -webkit-transform: scale(1.15);
            transform: scale(1.15);
        }

.team-card .team-detail {
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #252525;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .team-card .team-detail .text h6 {
        font-size: 18px;
        color: #fff;
        margin-bottom: 5px;
    }

    .team-card .team-detail .text span {
        color: #fff;
        opacity: 0.75;
    }

    .team-card .team-detail .team-social > i {
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
        line-height: 50px;
        color: #0025a0;
        background: #fff;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
        box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
    }

    .team-card .team-detail .team-social ul {
        bottom: 70%;
        opacity: 0;
        position: absolute;
        background: #fff;
        text-align: center;
        visibility: hidden;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .team-card .team-detail .team-social ul li:last-child a {
            border-bottom: 0;
        }

        .team-card .team-detail .team-social ul li a {
            display: block;
            color: #252525;
            width: 50px;
            height: 50px;
            line-height: 50px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            border-bottom: 1px solid rgba(37, 37, 37, 0.07);
        }

            .team-card .team-detail .team-social ul li a:hover {
                background: #252525;
                color: #fff;
            }

    .team-card .team-detail .team-social:hover > i {
        background: #252525;
        color: #fff;
    }

    .team-card .team-detail .team-social:hover ul {
        opacity: 1;
        bottom: 80%;
        visibility: visible;
    }

    .team-card .team-detail:after {
        top: 0;
        left: 0;
        content: "";
        width: 100%;
        height: 100%;
        z-index: -1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        position: absolute;
        background: #0025a0;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
        transition: transform 400ms cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 400ms cubic-bezier(0.65, 0, 0.35, 1);
    }

    .team-card .team-detail:hover:after {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
    }

/* ---------------------------------------------------------------- */
/* 17.Counters                            
/* ---------------------------------------------------------------- */
#counters {
    background: #252525;
}

    #counters .counter-item {
        text-align: center;
        position: relative;
        margin-bottom: 30px;
    }

        #counters .counter-item:last-child:after {
            display: none;
        }

        #counters .counter-item:after {
            top: 0;
            right: 0;
            width: 2px;
            height: 100%;
            content: "";
            position: absolute;
            background: rgba(255, 255, 255, 0.75);
        }

        #counters .counter-item .top h2 {
            font-size: 60px;
            margin-bottom: 5px;
            color: #fff;
        }

        #counters .counter-item .text h5 {
            color: #fff;
            font-weight: 500;
            font-size: 17px;
            opacity: 0.75;
        }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .counter-item:nth-child(2):after {
        display: none;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 576px) {
    .counter-item:after {
        display: none;
    }

    .counter-item .top h2 {
        font-size: 50px;
    }
}

/* ---------------------------------------------------------------- */
/* 18.Testimonial                              
/* ---------------------------------------------------------------- */
.testimonial-item {
    padding: 30px;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
}

    .testimonial-item .top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 30px;
    }

        .testimonial-item .top .img {
            margin-right: 30px;
            border-radius: 50%;
        }

            .testimonial-item .top .img img {
                border-radius: 50%;
            }

        .testimonial-item .top .text h5 {
            margin-bottom: 8px;
        }

        .testimonial-item .top .text h6 {
            color: #0025a0;
            font-style: italic;
            text-transform: capitalize;
        }

            .testimonial-item .top .text h6:before {
                content: "";
                width: 10px;
                height: 2px;
                vertical-align: middle;
                margin-right: 10px;
                background: #0025a0;
                display: inline-block;
            }

    .testimonial-item .body p {
        font-style: italic;
        margin-bottom: 20px;
    }

    .testimonial-item .body .rating-star i {
        color: #0025a0;
        margin-right: 2px;
        display: inline-block;
        font-size: 14px;
    }

        .testimonial-item .body .rating-star i:last-child {
            margin-right: 0;
        }

    .testimonial-item:hover {
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
    .testimonial-item .top {
        display: block;
    }

        .testimonial-item .top .img {
            margin-right: 0;
            margin-bottom: 30px;
        }
}

/* ---------------------------------------------------------------- */
/* 19.Pricing                               
/* ---------------------------------------------------------------- */
.price-table {
    margin-bottom: 30px;
    -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
}

    .price-table .price-value {
        z-index: 1;
        padding: 30px;
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .price-table .price-value:after {
            top: 0;
            left: 0;
            z-index: -1;
            content: "";
            width: 100%;
            height: 100%;
            opacity: 0.7;
            position: absolute;
            background: #0025a0;
        }

        .price-table .price-value span {
            font-size: 1rem;
            color: #fff;
        }

        .price-table .price-value b {
            font-size: 60px;
            font-weight: 700;
            font-family: "Poppins", sans-serif;
            color: #fff;
        }

    .price-table .price-text {
        padding: 30px;
    }

    .price-table .price-list {
        padding: 30px 30px 0 30px;
    }

        .price-table .price-list li {
            margin-top: 15px;
            font-weight: 600;
            color: #252525;
        }

            .price-table .price-list li:before {
                content: "\f00c";
                margin-right: 15px;
                font-family: "Font Awesome 5 Free";
                vertical-align: middle;
                display: inline-block;
                color: #0025a0;
            }

            .price-table .price-list li:first-child {
                margin-top: 0;
            }

    .price-table .price-footer {
        padding: 30px;
    }

        .price-table .price-footer .primary-btn {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            color: #fff;
        }

    .price-table.recommend {
        background: #252525;
    }

        .price-table.recommend .price-value:after {
            background: #0025a0;
        }

        .price-table.recommend .price-text h5 {
            color: #fff;
        }

        .price-table.recommend .price-list li {
            font-weight: 600;
            color: #fff;
        }

        .price-table.recommend .price-footer {
            padding: 30px;
        }

            .price-table.recommend .price-footer .primary-btn:after {
                background: #2f2f2f;
            }

.blog-item {
    margin: 0 0 30px 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
}

    .blog-item .blog-img {
        overflow: hidden;
        position: relative;
    }

        .blog-item .blog-img img {
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            height: 200px;
            width: auto !important;
            margin: 20px;
        }

        .blog-item .blog-img:hover img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .blog-item .blog-img .blog-date {
            /*position: absolute;*/
           
            /* margin-left: 37px; */
            width: 100%;
            background: #0025a0;
            padding: 5px 20px;
            font-size: 20px;
            color: #fff;
            /*margin: auto;*/
            display: inline;
            text-align:center;
        }

    .blog-item .blog-body {
        padding: 20px;
        position: relative;
        text-align: center;
    }

        .blog-item .blog-body .blog-meta {
            margin-bottom: 15px;
        }

            .blog-item .blog-body .blog-meta a {
                font-size: 15px;
                margin-right: 10px;
                font-weight: 600;
                color: #252525;
            }

                .blog-item .blog-body .blog-meta a i {
                    margin-right: 10px;
                    color: #0025a0;
                }

                .blog-item .blog-body .blog-meta a:hover {
                    color: #0025a0;
                    text-decoration: underline;
                }

        .blog-item .blog-body h5 {
            margin-bottom: 30px;
            padding-bottom: 20px;
            border-bottom: solid 1px #eee;
        }

            .blog-item .blog-body h5 a {
                color: inherit;
            }

                .blog-item .blog-body h5 a:hover {
                    text-decoration: underline;
                    color: #0025a0;
                }

        .blog-item .blog-body .blog-link {
            color: #0025a0;
            font-weight: 600;
            padding: 5px 10px;
            border: solid;
        }

            .blog-item .blog-body .blog-link:hover {
                text-decoration: underline;
            }

            .blog-item .blog-body .blog-link i {
                margin-left: 5px;
            }

        .blog-item .blog-body p {
            margin-bottom: 15px;
        }

    .blog-item:hover {
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

#blog-grid-page .blog-item, #blog-sidebar-page .blog-item {
    -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
}

    #blog-grid-page .blog-item:hover, #blog-sidebar-page .blog-item:hover {
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

.widget-sidebar .sidebar-widgets {
    margin-bottom: 20px;
}

    .widget-sidebar .sidebar-widgets .blog-search-btn {
        top: 0;
        right: 0;
        z-index: 4;
        border: none;
        width: 60px;
        outline: none;
        height: 100%;
        overflow: hidden;
        color: #fff;
        position: absolute;
        background: #0025a0;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .widget-sidebar .sidebar-widgets .blog-search-btn:hover {
            color: #fff !important;
            background: #252525;
        }

    .widget-sidebar .sidebar-widgets .blog-search-bar {
        width: 100%;
    }

        .widget-sidebar .sidebar-widgets .blog-search-bar .search-form-control {
            width: 100%;
            display: block;
            border: none;
            padding: 20px 78px 20px 20px;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
            background: rgba(255, 60, 0, 0.05);
        }

    .widget-sidebar .sidebar-widgets:last-child {
        margin-bottom: 0;
    }

.widget-sidebar .recent-post-item {
    margin-bottom: 20px;
}

    .widget-sidebar .recent-post-item:last-child {
        margin-bottom: 0;
    }

    .widget-sidebar .recent-post-item .recent-post-img {
        float: left;
        overflow: hidden;
    }

        .widget-sidebar .recent-post-item .recent-post-img img {
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .widget-sidebar .recent-post-item .recent-post-img img:hover {
                -webkit-transform: scale(1.2);
                transform: scale(1.2);
            }

    .widget-sidebar .recent-post-item .recent-post-body .recent-post-title {
        margin-bottom: 14px;
        line-height: 1.5;
        font-size: 1.1rem;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .widget-sidebar .recent-post-item .recent-post-body .recent-post-title:hover {
            color: #0025a0;
            text-decoration: underline;
        }

    .widget-sidebar .recent-post-item .recent-post-body .recent-post-date i {
        margin-right: 8px;
        color: #0025a0;
    }

.widget-sidebar .sidebar-archive-list li, .widget-sidebar .sidebar-category-list li {
    display: block;
    padding: 10px 10px 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

    .widget-sidebar .sidebar-archive-list li:first-child, .widget-sidebar .sidebar-category-list li:first-child {
        padding-top: 0;
    }

    .widget-sidebar .sidebar-archive-list li:last-child, .widget-sidebar .sidebar-category-list li:last-child {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .widget-sidebar .sidebar-archive-list li a, .widget-sidebar .sidebar-category-list li a {
        color: #000;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        font-weight: 500;
        font-size: 14px;
    }

        .widget-sidebar .sidebar-archive-list li a:before, .widget-sidebar .sidebar-category-list li a:before {
            /*content: "";
            background: #000;
            display: inline-block;
            margin-right: 10px;
            vertical-align: middle;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;*/
        }

        .widget-sidebar .sidebar-archive-list li a:hover, .widget-sidebar .sidebar-category-list li a:hover {
            text-decoration: underline;
        }

        .widget-sidebar .sidebar-archive-list li a:hover, .widget-sidebar .sidebar-archive-list li a.active, .widget-sidebar .sidebar-category-list li a:hover, .widget-sidebar .sidebar-category-list li a.active {
            color: #0025a0;
        }

            .widget-sidebar .sidebar-archive-list li a.active:before, .widget-sidebar .sidebar-archive-list li a:hover:before, .widget-sidebar .sidebar-category-list li a.active:before, .widget-sidebar .sidebar-category-list li a:hover:before {
                background: #0025a0;
            }

        .widget-sidebar .sidebar-category-list li a:before {
            height: 1px;
            width: 10px;
        }

        .widget-sidebar .sidebar-category-list li a:hover:before {
            width: 20px;
        }

        .widget-sidebar .sidebar-category-list li a .category-count {
            float: right;
        }

        .widget-sidebar .sidebar-archive-list li a:before {
            height: 5px;
            width: 5px;
        }

.widget-sidebar .sidebar-tags li {
    float: left;
}

    .widget-sidebar .sidebar-tags li:last-child a {
        margin-right: 0;
    }

    .widget-sidebar .sidebar-tags li a {
        font-size: 14px;
        font-weight: 500;
        margin-right: 10px;
        margin-bottom: 10px;
        padding: 10px 15px;
        display: inline-block;
        color: #132035;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        border: 1px solid #e0e0e0;
    }

        .widget-sidebar .sidebar-tags li a:hover, .widget-sidebar .sidebar-tags li a.active {
            background: #0025a0;
            border-color: transparent;
            color: #fff !important;
        }

.widget-sidebar .sidebar-share li {
    margin-right: 10px;
    float: left;
}

    .widget-sidebar .sidebar-share li:last-child {
        margin-right: 0;
    }

    .widget-sidebar .sidebar-share li a {
        width: 40px;
        height: 40px;
        color: #fff;
        line-height: 40px;
        text-align: center;
        display: inline-block;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        background: #0025a0;
    }

        .widget-sidebar .sidebar-share li a:hover {
            color: #fff;
            background: #252525;
        }

.widget-sidebar .tag-widgets {
    margin-bottom: 20px;
}

.blog-title-subline {
    margin-bottom: 20px;
}

.blog-post-img {
    position: relative;
}

    .blog-post-img .post-date {
        bottom: 0;
        left: 0;
        width: auto;
        position: absolute;
        color: #fff;
    }

        .blog-post-img .post-date span {
            display: block;
            padding: 30px;
            font-size: 25px;
            text-align: center;
            background: #0025a0;
        }

        .blog-post-img .post-date a {
            font-size: 14px;
            padding: 20px;
            display: block;
            color: #fff;
            background: #252525;
        }

            .blog-post-img .post-date a:hover {
                text-decoration: underline;
            }

.blog-text {
    margin-top: 20px;
}

    .blog-text h4 {
        font-size: 2.3rem;
        margin-bottom: 20px;
    }

    .blog-text .author-meta {
        margin-bottom: 20px;
    }

        .blog-text .author-meta a {
            color: #252525;
            margin-right: 15px;
            font-weight: 600;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .blog-text .author-meta a:after {
                content: "";
                margin-left: 15px;
                border-left: 1px solid #0025a0;
            }

            .blog-text .author-meta a:last-child {
                margin-right: 0;
            }

                .blog-text .author-meta a:last-child:after {
                    display: none;
                }

            .blog-text .author-meta a:hover {
                color: #0025a0;
                text-decoration: underline;
            }

            .blog-text .author-meta a span {
                color: #0025a0;
                display: inline-block;
                margin-right: 15px;
            }

    .blog-text p {
        margin-bottom: 20px;
    }

    .blog-text blockquote {
        padding: 30px;
        margin-bottom: 30px;
        color: #252525;
        font-weight: 500;
        background: #fff;
        border-left: 5px solid #0025a0;
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

        .blog-text blockquote q {
            font-style: italic;
            line-height: 2;
        }

            .blog-text blockquote q:before {
                margin-right: 5px;
            }

            .blog-text blockquote q:after {
                margin-left: 5px;
            }

    .blog-text .grid-gallery-item {
        margin-bottom: 30px;
    }

    .blog-text .embed-responsive {
        margin-bottom: 30px;
        background: #fff;
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

        .blog-text .embed-responsive iframe {
            padding: 20px;
        }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .padding-minus-90 {
        padding-bottom: 90px;
    }

    .widget-sidebar {
        margin-top: 20px;
    }

    .sidebar-pb-resp {
        padding-bottom: 90px;
    }

    .recent-post-item .recent-post-body .recent-post-title {
        line-height: 1.5;
        font-size: 1rem;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (tablets, less than 992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .blog-text h4 {
        font-size: 1.6rem;
    }
}

/* ---------------------------------------------------------------- */
/* 20.Footer                    
/* ---------------------------------------------------------------- */
.footer {
    background: #252525;
}

    .footer .footer-newsletter {
        background: rgba(255, 255, 255, 0.03);
        padding: 30px 0;
    }

        .footer .footer-newsletter .newsletter-form-group {
            position: relative;
        }

            .footer .footer-newsletter .newsletter-form-group .newsletter-form-control {
                width: 100%;
                outline: none;
                border: none;
                height: 70px;
                color: #fff;
                background: #252525;
                display: block;
                padding: 0 28px;
                position: relative;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .footer .footer-newsletter .newsletter-form-group button {
                border: none;
                display: block;
                width: 100%;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                text-align: center;
                color: #0025a0;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                -webkit-box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
                box-shadow: 0 3px 15px 0 rgba(37, 37, 37, 0.15);
            }

    .footer .footer-top {
        padding: 30px 0 20px 0;
    }

        .footer .footer-top .footer-widget {
            margin-bottom: 30px;
        }

            .footer .footer-top .footer-widget .footer-desc {
                color: #fff;
                opacity: 0.75;
                margin-bottom: 32px;
            }

            .footer .footer-top .footer-widget .footer-title {
                color: #fff;
                margin-bottom: 30px;
                position: relative;
                font-size: 20px;
            }

                .footer .footer-top .footer-widget .footer-title:after {
                    content: "";
                    display: block;
                    background: #fff;
                    margin-top: 10px;
                    width: 50px;
                    height: 2px;
                }

            .footer .footer-top .footer-widget .footer-social-links a {
                width: 50px;
                height: 50px;
                color: #fff;
                line-height: 50px;
                text-align: center;
                display: inline-block;
                background: rgba(255, 255, 255, 0.05);
                -webkit-transition: all 0.25s linear;
                transition: all 0.25s linear;
                margin-right: 10px;
                font-size: 20px;
            }

                .footer .footer-top .footer-widget .footer-social-links a:hover {
                    background: #0025a0;
                    color: #fff;
                }

                .footer .footer-top .footer-widget .footer-social-links a:last-child {
                    margin-right: 0;
                }

            .footer .footer-top .footer-widget .footer-contact-info-list li {
                margin-bottom: 15px;
            }

                .footer .footer-top .footer-widget .footer-contact-info-list li:last-child {
                    margin-bottom: 0;
                }

                    .footer .footer-top .footer-widget .footer-contact-info-list li:last-child .text p:last-child {
                        line-height: 27px;
                    }

                .footer .footer-top .footer-widget .footer-contact-info-list li h6 {
                    color: #fff;
                    margin-bottom: 10px;
                }

                .footer .footer-top .footer-widget .footer-contact-info-list li p {
                    color: #fff;
                    opacity: 0.75;
                    vertical-align: middle;
                }

            .footer .footer-top .footer-widget .footer-links li {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                margin-bottom: 10px;
            }

                .footer .footer-top .footer-widget .footer-links li:last-child {
                    margin-bottom: 0;
                }

                .footer .footer-top .footer-widget .footer-links li span {
                    color: #fff;
                    opacity: 0.75;
                }

                .footer .footer-top .footer-widget .footer-links li a {
                    color: #fff;
                    opacity: 0.75;
                }

                    .footer .footer-top .footer-widget .footer-links li a:hover {
                        opacity: 1;
                        text-decoration: underline;
                    }

                .footer .footer-top .footer-widget .footer-links li:before {
                    content: "";
                    width: 10px;
                    height: 2px;
                    font-weight: 700;
                    margin-right: 15px;
                    background: #fff;
                    display: inline-block;
                    -webkit-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                .footer .footer-top .footer-widget .footer-links li:hover:before {
                    width: 20px;
                }

    .footer .copyright {
        background: rgba(255, 255, 255, 0.03);
        padding: 30px 0;
    }

        .footer .copyright .copyright-text {
            color: #fff;
            opacity: 0.75;
        }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
    .footer .footer-newsletter .newsletter-form-group .newsletter-btn {
        margin-top: 15px;
    }
}

/* ---------------------------------------------------------------- */
/* 21.Breadcrumb                   
/* ---------------------------------------------------------------- */
.breadcrumb-section {
    z-index: 1;
    overflow: hidden;
    padding: 30px 0;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #1853b2 !important;
}

    .breadcrumb-section:before {
        top: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        content: "";
        opacity: 0.5;
        z-index: -1;
        position: absolute;
        background: #252525;
    }

    .breadcrumb-section .breadcrumb-inner h1 {
        font-size: 2.5rem;
        color: #fff;
        margin-bottom: 15px;
    }

    .breadcrumb-section .breadcrumb-inner .breadcrumb-links li {
        color: #fff;
        display: inline-block;
        vertical-align: middle;
    }

        .breadcrumb-section .breadcrumb-inner .breadcrumb-links li.active:before {
            content: "\f30b";
            display: inline-block;
            margin-left: 10px;
            margin-right: 10px;
            vertical-align: middle;
            color: #fff;
            font-family: "Font Awesome 5 Free";
            font-weight: 700;
        }

        .breadcrumb-section .breadcrumb-inner .breadcrumb-links li a {
            color: #fff;
        }

            .breadcrumb-section .breadcrumb-inner .breadcrumb-links li a:hover {
                text-decoration: underline;
            }

/* ---------------------------------------------------------------- */
/* 22.404 Error Page                     
/* ---------------------------------------------------------------- */
.error-page {
    padding-bottom: 93px;
}

    .error-page .error-text {
        font-size: 200px;
        text-align: center;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .error-page .page-404-body {
        text-align: center;
    }

        .error-page .page-404-body .error-title {
            margin-top: 10px;
            margin-bottom: 15px;
            font-size: 32px;
        }

        .error-page .page-404-body .error-subline {
            margin-bottom: 30px;
        }

        .error-page .page-404-body .page-error-form-group {
            position: relative;
        }

            .error-page .page-404-body .page-error-form-group .page-error-form-control {
                outline: none;
                width: 100%;
                border: none;
                height: auto;
                color: #000;
                padding: 18px 70px 18px 50px;
                display: block;
                margin-bottom: 30px;
                position: relative;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
                background: rgba(255, 60, 0, 0.05);
            }

                .error-page .page-404-body .page-error-form-group .page-error-form-control:focus {
                    outline: none;
                    border: none;
                }

            .error-page .page-404-body .page-error-form-group span {
                line-height: 60px;
                color: #0025a0;
                position: absolute;
                pointer-events: none;
                -webkit-transition: all 0.25s ease;
                transition: all 0.25s ease;
                top: 0;
                left: 20px;
            }

        .error-page .page-404-body .page-error-search-btn {
            top: 0;
            right: 0;
            border: none;
            outline: none;
            position: absolute;
            padding: 15px 20px;
            background-color: transparent;
            width: 60px;
            height: 60px;
            color: #fff;
            background: #0025a0;
            -webkit-transition: all 0.25s linear;
            transition: all 0.25s linear;
        }

            .error-page .page-404-body .page-error-search-btn:hover {
                background: #252525;
                color: #fff;
            }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (portrait phones, less than 768px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 767.98px) {
    .error-page .error-text {
        font-size: 150px !important;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (portrait phones, less than 576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .error-page .error-text {
        font-size: 100px !important;
    }
}

/* ---------------------------------------------------------------- */
/* 23.Portfolio Single                      
/* ---------------------------------------------------------------- */
.portfolio-single-inner {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .portfolio-single-inner h4 {
        font-size: 2.3rem;
        margin-bottom: 20px;
    }

    .portfolio-single-inner .author-meta {
        margin-bottom: 20px;
    }

        .portfolio-single-inner .author-meta a {
            color: #252525;
            margin-right: 15px;
            font-weight: 600;
            -webkit-transition: all 0.25s ease;
            transition: all 0.25s ease;
        }

            .portfolio-single-inner .author-meta a:after {
                content: "";
                margin-left: 15px;
                border-left: 1px solid #0025a0;
            }

            .portfolio-single-inner .author-meta a:last-child {
                margin-right: 0;
            }

                .portfolio-single-inner .author-meta a:last-child:after {
                    display: none;
                }

            .portfolio-single-inner .author-meta a:hover {
                color: #0025a0;
                text-decoration: underline;
            }

            .portfolio-single-inner .author-meta a span {
                color: #0025a0;
                display: inline-block;
                margin-right: 15px;
            }

    .portfolio-single-inner p {
        margin-bottom: 20px;
    }

    .portfolio-single-inner .embed-responsive {
        margin-bottom: 30px;
        background: #fff;
        -webkit-box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
        box-shadow: 0 10px 15px 0 rgba(37, 37, 37, 0.1);
    }

        .portfolio-single-inner .embed-responsive iframe {
            padding: 20px;
        }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (less than 575px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .portfolio-gallery-item {
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------------------- */
/* 24.Services Detail                      
/* ---------------------------------------------------------------- */
.services-detail-inner-wrap {
    padding-left: 50px;
}

    .services-detail-inner-wrap .services-detail-inner h6 {
        font-style: italic;
        color: #0025a0;
        margin-bottom: 10px;
        text-transform: capitalize;
    }

        .services-detail-inner-wrap .services-detail-inner h6:before {
            content: "";
            width: 20px;
            height: 2px;
            vertical-align: middle;
            margin-right: 10px;
            background: #0025a0;
            display: inline-block;
        }

    .services-detail-inner-wrap .services-detail-inner h2 {
        margin-bottom: 20px;
    }

    .services-detail-inner-wrap .services-detail-inner p {
        margin-bottom: 40px;
    }

    .services-detail-inner-wrap .services-list li {
        margin-bottom: 15px;
    }

        .services-detail-inner-wrap .services-list li:last-child {
            margin-bottom: 0;
        }

        .services-detail-inner-wrap .services-list li i {
            color: #0025a0;
            margin-right: 20px;
        }

#key-features {
    background: #252525;
}

    #key-features .key-features-item {
        margin-bottom: 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #key-features .key-features-item .icon {
            margin-right: 30px;
        }

        #key-features .key-features-item .text {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
        }

            #key-features .key-features-item .text h5 {
                margin-bottom: 15px;
                color: #fff;
            }

            #key-features .key-features-item .text p {
                color: #fff;
                opacity: 0.75;
            }

.faq-accordion .accordion-item {
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 10px 28px 0 rgba(37, 37, 37, 0.04);
    box-shadow: 0 10px 28px 0 rgba(37, 37, 37, 0.04);
}

    .faq-accordion .accordion-item:last-child {
        margin-bottom: 0;
    }

    .faq-accordion .accordion-item .accordion-header a {
        color: #000;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-weight: 700;
        padding: 30px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 3px solid #0025a0;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
    }

        .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] {
            color: #fff;
            background: #0025a0;
            border-radius: 0;
        }

            .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] i {
                color: #fff;
                background: rgba(255, 255, 255, 0.1);
            }

                .faq-accordion .accordion-item .accordion-header a[aria-expanded=true] i:before {
                    content: '\f068';
                }

        .faq-accordion .accordion-item .accordion-header a i {
            width: 35px;
            height: 35px;
            text-align: center;
            line-height: 35px;
            color: #0025a0;
            background: rgba(255, 60, 0, 0.1);
        }

    .faq-accordion .accordion-item .accordion-body {
        padding: 30px;
    }

/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .services-detail-img {
        margin-bottom: 30px;
    }

    .services-detail-inner-wrap {
        padding-left: 15px;
    }

    .faq-img {
        margin-top: 20px;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .services-detail-inner-wrap .services-detail-inner h2 {
        font-size: 28px;
    }

    #key-features .key-features-item {
        display: block;
    }

        #key-features .key-features-item .icon {
            margin-right: 0;
            margin-bottom: 30px;
        }
}

/* ---------------------------------------------------------------- */
/* 25.Contact Us               
/* ---------------------------------------------------------------- */
.contact-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
}

    .contact-info-item .icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 30px;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #0025a0;
    }

    .contact-info-item .text {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 30px;
    }

        .contact-info-item .text h5 {
            margin-bottom: 10px;
        }

.google-map {
    line-height: 0;
}

    .google-map iframe {
        border: 0;
        height: 705px;
        width: 100% !important;
    }

.contact-form-wrap .contact-form {
    padding: 30px;
    background: #fff;
    border-top: 2px solid #0025a0;
    -webkit-box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
    box-shadow: 0 5px 10px 0 rgba(37, 37, 37, 0.1);
}

.contact-form-wrap .form-group {
    margin-bottom: 0;
    position: relative;
}

    .contact-form-wrap .form-group .captcha-input {
        padding-left: 90px !important;
    }

    .contact-form-wrap .form-group #contactFormCaptchaSpan {
        position: absolute;
        top: 0;
        height: 60px;
        display: block;
        width: 70px;
        text-align: center;
        line-height: 60px;
        background: #0025a0;
        color: #fff;
        font-weight: 500;
    }

.contact-form-wrap .form-group {
    margin-bottom: 20px;
    position: relative;
}

    .contact-form-wrap .form-group .contact-form-control {
        width: 100%;
        display: block;
        padding: 10px 20px 10px 53px;
        -webkit-transition: all 0.25s ease;
        transition: all 0.25s ease;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

        .contact-form-wrap .form-group .contact-form-control:focus {
            border-color: #0025a0;
        }

    .contact-form-wrap .form-group i {
        line-height: 45px;
        color: #0025a0;
        position: absolute;
        pointer-events: none;
        top: 0;
        left: 20px;
    }

    .contact-form-wrap .form-group label {
        font-weight: 600;
        /*display: none;*/
        color: #ee4545;
    }

        .contact-form-wrap .form-group label.error {
            display: block;
        }

    .contact-form-wrap .form-group #contactSubject {
        height: auto;
        border-radius: 0;
    }

        .contact-form-wrap .form-group #contactSubject:focus, .contact-form-wrap .form-group #contactSubject:active {
            border-color: rgba(0, 0, 0, 0.1);
            -webkit-box-shadow: none !important;
            box-shadow: none !important;
        }

    .contact-form-wrap .form-group .custom-select {
        padding: 17px 20px 17px 20px;
    }

.contact-form-wrap .contact-alerts .empty-form span, .contact-form-wrap .contact-alerts .email-invalid span,
.contact-form-wrap .contact-alerts .phone-invalid span, .contact-form-wrap .contact-alerts .empty-select span,
.contact-form-wrap .contact-alerts .security-alert span {
    display: block;
    padding: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    border-left: 4px solid #f27474;
    color: #ee4545;
    background: rgba(242, 116, 116, 0.1);
}

.contact-form-wrap #error_message {
    margin-top: 30px;
    display: block;
    padding: 20px;
    word-break: break-word;
    color: #ee4545;
    background: rgba(242, 116, 116, 0.1);
}

.contact-form-wrap button {
    border: none;
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (992px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 991.98px) {
    .google-map {
        margin-bottom: 30px;
    }
}

/* ---------------------------------------------------------------- */
/* Responsive Media Query (576px)
/* ---------------------------------------------------------------- */
@media only screen and (max-width: 575.98px) {
    .contact-info-item {
        display: block;
    }

        .contact-info-item .icon {
            display: block;
            text-align: left;
        }
}

.btnButtonCls {
    padding: 10px 20px;
    background-color: #2e5ce5;
    color: #fff;
    margin-right: 10px;
    background: #373B44;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #59e4f3, #0ec3c3);
    border-radius: 5px;
}
    .btnButtonCls:hover{
        color:#fff !important;
    }
    .btnButtonCls2:hover {
        color: #fff !important;
    }

.btnButtonCls2 {
    padding: 10px 20px;
    background-color: #2e5ce5;
    color: #fff;
    margin-right: 10px;
    border-radius: 5px;
    background: #373B44;
    background: -webkit-linear-gradient(to right, #ff4362, #9a1132);
    background: linear-gradient(to right, #ff4362, #9a1132);
}
/*# sourceMappingURL=style.css.map */