@charset "UTF-8";
/*---------------------------
	Fonts
----------------------------*/
@import url("https://www.pardindia.org/assets/front/sass/css2");

html {
    font-size: 15px;
}

:root {
    scroll-behavior: unset;
}

body {
    /*font-family: "Roboto", sans-serif;*/
    color: #666666;
    background-color: #fff;
    font-size: 15px;
    overflow-x: hidden;
}

@media (max-width: 767px) {
    body {
        font-size: 15px;
    }

    .d-flex {
        display: block !important;
    }
}

p {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    margin-bottom: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #3b5998;
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 22px;
}

ul {
    padding-left: 0;
    margin: 0;
}

a {
    text-decoration: none;
    transition: all 0.2s;
}

    a:hover {
        text-decoration: none;
    }

img {
    max-width: 100%;
}

.hidden {
    display: none;
}

.has_borders1s {
    padding: 15px 15px;
    border-radius: 101px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #ff5050;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.sr-only {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}

/* 1.2 Global Elements */
.page-wrapper {
    position: relative;
    overflow: hidden;
}

.wow {
    visibility: hidden;
}

.fi:before {
    margin: 0;
}

.section-padding {
    padding: 20px 0;
}

.section-padding2 {
    padding: 0px 0px 40px 0px;
}

.section-padding1 {
    padding: 40px 0px 10px 0;
}

@media (max-width: 991px) {
    .section-padding {
        padding: 20px 0;
    }

    .section-padding2 {
        padding: 0px 0px 40px 0px;
    }

    .section-padding1 {
        padding: 20px 0px 10px 0;
    }
}

@media (max-width: 767px) {
    .section-padding {
        padding: 20px 0px;
    }

    .section-padding {
        padding: 0px 0px;
    }

    .section-padding1 {
        padding: 10px 0px 10px 0;
    }
}

.pt-100 {
    padding-top: 100px;
}

@media (max-width: 991px) {
    .pt-100 {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .pt-100 {
        padding-top: 70px;
    }
}

/*** contact form error handling ***/
.contact-validation-active .error-handling-messages {
    width: 100% !important;
    margin-top: 15px !important;
}

.contact-validation-active label.error {
    color: red;
    font-size: 0.9333333333rem;
    font-weight: normal;
    margin: 5px 0 0 0;
    text-align: left;
    display: block;
}

.contact-validation-active #c-loader,
.contact-validation-active #loader {
    display: none;
    margin-top: 10px;
}

    .contact-validation-active #c-loader i,
    .contact-validation-active #loader i {
        font-size: 30px;
        font-size: 2rem;
        color: #ff5050;
        display: inline-block;
        animation: rotating linear 2s infinite;
    }

.contact-validation-active #success,
.contact-validation-active #c-success,
.contact-validation-active #c-error,
.contact-validation-active #error {
    width: 100%;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    display: none;
}

@media (max-width: 767px) {
    .contact-validation-active #success,
    .contact-validation-active #c-success,
    .contact-validation-active #c-error,
    .contact-validation-active #error {
        font-size: 15px;
    }
}

.contact-validation-active #c-success,
.contact-validation-active #success {
    background-color: #009a00;
    border-left: 5px solid green;
    margin-bottom: 5px;
}

.contact-validation-active #c-error,
.contact-validation-active #error {
    background-color: #ff1a1a;
    border-left: 5px solid red;
}

@keyframes rotating {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.rotating {
    animation: rotating 5s alternate infinite;
}

/*** back to top **/
.back-to-top {
    background-color: #ff5050;
    width: 35px;
    height: 35px;
    line-height: 45px;
    border: 0px solid #ff5050;
    border-radius: 35px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    right: 5px;
    bottom: 7px;
    transition: all 0.2s;
}

@media (max-width: 991px) {
    .back-to-top {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
}

.back-to-top:hover {
    background-color: #ff5050;
}

.back-to-top i {
    font-size: 18px;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/** for popup image ***/
.mfp-wrap {
    background-color: rgba(0, 0, 0, 0.9);
    z-index: 99999;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/*** for fancybox video ***/
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999 !important;
}

.fancybox-wrap {
    z-index: 99999 !important;
}

.wpo-section-title {
    text-align: center;
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 35px;
}

    .wpo-section-title span {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        text-transform: capitalize;
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

    .wpo-section-title h2 {
        margin: 0;
        font-family: "Roboto", sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 34px;
        line-height: 40px;
        margin-top: 10px;
    }

@media (max-width: 991px) {
    .wpo-section-title h2 {
        font-size: 25px;
        line-height: 35px;
    }
}

@media (max-width: 767px) {
    .wpo-section-title h2 {
        font-size: 28px;
        line-height: 30px;
        margin-top: 10px;
    }
}

@media (max-width: 330px) {
    .wpo-section-title h2 {
        font-size: 30px;
    }
}

.wpo-section-title p {
    font-size: 18px;
}

.theme-btn, .view-cart-btn {
    color: #fff;
    display: inline-block;
    padding: 6px 25px;
    border: 0;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-family: "Roboto", sans-serif;
    border-radius: 30px;
    font-weight: 700;
    font-size: 18px;
    margin-top: 0px;
}

    .theme-btn:after, .view-cart-btn:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: opacity 0.5s ease-out;
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        opacity: 1;
        z-index: -1;
        border-radius: 30px;
    }

    .theme-btn:hover, .view-cart-btn:hover, .theme-btn:focus, .view-cart-btn:focus, .theme-btn:active, .view-cart-btn:active {
        color: #fff;
    }

        .theme-btn:hover:after, .view-cart-btn:hover:after {
            background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        }

@media (max-width: 991px) {
    .theme-btn, .view-cart-btn {
        font-size: 18px;
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
    .theme-btn, .view-cart-btn {
        padding: 8px 18px;
        font-size: 15px;
    }
}

.theme-btn-s2 {
    background: #fff;
    color: #ff5050;
    display: inline-block;
    padding: 12px 22px;
    border: 1px solid #ff5050;
    border-radius: 55px;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    font-family: "Roboto", sans-serif;
}

    .theme-btn-s2:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 55px;
        background: linear-gradient(left, #00ded8, #00a7d5);
        transition: opacity 0.5s ease-out;
        opacity: 0;
        z-index: -1;
    }

@media (max-width: 991px) {
    .theme-btn-s2 {
        font-size: 14px;
        font-size: 0.9333333333rem;
    }
}

.theme-btn-s2:hover, .theme-btn-s2:focus, .theme-btn-s2:active {
    background: #f8840d;
    color: #fff;
}

    .theme-btn-s2:hover:after {
        opacity: 1;
    }

@media (max-width: 767px) {
    .theme-btn-s2 {
        padding: 12px 18px;
        font-size: 13px;
    }
}

.theme-btn-s3 {
    color: #fff;
    display: inline-block;
    padding: 18px 35px;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 600;
    background: transparent;
    color: #fff;
    border: 1px solid #ff5050;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 991px) {
    .theme-btn-s3 {
        font-size: 14px;
        font-size: 0.9333333333rem;
    }
}

.theme-btn-s3:hover, .theme-btn-s3:focus, .theme-btn-s3:active {
    border: 1px solid #ff5050;
}

    .theme-btn-s3:hover:before, .theme-btn-s3:focus:before, .theme-btn-s3:active:before {
        width: 100%;
    }

.theme-btn-s3:before {
    position: absolute;
    content: "";
    width: 0;
    background: #ff5050;
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
    transition: all 0.4s ease-in-out;
}

.theme-btn-s3:hover:after {
    opacity: 1;
}

@media (max-width: 767px) {
    .theme-btn-s3 {
        padding: 12px 18px;
        font-size: 13px;
    }
}

.view-cart-btn {
    display: block;
    margin-top: 15px;
    border-radius: 5px;
    padding: 10px 45px;
}

    .view-cart-btn:after {
        display: none;
    }

    .view-cart-btn:hover {
        background-color: #f07d07;
    }

    .view-cart-btn.s1 {
        background: #ddd;
    }

        .view-cart-btn.s1:hover {
            background-color: #c9c9c9;
        }

.form input,
.form textarea,
.form select {
    border-color: #bfbfbf;
    border-radius: 0;
    outline: 0;
    box-shadow: none;
    color: #595959;
    font-style: normal;
}

    .form input:focus,
    .form textarea:focus,
    .form select:focus {
        border-color: #ff5050;
        -o-box-shadow: 0 0 5px 0 #faaa58;
        -ms-box-shadow: 0 0 5px 0 #faaa58;
        box-shadow: 0 0 5px 0 #faaa58;
    }

.form ::-webkit-input-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959;
}

.form :-moz-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959;
}

.form ::-moz-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959;
}

.form :-ms-input-placeholder {
    font-style: 14px;
    font-style: italic;
    color: #595959;
}

.form select {
    font-style: normal;
    background: url(../images/select-icon.png) no-repeat right center;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

    .form select::-ms-expand { /* for IE 11 */
        display: none;
    }

.form ::-moz-placeholder {
    font-style: normal;
}

.form ::placeholder {
    font-style: normal;
}

.social-links {
    overflow: hidden;
}

    .social-links li {
        float: left;
        width: 35px;
        height: 35px;
        margin-right: 1px;
    }

        .social-links li a {
            background-color: #faaa58;
            width: 35px;
            height: 35px;
            line-height: 35px;
            display: block;
            color: #fff;
            text-align: center;
        }

            .social-links li a:hover {
                background-color: #ff5050;
            }

.wpo-page-title {
    
    min-height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}

@media (max-width: 767px) {
    .wpo-page-title {
        min-height: 150px;
    }

    .cs-img-frame {
        margin-bottom: 5px !important;
        margin-top: 5px !important;
    }

    .subscribe-btn {
        display: block !important;
    }

    .politics-subscribe-item h2 {
        font-size: 22px !important;
        color: #ffffff;
        font-weight: 500;
        margin-top: 24px;
        line-height: 34px !important;
    }

    .sec-title__title {
        position: relative;
        z-index: 2;
        margin: 0;
        font-size: 20px !important;
        color: #ff5050;
    }

    .section-title04 h2 {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 20px;
        font-size: 20px !important;
    }

    .sec-title__tagline {
        display: table;
        position: relative;
        margin: 0;
        color: #3b5998;
        font-size: 16px;
        line-height: 1;
        text-transform: uppercase;
        margin-bottom: 11px !important;
        line-height: 20px !important;
    }

    .section-space {
        padding-top: 46px !important;
        padding-bottom: 46px !important;
    }

    .wtext {
        float: left !important;
        min-height: 47px !important;
        padding-left: 79px;
        position: absolute;
    }

    .wtextp {
        margin-top: -72px !important;
    }

    .wicon {
        border-radius: 50%;
        float: left;
        font-size: 24px;
        height: 60px;
        line-height: 56px;
        margin: auto;
        text-align: center;
        width: 60px;
        margin-bottom: 10px !important;
    }

    .rwd-table td:first-child {
        margin-top: 0em !important;
    }
}

.wpo-page-title:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3b5998;
    content: "";
    z-index: -1;
    opacity: 0.5;
}

.wpo-page-title .wpo-breadcumb-wrap {
    text-align: center;
}

    .wpo-page-title .wpo-breadcumb-wrap h2 {
        font-size: 48px;
        color: #fff;
        line-height: 60px;
        margin-bottom: 10px;
        font-weight: 780;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    }

@media (max-width: 767px) {
    .wpo-page-title .wpo-breadcumb-wrap h2 {
        font-size: 28px;
        line-height: 45px;
        margin-bottom: 0px;
    }
}

.wpo-page-title .wpo-breadcumb-wrap ol {
    padding-left: 0;
    margin-bottom: 0;
}

    .wpo-page-title .wpo-breadcumb-wrap ol li {
        display: inline-block;
        padding: 0px 5px;
        padding-right: 20px;
        color: #fff;
        position: relative;
        font-size: 15px;
        font-family: "Roboto", sans-serif;
    }

        .wpo-page-title .wpo-breadcumb-wrap ol li:last-child {
            padding-right: 0;
        }

@media (max-width: 767px) {
    .wpo-page-title .wpo-breadcumb-wrap ol li {
        font-size: 15px;
    }
}

.wpo-page-title .wpo-breadcumb-wrap ol li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
}

.wpo-page-title .wpo-breadcumb-wrap ol li:last-child span {
    color: #cbd4fd;
}

.wpo-page-title .wpo-breadcumb-wrap ol li:last-child:after {
    display: none;
}

.wpo-page-title .wpo-breadcumb-wrap ol li a {
    color: #fff;
    font-size: 15px;
    transition: all 0.3s;
}

    .wpo-page-title .wpo-breadcumb-wrap ol li a:hover {
        color: #ff5050;
    }

.preloader {
    background: linear-gradient(286.02deg, #080A14 38.02%, #10121E 61.92%, #282A34 74.32%, #404354 90.71%, #343643 99.65%);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 1000;
    overflow: hidden;
}

    .preloader .vertical-centered-box {
        position: absolute;
        width: 100%;
        height: 100%;
        text-align: center;
    }

        .preloader .vertical-centered-box:after {
            content: "";
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -0.25em;
        }

        .preloader .vertical-centered-box .content {
            box-sizing: border-box;
            display: inline-block;
            vertical-align: middle;
            text-align: left;
            font-size: 0;
        }

            .preloader .vertical-centered-box .content h2 {
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
                text-align: left;
                font-size: 0;
            }

    .preloader * {
        transition: all 0.3s;
    }

    .preloader .loader-circle {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
        margin-left: -60px;
        margin-top: -60px;
    }

    .preloader .loader-line-mask {
        position: absolute;
        left: 50%;
        top: 50%;
        width: 60px;
        height: 120px;
        margin-left: -60px;
        margin-top: -60px;
        overflow: hidden;
        transform-origin: 60px 60px;
        -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0));
        animation: rotate 1.2s infinite linear;
    }

        .preloader .loader-line-mask .loader-line {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
        }

    .preloader #particles-background,
    .preloader #particles-foreground {
        left: -51%;
        top: -51%;
        width: 202%;
        height: 202%;
        transform: scale3d(0.5, 0.5, 1);
    }

    .preloader #particles-background {
        background: #2c2d44;
        background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%);
    }

    .preloader lesshat-selector {
        -lh-property: 0;
    }

@keyframes rotate {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.preloader [not-existing] {
    zoom: 1;
}

.preloader lesshat-selector {
    -lh-property: 0;
}

@keyframes fade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.25;
    }
}

.preloader [not-existing] {
    zoom: 1;
}

.preloader lesshat-selector {
    -lh-property: 0;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.preloader [not-existing] {
    zoom: 1;
}

/*------------------------------------
	blog sidebar
------------------------------------*/
.blog-sidebar {
    /*** search-widget ***/
    /*** about-widget ***/
    /*** category-widget ***/
    /*** recent-post-widget ***/
    /*** instagram-widget ***/
    /*** tag-widget ***/
    /*** wpo-contact-widget ***/
}

@media screen and (min-width: 992px) {
    .blog-sidebar {
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    .blog-sidebar {
        margin-top: 80px;
        max-width: 400px;
    }
}

@media (max-width: 767px) {
    .blog-sidebar {
        margin-top: 10px;
        max-width: 400px;
    }
}

.blog-sidebar .widget h3 {
    font-size: 30px;
    color: #3b5998;
    margin: 0 0 15px;
    position: relative;
    font-family: "Roboto", sans-serif;
    padding-bottom: 12px;
    font-weight: 600;
}

    .blog-sidebar .widget h3:before {
        content: "";
        background-color: #ff5050;
        width: 55px;
        height: 4px;
        position: absolute;
        left: 0;
        bottom: 0;
        border-radius: 10px;
    }

    .blog-sidebar .widget h3:after {
        content: "";
        background-color: #f2f2f2;
        width: 80%;
        height: 4px;
        position: absolute;
        left: 65px;
        bottom: 0;
        border-radius: 10px;
    }

.blog-sidebar > .widget + .widget {
    margin-top: 15px;
}

.blog-sidebar .search-widget form div {
    position: relative;
}

.blog-sidebar .search-widget input {
    background-color: rgba(249, 145, 38, 0.15);
    height: 70px;
    font-size: 16px;
    font-size: 1.0666666667rem;
    padding: 6px 50px 6px 20px;
    border: 0;
    border-radius: 5px;
    box-shadow: none;
    transition: all 0.3s;
}

    .blog-sidebar .search-widget input:focus {
        background-color: rgba(249, 145, 38, 0.1);
    }

.blog-sidebar .search-widget form button {
    background: transparent;
    font-size: 20px;
    font-size: 1.3333333333rem;
    color: #fff;
    background-color: #ff5050;
    border: 0;
    outline: 0;
    position: absolute;
    right: 10px;
    top: 52%;
    height: 50px;
    line-height: 50px;
    width: 50px;
    border-radius: 6px;
    transform: translateY(-50%);
}

.blog-sidebar .about-widget {
    text-align: center;
    background-color: #F9F9F9;
    padding: 45px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1200px) {
    .blog-sidebar .about-widget {
        padding: 35px;
    }
}

.blog-sidebar .about-widget .aw-shape {
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.blog-sidebar .about-widget .img-holder {
    margin-bottom: 25px;
}

    .blog-sidebar .about-widget .img-holder img {
        border-radius: 50%;
        width: 100%;
        max-width: 200px;
    }

.blog-sidebar .about-widget ul {
    list-style: none;
    display: flex;
    justify-content: center;
}

    .blog-sidebar .about-widget ul li {
        margin-right: 10px;
    }

        .blog-sidebar .about-widget ul li:last-child {
            margin-right: 0;
        }

        .blog-sidebar .about-widget ul li a {
            text-decoration: none;
            display: block;
            width: 40px;
            height: 40px;
            line-height: 44px;
            background-color: #f1f1f1;
            border-radius: 50%;
        }

.blog-sidebar .about-widget h4 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 15px;
}

.blog-sidebar .about-widget p {
    font-size: 15px;
    font-size: 1rem;
    margin-bottom: 1.2em;
}

.blog-sidebar .about-widget a {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-size: 0.9333333333rem;
    color: #3b5998;
    text-decoration: underline;
}

    .blog-sidebar .about-widget a:hover {
        color: #ff5050;
    }

.blog-sidebar .category-widget ul {
    list-style: none;
}

    .blog-sidebar .category-widget ul li {
        font-size: 16px;
        margin: 15px 0px;
        position: relative;
        display: block;
    }

@media (max-width: 767px) {
    .blog-sidebar .category-widget ul li {
        font-size: 16px;
        font-size: 1.0666666667rem;
    }
}

.blog-sidebar .category-widget ul li span {
    position: absolute;
    right: 0;
}

a .blog-sidebar .category-widget ul > li + li {
    margin-top: 6px;
    padding-top: 6px;
}

.blog-sidebar .category-widget ul :before {
    content: "";
    background: #ff5050;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 4px;
    top: 6px;
}

.blog-sidebar .category-widget ul a {
    display: block;
    color: #474f62;
    font-size: 16px;
    line-height: 20px;
    font-family: "Roboto", sans-serif;
    position: relative;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dedede;
}

    .blog-sidebar .category-widget ul a span {
        display: inline-block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        background-color: #ff5050;
        text-align: center;
        border-radius: 50%;
        font-size: 16px;
        margin: -7px 0px;
        color: #fff;
    }

@media (max-width: 767px) {
    .blog-sidebar .category-widget ul a span {
        font-size: 14px;
    }
}

.blog-sidebar .category-widget ul a:hover,
.blog-sidebar .category-widget ul li:hover:before {
    color: #ff5050;
}

.blog-sidebar .recent-post-widget .post {
    overflow: hidden;
}

.blog-sidebar .recent-post-widget .posts > .post + .post {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #dede;
}

.blog-sidebar .recent-post-widget .post .img-holder {
    width: 85px;
    float: left;
}

    .blog-sidebar .recent-post-widget .post .img-holder img {
        border-radius: 10px;
    }

.blog-sidebar .recent-post-widget .post .details {
    width: calc(100% - 90px);
    float: left;
    padding-left: 12px;
}

.blog-sidebar .recent-post-widget .post h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    margin: 0px 0 0.3em;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 1199px) {
    .blog-sidebar .recent-post-widget .post h4 {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .blog-sidebar .recent-post-widget .post h4 {
        font-size: 15px;
    }
}

.blog-sidebar .recent-post-widget .post h4 a {
    display: inline-block;
    color: #3b5998;
}

    .blog-sidebar .recent-post-widget .post h4 a:hover {
        color: #ff5050;
    }

.blog-sidebar .recent-post-widget .post .details .date {
    font-size: 15px;
    color: #525252;
}

    .blog-sidebar .recent-post-widget .post .details .date i {
        display: inline-block;
        padding-right: 7px;
    }

.blog-sidebar .wpo-instagram-widget ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
}

    .blog-sidebar .wpo-instagram-widget ul li {
        /* flex: 0 0 33.33%;*/
        /* max-width: 33.33%;*/
        margin-bottom: 5px;
        padding: 0px 3px;
    }

        .blog-sidebar .wpo-instagram-widget ul li img {
            width: 100%;
            border-radius: 6px;
        }

.blog-sidebar .tag-widget ul {
    overflow: hidden;
    list-style: none;
}

    .blog-sidebar .tag-widget ul li {
        float: left;
        margin: 0 8px 8px 0;
    }

        .blog-sidebar .tag-widget ul li a {
            font-size: 16px;
            font-size: 1.0666666667rem;
            display: inline-block;
            padding: 5px 18px;
            color: #3b5998;
            background: #f1f1f1;
            border-radius: 5px;
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
        }

            .blog-sidebar .tag-widget ul li a:hover {
                background: #ff5050;
                color: #fff;
            }

.blog-sidebar .wpo-contact-widget {
    border: 0;
    position: relative;
    background-size: cover;
    z-index: 1;
    padding: 30px 40px;
}

    .blog-sidebar .wpo-contact-widget:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(22, 57, 103, 0.9);
        content: "";
        z-index: -1;
    }

@media (max-width: 1200px) {
    .blog-sidebar .wpo-contact-widget {
        padding: 20px;
    }
}

.blog-sidebar .wpo-contact-widget h2 {
    font-size: 36px;
    font-weight: 600;
    text-align: left;
    color: #fff;
    margin-bottom: 20px;
}

    .blog-sidebar .wpo-contact-widget h2::before {
        left: 28px;
        background: url(https://www.pardindia.org/assets/front/images/Single-title-shape2.png) no-repeat right center;
    }

.blog-sidebar .wpo-contact-widget p {
    color: #fff;
    font-size: 18px;
}

.blog-sidebar .wpo-contact-widget a {
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #fff;
    font-size: 18px;
    color: #fff;
    padding-right: 90px;
    position: relative;
    margin-top: 10px;
}

    .blog-sidebar .wpo-contact-widget a::before {
        font-family: "themify";
        content: "\e628";
        font-size: 18px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

@media screen and (min-width: 992px) {
    .wpo-blog-pg-section.blog-pg-left-sidebar .blog-sidebar {
        padding-left: 0px;
        padding-right: 10px;
    }
}

@media screen and (min-width: 992px) {
    .wpo-blog-single-section.wpo-blog-single-left-sidebar-section .blog-sidebar {
        padding-left: 0px;
        padding-right: 10px;
    }
}

/**** pagination ****/
.pagination-wrapper {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 0px;
}

@media (max-width: 991px) {
    .pagination-wrapper {
        text-align: center;
        margin-top: 0px;
    }
}

.pagination-wrapper .pg-pagination {
    display: inline-block;
    overflow: hidden;
    list-style-type: none;
    text-align: center;
}

    .pagination-wrapper .pg-pagination li {
        float: left;
        margin-right: 10px;
    }

@media (max-width: 767px) {
    .pagination-wrapper .pg-pagination li {
        margin-right: 5px;
    }
}

.pagination-wrapper .pg-pagination li:last-child {
    margin-right: 0;
}

.pagination-wrapper .pg-pagination li a {
    background-color: transparent;
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 16px;
    font-size: 1.0666666667rem;
    font-weight: 600;
    color: #3b5998;
    background: #F9F9F9;
    display: block;
    border-radius: 30px;
}

@media (max-width: 991px) {
    .pagination-wrapper .pg-pagination li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        font-size: 1rem;
    }
}

.pagination-wrapper .pg-pagination .active a,
.pagination-wrapper .pg-pagination li a:hover {
    background: #ff5050;
    border-color: #ff5050;
    color: #fff;
}

.pagination-wrapper .pg-pagination .fi:before {
    font-size: 15px;
    font-size: 1rem;
}

.pagination-wrapper-left {
    text-align: left;
}

.pagination-wrapper-right {
    text-align: right;
}

@media screen and (min-width: 1200px) {
    .pagination-wrapper-right {
        padding-right: 50px;
    }
}

@media (max-width: 991px) {
}

/*--------------------------------------------------------------
2. header
--------------------------------------------------------------*/
/*-- 2.1 topbar --*/
.topbar {
    background: #1B6DBF;
    padding: 5px;
    line-height: 27px;
    /*height: 37px;*/
}

@media (max-width: 991px) {
    .topbar {
        text-align: center;
        padding: 0;
    }
}

@media (max-width: 767px) {
    .header-style-1 {
        text-align: center;
        padding: 20px 0;
    }
}

.topbar {
    font-size: 16px;
    color: #e5e3e3;
    margin: 0;
}

    .topbar ul {
        overflow: hidden;
        list-style: none;
        float: right;
        margin-bottom: 0;
        display: flex;
    }

@media (max-width: 991px) {
    .topbar ul {
        float: none;
        display: inline-block;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.topbar ul li a {
    font-size: 14px;
    float: left;
    padding: 5px 2px;
    color: #e5e3e3;
    line-height: 27px;
}

@media (max-width: 991px) {
    .topbar ul li {
        padding: 5px 5px;
    }
}

.topbar .contact-info li {
    position: relative;
}



.socials-2 {
    display: inline-block;
    text-align: left;
    width: 100%;
}

    .socials-2 a {
        color: #828282;
        text-decoration: none;
        -webkit-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        margin-right: 12px;
        font-size: 14px;
    }

        .socials-2 a:last-child {
            margin-right: 0px;
        }

        .socials-2 a i {
            color: #828282;
            width: 25px;
            height: 25px;
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            display: inline-block;
            text-align: center;
            line-height: 23px;
            font-size: 13px;
            background: #ffffff;
            -webkit-transition: all 0.35s;
            -o-transition: all 0.35s;
            transition: all 0.35s;
            -moz-transition: all 0.35s;
            -ms-transition: all 0.35s;
            border: 1px solid rgba(0, 0, 0, 0.06);
        }

            .socials-2 a i:hover {
                background: #374F99;
                color: #ffffff;
            }

            .socials-2 a i.fa-facebook-square:hover, .socials-2 a i.fa-facebook:hover {
                background: #3b5998;
            }

            .socials-2 a i.fa-twitter:hover, .socials-2 a i.fa-twitter-square:hover {
                background: #4099ff;
            }

            .socials-2 a i.fa-skype:hover {
                background: #12a5f4;
            }

            .socials-2 a i.fa-dribbble:hover {
                background: #ea4c89;
            }

            .socials-2 a i.fa-linkedin-square:hover, .socials-2 a i.fa-linkedin:hover {
                background: #0e76a8;
            }

            .socials-2 a i.fa-apple:hover {
                background: #f2f2f2;
            }

            .socials-2 a i.fa-pinterest:hover {
                background: #c92228;
            }

            .socials-2 a i.fa-google-plus-square:hover, .socials-2 a i.fa-google-plus:hover {
                background: #d34836;
            }

            .socials-2 a i.fa-youtube-square:hover, .socials-2 a i.fa-youtube:hover {
                background: #c4302b;
            }

            .socials-2 a i.fa-vimeo-square:hover, .socials-2 a i.fa-vimeo:hover {
                background: #4ebbff;
            }

            .socials-2 a i.fa-tumblr-square:hover, .socials-2 a i.fa-tumblr:hover {
                background: #35465c;
            }

            .socials-2 a i.fa-xing-square:hover, .socials-2 a i.fa-xing:hover {
                background: #126567;
            }

            .socials-2 a i.fa-instagram:hover {
                background: #ff5050;
            }










.topbar .contact-info ul li a:hover {
    color: #fff;
    background: #e73d2d;
}

.topbar ul li:first-child {
    padding-left: 0;
    line-height: 27px;
}

.topbar .contact-intro ul {
    float: left;
    margin-bottom: 0;
    display: flex;
}

@media (max-width: 991px) {
    .topbar .contact-intro ul {
        float: none;
    }
}

@media (max-width: 1200px) {
    .topbar ul li {
        font-size: 12px;
        padding: 5px 5px;
    }
}

@media (max-width: 991px) {
    .topbar ul li {
        font-size: 13px;
    }

    .topbar {
        padding: 5px 0;
        height: 100%;
    }
}

@media (max-width: 767px) {
    .topbar ul li a {
        float: left;
        border: none;
        padding: 5px 0px;
        font-size: 13px;
    }
}

@media (max-width: 590px) {
    .topbar ul li {
        float: none;
    }

    .topbar .contact-info ul li {
        float: left;
    }

    .topbar ul {
        flex-wrap: none;
    }
}

.topbar ul .fi {
    position: relative;
    top: 1px;
    display: inline-block;
    padding-right: 2px;
}

    .topbar ul .fi:before {
        font-size: 14px;
        font-size: 1rem;
        color: #fff;
    }

/* Important part */
.modal-dialog {
    overflow-y: initial !important;
}

.bgc {
    background-color: #005397;
    color: #fff;
}

.tt1 {
    font-size: 13px;
    text-align: justify;
    line-height: 22px;
}


.Rktitle {
    font-family: 'Pacifico', cursive !important;
    font-weight: 600 !important;
    font-size: 40px !important;
    margin-top: 20px !important;
}



/* 2.2 navigation */
.wpo-site-header {
    /* navigation open and close btn hide for width screen */
    /* style for navigation less than 992px */
    /*navbar collaps less then 992px*/
    /*** cart-search-contact ***/
    background-color: transparent;
}

    .wpo-site-header .navigation {
        background-color: #fff;
        margin-bottom: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

.sticky-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: -400px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 1s;
    box-shadow: 0 -5px 15px rgba(8, 106, 216, 0.2901960784);
}

.sticky-on {
    opacity: 1;
    top: 0;
    visibility: visible;
}

.wpo-site-header .navigation > .container {
    position: relative;
}

@media (min-width: 991px) {
    .wpo-site-header {
        padding: 0 0px;
    }
}

.wpo-site-header .row {
    width: 100%;
}

@media (max-width: 991px) {
    .wpo-site-header .navigation {
        padding: 20px 0;
    }
}

.wpo-site-header #navbar {
    transition: all 0.5s;
}

    .wpo-site-header #navbar > ul li a:hover,
    .wpo-site-header #navbar > ul li a:focus {
        text-decoration: none;
        color: #ff5050;
    }

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar {
        /*** hover effect ***/
        justify-content: center;
    }

        .wpo-site-header #navbar li {
            position: relative;
        }

        .wpo-site-header #navbar > ul > li > a.active {
            color: #ff5050;
        }

        .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
            position: relative;
        }

            .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
                font-family: "themify";
                content: "\e649";
                font-size: 11px;
                font-size: 0.73333rem;
                position: absolute;
                right: 15px;
                top: 58%;
                transform: translateY(-50%);
            }

        .wpo-site-header #navbar > ul > li:hover > .sub-menu {
            top: 100%;
            visibility: visible;
            opacity: 1;
        }

        .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu {
            left: 100%;
            visibility: visible;
            opacity: 1;
        }
}

.wpo-site-header .container-fluid {
    padding-right: 0;
}

@media (max-width: 991px) {
    .wpo-site-header {
        /* class for show hide navigation */
    }

        .wpo-site-header .container {
            width: 100%;
            max-width: 100%;
        }

        .wpo-site-header .header-right {
            right: -10px;
        }

        .wpo-site-header .navbar-header button span {
            background-color: #fff;
            width: 20px;
            display: block;
            height: 2px;
            margin-bottom: 5px;
        }

            .wpo-site-header .navbar-header button span:last-child {
                margin: 0;
            }
}

.wpo-site-header #navbar ul {
    list-style: none;
}

@media (max-width: 991px) and (max-width: 991px) {
    .wpo-site-header #navbar {
        top: 0;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .wpo-site-header #navbar > ul {
        z-index: 101;
    }

    .wpo-site-header #navbar ul a {
        color: #000;
    }

        .wpo-site-header #navbar ul a:hover,
        .wpo-site-header #navbar ul li.current a {
            color: #ff5050;
        }

    .wpo-site-header #navbar .close-navbar .ti-close {
        position: relative;
        top: 1px;
    }

    .wpo-site-header .navbar-toggler .first-angle,
    .wpo-site-header .navbar-toggler .last-angle {
        transition: all 0.3s;
    }

    .wpo-site-header .x-close .middle-angle {
        opacity: 0;
    }

    .wpo-site-header .x-close .first-angle {
        position: absolute;
        -webkit-transform: rotate(-44deg);
        top: 16px;
        left: 10px;
    }

    .wpo-site-header .x-close .last-angle {
        -webkit-transform: rotate(44deg);
        position: absolute;
        top: 16px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    .wpo-site-header .navbar-header .navbar-brand {
        font-size: 24px;
    }

    .wpo-site-header #navbar .navbar-nav {
        margin: 0;
    }
}

@media (max-width: 991px) {
    .wpo-site-header .navbar-collapse.collapse {
        display: none;
    }

        .wpo-site-header .navbar-collapse.collapse.in {
            display: block;
        }

    .wpo-site-header .navbar-header .collapse,
    .wpo-site-header .navbar-toggle {
        display: block;
    }

    .wpo-site-header .navbar-header {
        float: none;
        position: relative;
        z-index: 99;
        text-align: center;
    }

    .wpo-site-header .navbar-right {
        float: none;
    }

    .wpo-site-header .navbar-nav {
        float: none;
    }

        .wpo-site-header .navbar-nav > li {
            float: none;
        }
}

.wpo-site-header .header-right {
    display: flex;
    justify-content: flex-end;
    z-index: 991;
    position: relative;
    align-items: center;
}

    .wpo-site-header .header-right button {
        padding: 0;
        border: 0;
        outline: 0;
    }

    .wpo-site-header .header-right > div {
        float: left;
        position: relative;
    }

    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        display: flex;
        align-items: center;
    }

        .wpo-site-header .header-right .close-form .theme-btn .fi, .wpo-site-header .header-right .close-form .view-cart-btn .fi {
            width: 40px;
            height: 40px;
            line-height: 40px;
            background: #fff;
            border-radius: 50%;
            text-align: center;
        }

            .wpo-site-header .header-right .close-form .theme-btn .fi:before, .wpo-site-header .header-right .close-form .view-cart-btn .fi:before {
                background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

        .wpo-site-header .header-right .close-form .theme-btn .text, .wpo-site-header .header-right .close-form .view-cart-btn .text {
            padding: 0 20px;
            padding-left: 15px;
        }

@media (max-width: 1400px) {
    .wpo-site-header .header-right .close-form .theme-btn .text, .wpo-site-header .header-right .close-form .view-cart-btn .text {
        padding: 0 5px;
        padding-left: 10px;
    }
}

@media (min-width: 1400px) {
    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        padding: 6px;
    }
}

@media (max-width: 1399px) {
    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        font-size: 13px;
        padding: 5px 10px;
    }
}

@media (max-width: 450px) {
    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        padding: 5px 10px;
    }
}

@media (max-width: 1399px) {
    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        padding: 0;
        width: 40px;
        height: 40px;
        background: none;
    }
}

@media (max-width: 575px) {
    .wpo-site-header .header-right .close-form .theme-btn, .wpo-site-header .header-right .close-form .view-cart-btn {
        display: none;
    }
}

@media (max-width: 1399px) {
    .wpo-site-header .header-right .close-form .theme-btn .text, .wpo-site-header .header-right .close-form .view-cart-btn .text {
        display: none;
    }
}

@media (max-width: 1399px) {
    .wpo-site-header .header-right .close-form .theme-btn .mobile, .wpo-site-header .header-right .close-form .view-cart-btn .mobile {
        margin-top: 5px;
    }
}

.wpo-site-header .header-right .close-form .theme-btn .mobile .fi, .wpo-site-header .header-right .close-form .view-cart-btn .mobile .fi {
    font-size: 20px;
}

.wpo-site-header .header-right .header-profile-form-wrapper .profile-toggle-btn {
    background: none;
}

@media (max-width: 767px) {
    .wpo-site-header .header-right .header-profile-form-wrapper .profile-toggle-btn .fi {
        font-size: 18px;
    }
}

.wpo-site-header .header-right .header-profile-content {
    z-index: 999;
}

    .wpo-site-header .header-right .header-profile-content ul {
        position: absolute;
        left: 0;
        top: 200%;
        background: #fff;
        width: 200px;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s;
        box-shadow: 0 5px 14.25px 0.75px rgba(12, 105, 184, 0.1);
        z-index: 999;
    }

@media (max-width: 991px) {
    .wpo-site-header .header-right .header-profile-content ul {
        right: 0;
        left: auto;
    }
}

.wpo-site-header .header-right .header-profile-content.header-profile-content-toggle ul {
    opacity: 1;
    visibility: visible;
    top: 192%;
}

@media (max-width: 991px) {
    .wpo-site-header .header-right .header-profile-content.header-profile-content-toggle ul {
        top: 165%;
    }
}

.wpo-site-header .header-right .header-profile-content ul {
    list-style: none;
}

    .wpo-site-header .header-right .header-profile-content ul li a {
        display: block;
        padding: 10px;
        color: #3b5998;
        border-bottom: 1px solid #ebebeb;
    }

        .wpo-site-header .header-right .header-profile-content ul li a:hover {
            color: #ff5050;
        }

@media (max-width: 450px) {
    .wpo-site-header .header-right > div {
        margin-right: 10px;
    }

    .header-right {
        right: -10px;
    }
}

.wpo-site-header .header-right > div:last-child {
    margin: 0 0 0 30px;
    position: relative;
}

@media (max-width: 1499px) {
    .wpo-site-header .header-right > div:last-child {
        margin: 0 0 0 16px;
    }
}

.wpo-site-header .header-right .header-search-form-wrapper {
    position: relative;
}

    .wpo-site-header .header-right .header-search-form-wrapper .fi:before {
        font-size: 26px;
        line-height: 30px;
    }

@media (max-width: 450px) {
    .wpo-site-header .header-right .header-search-form-wrapper .fi:before {
        font-size: 21px;
    }
}

.wpo-site-header .header-right .header-profile-form-wrapper .profile-toggle-btn .fi:before {
    font-size: 30px;
    color: #000;
}

@media (max-width: 450px) {
    .wpo-site-header .header-right .header-profile-form-wrapper .profile-toggle-btn .fi:before {
        font-size: 24px;
    }
}

@media (max-width: 450px) {
    .wpo-site-header .header-right .cart-toggle-btn {
        display: none;
    }
}

@media (max-width: 450px) {
    .wpo-site-header .header-right .search-toggle-btn {
        width: 18px;
        height: 30px;
        text-align: center;
        margin-top: 0px;
    }
}

.wpo-site-header .header-right .search-toggle-btn .fi {
    color: #fff;
    margin-right: 29px;
}

@media (max-width: 450px) {
    .wpo-site-header .header-right .search-toggle-btn .fi {
        margin-right: 20px;
        text-align: center;
    }
}

.wpo-site-header .header-right .search-toggle-btn .ti-close {
    display: block;
    line-height: 20px;
    position: relative;
    top: 0;
}

/*** cart-search-contact ***/
.cart-search-contact button {
    background: transparent;
    padding: 0;
    border: 0;
    outline: 0;
}

.cart-search-contact .fi {
    font-size: 30px;
    color: #3b5998;
    line-height: 37px;
}

.cart-search-contact > div {
    float: left;
    position: relative;
}

    .cart-search-contact > div + div {
        margin-left: 12px;
    }

.cart-search-contact .header-search-form {
    position: absolute;
    width: 350px;
    right: 0;
    top: 75px;
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
    transition: all 0.5s;
    box-shadow: -2px 18px 40px -9px rgb(153, 153, 153);
}

@media (max-width: 991px) {
    .cart-search-contact .header-search-form {
        top: 65px;
    }
}

@media (max-width: 767px) {
    .cart-search-contact .header-search-form {
        right: 15px;
    }
}

@media (max-width: 575px) {
    .cart-search-contact .header-search-form {
        width: 260px;
        padding: 15px;
    }
}

.cart-search-contact .header-search-form-wrapper .fi:before {
    font-size: 18px;
    font-size: 1.2rem;
}

.cart-search-contact form div {
    position: relative;
}

    .cart-search-contact form div button {
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

        .cart-search-contact form div button .fi:before {
            font-size: 18px !important;
        }

.cart-search-contact input {
    width: 100%;
    height: 50px;
    padding: 6px 20px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    border: 1px solid #ebebeb;
}

    .cart-search-contact input:focus {
        box-shadow: none;
        border-color: #ff5050;
    }

.wpo-site-header .header-right .header-search-content-toggle {
    opacity: 1;
    visibility: visible;
    right: 0;
    transform: scale(1);
}

.mini-cart .cart-count {
    background: #ff5050;
    width: 19px;
    height: 19px;
    font-size: 10px;
    font-size: 0.5333333333rem;
    line-height: 17px;
    color: white;
    position: absolute;
    top: -2px;
    right: -5px;
    border-radius: 50%;
    font-weight: 600;
}

.mini-cart-content {
    background: #fff;
    width: 320px;
    height: 100%;
    z-index: 100;
    position: fixed;
    right: -320px;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    box-shadow: -2px 18px 40px -9px rgb(153, 153, 153);
}

@media (max-width: 575px) {
    .mini-cart-content {
        width: 290px;
    }
}

.mini-cart-content .mini-cart-close {
    display: block;
    width: 40px;
    height: 40px;
    background-color: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    font-size: 0px;
    text-align: center;
    overflow: hidden;
    position: relative;
    float: right;
    line-height: 54px;
    border-radius: 3px;
    right: 10px;
    top: 20px;
}

    .mini-cart-content .mini-cart-close i {
        font-size: 15px;
    }

.mini-cart-content p {
    font-size: 15px;
    font-size: 1rem;
    font-weight: 500;
    color: #3b5998;
    margin: 0;
    text-transform: uppercase;
}

.mini-cart-content .mini-cart-items {
    padding: 100px 20px 25px;
}

.mini-cart-content .mini-cart-item {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #efefef;
}

    .mini-cart-content .mini-cart-item:first-child {
        padding-top: 0;
        margin-top: 0;
        border-top: 0;
    }

.mini-cart-content .mini-cart-item-image {
    width: 50px;
    height: 50px;
    border: 2px solid #f3f3f3;
    float: left;
    margin-right: 15px;
}

    .mini-cart-content .mini-cart-item-image a,
    .mini-cart-content .mini-cart-item-image img {
        display: block;
        width: 46px;
        height: 46px;
    }

.mini-cart-content .mini-cart-item-des {
    position: relative;
    overflow: hidden;
}

    .mini-cart-content .mini-cart-item-des a {
        font-size: 14px;
        font-size: 0.9333333333rem;
        font-weight: 600;
        text-align: left;
        color: #3b5998;
    }

        .mini-cart-content .mini-cart-item-des a:hover {
            color: #ff5050;
        }

    .mini-cart-content .mini-cart-item-des .mini-cart-item-price {
        font-size: 13px;
        font-size: 0.8666666667rem;
        color: #888;
        display: block;
        margin-top: 3px;
    }

    .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity {
        font-size: 12px;
        font-size: 0.8rem;
        color: #444;
        display: block;
        position: absolute;
        right: 0;
        top: 6px;
    }

.mini-cart-content .visible-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    height: 300px;
    opacity: 0.02;
    z-index: -1;
}

.mini-cart-content .mini-cart-action {
    padding: 20px 0 30px;
    text-align: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
}

    .mini-cart-content .mini-cart-action .theme-btn-s2 {
        float: right;
    }

    .mini-cart-content .mini-cart-action .mini-btn {
        width: 240px;
    }

    .mini-cart-content .mini-cart-action .mini-checkout-price {
        font-size: 16px;
        font-size: 1.0666666667rem;
        font-weight: 600;
        color: #3b5998;
        display: block;
        margin-bottom: 30px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .mini-cart-content .mini-cart-action .mini-checkout-price span {
            color: #c79652;
            font-size: 20px;
        }

.mini-cart-content-toggle,
.mini-wislist-content-toggle {
    opacity: 1;
    visibility: visible;
    right: 0;
}

@media (max-width: 991px) {
    .page-wrapper {
        transition: all 0.3s;
    }

    .body-overlay:before {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.9);
        position: absolute;
        left: 0;
        top: 0;
        z-index: 10;
        transition: all 0.3s;
    }
}

.header-search-area {
    background: #fff;
    width: 100%;
    padding: 100px 0;
    text-align: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
}

    .header-search-area h3 {
        font-size: 45px;
        margin: 0 0 1em;
    }

    .header-search-area form {
        position: relative;
    }

    .header-search-area input {
        height: 50px;
        font-size: 18px;
        font-size: 1.2rem;
        border-radius: 0;
        border: 0;
        border-bottom: 1px solid #d0d0d0;
        box-shadow: none;
    }

        .header-search-area input:focus {
            box-shadow: none;
            border-color: #ff5050;
        }

    .header-search-area form button {
        background: transparent;
        border: 0;
        font-size: 20px;
        font-size: 1.33333rem;
        position: absolute;
        right: 0;
        bottom: 10px;
    }

        .header-search-area form button:focus {
            border: none;
            outline: none;
        }

    .header-search-area .close-form {
        position: absolute;
        right: 35px;
        top: 35px;
        bottom: auto;
        padding-bottom: 5px;
        border-bottom: 1px solid;
    }

        .header-search-area .close-form button {
            background: transparent;
            border: 0;
            outline: 0;
            font-size: 13px;
            font-size: 0.86667rem;
            text-transform: uppercase;
            color: #000;
            letter-spacing: 2px;
            z-index: 99;
        }

            .header-search-area .close-form button:focus {
                border: 0;
                outline: 0;
            }

.wpo-site-header {
    /* navigation open and close btn hide for width screen */
    /* style for navigation less than 992px */
    /*navbar collaps less then 992px*/
}

    .wpo-site-header .navigation {
        background-color: transparent;
        margin-bottom: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
    }

        .wpo-site-header .navigation > .container {
            position: relative;
        }

@media (max-width: 991px) {
    .wpo-site-header .navigation {
        padding: 10px 0;
    }
}

.wpo-site-header #navbar {
    transition: all 0.5s;
}

    .wpo-site-header #navbar > ul li a:hover,
    .wpo-site-header #navbar > ul li a:focus {
        color: #ff5050;
    }

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar {
        /*** hover effect ***/
    }

        .wpo-site-header #navbar li {
            position: relative;
        }

        .wpo-site-header #navbar > ul > li > a {
            font-size: 15px;
            padding: 35px 18px;
            display: block;
            color: #000;
            font-weight: 600;
            position: relative;
            text-transform: capitalize;
        }
}

@media screen and (min-width: 992px) and (max-width: 1870px) {
    .wpo-site-header #navbar > ul > li > a {
        padding: 30px 10px;
        text-transform:uppercase;
    }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul .sub-menu {
        background-color: #fff;
        box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09);
        width: 300px;
        position: absolute;
        padding: 15px 0;
        left: 0;
        top: 110%;
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s;
    }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul > li .sub-menu a {
        font-size: 15px;
        display: block;
        padding: 4px 15px;
        color: #3b5998;
        position: relative;
        overflow: hidden;
        font-weight: 500;
        text-transform: capitalize;
    }

        .wpo-site-header #navbar > ul > li .sub-menu a:after {
            position: absolute;
            left: 15px;
            bottom: 4px;
            width: 0px;
            height: 2px;
            content: "";
            background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
            transition: all 0.3s;
            opacity: 0;
            visibility: hidden;
        }

        .wpo-site-header #navbar > ul > li .sub-menu a:hover:after, .wpo-site-header #navbar > ul > li .sub-menu a.active:after {
            width: 40px;
            opacity: 1;
            visibility: visible;
        }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu {
        left: 110%;
        top: 0;
    }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a {
        position: relative;
    }

        .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before {
            font-family: "themify";
            content: "\e649";
            font-size: 11px;
            font-size: 0.7333333333rem;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
        }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar > ul > li:hover > .sub-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;
    }
}

@media screen and (min-width: 992px) {
    .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

@media (max-width: 991px) {
    .wpo-site-header #navbar > ul > li a {
        display: block;
        font-size: 15px;
        font-size: 1rem;
        color: #fff;
        font-weight: 600;
    }

        .wpo-site-header #navbar > ul > li a:hover, .wpo-site-header #navbar > ul > li a.active {
            color: #fff;
        }

    .wpo-site-header #navbar > ul .sub-menu > li:last-child {
        border-bottom: 0;
    }

    .wpo-site-header #navbar > ul > li > .sub-menu a {
        padding: 8px 15px 8px 45px;
    }

    .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu a {
        padding: 8px 15px 8px 65px;
    }

    .wpo-site-header #navbar > ul .menu-item-has-children > a {
        position: relative;
        color: #ddd;
    }

        .wpo-site-header #navbar > ul .menu-item-has-children > a:hover, .wpo-site-header #navbar > ul .menu-item-has-children > a.active {
            color: #fff;
        }

        .wpo-site-header #navbar > ul .menu-item-has-children > a:before {
            font-family: "themify";
            content: "\e649";
            font-size: 11px;
            font-size: 0.7333333333rem;
            position: absolute;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            transition: all 0.3s;
        }

        .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate:before {
            transform: rotate(90deg);
            top: 29%;
        }

        .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate {
            color: #fff;
        }
}

@media screen and (min-width: 992px) {
    .wpo-site-header .navbar-header .open-btn {
        display: none;
    }

    .wpo-site-header #navbar .close-navbar {
        display: none;
    }
}

.wpo-site-header .menu-close {
    display: none;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

@media (max-width: 991px) {
    .wpo-site-header {
        /* class for show hide navigation */
    }

    .text-right {
        text-align: left !important;
    }

    .wpo-site-header .container {
        width: 100%;
    }

    .wpo-site-header .mobail-menu button {
        background-color: #ff5050;
        width: 40px;
        height: 35px;
        border: 0;
        padding: 5px 10px;
        outline: 0;
        position: relative;
        z-index: 20;
    }

        .wpo-site-header .mobail-menu button:focus {
            outline: none;
            box-shadow: none;
        }

        .wpo-site-header .mobail-menu button span {
            background-color: #fff;
            width: 20px;
            display: block;
            height: 2px;
            margin-bottom: 5px;
        }

            .wpo-site-header .mobail-menu button span:last-child {
                margin: 0;
            }

    .wpo-site-header #navbar {
        background: linear-gradient(180deg, #000 0%, #000 97.92%);
        display: block !important;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        position: fixed;
        left: -320px;
        top: 0px;
        z-index: 999999;
        opacity: 0;
        visibility: hidden;
    }

        .wpo-site-header #navbar .navbar-nav {
            display: block;
        }

        .wpo-site-header #navbar > ul {
            position: relative;
            z-index: 101;
        }

        .wpo-site-header #navbar ul a {
            color: #000;
        }

            .wpo-site-header #navbar ul a:hover,
            .wpo-site-header #navbar ul li.current a {
                color: #ff5050;
            }

        .wpo-site-header #navbar .navbar-nav {
            height: 100%;
            overflow: auto;
            padding-bottom: 60px;
        }

        .wpo-site-header #navbar .close-navbar {
            background-color: #fff;
            width: 40px;
            height: 40px;
            color: #000;
            border: 0;
            outline: none;
            position: absolute;
            left: -41px;
            top: 90px;
            z-index: 20;
        }

            .wpo-site-header #navbar .close-navbar .ti-close {
                position: relative;
                top: 1px;
            }

    .wpo-site-header .menu-close {
        display: block;
        z-index: 99;
        background: none;
        text-align: center;
        color: #fff;
        border: 0;
        text-align: center;
        margin-left: auto;
        margin-top: 30px;
        margin-right: 30px;
        margin-bottom: 30px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border: 1px solid #fff;
    }

    .wpo-site-header .slideInn {
        left: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wpo-site-header .navbar-toggler .first-angle,
    .wpo-site-header .navbar-toggler .last-angle {
        transition: all 0.3s;
    }

    .wpo-site-header .x-close .middle-angle {
        opacity: 0;
    }

    .wpo-site-header .x-close .first-angle {
        position: absolute;
        -webkit-transform: rotate(-44deg);
        top: 16px;
        left: 10px;
    }

    .wpo-site-header .x-close .last-angle {
        -webkit-transform: rotate(44deg);
        position: absolute;
        top: 16px;
        right: 10px;
    }
}

@media (max-width: 767px) {
    .wpo-site-header .navbar-header .navbar-brand {
        font-size: 24px;
    }

    .wpo-site-header #navbar .navbar-nav {
        margin: 0;
    }
}

.wpo-site-header .navbar-header .navbar-brand img {
    max-width: 109px;
    padding: 8px;
}

@media (max-width: 1199px) {
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 109px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header .navbar-collapse.collapse {
        display: none;
    }

        .wpo-site-header .navbar-collapse.collapse.in {
            display: block;
        }

    .wpo-site-header .navbar-header .collapse,
    .wpo-site-header .navbar-toggle {
        display: block;
    }

    .wpo-site-header .navbar-header {
        /*float: left;*/
    }

    .wpo-site-header .navbar-right {
        float: none;
    }

    .wpo-site-header .navbar-nav {
        float: none;
    }

        .wpo-site-header .navbar-nav > li {
            float: none;
        }
}

@media (max-width: 440px) {
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 110px;
        float: left;
        margin-left: -29px;
        margin-top: -8px;
    }

    blockquote {
        font-size: 20px !important;
        width: 100% !important;
        font-weight: 600 !important;
        margin: 20px 0px !important;
        font-style: italic !important;
        color: #3b5998 !important;
        padding: 1.2em 30px 1.2em 75px !important;
        border-left: 5px solid #3b5998 !important;
        line-height: 1.6 !important;
        position: relative !important;
        background: #f7f5f5 !important;
    }
}

@media (max-width: 1700px) {
    .wpo-site-header {
        padding: 0 0px;
    }
}

@media (max-width: 1500px) {
    .wpo-site-header #navbar > ul > li > a {
        padding: 30px 13px;
        font-size: 16px;
    }
}

@media (max-width: 1400px) {
    .wpo-site-header #navbar > ul > li > a {
        padding: 30px 12px;
        font-size: 15px;
        font-weight: 500;
    }
}

@media (max-width: 1200px) {
    .wpo-site-header #navbar > ul > li > a {
        padding: 30px 7px;
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header #navbar > ul > li > a {
        font-size: 15px;
    }
}

@media (max-width: 767px) {
    .header-right .theme-btn, .header-right .view-cart-btn {
        padding: 20px 12px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header #navbar > ul > li > a {
        padding: 15px 30px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header,
    .wpo-header-style-2 {
        z-index: 99999;
    }
}

.wpo-site-header .navigation.sticky-header {
    padding: 0 130px;
    background: #fff;
}

@media (max-width: 1700px) {
    .wpo-site-header .navigation.sticky-header {
        padding: 0 50px;
    }
}

@media (max-width: 1400px) {
    .wpo-site-header .navigation.sticky-header {
        padding: 0 20px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header .navigation.sticky-header {
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .wpo-site-header .navigation.sticky-header {
        padding: 20px 10px;
    }

    .image_block_1 .image-box {
        position: relative;
        display: block;
        padding: 0px 0px !important;
        margin-top: 7px;
        margin-bottom: 20px !important;
    }

    .sec-titles1 h2 {
        position: relative;
        display: block;
        font-size: 23px !important;
        line-height: 28px !important;
        font-weight: 700;
        margin-bottom: 20px;
    }
}

.wpo-header-style-2 {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    z-index: 99;
    background: transparent;
}

    .wpo-header-style-2 .navigation {
        background: #fff;
        border-radius: 5px;
    }

        .wpo-header-style-2 .navigation.sticky-on {
            background: #fff;
        }

        .wpo-header-style-2 .navigation .navbar-header .navbar-brand {
            margin-left: 5px;
        }

@media (max-width: 991px) {
    .wpo-header-style-2 .navigation .navbar-header .navbar-brand {
        margin-left: 0;
    }
}

@media screen and (min-width: 992px) {
    .wpo-header-style-2 .wpo-site-header #navbar > ul .sub-menu {
        background: #fff;
    }

        .wpo-header-style-2 .wpo-site-header #navbar > ul .sub-menu a {
            color: #3b5998;
        }
}

.wpo-header-style-2 #navbar > ul > li > a {
    color: #3b5998;
}

.wpo-header-style-2 .header-right .cart-toggle-btn,
.wpo-header-style-2 .header-right .search-toggle-btn {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

    .wpo-header-style-2 .header-right .cart-toggle-btn .fi,
    .wpo-header-style-2 .header-right .search-toggle-btn .fi {
        color: #fff;
    }

.wpo-site-header-s1, .wpo-site-header-s3, .wpo-site-header-s5 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    background: #FBF8F2;
}

@media (max-width: 1199px) {
    .wpo-site-header-s1, .wpo-site-header-s3, .wpo-site-header-s5 {
        padding: 0 30px;
    }
}

@media (max-width: 991px) {
    .wpo-site-header-s1, .wpo-site-header-s3, .wpo-site-header-s5 {
        padding: 0;
        position: relative;
    }

    .sec-titler h2 {
        position: relative;
        display: block;
        font-size: 20px !important;
        line-height: 38px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .pt-50 {
        padding-top: 0px !important;
    }

    .pt-70 {
        padding-top: 26px !important;
    }

    .pardimage {
        display: block !important;
    }

    .pardimage1 {
        display: none !important;
    }
}

.wpo-site-header-s1 #navbar > ul > li > a:hover, .wpo-site-header-s1 #navbar > ul > li > a.active, .wpo-site-header-s3 #navbar > ul > li > a:hover, .wpo-site-header-s3 #navbar > ul > li > a.active, .wpo-site-header-s5 #navbar > ul > li > a:hover, .wpo-site-header-s5 #navbar > ul > li > a.active {
    color: #ff5050;
}

.pardimage {
    display: none;
}

@media (min-width: 1400px) {
    .wpo-site-header-s1 .theme-btn, .wpo-site-header-s1 .view-cart-btn, .wpo-site-header-s3 .theme-btn, .wpo-site-header-s3 .view-cart-btn, .wpo-site-header-s5 .theme-btn, .wpo-site-header-s5 .view-cart-btn {
        padding: 12px 15px;
    }
}

@media (max-width: 1600px) {
    .wpo-site-header-s1 .theme-btn, .wpo-site-header-s1 .view-cart-btn, .wpo-site-header-s3 .theme-btn, .wpo-site-header-s3 .view-cart-btn, .wpo-site-header-s5 .theme-btn, .wpo-site-header-s5 .view-cart-btn {
        padding: 7px 10px;
        font-size: 15px;
        width: 130px;
        position: absolute;
    }
}

@media (max-width: 450px) {
    .wpo-site-header-s1 .header-right, .wpo-site-header-s3 .header-right, .wpo-site-header-s5 .header-right {
        right: -20px;
        /*display:none;*/
    }

    .about_two_list_wrapper {
        display: block !important;
        padding-top: 0px;
    }

    .join__heading {
        font-size: 16px;
        color: #fff;
        line-height: 23px;
    }

    .image_block_1 .image-box .text {
        position: absolute;
        right: 0px;
        bottom: 10px !important;
        width: calc(100% - 24px) !important;
        padding: 10px 14px 10px 14px !important;
        background: #ffffff;
        border-radius: 5px;
        box-shadow: 15px -10px 30px 0px rgb(0 0 0 / 8%);
        z-index: 1;
    }

    .about_two_left_wrapper h2 {
        padding-bottom: 10px !important;
        font-size: 21px !important;
        color: #ff5050;
    }

    .mt11 {
        margin-top: 123px;
    }

    .mt12 {
        margin-top: -287px;
    }

    .image_block_1 .image-box .text h4 {
        font-size: 15px !important;
        line-height: 22px !important;
        font-weight: 700;
    }

    p {
        font-size: 15px;
        color: #000;
        line-height: 26px;
        margin-bottom: 15px;
    }

    .join__card {
        margin: 0 auto;
        border: 0;
        padding: 0;
        border-radius: 10px !important;
        overflow: hidden;
        max-width: 1280px;
        background-color: #ff5050;
    }
}

.wpo-site-header-s1 .navigation.sticky-header, .wpo-site-header-s3 .navigation.sticky-header, .wpo-site-header-s5 .navigation.sticky-header {
    background: #fff;
}

.wpo-site-header-s1 .cart-search-contact .search-toggle-btn .fi, .wpo-site-header-s3 .cart-search-contact .search-toggle-btn .fi, .wpo-site-header-s5 .cart-search-contact .search-toggle-btn .fi {
    color: #444444;
}

.wpo-site-header-s2 {
    background: #FAECEC;
}

.wpo-site-header-s3 {
    background: #fff;
    position: unset;
}


.wpo-site-header-s4 {
    background: #E6F5F3;
}

.wpo-site-header-s5 {
    position: unset;
}

/*--------------------------------------------------------------
3. content
--------------------------------------------------------------*/
/*3.1 wpo-hero-slider*/
.wpo-hero-slider,
.static-hero,
.static-hero-s2,
.static-hero-s3,
.static-hero-s4 {
    height: 920px;
    display: flex;
    position: relative;
    z-index: 0;
}

@media (max-width: 991px) {
    .wpo-hero-slider,
    .static-hero,
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 600px;
    }
}

@media (max-width: 767px) {
    .wpo-hero-slider,
    .static-hero,
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 500px;
    }
}

.wpo-hero-slider .swiper-slide,
.static-hero .swiper-slide,
.static-hero-s2 .swiper-slide,
.static-hero-s3 .swiper-slide,
.static-hero-s4 .swiper-slide {
    overflow: hidden;
}

.wpo-hero-slider .swiper-container,
.wpo-hero-slider .hero-container,
.static-hero .swiper-container,
.static-hero .hero-container,
.static-hero-s2 .swiper-container,
.static-hero-s2 .hero-container,
.static-hero-s3 .swiper-container,
.static-hero-s3 .hero-container,
.static-hero-s4 .swiper-container,
.static-hero-s4 .hero-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1111;
}

.wpo-hero-slider .slide-inner,
.wpo-hero-slider .hero-inner,
.static-hero .slide-inner,
.static-hero .hero-inner,
.static-hero-s2 .slide-inner,
.static-hero-s2 .hero-inner,
.static-hero-s3 .slide-inner,
.static-hero-s3 .hero-inner,
.static-hero-s4 .slide-inner,
.static-hero-s4 .hero-inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-size: cover;
    background-position: center center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    z-index: 0;
}

.banner-1 {
    display: none !important;
}

.wpo-hero-slider .slide-inner:before,
.wpo-hero-slider .hero-inner:before,
.static-hero .slide-inner:before,
.static-hero .hero-inner:before,
.static-hero-s2 .slide-inner:before,
.static-hero-s2 .hero-inner:before,
.static-hero-s3 .slide-inner:before,
.static-hero-s3 .hero-inner:before,
.static-hero-s4 .slide-inner:before,
.static-hero-s4 .hero-inner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /* background: #000000; */
    opacity: 0.3;
    content: "";
}

.wpo-hero-slider .slide-inner .slide-content,
.wpo-hero-slider .hero-inner .slide-content,
.static-hero .slide-inner .slide-content,
.static-hero .hero-inner .slide-content,
.static-hero-s2 .slide-inner .slide-content,
.static-hero-s2 .hero-inner .slide-content,
.static-hero-s3 .slide-inner .slide-content,
.static-hero-s3 .hero-inner .slide-content,
.static-hero-s4 .slide-inner .slide-content,
.static-hero-s4 .hero-inner .slide-content {
    text-align: center;
    padding-bottom: 50px;
}

@media (max-width: 1399px) {
    .wpo-hero-slider .slide-inner .slide-content,
    .wpo-hero-slider .hero-inner .slide-content,
    .static-hero .slide-inner .slide-content,
    .static-hero .hero-inner .slide-content,
    .static-hero-s2 .slide-inner .slide-content,
    .static-hero-s2 .hero-inner .slide-content,
    .static-hero-s3 .slide-inner .slide-content,
    .static-hero-s3 .hero-inner .slide-content,
    .static-hero-s4 .slide-inner .slide-content,
    .static-hero-s4 .hero-inner .slide-content {
        padding-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .wpo-hero-slider .slide-inner .slide-content,
    .wpo-hero-slider .hero-inner .slide-content,
    .static-hero .slide-inner .slide-content,
    .static-hero .hero-inner .slide-content,
    .static-hero-s2 .slide-inner .slide-content,
    .static-hero-s2 .hero-inner .slide-content,
    .static-hero-s3 .slide-inner .slide-content,
    .static-hero-s3 .hero-inner .slide-content,
    .static-hero-s4 .slide-inner .slide-content,
    .static-hero-s4 .hero-inner .slide-content {
        padding-bottom: 0px;
    }
}

.wpo-hero-slider .swiper-button-prev,
.wpo-hero-slider .swiper-button-next,
.static-hero .swiper-button-prev,
.static-hero .swiper-button-next,
.static-hero-s2 .swiper-button-prev,
.static-hero-s2 .swiper-button-next,
.static-hero-s3 .swiper-button-prev,
.static-hero-s3 .swiper-button-next,
.static-hero-s4 .swiper-button-prev,
.static-hero-s4 .swiper-button-next {
    background: rgba(255, 255, 255, 0.2);
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #ff5050;
    text-align: center;
    transition: all 0.3s;
    display: block;
}

    .wpo-hero-slider .swiper-button-prev:hover,
    .wpo-hero-slider .swiper-button-next:hover,
    .static-hero .swiper-button-prev:hover,
    .static-hero .swiper-button-next:hover,
    .static-hero-s2 .swiper-button-prev:hover,
    .static-hero-s2 .swiper-button-next:hover,
    .static-hero-s3 .swiper-button-prev:hover,
    .static-hero-s3 .swiper-button-next:hover,
    .static-hero-s4 .swiper-button-prev:hover,
    .static-hero-s4 .swiper-button-next:hover {
        opacity: 0.9;
    }

@media (max-width: 767px) {
    .wpo-hero-slider .swiper-button-prev,
    .wpo-hero-slider .swiper-button-next,
    .static-hero .swiper-button-prev,
    .static-hero .swiper-button-next,
    .static-hero-s2 .swiper-button-prev,
    .static-hero-s2 .swiper-button-next,
    .static-hero-s3 .swiper-button-prev,
    .static-hero-s3 .swiper-button-next,
    .static-hero-s4 .swiper-button-prev,
    .static-hero-s4 .swiper-button-next {
        display: none;
    }
}

.wpo-hero-slider .swiper-button-prev,
.static-hero .swiper-button-prev,
.static-hero-s2 .swiper-button-prev,
.static-hero-s3 .swiper-button-prev,
.static-hero-s4 .swiper-button-prev {
    left: 25px;
}

    .wpo-hero-slider .swiper-button-prev:before,
    .static-hero .swiper-button-prev:before,
    .static-hero-s2 .swiper-button-prev:before,
    .static-hero-s3 .swiper-button-prev:before,
    .static-hero-s4 .swiper-button-prev:before {
        font-family: "themify";
        content: "\e629";
        font-size: 20px;
        color: #fff;
    }

.wpo-hero-slider .swiper-button-next,
.static-hero .swiper-button-next,
.static-hero-s2 .swiper-button-next,
.static-hero-s3 .swiper-button-next,
.static-hero-s4 .swiper-button-next {
    right: 25px;
}

    .wpo-hero-slider .swiper-button-next:before,
    .static-hero .swiper-button-next:before,
    .static-hero-s2 .swiper-button-next:before,
    .static-hero-s3 .swiper-button-next:before,
    .static-hero-s4 .swiper-button-next:before {
        font-family: "themify";
        content: "\e628";
        font-size: 20px;
        color: #fff;
    }

@media (max-width: 991px) {
    .wpo-hero-slider .swiper-button-prev,
    .wpo-hero-slider .swiper-button-next,
    .static-hero .swiper-button-prev,
    .static-hero .swiper-button-next,
    .static-hero-s2 .swiper-button-prev,
    .static-hero-s2 .swiper-button-next,
    .static-hero-s3 .swiper-button-prev,
    .static-hero-s3 .swiper-button-next,
    .static-hero-s4 .swiper-button-prev,
    .static-hero-s4 .swiper-button-next {
        display: none;
    }
}

.wpo-hero-slider .swiper-pagination,
.static-hero .swiper-pagination,
.static-hero-s2 .swiper-pagination,
.static-hero-s3 .swiper-pagination,
.static-hero-s4 .swiper-pagination {
    bottom: 7%;
    left: 115px;
    width: unset;
    transform: translateY(-50%);
}

@media (max-width: 1599px) {
    .wpo-hero-slider .swiper-pagination,
    .static-hero .swiper-pagination,
    .static-hero-s2 .swiper-pagination,
    .static-hero-s3 .swiper-pagination,
    .static-hero-s4 .swiper-pagination {
        left: 120px;
    }
}

@media (max-width: 991px) {
    .wpo-hero-slider .swiper-pagination,
    .static-hero .swiper-pagination,
    .static-hero-s2 .swiper-pagination,
    .static-hero-s3 .swiper-pagination,
    .static-hero-s4 .swiper-pagination {
        left: 50%;
        transform: translateX(-50%);
        bottom: 5%;
    }
}

@media (max-width: 575px) {
    .wpo-hero-slider .swiper-pagination,
    .static-hero .swiper-pagination,
    .static-hero-s2 .swiper-pagination,
    .static-hero-s3 .swiper-pagination,
    .static-hero-s4 .swiper-pagination {
        right: 5px;
    }
}

.wpo-hero-slider .swiper-pagination .swiper-pagination-bullet,
.static-hero .swiper-pagination .swiper-pagination-bullet,
.static-hero-s2 .swiper-pagination .swiper-pagination-bullet,
.static-hero-s3 .swiper-pagination .swiper-pagination-bullet,
.static-hero-s4 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    text-align: center;
    font-size: 0;
    color: #fff;
    opacity: 1;
    background: #fff;
    border-radius: 100px;
    position: relative;
}

    .wpo-hero-slider .swiper-pagination .swiper-pagination-bullet::before,
    .static-hero .swiper-pagination .swiper-pagination-bullet::before,
    .static-hero-s2 .swiper-pagination .swiper-pagination-bullet::before,
    .static-hero-s3 .swiper-pagination .swiper-pagination-bullet::before,
    .static-hero-s4 .swiper-pagination .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        left: -3px;
        top: -3px;
        width: 18px;
        height: 18px;
        border-radius: 100px;
        border: 2px solid transparent;
    }

    .wpo-hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .static-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .static-hero-s2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .static-hero-s3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
    .static-hero-s4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background: #ff5050;
        position: relative;
    }

        .wpo-hero-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
        .static-hero .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
        .static-hero-s2 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
        .static-hero-s3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before,
        .static-hero-s4 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
            border: 2px solid #ff5050;
        }

.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.static-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.static-hero-s2 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.static-hero-s3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.static-hero-s4 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

/*-------------------------------------------
	hero style 1
--------------------------------------------*/
.static-hero,
.static-hero-s2,
.static-hero-s3,
.static-hero-s4 {
    background: #FBF8F2;
    height: 1000px;
    display: flex;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

@media (max-width: 1500px) {
    .static-hero,
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 750px;
    }
}

@media (max-width: 1199px) {
    .static-hero,
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 700px;
    }
}

@media (max-width: 991px) {
    .static-hero,
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 100%;
    }

        .static-hero .hero-container,
        .static-hero-s2 .hero-container,
        .static-hero-s3 .hero-container,
        .static-hero-s4 .hero-container {
            position: relative;
            padding: 30px 0 0;
        }

            .static-hero .hero-container .hero-inner,
            .static-hero-s2 .hero-container .hero-inner,
            .static-hero-s3 .hero-container .hero-inner,
            .static-hero-s4 .hero-container .hero-inner {
                position: relative;
            }
}

@media (max-width: 575px) {
    .static-hero .hero-container,
    .static-hero-s2 .hero-container,
    .static-hero-s3 .hero-container,
    .static-hero-s4 .hero-container {
        padding: 25px 0 0;
    }
}

.static-hero .slide-title,
.static-hero-s2 .slide-title,
.static-hero-s3 .slide-title,
.static-hero-s4 .slide-title {
    padding-top: 10px;
}

@media (max-width: 991px) {
    .static-hero .slide-title,
    .static-hero-s2 .slide-title,
    .static-hero-s3 .slide-title,
    .static-hero-s4 .slide-title {
        margin: auto;
    }
}

@media (max-width: 575px) {
    .static-hero .slide-title,
    .static-hero-s2 .slide-title,
    .static-hero-s3 .slide-title,
    .static-hero-s4 .slide-title {
        padding-top: 0;
    }
}

.static-hero .slide-title h2,
.static-hero-s2 .slide-title h2,
.static-hero-s3 .slide-title h2,
.static-hero-s4 .slide-title h2 {
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #3b5998;
}

@media (max-width: 1600px) {
    .static-hero .slide-title h2,
    .static-hero-s2 .slide-title h2,
    .static-hero-s3 .slide-title h2,
    .static-hero-s4 .slide-title h2 {
        font-size: 56px;
        line-height: 80px;
    }
}

@media (max-width: 1199px) {
    .static-hero .slide-title h2,
    .static-hero-s2 .slide-title h2,
    .static-hero-s3 .slide-title h2,
    .static-hero-s4 .slide-title h2 {
        font-size: 45px;
        line-height: 65px;
    }
}

@media (max-width: 575px) {
    .static-hero .slide-title h2,
    .static-hero-s2 .slide-title h2,
    .static-hero-s3 .slide-title h2,
    .static-hero-s4 .slide-title h2 {
        font-size: 36px;
        line-height: 47px;
    }
}

@media (max-width: 991px) {
    .static-hero .slide-title-sub,
    .static-hero-s2 .slide-title-sub,
    .static-hero-s3 .slide-title-sub,
    .static-hero-s4 .slide-title-sub {
        margin: auto;
    }
}

.static-hero .slide-title-sub span,
.static-hero-s2 .slide-title-sub span,
.static-hero-s3 .slide-title-sub span,
.static-hero-s4 .slide-title-sub span {
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    font-family: "Roboto", sans-serif;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media (max-width: 1199px) {
    .static-hero .slide-title-sub span,
    .static-hero-s2 .slide-title-sub span,
    .static-hero-s3 .slide-title-sub span,
    .static-hero-s4 .slide-title-sub span {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .static-hero .slide-text,
    .static-hero-s2 .slide-text,
    .static-hero-s3 .slide-text,
    .static-hero-s4 .slide-text {
        margin: auto;
    }
}

.static-hero .slide-text p,
.static-hero-s2 .slide-text p,
.static-hero-s3 .slide-text p,
.static-hero-s4 .slide-text p {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #525252;
    font-family: "Roboto", sans-serif;
    max-width: 585px;
}

@media (max-width: 1199px) {
    .static-hero .slide-text p,
    .static-hero-s2 .slide-text p,
    .static-hero-s3 .slide-text p,
    .static-hero-s4 .slide-text p {
        font-size: 16px;
    }
}

@media (max-width: 991px) {
    .static-hero .slide-text p,
    .static-hero-s2 .slide-text p,
    .static-hero-s3 .slide-text p,
    .static-hero-s4 .slide-text p {
        margin: auto;
    }
}

.static-hero .slide-video-content,
.static-hero-s2 .slide-video-content,
.static-hero-s3 .slide-video-content,
.static-hero-s4 .slide-video-content {
    display: flex;
    align-items: center;
    max-width: 605px;
    margin-top: 50px;
    text-align: left;
}

@media (max-width: 991px) {
    .static-hero .slide-video-content,
    .static-hero-s2 .slide-video-content,
    .static-hero-s3 .slide-video-content,
    .static-hero-s4 .slide-video-content {
        margin: 50px auto;
    }
}

@media (max-width: 575px) {
    .static-hero .slide-video-content,
    .static-hero-s2 .slide-video-content,
    .static-hero-s3 .slide-video-content,
    .static-hero-s4 .slide-video-content {
        display: block;
        text-align: center;
        margin-top: 20px;
    }
}

.static-hero .slide-video-content .slide-video-img,
.static-hero-s2 .slide-video-content .slide-video-img,
.static-hero-s3 .slide-video-content .slide-video-img,
.static-hero-s4 .slide-video-content .slide-video-img {
    flex-basis: 25%;
    position: relative;
}

@media (max-width: 575px) {
    .static-hero .slide-video-content .slide-video-img,
    .static-hero-s2 .slide-video-content .slide-video-img,
    .static-hero-s3 .slide-video-content .slide-video-img,
    .static-hero-s4 .slide-video-content .slide-video-img {
        max-width: 200px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
}

.static-hero .slide-video-content .slide-video-img img,
.static-hero-s2 .slide-video-content .slide-video-img img,
.static-hero-s3 .slide-video-content .slide-video-img img,
.static-hero-s4 .slide-video-content .slide-video-img img {
    border-radius: 10px;
}

@media (max-width: 575px) {
    .static-hero .slide-video-content .slide-video-img img,
    .static-hero-s2 .slide-video-content .slide-video-img img,
    .static-hero-s3 .slide-video-content .slide-video-img img,
    .static-hero-s4 .slide-video-content .slide-video-img img {
        width: 100%;
    }
}

.static-hero .slide-video-content .slide-video-img .video-btn,
.static-hero-s2 .slide-video-content .slide-video-img .video-btn,
.static-hero-s3 .slide-video-content .slide-video-img .video-btn,
.static-hero-s4 .slide-video-content .slide-video-img .video-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 54px;
    height: 54px;
    line-height: 52px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    border: 2px solid #ff5050;
    text-align: center;
}

    .static-hero .slide-video-content .slide-video-img .video-btn:after,
    .static-hero-s2 .slide-video-content .slide-video-img .video-btn:after,
    .static-hero-s3 .slide-video-content .slide-video-img .video-btn:after,
    .static-hero-s4 .slide-video-content .slide-video-img .video-btn:after {
        position: absolute;
        left: -20%;
        top: -20%;
        width: 140%;
        height: 140%;
        background: rgba(255, 255, 255, 0.3);
        content: "";
        animation: save-the-date-pulse 0.8s infinite;
        border-radius: 50%;
        z-index: -1;
    }

    .static-hero .slide-video-content .slide-video-img .video-btn .fi::before,
    .static-hero-s2 .slide-video-content .slide-video-img .video-btn .fi::before,
    .static-hero-s3 .slide-video-content .slide-video-img .video-btn .fi::before,
    .static-hero-s4 .slide-video-content .slide-video-img .video-btn .fi::before {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        position: relative;
        right: -1px;
    }

.static-hero .slide-video-content .slide-video-img:before,
.static-hero-s2 .slide-video-content .slide-video-img:before,
.static-hero-s3 .slide-video-content .slide-video-img:before,
.static-hero-s4 .slide-video-content .slide-video-img:before {
    position: absolute;
    left: -2%;
    top: -2%;
    width: 104%;
    height: 104%;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    content: "";
    z-index: -1;
    border-radius: 6px;
}

.static-hero .slide-video-content .slide-video-text,
.static-hero-s2 .slide-video-content .slide-video-text,
.static-hero-s3 .slide-video-content .slide-video-text,
.static-hero-s4 .slide-video-content .slide-video-text {
    margin-left: 30px;
    flex-basis: 75%;
    max-width: 350px;
}

@media (max-width: 575px) {
    .static-hero .slide-video-content .slide-video-text,
    .static-hero-s2 .slide-video-content .slide-video-text,
    .static-hero-s3 .slide-video-content .slide-video-text,
    .static-hero-s4 .slide-video-content .slide-video-text {
        margin-left: 0;
        margin: 0 auto;
    }
}

.static-hero .slide-video-content .slide-video-text h4,
.static-hero-s2 .slide-video-content .slide-video-text h4,
.static-hero-s3 .slide-video-content .slide-video-text h4,
.static-hero-s4 .slide-video-content .slide-video-text h4 {
    color: #3b5998;
    font-weight: 700;
    font-size: 35px;
    line-height: 48px;
    margin-bottom: 15px;
}

@media (max-width: 1199px) {
    .static-hero .slide-video-content .slide-video-text h4,
    .static-hero-s2 .slide-video-content .slide-video-text h4,
    .static-hero-s3 .slide-video-content .slide-video-text h4,
    .static-hero-s4 .slide-video-content .slide-video-text h4 {
        font-size: 25px;
        line-height: 28px;
    }
}

.static-hero .slide-video-content .slide-video-text p,
.static-hero-s2 .slide-video-content .slide-video-text p,
.static-hero-s3 .slide-video-content .slide-video-text p,
.static-hero-s4 .slide-video-content .slide-video-text p {
    color: #525252;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    margin-bottom: 0;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 1199px) {
    .static-hero .slide-video-content .slide-video-text p,
    .static-hero-s2 .slide-video-content .slide-video-text p,
    .static-hero-s3 .slide-video-content .slide-video-text p,
    .static-hero-s4 .slide-video-content .slide-video-text p {
        font-size: 18px;
    }
}

.static-hero .hero-inner .container,
.static-hero-s2 .hero-inner .container,
.static-hero-s3 .hero-inner .container,
.static-hero-s4 .hero-inner .container {
    position: relative;
}

.static-hero .hero-content,
.static-hero-s2 .hero-content,
.static-hero-s3 .hero-content,
.static-hero-s4 .hero-content {
    padding-left: 145px;
    max-width: 650px;
}

@media (max-width: 1600px) {
    .static-hero .hero-content,
    .static-hero-s2 .hero-content,
    .static-hero-s3 .hero-content,
    .static-hero-s4 .hero-content {
        padding-left: 85px;
        max-width: 650px;
    }
}

@media (max-width: 1199px) {
    .static-hero .hero-content,
    .static-hero-s2 .hero-content,
    .static-hero-s3 .hero-content,
    .static-hero-s4 .hero-content {
        padding-left: 30px;
        max-width: 470px;
    }
}

@media (max-width: 991px) {
    .static-hero .hero-content,
    .static-hero-s2 .hero-content,
    .static-hero-s3 .hero-content,
    .static-hero-s4 .hero-content {
        max-width: 100%;
        text-align: center;
        padding-left: 0;
    }
}

.static-hero .hero-inner::before,
.static-hero-s2 .hero-inner::before,
.static-hero-s3 .hero-inner::before,
.static-hero-s4 .hero-inner::before {
    display: none;
}

@media (max-width: 1400px) {
    .static-hero .slide-text p,
    .static-hero-s2 .slide-text p,
    .static-hero-s3 .slide-text p,
    .static-hero-s4 .slide-text p {
        max-width: 600px;
    }
}

@media (max-width: 991px) {
    .static-hero .slide-btns,
    .static-hero-s2 .slide-btns,
    .static-hero-s3 .slide-btns,
    .static-hero-s4 .slide-btns {
        margin: auto;
        margin-top: 20px;
    }
}

.static-hero .charius-pic,
.static-hero-s2 .charius-pic,
.static-hero-s3 .charius-pic,
.static-hero-s4 .charius-pic {
    position: absolute;
    right: 80px;
    bottom: auto;
    top: 58%;
    transform: translateY(-50%);
    z-index: 1;
    border-radius: 50%;
}

@media (max-width: 1890px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        max-width: 35%;
    }
}

@media (max-width: 1800px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        max-width: 30%;
    }
}

@media (max-width: 1600px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        right: 50px;
        max-width: 35%;
    }
}

@media (max-width: 1399px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        right: 20px;
        max-width: 30%;
    }
}

@media (max-width: 1199px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        max-width: 35%;
    }
}

@media (max-width: 991px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        position: relative;
        bottom: 0;
        margin: 100px auto;
        padding-top: 50px;
        right: -30px;
        top: auto;
        transform: unset;
        margin-top: 100px;
        max-width: 50%;
    }
}

@media (max-width: 575px) {
    .static-hero .charius-pic,
    .static-hero-s2 .charius-pic,
    .static-hero-s3 .charius-pic,
    .static-hero-s4 .charius-pic {
        max-width: 100%;
        right: auto;
        margin-top: 50px;
        margin-bottom: 60px;
    }
}

.static-hero .charius-pic .charius-pic-main,
.static-hero-s2 .charius-pic .charius-pic-main,
.static-hero-s3 .charius-pic .charius-pic-main,
.static-hero-s4 .charius-pic .charius-pic-main {
    overflow: hidden;
    border-radius: 50%;
}

    .static-hero .charius-pic .charius-pic-main img,
    .static-hero-s2 .charius-pic .charius-pic-main img,
    .static-hero-s3 .charius-pic .charius-pic-main img,
    .static-hero-s4 .charius-pic .charius-pic-main img {
        -webkit-animation: kenburn 25s 2s alternate infinite;
        -animation: kenburn 25s 2s alternate infinite;
    }

.static-hero .charius-pic img,
.static-hero-s2 .charius-pic img,
.static-hero-s3 .charius-pic img,
.static-hero-s4 .charius-pic img {
    border-radius: 50%;
}

.static-hero .charius-pic .charius-inner,
.static-hero-s2 .charius-pic .charius-inner,
.static-hero-s3 .charius-pic .charius-inner,
.static-hero-s4 .charius-pic .charius-inner {
    position: absolute;
    left: -40%;
    top: -10%;
    padding: 15px;
    background: #FBF8F2;
    border-radius: 50%;
}

@media (max-width: 1800px) {
    .static-hero .charius-pic .charius-inner,
    .static-hero-s2 .charius-pic .charius-inner,
    .static-hero-s3 .charius-pic .charius-inner,
    .static-hero-s4 .charius-pic .charius-inner {
        max-width: 70%;
        top: -20%;
    }
}

@media (max-width: 575px) {
    .static-hero .charius-pic .charius-inner,
    .static-hero-s2 .charius-pic .charius-inner,
    .static-hero-s3 .charius-pic .charius-inner,
    .static-hero-s4 .charius-pic .charius-inner {
        left: 50%;
        top: -5%;
        transform: translateX(-50%);
    }
}

.static-hero .charius-pic .wpo-supporter,
.static-hero-s2 .charius-pic .wpo-supporter,
.static-hero-s3 .charius-pic .wpo-supporter,
.static-hero-s4 .charius-pic .wpo-supporter {
    position: absolute;
    left: -30%;
    bottom: 10%;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 1px 20px 0px rgba(43, 45, 118, 0.1);
    z-index: 99;
}

@media (max-width: 1890px) {
    .static-hero .charius-pic .wpo-supporter,
    .static-hero-s2 .charius-pic .wpo-supporter,
    .static-hero-s3 .charius-pic .wpo-supporter,
    .static-hero-s4 .charius-pic .wpo-supporter {
        bottom: 0;
    }
}

@media (max-width: 1399px) {
    .static-hero .charius-pic .wpo-supporter,
    .static-hero-s2 .charius-pic .wpo-supporter,
    .static-hero-s3 .charius-pic .wpo-supporter,
    .static-hero-s4 .charius-pic .wpo-supporter {
        bottom: -10%;
    }
}

@media (max-width: 1199px) {
    .static-hero .charius-pic .wpo-supporter,
    .static-hero-s2 .charius-pic .wpo-supporter,
    .static-hero-s3 .charius-pic .wpo-supporter,
    .static-hero-s4 .charius-pic .wpo-supporter {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .static-hero .charius-pic .wpo-supporter,
    .static-hero-s2 .charius-pic .wpo-supporter,
    .static-hero-s3 .charius-pic .wpo-supporter,
    .static-hero-s4 .charius-pic .wpo-supporter {
        padding: 15px;
        right: auto;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .static-hero .charius-pic .wpo-supporter,
    .static-hero-s2 .charius-pic .wpo-supporter,
    .static-hero-s3 .charius-pic .wpo-supporter,
    .static-hero-s4 .charius-pic .wpo-supporter {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.static-hero .charius-pic .wpo-supporter .wpo-supporter-text,
.static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-text,
.static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-text,
.static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-text {
    display: flex;
    align-items: center;
    text-align: left;
}

@media (max-width: 575px) {
    .static-hero .charius-pic .wpo-supporter .wpo-supporter-text,
    .static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-text,
    .static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-text,
    .static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-text {
        justify-content: center;
    }
}

.static-hero .charius-pic .wpo-supporter .wpo-supporter-text .icon i,
.static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-text .icon i,
.static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-text .icon i,
.static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-text .icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #EFF4FF;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    display: block;
}

.static-hero .charius-pic .wpo-supporter .wpo-supporter-text h3,
.static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-text h3,
.static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-text h3,
.static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-text h3 {
    font-weight: 700;
    font-size: 45px;
    line-height: 61px;
    margin-bottom: 0px;
}

.static-hero .charius-pic .wpo-supporter .wpo-supporter-text p,
.static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-text p,
.static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-text p,
.static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-text p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
}

.static-hero .charius-pic .wpo-supporter .wpo-supporter-slide,
.static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-slide,
.static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-slide,
.static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-slide {
    max-width: 216px;
    list-style: none;
    margin: 0 auto;
    margin-top: 20px;
}

    .static-hero .charius-pic .wpo-supporter .wpo-supporter-slide .owl-nav,
    .static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-slide .owl-nav,
    .static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-slide .owl-nav,
    .static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-slide .owl-nav {
        display: none;
    }

    .static-hero .charius-pic .wpo-supporter .wpo-supporter-slide li,
    .static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-slide li,
    .static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-slide li,
    .static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-slide li {
        width: 55px;
        height: 55px;
    }

        .static-hero .charius-pic .wpo-supporter .wpo-supporter-slide li img,
        .static-hero-s2 .charius-pic .wpo-supporter .wpo-supporter-slide li img,
        .static-hero-s3 .charius-pic .wpo-supporter .wpo-supporter-slide li img,
        .static-hero-s4 .charius-pic .wpo-supporter .wpo-supporter-slide li img {
            width: 55px;
            height: 55px;
            padding: 3px;
            border: 1px solid #ebebeb;
            border-radius: 50%;
            border-radius: 50%;
        }

/*-------------------------------------------
 static-hero-s2
--------------------------------------------*/
.static-hero-s2,
.static-hero-s3,
.static-hero-s4 {
    background: #0000;
    height: 1000px;
}

@media (max-width: 1399px) {
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 700px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 1100px;
    }
}

@media (max-width: 575px) {
    .static-hero-s2,
    .static-hero-s3,
    .static-hero-s4 {
        height: 450px;
    }
}

.static-hero-s2 .hero-content,
.static-hero-s3 .hero-content,
.static-hero-s4 .hero-content {
    padding-left: 180px;
}

@media (max-width: 1650px) {
    .static-hero-s2 .hero-content,
    .static-hero-s3 .hero-content,
    .static-hero-s4 .hero-content {
        padding-left: 100px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s2 .hero-content,
    .static-hero-s3 .hero-content,
    .static-hero-s4 .hero-content {
        padding-left: 0px;
    }
}

.static-hero-s2 .hero-container,
.static-hero-s3 .hero-container,
.static-hero-s4 .hero-container {
    z-index: 1;
}

@media (max-width: 991px) {
    .static-hero-s2 .hero-container,
    .static-hero-s3 .hero-container,
    .static-hero-s4 .hero-container {
        padding: 0;
    }
}

.static-hero-s2 .slide-title-sub h6,
.static-hero-s3 .slide-title-sub h6,
.static-hero-s4 .slide-title-sub h6 {
    font-weight: 400;
    font-size: 30px;
    line-height: 35px;
    font-family: "Roboto", sans-serif;
    color: #404040;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .static-hero-s2 .slide-title-sub h6,
    .static-hero-s3 .slide-title-sub h6,
    .static-hero-s4 .slide-title-sub h6 {
        font-size: 25px;
    }
}

.static-hero-s2 .hero-btn,
.static-hero-s3 .hero-btn,
.static-hero-s4 .hero-btn {
    display: flex;
    align-items: center;
    margin-top: 60px;
}

@media (max-width: 991px) {
    .static-hero-s2 .hero-btn,
    .static-hero-s3 .hero-btn,
    .static-hero-s4 .hero-btn {
        justify-content: center;
        margin-bottom: 95px;
        margin-top: 20px;
    }
}

.static-hero-s2 .slide-video-btn,
.static-hero-s3 .slide-video-btn,
.static-hero-s4 .slide-video-btn {
    margin-left: 20px;
    width: 230px;
    height: 60px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 100px;
    display: flex;
    align-items: center;
}

@media (max-width: 767px) {
    .static-hero-s2 .slide-video-btn,
    .static-hero-s3 .slide-video-btn,
    .static-hero-s4 .slide-video-btn {
        width: 45px;
    }
}

.static-hero-s2 .slide-video-btn::before,
.static-hero-s3 .slide-video-btn::before,
.static-hero-s4 .slide-video-btn::before {
    position: absolute;
    left: 2px;
    width: 226px;
    height: 56px;
    content: "";
    background: #FAECEC;
    z-index: -1;
    border-radius: 100px;
}

@media (max-width: 767px) {
    .static-hero-s2 .slide-video-btn::before,
    .static-hero-s3 .slide-video-btn::before,
    .static-hero-s4 .slide-video-btn::before {
        display: none;
    }
}

.static-hero-s2 .slide-video-btn::after,
.static-hero-s3 .slide-video-btn::after,
.static-hero-s4 .slide-video-btn::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 100%);
    z-index: -11;
    border-radius: 100px;
}

@media (max-width: 767px) {
    .static-hero-s2 .slide-video-btn::after,
    .static-hero-s3 .slide-video-btn::after,
    .static-hero-s4 .slide-video-btn::after {
        display: none;
    }
}

.static-hero-s2 .slide-video-btn .video-btn,
.static-hero-s3 .slide-video-btn .video-btn,
.static-hero-s4 .slide-video-btn .video-btn {
    background: linear-gradient(180deg, #1ECFFE 0%, #1287FF 100%);
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100px;
}

@media (max-width: 767px) {
    .static-hero-s2 .slide-video-btn .video-btn,
    .static-hero-s3 .slide-video-btn .video-btn,
    .static-hero-s4 .slide-video-btn .video-btn {
        width: 45px;
        height: 45px;
    }
}

.static-hero-s2 .slide-video-btn span,
.static-hero-s3 .slide-video-btn span,
.static-hero-s4 .slide-video-btn span {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 20px;
    color: #3b5998;
    margin-left: 15px;
}

@media (max-width: 767px) {
    .static-hero-s2 .slide-video-btn span,
    .static-hero-s3 .slide-video-btn span,
    .static-hero-s4 .slide-video-btn span {
        display: none;
    }
}

.static-hero-s2 .theme-btn, .static-hero-s2 .view-cart-btn,
.static-hero-s3 .theme-btn,
.static-hero-s3 .view-cart-btn,
.static-hero-s4 .theme-btn,
.static-hero-s4 .view-cart-btn {
    font-weight: 600;
}

.static-hero-s2 .hero-slider-img,
.static-hero-s3 .hero-slider-img,
.static-hero-s4 .hero-slider-img {
    position: absolute;
    right: 80px;
    bottom: auto;
    top: 55%;
    transform: translateY(-50%);
    z-index: 1;
    width: 858px;
    height: 843px;
}

@media (max-width: 1750px) {
    .static-hero-s2 .hero-slider-img,
    .static-hero-s3 .hero-slider-img,
    .static-hero-s4 .hero-slider-img {
        right: 33px;
        width: 770px;
    }
}

@media (max-width: 1399px) {
    .static-hero-s2 .hero-slider-img,
    .static-hero-s3 .hero-slider-img,
    .static-hero-s4 .hero-slider-img {
        width: 580px;
        height: 580px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s2 .hero-slider-img,
    .static-hero-s3 .hero-slider-img,
    .static-hero-s4 .hero-slider-img {
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 .hero-slider-img,
    .static-hero-s3 .hero-slider-img,
    .static-hero-s4 .hero-slider-img {
        position: unset;
        margin: 0 auto;
        transform: unset;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 .hero-slider-img,
    .static-hero-s3 .hero-slider-img,
    .static-hero-s4 .hero-slider-img {
        width: 300px;
        height: 300px;
    }
}

.static-hero-s2 .hero-slider-img .bg-img,
.static-hero-s3 .hero-slider-img .bg-img,
.static-hero-s4 .hero-slider-img .bg-img {
    animation: rotate 200s linear infinite;
}

.static-hero-s2 .hero-slider-img .feda-slider,
.static-hero-s3 .hero-slider-img .feda-slider,
.static-hero-s4 .hero-slider-img .feda-slider {
    position: absolute;
    left: 50%;
    top: 35%;
    width: 670px;
    height: 670px;
    transform: translate(-50%, -50%);
    z-index: 1;
}

@media (max-width: 1399px) {
    .static-hero-s2 .hero-slider-img .feda-slider,
    .static-hero-s3 .hero-slider-img .feda-slider,
    .static-hero-s4 .hero-slider-img .feda-slider {
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 991px) {
    .static-hero-s2 .hero-slider-img .feda-slider,
    .static-hero-s3 .hero-slider-img .feda-slider,
    .static-hero-s4 .hero-slider-img .feda-slider {
        top: 60%;
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 575px) {
    .static-hero-s2 .hero-slider-img .feda-slider,
    .static-hero-s3 .hero-slider-img .feda-slider,
    .static-hero-s4 .hero-slider-img .feda-slider {
        width: 250px;
        height: 250px;
        top: 45%;
        right: 25%;
    }
}

.static-hero-s2 .hero-slider-img .image-item img,
.static-hero-s3 .hero-slider-img .image-item img,
.static-hero-s4 .hero-slider-img .image-item img {
    width: 100%;
}

.static-hero-s2 .shape-icon-1,
.static-hero-s3 .shape-icon-1,
.static-hero-s4 .shape-icon-1 {
    position: absolute;
    left: 55px;
    top: 30%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-1,
    .static-hero-s3 .shape-icon-1,
    .static-hero-s4 .shape-icon-1 {
        display: none;
    }
}

.static-hero-s2 .shape-icon-2,
.static-hero-s3 .shape-icon-2,
.static-hero-s4 .shape-icon-2 {
    position: absolute;
    left: 55px;
    top: 50%;
    z-index: -1;
}

.static-hero-s2 .shape-icon-3,
.static-hero-s3 .shape-icon-3,
.static-hero-s4 .shape-icon-3 {
    position: absolute;
    left: 155px;
    top: 80%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-3,
    .static-hero-s3 .shape-icon-3,
    .static-hero-s4 .shape-icon-3 {
        display: none;
    }
}

.static-hero-s2 .shape-icon-4,
.static-hero-s3 .shape-icon-4,
.static-hero-s4 .shape-icon-4 {
    position: absolute;
    left: 255px;
    top: 20%;
    z-index: -1;
}

.static-hero-s2 .shape-icon-5,
.static-hero-s3 .shape-icon-5,
.static-hero-s4 .shape-icon-5 {
    position: absolute;
    left: 30%;
    top: 20%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-5,
    .static-hero-s3 .shape-icon-5,
    .static-hero-s4 .shape-icon-5 {
        display: none;
    }
}

.static-hero-s2 .shape-icon-6,
.static-hero-s3 .shape-icon-6,
.static-hero-s4 .shape-icon-6 {
    position: absolute;
    left: 40%;
    top: 65%;
    z-index: -1;
}

.static-hero-s2 .shape-icon-7,
.static-hero-s3 .shape-icon-7,
.static-hero-s4 .shape-icon-7 {
    position: absolute;
    left: 30%;
    top: 90%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-7,
    .static-hero-s3 .shape-icon-7,
    .static-hero-s4 .shape-icon-7 {
        display: none;
    }
}

.static-hero-s2 .shape-icon-8,
.static-hero-s3 .shape-icon-8,
.static-hero-s4 .shape-icon-8 {
    position: absolute;
    left: 50%;
    top: 10%;
    z-index: -1;
}

.static-hero-s2 .shape-icon-9,
.static-hero-s3 .shape-icon-9,
.static-hero-s4 .shape-icon-9 {
    position: absolute;
    right: 0;
    top: 10%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-9,
    .static-hero-s3 .shape-icon-9,
    .static-hero-s4 .shape-icon-9 {
        display: none;
    }
}

.static-hero-s2 .shape-icon-10,
.static-hero-s3 .shape-icon-10,
.static-hero-s4 .shape-icon-10 {
    position: absolute;
    right: 0;
    top: 40%;
    z-index: -1;
}

.static-hero-s2 .shape-icon-11,
.static-hero-s3 .shape-icon-11,
.static-hero-s4 .shape-icon-11 {
    position: absolute;
    right: 200px;
    top: 90%;
    z-index: -1;
}

@media (max-width: 575px) {
    .static-hero-s2 .shape-icon-11,
    .static-hero-s3 .shape-icon-11,
    .static-hero-s4 .shape-icon-11 {
        display: none;
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* static-hero-s3 */
.static-hero-s3 {
    background: #AFAFAF;
    height: 500px;
}

@media (max-width: 991px) {
    .static-hero-s3 {
        height: 450px;
    }

    .banner-11 {
        display: block !important;
    }
}

@media (max-width: 767px) {
    .static-hero-s3 {
        height: 450px;
    }

    .banner-2 {
        display: none !important;
    }
}

.static-hero-s3 .hero-content {
    padding-left: 100px;
    max-width: 985px;
}

@media (max-width: 1199px) {
    .static-hero-s3 .hero-content {
        padding-left: 0px;
        padding-top: 230px;
    }
}

.static-hero-s3 .slide-title-sub h6 {
    color: #fff;
    /*font-family: "Roboto";*/
    font-weight: 400;
    font-size: 22px;
    text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    line-height: 30px;
}

@media (max-width: 767px) {
    .static-hero-s3 .slide-title-sub h6 {
        font-size: 18px;
        line-height: 25px;
        text-shadow: 2px 5px 3px rgb(0 0 0 / 50%);
    }
}

.static-hero-s3 .slide-title h2 {
    color: #fff;
    font-weight: 780;
    font-size: 44px;
    line-height: 50px;
    text-shadow: 2px 5px 3px rgb(0 0 0 / 30%);
}

@media (max-width: 1199px) {
    .static-hero-s3 .slide-title h2 {
        font-size: 30px;
        line-height: 45px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }
}

@media (max-width: 991px) {
    .static-hero-s3 .slide-title h2 {
        font-size: 40px;
        line-height: 45px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }
}

@media (max-width: 767px) {
    .static-hero-s3 .slide-title h2 {
        font-size: 40px;
        line-height: 47px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }
}

@media (max-width: 575px) {
    .static-hero-s3 .slide-title h2 {
        font-size: 26px;
        line-height: 26px;
        /* text-shadow: 2px 4px 3px rgb(0 0 0 / 60%); */
        text-shadow: 1px 1px 0 black, /* Right and down */
        -1px -1px 0 black, /* Left and up */
        -1px 1px 0 black, /* Left and down */
        1px -1px 0 black, /* Right and up */
        2px 4px 3px rgb(0 0 0 / 60%); /* Existing shadow */
    }
}

.static-hero-s3 .slide-text p {
    color: #fff;
}

.static-hero-s3 .hero-btn {
    margin-top: 15px;
}

@media (max-width: 575px) {
    .static-hero-s3 .hero-btn {
        display: block;
        margin-right: 165px;
    }
}

.static-hero-s3 .theme-btn, .static-hero-s3 .view-cart-btn {
    font-weight: 500;
    font-size: 18px;
    line-height: 25px;
    padding: 9px 25px;
}

.static-hero-s3 .wpo-supporter-slide {
    max-width: 216px;
    list-style: none;
    margin: 0 auto;
    margin-left: 15px;
}

@media (max-width: 575px) {
    .static-hero-s3 .wpo-supporter-slide {
        margin: 0 auto;
        margin-top: 30px;
    }
}

.static-hero-s3 .wpo-supporter-slide .owl-nav {
    display: none;
}

.static-hero-s3 .wpo-supporter-slide li {
    width: 55px;
    height: 55px;
}

    .static-hero-s3 .wpo-supporter-slide li img {
        width: 55px;
        height: 55px;
        padding: 3px;
        border: 1px solid #ebebeb;
        border-radius: 50%;
        border-radius: 50%;
    }

/* static-hero-s4 */
.static-hero-s4 {
    background: #E6F5F3;
    height: 1000px;
}

@media (max-width: 1399px) {
    .static-hero-s4 {
        height: 850px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 {
        height: 650px;
    }
}

@media (max-width: 991px) {
    .static-hero-s4 {
        height: 1000px;
    }
}

@media (max-width: 767px) {
    .static-hero-s4 {
        height: 900px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 {
        height: 700px;
    }
}

@media (max-width: 991px) {
    .static-hero-s4 .hero-content {
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .static-hero-s4 .hero-content {
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .hero-content {
        margin-top: 0;
    }
}

.static-hero-s4 .hero-content {
    padding-left: 100px;
    max-width: 985px;
}

@media (max-width: 1499px) {
    .static-hero-s4 .hero-content {
        max-width: 800px;
    }
}

@media (max-width: 1399px) {
    .static-hero-s4 .hero-content {
        max-width: 600px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 .hero-content {
        padding-left: 0px;
        max-width: 550px;
    }
}

@media (max-width: 991px) {
    .static-hero-s4 .hero-content {
        margin: 0 auto;
        padding-left: 0;
        margin-top: 80px;
    }
}

@media (max-width: 767px) {
    .static-hero-s4 .hero-content {
        margin: 0 auto;
        padding-left: 0;
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .hero-content {
        margin: 0 auto;
        padding-left: 0;
        margin-top: 30px;
    }
}

.static-hero-s4 .slide-title h2 {
    font-family: Nunito;
    font-size: 100px;
    font-weight: 700;
    line-height: 136px;
}

@media (max-width: 1399px) {
    .static-hero-s4 .slide-title h2 {
        font-size: 60px;
        line-height: 80px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 .slide-title h2 {
        font-size: 50px;
        line-height: 65px;
    }
}

@media (max-width: 991px) {
    .static-hero-s4 .slide-title h2 {
        font-size: 60px;
        line-height: 65px;
    }
}

@media (max-width: 767px) {
    .static-hero-s4 .slide-title h2 {
        font-size: 40px;
        line-height: 47px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .slide-title h2 {
        font-size: 36px;
        line-height: 47px;
    }
}

.static-hero-s4 .hero-slider-img {
    right: -100px;
    top: 60%;
}

@media (max-width: 1769px) {
    .static-hero-s4 .hero-slider-img {
        right: -7%;
    }
}

@media (max-width: 1599px) {
    .static-hero-s4 .hero-slider-img {
        right: -19%;
        top: 70%;
    }
}

@media (max-width: 1399px) {
    .static-hero-s4 .hero-slider-img {
        right: -3%;
        top: 55%;
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 .hero-slider-img {
        right: -6%;
        top: 60%;
    }
}

.static-hero-s4 .hero-slider-img .hero-slider-wrap {
    height: 700px;
    width: 700px;
    position: relative;
    border: 1px solid #00715D;
    border-radius: 50%;
    z-index: 1;
}

@media (max-width: 1599px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap {
        width: 500px;
        height: 500px;
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap {
        width: 400px;
        height: 400px;
    }
}

@media (max-width: 991px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap {
        margin: 0 auto;
        margin-top: 100px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap {
        width: 280px;
        height: 280px;
        margin: 0 auto;
        margin-top: -50px;
    }
}

.static-hero-s4 .hero-slider-img .hero-slider-wrap:before {
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    background: #BCDFDA;
    height: 386px;
    width: 386px;
    z-index: -1;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

@media (max-width: 1199px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap:before {
        height: 286px;
        width: 286px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .hero-slider-img .hero-slider-wrap:before {
        height: 150px;
        width: 150px;
    }
}

.static-hero-s4 .slide-video-btn::before {
    background: #E6F5F3;
}

.static-hero-s4 .theme-btn, .static-hero-s4 .view-cart-btn {
    padding: 15px 45px;
    font-family: "Roboto";
    font-weight: 600;
    font-size: 20px;
}

@media (max-width: 767px) {
    .static-hero-s4 .theme-btn, .static-hero-s4 .view-cart-btn {
        padding: 10px 35px;
        font-size: 15px;
    }
}

.static-hero-s4 .manroted {
    display: flex;
    perspective: 1000px;
    position: relative;
    align-items: center;
    width: 100%;
    height: 100%;
}

    .static-hero-s4 .manroted [class*=box] {
        /*   float: left; */
        overflow: hidden;
        transition: all 1s cubic-bezier(0.68, -0.6, 0.32, 1.6);
        position: absolute;
        height: 175px;
        width: 175px;
        border-radius: 100px;
        border: 1px solid #00AF90;
        z-index: -1;
    }

@media (max-width: 1199px) {
    .static-hero-s4 .manroted [class*=box] {
        height: 150px;
        width: 150px;
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .manroted [class*=box] {
        height: 100px;
        width: 100px;
    }
}

.static-hero-s4 .manroted [class*=box]:nth-child(1) {
    top: 10%;
    right: -30px;
    z-index: 1;
}

.static-hero-s4 .manroted [class*=box]:nth-child(2) {
    top: 71%;
    right: 0;
    z-index: 2;
}

.static-hero-s4 .manroted [class*=box]:last-child {
    transform: scale(4);
    top: 40%;
    left: -35px;
    z-index: 3;
    border-radius: 0;
    border: none;
    background: none;
}

@media (max-width: 1599px) {
    .static-hero-s4 .manroted [class*=box]:last-child {
        transform: scale(3);
    }
}

@media (max-width: 1199px) {
    .static-hero-s4 .manroted [class*=box]:last-child {
        transform: scale(2.5);
    }
}

@media (max-width: 575px) {
    .static-hero-s4 .manroted [class*=box]:last-child {
        transform: scale(2);
        left: 0px;
    }
}

.static-hero-s4 .manroted .firstSlide {
    animation: firstChild 1s;
}

/*--------------------------------------------------------------
4. wpo-footer
--------------------------------------------------------------*/
.wpo-site-footer {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    font-size: 16px;
    overflow: hidden;
    z-index: 1;
    /*** newsletter-widget ***/
}

    .wpo-site-footer:before {
        position: absolute;
        padding-top:80px;
        width: 100%;
        height: 100%;
        /*background: #111212;*/
        background: url(../../../Images/4762.jpg) no-repeat center;
        content: "";
        z-index: -1;
    }

    .wpo-site-footer ul {
        list-style: none;
    }

    .wpo-site-footer p {
        color: #fff;
    }

    .wpo-site-footer li {
        color: #fff;
    }

    .wpo-site-footer .container {
        position: relative;
    }

    .wpo-site-footer .wpo-upper-footer {
        position: relative;
        overflow: hidden;
    }

        .wpo-site-footer .wpo-upper-footer .row {
            padding: 15px 0;
        }

@media (max-width: 991px) {
    .wpo-site-footer .wpo-upper-footer .row {
        padding: 0;
        padding-top: 0px;
    }
}

.wpo-site-footer .wpo-upper-footer .navbar-brand {
    padding-top: 0;
    color: #fff;
    justify-content: flex-start;
    position: relative;
    top: -10px;
}

@media (max-width: 991px) {
    .wpo-site-footer .wpo-upper-footer {
        padding: 80px 0 0;
    }
}

@media (max-width: 767px) {
    .wpo-site-footer .wpo-upper-footer {
        padding: 20px 0 0;
    }
}

@media (max-width: 991px) {
    .wpo-site-footer .wpo-upper-footer .col {
        min-height: 235px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .wpo-site-footer .wpo-upper-footer .col {
        min-height: auto;
        margin-bottom: 10px;
    }
}

.wpo-site-footer .widget-title {
    margin-bottom: 5px;
}

    .wpo-site-footer .widget-title h3 {
        color: #fff;
        margin: 0;
        position: relative;
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 17px;
        line-height: 28px;
    }

@media (max-width: 1199px) {
    .wpo-site-footer .widget-title h3 {
        font-size: 15px;
    }
}

.wpo-site-footer .about-widget {
    max-width: 285px;
}

    .wpo-site-footer .about-widget p {
        font-weight: 400;
        margin-bottom: 25px;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
        color: #404040;
        margin-bottom: 0;
    }

    .wpo-site-footer .about-widget .info li {
        margin-bottom: 10px;
    }

.wpo-site-footer .wpo-service-link-widget {
    padding-left: 70px;
}

.wpo-site-footer .link-widget {
    overflow: hidden;
    padding-left: 0px;
}

@media (max-width: 1200px) {
    .wpo-site-footer .link-widget {
        padding: 0;
    }
}

.wpo-site-footer .link-widget.s2 {
    padding-left: 10px;
}

@media (max-width: 1399px) {
    .wpo-site-footer .link-widget.s2 {
        padding: 0;
    }
}

.wpo-site-footer .link-widget ul li {
    position: relative;
    z-index: 1;
    padding: 2px 0;
    padding-left: 20px;
}

    .wpo-site-footer .link-widget ul li:before {
        position: absolute;
        left: 0px;
        top: 12px;
        width: 6px;
        height: 6px;
        z-index: -1;
        background: #ff5050;
        content: "";
        border-radius: 50%;
    }

    .wpo-site-footer .link-widget ul li a {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
        line-height:32px;
    }

        .wpo-site-footer .link-widget ul li a:hover {
            color: #ff5050;
        }



.wpo-site-footer .link-widget1.s2 {
    padding-left: 10px;
}

@media (max-width: 1399px) {
    .wpo-site-footer .link-widget1.s2 {
        padding: 0;
    }
}

.wpo-site-footer .link-widget1 ul li {
    position: relative;
    z-index: 1;
    padding: 2px 0;
    padding-left: 20px;
}

    .wpo-site-footer .link-widget1 ul li:before {
        position: absolute;
        left: 0px;
        top: 12px;
        width: 6px;
        height: 6px;
        z-index: -1;
        background: #ff5050;
        content: "";
        border-radius: 50%;
    }

    .wpo-site-footer .link-widget1 ul li a {
        color: #404040;
        font-weight: 400;
        font-size: 13px;
    }

        .wpo-site-footer .link-widget1 ul li a:hover {
            color: #ff5050;
        }





.footer-list {
    position: relative;
    text-align: center;
}

    .footer-list li {
        position: relative;
        display: inline-block;
        margin-bottom: 6px;
        margin-right: 20px;
    }

.titleftul {
    margin-bottom: 22px;
    border-bottom: 1px solid #343737;
    padding-bottom: 10px;
}

.titleft {
    width: 100%;
    text-align: center;
}

.footer-list li a {
    position: relative;
    font-size: 13px;
    color: #bababa;
    padding-left: 25px;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

    .footer-list li a:before {
        position: absolute;
        left: 10px;
        top: 4px;
        width: 6px;
        height: 6px;
        z-index: -1;
        background: #ff5050;
        content: "";
        border-radius: 50px;
    }

    .footer-list li a:hover {
        color: #ff5722 !important;
    }

.bluestrip {
    height: 30px;
    background: #2792b9;
    border-top: 6px solid #197699;
    width: 100%;
}

.copyright {
    position: relative;
    color: #ffffff;
    font-size: 13px;
}






.wpo-site-footer .newsletter-widget {
    padding-left: 40px;
}

@media (max-width: 1399px) {
    .wpo-site-footer .newsletter-widget {
        padding: 0;
    }
}

.wpo-site-footer .newsletter-widget p {
    font-weight: 400;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #b8b9b9;
}

.wpo-site-footer .newsletter-widget .info li {
    font-weight: 400;
    font-size: 15px;
    line-height: 26px;
    color: #b8b9b9;
}

    .wpo-site-footer .newsletter-widget .info li i {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 18px;
        margin-right: 10px;
        line-height: 30px;
    }

.wpo-site-footer .newsletter-widget form {
    margin-top: 6px;
    position: relative;
}

    .wpo-site-footer .newsletter-widget form input {
        background-color: transparent;
        height: 40px;
        color: #000;
        padding: 6px 15px;
        border: 1px solid #dedede;
        box-shadow: none;
        border-radius: 0;
        margin: 5px 0px;
    }

        .wpo-site-footer .newsletter-widget form input::-moz-placeholder {
            color: #404040;
        }

        .wpo-site-footer .newsletter-widget form input::placeholder {
            color: #404040;
        }

    .wpo-site-footer .newsletter-widget form .submit {
        margin-top: 20px;
    }

        .wpo-site-footer .newsletter-widget form .submit button {
            background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
            border: 0;
            outline: 0;
            color: #fff;
            width: 100%;
            height: 50px;
            line-height: 50px;
            font-weight: 700;
            font-size: 12px;
            line-height: 95%;
            text-transform: uppercase;
        }

.wpo-site-footer .wpo-lower-footer {
    text-align: left;
    padding: 10px 0 10px;
    background-color: #1b6dbf;
    border-top: 1px solid #343737;
    border-bottom: 1px solid #343737;
}
.wpo-site-footer .wpo-lower-footer span {
    color:#fff;
}

@media (max-width: 991px) {
    .wpo-site-footer .wpo-lower-footer {
        text-align: center;
    }
}

.wpo-site-footer .wpo-lower-footer ul li {
    color: #bababa !important;
    font-size: 13px;
}

    .wpo-site-footer .wpo-lower-footer ul li a {
        color: #fff;
    }

.wpo-site-footer .wpo-lower-footer .link ul {
    display: flex;
}

@media (max-width: 991px) {
    .wpo-site-footer .wpo-lower-footer .link ul {
        justify-content: center;
        margin-top: 10px;
        flex-wrap: wrap;
    }
}

.wpo-site-footer .wpo-lower-footer .link ul li a {
    color: #bababa !important;
    font-size: 13px;
}

    .wpo-site-footer .wpo-lower-footer .link ul li a:hover {
        color: #ff5050 !important;
    }

.wpo-site-footer .wpo-lower-footer .link ul li + li {
    padding-left: 20px;
    position: relative;
}

@media (max-width: 375px) {
    .wpo-site-footer .wpo-lower-footer .link ul li + li {
        padding-left: 5px;
        margin-left: 5px;
    }
}

.wpo-top-footer {
    padding: 0px 0;
}

    .wpo-top-footer .row {
        display: flex;
        align-items: left;
    }

    .wpo-top-footer .logo {
        text-align: left;
    }

    .wpo-top-footer .social {
        text-align: left;
    }

@media (max-width: 575px) {
    .wpo-top-footer .social {
        text-align: left;
        margin-top: 30px;
    }
}

.wpo-top-footer .social ul {
    display: flex;
}

@media (max-width: 575px) {
    .wpo-top-footer .social ul {
        justify-content: left;
    }
}

.wpo-top-footer .social ul li + li {
    margin-right: 4px;
}

.wpo-top-footer .social ul li a {
    /*border: 1px solid #fff;*/
    display: block;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    /*background: #3b5998;*/
    border-radius: 50%;
    color: #FFFFFF;
}

    .wpo-top-footer .social ul li a .fi:before {
        color: #FFFFFF;
        font-size: 16px;
    }

.sticky-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: -200px;
    z-index: 9999;
    opacity: 0;
    transition: all 0.7s;
}

.sticky-on {
    opacity: 1;
    top: 0;
}

/* 3.2 wpo-features-area */
.wpo-features-area {
    padding-top: 60px;
}

    .wpo-features-area .features-wrap {
        z-index: 9;
        position: relative;
    }

        .wpo-features-area .features-wrap .feature-item-wrap {
            position: relative;
        }

            .wpo-features-area .features-wrap .feature-item-wrap .feature-item {
                background: #fff;
                box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
                border-radius: 10px;
                border: 1px solid #dedede;
                padding: 15px;
                position: relative;
                overflow: hidden;
                display: flex;
                /*align-items: center;*/
                height: auto;
            }

@media (max-width: 1399px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item {
        padding: 10px;
    }
}

@media (max-width: 991px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item {
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item {
        display: flex;
        /*align-items: center;*/
        height: 100%;
    }
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item .icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 100%);
    border-radius: 15px;
    float: left;
    overflow: hidden;
    margin-right: 20px;
}

@media (max-width: 1399px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item .icon {
        margin-right: 15px;
    }
}

@media (max-width: 1199px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item .icon {
        width: 80px;
        height: 80px;
        line-height: 80px;
        margin: 0px 113px;
        position: absolute;
    }

    .wpo-features-area .features-wrap .feature-item-wrap .feature-item .feature-text {
        overflow: hidden;
        text-align: center;
        width: 100%;
        margin: 94px 0px 0px 0px;
    }
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item .icon .fi {
    font-size: 50px;
    color: #fff;
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item .feature-text {
    overflow: hidden;
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item h2 {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
}

@media (max-width: 1399px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item h2 {
        font-size: 20px;
        line-height: 30px;
    }
}

@media (max-width: 1199px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item h2 {
        font-size: 18px;
        line-height: 25px;
    }
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item h2 a {
    color: #3b5998;
}

.wpo-features-area .features-wrap .feature-item-wrap .feature-item p {
    font-weight: 400;
    font-size: 16px;
    /*line-height: 23px;*/
    margin-bottom: 0;
}

@media (max-width: 1399px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item p {
        font-size: 15px;
        line-height: 23px;
    }
}

@media (max-width: 1199px) {
    .wpo-features-area .features-wrap .feature-item-wrap .feature-item p {
        font-size: 15px;
    }
}

.wpo-features-area .features-wrap .col:nth-child(2) .feature-item {
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 4, 88, 0.1);
}

    .wpo-features-area .features-wrap .col:nth-child(2) .feature-item .icon {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    }

.wpo-features-area .features-wrap .col:nth-child(3) .feature-item {
    background: #F4FFFA;
    box-shadow: 0px 2px 10px rgba(0, 4, 88, 0.1);
}

    .wpo-features-area .features-wrap .col:nth-child(3) .feature-item .icon {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 97.92%);
    }

/* 3.3 wpo-about-section */
@media (max-width: 991px) {
    .wpo-about-section,
    .wpo-about-section-s2,
    .wpo-about-section-s3,
    .wpo-about-section-s4 {
        padding-top: 20px;
    }

    .modal-body {
        max-height: 400px;
        overflow-y: auto;
    }

    .default-form .select-amount .select-box {
        position: relative;
        float: left;
        text-align: center;
        margin: 0px 10px 10px 0px;
        width: 100% !important;
    }

    .modal {
        position: fixed;
        top: 15%;
        left: 0;
        z-index: 1060;
        display: none;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        outline: 0;
    }

    .wpo-section-title {
        text-align: center;
        max-width: 677px;
        margin: 20px auto !important;
        /* margin-top: 26px; */
        padding: 0px 10px !important;
    }

    .wpo-blog-pg-section .entry-media img {
        width: 100%;
        border-radius: 10px 10px 0px 0px;
        padding: 0px 5px !important;
    }
}

@media (max-width: 767px) {
    .wpo-about-section,
    .wpo-about-section-s2,
    .wpo-about-section-s3,
    .wpo-about-section-s4 {
        padding-top: 20px;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-img,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img {
    text-align: right;
    margin-right: 60px;
    position: relative;
    z-index: 1;
}

@media (max-width: 1399px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img {
        margin-right: 30px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img {
        margin-right: 0px;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
    position: absolute;
    left: -240px;
    top: 0px;
    padding: 16px;
    background: #fff;
    max-width: 520px;
    z-index: 11;
}

@media (max-width: 1699px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        left: -100px;
        max-width: 455px;
    }
}

@media (max-width: 1499px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        left: -50px;
        max-width: 400px;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        left: -40px;
        max-width: 400px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        display: none;
    }
}

@media (max-width: 991px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        display: block;
        top: -16px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left {
        display: none;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left:before,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left:before,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left:before,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left:before {
    position: absolute;
    left: 80px;
    bottom: -85px;
    width: 200px;
    height: 200px;
    content: "";
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    z-index: -1;
    border-radius: 50%;
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-left:after,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-left:after,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-left:after,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-left:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 16px;
    content: "";
    background: #fff;
    z-index: -1;
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right {
    padding: 16px;
    padding-top: 150px;
    position: relative;
    background: #fff;
    z-index: 1;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right {
        padding-top: 100px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right {
        padding-top: 0;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right:before {
    position: absolute;
    right: 50px;
    top: 45px;
    width: 200px;
    height: 200px;
    content: "";
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 97.92%);
    z-index: -1;
    border-radius: 50%;
}


.serviceBox {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    padding: 0 15px 15px;
    position: relative;
    z-index: 1;
}

    .serviceBox .service-icon {
        color: rgba(0,0,0,0.6);
        background: linear-gradient(to left,#ff5050,#3b5998);
        font-size: 50px;
        line-height: 130px;
        width: 145px;
        height: 145px;
        margin: 0 auto 25px;
        border-radius: 50%;
        position: relative;
        z-index: 1;
    }

        .serviceBox .service-icon:before {
            content: '';
            background: linear-gradient(to right,#ff5050,#f99084);
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 0;
            right: 6px;
            bottom: 6px;
            z-index: -1;
        }

    .serviceBox .title {
        color: #3b5998;
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin: 0 0 8px;
    }

    .serviceBox .description {
        color: #777;
        font-size: 13px;
        line-height: 22px;
        margin: 0;
    }

    .serviceBox.blue {
        --color1: #7A54F2;
        --color2: #5DC3D6;
    }

    .serviceBox.green {
        --color1: #5DC3D6;
        --color2: #C6ED8B;
    }

    .serviceBox.yellow {
        --color1: #f1bd01;
        --color2: #dbed8b;
    }

@media only screen and (max-width: 1199px) {
    .serviceBox {
        margin: 0 0 10px;
    }
}



@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right:before {
        top: 0;
    }
}

@media (max-width: 767px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right:before,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right:before {
        display: none;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right:after {
    position: absolute;
    right: 0;
    top: 134px;
    width: 100%;
    height: 16px;
    content: "";
    background: #fff;
    z-index: -1;
}

@media (max-width: 767px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img .wpo-about-right:after,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img .wpo-about-right:after {
        display: none;
    }
}

@media (max-width: 991px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-img,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-img {
        text-align: left;
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-text,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text {
        margin-top: 25px;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-section-title,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-text .wpo-section-title,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-text .wpo-section-title,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-text .wpo-section-title {
    text-align: left;
    margin: 0;
    margin-bottom: 10px;
    max-width: 100%;
}

    .wpo-about-section .wpo-about-wrap .wpo-about-text .wpo-section-title span,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text .wpo-section-title span,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text .wpo-section-title span,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text .wpo-section-title span {
        font-weight: 600;
        font-size: 26px;
        line-height: 35px;
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

.wpo-about-section .wpo-about-wrap .wpo-about-text h2,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-text h2,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-text h2 {
    text-align: left;
    font-weight: 700;
    font-size: 45px;
    line-height: 55px;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text h2,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text h2 {
        font-size: 32px;
    }
}

.wpo-about-section .wpo-about-wrap .wpo-about-text p,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-text p,
.wpo-about-section-s3 .wpo-about-wrap .wpo-about-text p,
.wpo-about-section-s4 .wpo-about-wrap .wpo-about-text p {
    overflow: hidden;
    /*max-width: 600px;*/
    /*font-family: "Roboto";*/
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #525252;
}

@media (max-width: 991px) {
    .wpo-about-section .wpo-about-wrap .wpo-about-text p,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text p,
    .wpo-about-section-s3 .wpo-about-wrap .wpo-about-text p,
    .wpo-about-section-s4 .wpo-about-wrap .wpo-about-text p {
        max-width: 100%;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap {
    display: flex;
    padding: 30px 0;
    padding-bottom: 40px;
}

@media (max-width: 450px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap {
        display: block;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item {
    display: flex;
    align-items: center;
}

@media (max-width: 450px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item {
        margin-bottom: 15px;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon {
    width: 80px;
    height: 80px;
    line-height: 75px;
    border: 1px solid #1ECFFE;
    margin-right: 15px;
    text-align: center;
    border-radius: 50%;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon {
        width: 60px;
        height: 60px;
        line-height: 55px;
        margin-right: 5px;
    }
}

@media (max-width: 450px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon {
        margin-right: 15px;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before {
    background: linear-gradient(180deg, #1ECFFE 0%, #1287FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 40px;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .fi:before {
        font-size: 30px;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .flaticon-target,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .flaticon-target,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .flaticon-target,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-icon .icon .flaticon-target {
    padding-left: 5px;
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4 {
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4 {
        font-size: 23px;
    }
}

@media (max-width: 450px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text h4 {
        font-size: 20px;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
}

@media (max-width: 1199px) {
    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item .about-info-text p {
        font-size: 17px;
        line-height: 24px;
    }
}

.wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon,
.wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon,
.wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon,
.wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon {
    border: 1px solid #ff5050;
}

    .wpo-about-section .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon .fi:before,
    .wpo-about-section-s2 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon .fi:before,
    .wpo-about-section-s3 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon .fi:before,
    .wpo-about-section-s4 .wpo-about-wrap .about-info-wrap .about-info-item:nth-child(2) .about-info-icon .icon .fi:before {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
    }

/*3.4 wpo-causes-section */
.wpo-causes-section .container-fluid,
.wpo-causes-section-s2 .container-fluid {
    padding: 0;
}

.wpo-causes-section.s2,
.wpo-causes-section-s2.s2 {
    padding-bottom: 90px;
}

@media (max-width: 991px) {
    .wpo-causes-section.s2,
    .wpo-causes-section-s2.s2 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-causes-section.s2,
    .wpo-causes-section-s2.s2 {
        padding-bottom: 50px;
    }
}

.causes-top .image {
    height: 660px;
}

@media (max-width: 991px) {
    .causes-top .image {
        height: 100%;
    }
}

.causes-top .image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.causes-top .campaign-card {
    height: 760px;
    padding-top: 80px;
    padding-right: 60px;
    padding-left: 60px;
    background: #101010;
}

@media (max-width: 1399px) {
    .causes-top .campaign-card {
        padding-top: 50px;
    }
}

@media (max-width: 991px) {
    .causes-top .campaign-card {
        height: 100%;
        padding: 60px 40px;
    }
}

@media (max-width: 575px) {
    .causes-top .campaign-card {
        padding: 30px 20px;
    }
}

.causes-top .campaign-card .text {
    text-align: left;
}

    .causes-top .campaign-card .text h2 {
        margin-bottom: 15px;
    }

        .causes-top .campaign-card .text h2 a {
            font-family: "Roboto", sans-serif;
            font-weight: 700;
            font-size: 40px;
            line-height: 55px;
            color: #fff;
        }

@media (max-width: 1199px) {
    .causes-top .campaign-card .text h2 a {
        font-size: 34px;
        line-height: 50px;
    }
}

@media (max-width: 575px) {
    .causes-top .campaign-card .text h2 a {
        font-size: 25px;
        line-height: 35px;
    }
}

.causes-top .campaign-card .text p {
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: #fff;
    margin-bottom: 50px;
}

@media (max-width: 575px) {
    .causes-top .campaign-card .text p {
        font-size: 15px;
        line-height: 25px;
    }
}

.causes-top .campaign-card .progress-item {
    padding: 35px 45px;
    background: rgba(202, 202, 202, 0.1);
    border: 1px solid #484848;
    border-radius: 20px;
    position: relative;
}

@media (max-width: 575px) {
    .causes-top .campaign-card .progress-item {
        padding: 20px 15px;
    }
}

.causes-top .campaign-card .progress-item .progress {
    padding: 0;
    width: 100%;
    height: 20px;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
}

@media (max-width: 575px) {
    .causes-top .campaign-card .progress-item .progress {
        margin-top: 20px;
        height: 16px;
    }
}

.causes-top .campaign-card .progress-item .progress .bar {
    position: relative;
    float: left;
    min-width: 1%;
    height: 14px;
    margin-top: 3px;
    margin-left: 3px;
    background: #ff5050;
    z-index: 1;
    border-radius: 30px;
}

@media (max-width: 575px) {
    .causes-top .campaign-card .progress-item .progress .bar {
        height: 10px;
    }
}

.causes-top .campaign-card .progress-item .cssProgress-label {
    position: absolute;
    top: 35px;
    right: 105px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.12em;
}

@media (max-width: 1399px) {
    .causes-top .campaign-card .progress-item .cssProgress-label {
        right: 80px;
    }
}

@media (max-width: 575px) {
    .causes-top .campaign-card .progress-item .cssProgress-label {
        top: 15px;
        right: 40px;
    }
}

.causes-top .campaign-card .progress-item .progres-label {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-top: 10px;
}

@media (max-width: 399px) {
    .causes-top .campaign-card .progress-item .progres-label {
        display: block;
    }
}

.causes-top .campaign-card .progress-item .label-on p,
.causes-top .campaign-card .progress-item .label-two p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: #fff;
}

@media (max-width: 575px) {
    .causes-top .campaign-card .progress-item .label-on p,
    .causes-top .campaign-card .progress-item .label-two p {
        font-size: 15px;
        line-height: 25px;
    }
}

.causes-top .campaign-card .progress-item .label-on p span,
.causes-top .campaign-card .progress-item .label-two p span {
    margin-left: 5px;
}

.causes-item {
    border-radius: 12px 12px 12px 12px;
    background: #fff;
    padding-bottom: 10px;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    margin-bottom: 20px;
}

.wpo-cta-section1 {
    background: url(../images/cta/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 25px;
    position: relative;
    z-index: 1;
}

.testimonial-wrapper2:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 28%, white 29%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 28%, white 29%, white 75%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 28%, white 29%, white 75%, rgba(255, 255, 255, 0) 100%);
}

.testimonial-wrapper2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: -moz-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.7) 34%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.71) 68%, white 97%, white 99%);
    background: -webkit-linear-gradient(top, white 0%, rgba(255, 255, 255, 0.7) 34%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.71) 68%, white 97%, white 99%);
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.7) 34%, rgba(255, 255, 255, 0.7) 67%, rgba(255, 255, 255, 0.71) 68%, white 97%, white 99%);
}


/*--------------------------------------------------------------
# Process
--------------------------------------------------------------*/
.process {
    position: relative;
    display: block;
    padding: 50px 0 50px;
}

.process__top {
    position: relative;
    display: block;
    counter-reset: count;
}

.process__single {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 22px;
}

.process__icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 198px;
    width: 198px;
    background-color: #fff;
    border-radius: 50%;
    border: 10px solid #ff5050;
    margin: 0 auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 1;
}

.process__single:hover .process__icon {
    background-color: #ff5050;
}

.process__icon span {
    position: relative;
    display: inline-block;
    font-size: 40px;
    color: #3b5998;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.process__single:hover .process__icon span {
    color: #fff;
    transform: scale(.9);
}

.process__count {
    position: absolute;
    bottom: -10px;
    right: -10px;
    border-top: 95px solid transparent;
    border-right: 95px solid #ff5050;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    z-index: 2;
}

    .process__count:before {
        position: absolute;
        right: -76px;
        bottom: 22px;
        font-size: 20px;
        line-height: 20px;
        font-weight: 800;
        counter-increment: count;
        content: "0"counter(count);
        transition: all 200ms linear;
        transition-delay: 0.1s;
        color: #fff;
        text-align: center;
    }

.process__title {
    font-size: 24px;
    font-weight: 800;
    line-height: 34px;
    margin-top: 22px;
}

.process__bottom {
    position: relative;
    display: block;
    margin-top: 21px;
}

.process__bottom-content-box {
    position: relative;
    display: block;
    text-align: center;
}

    .process__bottom-content-box p {
        font-weight: 400;
        font-size: 16px;
        line-height: 23px;
    }

.process__btn {
    margin-top: 41px;
}


.section-title__title {
    margin: 0;
    color: #3b5998;
    font-size: 37px;
    line-height: 50px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 30px;
}




.causes-item .image img {
    width: 100%;
    border-radius: 12px 12px 0px 0px;
}

.causes-item .content {
    padding: 20px 20px 0px 20px;
}

@media (max-width: 1399px) {
    .causes-item .content {
        padding: 20px 15px 0px 15px;
    }
}

.causes-item .content h2 {
    margin-top: -10px;
}

    .causes-item .content h2 a {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 22px;
        line-height: 38px;
        color: #323232;
    }

@media (max-width: 1550px) {
    .causes-item .content h2 a {
        font-size: 20px;
    }
}

@media (max-width: 1399px) {
    .causes-item .content h2 a {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .causes-item .content h2 a {
        font-size: 24px;
        line-height: 35px;
    }
}

@media (max-width: 991px) {
    .causes-item .content h2 a {
        font-size: 25px;
        line-height: 35px;
    }
}

@media (max-width: 399px) {
    .causes-item .content h2 a {
        font-size: 20px;
        line-height: 30px;
    }
}

.causes-item .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #525252;
    margin-top: 12px;
    margin-bottom: 19px;
}

@media (max-width: 1199px) {
    .causes-item .content p {
        font-size: 16px;
        line-height: 24px;
    }
}

.causes-item .content .progress-item {
    padding: 16px 15px;
    position: relative;
    background: #F0F0F0;
    border-radius: 10px;
    margin-bottom: 10px;
}

@media (max-width: 1399px) {
    .causes-item .content .progress-item {
        padding: 20px 10px;
    }
}

.causes-item .content .progress-item .progress {
    padding: 0;
    width: 100%;
    height: 16px;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

    .causes-item .content .progress-item .progress .bar {
        position: relative;
        float: left;
        min-width: 1%;
        height: 10px;
        margin-top: 3px;
        margin-left: 3px;
        background: #ff5050;
        z-index: 1;
        border-radius: 30px;
    }

.causes-item .content .progress-item .cssProgress-label {
    position: absolute;
    top: 10px;
    right: 60px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    /*letter-spacing: 0.12em;*/
}

@media (max-width: 1399px) {
    .causes-item .content .progress-item .cssProgress-label {
        right: 40px;
    }
}

@media (max-width: 767px) {
    .causes-item .content .progress-item .cssProgress-label {
        right: 60px;
    }
}

@media (max-width: 1399px) {
    .causes-item .content .progress-item .cssProgress-label {
        top: 15px;
    }
}

.causes-item .content .progress-item .progres-label {
    display: flex;
    align-content: center;
    justify-content: space-between;
    margin-top: 4px;
}

@media (max-width: 399px) {
    .causes-item .content .progress-item .progres-label {
        display: block;
    }
}

.causes-item .content .progress-item .label-on p,
.causes-item .content .progress-item .label-two p {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 28px;
    color: #525252;
    margin-top: 0;
}

@media (max-width: 1199px) {
    .causes-item .content .progress-item .label-on p,
    .causes-item .content .progress-item .label-two p {
        font-size: 15px;
    }
}

.causes-item .content .progress-item .label-on p span,
.causes-item .content .progress-item .label-two p span {
    margin-left: 5px;
}

.causes-wrap {
    margin: 0 100px;
    margin-top: -80px;
}

@media (max-width: 1550px) {
    .causes-wrap {
        margin: 0 30px;
        margin-top: -80px;
    }
}

@media (max-width: 1399px) {
    .causes-wrap {
        margin: 0 30px;
        margin-top: -40px;
    }
}

@media (max-width: 991px) {
    .causes-wrap {
        margin-top: 40px;
    }
}

.causes-wrap .col:nth-child(2) .causes-item .content .progress-item .progress .bar {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
}

.causes-wrap .col:nth-child(2) .causes-item .content .progress-item .cssProgress-label {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.causes-wrap .col:nth-child(3) .causes-item .content .progress-item .progress .bar {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
}

.causes-wrap .col:nth-child(3) .causes-item .content .progress-item .cssProgress-label {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/*3.5 wpo-service-section*/
.wpo-service-section {
    padding-top: 40px;
    padding-bottom: 20px;
}

@media (max-width: 991px) {
    .wpo-service-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .wpo-service-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .wpo-partners-section .grid img {
        width: auto !important;
        height: 110px !important;
        margin: 0 auto !important;
        transition: all 0.4s ease-in-out;
    }

    .process__bottom-content-box p {
        font-weight: 500;
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .process {
        position: relative;
        display: block;
        padding: 30px 0 30px !important;
    }
}

.wpo-service-section.s2 {
    padding-top: 120px;
    padding-bottom: 0px;
}

@media (max-width: 991px) {
    .wpo-service-section.s2 {
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .wpo-service-section.s2 {
        padding-top: 80px;
    }
}

@media (max-width: 1199px) {
    .wpo-service-section .wpo-section-title h2 {
        font-size: 46px;
        line-height: 64px;
    }
}

@media (max-width: 991px) {
    .wpo-service-section .wpo-section-title h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .wpo-service-section .wpo-section-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

.service-item {
    text-align: center;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 4, 88, 0.1);
    border-radius: 20px;
    padding: 40px 18px;
    margin-bottom: 30px;
}

@media (max-width: 1199px) {
    .service-item {
        padding: 20px 20px;
    }
}

.service-item .icon {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #F5FDFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1ECFFE;
    margin: 0 auto;
}

.service-item .text h2 {
    margin-top: 40px;
}

    .service-item .text h2 a {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 34px;
        color: #323232;
        transition: all 0.3s ease-in-out;
    }

    .service-item .text h2:hover a {
        color: #1ECFFE;
    }

.service-item .text p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #525252;
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .service-item .text p {
        font-size: 15px;
        line-height: 23px;
    }
}

.service-wrap .col:nth-child(2) .service-item .icon {
    background: #FFFCF4;
    border: 1px solid #ff5050;
}

.service-wrap .col:nth-child(2) .service-item .text h2:hover a {
    color: #ff5050;
}

.service-wrap .col:nth-child(3) .service-item .icon {
    background: #F3FFFC;
    border: 1px solid #00AF90;
}

.service-wrap .col:nth-child(3) .service-item .text h2:hover a {
    color: #00AF90;
}

.service-wrap .col:nth-child(4) .service-item .icon {
    background: #FFF5F7;
    border: 1px solid #FF7888;
}

.service-wrap .col:nth-child(4) .service-item .text h2:hover a {
    color: #FF7888;
}

/*3.6 wpo-cta-section */
.wpo-cta-section {
    background: url(../images/cta/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 25px;
    position: relative;
    z-index: 1;
}

@media (max-width: 991px) {
    .wpo-cta-section {
        padding: 20px;
    }
}

.wpo-cta-section .shape-1 {
    position: absolute;
    left: 90px;
    bottom: 0;
    width: 270px;
    height: 270px;
    z-index: -1;
}

@media (max-width: 1399px) {
    .wpo-cta-section .shape-1 {
        left: 25px;
        width: 150px;
        height: 150px;
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .wpo-cta-section .shape-1 {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 575px) {
    .wpo-cta-section .shape-1 {
        display: none;
    }
}

.wpo-cta-section .bg-overlay {
    position: relative;
}

    .wpo-cta-section .bg-overlay::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: #0C5447;
        opacity: 0.8;
        z-index: -1;
    }

.wpo-cta-section .shape-2 {
    position: absolute;
    right: 90px;
    top: 25px;
    width: 270px;
    height: 270px;
    z-index: -11;
}

@media (max-width: 1399px) {
    .wpo-cta-section .shape-2 {
        width: 150px;
        height: 150px;
        right: 25px;
        top: 25px;
    }
}

@media (max-width: 767px) {
    .wpo-cta-section .shape-2 {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 575px) {
    .wpo-cta-section .shape-2 {
        display: none;
    }
}

.cta-wrap {
    text-align: center;
    padding: 60px 0;
}

@media (max-width: 575px) {
    .cta-wrap {
        padding: 40px 0;
    }
}

.cta-wrap span {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 34px;
    color: #fff;
}

@media (max-width: 575px) {
    .cta-wrap span {
        font-size: 20px;
        line-height: 30px;
    }
}

.cta-wrap h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 53px;
    line-height: 68px;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 25px;
}

@media (max-width: 1199px) {
    .cta-wrap h2 {
        font-size: 40px;
        line-height: 50px;
    }
}

@media (max-width: 767px) {
    .cta-wrap h2 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (max-width: 575px) {
    .cta-wrap h2 {
        font-size: 25px;
        line-height: 32px;
        margin-top: 10px;
    }
}

.cta-wrap .theme-btn-cta {
    color: #fff;
    display: inline-block;
    padding: 15px 35px;
    border: 0;
    text-transform: capitalize;
    z-index: 1;
    position: relative;
    font-family: "Roboto", sans-serif;
    border-radius: 30px;
    font-weight: 700;
    font-size: 18px;
}

    .cta-wrap .theme-btn-cta:after {
        position: absolute;
        content: "";
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all 0.5s ease-in-out;
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        opacity: 1;
        z-index: -1;
        border-radius: 30px;
    }

    .cta-wrap .theme-btn-cta:hover, .cta-wrap .theme-btn-cta:focus, .cta-wrap .theme-btn-cta:active {
        color: #fff;
    }

        .cta-wrap .theme-btn-cta:hover:after {
            background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
        }

@media (max-width: 991px) {
    .cta-wrap .theme-btn-cta {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .cta-wrap .theme-btn-cta {
        padding: 12px 18px;
        font-size: 14px;
    }
}

/*3.7 wpo-event-section */
.wpo-event-section {
    padding-bottom: 90px;
}

@media (max-width: 991px) {
    .wpo-event-section {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-event-section {
        padding-bottom: 50px;
    }
}

@media (max-width: 991px) {
    .wpo-event-section .wpo-section-title h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .wpo-event-section .wpo-section-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

.event-card {
    position: relative;
    z-index: 1;
    border-radius: 20px;
    margin: 0 4px;
    margin-bottom: 30px;
}

@media (max-width: 1399px) {
    .event-card {
        margin: 0;
        margin-bottom: 30px;
    }
}

.event-card:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 52, 43, 0) 48.36%, rgba(0, 39, 32, 0.712623) 78%, #000000 97.64%);
    border-radius: 20px;
    transition: all 0.3s;
    z-index: 11;
}

.event-card .top-date {
    position: absolute;
    right: 20px;
    top: -15px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    height: 120px;
    width: 110px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    padding-top: 25px;
    text-transform: capitalize;
    z-index: 11;
}

    .event-card .top-date span {
        display: block;
    }

    .event-card .top-date .shape {
        position: absolute;
        top: -8px;
        left: -19px;
    }

        .event-card .top-date .shape svg path {
            fill: #D77301;
        }

.event-card .image {
    overflow: hidden;
    border-radius: 20px;
}

    .event-card .image img {
        overflow: hidden;
        width: 100%;
        transition: all 0.3s;
        border-radius: 20px;
    }

.event-card:hover .image img {
    transform: scale(1.1);
}

.event-card .text {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 11;
    padding: 40px 28px;
}

@media (max-width: 1199px) {
    .event-card .text {
        padding: 40px 20px;
    }
}

.event-card .text h3 a {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 31px;
    color: #FFFFFF;
    transition: all 0.3s;
}

@media (max-width: 1199px) {
    .event-card .text h3 a {
        font-size: 25px;
        line-height: 35px;
    }
}

.event-card .text h3:hover a {
    color: #ff5050;
}

.event-card .text .event-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .event-card .text .event-info span {
        font-family: "Roboto", sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
        color: #FFFFFF;
    }

        .event-card .text .event-info span i {
            font-size: 16px;
            margin-right: 10px;
        }

.event-wrap .col:nth-child(2) .event-card .top-date {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
}

    .event-wrap .col:nth-child(2) .event-card .top-date .shape svg path {
        fill: #006250;
    }

.event-wrap .col:nth-child(3) .event-card .top-date {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
}

    .event-wrap .col:nth-child(3) .event-card .top-date .shape svg path {
        fill: #6A0000;
    }

/*3.8 wpo-fun-fact-section */
.wpo-fun-fact-section,
.wpo-fun-fact-section-s4 {
    background: url(../images/funfact.jpg);
    position: relative;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-bottom: 30px;
}

@media (max-width: 1199px) {
    .wpo-fun-fact-section,
    .wpo-fun-fact-section-s4 {
        padding-bottom: 40px;
    }
}

@media (max-width: 991px) {
    .wpo-fun-fact-section,
    .wpo-fun-fact-section-s4 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-fun-fact-section,
    .wpo-fun-fact-section-s4 {
        padding-bottom: 25px;
    }
}

.wpo-fun-fact-section::before,
.wpo-fun-fact-section-s4::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    z-index: -1;
}

.fun-fact-wrap .info {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 2px 10px rgba(0, 4, 88, 0.1);
    border-radius: 20px;
    padding: 20px 10px;
    border: 1px solid #dedede;
    border-radius: 28px;
    border-bottom: 5px solid #d84315;
}

@media (max-width: 991px) {
    .fun-fact-wrap .info {
        margin-bottom: 30px;
    }
}

.fun-fact-wrap .info h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    font-size: 35px;
    line-height: 50px;
    color: #fff;
    margin-bottom: 0;
    display: inline;
}

@media (max-width: 1399px) {
    .fun-fact-wrap .info h3 {
        font-size: 35px;
        line-height: 55px;
    }
}

@media (max-width: 1199px) {
    .fun-fact-wrap .info h3 {
        font-size: 40px;
        line-height: 60px;
        text-align: center;
    }
}

@media (max-width: 991px) {
    .fun-fact-wrap .info h3 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 35px;
        line-height: 40px;
    }
}

.fun-fact-wrap .info h3 span {
    font-family: "Roboto", sans-serif;
}

.fun-fact-wrap .info P {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 34px;
    color: #fff;
    margin-bottom: 0;
    text-align: left;
    /*margin-left: 15px;*/
    max-width: 143px;
    display: inline-block;
}

@media (max-width: 1399px) {
    .fun-fact-wrap .info P {
        font-size: 16px;
        line-height: 23px;
        max-width: 100px;
    }
}

@media (max-width: 1199px) {
    .fun-fact-wrap .info P {
        font-size: 15px;
        line-height: 25px;
        margin-left: 10px;
    }
}

@media (max-width: 991px) {
    .fun-fact-wrap .info P {
        text-align: left;
        margin-left: 10px;
    }
}

/*3.9 wpo-testimonial-section */
.wpo-testimonial-section {
    position: relative;
    margin-top: -210px;
}

@media (max-width: 991px) {
    .wpo-testimonial-section {
        margin-top: 0px;
        padding: 90px 0 0px;
    }
}

@media (max-width: 767px) {
    .wpo-testimonial-section {
        padding: 80px 0 0px;
    }
}

.wpo-testimonial-section.s2 {
    margin-top: 0;
}

.wpo-testimonial-slider .owl-stage-outer {
    margin: -15px;
}

.wpo-testimonial-slider .owl-stage {
    margin: 15px;
}

.wpo-testimonial-slider .owl-nav .owl-prev {
    position: absolute;
    left: -100px;
    top: 40%;
    transform: translateY(-50%);
    background: transparent;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition: all 0.3s;
    border: 1px solid #A6A6A6;
}

@media (max-width: 1499px) {
    .wpo-testimonial-slider .owl-nav .owl-prev {
        left: -50px;
    }
}

@media (max-width: 1199px) {
    .wpo-testimonial-slider .owl-nav .owl-prev {
        left: 0px;
        display: none;
    }
}

.wpo-testimonial-slider .owl-nav .owl-prev i {
    color: #fff;
    transition: all 0.3s;
}

    .wpo-testimonial-slider .owl-nav .owl-prev i::before {
        font-size: 25px;
    }

.wpo-testimonial-slider .owl-nav .owl-prev:hover {
    border: 1px solid #fff;
}

    .wpo-testimonial-slider .owl-nav .owl-prev:hover i {
        color: #fff;
    }

.wpo-testimonial-slider .owl-nav .owl-next {
    right: -100px;
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 5px;
    transition: all 0.3s;
    border: 1px solid #A6A6A6;
}

@media (max-width: 1499px) {
    .wpo-testimonial-slider .owl-nav .owl-next {
        right: -50px;
        display: none;
    }
}

@media (max-width: 1399px) {
    .wpo-testimonial-slider .owl-nav .owl-next {
        right: -50px;
        display: none;
    }
}

.wpo-testimonial-slider .owl-nav .owl-next i {
    color: #fff;
    transition: all 0.3s;
}

    .wpo-testimonial-slider .owl-nav .owl-next i::before {
        font-size: 25px;
    }

.wpo-testimonial-slider .owl-nav .owl-next:hover {
    border: 1px solid #ff5050;
}

    .wpo-testimonial-slider .owl-nav .owl-next:hover i {
        color: #fff;
    }

.wpo-testimonial-slider .owl-dots {
    text-align: center;
    margin-top: 20px;
}

    .wpo-testimonial-slider .owl-dots .owl-dot {
        width: 10px;
        height: 12px;
        border-radius: 50px;
        background: #989AA5;
        border: 0;
        margin: 0 5px;
        display: none;
    }

@media (max-width: 991px) {
    .wpo-testimonial-slider .owl-dots .owl-dot {
        display: inline;
    }
}

.wpo-testimonial-slider .owl-dots .owl-dot.active {
    background: #ff5050;
}

.testimonial-item .content {
    position: relative;
    padding: 30px 25px;
    border-radius: 15px;
    box-shadow: 0px 2px 10px 0px rgba(0, 4, 88, 0.1019607843);
    margin-bottom: 30px;
    background: #fff;
    /*height: 270px;*/
}

@media (max-width: 991px) {
    .testimonial-item .content {
        padding: 20px 10px;
        height: 100%;
    }
}

.testimonial-item .content .shape {
    position: absolute;
    bottom: -13px;
    left: 54px;
    width: 55px;
    height: 20px;
}

.testimonial-item .content .icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .testimonial-item .content .icon i {
        font-size: 30px;
        color: #fff;
        margin-top: 10px;
    }

.testimonial-item .content p {
    /*font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 23px;
  text-align: left;
  margin-bottom: 0;
  margin-top: 20px;*/
    /*font-family: "Lora", serif;*/ /* A stylish serif font for a more elegant look */
    font-size: 18px; /* Slightly larger font size for better readability */
    font-weight: 300; /* Lighter weight for a more refined appearance */
    line-height: 1.6; /* Increased line height for better readability */
    text-align: left;
    margin-bottom: 0;
    text-align: justify;
    margin-top: 20px;
}

@media (max-width: 575px) {
    .testimonial-item .content p {
        font-size: 17px;
        line-height: 26px;
    }
}

.testimonial-item .bottom-content {
    display: flex;
    align-items: center;
    justify-content: left;
    padding-left: 20px;
}

    .testimonial-item .bottom-content .image {
        height: 185px;
    }

@media (max-width: 575px) {
    .testimonial-item .bottom-content .image {
        height: 140px;
        width: 160px;
    }
}

.testimonial-item .bottom-content .image img {
    border-radius: 69%;
    width: 164px;
}

.testimonial-item .bottom-content .text {
    margin-left: 15px;
}

    .testimonial-item .bottom-content .text h3 {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 18px;
        line-height: 24px;
        color: #323232;
        margin-bottom: 0px;
    }

@media (max-width: 575px) {
    .testimonial-item .bottom-content .text h3 {
        font-size: 20px;
        line-height: 30px;
    }
}

.testimonial-item .bottom-content .text span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #8D8D8D;
}

@media (max-width: 575px) {
    .testimonial-item .bottom-content .text span {
        font-size: 15px;
        line-height: 20px;
    }
}

/*3.10 wpo-instagram-section */
.wpo-instagram-section.s2 {
    padding-bottom: 30px;
}

@media (max-width: 991px) {
    .wpo-instagram-section.s2 {
        padding-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .wpo-instagram-section.s2 {
        padding-bottom: 80px;
    }
}

.wpo-instagram-section.s2 .instagram-wrap .col {
    margin-bottom: 15px;
}

.instagram-wrap .instagram-card {
    position: relative;
    z-index: 1;
    border-radius: 12px;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: all 0.3s;
    overflow: hidden;
}

    .instagram-wrap .instagram-card:before {
        position: absolute;
        content: "";
        left: 0;
        top: 9px;
        width: 100%;
        height: 100%;
        background: linear-gradient(180deg, rgba(95, 95, 95, 0) 28.4%, rgba(0, 0, 0, 0.586081) 66.2%, #000000 97.4%);
        border-radius: 12px;
        transition: all 0.3s;
        z-index: 11;
        opacity: 0;
        visibility: hidden;
    }

    .instagram-wrap .instagram-card .image img {
        width: 100%;
        border-radius: 12px;
    }

    .instagram-wrap .instagram-card .image .popup-icon {
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%), linear-gradient(0deg, #ED8A1C, #ED8A1C);
        height: 40px;
        width: 40px;
        border-radius: 100px;
        text-align: center;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 111;
        transition: all 0.3s;
        opacity: 0;
        visibility: hidden;
    }

@media (max-width: 1199px) {
    .instagram-wrap .instagram-card .image .popup-icon {
        height: 30px;
        width: 30px;
    }
}

@media (max-width: 991px) {
    .instagram-wrap .instagram-card .image .popup-icon {
        height: 30px;
        width: 30px;
    }
}

.instagram-wrap .instagram-card .image .popup-icon i {
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 40px;
}

@media (max-width: 1199px) {
    .instagram-wrap .instagram-card .image .popup-icon i {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width: 991px) {
    .instagram-wrap .instagram-card .image .popup-icon i {
        font-size: 16px;
        line-height: 20px;
    }
}

.instagram-wrap .instagram-card .text {
    padding: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 11;
    transition: all 0.3s;
    opacity: 0;
    visibility: hidden;
    width: 100%;
}

@media (max-width: 1199px) {
    .instagram-wrap .instagram-card .text {
        padding: 20px;
    }
}

@media (max-width: 575px) {
    .instagram-wrap .instagram-card .text {
        left: 70%;
        transform: translateX(-50%);
    }
}

@media (max-width: 400px) {
    .instagram-wrap .instagram-card .text {
        left: 50%;
    }
}

.instagram-wrap .instagram-card .text span {
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.instagram-wrap .instagram-card .text h2 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 41px;
    color: #fff;
}

@media (max-width: 991px) {
    .instagram-wrap .instagram-card .text h2 {
        font-size: 20px;
        line-height: 35px;
    }
}

.instagram-wrap .instagram-card:hover, .instagram-wrap .instagram-card.active {
    border-radius: 12px;
    z-index: 11;
}

    .instagram-wrap .instagram-card:hover:before, .instagram-wrap .instagram-card.active:before {
        opacity: 1;
        visibility: visible;
    }

    .instagram-wrap .instagram-card:hover .image .popup-icon, .instagram-wrap .instagram-card.active .image .popup-icon {
        opacity: 1;
        visibility: visible;
    }

    .instagram-wrap .instagram-card:hover .text, .instagram-wrap .instagram-card.active .text {
        opacity: 1;
        visibility: visible;
    }

.instagram-wrap .owl-nav {
    display: none;
}

.instagram-wrap .owl-carousel .owl-stage-outer {
    overflow: unset;
}

/*3.11 wpo-blog-section */
@media (max-width: 991px) {
    .wpo-blog-section .wpo-section-title h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .wpo-blog-section .wpo-section-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

.blog-single-card {
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    background: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 15px;
}

    .blog-single-card .image {
        padding: 10px 10px 10px 10px;
        position: relative;
    }

        .blog-single-card .image img {
            border-top-left-radius: 10px;
            border-top-right-radius: 10px;
            width: 100%;
        }

        .blog-single-card .image .top-date {
            position: absolute;
            left: 0px;
            bottom: 200px;
            color: #fff;
            font-family: "Roboto", sans-serif;
            font-weight: 500;
            font-size: 16px;
            line-height: 30px;
            text-align: center;
            height: 45px;
            width: 125px;
            background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
            border-bottom-right-radius: 50px;
            border-top-right-radius: 50px;
            text-transform: capitalize;
            display: flex;
            align-items: center;
            justify-content: center;
            z-index: 55;
        }

            .blog-single-card .image .top-date .shape {
                position: absolute;
                top: -21px;
                left: 1px;
            }

                .blog-single-card .image .top-date .shape svg path {
                    fill: #D77301;
                }

    .blog-single-card .content {
        padding: 0 15px;
    }

@media (max-width: 1199px) {
    .blog-single-card .content {
        padding: 0 20px;
    }
}

@media (max-width: 1199px) {
    .blog-single-card .content {
        padding: 0 10px;
    }
}

.blog-single-card .content .top-content {
    list-style: none;
    text-align: center;
    display: flex;
    align-items: center;
}

    .blog-single-card .content .top-content li {
        display: flex;
        align-items: center;
        justify-content: left;
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 30px;
        color: #525252;
        margin: 0 10px;
    }

@media (max-width: 1199px) {
    .blog-single-card .content .top-content li {
        margin: 0 5px;
    }
}

@media (max-width: 1399px) {
    .blog-single-card .content .top-content li {
        font-size: 14px;
    }
}

.blog-single-card .content .top-content li .image-single {
    margin-right: 10px;
}

    .blog-single-card .content .top-content li .image-single img {
        width: 49px;
        height: 49px;
        border-radius: 100px;
    }

@media (max-width: 1199px) {
    .blog-single-card .content .top-content li .image-single img {
        width: 39px;
        height: 39px;
    }
}

@media (max-width: 1199px) {
    .blog-single-card .content .top-content li {
        font-size: 14px;
    }
}

.blog-single-card .content .top-content li i {
    margin-right: 10px;
    font-size: 16px;
}

.blog-single-card .content h2 {
    margin-top: 15px;
    margin-bottom: 10px;
}

    .blog-single-card .content h2 a {
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        font-size: 24px;
        line-height: 31px;
        color: #323232;
        transition: all 0.3s;
    }

@media (max-width: 1399px) {
    .blog-single-card .content h2 a {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 1199px) {
    .blog-single-card .content h2 a {
        font-size: 20px;
    }
}

.blog-single-card .content h2:hover a {
    color: #ff5050;
}

.blog-single-card .content p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #525252;
    padding-bottom: 10px;
}

@media (max-width: 991px) {
    .blog-single-card .content p {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .blog-single-card .content p {
        font-size: 15px;
        line-height: 25px;
    }
}

.blog-single-card .blog-btn {
    background: #F9F9F9;
    padding: 10px 30px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

@media (max-width: 1199px) {
    .blog-single-card .blog-btn {
        padding: 10px 20px;
    }
}

.blog-single-card .blog-btn a {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .blog-single-card .blog-btn a i {
        font-size: 21px;
    }

.blog-wrap .col:nth-child(2) .blog-single-card .image .top-date {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 97.92%);
}

    .blog-wrap .col:nth-child(2) .blog-single-card .image .top-date .shape svg path {
        fill: #004E40;
    }

.blog-wrap .col:nth-child(2) .blog-single-card .content h2:hover a {
    color: #004E40;
}

.blog-wrap .col:nth-child(2) .blog-single-card .blog-btn a {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.blog-wrap .col:nth-child(3) .blog-single-card .image .top-date {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
}

    .blog-wrap .col:nth-child(3) .blog-single-card .image .top-date .shape svg path {
        fill: #760002;
    }

.blog-wrap .col:nth-child(3) .blog-single-card .content h2:hover a {
    color: #760002;
}

.blog-wrap .col:nth-child(3) .blog-single-card .blog-btn a {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* 3.12 wpo-partners-section */
.wpo-partners-section {
    position: relative;
    padding: 30px 0 40px;
}

@media (max-width: 991px) {
    .wpo-partners-section {
        padding: 30px 0 40px;
    }
}

@media (max-width: 767px) {
    .wpo-partners-section {
        padding: 30px 0 40px;
    }

    .section-title__title {
        margin: 0;
        color: #3b5998;
        font-size: 26px;
        line-height: 39px;
        margin-bottom: 30px;
    }
}

.wpo-partners-section h2 {
    display: block;
}

.wpo-partners-section .partners-img img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

.wpo-partners-section .grid {
    /* height: 95px;*/
    display: flex;
    align-items: center;
}

    .wpo-partners-section .grid:hover img {
        filter: grayscale(100%);
    }

    .wpo-partners-section .grid img {
        width: auto;
        /*height: 50px;*/
        margin: 0 auto;
        transition: all 0.4s ease-in-out;
    }

.wpo-partners-section .owl-nav button {
    display: none;
}

.wpo-partners-section.wpo-partners-section-s2 {
    background: #02245B;
    opacity: 0.8;
}

/*======================================
5. Home-style-2
 =======================================*/
/*5.1 wpo-service-section-s2 */
.wpo-service-section-s2 {
    padding-top: 0;
}

@media (max-width: 991px) {
    .wpo-service-section-s2 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-service-section-s2 {
        padding-bottom: 50px;
    }
}

/*5.2 wpo-about-section-s2 */
.wpo-about-section-s2 {
    padding: 200px 0;
}

@media (max-width: 1399px) {
    .wpo-about-section-s2 {
        padding: 150px 0;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s2 {
        padding: 120px 0;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 {
        padding: 60px 0 90px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 {
        padding: 50px 0 80px;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2 {
        font-size: 50px;
        line-height: 64px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-text h2 {
        font-size: 32px;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
    margin-left: -300px;
    position: relative;
    z-index: -1;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
        margin-left: 0px;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
        margin-right: 0;
        margin-left: -87px;
        margin-top: 100px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
        margin-left: 0;
        margin-top: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
        margin-left: 0;
        margin-top: 50px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img {
        margin-top: 0px;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
    height: 719px;
    width: 829px;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
        height: 650px;
        width: 650px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
        height: 600px;
        width: 600px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
        height: 400px;
        width: 400px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .bg-image {
        height: 100%;
        width: 100%;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-2,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-3,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4,
.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
    position: absolute;
    animation: bounce 3s linear infinite;
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1 img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-2 img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-3 img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 img,
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 img {
        width: 100px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1 {
    right: 130px;
    bottom: 0;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1 {
        right: 152px;
        bottom: 44px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1 {
        right: 210px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-1 {
        right: 15%;
        bottom: 0px;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-2 {
    left: 100px;
    bottom: 0;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-2 {
        left: 30px;
        top: 150px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-2 {
        left: 61px;
        top: 130px;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-3 {
    left: 100px;
    top: 50px;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-3 {
        left: 30px;
        display: none;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 {
    left: 264px;
    top: -43px;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 {
        left: 177px;
        top: -65px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 {
        left: 220px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 {
        top: -20px;
        left: 190px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 {
        top: 0px;
        left: 30%;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-4 img {
        width: 150px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
    right: 95px;
    top: 29px;
}

@media (max-width: 1599px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        right: -20px;
        top: 94px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        right: 20px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        top: 85px;
        right: 70px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        top: 85px;
        right: 0px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        right: 8%;
    }
}

@media (max-width: 399px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 {
        display: none;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s2 .wpo-about-wrap .wpo-about-img .img-5 img {
        width: 70px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

@keyframes bounce {
    0% {
        transform: translateY(0) translateX(0);
    }

    50% {
        transform: translateY(15px) translateX(7px);
    }

    100% {
        transform: translateY(0) translateX(0);
    }
}
/*5.3 wpo-cta-section-s2 */
.wpo-cta-section-s2 {
    position: relative;
    background: #234e46;
    z-index: 1;
}

    .wpo-cta-section-s2 .shape-1 {
        position: absolute;
        left: 90px;
        bottom: 0;
        width: 270px;
        height: 270px;
        z-index: -1;
        opacity: 0.1;
    }

@media (max-width: 1399px) {
    .wpo-cta-section-s2 .shape-1 {
        left: 25px;
        width: 150px;
        height: 150px;
        bottom: 25px;
    }
}

@media (max-width: 767px) {
    .wpo-cta-section-s2 .shape-1 {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 575px) {
    .wpo-cta-section-s2 .shape-1 {
        display: none;
    }
}

.wpo-cta-section-s2 .shape-2 {
    position: absolute;
    right: 90px;
    top: 25px;
    width: 270px;
    height: 270px;
    z-index: -1;
    opacity: 0.1;
}

@media (max-width: 1399px) {
    .wpo-cta-section-s2 .shape-2 {
        width: 150px;
        height: 150px;
        right: 25px;
        top: 25px;
    }
}

@media (max-width: 767px) {
    .wpo-cta-section-s2 .shape-2 {
        width: 100px;
        height: 100px;
    }
}

@media (max-width: 575px) {
    .wpo-cta-section-s2 .shape-2 {
        display: none;
    }
}

.wpo-cta-section-s2 .left-img {
    position: absolute;
    left: 0;
    top: 50%;
    width: 573px;
    height: 573px;
    transform: translateY(-50%);
}

@media (max-width: 1749px) {
    .wpo-cta-section-s2 .left-img {
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 1520px) {
    .wpo-cta-section-s2 .left-img {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 991px) {
    .wpo-cta-section-s2 .left-img {
        display: none;
    }
}

.wpo-cta-section-s2 .right-img {
    position: absolute;
    right: 0;
    top: 50%;
    width: 573px;
    height: 573px;
    transform: translateY(-50%);
}

@media (max-width: 1749px) {
    .wpo-cta-section-s2 .right-img {
        width: 450px;
        height: 450px;
    }
}

@media (max-width: 1520px) {
    .wpo-cta-section-s2 .right-img {
        width: 300px;
        height: 300px;
    }
}

@media (max-width: 1199px) {
    .wpo-cta-section-s2 .right-img {
        width: 200px;
        height: 200px;
    }
}

@media (max-width: 991px) {
    .wpo-cta-section-s2 .right-img {
        display: none;
    }
}

/*5.4 wpo-causes-section-s2 */
.wpo-causes-section-s2 .causes-wrap {
    margin: 0;
}

.wpo-causes-section-s2 .causes-item {
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0px 2px 8px 0px rgba(0, 2, 53, 0.1490196078);
    margin-right: 15px;
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item {
        padding: 40px 40px;
        margin-right: 0px;
    }
}

@media (max-width: 767px) {
    .wpo-causes-section-s2 .causes-item {
        padding: 40px 30px;
    }
}

@media (max-width: 575px) {
    .wpo-causes-section-s2 .causes-item {
        padding: 30px 15px;
    }
}

.wpo-causes-section-s2 .causes-item .content {
    border: 0px transparent;
    padding: 0;
    padding-top: 30px;
}

@media (max-width: 1550px) {
    .wpo-causes-section-s2 .causes-item .content h2 a {
        font-size: 35px;
    }
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item .content h2 a {
        font-size: 28px;
        line-height: 35px;
    }
}

@media (max-width: 399px) {
    .wpo-causes-section-s2 .causes-item .content h2 a {
        font-size: 20px;
        line-height: 30px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 {
    display: flex;
    align-items: start;
    justify-content: start;
    margin-bottom: 30px;
    margin-right: 0px;
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item.s2 {
        display: block;
        margin-top: 30px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .image {
    width: 260px;
    border: 1px solid #dedede;
    border-radius: 10px;
}

@media (max-width: 1399px) {
    .wpo-causes-section-s2 .causes-item.s2 .image {
        width: 200px;
    }
}

@media (max-width: 1199px) {
    .wpo-causes-section-s2 .causes-item.s2 .image {
        display: none;
    }
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item.s2 .image {
        display: block;
        width: 100%;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .image img {
    border-radius: 12px 0px 0px 12px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item.s2 .image img {
        height: 100%;
        border-radius: 12px 12px 0px 0px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .content {
    padding-top: 0px;
    padding-left: 30px;
    width: calc(100% - 260px);
}

@media (max-width: 1399px) {
    .wpo-causes-section-s2 .causes-item.s2 .content {
        width: calc(100% - 200px);
    }
}

@media (max-width: 1199px) {
    .wpo-causes-section-s2 .causes-item.s2 .content {
        width: 100%;
        padding-left: 0px;
    }
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item.s2 .content {
        padding-top: 30px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .content h2 a {
    font-weight: 700;
    font-size: 26px;
    line-height: 40px;
}

@media (max-width: 1399px) {
    .wpo-causes-section-s2 .causes-item.s2 .content h2 a {
        font-size: 24px;
        line-height: 35px;
    }
}

@media (max-width: 991px) {
    .wpo-causes-section-s2 .causes-item.s2 .content h2 a {
        font-size: 28px;
        line-height: 35px;
    }
}

@media (max-width: 399px) {
    .wpo-causes-section-s2 .causes-item.s2 .content h2 a {
        font-size: 20px;
        line-height: 30px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .content p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 15px;
}

@media (max-width: 1399px) {
    .wpo-causes-section-s2 .causes-item.s2 .content p {
        line-height: 22px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .content .progress-item {
    padding: 20px 15px;
}

    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .cssProgress-label {
        top: 15px;
    }

    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-on p,
    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-two p {
        font-size: 15px;
        line-height: 25px;
        margin-bottom: 0;
    }

@media (max-width: 1399px) {
    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-on p,
    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-two p {
        font-size: 14px;
    }
}

@media (max-width: 1199px) {
    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-on p,
    .wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-two p {
        font-size: 13px;
    }
}

.wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-on p span,
.wpo-causes-section-s2 .causes-item.s2 .content .progress-item .label-two p span {
    margin-left: 5px;
}

.wpo-causes-section-s2 .causes-item.s2.s3 .content .progress-item .progress .bar {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
}

.wpo-causes-section-s2 .causes-item.s2.s3 .content .progress-item .cssProgress-label {
    background: linear-gradient(180deg, #FF7888 0%, #C10000 94.79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.wpo-causes-section-s2 .causes-item-btn {
    text-align: center;
    border: 1px solid #D7D7D7;
    border-radius: 12px;
    height: 92px;
}

@media (max-width: 1199px) {
    .wpo-causes-section-s2 .causes-item-btn {
        height: 60px;
    }
}

.wpo-causes-section-s2 .causes-item-btn .causes-btn {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 83px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

@media (max-width: 1199px) {
    .wpo-causes-section-s2 .causes-item-btn .causes-btn {
        line-height: 50px;
    }
}

.wpo-causes-section-s2 .causes-item-btn .causes-btn i {
    margin-left: 10px;
}

@media (max-width: 575px) {
    .wpo-causes-section-s2 .causes-item .content .progress-item .cssProgress-label {
        right: 37px;
    }
}

/*5.5 wpo-fun-fact-section-s2 */
.wpo-fun-fact-section-s2 {
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    padding: 90px 0;
    margin: 0 195px;
    border-radius: 12px;
}

@media (max-width: 1650px) {
    .wpo-fun-fact-section-s2 {
        margin: 0 95px;
    }
}

@media (max-width: 1450px) {
    .wpo-fun-fact-section-s2 {
        margin: 0 50px;
    }
}

@media (max-width: 991px) {
    .wpo-fun-fact-section-s2 {
        padding: 90px 0 60px;
    }
}

@media (max-width: 767px) {
    .wpo-fun-fact-section-s2 {
        padding: 80px 0 50px;
        margin: 0;
    }
}

/*5.6 wpo-blog-section-s2 */
.wpo-blog-section-s2 {
    padding-bottom: 0;
}

/*======================================
6. Home-style-3
 =======================================*/
/*6.1 wpo-about-section-s3 */
@media (max-width: 991px) {
    .wpo-about-section-s3 {
        padding-top: 90px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s3 {
        padding-top: 80px;
    }
}

.wpo-about-section-s3 .wpo-about-img-s3 {
    height: 819px;
    width: 893px;
    position: relative;
    left: -288px;
}

@media (max-width: 1699px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        height: 719px;
        width: 793px;
        left: -150px;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        height: 519px;
        width: 593px;
        left: -50px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        height: 419px;
        width: 493px;
        left: 0px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        margin: 0 auto;
        margin-bottom: 40px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        height: 319px;
        width: 393px;
        margin-bottom: 40px;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s3 .wpo-about-img-s3 {
        height: 300px;
        width: 300px;
        margin-bottom: 0;
    }
}

.wpo-about-section-s3 .wpo-about-img-s3 .image {
    position: relative;
    background: url(../images/about/shape.png) no-repeat 50%;
    background-size: cover;
    margin-right: 30px;
}

@media (max-width: 991px) {
    .wpo-about-section-s3 .wpo-about-img-s3 .image {
        margin-right: 0px;
    }
}

.wpo-about-section-s3 .wpo-about-img-s3 .image img {
    mix-blend-mode: screen;
}

.wpo-about-section-s3 .wpo-about-img-s3 .image .shape {
    position: absolute;
    left: 30px;
    top: 0;
    z-index: -1;
    height: 941px;
    width: 858px;
}

@media (max-width: 1699px) {
    .wpo-about-section-s3 .wpo-about-img-s3 .image .shape {
        height: 841px;
        width: 758px;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section-s3 .wpo-about-img-s3 .image .shape {
        height: 619px;
        width: 500px;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s3 .wpo-about-img-s3 .image .shape {
        height: 519px;
        width: 450px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s3 .wpo-about-img-s3 .image .shape {
        height: 100%;
        width: 100%;
        left: 0px;
    }
}

.wpo-about-section-s3 .about-btn {
    display: flex;
    align-items: center;
    margin-top: 45px;
}

@media (max-width: 575px) {
    .wpo-about-section-s3 .about-btn {
        display: block;
    }
}

.wpo-about-section-s3 .call-content {
    display: inline-flex;
    align-items: center;
    width: 250px;
    margin-left: 15px;
    margin-top: 10px;
}

@media (max-width: 575px) {
    .wpo-about-section-s3 .call-content {
        display: flex;
        margin-left: 0;
        margin-top: 20px;
    }
}

.wpo-about-section-s3 .call-content .icon i {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
    font-size: 35px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.wpo-about-section-s3 .call-content .text {
    margin-left: 15px;
}

    .wpo-about-section-s3 .call-content .text h5 {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #525252;
        margin-bottom: 0;
    }

    .wpo-about-section-s3 .call-content .text span {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 25px;
        color: #262626;
    }

@media (max-width: 575px) {
    .wpo-about-section-s3 .call-content .text span {
        font-style: 20px;
    }
}

/*6.2 wpo-fun-fact-section-s3 */
.wpo-fun-fact-section-s3 {
    padding-top: 0;
}

@media (max-width: 991px) {
    .wpo-fun-fact-section-s3 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-fun-fact-section-s3 {
        padding-bottom: 50px;
    }
}

.wpo-fun-fact-section-s3 .fun-fact-wrap .info h3 {
    color: #3b5998;
}

.wpo-fun-fact-section-s3 .fun-fact-wrap .info p {
    color: #848484;
}

/*6.3 wpo-causes-section-s3 */
.wpo-causes-section-s3 .causes-wrap {
    margin: 0 100px;
    margin-top: 0;
}

@media (max-width: 1550px) {
    .wpo-causes-section-s3 .causes-wrap {
        margin: 0 30px;
        margin-top: 0px;
    }
}

@media (max-width: 1399px) {
    .wpo-causes-section-s3 .causes-wrap {
        margin: 0;
    }
}

@media (max-width: 991px) {
    .wpo-causes-section-s3 .causes-wrap {
        margin-top: 0;
    }
}

.wpo-causes-section-s3.s2 {
    padding-bottom: 90px;
}

@media (max-width: 991px) {
    .wpo-causes-section-s3.s2 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-causes-section-s3.s2 {
        padding-bottom: 50px;
    }
}

/*6.4 wpo-instagram-section-s2 */
.wpo-instagram-section-s2 {
    padding-bottom: 0;
    padding-top: 90px;
}

@media (max-width: 991px) {
    .wpo-instagram-section-s2 {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-instagram-section-s2 {
        padding-top: 60px;
    }
}

/*6.5 wpo-testimonial-section-s2 */
.wpo-testimonial-section-s2 {
    background: #F7F3EB;
    padding-bottom: 40px;
    padding-top: 40px;
}

@media (max-width: 991px) {
    .wpo-testimonial-section-s2 {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .wpo-testimonial-section-s2 {
        padding-bottom: 30px;
    }
}

.wpo-testimonial-section-s2 .owl-nav .owl-prev {
    background: #ff5050;
    margin: 7px;
    padding-top: 0px;
    border: 1px solid #ff5050;
}

.wpo-testimonial-section-s2 .owl-nav .owl-next {
    background: #ff5050;
    margin: 7px;
    padding-top: 0px;
    border: 1px solid #ff5050;
}

/*6.6 wpo-volunteer-section */
.wpo-volunteer-section {
    margin-bottom: 60px;
}

    .wpo-volunteer-section.s2 {
        padding-bottom: 40px;
    }

@media (max-width: 991px) {
    .wpo-volunteer-section.s2 {
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    .wpo-volunteer-section.s2 {
        padding-bottom: 0;
    }
}

.wpo-volunteer-section.s3 {
    padding-bottom: 35px;
}

@media (max-width: 767px) {
    .wpo-volunteer-section.s3 {
        padding-bottom: 0;
    }
}

.wpo-volunteer-section .wpo-section-title {
    max-width: 100%;
}

@media (max-width: 1199px) {
    .wpo-volunteer-section .wpo-section-title h2 {
        font-size: 46px;
        line-height: 64px;
    }
}

@media (max-width: 991px) {
    .wpo-volunteer-section .wpo-section-title h2 {
        font-size: 35px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .wpo-volunteer-section .wpo-section-title h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

.volunteer-single {
    text-align: center;
    margin-bottom: 30px;
    background: transparent;
    border-radius: 155px;
    transition: all 0.3s;
}

    .volunteer-single .image {
        position: relative;
        border-radius: 50%;
        z-index: 1;
    }

        .volunteer-single .image img {
            width: 100%;
            border-radius: 50%;
        }

        .volunteer-single .image::before {
            position: absolute;
            left: 0;
            top: 5px;
            width: 100%;
            height: 100%;
            content: "";
            background: #C6C6C6;
            border-radius: 50%;
            z-index: -1;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s;
        }

    .volunteer-single .content {
        margin-top: 30px;
    }

        .volunteer-single .content h2 a {
            font-family: "Roboto", sans-serif;
            font-weight: 700;
            font-size: 23px;
            line-height: 30px;
            color: #262626;
        }

@media (max-width: 1199px) {
    .volunteer-single .content h2 a {
        font-size: 25px;
    }
}

.volunteer-single .content span {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #779A65;
}

.volunteer-single .content ul {
    list-style: none;
    padding-bottom: 45px;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
    margin-top: -50px;
}

    .volunteer-single .content ul li {
        display: inline-block;
        margin: 0 6px;
    }

        .volunteer-single .content ul li a {
            display: inline-block;
            height: 50px;
            width: 50px;
            border-radius: 50%;
            background: #fff;
            transition: all 0.3s;
        }

            .volunteer-single .content ul li a i {
                font-size: 16px;
                line-height: 50px;
                color: #6F6F6F;
                transition: all 0.3s;
            }

        .volunteer-single .content ul li:hover a {
            background: #ff5050;
        }

            .volunteer-single .content ul li:hover a i {
                color: #fff;
            }

.volunteer-single:hover {
    background: #F5F5F5;
}

    .volunteer-single:hover .image::before {
        opacity: 1;
        visibility: visible;
    }

    .volunteer-single:hover .content ul {
        opacity: 1;
        visibility: visible;
        margin-top: 30px;
    }

/*======================================
7. Home-style-4
 =======================================*/
/* 7.1 wpo-about-section-s4 */
.wpo-about-section-s4 .wpo-about-img-s5 {
    position: relative;
    margin-left: 100px;
}

@media (max-width: 1399px) {
    .wpo-about-section-s4 .wpo-about-img-s5 {
        margin-left: 0;
    }
}

.wpo-about-section-s4 .wpo-about-img-s5 .image {
    width: 490px;
    height: 490px;
    border-radius: 50%;
    border: 1px solid #00715D;
}

@media (max-width: 1399px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .image {
        width: 490px;
        height: 490px;
    }
}

@media (max-width: 991px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .image {
        width: 300px;
        height: 300px;
        margin: 10px auto;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .image {
        width: 300px;
        height: 300px;
        margin: 20px auto;
    }
}

.wpo-about-section-s4 .wpo-about-img-s5 .image img {
    padding: 20px;
    width: 100%;
    border-radius: 50%;
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
    position: absolute;
    left: -20%;
    bottom: 0;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 1px 20px 0px rgba(43, 45, 118, 0.1);
    z-index: 9;
}

@media (max-width: 1890px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
        bottom: 0;
    }
}

@media (max-width: 1399px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
        bottom: 0%;
        left: 0;
    }
}

@media (max-width: 1199px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
        padding: 15px;
    }
}

@media (max-width: 767px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
        padding: 8px 15px 25px 15px;
        right: auto;
    }
}

@media (max-width: 575px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-text {
    display: flex;
    align-items: center;
    text-align: left;
}

@media (max-width: 575px) {
    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-text {
        justify-content: center;
    }
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-text .icon i {
    width: 80px;
    height: 80px;
    line-height: 80px;
    background: #EFF4FF;
    text-align: center;
    border-radius: 50%;
    margin-right: 20px;
    display: block;
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-text h3 {
    font-weight: 700;
    font-size: 40px;
    line-height: 51px;
    margin-bottom: 0px;
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-text p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
}

.wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-slide {
    max-width: 216px;
    list-style: none;
    margin: 0 auto;
    margin-top: 20px;
}

    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-slide .owl-nav {
        display: none;
    }

    .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-slide li {
        width: 55px;
        height: 55px;
    }

        .wpo-about-section-s4 .wpo-about-img-s5 .wpo-supporter .wpo-supporter-slide li img {
            width: 55px;
            height: 55px;
            padding: 3px;
            border: 1px solid #ebebeb;
            border-radius: 50%;
            border-radius: 50%;
        }

.wpo-about-section-s4 .about-btn {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

@media (max-width: 575px) {
    .wpo-about-section-s4 .about-btn {
        display: block;
    }
}

.wpo-about-section-s4 .call-content {
    display: inline-flex;
    align-items: center;
    width: 250px;
    margin-left: 15px;
    margin-top: 10px;
}

@media (max-width: 575px) {
    .wpo-about-section-s4 .call-content {
        display: flex;
        margin-left: 0;
        margin-top: 20px;
    }
}

.wpo-about-section-s4 .call-content .icon i {
    background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
    font-size: 35px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.wpo-about-section-s4 .call-content .text {
    margin-left: 15px;
}

    .wpo-about-section-s4 .call-content .text h5 {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 18px;
        color: #525252;
        margin-bottom: 0;
    }

    .wpo-about-section-s4 .call-content .text span {
        font-family: "Roboto", sans-serif;
        font-weight: 500;
        font-size: 25px;
        color: #262626;
    }

@media (max-width: 575px) {
    .wpo-about-section-s4 .call-content .text span {
        font-style: 20px;
    }
}

/* 7.2 wpo-cta-section-s3  */
.wpo-cta-section-s3 .bg-color {
    background: url(../images/cta/bg-2.jpg);
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    z-index: 1;
}

    .wpo-cta-section-s3 .bg-color::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: #3b5998;
        opacity: 0.6;
        z-index: -1;
    }

/* 7.3 wpo-fun-fact-section-s4 */
.wpo-fun-fact-section-s4 {
    background: #fff;
}

    .wpo-fun-fact-section-s4::before {
        display: none;
    }

    .wpo-fun-fact-section-s4 .fun-fact-wrap .info h3 {
        color: #3b5998;
    }

    .wpo-fun-fact-section-s4 .fun-fact-wrap .info p {
        color: #848484;
    }

/*----------------------------------------------
8. event-details-page
----------------------------------------------*/
.wpo-event-details-text {
    margin-top: 50px;
}

    .wpo-event-details-text h2 {
        margin-bottom: 30px;
        font-weight: 700;
    }

.wpo-event-details-wrap {
    margin-top: 40px;
}

.wpo-event-details-tab .nav {
    justify-content: space-between;
    display: flex;
}

@media (max-width: 590px) {
    .wpo-event-details-tab .nav {
        display: block;
    }
}

.wpo-event-details-tab .nav-tabs > li {
    margin-bottom: -1px;
    width: 100%;
    flex-basis: 33.33%;
}

.wpo-event-details-wrap {
    border: 1px solid #ebebeb;
}

.wpo-event-details-tab .nav li a {
    display: block;
    text-align: center;
    color: #2d4277;
    transition: all 0.5s;
    font-weight: 400;
    margin-right: 1px;
    border: none;
    border-radius: 0px;
    background: #f6f6f6;
    border-bottom: none;
    border-top: 4px solid transparent;
    line-height: 20px;
    height: 50px;
}

.wpo-event-details-tab .nav li:last-child a {
    margin-right: -1px;
}

.wpo-event-details-tab .nav li a.active,
.wpo-event-details-tab .nav li:hover a {
    background: #fff;
    outline: none;
    border: none;
    color: #2d4277;
    border-top: 4px solid #ff5050;
}

.wpo-event-details-content {
    padding: 30px;
}

#Schedule ul {
    list-style: none;
    margin-top: 13px;
    display: grid;
}

    #Schedule ul li {
        font-size: 17px;
        margin-bottom: 8px;
        position: relative;
        padding-left: 25px;
        color: #000;
    }

        #Schedule ul li:before {
            content: "";
            background: #ff5050;
            width: 7px;
            height: 7px;
            position: absolute;
            left: 0;
            top: 7px;
            border-radius: 60px;
        }

.sec-titler .title-shape:after {
    background: #e41e2f;
}

#Map .contact-map iframe {
    width: 100%;
    height: 500px;
}

.event-contact .wpo-donations-details {
    border: none;
    padding: 0;
}

    .event-contact .wpo-donations-details .theme-btn, .event-contact .wpo-donations-details .view-cart-btn {
        border: none;
        outline: none;
        border-radius: 40px;
        box-shadow: none;
        margin-top: 20px;
    }

@media (max-width: 590px) {
    .wpo-event-details-tab .nav li a {
        font-size: 12px;
    }
}

@media (max-width: 400px) {
    .wpo-event-details-tab .nav {
        flex-wrap: wrap;
    }

        .wpo-event-details-tab .nav li a {
            margin-bottom: 15px;
            padding: 12px;
        }
}

.wpo-event-img img,
.wpo-case-details-img img {
    width: 100%;
    border-radius: 10px;
}

/*9. wpo-case-details-area */
.wpo-case-details-area .donate-area-top {
    margin: 10px 0;
}

    .wpo-case-details-area .donate-area-top h2 {
        font-family: "Roboto", sans-serif;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        color: #3b5998;
    }

@media (max-width: 1550px) {
    .wpo-case-details-area .donate-area-top h2 {
        font-size: 30px;
    }
}

@media (max-width: 1399px) {
    .wpo-case-details-area .donate-area-top h2 {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 1199px) {
    .wpo-case-details-area .donate-area-top h2 {
        font-size: 22px;
        line-height: 35px;
    }
}

@media (max-width: 991px) {
    .wpo-case-details-area .donate-area-top h2 {
        font-size: 28px;
        line-height: 35px;
    }
}

@media (max-width: 399px) {
    .wpo-case-details-area .donate-area-top h2 {
        font-size: 20px;
        line-height: 30px;
    }
}

.wpo-case-details-area .donate-area-top p {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #525252;
    margin-top: 10px;
}

@media (max-width: 1199px) {
    .wpo-case-details-area .donate-area-top p {
        font-size: 16px;
        line-height: 25px;
    }
}

.wpo-case-details-area .donate-area-top .progress-item {
    padding: 35px 30px;
    position: relative;
    background: #F0F0F0;
    border-radius: 20px;
}

@media (max-width: 1399px) {
    .wpo-case-details-area .donate-area-top .progress-item {
        padding: 20px 15px;
        margin: 32px 0px;
    }
}

.wpo-case-details-area .donate-area-top .progress-item .progress {
    padding: 0;
    width: 100%;
    height: 16px;
    background: #fff;
    border-radius: 30px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    margin-top: 25px;
}

    .wpo-case-details-area .donate-area-top .progress-item .progress .bar {
        position: relative;
        float: left;
        min-width: 1%;
        height: 10px;
        margin-top: 3px;
        margin-left: 3px;
        background: #ff5050;
        z-index: 1;
        border-radius: 30px;
    }

.wpo-case-details-area .donate-area-top .progress-item .cssProgress-label {
    position: absolute;
    top: 35px;
    right: 45px;
    background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 13px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0.12em;
}

@media (max-width: 1399px) {
    .wpo-case-details-area .donate-area-top .progress-item .cssProgress-label {
        top: 15px;
    }
}

.wpo-case-details-area .donate-area-top .progress-item .progres-label {
    display: flex;
    align-content: center;
    justify-content: space-between;
}

@media (max-width: 399px) {
    .wpo-case-details-area .donate-area-top .progress-item .progres-label {
        display: block;
    }
}

.wpo-case-details-area .donate-area-top .progress-item .label-on p,
.wpo-case-details-area .donate-area-top .progress-item .label-two p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 24px;
    color: #525252;
    margin-top: 0;
}

@media (max-width: 1199px) {
    .wpo-case-details-area .donate-area-top .progress-item .label-on p,
    .wpo-case-details-area .donate-area-top .progress-item .label-two p {
        font-size: 13px;
    }
}

.wpo-case-details-area .donate-area-top .progress-item .label-on p span,
.wpo-case-details-area .donate-area-top .progress-item .label-two p span {
    margin-left: 5px;
}

.wpo-case-details-area .donate-area-wrapper h3 {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 36px;
    color: #323232;
}

    .wpo-case-details-area .donate-area-wrapper h3 + p {
        font-size: 14px;
        text-transform: uppercase;
        position: relative;
    }

        .wpo-case-details-area .donate-area-wrapper h3 + p span {
            background-color: #ff5050;
            width: 20px;
            height: 20px;
            line-height: 20px;
            text-align: center;
            font-size: 12px;
            font-size: 0.75rem;
            color: #fff;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 3px;
        }

.wpo-case-details-area .donate-area-wrapper form[id*=give-form] .give-donation-amount {
    margin: 0 0 15px;
    clear: both;
}

.wpo-case-details-area .donate-area-wrapper .give-form-type-multi .give-currency-symbol {
    background-color: #ff5050;
    height: 40px;
    border: 1px solid #ff5050;
    border-left: none !important;
    line-height: 40px;
    color: #fff;
    padding: 0px 18px;
    font-size: 18px;
    border-radius: 30px 0px 0px 30px;
    box-sizing: border-box;
    float: left;
}

.wpo-case-details-area .donate-area-wrapper #give-recurring-form .give-hidden,
.wpo-case-details-area .donate-area-wrapper form.give-form .give-hidden,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] .give-hidden,
.wpo-case-details-area .donate-area-wrapper .give-hidden {
    display: none;
}

.wpo-case-details-area .donate-area-wrapper form[id*=give-form] .give-donation-amount #give-amount,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] .give-donation-amount #give-amount-text {
    height: 40px;
    border: 1px solid #dedede;
    padding-left: 10px;
    font-size: 15px;
    border-radius: 0px 30px 30px 0px;
}

.wpo-case-details-area ul {
    list-style: none;
}

    .wpo-case-details-area ul li {
        display: inline-block;
        margin-bottom: 6px;
    }

.wpo-case-details-area .donate-area-wrapper .give-btn {
    background: #fff;
    list-style: none;
    border: 0;
    font-weight: 600;
    padding: 6px 15px;
    color: #636363;
    font-size: 15px;
    border-radius: 30px;
    border: 1px solid #dedede;
    transition: all 0.3s ease-in-out;
}

    .wpo-case-details-area .donate-area-wrapper .give-btn:hover,
    .wpo-case-details-area .donate-area-wrapper .give-btn:focus {
        background: #ff5050;
        color: #fff;
    }

.wpo-case-details-area .donate-area-wrapper #give-recurring-form h3.give-section-break,
.wpo-case-details-area .donate-area-wrapper #give-recurring-form h4.give-section-break,
.wpo-case-details-area .donate-area-wrapper #give-recurring-form legend,
.wpo-case-details-area .donate-area-wrapper form.give-form h3.give-section-break,
.wpo-case-details-area .donate-area-wrapper form.give-form h4.give-section-break,
.wpo-case-details-area .donate-area-wrapper form.give-form legend,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] h3.give-section-break,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] h4.give-section-break,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] legend {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 30px;
    color: #323232;
    margin-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #DDDDDD;
}

.wpo-case-details-area #give-gateway-radio-list li {
    margin-right: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #323232;
}

.wpo-case-details-area #give_purchase_form_wrap .give-label {
    display: block;
}

    .wpo-case-details-area #give_purchase_form_wrap .give-label .give-input {
        width: 100%;
    }

.wpo-case-details-area .donate-area-wrapper #give-recurring-form .form-row label,
.wpo-case-details-area .donate-area-wrapper form.give-form .form-row label,
.wpo-case-details-area .donate-area-wrapper form[id*=give-form] .form-row label {
    font-weight: 600;
    font-size: 14px;
}

.wpo-case-details-area .donate-area-wrapper .give-input {
    font-size: 14px !important;
    width: 100%;
    padding-left: 10px;
    border: 1px solid #DDDDDD;
    color: #636363;
}

    .wpo-case-details-area .donate-area-wrapper .give-input:focus-visible {
        outline: 0;
    }

.wpo-case-details-area .donate-area-wrapper .give-submit {
    background: #020202;
    font-size: 16px;
    color: white;
    padding: 15px 25px;
    border-radius: 5px;
}

.wpo-case-details-area .donate-area-wrapper textarea {
    height: 150px;
}

.wpo-case-details-area .case-info-area .goal-raised span {
    display: inline-block;
    padding-right: 8px;
}

@media screen and (min-width: 1200px) {
    .wpo-case-details-area .donate-area-wrapper,
    .wpo-case-details-area .big-img {
        padding-right: 0px;
    }
}

.wpo-case-details-area .donate-area-wrapper h3 + p {
    text-transform: none;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0px;
}

/*======================================
10. wpo-donation-page-area
 =======================================*/
.wpo-donate-header {
    text-align: center;
    margin-bottom: 50px;
}

    .wpo-donate-header h2 {
        font-weight: 700;
        text-transform: capitalize;
        margin-bottom: 0;
    }

.wpo-donations-amount,
.wpo-donations-details,
.wpo-doanation-payment {
    padding: 30px;
    border: 1px solid #ebebeb;
    margin-bottom: 40px;
}

    .wpo-donations-amount h2,
    .wpo-donations-details h2,
    .wpo-doanation-payment h2 {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 600;
        position: relative;
        text-transform: capitalize;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .wpo-donations-amount input,
    .wpo-donations-details input,
    .wpo-donations-details textarea {
        background: transparent;
        width: 100%;
        height: 50px;
        border: 0;
        border: 1px solid #ebebeb;
        padding-left: 15px;
        border-radius: 0;
        box-shadow: none !important;
        color: #525252;
        border-radius: 5px;
        margin-bottom: 30px;
    }

    .wpo-donations-details textarea {
        height: 135px;
    }

    .wpo-donations-details .form-group .error {
        margin-bottom: 20px;
    }

    .wpo-donations-amount input:focus,
    .wpo-donations-details input:focus,
    .wpo-donations-details textarea:focus {
        border-color: #ff5050;
    }

.payment-name ul li input {
    margin-right: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.wpo-payment-select ul {
    list-style: none;
}

.payment-name ul {
    display: flex;
    margin-top: 30px;
    flex-wrap: wrap;
}

.wpo-payment-area form {
    overflow: unset !important;
}

.payment-name ul li {
    width: 100px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    margin-bottom: 5px;
}

.payment-name ul {
    list-style: none;
}

    .payment-name ul li input {
        margin-right: 0;
    }

    .payment-name ul li {
        margin-right: 15px;
    }

.wpo-payment-area h2 {
    padding-bottom: 40px;
    margin-bottom: 0;
}

.wpo-payment-select ul {
    display: flex;
}

    .wpo-payment-select ul li {
        margin-right: 10px;
        font-size: 15px;
        font-weight: 500;
        color: #5B5B5B;
    }

.wpo-payment-select label {
    font-size: 18px;
    font-weight: 600;
}

.wpo-payment-area h2 {
    font-size: 20px;
    color: #878787;
    font-weight: 700;
}

    .wpo-payment-area h2 span {
        font-size: 30px;
        color: #ff493c;
    }

.wpo-payment-area {
    width: 100%;
}

.payment-name ul li input {
    margin-right: 0;
    position: absolute;
    z-index: -1;
}

    .payment-name ul li input:checked ~ label {
        background: #fcebbd;
    }

.payment-name label {
    width: 100%;
    border: 1px solid transparent;
    cursor: pointer;
}

.payment-name .visa label {
    border: 1px solid #0057A0;
}

.payment-name .mas label {
    border: 1px solid #CC0000;
}

.payment-name .ski label {
    border: 1px solid #691A5F;
}

.payment-name .pay label {
    border: 1px solid #019CDE;
}

.wpo-payment-option {
    padding: 0 15px;
}

.payment-name.active {
    display: block;
}

.wpo-payment-option.active .payment-name {
    display: none !important;
}

.wpo-payment-area .form-style input {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 20px;
    height: 40px;
    background: #fff;
    border-radius: 2px;
    border: none;
    border: 1px solid #ebebeb;
}

    .wpo-payment-area .form-style input:focus-visible {
        outline: 0;
    }

    .wpo-payment-area .form-style input:focus {
        border: 1px solid #ff5050;
    }

.wpo-payment-area .contact-form {
    margin-top: 40px;
}

#Donations .theme-btn, #Donations .view-cart-btn {
    border: none;
    outline: none;
    box-shadow: none;
}

#Donations .submit-area {
    text-align: center;
}

/*--------------------------------------------------------------
11. volunteer page
--------------------------------------------------------------*/
.volunteer-area {
    padding: 120px 0 0;
}

.volunteer-wrap {
    padding-bottom: 120px;
}

@media (max-width: 767px) {
    .volunteer-wrap {
        padding-bottom: 70px;
    }
}

.volunter-img {
    padding: 30px;
}

    .volunter-img img {
        width: 100%;
    }

.volunteer-img-wrap {
    box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.15);
}

.volunteer-contact-form form input,
.volunteer-contact-form form select,
.volunteer-contact-form form label,
.volunteer-contact-form form textarea {
    border: 1px solid #d0d4df;
    padding-left: 15px;
    height: 50px;
    width: 100%;
}

.volunteer-contact-form form label {
    line-height: 50px;
    font-weight: 400;
    font-size: 14px;
}

    .volunteer-contact-form form label.error {
        height: 15px;
        border: 0;
        line-height: 10px;
        padding-left: 0;
    }

.volunteer-contact-form .form-group-in input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.volunteer-contact-form form textarea {
    height: 100px;
}

.volunteer-contact-form .form-group-in {
    position: relative;
}

    .volunteer-contact-form .form-group-in i {
        position: absolute;
        right: 30px;
        top: 17px;
        font-size: 20px;
    }

.volunteer-contact-form .form-group {
    margin-bottom: 15px;
}

.volunteer-contact-form {
    max-width: 760px;
    margin: auto;
    padding: 15px 20px;
    background: #fff;
    margin-top: 0px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    border-radius: 23px;
    border-top: 5px solid #ff5050;
}





    .volunteer-contact-form h2 {
        margin-top: 0;
        font-size: 20px;
        text-align: center;
        margin-bottom: 8px;
    }

@media (max-width: 1200px) {
    .volunteer-contact-form {
        max-width: 635px;
        margin-top: 0px;
    }

        .volunteer-contact-form:before {
            height: 62%;
            width: 103%;
        }
}

@media (max-width: 767px) {
    .volunteer-contact-form {
        margin-top: 0px;
        padding: 14px 16px;
        box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.15);
        margin-top: 50px;
        padding-top: 30px;
    }

        .volunteer-contact-form h2 {
            font-size: 23px;
        }

    .volunteer-area {
        padding: 70px 0 0;
    }
}

.volunteer-contact-form .submit-area {
    text-align: center;
}

/*==========================================
12. wpo-team-single
===========================================*/
.team-pg-area {
    margin: 0 auto;
    padding-top: 200px;
    padding-bottom: 100px;
}

@media (max-width: 1199px) {
    .team-pg-area {
        padding: 100px 0;
    }
}

@media (max-width: 991px) {
    .team-pg-area {
        padding: 90px 0;
    }
}

@media (max-width: 767px) {
    .team-pg-area {
        padding: 70px 0;
    }
}

.team-single-wrap {
    background: #fff;
    padding: 100px;
    padding-top: 0;
    box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.15);
}

@media (max-width: 1199px) {
    .team-single-wrap {
        padding: 50px;
    }
}

@media (max-width: 767px) {
    .team-single-wrap {
        padding: 30px;
    }
}

@media (max-width: 575px) {
    .team-single-wrap {
        padding: 15px;
    }
}

.team-info-img {
    margin-top: -100px;
    max-width: 480px;
}

@media (max-width: 1199px) {
    .team-info-img {
        margin-top: 0;
    }
}

@media (max-width: 991px) {
    .team-info-img {
        max-width: 100%;
    }
}

.team-info-img img {
    width: 100%;
}

.team-info-text {
    padding-left: 30px;
    padding-top: 30px;
}

@media (max-width: 991px) {
    .team-info-text {
        padding-left: 0;
    }
}

.team-info-text h2 {
    font-weight: 400;
    font-size: 40px;
    line-height: 55px;
    color: #3b5998;
    margin-top: 0;
    margin-bottom: 30px;
}

@media (max-width: 575px) {
    .team-info-text h2 {
        font-size: 30px;
        line-height: 45px;
    }
}

.team-info-text ul li {
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #001635;
    margin-bottom: 15px;
    list-style: none;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 575px) {
    .team-info-text ul li {
        font-size: 16px;
        line-height: 27px;
    }
}

.team-info-text ul li:last-child {
    padding-bottom: 0;
}

.team-info-text ul li span {
    font-size: 18px;
    color: #8c8c8c;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    font-family: "Roboto", sans-serif;
}

.team-info-text ul li:last-child {
    margin-bottom: 0;
}

.team-info-text .certificates-wrap {
    margin-top: 40px;
}

    .team-info-text .certificates-wrap h2 {
        font-weight: 400;
        font-size: 27px;
        line-height: 37px;
    }

    .team-info-text .certificates-wrap .certificates-items {
        display: flex;
    }

        .team-info-text .certificates-wrap .certificates-items .certificates-item + .certificates-item {
            margin-left: 20px;
        }

.team-widget {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #D9D9D9;
}

    .team-widget h2 {
        font-weight: 400;
        font-size: 35px;
        line-height: 48px;
        margin-bottom: 30px;
    }

@media (max-width: 767px) {
    .team-widget h2 {
        font-size: 25px;
        line-height: 35px;
        margin-bottom: 15px;
    }
}

.team-exprience-area .exprience-wrap {
    max-width: 560px;
}

.team-exprience-area .education-area {
    padding-left: 50px;
}

@media (max-width: 991px) {
    .team-exprience-area .education-area {
        padding-left: 0;
        margin-bottom: 40px;
    }
}

.team-exprience-area .education-area .education-area {
    max-width: 600px;
}

.team-exprience-area .education-area ul {
    list-style: none;
}

    .team-exprience-area .education-area ul li {
        padding-bottom: 15px;
        position: relative;
        padding-left: 30px;
        font-weight: 400;
        font-size: 18px;
        line-height: 30px;
    }

        .team-exprience-area .education-area ul li:before {
            position: absolute;
            left: 0;
            top: 5px;
            content: "\e661";
            font-family: "themify";
            font-size: 14px;
        }

.team-exprience-area .education-area .ex-wiget {
    padding-top: 60px;
}

    .team-exprience-area .education-area .ex-wiget h2 {
        font-size: 30px;
        font-weight: 700;
        color: #333333;
        margin-bottom: 30px;
    }

.skills-area {
    padding-top: 40px;
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

@media (max-width: 991px) {
    .skills-area {
        padding-top: 20px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
}

.skills-area .wpo-skill-progress .wpo-progress-single {
    margin-bottom: 30px;
    position: relative;
}

    .skills-area .wpo-skill-progress .wpo-progress-single h5 {
        font-weight: 400;
        font-size: 18px;
        line-height: 23px;
        color: #525252;
        font-family: "Roboto", sans-serif;
    }

@media (max-width: 767px) {
    .skills-area .wpo-skill-progress .wpo-progress-single h5 {
        font-size: 18px;
    }
}

.skills-area .wpo-skill-progress .wpo-progress-single:last-child {
    margin-bottom: 0;
}

.skills-area .wpo-skill-progress .wpo-progress-single .progress {
    background: #F9F9F9;
    height: 6px;
    position: relative;
}

    .skills-area .wpo-skill-progress .wpo-progress-single .progress .progress-bar {
        background-color: #ff5050;
    }

.skills-area .wpo-skill-progress .progress-number {
    position: absolute;
    right: 0;
    top: -10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #525252;
}

@media (max-width: 767px) {
    .skills-area .wpo-skill-progress .progress-number {
        font-size: 18px;
        top: -5px;
    }
}

.exprience-wrap p {
    color: #5d5851;
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .exprience-wrap p {
        margin-bottom: 15px;
    }
}

.exprience-wrap {
    padding-bottom: 40px;
}

.wpo-contact-area {
    padding-top: 50px;
}

@media (max-width: 991px) {
    .wpo-contact-area {
        padding-top: 20px;
    }
}

.wpo-contact-area .wpo-contact-title {
    max-width: 580px;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;
}

.wpo-contact-area .quote-form {
    max-width: 890px;
    margin: 0 auto;
}

    .wpo-contact-area .quote-form .form-control {
        height: 55px;
        border: 0;
        margin-bottom: 20px;
        padding: 15px;
        background: #f5f5f5;
    }

        .wpo-contact-area .quote-form .form-control:focus {
            outline: none;
            box-shadow: none;
            border-color: #ff5050;
        }

    .wpo-contact-area .quote-form textarea.form-control {
        height: 125px;
    }

    .wpo-contact-area .quote-form select.form-control {
        -webkit-appearance: none;
        -o-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background: #f5f5f5 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;
        position: relative;
    }

.half-col {
    float: left;
    width: 50%;
    padding: 0 10px 5px;
}

@media (max-width: 575px) {
    .half-col {
        width: 100%;
    }
}

.full-col {
    padding: 0 10px 5px;
}

.exprience-area {
    padding-top: 60px;
}

/*--------------------------------------------------------------
13. wpo-service-single-section
--------------------------------------------------------------*/
@media (max-width: 991px) {
    .wpo-service-single-section {
        padding-bottom: 60px;
    }
}

.wpo-service-single-section .wpo-service-single-wrap img {
    width: 100%;
}

.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des {
    padding: 60px 0;
}

@media (max-width: 767px) {
    .wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des {
        padding: 35px 0;
    }
}

.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des h2 {
    font-size: 33px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 30px;
    font-weight: 700;
}

@media (max-width: 767px) {
    .wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des h2 {
        font-size: 25px;
        margin-bottom: 16px;
    }
}

.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des p {
    margin-bottom: 30px;
}

.wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img {
    margin-top: 50px;
}

    .wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img ul {
        display: flex;
        list-style: none;
    }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img li {
        padding-left: 10px;
        padding-right: 10px;
    }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-service-single-content .wpo-service-single-content-des .wpo-service-single-sub-img li:last-child {
            padding-left: 10px;
            padding-right: 0;
        }

.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section h2 {
    font-size: 33px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 30px;
    font-weight: 700;
}

@media (max-width: 575px) {
    .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section h2 {
        font-size: 25px;
    }
}

.wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item {
    background: #fff;
    padding: 30px 25px;
    margin-bottom: 30px;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
}

    .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-icon .icon {
        width: 50px;
        height: 50px;
    }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-icon .icon img {
            width: 100%;
        }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 {
        font-size: 22px;
        font-weight: 600;
        margin: 20px 0;
    }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a {
            color: #3b5998;
        }

            .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text h2 a:hover {
                color: #ff5050;
            }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-solutions-section .wpo-solutions-item .wpo-solutions-text p {
        margin-bottom: 0;
    }

.wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section {
    padding-top: 30px;
}

    .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section h2 {
        font-size: 33px;
        font-family: "Roboto", sans-serif;
        margin-bottom: 30px;
        font-weight: 700;
    }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion {
        border-top: 1px solid #e1e1e1;
    }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item {
        border: 0;
        border-bottom: 1px solid #e1e1e1;
    }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item .accordion-body {
            padding-left: 0;
            padding-right: 0;
        }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button {
            padding: 20px;
            border: 0;
            border-radius: 0;
            padding-left: 0;
            padding-right: 0;
            font-size: 20px;
            color: #3b5998;
            text-align: left;
        }

            .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button::after {
                background: none;
                font-family: "themify";
                content: "\e622";
                font-size: 15px;
                transform: rotate(0deg);
                font-weight: 700;
            }

            .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button.collapsed {
                color: #373b3e;
            }

                .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button.collapsed::after {
                    content: "\e61a";
                }

            .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item button:focus {
                box-shadow: none;
                outline: none;
                border-color: #e1e1e1;
            }

        .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-item .accordion-collapse {
            border: 0;
        }

    .wpo-service-single-section .wpo-service-single-wrap .wpo-benefits-section .accordion-button {
        background: transparent;
    }

.wpo-single-sidebar {
    padding-left: 20px;
}

@media (max-width: 991px) {
    .wpo-single-sidebar {
        padding-left: 0;
        margin-top: 60px;
    }
}

.wpo-single-sidebar .widget {
    padding: 30px 40px;
    border: 1px solid #e1e1e1;
    margin-bottom: 40px;
}

@media (max-width: 1200px) {
    .wpo-single-sidebar .widget {
        padding: 20px;
    }
}

.wpo-single-sidebar .widget h2 {
    font-size: 25px;
    font-family: "Roboto", sans-serif;
    position: relative;
    text-align: center;
    display: block;
    margin-bottom: 30px;
    font-weight: 700;
}

.wpo-single-sidebar .widget ul {
    list-style: none;
}

.wpo-single-sidebar .wpo-service-widget ul li a {
    display: block;
    font-size: 16px;
    color: #fff;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    margin-bottom: 5px;
    background: #ff5050;
    padding: 8px 0;
    padding-left: 40px;
}

    .wpo-single-sidebar .wpo-service-widget ul li a:before {
        position: absolute;
        left: 20px;
        top: 50%;
        content: "";
        background: #fff;
        width: 10px;
        height: 3px;
        transform: translateY(-50%);
    }

    .wpo-single-sidebar .wpo-service-widget ul li a:hover {
        background: #0C5447;
    }

.wpo-single-sidebar .wpo-service-widget ul li:last-child a {
    margin-bottom: 5px;
}

.wpo-single-sidebar .wpo-newsletter-widget p {
    font-size: 20px;
    font-family: "Roboto", sans-serif;
    color: #3b5998;
    text-align: center;
}

.wpo-single-sidebar .wpo-newsletter-widget span {
    font-size: 15px;
    color: #848892;
}

    .wpo-single-sidebar .wpo-newsletter-widget span a {
        color: #3b5998;
        font-weight: 700;
    }

        .wpo-single-sidebar .wpo-newsletter-widget span a:hover {
            color: #ff5050;
        }

.wpo-single-sidebar .wpo-newsletter-widget .form input {
    border: 0;
    display: block;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    border: 1px solid #e1e1e1;
    padding: 15px;
    text-align: center;
}

    .wpo-single-sidebar .wpo-newsletter-widget .form input:focus {
        box-shadow: none;
    }

.wpo-single-sidebar .wpo-newsletter-widget .form button {
    background: #ff5050;
    width: 100%;
    height: 50px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    border: none;
    margin: 20px 0;
}

.wpo-single-sidebar .wpo-instagram-widget ul {
    display: flex;
    flex-wrap: wrap;
}

    .wpo-single-sidebar .wpo-instagram-widget ul li {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        margin-bottom: 5px;
        padding: 0px 3px;
    }

        .wpo-single-sidebar .wpo-instagram-widget ul li img {
            width: 100%;
        }

.wpo-single-sidebar .wpo-contact-widget {
    border: 0;
    background: #ff5050;
}

    .wpo-single-sidebar .wpo-contact-widget h2 {
        font-size: 36px;
        font-weight: 700;
        text-align: left;
        color: #fff;
        margin-bottom: 20px;
    }

    .wpo-single-sidebar .wpo-contact-widget p {
        color: #fff;
        font-size: 18px;
    }

    .wpo-single-sidebar .wpo-contact-widget a {
        display: inline-block;
        padding: 10px 20px;
        font-size: 18px;
        color: #fff;
        padding-right: 90px;
        position: relative;
        margin-top: 10px;
        background: linear-gradient(180deg, #00AF90 0%, #00715D 97.92%);
    }

        .wpo-single-sidebar .wpo-contact-widget a::before {
            font-family: "themify";
            content: "\e628";
            font-size: 18px;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%);
        }

/*--------------------------------------------------------------
14. wpo-faq-page
--------------------------------------------------------------*/
.wpo-faq-section .wpo-section-title {
    text-align: center;
}

    .wpo-faq-section .wpo-section-title h2 {
        display: inline-block;
    }

.wpo-faq-section .accordion-item {
    border: 0;
    border: 1px solid #e1e1e1;
    padding: 5px 20px;
    margin-bottom: 10px;
    border-left: 4px solid #ff5050;
}

    .wpo-faq-section .accordion-item .accordion-body {
        padding-left: 0;
        padding-right: 0;
    }

    .wpo-faq-section .accordion-item button {
        padding: 10px;
        border: 0;
        border-radius: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 18px;
        color: #ff5050;
        font-weight: 600;
        text-align: left;
        font-family: "Roboto", sans-serif;
    }

        .wpo-faq-section .accordion-item button::after {
            background: none;
            font-family: "themify";
            content: "\e622";
            font-size: 15px;
            transform: rotate(0deg);
            font-weight: 700;
        }

        .wpo-faq-section .accordion-item button.collapsed {
            color: #ff5050;
        }

            .wpo-faq-section .accordion-item button.collapsed::after {
                content: "\e61a";
            }

        .wpo-faq-section .accordion-item button:focus {
            box-shadow: none;
            outline: none;
            border-color: #e1e1e1;
        }

    .wpo-faq-section .accordion-item .accordion-collapse {
        border: 0;
    }

.wpo-faq-section .accordion-button {
    background: transparent;
}

/*-----------------------------------------------------
#4.1 faq section
------------------------------------------------------*/
.question-area {
    background: #f9f9f9;
    padding-top: 100px;
}

@media (max-width: 991px) {
    .question-area {
        padding-top: 80px;
    }
}

@media (max-width: 767px) {
    .question-area {
        padding-top: 60px;
    }
}

.question-area .wpo-section-title {
    text-align: center;
}

    .question-area .wpo-section-title h2 {
        display: inline-block;
    }

.question-touch {
    max-width: 570px;
    margin: auto;
    box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1);
    padding: 50px;
    text-align: center;
    padding-top: 60px;
    background: #fff;
    border-radius: 5px;
}

@media (max-width: 590px) {
    .question-touch {
        padding: 15px;
    }
}

@media (max-width: 991px) {
    .faq-pb {
        margin-top: 15px;
    }
}

.question-touch h2 {
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 35px;
}

.question-touch .half-col {
    width: 100%;
}

.question-touch input,
.question-touch textarea {
    width: 100%;
    height: 50px;
    border: none;
    outline: none;
    background: none;
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    border-top: none;
    box-shadow: none;
    margin-bottom: 22px;
}

    .question-touch input:focus,
    .question-touch textarea:focus {
        outline: none;
        background: none;
        border-radius: 0;
        border-bottom: 1px solid #eeeeee;
        box-shadow: none;
    }

.question-touch textarea {
    height: 160px;
}

.question-touch ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888;
    font-size: 14px;
}

.question-touch ::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
    font-size: 14px;
}

.question-touch :-ms-input-placeholder {
    /* IE 10+ */
    color: #888;
    font-size: 14px;
}

.question-touch :-moz-placeholder {
    /* Firefox 18- */
    color: #888;
    font-size: 14px;
}

/*--------------------------------------------------------------
15. wpo-blog-pg-section
--------------------------------------------------------------*/
.wpo-blog-pg-section {
    /*** format-standard ***/
    /*** format-gallery ***/
    /*** format-quote ***/
    /*** format-video ***/
}

    .wpo-blog-pg-section .wpo-blog-content .post {
        margin-bottom: 30px;
        border: 1px solid #eeeeee;
        background-color: #fff;
        box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
        padding-bottom: 30px;
        border-radius: 0px 0px 10px 10px;
    }

.pb-6 {
    padding-bottom: 5rem !important;
}

.pt-6 {
    padding-top: 6rem !important;
}

@media (max-width: 991px) {
    .wpo-blog-pg-section .wpo-blog-content .post {
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .wpo-blog-content .post {
        margin-bottom: 30px;
    }
}

.wpo-blog-pg-section .entry-meta {
    list-style: none;
    overflow: hidden;
    margin: 15px 0;
    padding: 0px 20px;
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .entry-meta {
        margin: 15px 0;
        padding: 0px 20px;
    }
}

.wpo-blog-pg-section .entry-meta ul {
    list-style: none;
}

    .wpo-blog-pg-section .entry-meta ul li {
        font-weight: 500;
        font-size: 16px;
        font-size: 1.0666666667rem;
        float: left;
        text-transform: uppercase;
    }

        .wpo-blog-pg-section .entry-meta ul li a {
            color: #636893;
        }

            .wpo-blog-pg-section .entry-meta ul li a:hover {
                color: #ff5050;
            }

        .wpo-blog-pg-section .entry-meta ul li i {
            position: relative;
            margin-right: 3px;
        }

            .wpo-blog-pg-section .entry-meta ul li i:before {
                font-size: 13px;
            }

        .wpo-blog-pg-section .entry-meta ul li + li {
            margin-left: 20px;
            padding-left: 20px;
            position: relative;
        }

            .wpo-blog-pg-section .entry-meta ul li + li:before {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 7px;
                height: 7px;
                content: "";
                background: #ff5050;
                border-radius: 50%;
            }

@media (max-width: 440px) {
    .wpo-blog-pg-section .entry-meta ul li + li:before {
        display: none;
    }
}

@media (max-width: 440px) {
    .wpo-blog-pg-section .entry-meta ul li + li {
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .entry-meta ul li {
        font-size: 12px;
        font-size: 0.8rem;
    }
}

@media (max-width: 440px) {
    .wpo-blog-pg-section .entry-meta ul li {
        float: none;
        display: block;
        margin-bottom: 5px;
    }
}

.wpo-blog-pg-section .post h3 {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 1.2em;
    font-weight: 600;
    padding: 0px 20px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 991px) {
    .wpo-blog-pg-section .post h3 {
        font-size: 20px;
        padding: 0px 20px;
    }
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .post h3 {
        font-size: 20px;
        padding: 0px 20px;
    }
}

.wpo-blog-pg-section .post h3 a {
    color: #3b5998;
}

    .wpo-blog-pg-section .post h3 a:hover {
        color: #ff5050;
    }

.wpo-blog-pg-section .post p {
    margin-bottom: 1.0em;
    padding: 0px 20px;
    margin-top: 20px;
}

@media (max-width: 991px) {
    .wpo-blog-pg-section .post p {
        font-size: 16px;
        padding: 0px 20px;
        margin-top: 20px;
    }
}

.wpo-blog-pg-section .post a.read-more {
    color: #525252;
    text-transform: capitalize;
    font-size: 16px;
    padding: 10px 20px;
    margin-top: 20px;
    border: 1px solid #dedede;
    margin-left: 20px;
    border-radius: 30px;
}

    .wpo-blog-pg-section .post a.read-more:hover {
        background: #ff5050;
        color: #fff;
        border: 1px solid #ff1f8e;
    }

.wpo-blog-pg-section .entry-media img {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}

.wpo-blog-pg-section .format-standard,
.wpo-blog-pg-section .format-quote {
    background-color: #F9F9F9;
    padding: 25px 35px 45px;
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .format-standard,
    .wpo-blog-pg-section .format-quote {
        padding: 25px 20px 45px;
    }
}

.wpo-blog-pg-section .format-standard {
    position: relative;
}

    .wpo-blog-pg-section .format-standard:before {
        position: absolute;
        right: 20px;
        top: 10px;
        content: "\f116";
        font-family: flaticon_charity !important;
        font-size: 90px;
        line-height: 80px;
        color: #f1f1f1;
    }

.wpo-blog-pg-section .format-gallery {
    position: relative;
}

    .wpo-blog-pg-section .format-gallery .owl-controls {
        width: 100%;
        margin: 0;
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover {
        background: #ff5050;
        color: #fff;
    }

    .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] {
        background: #fff;
        width: 50px;
        height: 50px;
        line-height: 58px;
        padding: 0;
        margin: 0;
        border-radius: 50%;
        color: #ff5050;
        transition: all 0.3s;
        border: 0;
    }

        .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] .fi::before {
            font-size: 20px;
        }

    .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev,
    .wpo-blog-pg-section .format-gallery .owl-nav .owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev {
        left: 15px;
    }

    .wpo-blog-pg-section .format-gallery .owl-nav .owl-next {
        right: 15px;
    }

.wpo-blog-pg-section .format-quote {
    text-align: center;
    padding: 80px 60px;
    position: relative;
}

@media (max-width: 767px) {
    .wpo-blog-pg-section .format-quote {
        padding: 40px 20px;
    }
}

.wpo-blog-pg-section .format-quote p {
    margin-bottom: 0;
}

.wpo-blog-pg-section .format-quote:before {
    font-family: "Flaticon";
    content: "\f120";
    font-size: 250px;
    font-size: 16.6666666667rem;
    color: #ecf3fb;
    margin-left: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.wpo-blog-pg-section .format-quote h3,
.wpo-blog-pg-section .format-quote p {
    position: relative;
}

.wpo-blog-pg-section .format-video .video-holder {
    position: relative;
    text-align: center;
}

    .wpo-blog-pg-section .format-video .video-holder:before {
        content: "";
        background-color: rgb(22, 57, 103);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.3s;
        opacity: 0.5;
        border-radius: 10px 10px 10px 10px;
    }

    .wpo-blog-pg-section .format-video .video-holder:hover:before {
        opacity: 0.8;
    }

    .wpo-blog-pg-section .format-video .video-holder a {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 63px;
        height: 63px;
        line-height: 70px;
        background: #fff;
        border-radius: 50%;
        z-index: 1;
    }

        .wpo-blog-pg-section .format-video .video-holder a:after {
            position: absolute;
            left: -8px;
            top: -8px;
            width: 140%;
            height: 140%;
            background: rgba(255, 255, 255, 0.3);
            content: "";
            animation: spineer 2s infinite;
            border-radius: 50%;
            z-index: -1;
        }

        .wpo-blog-pg-section .format-video .video-holder a:before {
            content: "";
            width: 0px;
            height: 0px;
            border-top: 9px solid transparent;
            border-bottom: 10px solid transparent;
            border-left: 14px solid #2f426b;
            position: absolute;
            left: 52%;
            top: 50%;
            transform: translate(-50%, -50%);
        }

    .wpo-blog-pg-section .format-video .video-holder .fi:before {
        font-size: 20px;
        font-size: 1.3333333333rem;
        color: #ff5050;
    }

@media screen and (min-width: 1200px) {
    .blog-pg-left-sidebar .blog-sidebar {
        padding-right: 45px;
        padding-left: 0;
    }
}

@media screen and (min-width: 1200px) {
    .blog-pg-fullwidth .wpo-blog-content {
        padding: 0;
    }
}

@keyframes save-the-date-pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(0.95, 0.95, 0.95);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

@keyframes spineer {
    from {
        box-shadow: 0 0 0 0 rgba(59, 81, 125, 0.99);
    }

    to {
        box-shadow: 0 0 0 45px rgba(59, 81, 125, 0.01);
    }
}
/*--------------------------------------------------------------
16. wpo-blog-single-section
--------------------------------------------------------------*/
.wpo-blog-single-section {
    /*** tag-share ***/
    /*** author-box ***/
    /*** more-posts ***/
    /*** comments area ***/
    /*** comment-respond ***/
}

    .wpo-blog-single-section .entry-meta {
        list-style: none;
        overflow: hidden;
        margin: 10px 0;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .entry-meta {
        margin: 15px 0;
    }
}

.wpo-blog-single-section .entry-meta ul {
    list-style: none;
}

    .wpo-blog-single-section .entry-meta ul li {
        font-weight: 500;
        font-size: 16px;
        font-size: 1.0666666667rem;
        float: left;
        text-transform: uppercase;
    }

        .wpo-blog-single-section .entry-meta ul li a {
            color: #636893;
        }

            .wpo-blog-single-section .entry-meta ul li a:hover {
                color: #ff5050;
            }

        .wpo-blog-single-section .entry-meta ul li i {
            position: relative;
            top: 0;
            margin-right: 3px;
        }

            .wpo-blog-single-section .entry-meta ul li i.fi:before {
                font-size: 13px;
            }

        .wpo-blog-single-section .entry-meta ul li + li {
            margin-left: 20px;
            padding-left: 20px;
            position: relative;
        }

            .wpo-blog-single-section .entry-meta ul li + li:before {
                position: absolute;
                left: 0;
                top: 50%;
                transform: translateY(-50%);
                width: 7px;
                height: 7px;
                content: "";
                background: #ff5050;
                border-radius: 50%;
            }

@media (max-width: 440px) {
    .wpo-blog-single-section .entry-meta ul li + li:before {
        display: none;
    }
}

@media (max-width: 440px) {
    .wpo-blog-single-section .entry-meta ul li + li {
        margin-left: 0;
        padding-left: 0;
    }
}

@media (max-width: 767px) {
    .wpo-blog-single-section .entry-meta ul li {
        font-size: 15px;
    }
}

@media (max-width: 440px) {
    .wpo-blog-single-section .entry-meta ul li {
        float: none;
        margin-right: 16px;
        margin-bottom: 5px;
    }
}

.wpo-blog-single-section .entry-media img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.wpo-blog-single-section .post h2 {
    font-size: 35px;
    margin: -0.22em 0 0.7em;
    line-height: 1.3em;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 991px) {
    .wpo-blog-single-section .post h2 {
        font-size: 30px;
        font-size: 2rem;
    }
}

@media (max-width: 767px) {
    .wpo-blog-single-section .post h2 {
        font-size: 25px;
        font-size: 1.6666666667rem;
    }
}

.wpo-blog-single-section .post p {
    margin-bottom: 1.5em;
}

.wpo-blog-single-section .post h3 {
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.3em;
    margin: 1.8em 0 1em;
}

@media (max-width: 991px) {
    .wpo-blog-single-section .post h3 {
        font-size: 22px;
        font-size: 1.4666666667rem;
    }
}

@media (max-width: 767px) {
    .wpo-blog-single-section .post h3 {
        font-size: 20px;
        font-size: 1.3333333333rem;
    }
}

.wpo-blog-single-section .post blockquote {
    background-color: #F9F9F9;
    color: #3b5998;
    font-size: 20px;
    line-height: 26px;
    padding: 65px;
    margin-top: 60px;
    margin-bottom: 30px;
    border: 0;
    text-align: center;
    position: relative;
    font-style: italic;
    font-family: 'Philosopher', sans-serif;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .post blockquote {
        padding: 55px 25px;
    }
}

.wpo-blog-single-section .post blockquote:before {
    content: "\f116";
    font-family: flaticon_charity !important;
    font-size: 25px;
    font-size: 1.6666666667rem;
    color: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: 50%;
    top: -30px;
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #F9F9F9;
    background: #fff;
    color: #ff5050;
    border-radius: 50%;
}

.wpo-blog-single-section .post .gallery {
    overflow: hidden;
    margin: 40px -7.5px 0;
}

    .wpo-blog-single-section .post .gallery > div {
        width: calc(50% - 15px);
        float: left;
        margin: 0 7.5px 15px;
    }

    .wpo-blog-single-section .post .gallery img {
        width: 100%;
    }

.wpo-blog-single-section .tag-share,
.wpo-blog-single-section .tag-share-s2 {
    border-bottom: 1px solid #ebebeb;
    margin: 45px 0 0;
    padding-bottom: 00px;
    color: #3b5998;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .tag-share,
    .wpo-blog-single-section .tag-share-s2 {
        margin-top: 40px;
    }
}

.wpo-blog-single-section .tag-share ul,
.wpo-blog-single-section .tag-share-s2 ul {
    list-style: none;
    display: inline-block;
    overflow: hidden;
}

    .wpo-blog-single-section .tag-share ul li,
    .wpo-blog-single-section .tag-share-s2 ul li {
        float: left;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .tag-share ul li,
    .wpo-blog-single-section .tag-share-s2 ul li {
        margin: 2px;
    }
}

.wpo-blog-single-section .tag-share ul > li + li,
.wpo-blog-single-section .tag-share-s2 ul > li + li {
    margin-left: 10px;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .tag-share ul > li + li,
    .wpo-blog-single-section .tag-share-s2 ul > li + li {
        margin: 2px;
    }
}

.wpo-blog-single-section .tag-share .tag,
.wpo-blog-single-section .tag-share-s2 .tag {
    display: flex;
    align-items: center;
}

    .wpo-blog-single-section .tag-share .tag > span,
    .wpo-blog-single-section .tag-share-s2 .tag > span {
        font-family: "Roboto", sans-serif;
        color: #3b5998;
        font-weight: 600;
        display: inline-block;
        padding-right: 15px;
        text-transform: uppercase;
    }

    .wpo-blog-single-section .tag-share .tag ul,
    .wpo-blog-single-section .tag-share-s2 .tag ul {
        list-style: none;
        position: relative;
    }

    .wpo-blog-single-section .tag-share .tag li,
    .wpo-blog-single-section .tag-share-s2 .tag li {
        position: relative;
    }

    .wpo-blog-single-section .tag-share .tag a,
    .wpo-blog-single-section .tag-share-s2 .tag a {
        font-size: 14px;
        font-size: 0.9333333333rem;
        display: inline-block;
        padding: 5px 18px;
        color: #3b5998;
        background: #F9F9F9;
        border-radius: 5px;
        text-transform: uppercase;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .tag-share .tag a,
    .wpo-blog-single-section .tag-share-s2 .tag a {
        font-size: 13px;
        font-size: 0.8666666667rem;
    }
}

.wpo-blog-single-section .tag-share .tag a:hover,
.wpo-blog-single-section .tag-share-s2 .tag a:hover {
    color: #ff5050;
}

.wpo-blog-single-section .tag-share-s2 {
    margin: 0;
    margin-top: 30px;
    border-bottom: 0;
}

    .wpo-blog-single-section .tag-share-s2 .tag a {
        padding: 5px;
        font-size: 16px;
        font-size: 1.0666666667rem;
        text-transform: capitalize;
        background: none;
        text-decoration: underline;
        color: #525252;
    }

.wpo-blog-single-section .author-box {
    margin: 35px 0 60px;
}

    .wpo-blog-single-section .author-box .author-avatar {
        float: left;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .author-box .author-avatar {
        float: none;
    }
}

.wpo-blog-single-section .author-box .author-avatar img {
    border-radius: 50%;
}

.wpo-blog-single-section .author-box .author-content {
    display: block;
    overflow: hidden;
    padding-left: 25px;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .author-box .author-content {
        padding: 0;
        margin: 15px 0 0 0;
    }
}

.wpo-blog-single-section .author-box .author-content p {
    margin-bottom: 20px;
}

.wpo-blog-single-section .author-box .author-name {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    font-size: 1.6rem;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 10px;
    color: #3b5998;
}

.wpo-blog-single-section .author-box .social-link {
    display: inline-block;
    list-style: none;
}

    .wpo-blog-single-section .author-box .social-link li {
        float: left;
        margin-right: 12px;
    }

    .wpo-blog-single-section .author-box .social-link a {
        display: block;
        font-size: 13px;
        font-size: 0.8666666667rem;
        color: #3b5998;
    }

        .wpo-blog-single-section .author-box .social-link a:hover {
            color: #ff5050;
        }

.wpo-blog-single-section .more-posts {
    overflow: hidden;
    border: 1px solid #DDDDDD;
    padding: 0 25px;
}

    .wpo-blog-single-section .more-posts > div {
        width: 50%;
        float: left;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts > div {
        width: 100%;
        float: none;
    }
}

.wpo-blog-single-section .more-posts > div > a {
    display: inline-block;
}

.wpo-blog-single-section .more-posts .previous-post,
.wpo-blog-single-section .more-posts .next-post {
    padding: 40px 0;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .previous-post,
    .wpo-blog-single-section .more-posts .next-post {
        padding: 25px 15px !important;
    }
}

.wpo-blog-single-section .more-posts .next-post {
    text-align: right;
    border-left: 1px solid #DDDDDD;
    padding-left: 15px;
    padding-right: 5px;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .next-post {
        border-left: 0;
        text-align: left;
        border-top: 1px solid #DDDDDD;
    }
}

.wpo-blog-single-section .more-posts .next-post .post-control-link {
    padding-right: 25px;
    position: relative;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .next-post .post-control-link {
        padding-right: 0;
    }
}

.wpo-blog-single-section .more-posts .next-post .post-control-link:before {
    font-family: "themify";
    content: "\e628";
    position: absolute;
    right: 0;
    top: 0;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .next-post .post-control-link:before {
        display: none;
    }
}

.wpo-blog-single-section .more-posts .previous-post {
    padding-right: 15px;
    padding-left: 5px;
}

    .wpo-blog-single-section .more-posts .previous-post .post-control-link {
        padding-left: 25px;
        position: relative;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .previous-post .post-control-link {
        padding-left: 0;
    }
}

.wpo-blog-single-section .more-posts .previous-post .post-control-link:before {
    font-family: "themify";
    content: "\e629";
    position: absolute;
    left: 0;
    top: 0;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .more-posts .previous-post .post-control-link:before {
        display: none;
    }
}

.wpo-blog-single-section .more-posts .previous-post > a > span,
.wpo-blog-single-section .more-posts .next-post > a > span {
    display: block;
}

.wpo-blog-single-section .more-posts .post-control-link {
    font-size: 14px;
    font-size: 0.9333333333rem;
    color: #525252;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.wpo-blog-single-section .more-posts .post-name {
    font-size: 16px;
    font-size: 1.0666666667rem;
    color: #3b5998;
    margin: 0.7em 0 0;
}

@media (max-width: 991px) {
    .wpo-blog-single-section .more-posts .post-name {
        font-size: 16px;
        font-size: 1.0666666667rem;
    }
}

.wpo-blog-single-section .more-posts a:hover .post-control-link {
    color: #ff5050;
}

.wpo-blog-single-section .comments-area {
    margin-top: 30px;
}

    .wpo-blog-single-section .comments-area li > div {
        border-bottom: 1px solid #e4effb;
        padding: 35px;
    }

@media (max-width: 991px) {
    .wpo-blog-single-section .comments-area li > div {
        padding: 35px 25px;
    }
}

.wpo-blog-single-section .comments-area ol {
    list-style-type: none;
    padding-left: 0;
}

    .wpo-blog-single-section .comments-area ol ul {
        padding-left: 30px;
        list-style-type: none;
    }

    .wpo-blog-single-section .comments-area ol > li:last-child div {
        border-bottom: 0;
    }

.wpo-blog-single-section .comments-area .comments-title {
    font-size: 22px;
    font-size: 1.4666666667rem;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    margin: 0 0 1em;
    text-transform: uppercase;
    letter-spacing: 3px;
}

@media (max-width: 991px) {
    .wpo-blog-single-section .comments-area .comments-title {
        font-size: 20px;
        font-size: 1.3333333333rem;
    }
}

.wpo-blog-single-section .comments-area li > div {
    position: relative;
}

.wpo-blog-single-section .comments-area .comment-theme {
    position: absolute;
    left: 35px;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .comments-area .comment-theme {
        position: static;
    }
}

.wpo-blog-single-section .comments-area .comment-theme img {
    border-radius: 50%;
}

.wpo-blog-single-section .comments-area .comment-main-area {
    padding-left: 100px;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .comments-area .comment-main-area {
        padding-left: 0;
        margin-top: 25px;
    }
}

.wpo-blog-single-section .comments-area .comment-main-area p {
    margin-bottom: 20px;
}

.wpo-blog-single-section .comments-area .comments-meta h4 {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    font-size: 1.3333333333rem;
    color: #3b5998;
    font-weight: 600;
    margin: 0 0 1em;
}

    .wpo-blog-single-section .comments-area .comments-meta h4 span {
        font-size: 15px;
        font-size: 1rem;
        color: #525252;
        font-weight: normal;
        text-transform: none;
        display: inline-block;
        padding-left: 5px;
        font-family: "Roboto", sans-serif;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .comments-area .comments-meta h4 span {
        padding-left: 0;
    }
}

.wpo-blog-single-section .comments-area .comment-reply-link {
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    border-radius: 7px;
    display: inline-block;
    font-family: "Roboto", sans-serif;
    text-transform: uppercase;
    background-color: #ff5050;
    padding: 7px 15px;
}

}

.wpo-blog-single-section .comments-area .comment-reply-link:hover {
    color: #fff;
    background-color: #3b5998;
}

.wpo-blog-single-section .comment-respond {
    margin-top: 30px;
}

    .wpo-blog-single-section .comment-respond .comment-reply-title {
        font-size: 18px;
        font-weight: 600;
        margin: 0 0 1.0em;
        text-transform: uppercase;
    }

@media (max-width: 991px) {
    .wpo-blog-single-section .comment-respond .comment-reply-title {
        font-size: 18px;
    }
}

.wpo-blog-single-section .comment-respond form input,
.wpo-blog-single-section .comment-respond form textarea {
    background-color: #fff;
    width: 100%;
    height: 45px;
    border: 1px solid #a4adbe;
    padding: 6px 15px;
    margin-bottom: 15px;
    outline: 0;
    box-shadow: none;
    transition: all 0.3s;
}

    .wpo-blog-single-section .comment-respond form input:focus,
    .wpo-blog-single-section .comment-respond form textarea:focus {
        box-shadow: none;
        border-color: #ff5050;
    }

@media (max-width: 991px) {
    .wpo-blog-single-section .comment-respond form input,
    .wpo-blog-single-section .comment-respond form textarea {
        height: 40px;
    }
}

.wpo-blog-single-section .comment-respond form textarea {
    height: 110px;
    padding: 15px;
}

@media (max-width: 991px) {
    .wpo-blog-single-section .comment-respond form textarea {
        height: 90px;
    }
}

.wpo-blog-single-section .comment-respond .form-inputs {
    overflow: hidden;
}

    .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1) {
        width: 49%;
        float: left;
    }

@media (max-width: 767px) {
    .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1) {
        width: 100%;
        float: none;
    }
}

.wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2) {
    width: 49%;
    float: right;
}

@media (max-width: 767px) {
    .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2) {
        width: 100%;
        float: none;
    }
}

.wpo-blog-single-section .comment-respond .form-submit input {
    font-family: "Roboto", sans-serif;
    max-width: 180px;
    background-color: #ff5050;
    color: #fff;
    margin-bottom: 0;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    font-size: 15px;
    border-radius: 7px;
}

    .wpo-blog-single-section .comment-respond .form-submit input:hover {
        background-color: #3b5998;
    }

@media screen and (min-width: 1200px) {
    .wpo-blog-single-left-sidebar-section .blog-sidebar {
        padding-right: 45px;
        padding-left: 0;
    }
}

/*--------------------------------------------------------------
17. wpo-contact-pg-section
--------------------------------------------------------------*/
.wpo-contact-pg-section {
    padding-bottom: 0px;
}

    .wpo-contact-pg-section .wpo-contact-title {
        max-width: 440px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 50px;
    }

@media (max-width: 767px) {
    .wpo-contact-pg-section .wpo-contact-title {
        margin-bottom: 30px;
    }
}

.wpo-contact-pg-section .wpo-contact-title h2 {
    font-size: 35px;
    font-size: 2.3333333333rem;
    font-weight: 600;
    margin-bottom: 20px;
}

@media (max-width: 575px) {
    .wpo-contact-pg-section .wpo-contact-title h2 {
        font-size: 25px;
        font-size: 1.6666666667rem;
    }
}

.wpo-contact-pg-section form input,
.wpo-contact-pg-section form select,
.wpo-contact-pg-section form textarea {
    background: transparent;
    width: 100%;
    height: 50px;
    border: 1px solid transparent;
    border-radius: 0px;
    box-shadow: none !important;
    padding-left: 25px;
    border: 1px solid #ebebeb;
}

@media (max-width: 991px) {
    .wpo-contact-pg-section form input,
    .wpo-contact-pg-section form select,
    .wpo-contact-pg-section form textarea {
        height: 45px;
    }
}

.wpo-contact-pg-section form input:focus,
.wpo-contact-pg-section form select:focus,
.wpo-contact-pg-section form textarea:focus {
    border-color: #ff5050;
    background: transparent;
}

.wpo-contact-pg-section form textarea {
    height: 180px;
    padding-top: 15px;
}

.wpo-contact-pg-section form {
    margin: 0 -15px;
    overflow: hidden;
}

    .wpo-contact-pg-section form ::-webkit-input-placeholder {
        font-style: 15px;
        font-style: normal;
        color: #9d9c9c;
    }

    .wpo-contact-pg-section form :-moz-placeholder {
        font-style: 15px;
        font-style: normal;
        color: #9d9c9c;
    }

    .wpo-contact-pg-section form ::-moz-placeholder {
        font-style: 15px;
        font-style: normal;
        color: #9d9c9c;
    }

    .wpo-contact-pg-section form :-ms-input-placeholder {
        font-style: 15px;
        font-style: normal;
        color: #9d9c9c;
    }

    .wpo-contact-pg-section form select {
        display: inline-block;
        color: #a9a9a9;
        cursor: pointer;
        opacity: 1;
        padding: 6px 25px;
        font-size: 15px;
        font-size: 1rem;
        -webkit-appearance: none;
        -o-appearance: none;
        appearance: none;
        -moz-appearance: none;
        background: transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;
        position: relative;
    }

        .wpo-contact-pg-section form select:focus {
            background: transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;
        }

    .wpo-contact-pg-section form .submit-area {
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0;
    }

@media (max-width: 767px) {
    .wpo-contact-pg-section form .submit-area {
        margin-bottom: 0;
    }
}

.wpo-contact-pg-section form .submit-area .theme-btn, .wpo-contact-pg-section form .submit-area .view-cart-btn {
    border-radius: 0px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}

    .wpo-contact-pg-section form .submit-area .theme-btn:after, .wpo-contact-pg-section form .submit-area .view-cart-btn:after {
        border-radius: 0px;
    }

.wpo-contact-pg-section form > div {
    width: calc(50% - 30px);
    float: left;
    margin: 0 15px 25px;
}

@media (max-width: 600px) {
    .wpo-contact-pg-section form > div {
        width: calc(100% - 25px);
        float: none;
    }
}

.wpo-contact-pg-section form .fullwidth {
    width: calc(100% - 25px);
    float: none;
    clear: both;
}

.wpo-contact-pg-section .office-info {
    padding-bottom: 100px;
}

@media (max-width: 767px) {
    .wpo-contact-pg-section .office-info {
        padding-bottom: 60px;
    }
}

@media (max-width: 1200px) {
    .wpo-contact-pg-section .office-info .col .office-info-item {
        margin-bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .wpo-contact-pg-section .office-info .col:last-child .office-info-item {
        margin-bottom: 0px;
    }
}

.wpo-contact-pg-section .office-info .office-info-item {
    text-align: center;
    box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1);
    padding: 40px;
}

    .wpo-contact-pg-section .office-info .office-info-item .office-info-icon {
        width: 85px;
        height: 85px;
        background: #f5f5f5;
        line-height: 85px;
        text-align: center;
        margin: 0 auto;
        border-radius: 50%;
    }

        .wpo-contact-pg-section .office-info .office-info-item .office-info-icon .icon .fi:before {
            font-size: 35px;
        }

    .wpo-contact-pg-section .office-info .office-info-item .office-info-text h2 {
        font-size: 30px;
        font-weight: 500;
        margin: 20px 0;
    }

    .wpo-contact-pg-section .office-info .office-info-item .office-info-text p {
        margin-bottom: 0;
    }

.wpo-contact-pg-section .wpo-contact-form-area {
    padding: 50px;
    background: #fff;
    box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1);
    padding-bottom: 0;
    margin-bottom: -125px;
    position: relative;
    z-index: 99;
}

@media (max-width: 767px) {
    .wpo-contact-pg-section .wpo-contact-form-area {
        padding: 30px;
        padding-top: 50px;
    }
}

.wpo-contact-map-section .wpo-contact-map {
    height: 550px;
}

.wpo-contact-map-section iframe {
    width: 100%;
    height: 100%;
    border: 0;
    outline: 0;
}

.wpo-contact-map-section h2.hidden {
    display: none;
}

/*---------------------------------------------------------
18. login-design
-----------------------------------------------------------*/
.wpo-login-area {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 100px 0;
}

.wpo-accountWrapper {
    width: 1170px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    margin: auto;
    box-shadow: 0px 14px 60px rgba(0, 0, 0, 0.06);
    border-radius: 10px;
    overflow: hidden;
}

.wpo-accountInfo {
    width: 50%;
    background: #062265;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 600px;
    text-align: center;
    padding: 50px;
}

.wpo-accountForm {
    width: 50%;
    padding: 70px 85px;
    min-height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.wpo-accountInfoHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

    .wpo-accountInfoHeader h2 a {
        display: block;
        line-height: 50px;
        font-size: 35px;
        font-weight: 600;
        color: #fff;
    }

.wpo-accountInfo .wpo-accountBtn {
    height: 40px;
    background: #fff;
    padding: 0px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: capitalize;
    font-size: 14px;
    color: #062265;
    border: 2px solid #fff;
    transition: all 0.4s ease-in-out 0s;
}

    .wpo-accountInfo .wpo-accountBtn:hover {
        background: transparent;
        color: #fff;
    }

.wpo-accountInfo p {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}

.fromTitle h2 {
    font-size: 30px;
    margin-bottom: 10px;
}

.fromTitle p {
    font-size: 15px;
    margin-bottom: 40px;
}

.form-style input {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 20px;
    height: 60px;
    border: 1px solid #e5e5e5 !important;
    border-radius: 2px;
    border: none;
}

    .form-style input:focus {
        outline: none;
        border: 1px solid #e5e5e5 !important;
    }

input[type=checkbox] + label {
    display: block;
    margin: 0.2em;
    cursor: pointer;
    padding: 0.2em;
    position: relative;
}

input[type=checkbox] {
    display: none;
}

    input[type=checkbox] + label:before {
        content: "✔";
        border: 1px solid #e5e5e5;
        border-radius: 0.2em;
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        padding-left: 0.2em;
        padding-bottom: 0.3em;
        margin-right: 0.2em;
        vertical-align: bottom;
        color: transparent;
        transition: 0.2s;
        line-height: 1.2em;
        position: absolute;
        left: 0;
    }

    input[type=checkbox] + label:active:before {
        transform: scale(0);
    }

    input[type=checkbox]:checked + label:before {
        background-color: #ff5050;
        border-color: #ff5050;
        color: #fff;
    }

    input[type=checkbox]:disabled + label:before {
        transform: scale(1);
        border-color: #aaa;
    }

    input[type=checkbox]:checked:disabled + label:before {
        transform: scale(1);
        background-color: #bfb;
        border-color: #bfb;
    }

.check-box-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.forget-btn a {
    display: inline-block;
    font-size: 14px;
    color: #ff5050;
}

.input-box label {
    color: #676B79;
    font-weight: 500;
    font-size: 16px;
    padding-left: 20px !important;
}

.wpo-accountForm .wpo-accountBtn {
    font-size: 16px;
    padding: 10px 20px;
    border: 2px solid #ff5050;
    width: 100%;
    background: #ff5050;
    color: #fff;
    transition: all 0.4s ease-in-out 0s;
    margin-top: 30px;
}

    .wpo-accountForm .wpo-accountBtn:hover {
        background: transparent;
        color: #333;
    }

.or {
    border-top: 1px dashed #e5e5e5;
    margin-top: 45px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 20px;
}

    .or span {
        font-size: 16px;
        text-transform: uppercase;
        display: inline-block;
        padding: 0 25px;
        background: #fff;
        position: relative;
        top: -14px;
        color: #ff5050;
    }

.wpo-socialLoginBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
    list-style: none;
}

    .wpo-socialLoginBtn li button {
        height: 40px;
        width: 50px;
        min-width: 50px;
        font-size: 15px;
        border-radius: 3px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
        border: none;
        text-transform: capitalize;
        font-weight: 400;
        color: #fff;
    }

        .wpo-socialLoginBtn li button.facebook {
            background: #3b5998;
        }

        .wpo-socialLoginBtn li button.linkedin {
            background: #0077B5;
        }

        .wpo-socialLoginBtn li button.twitter {
            background: #55acee;
        }

    .wpo-socialLoginBtn li {
        margin: 0px 5px 5px;
    }

.subText {
    text-align: center;
}

    .subText a {
        display: inline-block;
        font-size: 14px;
        color: #ff5050;
    }

.form-group {
    position: relative;
}

.input-group-btn {
    position: absolute;
    right: 10px;
    top: 37px;
}

    .input-group-btn button {
        background: transparent !important;
        border: none;
        outline: none;
        background: none;
        box-shadow: none !important;
    }

        .input-group-btn button:hover {
            background: transparent;
        }

        .input-group-btn button:focus,
        .input-group-btn button.active {
            background: none !important;
            border: none !important;
            outline: none !important;
        }

.btn-default.active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background: none !important;
    border: none;
    outline: none;
}

@media (max-width: 1200px) {
    .wpo-accountWrapper {
        width: 900px;
    }

    .wpo-accountForm {
        padding: 70px 35px;
    }
}

@media (max-width: 1024px) {
    .wpo-accountWrapper {
        width: 100%;
        max-width: 100%;
    }

    .wpo-accountForm {
        padding: 70px 35px;
    }

    .image img {
        width: 100%;
    }
}

@media (max-width: 992px) {
    .wpo-accountInfo {
        width: 100%;
    }

    .wpo-accountForm {
        width: 100%;
    }

    .accountArea {
        padding: 0px 16px;
    }
}

@media (max-width: 767px) {
    .wpo-accountInfo {
        width: 100%;
    }

    .wpo-accountForm {
        width: 100%;
    }
}

.back-home {
    max-width: 150px;
}

/*--------------------------------------------------------------
19. error-404-section
--------------------------------------------------------------*/
.error-404-section {
    text-align: center;
}

    .error-404-section .error-message {
        margin-top: 70px;
        padding: 0 200px;
    }

@media (max-width: 991px) {
    .error-404-section .error-message {
        margin-top: 50px;
        padding: 0 100px;
    }
}

@media (max-width: 767px) {
    .error-404-section .error-message {
        padding: 0;
    }
}

.error-404-section .error-message h3 {
    font-size: 30px;
    font-size: 2rem;
    margin: 0 0 0.8em;
}

.error-404-section .error-message p {
    margin-bottom: 1.8em;
}
/*# sourceMappingURL=style.css.map */


/*===========================
       05.SERVICES css 
===========================*/

.service_area {
    position: relative;
    z-index: 9;
}

.single_services {
    padding: 30px 20px;
    position: relative;
    z-index: 5;
    width: 100%;
    overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_services {
        padding: 20px 20px;
    }
}

@media (max-width: 767px) {
    .single_services {
        padding: 40px 18px;
    }
}

.single_services::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.1;
    z-index: -1;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.single_services .services_content {
    margin-top: 20px;
    max-width: 290px;
    margin-left: auto;
    margin-right: auto;
}

    .single_services .services_content .services_title a {
        font-size: 26px;
        color: #fff;
        font-weight: 600;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
    }

    .single_services .services_content p {
        color: #fff;
        margin-top: 15px;
    }

.single_services.active {
    padding-top: 55px;
    padding-bottom: 55px;
    margin-top: -25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_services.active {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single_services.active {
        margin-top: 0;
        padding: 80px 40px;
    }
}

@media (max-width: 767px) {
    .single_services.active {
        margin-top: 0;
        padding: 80px 40px;
    }
}

.single_services.active_2 {
    padding-top: 110px;
    margin-top: -30px;
    margin-bottom: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_services.active_2 {
        padding-top: 80px;
        padding-bottom: 50px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single_services.active_2 {
        margin-top: 0;
        padding: 80px 40px;
    }
}

@media (max-width: 767px) {
    .single_services.active_2 {
        margin-top: 0;
        padding: 80px 40px;
    }
}

.single_services.services_1 {
    background-color: #9238a4;
}

    .single_services.services_1::before {
        background-image: url(../images/services-1.jpg);
    }

.single_services.services_2 {
    background-color: #f86048;
}

    .single_services.services_2::before {
        background-image: url(../images/services-2.jpg);
    }

.single_services.services_3 {
    background-color: #00bdc0;
}

    .single_services.services_3::before {
        background-image: url(../images/services-3.jpg);
    }

.single_services.services_4 {
    background-color: #f1ae44;
}

    .single_services.services_4::before {
        background-image: url(../images/services-1.jpg);
    }

.single_services:hover::before {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

/*===== Services 2 =====*/
.services_area_2 {
    position: relative;
}

.services_shape_1 {
    height: 73px;
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -30px;
    left: 0;
    z-index: 6;
}

.services_shape_2 {
    height: 73px;
    width: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -40px;
    left: 0;
    z-index: 9;
}

.single_services_2 .services_image {
    overflow: hidden;
    position: relative;
}

    .single_services_2 .services_image a {
        display: block;
        width: 100%;
    }

        .single_services_2 .services_image a img {
            width: 100%;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
        }

.single_services_2 .services_content {
    padding: 45px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_services_2 .services_content {
        padding: 25px 30px;
    }
}

@media (max-width: 767px) {
    .single_services_2 .services_content {
        padding: 25px 30px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_services_2 .services_content {
        padding: 45px 30px;
    }
}

.single_services_2 .services_content .services_title a {
    color: #fff;
    font-size: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single_services_2 .services_content .services_title a {
        font-size: 24px;
    }
}

@media (max-width: 767px) {
    .single_services_2 .services_content .services_title a {
        font-size: 24px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .single_services_2 .services_content .services_title a {
        font-size: 24px;
    }
}

.single_services_2 .services_content p {
    color: #fff;
    margin-top: 15px;
}

.single_services_2.services_2_color_1 {
    background-color: #9238a4;
}

.single_services_2.services_2_color_2 {
    background-color: #f1ae44;
}

.single_services_2.services_2_color_3 {
    background-color: #00bdc0;
}

.single_services_2:hover .services_image img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}




/*-- Padding Top --*/

.pt-5 {
    padding-top: 5px;
}

.pt-10 {
    padding-top: 10px;
}

.pt-15 {
    padding-top: 15px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-25 {
    padding-top: 25px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-35 {
    padding-top: 35px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-45 {
    padding-top: 45px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-55 {
    padding-top: 55px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-65 {
    padding-top: 65px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-75 {
    padding-top: 75px;
}

.pt-80 {
    padding-top: 80px;
}

.pt-85 {
    padding-top: 85px;
}

.pt-90 {
    padding-top: 90px;
}

.pt-95 {
    padding-top: 95px;
}

.pt-100 {
    padding-top: 100px;
}

.pt-105 {
    padding-top: 105px;
}

.pt-110 {
    padding-top: 110px;
}

.pt-115 {
    padding-top: 115px;
}

.pt-120 {
    padding-top: 120px;
}

.pt-125 {
    padding-top: 125px;
}

.pt-130 {
    padding-top: 130px;
}

.pt-135 {
    padding-top: 135px;
}

.pt-140 {
    padding-top: 140px;
}

.pt-145 {
    padding-top: 145px;
}

.pt-150 {
    padding-top: 150px;
}

.pt-155 {
    padding-top: 155px;
}

.pt-160 {
    padding-top: 160px;
}

.pt-165 {
    padding-top: 165px;
}

.pt-170 {
    padding-top: 170px;
}

.pt-175 {
    padding-top: 175px;
}

.pt-180 {
    padding-top: 180px;
}

.pt-185 {
    padding-top: 185px;
}

.pt-190 {
    padding-top: 190px;
}

.pt-195 {
    padding-top: 195px;
}

.pt-200 {
    padding-top: 200px;
}
/*-- Padding Bottom --*/

.pb-5 {
    padding-bottom: 5px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-25 {
    padding-bottom: 25px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pb-35 {
    padding-bottom: 35px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pb-45 {
    padding-bottom: 45px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-55 {
    padding-bottom: 55px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pb-65 {
    padding-bottom: 65px;
}

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

.pb-75 {
    padding-bottom: 75px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pb-85 {
    padding-bottom: 85px;
}

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

.pb-95 {
    padding-bottom: 95px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pb-105 {
    padding-bottom: 105px;
}

.pb-110 {
    padding-bottom: 110px;
}

.pb-115 {
    padding-bottom: 115px;
}

.pb-120 {
    padding-bottom: 120px;
}

.pb-125 {
    padding-bottom: 125px;
}

.pb-130 {
    padding-bottom: 130px;
}

.pb-135 {
    padding-bottom: 135px;
}

.pb-140 {
    padding-bottom: 140px;
}

.pb-145 {
    padding-bottom: 145px;
}

.pb-150 {
    padding-bottom: 150px;
}

.pb-155 {
    padding-bottom: 155px;
}

.pb-160 {
    padding-bottom: 160px;
}

.pb-165 {
    padding-bottom: 165px;
}

.pb-170 {
    padding-bottom: 170px;
}

.pb-175 {
    padding-bottom: 175px;
}

.pb-180 {
    padding-bottom: 180px;
}

.pb-185 {
    padding-bottom: 185px;
}

.pb-190 {
    padding-bottom: 190px;
}

.pb-195 {
    padding-bottom: 195px;
}

.pb-200 {
    padding-bottom: 200px;
}

.no-gutters > .col, .no-gutters > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

/*===================================*
  13.START GALLERY SECTION
*===================================*/
.grid_filter {
    margin-bottom: 30px;
}

    .grid_filter li {
        display: inline-block;
        margin: 0 3px;
    }

        .grid_filter li a {
            background-color: #eee;
            padding: 5px 25px;
            display: block;
            font-size: 16px;
            text-transform: capitalize;
            border-radius: 4px;
        }

            .grid_filter li a.current,
            .grid_filter li a:hover {
                background-color: #FFBC09;
                color: #fff;
            }

.grid_container {
    list-style: none;
}

.gutter_small {
    margin: 0 -7.5px -15px -7.5px;
}

    .gutter_small > li {
        padding: 0 7.5px 15px 7.5px;
    }

.gutter_medium {
    margin: 0 -15px -30px -15px;
}

    .gutter_medium > li {
        padding: 0px 15px 30px 15px;
    }

.grid_col3 > li {
    width: 33.33%;
    float: left;
}

.grid_col4 > li {
    width: 25%;
    float: left;
}

.gallery_item {
    overflow: hidden;
    position: relative;
}

    .gallery_item img {
        width: 100%;
    }

.gallery_content {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 60px;
    opacity: 0;
    visibility: hidden;
    right: 0;
    left: 0;
    text-align: center;
    transition: all 0.3s ease-in-out;
    z-index: 2;
}

.gallery_item:hover .gallery_content {
    top: 0;
    opacity: 1;
    visibility: visible;
}

.gallery_item::before {
    background-color: rgba(0,0,0,0.60);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    top: 0;
    bottom: 0;
    transition: all 0.5s ease-in-out;
    z-index: 2;
}

.gallery_item:hover:before {
    opacity: 1;
    visibility: visible;
}

.grid_container .owl-carousel.owl-theme .owl-dots {
    margin: 0 !important;
    position: absolute;
    bottom: 5px;
    right: 15px;
    z-index: 9;
}

.grid_container .owl-carousel {
    z-index: inherit;
}

    .grid_container .owl-carousel.owl-theme .owl-dots span {
        margin: 5px 2px;
    }

.owl-theme .owl-dots .owl-dot span {
    background-color: transparent;
    border: 1px solid #9a9a9a;
    margin: 5px;
}

.dots_white.owl-theme .owl-dots .owl-dot.active span, .dots_white.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #fff;
    border-color: #fff;
}

.dots_white.owl-theme .owl-dots .owl-dot span {
    border-color: #fff;
}

.nav_bottom_right.owl-theme .owl-nav [class*="owl-"] {
    top: auto;
    -moz-transform: translateY(0);
    -webkittransform: translateY(0);
    transform: translateY(0);
}

.nav_bottom_right.owl-theme .owl-nav .owl-prev {
    left: auto;
    right: 50px;
}

.gallery_content .ripple {
    margin: 0;
}

.text_holder {
    margin-top: 25px;
    text-transform: capitalize;
}
/*===================================*
  13.END GALLERY SECTION
*===================================*/
.ripple {
    background-color: #FFFFFF;
    border-radius: 100%;
    color: #FFBC09;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    line-height: 50px;
    font-size: 18px !important;
    vertical-align: middle;
    margin-left: 0;
    height: 50px;
    width: 50px;
    text-align: center;
}

    .ripple::before, .ripple::after {
        -webkit-animation: ripple 1.8s infinite;
        -moz-animation: ripple 1.8s infinite;
        -o-animation: ripple 1.8s infinite;
        -ms-transition: ripple 1.8s infinite;
        animation: ripple 1.8s infinite;
        background-color: #ffffff;
        border-radius: 100%;
        margin: -20px;
        bottom: 0px;
        content: "";
        display: block;
        left: 0px;
        opacity: 0;
        position: absolute;
        right: 0px;
        top: 0px;
        z-index: -1;
    }

    .ripple::before {
        animation-delay: 0.4s;
        -webkit-animation-delay: 0.4s;
    }

    .ripple::after {
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

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

    50% {
        opacity: 0.5;
    }

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

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

    50% {
        opacity: 0.5;
    }

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

.p-0 {
    padding: 0px !important;
}

.has_border {
    border-style: solid;
    border-width: 2px;
    padding: 15px 25px;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    border-color: #edd9d9;
    background-color: #ffffff;
    border-bottom: 5px solid #d84315;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border001 {
    border-style: solid;
    border-width: 2px;
    padding: 15px 25px;
    border-radius: 10px;
    margin-bottom: 30px;
    border-color: #ff5050;
    background-image: url(../images/bg-image-18.jpg);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border3 {
    padding: 25px 45px;
    border-radius: 8px;
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
}

.has_border5 {
    padding: 15px 0px;
    text-align: left;
    width: 100%;
    max-width: 800px;
    margin: 20px auto;
}

.has_border4 {
    padding: 25px 15px;
    border-radius: 20px;
    border-top: 5px solid #FB1106;
    border-bottom: 5px solid #FB1106;
    width: 100%;
    max-width: 900px;
    margin: 20px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border55 {
    padding: 13px 13px;
    border-radius: 15px;
    border-left: 6px solid #ea2f4a;
    width: 100%;
    margin: 50px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border56 {
    padding: 25px 25px;
    border-radius: 15px;
    width: 100%;
    margin: 0px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border561 {
    padding: 25px 25px;
    border-radius: 15px;
    width: 100%;
    margin: 0px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border1 {
    border-style: solid;
    border-width: 2px;
    padding: 15px 15px;
    border-radius: 10px;
    border-color: #eeeeee;
    background-color: white;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
}

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s;
}

.sp_top_30 {
    padding-top: 30px;
}
/*-------------------------
    Common
-------------------------*/
.color-fb {
    background-color: #1877f2 !important;
    color: #fff !important;
}

.color-ig {
    background-color: #c231a1 !important;
    color: #fff !important;
}

.color-twitter {
    background-color: #000000 !important;
    color: #fff !important;
}

.color-pinterest {
    background-color: #E60023 !important;
    color: #fff !important;
}

.color-yt {
    background-color: #cd201f !important;
    color: #fff !important;
}

.color-linkd {
    background-color: #0a66c2 !important;
    color: #fff !important;
}

.color-primary {
    background-color: var(--color-primary);
    color: #fff !important;
}

.pard {
    justify-content: flex-end;
}

blockquote {
    font-size: 20px;
    width: 60%;
    font-weight: 600;
    margin: 20px 0px;
    font-family: Open Sans;
    font-style: italic;
    color: #3b5998;
    padding: 1.2em 30px 1.2em 75px;
    border-left: 5px solid #3b5998;
    line-height: 1.6;
    position: relative;
    background: #f7f5f5;
}

    blockquote::before {
        font-family: Arial;
        content: "\201C";
        color: #ff5050;
        font-size: 4em;
        position: absolute;
        left: 10px;
        top: -10px;
    }

    blockquote::after {
        content: '';
    }

    blockquote span {
        display: block;
        color: #333333;
        font-style: normal;
        font-weight: bold;
        margin-top: 1em;
    }

.fnt {
    color: #000;
    font-size: 16px;
    font-weight: 500;
}

.fnt1 {
    color: #ff5050;
    font-size: 17px;
    font-weight: 600;
}

.fnt01 {
    color: #ff5050;
    font-size: 16px;
    font-weight: 600;
    display: contents;
}

.button {
    width: auto;
    display: inline-block;
    padding: 0 18px 0 6px;
    border: 0 none;
    border-radius: 5px;
    text-decoration: none;
    transition: all 250ms linear;
}

    .button:hover {
        text-decoration: none;
    }

.button--social-login {
    margin-bottom: 12px;
    margin-right: 12px;
    color: white;
    height: 50px;
    line-height: 46px;
    position: relative;
    text-align: left;
}

    .button--social-login .icon {
        margin-right: 12px;
        font-size: 24px;
        line-height: 24px;
        width: 42px;
        height: 24px;
        text-align: center;
        display: inline-block;
        position: relative;
        top: 4px;
    }

        .button--social-login .icon:before {
            display: inline-block;
            width: 40px;
        }

        .button--social-login .icon:after {
            content: "";
        }

.button--facebook {
    background-color: #4b70ab;
    border: 1px solid #3b5988;
}

    .button--facebook .icon {
        border-right: 1px solid #3b5988;
    }

        .button--facebook .icon:after {
            border-right: 1px solid #6b8bbe;
        }

    .button--facebook:hover {
        background-color: #436499;
    }

.button--linkedin {
    background-color: #0087be;
    border: 1px solid #00638b;
}

    .button--linkedin .icon {
        border-right: 1px solid #00638b;
    }

        .button--linkedin .icon:after {
            border-right: 1px solid #00abf1;
        }

    .button--linkedin:hover {
        background-color: #0075a5;
    }

.button--google {
    background-color: #3f85f4;
    border: 1px solid #0f66f1;
}

    .button--google .icon {
        border-right: 1px solid #0f66f1;
    }

        .button--google .icon:after {
            border-right: 1px solid #6fa4f7;
        }

    .button--google:hover {
        background-color: #2776f3;
    }

.button--twitter {
    background-color: #3b94d9;
    border: 1px solid #257abc;
}

    .button--twitter .icon {
        border-right: 1px solid #257abc;
    }

        .button--twitter .icon:after {
            border-right: 1px solid #66abe1;
        }

    .button--twitter:hover {
        background-color: #2988d2;
    }

.button--yahoo {
    background-color: #500095;
    border: 1px solid #350062;
}

    .button--yahoo .icon {
        border-right: 1px solid #350062;
    }

        .button--yahoo .icon:after {
            border-right: 1px solid #6b00c8;
        }

    .button--yahoo:hover {
        background-color: #42007c;
    }

.button--openid {
    background-color: #f78c40;
    border: 1px solid #f56f0f;
}

    .button--openid .icon {
        border-right: 1px solid #f56f0f;
    }

        .button--openid .icon:after {
            border-right: 1px solid #f9a971;
        }

    .button--openid:hover {
        background-color: #f67d28;
    }

.button--googleplus {
    background-color: #dd4b39;
    border: 1px solid #c23321;
}

    .button--googleplus .icon {
        border-right: 1px solid #c23321;
    }

        .button--googleplus .icon:after {
            border-right: 1px solid #e47365;
        }

    .button--googleplus:hover {
        background-color: #d73925;
    }

.button--dropbox {
    background-color: #007de1;
    border: 1px solid #0061ae;
}

    .button--dropbox .icon {
        border-right: 1px solid #0061ae;
    }

        .button--dropbox .icon:after {
            border-right: 1px solid #1597ff;
        }

    .button--dropbox:hover {
        background-color: #006fc8;
    }

.button--github {
    background-color: #333;
    border: 1px solid #1a1a1a;
}

    .button--github .icon {
        border-right: 1px solid #1a1a1a;
    }

        .button--github .icon:after {
            border-right: 1px solid #4d4d4d;
        }

    .button--github:hover {
        background-color: #262626;
    }

.button--bitbucket {
    background-color: #205081;
    border: 1px solid #163758;
}

    .button--bitbucket .icon {
        border-right: 1px solid #163758;
    }

        .button--bitbucket .icon:after {
            border-right: 1px solid #2a69aa;
        }

    .button--bitbucket:hover {
        background-color: #1b436d;
    }

.button--soundcloud {
    background-color: #ff5500;
    border: 1px solid #cc4400;
}

    .button--soundcloud .icon {
        border-right: 1px solid #cc4400;
    }

        .button--soundcloud .icon:after {
            border-right: 1px solid #ff7733;
        }

    .button--soundcloud:hover {
        background-color: #e64d00;
    }

.button--spotify {
    background-color: #2ebd59;
    border: 1px solid #249446;
}

    .button--spotify .icon {
        border-right: 1px solid #249446;
    }

        .button--spotify .icon:after {
            border-right: 1px solid #4bd374;
        }

    .button--spotify:hover {
        background-color: #29a84f;
    }

.button--microsoft {
    background-color: #00a4ef;
    border: 1px solid #0081bc;
}

    .button--microsoft .icon {
        border-right: 1px solid #0081bc;
    }

        .button--microsoft .icon:after {
            border-right: 1px solid #23baff;
        }

    .button--microsoft:hover {
        background-color: #0093d6;
    }

.button--flickr {
    background-color: #ff0084;
    border: 1px solid #cc006a;
}

    .button--flickr .icon {
        border-right: 1px solid #cc006a;
    }

        .button--flickr .icon:after {
            border-right: 1px solid #ff339d;
        }

    .button--flickr:hover {
        background-color: #e60077;
    }

/*-------------------
  Contact Styles
---------------------*/
.contact-me .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 767px) {
    .contact-me .inner {
        display: block;
        text-align: center;
    }
}

.contact-me .thumbnail {
    margin-right: 130px;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-me .thumbnail {
        margin-right: 50px;
    }
}

@media only screen and (max-width: 767px) {
    .contact-me .thumbnail {
        margin-bottom: 40px;
        margin-right: 0;
    }
}

.contact-me .thumbnail .thumb {
    box-shadow: 0px 20px 40px 0px rgba(42, 11, 88, 0.1);
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .contact-me .thumbnail .thumb {
        display: inline-block;
    }
}

.contact-me .thumbnail .thumb img {
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .contact-me .thumbnail .shape-group {
        display: none;
    }
}

.contact-me .thumbnail .shape-group li {
    margin: 0;
    position: absolute;
    z-index: -1;
}

    .contact-me .thumbnail .shape-group li.shape-1 {
        top: -45px;
        right: 30px;
    }

    .contact-me .thumbnail .shape-group li.shape-2 {
        top: -20px;
        right: -30px;
        z-index: 1;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-me .thumbnail .shape-group li.shape-2 {
        display: none;
    }
}

.contact-me .thumbnail .shape-group li.shape-3 {
    bottom: -15px;
    left: -40px;
}

.contact-me .contact-us-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.contact-us-info .heading-title {
    margin-bottom: 15px;
    font-size: 24px;
}

.contact-us-info .address-list li .title {
    margin-bottom: 5px;
    font-size: 15px;
}

}

.contact-us-info .address-list li p {
    margin-bottom: 20px;
}

.contact-us-info .social-share {
    padding-top: 12px;
}

@media only screen and (max-width: 767px) {
    .contact-me-area .contact-us-info .social-share {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.contact-form-area {
    padding: 20px;
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #dedede;
}

@media only screen and (max-width: 991px) {
    .contact-form-area .shape-group {
        display: none;
    }
}

.contact-form-area .shape-group li {
    position: absolute;
    z-index: -1;
}

    .contact-form-area .shape-group li.shape-1 {
        top: 32%;
        left: 13%;
    }

    .contact-form-area .shape-group li.shape-2 {
        top: 32%;
        left: 9%;
    }

    .contact-form-area .shape-group li.shape-3 {
        top: -200px;
        right: -110px;
    }

        .contact-form-area .shape-group li.shape-3 span {
            display: block;
            height: 476px;
            width: 476px;
            border: 1px solid var(--color-border);
            border-radius: 50%;
        }

    .contact-form-area .shape-group li.shape-4 {
        top: 150px;
        right: 135px;
    }

.contact-form.form-style-2 {
    padding: 20px;
    box-shadow: var(--shadow-darker);
    background-color: var(--color-white);
    border-radius: 5px;
    margin-bottom: 80px;
    position: relative;
    border: 1px solid #dedede;
}

@media only screen and (max-width: 479px) {
    .contact-form.form-style-2 {
        padding: 40px;
    }
}

.contact-form.form-style-2 .section-title {
    margin-bottom: 5px;
}

    .contact-form.form-style-2 .section-title p {
        margin-top: 10px;
        margin-bottom: 0;
    }

.contact-form.form-style-2 .form-group {
    margin-bottom: 0;
}

    .contact-form.form-style-2 .form-group input, .contact-form.form-style-2 .form-group textarea {
        border-bottom: 1px solid var(--color-border);
        border-radius: 0;
        padding: 20px 0 10px;
    }

    .contact-form.form-style-2 .form-group .edu-btn {
        margin-top: 40px;
    }

@media only screen and (max-width: 991px) {
    .contact-form.form-style-2 .shape-group {
        display: none;
    }
}

.contact-form.form-style-2 .shape-group li {
    position: absolute;
    z-index: -1;
}

    .contact-form.form-style-2 .shape-group li.shape-1 {
        top: -60px;
        right: -90px;
    }

    .contact-form.form-style-2 .shape-group li.shape-2 {
        top: -80px;
        right: -10px;
        z-index: 1;
    }

.contact-form .error-msg p,
.contact-form .success-msg p {
    margin-top: 10px;
    margin-bottom: 0;
}

.contact-us-area {
    padding: 40px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .contact-us-area {
        padding: 30px 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .contact-us-area {
        padding: 80px 0 0;
    }
}

.google-map-area #gmap_canvas {
    width: 100%;
    height: 600px;
    margin-bottom: -8px;
}

.office-text {
    padding: 20px 0 0;
}

    .office-text h4 {
        margin: 0 0 10px;
    }

    .office-text p {
        padding: 0 0px 0 0;
        margin: 0 0 8px;
    }

.skyline-img {
    background: #fbf4f1;
    padding: 20px;
    border-radius: 8px 40px 8px 0;
    box-shadow: 0 3.4px 2.7px -30px rgba(0,0,0,.059),0 8.2px 8.9px -30px rgba(0,0,0,.071),0 25px 40px -30px rgba(0,0,0,.2);
}

.-address-list li a {
    color: #6a6a8e;
}

    .-address-list li a i {
        width: 25px;
    }

.-address-list li {
    line-height: 35px;
}

.bglight {
    background: #fbfbfb;
}

.pad-tb {
    padding-top: 50px;
    padding-bottom: 50px;
}

.btn-outline {
    border: 1px solid #00715d;
    color: #050748;
    padding: 10px 25px;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}

    .btn-outline:hover {
        background: #ff1f8e;
        color: #fff;
        border: 1px solid #ff1f8e;
    }

.office-card {
    padding: 20px;
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
    background-color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 550px;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #dedede;
}

.highlighted a {
    background-color: #228B22 !important;
    background-image: none !important;
    color: #FFF !important;
    font-weight: bold !important;
    border-radius: 50px;
}

.highlighted:hover > a {
    background-color: #262626 !important;
}

.highlighted {
    position: relative;
}

    .highlighted:before {
        position: absolute;
        left: 50%;
        bottom: 115%;
        content: "";
        width: 0;
        height: 0;
        margin-left: -10px;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #1f1f1f transparent transparent transparent;
        display: none;
    }

    .highlighted:after {
        position: absolute;
        bottom: 130%;
        left: -90px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 12px;
        content: attr(title);
        color: white;
        display: block;
        width: 200px;
        height: auto;
        padding: 12px;
        background: #1F1F1F;
        border-radius: 4px;
        display: none;
    }

    .highlighted:hover:after,
    .highlighted:hover:before {
        display: block;
    }

    .highlighted:active {
        background: #A3DF99;
    }



.figcaption {
    background: #ff5050;
    margin: 0px auto;
    border-radius: 30px;
}

.figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    text-align: center;
    color: #ffffff;
    padding: 0px;
    width: 45px;
    height: 45px;
    line-height: 43px;
    left: 0;
    right: 0;
    z-index: 999;
}

    .figcaption i {
        color: #ffffff;
        padding: 10px;
        background: linear-gradient(180deg, #ff5050 0%, #ff5050 99.48%), linear-gradient(0deg, #ED8A1C, #ED8A1C);
        height: 40px;
        width: 40px;
        border-radius: 100px;
    }

    .figcaption h4 {
        padding-bottom: 15px;
    }

.caption-block {
    padding: 10px;
    color: #FFFFFF;
}

.portfolio-grid .grids:hover .figcaption {
    position: absolute;
    opacity: 1;
}

.portfolio-grid .grids:hover img {
    opacity: .2;
}

.portfolio-list .portfolio-grid .grids:hover img {
    opacity: .8;
}

.portfolio-grid .grids:hover .grid {
    background-color: #ff5050;
    border-radius: 16px;
}

.portfolio-grid .grid {
    position: relative;
    margin-bottom: 0px;
}

    .portfolio-grid .grid img {
        height: auto;
        border-radius: 10px;
    }

    .portfolio-grid .grid .overlay {
        height: 100%;
    }

    .portfolio-grid .grid .overlay {
        background: -moz-linear-gradient(270deg, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 1) 100%);
        /* ff3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.01)), color-stop(100%, rgba(0, 0, 0, 1)));
        /* ie10+ */
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.01) 0%, rgba(0, 0, 0, 1) 100%);
        /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#7a2992', GradientType=0);
        /* ie6-9 */
        border-radius: 0px 0px 10px 10px;
        bottom: 0;
        left: 0;
        position: absolute;
        right: 0;
        text-align: center;
    }

        .portfolio-grid .grid .overlay .details {
            bottom: 10px;
            left: 0;
            position: absolute;
            right: 0;
            padding: 0px 25px;
        }

            .portfolio-grid .grid .overlay .details h4 {
                color: #ffffff;
                font-size: 15px;
                font-family: 'Roboto', sans-serif;
                font-weight: 500;
                line-height: 1.2;
            }

            .portfolio-grid .grid .overlay .details p {
                font-size: 14px;
                font-family: 'Roboto', sans-serif;
                color: #ffffff;
                line-height: 1.2;
            }




.img-overlay {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s ease-out 0s;
}

.widget .img-overlay {
    display: none;
}

.grid-item:hover .img-overlay,
.grid-item:hover .figcaption {
    opacity: 1;
}

.project-meta {
    margin-bottom: 20px;
}

.grid-list .grids {
    border-bottom: 1px dashed rgba(0,0,0,.1);
    padding-bottom: 40px !important;
    margin-bottom: 30px !important;
}

.grid-list .title {
    margin-bottom: 8px;
}

.grid-list .description {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 12px;
}

/* :: Gallery Details */
.gallery-list .list-name-gallery {
    margin-bottom: 45px;
    display: inline-block;
}

    .gallery-list .list-name-gallery li {
        display: inline-block;
        font-size: 14px;
        color: #0e204d;
        text-transform: capitalize;
        padding: 0 20px;
        line-height: 30px;
        border-radius: 30px;
        position: relative;
        text-align: center;
        font-weight: 500;
        border: 1px solid #DDD;
        margin: 0 8px 5px 0;
        cursor: pointer;
    }

        .gallery-list .list-name-gallery li.active {
            background-color: #f58634;
            color: #FFF;
            border: 1px solid #f58634;
        }

        .gallery-list .list-name-gallery li:last-of-type {
            margin: 0;
        }

.mix {
    -webkit-transition: unset;
    -o-transition: unset;
    transition: unset;
}

.default-form .select-amount {
    position: relative;
    margin-bottom: 20px;
}

    .default-form .select-amount .select-box {
        position: relative;
        float: left;
        text-align: center;
        margin: 0px 25px 10px 0px;
    }

    .default-form .select-amount .input-box {
        position: relative;
        float: left;
        width: 290px;
    }

    .default-form .select-amount .select-box input[type="radio"] {
        left: 0px;
        top: 0px;
        visibility: hidden;
        position: absolute;
        opacity: 0;
    }

    .default-form .select-amount .select-box label {
        display: block;
        line-height: 22px;
        padding: 8px 20px;
        text-align: center;
        font-size: 15px;
        font-weight: 700;
        color: #333333;
        background-color: #fff;
        border: 1px solid #e0e0e0;
        cursor: pointer;
        border-radius: 50px;
        transition: all 500ms ease;
    }

    .default-form .select-amount .select-box input[type="radio"]:checked + label {
        background: #ff5722;
        border-color: #ff5722;
        color: #ffffff;
    }







.default-form .theme-btn {
    margin-top: 10px;
    font-weight: 700;
    font-family: 'Roboto Slab', serif;
}

.default-form.style-two .form-group {
    margin-bottom: 10px;
}

.default-form.style-two input {
    border-radius: 50px;
    height: 40px;
    padding: 12px 25px;
}

.default-form.style-two textarea {
    height: 150px;
    padding: 12px 30px;
    border-radius: 15px;
}

.default-form.style-two .theme-btn {
    text-transform: capitalize;
    margin-top: 10px;
}

a[data-toggle="modal"] {
    margin: 5px;
}




.wrapper-1 {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
}

.wrapper-2 {
    padding: 30px;
    margin: 50px 20px;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    border: 1px solid #dedede;
}

h1 {
    font-size: 28px;
    font-weight: 600;
    color: #3b5998;
    margin: 0;
    margin-bottom: 15px;
}

.wrapper-2 p {
    margin: 0;
    font-size: 18px;
    color: #000;
}

.go-home {
    color: #fff;
    background: #ff5050;
    border: none;
    padding: 10px 50px;
    margin: 30px 0;
    display: inline-block;
    border-radius: 30px;
    text-transform: capitalize;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
}

.footer-like {
    margin-top: auto;
    background: #D7E6FE;
    padding: 6px;
    text-align: center;
}

    .footer-like p {
        margin: 0;
        padding: 4px;
        color: #5892FF;
        letter-spacing: 1px;
    }

        .footer-like p a {
            text-decoration: none;
            color: #5892FF;
            font-weight: 600;
        }

@media (min-width:360px) {
    h1 {
        color: #3b5998;
        font-size: 28px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .wrapper-2 p {
        margin: 0;
        font-size: 15px;
        color: #000;
    }

    .go-home {
        margin-bottom: 20px;
    }
}


.wrapper-1 {
    height: initial;
    max-width: 620px;
    margin: 0 auto;
    border-radius: 10px;
    margin-top: 50px;
    margin-bottom: 50px;
}

}

/*== LogIn Register Page ==*/
.our-log {
    background-color: #f9fafc;
}

.login_form {
    padding: 15px;
}

    .login_form hr,
    .sign_up_form hr {
        margin-bottom: 25px;
        position: relative;
    }

        .login_form hr:before,
        .sign_up_form hr:before {
            background-color: #ffffff;
            bottom: 0;
            color: #7f7f7f;
            content: "Or";
            font-size: 14px;
            position: absolute;
            left: 0;
            margin: 0 auto;
            right: 0;
            text-align: center;
            top: -12px;
            width: 10%;
        }

    .login_form .input-group-text,
    .sign_up_form .input-group-text {
        background-color: transparent;
        border: none;
        color: #7f7f7f;
        height: 40px;
        position: absolute;
        right: 2px;
        top: 6px;
    }

    .login_form .form-group .custom-control-label,
    .sign_up_form .form-group .custom-control-label {
        font-size: 14px;
        padding-top: 2px;
    }

    .login_form .btn-fpswd {
        color: #8b91dd;
        font-size: 14px;
        line-height: 2.214;
    }

    .sign_up_form .divide,
    .login_form .divide {
        position: relative;
    }

        .sign_up_form .divide .lf_divider,
        .login_form .divide .lf_divider {
            background-color: #f9fafc;
            height: 20px;
            left: 0;
            line-height: 20px;
            margin: 0 auto;
            position: absolute;
            right: 0;
            text-align: center;
            top: -10px;
            width: 62px;
        }

    .sign_up_form.inner_page,
    .login_form.inner_page {
        padding: 0 10px 0;
    }

        .login_form.inner_page .heading h4 {
            font-size: 25px;
            font-weight: bold;
            margin-bottom: 5px;
        }

    .login_form .heading,
    .sign_up_form .heading {
        margin-bottom: 25px;
    }

        .login_form .heading h4,
        .sign_up_form .heading h4 {
            color: #dd3931;
            font-size: 28px;
            text-align: center;
        }

    .login_form button.btn-fb,
    .sign_up_form button.btn-fb {
        background-color: #ffffff;
        border: 1px solid #506dab;
        border-radius: 8px;
        color: #506dab;
        font-size: 14px;
        height: 52px;
        margin-bottom: 20px;
        padding-left: 20px;
    }

        .login_form button.btn-fb:hover,
        .sign_up_form button.btn-fb:hover {
            background-color: #506dab;
            border: 1px solid #506dab;
            color: #ffffff;
        }

    .login_form button.btn-googl,
    .sign_up_form button.btn-googl {
        background-color: #ffffff;
        border: 1px solid #dd4b39;
        border-radius: 8px;
        color: #dd4b39;
        font-size: 14px;
        height: 52px;
        margin-bottom: 10px;
        padding-left: 20px;
    }

        .login_form button.btn-googl:hover,
        .sign_up_form button.btn-googl:hover {
            background-color: #dd4b39;
            border: 1px solid #dd4b39;
            color: #ffffff;
        }

    .login_form button i,
    .sign_up_form button i {
        font-size: 16px;
    }

    .login_form .form-control:focus,
    .sign_up_form .form-control:focus {
        box-shadow: none;
        outline: none;
    }

.sign_up_form .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #484848;
    line-height: 3;
}

.login_form .heading h4 {
    font-family: 'Poppins', sans-serif;
}

.login_form.inner_page .heading p {
    margin-bottom: 0;
}

.login_form.inner_page .form-control {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-radius: 5px;
    background-color: #ffffff;
}

.login_form .form-control {
    margin-bottom: 10px;
}

.login_form .form-control,
.sign_up_form .form-control {
    background-color: #ffffff;
    border: 1px solid #ced4da;
    border-radius: 8px;
    color: #898a8b;
    font-size: 15px;
    height: 40px;
    line-height: 1.2;
}

.login_form .form-check-input {
    height: 17px;
    width: 17px;
}

.login_form .form-check-label {
    color: #484848;
    font-size: 14px;
    padding-left: 8px;
}

.login_form .btn-log {
    border-radius: 30px;
    background-color: #f13b4c;
    box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
    color: #ffffff !important;
    font-size: 18px;
    padding: 6px 19px;
    height: 35px;
    line-height: 1.2;
    margin-bottom: 20px;
}

    .login_form .btn-log:hover {
        border-radius: 30px;
        background-color: #3c5a96;
        box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        color: #ffffff !important;
        font-size: 18px;
        padding: 6px 19px;
        height: 35px;
        line-height: 1.2;
        margin-bottom: 20px;
    }

.sign_up_form {
    padding: 0;
}

    .sign_up_form.inner_page .form-control {
        border-style: solid;
        border-width: 1px;
        border-color: rgb(221, 221, 221);
        border-radius: 5px;
        background-color: #ffffff;
    }

    .sign_up_form .form-check-input {
        border-radius: 2px;
        height: 15px;
        width: 15px;
    }

    /* Create a custom checkbox */
    .sign_up_form .checkmark {
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-radius: 2px;
        height: 15px;
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    }

    .sign_up_form .form-check-label {
        color: #484848;
        font-size: 14px;
        padding-left: 7px;
    }

    .sign_up_form button {
        margin-bottom: 10px;
    }

    .sign_up_form .btn-log {
        border-radius: 30px;
        background-color: #dd3931;
        -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        -moz-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        -o-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
        color: #ffffff !important;
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        height: 50px;
    }

.float-right {
    float: right !important;
}

/*== Dashbord details Page ==*/
.our-dashbord {
    position: relative;
}

    .our-dashbord.dashbord {
        padding-top: 60px;
    }

        .our-dashbord.dashbord .container-fluid {
            padding-left: 3%;
            padding-right: 60px;
        }

.breadcrumb_widgets {
    border-radius: 5px;
    background-color: rgb(225, 230, 239);
    height: 70px;
    margin-bottom: 30px;
    padding: 20px 30px;
    position: relative;
}

    .breadcrumb_widgets .title {
        font-size: 22px;
        font-family: 'Poppins', sans-serif;
        color: rgb(10, 10, 10);
        line-height: 1.2;
        margin-bottom: 0;
    }

    .breadcrumb_widgets .breadcrumb {
        background-color: transparent;
        padding: 0;
        position: relative;
    }

        .breadcrumb_widgets .breadcrumb .breadcrumb-item {
            font-family: 'Poppins', sans-serif;
            font-size: 15px;
            color: #7e7e7e;
        }

            .breadcrumb_widgets .breadcrumb .breadcrumb-item.active {
                color: rgb(126, 126, 126);
                line-height: 1.6;
            }

.user_board {
    padding: 0 15px 0 0;
    position: relative;
}

.user_profile {
    margin-bottom: 10px;
    position: relative;
}

    .user_profile .media .media-body h4 {
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        color: #484848;
        line-height: 1.2;
        padding-left: 30px;
    }

    .user_profile .media .media-body h5,
    .user_profile .media .media-body p {
        margin-bottom: 0;
    }

    .user_profile .media img {
        width: 65px;
    }

.dashbord_nav_list h4 {
    position: relative;
    padding-left: 30px;
}

.dashbord_nav_list li {
    height: 50px;
    line-height: 45px;
    padding-left: 30px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .dashbord_nav_list li a {
        color: #7f7f7f;
        font-size: 16px;
    }

    .dashbord_nav_list li:hover a,
    .dashbord_nav_list li:hover a span {
        color: #dd3931;
    }

    .dashbord_nav_list li.active {
        background-color: #f9fafc;
    }

        .dashbord_nav_list li.active a {
            color: #dd3931;
        }

        .dashbord_nav_list li.active:before {
            background-color: #dd3931;
            bottom: 0;
            content: "";
            height: 50px;
            position: absolute;
            right: 0px;
            top: 0;
            width: 2px;
        }

    .dashbord_nav_list li a span {
        font-size: 23px;
        margin-right: 15px;
    }

.my_dashboard_review,
.my_listing_single {
    background-color: #ffffff;
    border: 1px solid rgb(235, 235, 235);
    border-radius: 8px;
    padding: 15px;
}

    .my_dashboard_review .review_content .review_title {
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        color: #484848;
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .my_dashboard_review .review_content .review_date {
        font-size: 14px;
        font-family: 'Poppins', sans-serif;
        color: rgb(118, 118, 118);
        line-height: 2.143;
    }

    .my_dashboard_review .review_content .para {
        margin-top: 10px;
    }

    .my_dashboard_review .review_content .sspd_review ul li {
        margin-right: 3px;
    }

        .my_dashboard_review .review_content .sspd_review ul li a {
            font-size: 14px;
            font-family: "FontAwesome";
            color: rgb(188, 197, 42);
            line-height: 2.143;
        }

.packages_table .table,
.savesearched_table .table,
.property_table .table {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    margin-bottom: 30px;
}

    .packages_table .table .thead-light th,
    .savesearched_table .table .thead-light th,
    .property_table .table .thead-light th {
        background-color: rgb(36, 50, 74);
        border: none;
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        color: #ffffff;
        font-weight: bold;
        line-height: 2.2;
    }

    .packages_table .table td,
    .packages_table .table th,
    .savesearched_table .table td,
    .savesearched_table .table th,
    .property_table .table td,
    .property_table .table th {
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        color: #484848;
        font-weight: 600;
        line-height: 3;
        padding-left: 10px;
    }

    .property_table .table td,
    .property_table .table th {
        vertical-align: middle;
    }

.savesearched_table td.para,
.property_table td.para {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    color: #484848;
}

.pck_chng_btn .btn {
    border-radius: 8px;
    background-color: rgb(255, 90, 95);
    -webkit-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
    -moz-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
    -o-box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
    box-shadow: 0px 1px 4px 0px rgba(255, 90, 95, 0.3);
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-weight: bold;
    line-height: 1.2;
    height: 50px;
    width: 200px;
}

.skill_sidebar_widget {
    margin-top: 40px;
    margin-left: 15px;
    padding-right: 50px;
}

    .skill_sidebar_widget h4 {
        font-size: 17px;
        margin-bottom: 20px;
    }

    .skill_sidebar_widget .sonny_progressbar .bar {
        border-radius: 5px;
        height: 10px;
    }

    .skill_sidebar_widget .sonny_progressbar .bar-container {
        border-radius: 5px;
        height: 10px !important;
        overflow: hidden;
    }

.password_change_form form input {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(221, 221, 221);
    border-radius: 5px;
    background-color: rgba(196, 14, 117, 0);
    height: 48px;
    margin-bottom: 30px;
    padding-left: 20px;
    -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
}

    .password_change_form form input:focus {
        -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        -o-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.09);
        outline: none;
    }

.password_change_form form button {
    border-radius: 4px;
    height: 55px;
    padding: 0 35px;
}

    .password_change_form form button:focus {
        box-shadow: none;
        outline: none;
    }

/*== Header User Notification & User ID ==*/
.header_user_notif {
    margin-bottom: 0;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .header_user_notif li {
        display: inline-block;
        vertical-align: middle;
    }

        .header_user_notif li:first-child {
            margin-right: 20px;
        }

        .header_user_notif li:nth-child(2) {
            margin-right: 15px;
        }

        .header_user_notif li span {
            color: #ffffff;
            font-size: 20px;
            line-height: 2;
        }

        .header_user_notif li .dropdown .notification_icon {
            border-radius: 50%;
            background-color: #e35a9a;
            display: block;
            height: 43px;
            line-height: 40px;
            text-align: center;
            width: 43px;
        }

        .header_user_notif li img {
            width: 50px;
        }

    .header_user_notif .user_notif {
        position: relative;
    }

        .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show {
            border: none;
            border-radius: 5px;
            margin-top: 25px;
            margin-left: -270px !important;
            padding: 30px 10px 25px 30px;
            -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
            -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
            -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
            box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
            max-width: 340px;
        }

    .header_user_notif .user_setting .dropdown-menu.notification_dropdown_content.show:before {
        background-color: #ffffff;
        content: "";
        height: 37px;
        position: absolute;
        right: 40px;
        width: 37px;
        top: -7px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header_user_notif .user_notif .dropdown-menu.notification_dropdown_content.show .view_all_noti {
        display: block;
        padding: 20px 0 0;
    }

    .header_user_notif .user_notif .so_heading:before {
        background-color: #ffffff;
        content: "";
        height: 37px;
        position: absolute;
        right: 30px;
        width: 37px;
        top: -7px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header_user_notif .user_notif .so_heading p {
        border-bottom: 1px solid #dedede;
        color: #484848;
        font-size: 18px;
        font-family: 'Poppins', sans-serif;
        line-height: 1.333;
        margin-bottom: 0;
        padding-bottom: 20px;
    }

    .header_user_notif .user_notif .so_content {
        max-height: 200px;
    }

        .header_user_notif .user_notif .so_content .simplebar-offset {
            width: auto;
        }

        .header_user_notif .user_notif .so_content ul {
            margin-bottom: 0;
        }

            .header_user_notif .user_notif .so_content ul li {
                border-bottom: 1px solid #dedede;
                padding: 20px 0 20px;
            }

                .header_user_notif .user_notif .so_content ul li h5,
                .header_user_notif .user_notif .so_content ul li p {
                    font-size: 15px;
                    margin-bottom: 0;
                }

                .header_user_notif .user_notif .so_content ul li p {
                    color: #7f7f7f;
                }

                .header_user_notif .user_notif .so_content ul li:first-child {
                    margin-right: 0;
                }

                .header_user_notif .user_notif .so_content ul li:last-child {
                    border-bottom: none;
                }

    .header_user_notif .user_notif {
        padding: 0;
    }

        .header_user_notif .user_notif .simplebar-offset:focus {
            outline: none;
        }

        .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar {
            margin-top: 15px;
            margin-right: 10px;
            width: 6px;
            z-index: 3;
        }

            .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar * {
                background: transparent;
            }

        .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-track {
            display: none;
        }

        .header_user_notif .user_notif .simplebar-offset::-webkit-scrollbar-thumb {
            background-color: #dfdfdf !important;
            /* // manage scrollbar thumb background color here */
            border-radius: 6px;
        }

.simplebar-placeholder {
    max-height: 355px !important;
    width: 325px !important;
}

/*== Header User Setting ID ==*/
.user_setting {
    position: relative;
}

    .user_setting:before {
        content: "";
        background-color: #e8eef2;
        height: 38px;
        position: absolute;
        top: 10px;
        width: 1px;
    }

    .user_setting .btn {
        border: 1px solid transparent;
        color: #ffffff;
    }

    .user_setting a.btn.dropdown-toggle:after {
        display: none;
    }

    .user_setting .btn:focus {
        border: 1px solid transparent;
        box-shadow: none;
    }

    .user_setting .dropdown-menu.show {
        border: none;
        border-radius: 5px;
        margin-top: 19px;
        margin-left: -200px !important;
        padding: 20px 30px 10px;
        -webkit-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
        -moz-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
        -o-box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
        box-shadow: 0px 0px 50px 0px rgba(32, 32, 32, 0.15);
        width: 300px;
    }

        .user_setting .dropdown-menu.show:before {
            background-color: #ffffff;
            content: "";
            height: 37px;
            position: absolute;
            right: 40px;
            width: 37px;
            top: -7px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .user_setting .dropdown-menu.show .user_set_header {
            padding: 10px 0;
        }

            .user_setting .dropdown-menu.show .user_set_header img {
                margin-right: 15px;
            }

    .user_setting .dropdown-menu .user_set_header p {
        font-size: 16px;
        font-family: 'Poppins', sans-serif;
        color: #484848;
        line-height: 1.2;
    }

        .user_setting .dropdown-menu .user_set_header p span {
            font-size: 14px;
            font-family: 'Poppins', sans-serif;
            color: rgb(126, 126, 126);
            line-height: 1.2;
        }

    .user_setting .dropdown-menu .user_setting_content {
        padding: 15px 0 0;
    }

        .user_setting .dropdown-menu .user_setting_content a {
            color: #484848;
            font-size: 16px;
            font-family: 'Poppins', sans-serif;
            line-height: 2.125 !important;
            padding-left: 0;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
        }

            .user_setting .dropdown-menu .user_setting_content a:hover {
                padding-left: 12px;
            }

                .user_setting .dropdown-menu .user_setting_content a.active,
                .user_setting .dropdown-menu .user_setting_content a.active span,
                .user_setting .dropdown-menu .user_setting_content a:hover,
                .user_setting .dropdown-menu .user_setting_content a:hover span {
                    background-color: transparent;
                }

            .user_setting .dropdown-menu .user_setting_content a span {
                margin-right: 10px;
            }

span.FilterButton:before {
    position: absolute;
    left: 0;
    font-family: Flaticon;
    font-style: normal;
    content: "\f104";
    width: 48px;
    background-color: #f53c41;
    border-radius: 8px 0 0 8px;
}

.dashboard_sidebar_menu {
    position: initial;
}



.sidebar-menu {
    position: relative;
    width: 100%;
    padding: 30px 0 20px 0;
    overflow-y: hidden;
    border-radius: 15px;
}

    .sidebar-menu span.fa-close {
        display: none;
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 20px;
    }

@media only screen and (max-width: 1366px) {
    .sidebar-menu {
        width: 100%;
    }
}

@media only screen and (max-width:1024px) {
    .sidebar-menu {
        position: fixed;
        left: -300px;
        top: 0;
        width: 300px;
        overflow-y: auto;
        border-radius: 0;
        z-index: 1050;
    }

        .sidebar-menu span.fa-close {
            display: inline-block;
        }
}

div.message_container {
    padding: 30px 20px;
}

    div.message_container div.Head {
        font-size: 20px;
        font-weight: 600;
        padding-bottom: 30px;
    }

    div.message_container a.MoreLink {
        color: #dd3931;
    }

    div.message_container table td.ClosedTD {
        position: relative;
    }

        div.message_container table td.ClosedTD span.Response {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 10px;
            padding: 3px 4px;
            color: #fff;
            background: #dd3931;
            border-radius: 10px;
            cursor: pointer;
        }

    div.message_container div.QueryResponse {
        display: none;
        padding: 10px;
        background: #f7f7f7;
    }

span.RDate {
    font-size: 12px;
}

div.message_container div.QueryResponse span.RDate {
    padding-left: 15px;
}

div.message_container span.Status {
    display: inline-block;
    width: 60px;
    font-size: 13px;
    text-align: center;
    padding: 5px 8px 3px 8px;
    border: 1px solid #dd3931;
    border-radius: 16px;
    box-sizing: border-box;
}

    div.message_container span.Status.Closed {
        background: #dd3931;
        color: #fff;
    }

.ui_kit_table .table th, .ui_kit_table .table td {
    padding-left: 10px;
}

.sign_up_form.inner_page.Message {
    padding: 0 20px;
}

img.ProfilePic {
    max-width: 260px;
    margin-bottom: 10px;
}

img.ProPic {
    max-width: 100%;
}

div.ProfDetails p {
    font-size: 18px;
    padding-bottom: 15px;
}

    div.ProfDetails p span.PName {
        font-size: 22px;
        font-weight: 600;
    }

div.ProfDetails span.fa {
    color: #dd3931;
    width: 30px;
}

.ui_kit_tab.Profile {
    margin-top: 0;
}

    .ui_kit_tab.Profile .nav.nav-tabs {
        background-color: transparent;
        border-bottom: 0;
    }

        .ui_kit_tab.Profile .nav.nav-tabs .nav-link {
            margin: 0 5px;
            background-color: #1d293e;
            border-radius: 9px;
        }

            .ui_kit_tab.Profile .nav.nav-tabs .nav-link.active {
                background-color: #dd3931;
            }

.breadcrumb_content.style2 {
    margin-bottom: 30px;
}

.ff_one .detais .Plan {
    font-size: 24px;
    font-weight: 700;
    font-family: "Nunito";
    color: #dd3931;
    line-height: 1.2;
    padding-bottom: 15px;
}

.ff_one .icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
}

    .ff_one .icon span {
        font-size: 24px;
    }

        .ff_one .icon span.fa {
            font-size: 24px;
            transform: translateY(3px);
        }

.shop_single_tab_content .mbp_pagination_comments {
    border-radius: 0;
    border: 0px;
}

.btn-thm:focus {
    background-color: #dd3931;
    border-color: #dd3931;
    color: #fff !important;
}

.icon_box_area {
    cursor: pointer;
}

.wrap-custom-file.Doc {
    width: 180px;
    height: 50px;
    border: 1px solid #e2e2e2;
    border-radius: 8px;
}

    .wrap-custom-file.Doc label {
        background-image: none;
        margin-bottom: 0;
        border-radius: 8px;
    }

        .wrap-custom-file.Doc label span {
            width: 180px;
            left: 0;
            top: 0;
        }

.sidebar-menu {
    position: relative;
    width: 100%;
    padding: 30px 0 20px 0;
    left: 0;
    border-right: 4px solid #f8454e;
    background-color: #fff;
    border-radius: 15px;
    z-index: 999;
    max-width: 285px;
}

.dashboard_sidebar_menu {
    position: relative;
}



.sidebar-menu::-webkit-scrollbar {
    border-radius: 6px;
    margin-top: 15px;
    margin-right: 10px;
    width: 6px;
    z-index: 3;
}

    .sidebar-menu::-webkit-scrollbar * {
        background: transparent;
        border-radius: 6px;
    }

.sidebar-menu::-webkit-scrollbar-track {
    background-color: #1d293e;
    border-radius: 6px;
}

.sidebar-menu::-webkit-scrollbar-thumb {
    background-color: #1d293e !important;
    /* // manage scrollbar thumb background color here */
    border-radius: 6px;
}

.sidebar-menu li {
    position: relative;
    margin: 0;
    padding: 0;
}

    .sidebar-menu li a {
        border-left: 2px solid #f8454e;
        color: #000;
        display: block;
        font-size: 16px;
        line-height: 45px;
        padding: 0 15px;
    }

        .sidebar-menu li a .fa {
            width: 20px;
        }

        .sidebar-menu li a span {
            padding-left: 10px;
        }

    .sidebar-menu li:hover a,
    .sidebar-menu li.active a {
        color: #ffffff;
        background-color: #f8454e;
        border-left-color: #f8454e;
    }

    .sidebar-menu li .treeview-menu {
        margin: 0;
        background-color: #172133;
    }

    .sidebar-menu li .label,
    .sidebar-menu li .badge {
        margin-top: 3px;
        margin-right: 5px;
    }

    .sidebar-menu li.header {
        background-color: #24324a;
        color: #ffffff;
        font-family: 'Poppins', sans-serif;
        font-size: 28px;
        font-weight: bold;
        line-height: 1.2;
        padding: 20px 0 10px 30px;
        text-align: left;
    }

    .sidebar-menu li a .fa-angle-down {
        width: auto;
        height: auto;
        padding: 0;
        margin-right: 10px;
        margin-top: 18px;
    }

    .sidebar-menu li.active a .fa-angle-down {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .sidebar-menu li.active .treeview-menu {
        display: block;
    }

.sidebar-menu a {
    color: #b8c7ce;
    text-decoration: none;
}

.sidebar-menu .treeview-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-menu .treeview-menu .treeview-menu {
        padding-left: 20px;
    }

    .sidebar-menu .treeview-menu li {
        margin: 0;
    }

        .sidebar-menu .treeview-menu li a {
            color: rgb(138, 153, 179);
            display: block;
            font-size: 14px;
            font-family: 'Poppins', sans-serif;
            line-height: 2.5;
            padding-left: 30px;
        }

            .sidebar-menu .treeview-menu li a .fa {
                width: 20px;
            }

            .sidebar-menu .treeview-menu li a i {
                font-size: 8px;
            }

            .sidebar-menu .treeview-menu li a .fa-angle-down,
            .sidebar-menu .treeview-menu li a .fa-angle-up {
                width: auto;
            }

            .sidebar-menu .treeview-menu li.active a,
            .sidebar-menu .treeview-menu li a:hover {
                color: #f8454e;
            }

.sidebar-menu .title {
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    color: rgb(96, 112, 140);
    line-height: 1.5;
    margin-top: 30px;
    padding-left: 15px;
}

/*== sidebar about widget ==*/
.siderbar_contact_widget h4 {
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    color: #484848;
    margin-bottom: 15px;
    line-height: 1.2;
}

.siderbar_contact_widget p {
    font-size: 15px;
    font-family: 'Poppins', sans-serif;
    color: rgb(126, 126, 126);
    margin-bottom: 0;
    line-height: 2.667;
}

.siderbar_contact_widget .scw_social_icon li a {
    font-size: 16px;
    font-family: "FontAwesome";
    color: rgb(126, 126, 126);
    line-height: 1.2;
}


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

    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    #no-more-tables tr {
        border: 1px solid #dedede;
    }

    #no-more-tables td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #dedede;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 4px;
            left: 10px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        /*
	Label the data
	*/
        #no-more-tables td:before {
            content: attr(data-title);
        }
}

.spltable .table tr:nth-child(1), .spltable .table tr:nth-child(8), .spltable .table tr:nth-child(13) {
    color: #f8474e;
    Font-size: 16px !important;
}

.spltable th.tabin {
    padding-left: 28px !important;
    font-size: 16px;
    font-weight: 500;
}

.theme_dark_color {
    color: #0018c3;
}

.return-top:hover {
    cursor: pointer;
    background: #ffffff;
    color: #444444;
}

.return-top i {
    font-size: 24px;
}

.return-top {
    background-color: #444444;
    border: 2px solid #444444;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 50px;
    z-index: 999;
    width: 45px;
    height: 45px;
    text-transform: uppercase;
    line-height: 52px;
    display: none;
    -webkit-transition: all 0.35s;
    -o-transition: all 0.35s;
    transition: all 0.35s;
    -moz-transition: all 0.35s;
    -ms-transition: all 0.35s;
}

.pr-2 {
    padding-right: 30px;
}

.has_borders {
    padding: 15px 15px;
    border-radius: 10px;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #3b5998;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_borderss {
    padding: 15px 15px;
    border-radius: 8px;
    margin-top: 60px;
    margin-bottom: 60px;
    background-color: #ff5050;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.float {
    position: fixed;
    height: 60px;
    top: 60%;
    right: 0px;
    z-index: 999;
    text-align: center;
    box-shadow: 2px 2px 3px #999;
}

.my-float {
    margin-top: 22px;
}

.has_border41 {
    padding: 25px 15px;
    border-radius: 20px;
    border-top: 5px solid #FB1106;
    border-bottom: 5px solid #FB1106;
    width: 100%;
    max-width: 650px;
    margin: 20px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.has_border411 {
    padding: 25px 15px;
    border-radius: 20px;
    border-top: 5px solid #FB1106;
    border-bottom: 5px solid #FB1106;
    border-left: 2px solid #FB1106;
    border-right: 2px solid #FB1106;
    width: 100%;
    max-width: 650px;
    margin: 0px auto 20px auto;
    background: linear-gradient(#f0f6fd, #fce1e1);
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.noteen {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 5px;
}

.color1 {
    color: #FB1106;
}

.service-items {
    text-align: center;
}

@media (max-width: 1199px) {
    .service-items {
        padding: 20px 20px;
    }
}

.service-items .icon {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: #f3f3f3;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce3e5;
    margin: 0 auto;
}


#sticky-social {
    right: 0;
    position: fixed;
    bottom: 10%;
    z-index: 999;
}

    #sticky-social a {
        background: #333;
        color: #fff;
        display: block;
        height: 40px;
        font: 14px "Open Sans", sans-serif;
        line-height: 40px;
        position: relative;
        text-align: center;
        width: 40px;
    }

        #sticky-social a span {
            line-height: 40px;
            right: -176px;
            position: absolute;
            text-align: center;
            width: 180px;
        }

        #sticky-social a:hover span {
            right: 100%;
        }

        #sticky-social a[class*="leave"],
        #sticky-social a[class*="leave"]:hover,
        #sticky-social a[class*="leave"] span {
            background: #ff5050;
        }

        #sticky-social a[class*="share"],
        #sticky-social a[class*="share"]:hover,
        #sticky-social a[class*="share"] span {
            background: #1a36b4;
        }

        #sticky-social a[class*="whatsapp"],
        #sticky-social a[class*="whatsapp"]:hover,
        #sticky-social a[class*="whatsapp"] span {
            background: #12af12;
        }

        #sticky-social a[class*="pinterest"],
        #sticky-social a[class*="pinterest"]:hover,
        #sticky-social a[class*="pinterest"] span {
            background: #E60023;
        }

        #sticky-social a[class*="facebook"],
        #sticky-social a[class*="facebook"]:hover,
        #sticky-social a[class*="facebook"] span {
            background: #1877F2;
        }



.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        margin: 0 0 3px;
        padding: 2px 0;
        position: relative;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 50%;
        width: 30px;
        height: 30px;
        margin-top: -15px;
        cursor: pointer;
    }

        .ui-datepicker .ui-datepicker-prev:before,
        .ui-datepicker .ui-datepicker-next:before {
            content: '';
            display: block;
            position: absolute;
            width: 20px;
            height: 20px;
            left: 50%;
            top: 50%;
            margin: -10px 0 0 -10px;
            border-radius: 50%;
            background: rgba(255,255,255,0.7);
        }

        .ui-datepicker .ui-datepicker-prev:after,
        .ui-datepicker .ui-datepicker-next:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            border: 5px solid transparent;
        }

        .ui-datepicker .ui-datepicker-next:after {
            left: 50%;
            margin: -5px 0 0 -2px;
            border-left: 6px solid #ff5050;
        }

        .ui-datepicker .ui-datepicker-prev:after {
            right: 50%;
            margin: -5px -2px 0 0;
            border-right: 6px solid #ff5050;
        }

    .ui-datepicker .ui-datepicker-prev-hover:before,
    .ui-datepicker .ui-datepicker-next-hover:before {
        background: #ff5050;
    }

    .ui-datepicker .ui-datepicker-next-hover:after {
        border-left-color: #fff;
    }

    .ui-datepicker .ui-datepicker-prev-hover:after {
        border-right-color: #fff;
    }


    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span,
    .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 2em;
        margin: 0 33px;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 2px 1%;
            padding: 4px;
        }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        background: #fcecd3;
        width: auto;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0;
        background: #fff4f4;
        color: #000;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span,
        .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: center;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
            .ui-datepicker-rtl .ui-datepicker-group {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: 'Open Sans', Arial, sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd;
    color: #222;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

    .ui-widget-content a {
        color: #222;
    }

.ui-widget-header {
    border: 1px solid #ff5050;
    background: #ff5050;
    color: #fff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #fff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #fff4f4;
        background: #f3f3f3;
        /* font-weight: 500; */
        color: #393737;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #2e6e9e;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #f8dfdf;
        background: #f8dfdf;
        color: #ff5050;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited,
        .ui-state-focus a,
        .ui-state-focus a:hover,
        .ui-state-focus a:link,
        .ui-state-focus a:visited {
            color: #a52a2a;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #f6f0e2;
        background: #f6f0e2;
        color: #a52a2a;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #a52a2a;
            text-decoration: none;
        }

.ui-corner-all {
    border-radius: 5px;
}
/* end  D A T E P I C K E R */



.date-container {
    position: relative;
    float: left;
    width: 100%;
}

    .date-container .date-text {
        position: absolute;
        top: 6px;
        left: 12px;
        color: #aaa;
    }

    .date-container .date-icon {
        position: absolute;
        top: 12px;
        right: 13px;
        /* pointer-events: none; */
        cursor: pointer;
        color: #ff5050;
    }

.date-container1 {
    position: relative;
    float: left;
}

    .date-container1 .date-text {
        position: absolute;
        top: 6px;
        left: 12px;
        color: #aaa;
    }

    .date-container1 .date-icon1 {
        position: absolute;
        top: 12px;
        right: 13px;
        /* pointer-events: none; */
        cursor: pointer;
        color: #ff5050;
    }


























.calendar_blk {
    display: inline-block;
    position: relative;
}

    .calendar_blk input[type="text"] {
        width: 100%;
    }


.has_borders_112 {
    padding: 10px 15px;
    border-radius: 10px;
    margin-top: 20px;
    border: 2px solid #dedede;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.has_borders_111 {
    padding: 10px 15px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #3b5998;
}



.serviceBox2 {
    color: #526A86;
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    padding: 25px 0 0;
}

    .serviceBox2 .service-content {
        background-color: #fff;
        height: 140px;
        width: 140px;
        padding: 20px 10px;
        margin: 0 auto 35px;
        border: 6px solid #fff;
        border-radius: 50%;
        box-shadow: -2px 2px 10px rgba(0,0,0,0.2) inset,-2px 2px 12px rgba(0,0,0,0.35),0 0 0 4px var(--main-color);
    }

    .serviceBox2 .service-icon img {
        font-size: 35px;
        line-height: 35px;
        margin: 0 auto 12px;
    }

    .serviceBox2 .title {
        font-family: 'Roboto Condensed', sans-serif;
        font-size: 14px;
        font-weight: 500;
        /*text-transform: uppercase;*/
        margin: 0;
    }

    .serviceBox2 .description {
        font-size: 13px;
        line-height: 22px;
        text-align: justify;
        margin: 0 20px;
    }

    .serviceBox2.blue {
        --main-color: #0E6A9E;
    }

    .serviceBox2.yellow {
        --main-color: #FFD206;
    }

    .serviceBox2.red {
        --main-color: #FD4C22;
    }

    .serviceBox2.orange {
        --main-color: #FFA500;
    }

    .serviceBox2.pink {
        --main-color: #fe019a;
    }

@media only screen and (max-width: 1199px) {
    .serviceBox2 {
        margin: 0 0 20px;
    }
}

.sbuttons {
    bottom: 18%;
    position: fixed;
    margin: 5px;
    right: 0;
    z-index: 555;
}

.sbutton {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    color: white;
    margin: 10px auto 0;
    /*box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);*/
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative;
}

    .sbutton > i {
        font-size: 18px;
        line-height: 37px;
        transition: all .2s ease-in-out;
        transition-delay: 2s;
    }

    .sbutton:not(:last-child) {
        width: 35px;
        height: 35px;
        margin: 10px auto 0;
        opacity: 0;
    }

        .sbutton:not(:last-child) > i {
            font-size: 18px;
            line-height: 37px;
            transition: all .3s ease-in-out;
        }

.sbuttons:hover .sbutton:not(:last-child) {
    opacity: 1;
    width: 35px;
    height: 35px;
    margin: 10px auto 0;
}

.sbutton:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms;
}

.sbutton:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms;
}

.sbutton:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
}

.sbutton:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.sbutton:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}

.sbutton:not(:last-child):nth-last-child(6) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.sbutton:not(:last-child):nth-last-child(7) {
    -webkit-transition-delay: 120ms;
    transition-delay: 100ms;
}

.sbutton:not(:last-child):nth-last-child(8) {
    -webkit-transition-delay: 140ms;
    transition-delay: 100ms;
}

[tooltip]:before {
    font-family: 'Roboto';
    font-weight: 500;
    border-radius: 7px;
    background-color: #3b5998;
    color: #fff;
    content: attr(tooltip);
    font-size: 14px;
    visibility: hidden;
    opacity: 0;
    padding: 5px 16px;
    margin-right: 10px;
    position: absolute;
    right: 100%;
    bottom: 5%;
    white-space: nowrap;
}

[tooltip]:hover:before,
[tooltip]:hover:after {
    visibility: visible;
    opacity: 1;
}

.sbutton.mainsbutton {
    background: #2ab1ce;
    color: #fff;
}

.sbutton.instagram {
    background: #F44336;
    color: #fff;
}

.sbutton.youtube {
    background: #cd201f;
    color: #fff;
}

.sbutton.linkedin {
    background: #0a66c2;
    color: #fff;
}

.sbutton.pinteres {
    background: #e60023;
    color: #fff;
}

.sbutton.twitt {
    background: #03A9F4;
    color: #fff;
}

.sbutton.fb {
    background: #3F51B5;
    color: #fff;
}

.sbutton.whatsapp {
    background: #00e676;
    color: #fff;
}




.serviceBox3 {
    background: #fff;
    text-align: center;
    padding: 20px 0;
    border-radius: 12px;
    border: 1px solid #dedede;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
}

    .serviceBox3 .service-icon {
        color: #FC5C3F;
        font-size: 50px;
        line-height: 50px;
        margin: 0 0 15px;
        transition: all 0.3s ease 0s;
    }

.serviceBo3:hover .service-icon {
    transform: rotate(360deg);
}

.serviceBox3 .title {
    color: #FC5C3F;
    font-size: 20px;
    font-weight: 500;
    padding: 10px;
    margin: 0 0 10px;
}

.serviceBox3 .description {
    color: #999;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0.5px;
    margin: 0 20px 15px;
}

.serviceBox3 .read-more {
    color: #FC5C3F;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

    .serviceBox3 .read-more:hover {
        text-shadow: 3px 3px rgba(0,0,0,0.2);
    }

.serviceBox3.blue .service-icon,
.serviceBox3.blue .read-more {
    color: #00AAB1;
}

.serviceBox3.blue .title {
    color: #0E6A9E;
}

.serviceBox3.yellow .title {
    color: #91CF0C;
}

.serviceBox3.orange .title {
    color: #FFA500;
}

.serviceBox3.pink .title {
    color: #fe019a;
}

@media only screen and (max-width:990px) {
    .serviceBox3 {
        margin: 0 0 30px;
    }
}

.serviceBox4 {
    background: #f9f9f9;
    border: 1px solid #dedede;
    text-align: center;
    padding: 0px 20px 25px;
    margin: 20px 0 30px;
    border-radius: 10px;
    position: relative;
    height: 301px;
    transition: all 0.3s ease;
}

    .serviceBox4:after {
        border-radius: 100px 0 0 100px;
        left: auto;
        right: 0;
    }

    .serviceBox4 .service-icon {
        color: #fff;
        background: linear-gradient(-45deg,#008d86 49%,#01a2a6 50%);
        font-size: 45px;
        line-height: 80px;
        width: 90px;
        height: 90px;
        margin: 0 auto;
        border-radius: 100px;
        border: 5px solid #fff;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        transform: translateY(-20px);
        transition: all 0.3s ease;
    }

    .serviceBox4:hover .service-icon i {
        transform: rotateX(360deg);
        transition: all 0.3s;
    }

    .serviceBox4 .title {
        color: #008d86;
        font-size: 17px;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 10px;
    }

    .serviceBox4 .description {
        color: #444 !important;
        font-size: 15px !important;
        line-height: 22px !important;
        margin: 0;
    }

    .serviceBox4.pink:before,
    .serviceBox4.pink:after {
        background: linear-gradient(to top,#f53985 49%,#fd47a4);
    }

    .serviceBox4.pink .service-icon {
        background: linear-gradient(-45deg,#f53985 49%,#fd47a4 50%);
    }

    .serviceBox4.pink .title {
        color: #f53985;
    }

    .serviceBox4.purple:before,
    .serviceBox4.purple:after {
        background: linear-gradient(to top,#8b33cc 49%,#a23adc);
    }

    .serviceBox4.purple .service-icon {
        background: linear-gradient(-45deg,#8b33cc 49%,#a23adc 50%);
    }

    .serviceBox4.purple .title {
        color: #8b33cc;
    }

    .serviceBox4.blue:before,
    .serviceBox4.blue:after {
        background: linear-gradient(to top,#038bec 49%,#01aeee);
    }

    .serviceBox4.blue .service-icon {
        background: linear-gradient(-45deg,#038bec 49%,#01aeee 50%);
    }

    .serviceBox4.blue .title {
        color: #038bec;
    }

@media only screen and (max-width:990px) {
    .serviceBox4 {
        margin: 20px 0 50px;
    }
}

.has_border14 {
    padding: 25px 15px;
    border-radius: 20px;
    border-top: 5px solid #FB1106;
    border-bottom: 5px solid #FB1106;
    width: 100%;
    max-width: 1000px;
    margin: 20px auto;
    background-color: #fdfdfd;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

.gallery-plot-area {
    padding: 20px;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    background-color: #fff9f3;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
    border: 1px solid #ff5050;
    margin-bottom: 90px;
}


.prtext {
    text-align: center;
    margin-top: 30%;
}




















/** department-section **/

.department-section {
    position: relative;
    padding: 40px 0px 50px 0px;
}

.department-block-one .inner-box {
    position: relative;
    display: block;
    margin-bottom: 30px;
}

    .department-block-one .inner-box h3 {
        position: relative;
        display: inline-block;
        font-size: 19px;
        line-height: 30px;
        color: #fff;
        background: #69d6cf;
        padding: 6px 36px 2px 40px;
        border-radius: 5px 5px 0px 0px;
        top: 9px;
    }

.department-block:nth-child(2) .department-block-one .inner-box h3 {
    background: #29aae1;
}

.department-block:nth-child(3) .department-block-one .inner-box h3 {
    background: #1e76bb;
}

.department-block:nth-child(4) .department-block-one .inner-box h3 {
    background: #544b9f;
}

.department-block:nth-child(5) .department-block-one .inner-box h3 {
    background: #1ebb91;
}

.department-block:nth-child(6) .department-block-one .inner-box h3 {
    background: #1ea3bb;
}




.department-block:nth-child(7) .department-block-one .inner-box h3 {
    background: #276b16;
}

.department-block:nth-child(8) .department-block-one .inner-box h3 {
    background: #6e3aa4;
}

.department-block:nth-child(9) .department-block-one .inner-box h3 {
    background: #ec0005;
}

.department-block:nth-child(10) .department-block-one .inner-box h3 {
    background: #3e1921;
}

.department-block:nth-child(11) .department-block-one .inner-box h3 {
    background: #f68f04;
}


.department-block:nth-child(12) .department-block-one .inner-box h3 {
    background: #bb19c9;
}

.department-block:nth-child(13) .department-block-one .inner-box h3 {
    background: #cf7b24;
}













.department-block-one .inner-box .text-box {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0px 30px 30px 0px rgba(0, 0, 0, 0.10);
    border-top: 10px solid #69d6cf;
    padding: 33px 30px 33px 95px;
    text-align: left;
}

.department-block:nth-child(2) .department-block-one .inner-box .text-box {
    border-color: #29aae1;
}

.department-block:nth-child(3) .department-block-one .inner-box .text-box {
    border-color: #1e76bb;
}

.department-block:nth-child(4) .department-block-one .inner-box .text-box {
    border-color: #544b9f;
}

.department-block:nth-child(5) .department-block-one .inner-box .text-box {
    border-color: #1ebb91;
}

.department-block:nth-child(6) .department-block-one .inner-box .text-box {
    border-color: #1ea3bb;
}







.department-block:nth-child(7) .department-block-one .inner-box .text-box {
    border-color: #276b16;
}

.department-block:nth-child(8) .department-block-one .inner-box .text-box {
    border-color: #6e3aa4;
}

.department-block:nth-child(9) .department-block-one .inner-box .text-box {
    border-color: #ec0005;
}

.department-block:nth-child(10) .department-block-one .inner-box .text-box {
    border-color: #3e1921;
}

.department-block:nth-child(11) .department-block-one .inner-box .text-box {
    border-color: #f68f04;
}

.department-block:nth-child(12) .department-block-one .inner-box .text-box {
    border-color: #bb19c9;
}

.department-block:nth-child(13) .department-block-one .inner-box .text-box {
    border-color: #cf7b24;
}






.department-block-one .inner-box .text-box .icon-box {
    position: absolute;
    left: 30px;
    top: 40px;
}

.department-block-one .inner-box .static-content {
    position: relative;
    transition: all 500ms ease;
}

.department-block-one .inner-box:hover .static-content {
    opacity: 0;
}

.department-block-one .inner-box .overlay-content {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    opacity: 0;
    transition: all 500ms ease;
}

.department-block-one .inner-box:hover .overlay-content {
    opacity: 1;
}

.department-block-one .inner-box .overlay-content:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 10px;
    left: 0px;
    bottom: 0px;
    z-index: 1;
}

.department-block-one .inner-box .overlay-content .link {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
}

.department-block-one .inner-box .overlay-content .image-box {
    position: relative;
    display: block;
}

    .department-block-one .inner-box .overlay-content .image-box img {
        width: 100%;
    }

.department-block-one .inner-box .overlay-content .link a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 74px 12px 74px;
    border-radius: 5px 5px 0px 0px;
}

    .department-block-one .inner-box .overlay-content .link a span {
        position: relative;
        padding-left: 18px;
    }

        .department-block-one .inner-box .overlay-content .link a span:before {
            position: absolute;
            font-family: "themify";
            content: "\e649";
            font-size: 12px;
            color: #fff;
            left: 0px;
            top: -2px;
        }

.department-section .more-link {
    position: relative;
    margin-top: 11px;
}

    .department-section .more-link a {
        position: relative;
        display: inline-block;
        font-size: 16px;
        line-height: 26px;
        font-weight: 600;
        color: #043460;
        text-transform: uppercase;
    }

        .department-section .more-link a:hover {
        }

        .department-section .more-link a span {
            position: relative;
            padding-left: 18px;
        }

            .department-section .more-link a span:before {
                position: absolute;
                content: "\f106";
                font-family: 'flaticon';
                font-size: 12px;
                left: 0px;
                top: -2px;
            }

.department-section .pattern-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.sec-title {
    position: relative;
    display: block;
    margin-bottom: 52px;
}

    .sec-title h2 {
        position: relative;
        display: block;
        font-size: 32px;
        line-height: 46px;
        margin: 0px;
        margin-top: 10px;
    }

    .sec-title p {
        margin-top: 10px;
    }

    .sec-title.light h2 {
        color: #fff;
    }

    .sec-title.light p {
        color: #aeb8c1;
    }

.centred {
    text-align: center;
}

.department-block-one .inner-box .overlay-content:before {
    background: #ff5050;
}

.department-block-one .inner-box .overlay-content .link a {
    background: #ff5050;
}

.department-section .more-link a:hover {
    color: #ff5050;
}

.department-section .more-link a span:before {
    color: #ff5050;
}

figure {
    margin: 0px;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}


.grid {
    list-style: none;
}

.grid-sizer {
    padding: 0 !important;
    margin: 0 !important;
}

.grid.gutter-very-small li {
    padding: 3px 3px;
}

.grid.gutter-small li {
    padding: 5px 5px;
}

.grid.gutter-medium li {
    padding: 7px 7px;
}

.grid.gutter-large li {
    padding: 10px 10px;
}

.grid.gutter-extra-large li {
    padding: 15px;
}

.grid.gutter-double-extra-large li {
    padding: 20px;
}

.grid.gutter-triple-extra-large li {
    padding: 30px;
}

.grid.grid-6col li {
    width: 16.67%;
    list-style: none;
}

    .grid.grid-6col li.grid-item-double {
        width: 33.33%;
    }

.grid.grid-5col li {
    width: 20%;
    list-style: none;
}

    .grid.grid-5col li.grid-item-double {
        width: 40%;
    }

.grid.grid-4col li {
    width: 25%;
    list-style: none;
}

    .grid.grid-4col li.grid-item-double {
        width: 50%;
    }

.grid.grid-3col li {
    width: 33.33%;
    float: left;
    list-style: none;
}

    .grid.grid-3col li.grid-item-double {
        width: 66.67%;
    }

.grid.grid-2col li {
    width: 50%;
    list-style: none;
}

    .grid.grid-2col li.grid-item-double {
        width: 100%;
    }

.grid.grid-1col li {
    width: 100%;
    list-style: none;
}

.grid-filter li {
    display: inline-block;
    float: none;
    padding: 0 20px;
    border: 0;
    position: relative;
}

    .grid-filter li:first-child {
        padding-left: 0;
    }

    .grid-filter li:last-child {
        padding-right: 0;
    }

    .grid-filter li a {
        border: 0;
        border-bottom: 1px solid;
        border-color: transparent;
        color: #828282;
        padding-bottom: 2px;
    }

.grid-filter > li.active > a, .grid-filter > li.active > a:focus, .grid-filter > li.active > a:hover, .grid-filter > li > a:hover {
    border: 0;
    color: inherit;
    border-bottom: 1px solid;
    color: #232323;
}

.portfolio-box .portfolio-image {
    position: relative;
    overflow: hidden;
    border-radius: 10px 10px 0px 0px;
}

.portfolio-box .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.portfolio-box:hover .portfolio-hover {
    opacity: 1;
}

.portfolio-box .portfolio-hover .portfolio-icon {
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin: 0 5px;
}

.portfolio-box *, .portfolio-box:hover * {
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out background-color: #fff;
}

.portfolio-box .move-top-bottom {
    opacity: 0;
    transform: translateY(-15px);
    -moz-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transition-property: transform,opacity;
    -moz-transition-property: transform,opacity;
    -webkit-transition-property: transform,opacity;
    -ms-transition-property: transform,opacity;
}

.portfolio-box .move-bottom-top {
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transition-property: transform,opacity;
    -moz-transition-property: transform,opacity;
    -webkit-transition-property: transform,opacity;
    -ms-transition-property: transform,opacity;
}

.portfolio-box:hover .move-bottom-top, .portfolio-box:hover .move-top-bottom {
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

.portfolio-box .move-left-right {
    opacity: 0;
    transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -webkit-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transition-property: transform,opacity;
    -moz-transition-property: transform,opacity;
    -webkit-transition-property: transform,opacity;
    -ms-transition-property: transform,opacity;
}

.portfolio-box .move-right-left {
    opacity: 0;
    transform: translateX(15px);
    -moz-transform: translateX(15px);
    -webkit-transform: translateX(15px);
    -ms-transform: translateX(15px);
    transition-property: transform,opacity;
    -moz-transition-property: transform,opacity;
    -webkit-transition-property: transform,opacity;
    -ms-transition-property: transform,opacity;
}

.portfolio-box:hover .move-left-right, .portfolio-box:hover .move-right-left {
    opacity: 1;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
}

.portfolio-classic .portfolio-box:hover .portfolio-image img, .portfolio-overlay .portfolio-box:hover .portfolio-image img {
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    opacity: .15;
}

.portfolio-box .move-bottom-top-self {
    overflow: hidden;
}

    .portfolio-box .move-bottom-top-self span {
        opacity: 0;
        display: block;
        will-change: transform;
        -moz-transform: translateY(200%);
        -ms-transform: translateY(200%);
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        -moz-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        -o-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        -webkit-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        transition: all .5s cubic-bezier(.37,.31,.2,.85);
    }

.portfolio-box:hover .move-bottom-top-self span {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-box .move-top-bottom-self {
    overflow: hidden;
}

    .portfolio-box .move-top-bottom-self span {
        opacity: 0;
        display: block;
        will-change: transform;
        -moz-transform: translateY(-200%);
        -ms-transform: translateY(-200%);
        -webkit-transform: translateY(-200%);
        transform: translateY(-200%);
        -moz-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        -o-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        -webkit-transition: all .5s cubic-bezier(.37,.31,.2,.85);
        transition: all .5s cubic-bezier(.37,.31,.2,.85);
    }

.portfolio-box:hover .move-top-bottom-self span {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.portfolio-box .scale {
    opacity: 0;
    -moz-transform: scale3d(.8,.8,1);
    -o-transform: scale3d(.8,.8,1);
    -ms-transform: scale3d(.8,.8,1);
    -webkit-transform: scale3d(.8,.8,1);
    transform: scale3d(.8,.8,1);
}

.portfolio-box:hover .scale {
    opacity: 1;
    -moz-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.portfolio-classic .portfolio-box .portfolio-image > a {
    position: relative;
    height: 100%;
    z-index: 1;
}

.portfolio-classic .portfolio-icon a {
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    text-align: center;
    margin: 0 3px;
    position: relative;
    z-index: 3;
}

.portfolio-classic .portfolio-box {
    overflow: hidden;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

    .portfolio-classic .portfolio-box:hover {
        transform: translateY(-5px);
        -moz-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
    }

        .portfolio-classic .portfolio-box:hover .portfolio-image img {
            transform: scale(1,1);
            -moz-transform: scale(1,1);
            -webkit-transform: scale(1,1);
            -ms-transform: scale(1,1);
        }

.portfolio-classic .portfolio-icon a:hover {
    box-shadow: 0 0 25px rgba(0,0,0,.3);
}

.portfolio-classic .portfolio-box .portfolio-icon a {
    opacity: 0;
    transform: translateY(15px);
    -moz-transform: translateY(15px);
    -webkit-transform: translateY(15px);
    -ms-transform: translateY(15px);
}

.portfolio-classic .portfolio-box:hover .portfolio-icon a {
    opacity: 1;
    transition-delay: .1s;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
}

    .portfolio-classic .portfolio-box:hover .portfolio-icon a:last-child {
        transition-delay: .2s;
    }

.portfolio-bordered .portfolio-box .portfolio-hover {
    opacity: 0;
}

.portfolio-bordered .portfolio-box:hover .portfolio-hover {
    left: 20px;
    opacity: 1;
    top: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
}

.portfolio-bordered .portfolio-box:hover .portfolio-image img {
    opacity: .5;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -webkit-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
}

.portfolio-boxed .portfolio-box .portfolio-hover {
    opacity: 0;
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    height: auto;
    top: inherit;
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
}

.portfolio-boxed .portfolio-box:hover .portfolio-hover {
    box-shadow: 0 0 15px rgba(0,0,0,.2);
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    opacity: 1;
}

.portfolio-boxed .portfolio-box .portfolio-hover:hover i {
    transform: translateX(5px);
    -moz-transform: translateX(5px);
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
}

.portfolio-boxed .portfolio-box:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: -webkit-transform 3s cubic-bezier(.165,.84,.44,1);
    -moz-transition: -moz-transform 3s cubic-bezier(.165,.84,.44,1);
    transition: transform 3s cubic-bezier(.165,.84,.44,1);
}

.portfolio-switch-image .portfolio-image .portfolio-switch-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transform: scale3d(1.1,1.1,1.1);
    -o-transform: scale3d(1.1,1.1,1.1);
    -ms-transform: scale3d(1.1,1.1,1.1);
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-switch-image {
    opacity: 1;
    -moz-transform: scale3d(1,1,1);
    -o-transform: scale3d(1,1,1);
    -ms-transform: scale3d(1,1,1);
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-image {
    -moz-transform: translate3d(0,-5px,0);
    -o-transform: translate3d(0,-5px,0);
    -ms-transform: translate3d(0,-5px,0);
    -webkit-transform: translate3d(0,-5px,0);
    transform: translate3d(0,-5px,0);
}

.portfolio-switch-image .portfolio-box:hover .portfolio-caption {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
}

.portfolio-scattered .portfolio-image {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0);
}

.portfolio-scattered .portfolio-box:hover .portfolio-image {
    -webkit-clip-path: inset(5% 5% 5% 5%);
    clip-path: inset(5% 5% 5% 5%);
}

.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+1) .portfolio-box {
    padding: 15% 0;
}

.portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-2 .col:nth-child(4n+3) .portfolio-box {
    padding: 0 15%;
}

.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+0) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+1) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+3) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+5) .portfolio-box {
    padding: 15% 0;
}

.portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+2) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+4) .portfolio-box, .portfolio-scattered.row-cols-lg-3 .col:nth-child(6n+6) .portfolio-box {
    padding: 0 15%;
}

.pagination-style-01 .page-item .page-link.portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+0) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+1) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+3) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+6) .portfolio-box {
    padding: 25% 0;
}

.portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+2) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+4) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+5) .portfolio-box, .portfolio-scattered.row-cols-xl-4 .col:nth-child(8n+7) .portfolio-box {
    padding: 0 15%;
}

.portfolio-overlay .portfolio-box .portfolio-image img {
    opacity: 1;
}

.justified-gallery > a > .jg-caption.jg-caption-visible, .justified-gallery > div > .jg-caption.jg-caption-visible, .justified-gallery > figure > .jg-caption.jg-caption-visible {
    display: none;
    filter: "alpha(opacity=100)";
    opacity: 1;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    -o-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in;
}

.justified-gallery > a > .jg-caption, .justified-gallery > div > .jg-caption, .justified-gallery > figure > .jg-caption {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: #fff;
    color: inherit;
    padding: 15px 25px 12px;
    box-shadow: 0 5px 20px rgba(23,23,23,.2);
    white-space: nowrap;
    z-index: 1;
}

.padding-30px-tb {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    border-top: 3px solid #e14504;
    border-bottom: 3px solid #e14504;
    border-radius: 0px 0px 10px 10px;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
}

.text-medium {
    font-size: 17px;
    line-height: 20px;
    color: #939393;
    font-weight: 600;
}



.btn-link.text-extra-dark-gray, .text-extra-dark-gray, a.text-extra-dark-gray-hover:hover {
    color: #232323;
    font-weight: 600;
    font-size: 21px;
}


.rwd-table {
    margin: 0;
    min-width: 300px;
    max-width: 100%;
    font-size: 16px;
    font-weight: 400;
    border-collapse: collapse;
}

    .rwd-table tr:first-child {
        border-top: none;
        background: #3b5998;
        color: #fff;
    }

    .rwd-table tr {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        background-color: #f5f9fc;
    }

        .rwd-table tr:nth-child(odd):not(:first-child) {
            background-color: #ebf3f9;
        }

    .rwd-table th {
        display: none;
    }

    .rwd-table td {
        display: block;
    }

        .rwd-table td:first-child {
            margin-top: .5em;
        }

        .rwd-table td:last-child {
            margin-bottom: .5em;
        }

        .rwd-table td:before {
            content: attr(data-th) ": ";
            font-weight: bold;
            width: 100%;
            display: inline-block;
            color: #ff5050;
        }

    .rwd-table th,
    .rwd-table td {
        text-align: left;
    }

.rwd-table {
    color: #333;
    border-radius: .4em;
    overflow: hidden;
    width: 100%;
}

    .rwd-table tr {
        border: 1px solid #000;
        font-size: 15px;
    }

    .rwd-table th,
    .rwd-table td {
        padding: .5em 1em;
        border: 1px solid #000;
        font-weight: 600;
    }

@media screen and (max-width: 601px) {
    .rwd-table tr:nth-child(2) {
        border-top: none;
    }
}

@media screen and (min-width: 600px) {
    .rwd-table tr:hover:not(:first-child) {
        background-color: #d8e7f3;
    }

    .rwd-table td:before {
        display: none;
    }

    .rwd-table th,
    .rwd-table td {
        display: table-cell;
        padding: .25em .5em;
    }

        .rwd-table th:first-child,
        .rwd-table td:first-child {
            padding-left: 0;
        }

        .rwd-table th:last-child,
        .rwd-table td:last-child {
            padding-right: 0;
        }

    .rwd-table th,
    .rwd-table td {
        padding: 7px 10px !important;
    }
}


/* THE END OF THE IMPORTANT STUFF */


@-webkit-keyframes leftRight {
    0% {
        -webkit-transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-10px);
    }

    75% {
        -webkit-transform: translateX(10px);
    }

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

@keyframes leftRight {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

/*=======================================================================
6. Spacing/Dark
=========================================================================*/
/*-------------------------
    Spacing
-------------------------*/
.edu-section-gap {
    padding: 45px 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .edu-section-gap {
        padding: 95px 0 100px;
    }
}

@media only screen and (max-width: 767px) {
    .edu-section-gap {
        padding: 75px 0 80px;
    }
}

.gap-tb-text {
    padding: 115px 0 112px;
}


.about-style-8 {
    position: relative;
}

    .about-style-8:before {
        content: "";
        height: 1030px;
        width: 100%;
        background: -webkit-linear-gradient(right, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
        background: linear-gradient(-90deg, #f5f1eb 0%, rgba(245, 241, 235, 0.3) 100%);
        -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
        clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 90%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    .about-style-8 .about-content {
        padding-right: 40px;
        padding-left: 0;
    }

@media only screen and (max-width: 767px) {
    .about-style-8 .about-content {
        padding-right: 0;
    }
}

.about-style-8 .about-content .section-title p {
    margin-top: 30px;
}

.about-style-8 .about-content .about-mission {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 45px;
}

@media only screen and (max-width: 575px) {
    .about-style-8 .about-content .about-mission {
        display: block;
    }
}

.about-style-8 .about-content .about-mission .single-item {
    padding-right: 50px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 575px) {
    .about-style-8 .about-content .about-mission .single-item {
        padding-right: 0;
        margin-bottom: 30px;
    }
}

.about-style-8 .about-content .about-mission .single-item:last-child {
    padding-right: 0;
}

.about-style-8 .about-content .about-mission .single-item .icon {
    font-size: 50px;
    line-height: 1;
    margin-bottom: 25px;
}

    .about-style-8 .about-content .about-mission .single-item .icon.color-extra02 {
        color: var(--color-extra02);
    }

    .about-style-8 .about-content .about-mission .single-item .icon.color-extra06 {
        color: var(--color-extra06);
    }

.about-style-8 .about-content .about-mission .single-item .title {
    margin-bottom: 10px;
}

.about-style-8 .about-image-gallery {
    padding: 0;
}

    .about-style-8 .about-image-gallery .thumbnail img {
        width: 100%;
    }

    .about-style-8 .about-image-gallery .thumbnail-1 {
        text-align: right;
        margin-top: 40px;
    }

        .about-style-8 .about-image-gallery .thumbnail-1 img {
            border-radius: 70px 10px 10px 10px;
        }

    .about-style-8 .about-image-gallery .thumbnail-2 img {
        border-radius: 10px;
    }

    .about-style-8 .about-image-gallery .thumbnail-3 {
        text-align: right;
    }

        .about-style-8 .about-image-gallery .thumbnail-3 img {
            border-radius: 10px 10px 90px 10px;
        }

    .about-style-8 .about-image-gallery .thumbnail-4 img {
        border-radius: 10px;
    }

    .about-style-8 .about-image-gallery .shape-group li img {
        position: initial;
    }

    .about-style-8 .about-image-gallery .shape-group li.shape-1 {
        top: 0;
        left: -90px;
    }

    .about-style-8 .about-image-gallery .shape-group li.shape-2 {
        top: -20px;
        left: 25px;
        bottom: inherit;
        right: inherit;
    }

    .about-style-8 .about-image-gallery .shape-group li.shape-3 {
        bottom: 20px;
        right: -70px;
    }

@media only screen and (max-width: 991px) {
    .about-style-8 .about-image-gallery .shape-group li.shape-3 {
        display: none;
    }
}

.about-style-8 .about-image-gallery .shape-group li.shape-4 {
    bottom: -75px;
    right: -165px;
}

    .about-style-8 .about-image-gallery .shape-group li.shape-4 span {
        height: 400px;
        width: 400px;
        border: 1px solid #e8e6e3;
        border-radius: 50%;
        display: block;
    }

.about-style-8:after {
    content: "";
    height: 600px;
    width: 600px;
    border: 1px solid #e8e6e3;
    border-radius: 50%;
    position: absolute;
    top: -175px;
    left: -70px;
    z-index: -1;
}

@media only screen and (max-width: 1650px) {
    .about-style-8:after {
        left: -195px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
    .about-style-8:after {
        left: -250px;
    }
}

.about-style-9 .about-image-gallery {
    padding: 15px 0 60px 0;
    margin-bottom: 34px;
}

    .about-style-9 .about-image-gallery .author-box {
        position: absolute;
        right: 38px;
        bottom: -36px;
    }

@media only screen and (max-width: 767px) {
    .about-style-9 .about-image-gallery .author-box {
        right: 0;
    }
}

@media (max-width: 450px) {
    .about-style-9 .about-image-gallery .author-box {
        display: none;
    }
}

.about-style-9 .about-image-gallery .shape-group li.shape-1 {
    left: -126px;
    top: -19px;
}

.about-style-9 .about-image-gallery .shape-group li.shape-2 {
    left: -63px;
    top: -47px;
}

.about-style-9 .about-image-gallery .shape-group li.shape-3 {
    right: -5px;
    bottom: 211px;
    z-index: 1;
}

    .about-style-9 .about-image-gallery .shape-group li.shape-3 span {
        display: block;
        height: 101px;
        width: 101px;
        border: 15px solid var(--color-tertiary);
        border-radius: 50%;
    }

.about-style-9 .about-content {
    padding-left: 45px;
}

@media only screen and (max-width: 991px) {
    .about-style-9 .about-content {
        padding-left: 0;
        padding-top: 50px;
    }
}

@media (max-width: 450px) {
    .about-style-9 .about-content {
        padding-top: 0;
        margin-top: -60px;
    }
}

.about-style-9 .about-content .edu-btn {
    margin-top: 25px;
}

.about-style-9 .about-content .features-list li {
    font-weight: var(--p-bold);
}

.about-style-9 .shape-group li.shape-4 {
    right: -150px;
    bottom: -60px;
}
/*=======================================================================
3. Template Styles
=========================================================================*/
/*-------------------
  About Styles
---------------------*/
.about-image-gallery {
    position: relative;
    padding: 90px 0 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-image-gallery {
        text-align: center;
    }
}

.about-image-gallery img {
    border-radius: 10px;
}

.about-image-gallery .video-box {
    position: absolute;
    top: 0;
    right: 40px;
}

@media only screen and (max-width: 575px) {
    .about-image-gallery .video-box {
        -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
        transform: scale(0.7);
        right: 0;
    }
}

.about-image-gallery .video-box .inner {
    padding: 20px;
    background-color: var(--color-white);
    border-radius: 10px;
    box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
}

    .about-image-gallery .video-box .inner .thumb {
        position: relative;
        text-align: center;
    }

        .about-image-gallery .video-box .inner .thumb img {
            border-radius: 6px;
        }

        .about-image-gallery .video-box .inner .thumb .popup-icon {
            cursor: pointer;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            margin: 0 auto;
            height: 60px;
            width: 60px;
            line-height: 62px;
            background-color: var(--color-white);
            border-radius: 50%;
            color: var(--color-secondary);
            font-size: 18px;
        }

            .about-image-gallery .video-box .inner .thumb .popup-icon i {
                margin-left: 5px;
            }

            .about-image-gallery .video-box .inner .thumb .popup-icon:hover {
                background-color: var(--color-primary);
                color: var(--color-white);
            }

    .about-image-gallery .video-box .inner .loading-bar {
        margin: -20px 0;
        padding-top: 20px;
    }

        .about-image-gallery .video-box .inner .loading-bar span {
            display: block;
            height: 7px;
            background-color: #eaf0f2;
            border-radius: 10px;
            margin: 20px 0;
        }

            .about-image-gallery .video-box .inner .loading-bar span:first-child {
                width: 80%;
            }

            .about-image-gallery .video-box .inner .loading-bar span:nth-child(2n) {
                width: 45%;
            }

.about-image-gallery .award-status {
    position: absolute;
    right: 70px;
    bottom: 0;
}

@media only screen and (max-width: 479px) {
    .about-image-gallery .award-status {
        right: 0;
    }
}

.about-image-gallery .award-status .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 22px 20px 18px 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    box-shadow: 0px 40px 70px rgba(27, 20, 78, 0.1);
    background: #FFFFFF;
    border-radius: 10px;
}

    .about-image-gallery .award-status .inner .icon {
        width: 60px;
        height: 60px;
        background: rgba(26, 182, 157, 0.1);
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%;
        margin-right: 15px;
        color: var(--color-primary);
        font-size: 30px;
    }

    .about-image-gallery .award-status .inner .content {
        text-align: left;
    }

        .about-image-gallery .award-status .inner .content .title {
            color: var(--color-primary);
            font-size: 24px;
            line-height: 1;
            margin-bottom: 0;
        }

.about-image-gallery .shape-group li {
    position: absolute;
    z-index: -1;
}

    .about-image-gallery .shape-group li.shape-1 {
        top: 20px;
        left: -100px;
    }

@media only screen and (max-width: 991px) {
    .about-image-gallery .shape-group li.shape-1 {
        left: 0;
    }
}

.about-image-gallery .shape-group li.shape-2 {
    bottom: -30px;
    right: 130px;
}

.about-content {
    padding-left: 30px;
}

@media only screen and (max-width: 991px) {
    .about-content {
        padding-left: 0;
    }
}

.about-content .section-title {
    margin-bottom: 20px;
}

.about-content .features-list li {
    font-weight: var(--p-medium);
    font-family: var(--font-secondary);
    color: var(--color-heading);
    padding-left: 35px;
    position: relative;
    margin-bottom: 16px;
    margin-top: 16px;
}

    .about-content .features-list li:before {
        content: "\e913";
        font-family: 'icomoon';
        color: var(--color-tertiary);
        font-size: 19px;
        position: absolute;
        left: 0;
        top: -3px;
    }

.about-style-7 .about-image-gallery .main-img-2 {
    position: absolute;
    right: 0;
    top: 15px;
}

.about-style-7 .about-image-gallery {
    position: relative;
    padding: 80px 0 0 70px;
}

.section-gap-large {
    padding: 145px 0 150px;
}

.about-style-7 {
    position: relative;
}

.about-style-4 .about-content {
    padding-right: 0;
    padding-left: 30px;
}

    .about-style-4 .about-content .section-title p {
        margin-top: 26px;
    }

    .about-style-4 .about-content .features-list {
        margin-bottom: 35px;
    }

        .about-style-4 .about-content .features-list li:before {
            color: var(--color-secondary);
        }

.about-style-4 .about-image-gallery {
    padding: 80px 0 65px;
    margin-right: 30px;
}

    .about-style-4 .about-image-gallery .main-img-1 {
        background-color: var(--color-white);
        padding: 20px;
        display: inline-block;
        border-radius: 20px;
        box-shadow: 0 20px 40px 0 rgba(42, 11, 88, 0.1);
    }

    .about-style-4 .about-image-gallery .main-img-2 {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .about-style-4 .about-image-gallery .shape-group .shape-1 {
        left: inherit;
        right: 85px;
        top: 0;
    }

    .about-style-4 .about-image-gallery .shape-group .shape-2 {
        right: 31px;
        left: inherit;
        top: 32px;
        z-index: -2;
        bottom: inherit;
    }

    .about-style-4 .about-image-gallery .shape-group .shape-3 {
        right: inherit;
        left: -32px;
        bottom: 32px;
    }

    .about-style-4 .about-image-gallery .shape-group .shape-4 {
        right: 70px;
        bottom: -25px;
        z-index: -1;
    }

        .about-style-4 .about-image-gallery .shape-group .shape-4 span {
            display: block;
            height: 320px;
            width: 320px;
            border: 1px solid var(--color-border);
            border-radius: 50%;
        }

.shape-group {
    padding: 0;
    margin: 0;
    list-style: none;
}

a.edu-btn, button.edu-btn {
    text-align: center;
    border-radius: 5px;
    display: inline-block;
    height: 45px;
    line-height: 45px;
    color: #fff;
    background: #ff5050;
    padding: 0 30px;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-family: var(--font-secondary);
    border: 0 none;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section-title .title {
    margin-bottom: 4px;
}



.edu-faq-gallery {
    position: relative;
}

    .edu-faq-gallery .thumbnail-1 {
        text-align: right;
    }

        .edu-faq-gallery .thumbnail-1 img {
            border-radius: 120px 120px 0 120px;
        }

    .edu-faq-gallery .thumbnail-2 {
        margin-top: 70px;
    }

        .edu-faq-gallery .thumbnail-2 img {
            border-radius: 60px 0 100px;
        }

    .edu-faq-gallery .thumbnail-3 {
        margin-top: -30px;
        text-align: right;
    }

        .edu-faq-gallery .thumbnail-3 img {
            border-radius: 60px 0 100px;
        }

    .edu-faq-gallery .thumbnail-4 img {
        border-radius: 0 50px 120px 120px;
    }

    .edu-faq-gallery .shape-group {
        margin: 0;
    }

        .edu-faq-gallery .shape-group li {
            position: absolute;
            z-index: -1;
            margin: 0;
        }

            .edu-faq-gallery .shape-group li.shape-1 {
                top: -45px;
                left: 44%;
            }

            .edu-faq-gallery .shape-group li.shape-2 {
                top: 56px;
                right: -10px;
            }

            .edu-faq-gallery .shape-group li.shape-3 {
                bottom: -15px;
                left: -7px;
                z-index: 1;
            }

@media only screen and (max-width: 991px) {
    .edu-faq-gallery .shape-group li.shape-3 {
        display: none;
    }
}

.edu-faq-gallery .shape-group li.shape-4 {
    bottom: -45px;
    left: -45px;
}

@media only screen and (max-width: 991px) {
    .edu-faq-gallery .shape-group li.shape-4 {
        display: none;
    }
}

.faq-style-1 {
    padding: 40px 0 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-style-1 {
        padding: 150px 0 100px;
    }
}

@media only screen and (max-width: 767px) {
    .faq-style-1 {
        padding: 100px 0;
    }
}

.faq-style-2 {
    padding: 120px 0 150px;
    position: relative;
}

    .faq-style-2::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-image: url(https://www.pardindia.org/assets/front/images/bg/bg-image-10.webp);
        background-size: cover;
    }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .faq-style-2 {
        padding: 100px 0;
    }
}

@media only screen and (max-width: 767px) {
    .faq-style-2 {
        padding: 80px 0 100px;
    }
}


.btn-outline {
    border: 1px solid #00715d;
    color: #050748;
    padding: 10px 25px;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    line-height: 52px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}


.bgs-cover {
    background-size: cover;
    background-position: center;
}

.pb-120, .py-120 {
    padding-bottom: 50px;
}

.pt-120, .py-120 {
    padding-top: 50px;
}

.p-60 {
    padding: 40px;
}

.align-items-center {
    align-items: center !important;
}
/* Urgent Causes Two */
.urgent-cause-right-content .cause-price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 700;
    max-width: 525px;
    margin-bottom: 10px;
    font-family: var(--heading-font);
    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;
}

@media (min-width: 376px) {
    .urgent-cause-right-content .cause-price {
        font-size: 20px;
    }
}

.urgent-cause-right-content .progress {
    height: 12px;
    max-width: 525px;
    overflow: initial;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px;
    background-color: #F6A29D;
}

    .urgent-cause-right-content .progress .progress-bar {
        overflow: initial;
        top: 0;
        left: 0;
        height: 100%;
        position: absolute;
        border-radius: 5px 0 0 5px;
        background-color: var(--primary-color);
    }

        .urgent-cause-right-content .progress .progress-bar:after {
            content: '';
            position: absolute;
            top: -4px;
            right: 0;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: white;
            outline: 1px solid white;
            border: 7px solid var(--primary-color);
        }

.urgent-cause-right-content .urgent-cause-btn .btn {
    margin-top: 20px;
    margin-left: 5px;
}

    .urgent-cause-right-content .urgent-cause-btn .btn:not(:last-child) {
        margin-right: 25px;
    }

@media (max-width: 575px) {
    .urgent-cause-inner {
        padding-left: 25px;
        padding-right: 25px;
    }
}

.section-title {
    margin-top: -5px;
}

    .section-title h2, .section-title h3 {
        margin-bottom: 15px;
        text-transform: capitalize;
        font-size: 28px;
    }

    .section-title .section-title__subtitle {
        font-size: 20px;
        display: inline-block;
        color: #ff5050;
        font-family: var(--script-font);
    }

/*--------------------------------------------------------------
# About Two
--------------------------------------------------------------*/
.about-two {
    position: relative;
    display: block;
    padding: 50px 0 50px;
    background-color: #fff;
    z-index: 1;
}

.about-two-shape-1 {
    position: absolute;
    bottom: 0;
    right: 110px;
}

    .about-two-shape-1 img {
        width: auto;
    }

.about-two__left {
    position: relative;
    display: block;
    margin-right: 55px;
    z-index: 1;
}

.about-two__bg {
    position: absolute;
    top: -120px;
    bottom: -200px;
    right: 245px;
    left: -375px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

    .about-two__bg:before {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
        content: "";
        background-color: rgba(0,0,0, .95);
    }

.about-two__img-box {
    position: relative;
    display: block;
}

.about-two__img {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
}

    .about-two__img:after {
        position: absolute;
        top: 0;
        left: -100%;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        transform: skewX(-25deg);
        z-index: 1;
    }

.about-two__img-box:hover .about-two__img:after {
    -webkit-animation: shine 1.5s;
    animation: shine 1.5s;
}

.about-two__img img {
    width: 100%;
}

.about-two__small-img {
    position: absolute;
    bottom: -70px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

    .about-two__small-img:before {
        position: absolute;
        top: -10px;
        left: -10px;
        bottom: -10px;
        right: -10px;
        content: "";
        background-color: #fff;
        z-index: -1;
    }

    .about-two__small-img img {
        width: auto;
    }

.about-two__right {
    position: relative;
    display: block;
    margin-right: 110px;
}

    .about-two__right .section-title {
        margin-bottom: 12px;
    }

.about-two__points {
    position: relative;
    display: block;
    margin-top: 40px;
    margin-bottom: 37px;
}

    .about-two__points li {
        position: relative;
        display: flex;
        align-items: center;
    }

        .about-two__points li + li {
            margin-top: 10px;
        }

        .about-two__points li .icon {
            position: relative;
            display: flex;
            align-items: center;
        }

            .about-two__points li .icon span {
                font-size: 20px;
                color: var(--sopot-black);
                position: relative;
                display: inline-block;
                transition: all 500ms linear;
                transition-delay: 0.1s;
            }

        .about-two__points li:hover .icon span {
            transform: rotateY(360deg);
            color: var(--sopot-base);
        }

        .about-two__points li .text {
            margin-left: 10px;
        }

            .about-two__points li .text p {
                color: var(--sopot-black);
                font-weight: 500;
                font-family: var(--sopot-font-two);
            }

@media only screen and (max-width: 991px) {
    .rp-0 {
        padding: 0 !important;
    }

    .urgent-cause-inner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .rmb-65, .rmy-65 {
        margin-bottom: 35px;
        margin-top: 35px;
    }

    .section-title .section-title__subtitle {
        font-size: 16px;
        display: inline-block;
        color: #ff5050;
        font-family: var(--script-font);
    }

    .section-title h2, .section-title h3 {
        margin-bottom: 15px;
        text-transform: capitalize;
        font-size: 19px;
    }

    .wpo-section-title p {
        font-size: 15px;
        margin-top: 15px;
    }

    .about-two__left {
        margin-right: 0;
    }

    .about-two__bg {
        display: none;
    }

    .about-two__right {
        margin-right: 0;
        margin-top: 0px;
    }

        .about-two__right .section-title {
            margin-bottom: 0px;
        }

    .about-two {
        position: relative;
        display: block;
        padding: 30px 0 30px;
        background-color: #fff;
        z-index: 1;
    }

    .pt-120, .py-120 {
        padding-top: 20px !important;
    }

    .pb-120, .py-120 {
        padding-bottom: 20px !important;
    }

    .rmt-65, .rmy-65 {
        margin-top: 0px;
    }
}
/*------------------------------------------------
    ## About
------------------------------------------------*/
.about-image-part {
    about-area z-index: 1;
    position: relative;
    margin-bottom: -30px;
    padding: 45px 35px 0 0;
}

@media (max-width: 575px) {
    .about-image-part {
        padding-right: 0;
    }
}

.about-image-part .image {
    margin-bottom: 30px;
}

    .about-image-part .image img {
        width: 100%;
        border-radius: 20px;
    }

.about-image-part .experiences-years {
    position: absolute;
    right: -35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media (max-width: 575px) {
    .about-image-part .experiences-years {
        right: 15px;
    }

    .pt-120, .py-120 {
        padding-top: 10px;
    }
}

.about-image-part:before {
    position: absolute;
    content: '';
    height: 20%;
    width: 60%;
    left: 22%;
    top: 0;
    z-index: -1;
    border-radius: 20px;
    border: 2px dashed #ff5959;
    border-bottom: none;
}

.about-image-part:after {
    width: 147px;
    height: 147px;
    position: absolute;
    border-radius: 50%;
    content: '';
    z-index: -1;
    left: 0;
    bottom: 20%;
    -webkit-transform: translate(-40%);
    -ms-transform: translate(-40%);
    transform: translate(-40%);
    border: 20px solid #ff5959;
}

.pb-120, .py-120 {
    padding-bottom: 50px;
}

.pt-120, .py-120 {
    padding-top: 50px;
}

.about-area {
    background-color: #f9f9f9;
    z-index: 1;
    position: relative;
}

.about-one {
    position: relative;
}

.section-space {
    padding-top: 50px;
    padding-bottom: 50px;
}


/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about-one {
    position: relative;
}

.about-one--home .about-one__text-box__image img {
    border-radius: 100px;
}

.about-one__bg {
    position: relative;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: calc(50% - 15px);
    height: calc(100% - 260px);
    background-color: var(--cleenhearts-white2, #EFECE7);
    z-index: -1;
    border-radius: 0px 1000px 1000px 0px;
}

@media (max-width: 1199px) {
    .about-one__bg {
        display: none;
    }
}

.about-one__bg__border {
    position: absolute;
    top: 0;
    left: -10px;
    width: calc(100% - 80px);
    height: 100%;
    border-radius: 0px 1000px 1000px 0px;
    border: 5px solid var(--cleenhearts-secondary, #ff5050);
    animation: zumpX 1s infinite alternate;
}

.about-one__bg__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--cleenhearts-white2, #EFECE7);
    mix-blend-mode: multiply;
    border-radius: 0px 1000px 1000px 0px;
}

.about-one .row {
    align-items: center;
}

.about-one__image {
    position: relative;
    z-index: 1;
    margin-left: auto;
    margin-right: 64px;
    width: 464px;
    height: 464px;
}

@media (max-width: 1399px) {
    .about-one__image {
        margin-right: 50px;
    }
}

@media (max-width: 1199px) {
    .about-one__image {
        margin-left: 45px;
        margin-right: 0;
    }
}

@media (max-width: 575px) {
    .about-one__image {
        width: 380px;
        height: 380px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 425px) {
    .about-one__image {
        width: 330px;
        height: 330px;
    }
}

@media (max-width: 375px) {
    .about-one__image {
        width: 320px;
        height: 320px;
    }
}

@media (max-width: 360px) {
    .about-one__image {
        width: 290px;
        height: 290px;
    }
}

.about-one__image__one {
    width: 464px;
    height: 464px;
    border-radius: 50%;
}

@media (max-width: 575px) {
    .about-one__image__one {
        width: 380px;
        height: 380px;
    }
}

@media (max-width: 425px) {
    .about-one__image__one {
        width: 330px;
        height: 330px;
    }
}

@media (max-width: 375px) {
    .about-one__image__one {
        width: 320px;
        height: 320px;
    }
}

@media (max-width: 360px) {
    .about-one__image__one {
        width: 290px;
        height: 290px;
    }
}

.about-one__video {
    position: absolute;
    top: 24px;
    left: -42px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 164px;
    height: 164px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media (max-width: 575px) {
    .about-one__video {
        width: 100px;
        height: 100px;
        left: -10px;
    }
}

@media (max-width: 375px) {
    .about-one__video {
        width: 85px;
        height: 85px;
        left: 0px;
    }
}

.about-one__video__btn {
    background-color: rgba(var(--cleenhearts-white-rgb, 255, 255, 255), 0.5);
    width: 67px;
    height: 67px;
}

    .about-one__video__btn span {
        color: var(--cleenhearts-purple, #965995);
        font-size: 18px;
    }

    .about-one__video__btn .video-button__ripple::before,
    .about-one__video__btn .video-button__ripple::after {
        width: 100%;
        height: 100%;
        box-shadow: 0 0 0 0 rgba(var(--cleenhearts-white-rgb, 255, 255, 255), 0.25);
    }

.about-one__profile {
    position: absolute;
    bottom: 104px;
    right: -35px;
    padding: 17px 21px 17px 17px;
    border-radius: 1000px;
    background-color: var(--cleenhearts-white, #fff);
    display: block;
}

@media (max-width: 1399px) {
    .about-one__profile {
        right: -20px;
    }
}

@media (max-width: 1199px) {
    .about-one__profile {
        box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.07);
    }
}

@media (max-width: 575px) {
    .about-one__profile {
        padding: 12px 21px 12px 12px;
        bottom: 40px;
        right: -10px;
    }

        .about-one__profile .volunteer-profile__image {
            width: 60px;
            height: 60px;
        }
}

@media (max-width: 425px) {
    .about-one__profile {
        bottom: 30px;
    }
}

@media (max-width: 375px) {
    .about-one__profile {
        right: 0;
        bottom: 25px;
    }
}

.about-one__profile .volunteer-profile__inner {
    border: 0;
    padding: 0;
}

.about-one__content {
    margin-top: 2px;
}

.about-one .sec-title {
    margin-bottom: 20px;
}

.about-one .sec-title__tagline {
    margin-bottom: 23px;
}

.about-one__text-box {
    display: flex;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    .about-one__text-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

.about-one__text-box__image {
    width: 170px;
    flex-shrink: 0;
}

    .about-one__text-box__image img {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

.about-one__text {
    margin-bottom: 0;
}

.about-one__wrapper {
    margin: 29px 0 40px;
    padding: 30px 0 26px;
    border-top: 1px solid var(--cleenhearts-white2, #EFECE7);
    border-bottom: 1px solid var(--cleenhearts-white2, #EFECE7);
}

.about-one__donate {
    width: 100%;
}

.about-one__donate--one {
    max-width: 112px;
}

@media (max-width: 1199px) {
    .about-one__donate--one {
        max-width: 100%;
        text-align: center;
    }
}

.about-one__donate--two {
    max-width: 126px;
}

@media (max-width: 1199px) {
    .about-one__donate--two {
        max-width: 100%;
        text-align: center;
    }
}

.about-one__donate__icon {
    text-align: center;
    margin-bottom: 11px;
    transition: transform 400ms ease;
}

    .about-one__donate__icon span {
        font-size: 40px;
        color: var(--cleenhearts-purple, #965995);
        transition: all 0.4s ease-in-out;
    }

.about-one__donate:hover .about-one__donate__icon {
    transform: scale(1.3);
}

    .about-one__donate:hover .about-one__donate__icon span {
        transform: scale(1.5);
        color: var(--cleenhearts-base, #351C42);
    }

.about-one__donate__title {
    font-family: var(--cleenhearts-font, "DM Sans", sans-serif);
    font-size: 16px;
    line-height: 1.3;
    text-transform: capitalize;
    text-align: center;
    margin-bottom: 9px;
}

.about-one__donate__text {
    text-align: center;
}

    .about-one__donate__text span {
        font-size: 16px;
        color: var(--cleenhearts-purple, #965995);
        font-weight: 700;
        line-height: 1.3;
        text-transform: capitalize;
    }

.about-one__hand {
    position: absolute;
    right: 0;
    bottom: 134px;
    z-index: -1;
    animation: slowXmove 6s ease infinite;
}

@media (max-width: 1680px) {
    .about-one__hand {
        width: 190px;
    }
}

@media (max-width: 1599px) {
    .about-one__hand {
        top: 10px;
        bottom: auto;
        width: 190px;
    }
}

@media (max-width: 767px) {
    .about-one__hand {
        display: none;
    }
}

.about-two {
    position: relative;
    background-image: url('../images/background.jpg');
    overflow: hidden;
}

    .about-two .container {
        position: relative;
        z-index: 11;
    }

.about-two__image {
    position: relative;
    top: -3px;
}

.about-two__image__inner {
    margin-left: 4px;
    width: 100%;
    max-width: 463px;
    position: relative;
}

@media (max-width: 1199px) {
    .about-two__image__inner {
        max-width: 430px;
        margin-left: 0;
    }
}

.about-two__image__one {
    width: 100%;
}

.about-two__image__two {
    width: 217px;
    position: absolute;
    top: 0;
    right: -64px;
    animation: zump 3s infinite linear;
}

@media (max-width: 1199px) {
    .about-two__image__two {
        right: 0;
    }
}

@media (max-width: 991px) {
    .about-two__image__two {
        right: -64px;
    }
}

@media (max-width: 575px) {
    .about-two__image__two {
        right: 0;
    }
}

@media (max-width: 450px) {
    .about-two__image__two {
        width: 200px;
    }
}

@media (max-width: 425px) {
    .about-two__image__two {
        width: 170px;
    }
}

@media (max-width: 375px) {
    .about-two__image__two {
        width: 150px;
    }
}

@media (max-width: 360px) {
    .about-two__image__two {
        width: 130px;
    }
}

.about-two .sec-title {
    margin-bottom: 20px;
}

.about-two .sec-title__tagline {
    color: #3b5998;
    margin-bottom: 23px;
}

    .about-two .sec-title__tagline::before {
        background-color: var(--cleenhearts-white2, #EFECE7);
    }

    .about-two .sec-title__tagline::after {
        border-color: var(--cleenhearts-white2, #EFECE7);
    }

.about-two .sec-title__title {
    color: #ff5050;
}

.about-two .sec-title__title__inner {
    z-index: 11;
}

    .about-two .sec-title__title__inner::after {
        z-index: -11;
    }

.about-two__text {
    color: var(--cleenhearts-white2, #EFECE7);
    font-weight: 500;
    text-transform: capitalize;
    margin-bottom: 54px;
}

.about-two .contact-information__btn {
    margin-right: 15px;
    padding-right: 20px;
}

@media (max-width: 575px) {
    .about-two .contact-information__btn {
        margin-right: 0;
    }
}

.about-two .contact-information__btn::after {
    display: none;
}

.about-two .contact-information__phone {
    padding-left: 0;
    margin-left: 15px;
}

@media (max-width: 575px) {
    .about-two .contact-information__phone {
        margin-left: 0;
    }
}

.about-two .contact-information__phone__icon {
    border-color: var(--cleenhearts-secondary, #F6D469);
}

    .about-two .contact-information__phone__icon span {
        color: var(--cleenhearts-secondary, #F6D469);
    }

.about-two .contact-information__phone__text h5,
.about-two .contact-information__phone__text span {
    color: var(--cleenhearts-white2, #EFECE7);
}

    .about-two .contact-information__phone__text h5:hover {
        color: var(--cleenhearts-secondary, #F6D469);
    }

.about-two .contact-information__phone:hover .contact-information__phone__icon::after {
    background-color: var(--cleenhearts-secondary, #F6D469);
}

.about-two .contact-information__phone:hover .contact-information__phone__icon span {
    color: var(--cleenhearts-base, #351C42);
}

.about-two__shape__shape {
    position: absolute;
    width: 270px;
    height: 199px;
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width: 1799px) {
    .about-two__shape__shape {
        width: 200px;
        height: 150px;
    }
}

@media (max-width: 1599px) {
    .about-two__shape__shape {
        width: 160px;
        height: 120px;
    }
}

@media (max-width: 1199px) {
    .about-two__shape__shape {
        width: 150px;
        height: 110px;
    }
}

@media (max-width: 767px) {
    .about-two__shape__shape {
        width: 130px;
        height: 100px;
    }
}

@media (max-width: 575px) {
    .about-two__shape__shape {
        width: 100px;
        height: 70px;
    }
}

.about-two__shape__shape::after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid var(--cleenhearts-secondary, #F6D469);
}

.about-two__shape__shape--one {
    top: -2px;
    left: 105px;
    border-radius: 0px 0px 1000px 1000px;
    animation: zumpX 2000ms infinite alternate;
}

@media (max-width: 1799px) {
    .about-two__shape__shape--one {
        left: 70px;
    }
}

@media (max-width: 767px) {
    .about-two__shape__shape--one {
        left: 50px;
    }
}

.about-two__shape__shape--one::after {
    left: 40px;
    border-radius: 0px 0px 1000px 1000px;
    animation: zumpX 2000ms infinite alternate;
}

.about-two__shape__shape--two {
    right: 105px;
    bottom: -2px;
    border-radius: 1000px 1000px 0px 0px;
    animation: zumpXtwo 2000ms infinite alternate;
}

@media (max-width: 1799px) {
    .about-two__shape__shape--two {
        right: 70px;
    }
}

@media (max-width: 767px) {
    .about-two__shape__shape--two {
        right: 50px;
    }
}

.about-two__shape__shape--two::after {
    right: 40px;
    border-radius: 1000px 1000px 0px 0px;
    animation: zumpXtwo 2000ms infinite alternate;
}

.about-three {
    position: relative;
    padding-top: 271px;
    padding-bottom: 130px;
    background-color: var(--cleenhearts-white, #fff);
}

@media (max-width: 1199px) {
    .about-three {
        padding-top: 130px;
        padding-bottom: 130px;
    }
}

@media (max-width: 767px) {
    .about-three {
        padding: 110px 0;
    }
}

@media (max-width: 575px) {
    .about-three {
        padding: 80px 0;
    }
}

.about-three__image__inner {
    position: relative;
    width: 100%;
    max-width: 370px;
    margin-left: auto;
}

@media (max-width: 1199px) {
    .about-three__image__inner {
        max-width: 340px;
    }
}

@media (max-width: 991px) {
    .about-three__image__inner {
        max-width: 370px;
        margin-left: 200px;
    }
}

@media (max-width: 767px) {
    .about-three__image__inner {
        max-width: 340px;
        margin-left: 130px;
    }
}

@media (max-width: 500px) {
    .about-three__image__inner {
        margin-left: 35px;
    }
}

@media (max-width: 412px) {
    .about-three__image__inner {
        max-width: 310px;
        margin-left: 25px;
    }
}

@media (max-width: 375px) {
    .about-three__image__inner {
        max-width: 300px;
    }
}

@media (max-width: 360px) {
    .about-three__image__inner {
        max-width: 263px;
    }
}

.about-three__image__inner::after {
    content: "";
    position: absolute;
    top: -30px;
    left: -55px;
    width: 100%;
    height: 100%;
    border-radius: 1000px 1000px 0 0;
    border: 3px solid var(--cleenhearts-purple, #965995);
    transition: all 500ms ease;
    z-index: 1;
    transition: all 400ms ease;
}

@media (max-width: 500px) {
    .about-three__image__inner::after {
        left: -35px;
    }
}

@media (max-width: 412px) {
    .about-three__image__inner::after {
        top: -25px;
        left: -25px;
    }
}

.about-three__image__inner:hover::after {
    left: -30px;
}

@media (max-width: 500px) {
    .about-three__image__inner:hover::after {
        left: -25px;
    }
}

@media (max-width: 412px) {
    .about-three__image__inner:hover::after {
        top: -20px;
        left: -20px;
    }
}

.about-three__image__one {
    position: relative;
    border-radius: 1000px 1000px 0 0;
    max-width: 100%;
    display: block;
    z-index: 11;
}

.about-three__image__two {
    border-radius: 20px;
    position: absolute;
    left: -200px;
    bottom: -71px;
    z-index: 12;
}

@media (max-width: 1199px) {
    .about-three__image__two {
        max-width: 200px;
        left: -120px;
        bottom: -101px;
    }
}

@media (max-width: 991px) {
    .about-three__image__two {
        max-width: 270px;
        left: -200px;
        bottom: -71px;
    }
}

@media (max-width: 767px) {
    .about-three__image__two {
        max-width: 200px;
        left: -130px;
    }
}

@media (max-width: 500px) {
    .about-three__image__two {
        display: none;
    }
}

.about-three__experience {
    position: absolute;
    right: 0;
    bottom: -100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 317px;
    height: 248px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    z-index: 12;
    animation: movebounce3 3s linear infinite;
}

.about-three__experience__content {
    text-align: center;
}

.about-three__experience__title {
    font-size: 30px;
    line-height: 24px;
    letter-spacing: -1.2px;
    text-transform: capitalize;
    margin-bottom: 12px;
}

.about-three__experience__text {
    color: var(--cleenhearts-base, #351C42);
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.64px;
    text-transform: capitalize;
    margin-bottom: 0;
}

    .about-three__experience__text br {
        display: inline;
    }

.about-three__shape {
    position: absolute;
    top: -30px;
    left: -80%;
    animation: zumpX 1500ms infinite alternate;
    z-index: 1;
}

.about-three__shape-box {
    position: absolute;
    left: -66px;
    bottom: -100px;
    z-index: 12;
    width: 270px;
    height: 260px;
    border: 1px solid var(--cleenhearts-secondary, #F6D469);
    border-radius: 20px;
    z-index: 1;
    animation: zumpX 1500ms infinite alternate;
}

@media (max-width: 1199px) {
    .about-three__shape-box {
        bottom: -130px;
    }
}

@media (max-width: 991px) {
    .about-three__shape-box {
        bottom: -100px;
    }
}

@media (max-width: 500px) {
    .about-three__shape-box {
        display: none;
    }
}

.about-three__content {
    margin-top: -20px;
}

@media (max-width: 991px) {
    .about-three__content {
        margin-top: 100px;
    }
}

.about-three .sec-title {
    margin-bottom: 40px;
}

.about-three .sec-title__tagline {
    margin-bottom: 23px;
}

.about-three .sec-title__title__inner {
    z-index: 11;
}

    .about-three .sec-title__title__inner::after {
        z-index: -11;
    }

.about-three__text {
    text-transform: capitalize;
}

.about-three__text--one {
    font-weight: 700;
    margin-bottom: 29px;
}

.about-three__text--two {
    margin-bottom: 58px;
}

@media (max-width: 1199px) {
    .about-three__text--two {
        margin-bottom: 40px;
    }
}

.about-three__progress {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 55px;
}

@media (max-width: 1199px) {
    .about-three__progress {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 991px) {
    .about-three__progress {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .about-three__progress {
        grid-template-columns: repeat(1, 1fr);
    }
}

.about-three__progress .progress-box__title {
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 10px;
}

.about-three__progress .progress-box__bar__inner::before, .about-three__progress .progress-box__bar__inner::after {
    display: none;
}

.about-three__progress .progress-box__number {
    bottom: calc(100% + 11px);
}

.contact-information {
    display: flex;
    align-items: center;
    margin: 30px 0px;
}

@media (max-width: 575px) {
    .contact-information {
        flex-direction: column;
        align-items: flex-start;
    }
}

.contact-information__btn {
    position: relative;
    margin-right: 21px;
    color: #fff;
}

    .contact-information__btn::after {
        content: "";
        width: 1px;
        height: calc(100% - 6px);
        background-color: var(--cleenhearts-white2, #EFECE7);
        position: absolute;
        top: 50%;
        right: -21px;
        transform: translateY(-50%);
    }

@media (max-width: 575px) {
    .contact-information__btn {
        margin-right: 0;
    }

        .contact-information__btn::after {
            display: none;
        }
}

.contact-information__phone {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-left: 21px;
}

@media (max-width: 575px) {
    .contact-information__phone {
        padding-left: 0;
        border: 0;
    }
}

.contact-information__phone__icon {
    position: relative;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--cleenhearts-purple, #965995);
    z-index: 1;
}

    .contact-information__phone__icon::after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transform: scale(0);
        opacity: 0;
        transition: transform 300ms ease, opacity 300ms ease;
        background-color: var(--cleenhearts-purple, #965995);
    }

    .contact-information__phone__icon span {
        font-size: 20px;
        color: var(--cleenhearts-purple, #965995);
    }

.contact-information__phone:hover .contact-information__phone__icon span {
    color: var(--cleenhearts-white, #fff);
}

.contact-information__phone:hover .contact-information__phone__icon::after {
    opacity: 1;
    transform: scale(1);
}

.contact-information__phone__text {
    position: relative;
    top: -2px;
}

    .contact-information__phone__text span {
        font-size: 16px;
        line-height: 1;
        text-transform: capitalize;
    }

    .contact-information__phone__text h5 {
        font-family: var(--cleenhearts-font, "DM Sans", sans-serif);
        font-size: 16px;
        line-height: 1;
        text-transform: capitalize;
        margin-top: 6px;
        margin-bottom: 0;
    }

        .contact-information__phone__text h5:hover {
            color: var(--cleenhearts-purple, #965995);
        }

        .contact-information__phone__text h5 a {
            color: inherit;
            background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
            transition: all 500ms ease;
        }

            .contact-information__phone__text h5 a:hover {
                background-size: 100% 1px;
            }

.cleenhearts-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    border: none;
    outline: none;
    background-color: var(--cleenhearts-secondary, #ff5050);
    padding: 16px 22px 16px 19px;
    transition: 500ms;
    border-radius: 100px;
}

.cleenhearts-btn__icon-box {
    position: relative;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    text-align: left;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    background-color: var(--cleenhearts-base, #351C42);
    z-index: 1;
    transition: all 0.5s cubic-bezier(0.65, 0, 0.076, 1);
}

.cleenhearts-btn__icon-box__inner {
    position: relative;
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
}

    .cleenhearts-btn__icon-box__inner span {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 25px;
        color: #fff;
    }

        .cleenhearts-btn__icon-box__inner span.icon-trolley {
            font-size: 16px;
            color: #351C42;
        }

        .cleenhearts-btn__icon-box__inner span.icon-heart {
            font-size: 16px;
        }

        .cleenhearts-btn__icon-box__inner span.icon-donate {
            font-size: 18px;
        }

.cleenhearts-btn__text {
    position: relative;
    font-family: var(--cleenhearts-heading-font, "Quicksand", sans-serif);
    font-size: 16px;
    color: inherit;
    margin-left: 40px;
    font-weight: 700;
    line-height: 1;
    text-transform: capitalize;
    z-index: 11;
    transition: all 0.4s ease-in-out;
}

@media (max-width: 412px) {
    .cleenhearts-btn__text {
        font-size: 14px;
    }
}

.cleenhearts-btn:hover .cleenhearts-btn__icon-box {
    width: calc(100% - 18px);
}

.cleenhearts-btn:hover .cleenhearts-btn__text {
    color: var(--cleenhearts-white, #fff);
}

.cleenhearts-btn--white {
    background-color: var(--cleenhearts-white2, #EFECE7);
}

    .cleenhearts-btn--white .cleenhearts-btn__icon-box {
        background-color: var(--cleenhearts-secondary, #F6D469);
    }

    .cleenhearts-btn--white .cleenhearts-btn__icon-box__inner span {
        color: var(--cleenhearts-base, #351C42);
    }

    .cleenhearts-btn--white:hover .cleenhearts-btn__text {
        color: var(--cleenhearts-base, #351C42);
    }

.cleenhearts-btn--border {
    background-color: transparent;
    border: 1px solid var(--cleenhearts-border-color, #D7D3CB);
}

    .cleenhearts-btn--border .cleenhearts-btn__icon-box {
        background-color: var(--cleenhearts-secondary, #F6D469);
    }

    .cleenhearts-btn--border .cleenhearts-btn__icon-box__inner span {
        color: var(--cleenhearts-base, #351C42);
    }

    .cleenhearts-btn--border .cleenhearts-btn__text {
        color: var(--cleenhearts-base, #351C42);
    }

    .cleenhearts-btn--border:hover .cleenhearts-btn__text {
        color: var(--cleenhearts-base, #351C42);
    }

.cleenhearts-btn--border-base {
    background-color: transparent;
    border: 1px solid var(--cleenhearts-base, #351C42);
}

    .cleenhearts-btn--border-base .cleenhearts-btn__icon-box {
        background-color: var(--cleenhearts-base, #351C42);
    }

.sec-title__title {
    position: relative;
    z-index: 2;
    margin: 0;
    font-size: 25px;
    color: #ff5050;
}

.sec-title__tagline {
    display: table;
    position: relative;
    margin: 0;
    color: #3b5998;
    font-size: 17px;
    line-height: 20px;
    margin-bottom: 5px !important;
}

.has_borders {
    padding: 15px 15px;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #3b5998;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}

/*--------------------------------------------------------------
# Faq
--------------------------------------------------------------*/
.faq-one {
    position: relative;
    overflow: hidden;
}

.faq-one--about .accordion-title {
    background-color: var(--cleenhearts-white, #fff);
}

.faq-one--about .accordion-content .inner {
    background-color: var(--cleenhearts-white, #fff);
}

.faq-one__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--cleenhearts-white2, #EFECE7);
    mix-blend-mode: multiply;
    z-index: 1;
}

.faq-one .container {
    position: relative;
    z-index: 11;
}

.faq-one__image {
    position: relative;
}

    .faq-one__image img {
        border-radius: 20px;
        width: 100%;
        display: block;
    }

.faq-one__content {
    margin-top: 1px;
}

.faq-one .sec-title {
    margin-bottom: 15px;
}

.faq-one .sec-title__tagline {
    margin-bottom: 23px;
}

.faq-one__text {
    text-transform: capitalize;
    margin-bottom: 30px;
}

.faq-one__shape__one {
    position: absolute;
    top: 0;
    right: -257px;
    z-index: 1;
    animation: zumpY 1200ms infinite alternate;
}

.faq-one__shape__two {
    position: absolute;
    left: 110px;
    bottom: 0;
    z-index: 1;
    animation: zumpY 1200ms infinite alternate;
}

.faq-one .cleenhearts-accordion .accordion {
    overflow: hidden;
}

.faq-page-inner {
    position: relative;
}

.faq-page-inner__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--cleenhearts-white2, #EFECE7);
    mix-blend-mode: multiply;
    z-index: 1;
}

.faq-page-inner .container {
    position: relative;
    z-index: 11;
}

.faq-page-inner .accordion-title {
    background-color: var(--cleenhearts-white, #fff);
    border-radius: 10px;
}

.faq-page-inner .accordion-content .inner {
    background-color: var(--cleenhearts-white, #fff);
}
/*--------------------------------------------------------------
# Why choose
--------------------------------------------------------------*/
.why-choose-one {
    position: relative;
    background-color: var(--cleenhearts-white, #fff);
}

.why-choose-one--volunteer__bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--cleenhearts-white2, #EFECE7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.why-choose-one .container {
    position: relative;
    z-index: 11;
}

.why-choose-one__image {
    display: flex;
    align-items: baseline;
    gap: 30px;
}

@media (max-width: 425px) {
    .why-choose-one__image {
        gap: 20px;
    }
}

.why-choose-one__image__inner {
    width: 50%;
    height: 100%;
}

    .why-choose-one__image__inner img {
        display: block;
        width: 100%;
        border-radius: 20px;
    }

        .why-choose-one__image__inner img:not(:last-child) {
            margin-bottom: 30px;
        }

@media (max-width: 425px) {
    .why-choose-one__image__inner img:not(:last-child) {
        margin-bottom: 20px;
    }
}

.why-choose-one__content {
    margin-top: 2px;
}

.why-choose-one .sec-title {
    margin-bottom: 29px;
}

.why-choose-one .sec-title__tagline {
    margin-bottom: 23px;
}

.why-choose-one__text {
    text-transform: capitalize;
    margin-bottom: 30px;
}

.why-choose-one__hand__one {
    position: absolute;
    left: 0;
    bottom: 176px;
    animation: slowXmove 6s ease infinite;
}

@media (max-width: 1680px) {
    .why-choose-one__hand__one {
        width: 230px;
    }
}

@media (max-width: 1599px) {
    .why-choose-one__hand__one {
        display: none;
    }
}

.why-choose-one__hand__two {
    position: absolute;
    top: 298px;
    right: 0;
    animation: slowXmove 6s ease infinite;
}

@media (max-width: 1680px) {
    .why-choose-one__hand__two {
        width: 190px;
    }
}

@media (max-width: 1599px) {
    .why-choose-one__hand__two {
        top: 10px;
        bottom: auto;
        width: 190px;
    }
}

@media (max-width: 767px) {
    .why-choose-one__hand__two {
        display: none;
    }
}


.bg6 {
    background: url(../images/bg-image-18.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.section-padding2 {
    padding: 50px 0 50px;
}

.heading2 {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .heading2 {
        margin-bottom: 20px;
    }
}

.heading2 small.heading-top {
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    background: #fd5d5a;
    border-radius: 50px;
    padding: 13px 20px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .heading2 small.heading-top {
        font-size: 16px;
        padding: 10px 20px;
        line-height: 27px;
    }
}

.heading2 small.heading-top.inner-heading-top {
    background: rgba(121, 119, 198, 0.2);
}

.heading2 small.heading-top img {
    width: 24px;
    margin-right: 10px;
}

.heading2.white-heading .inner-heading-top {
    color: #ffffff;
}

.heading2 h2 {
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #09120E;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .heading2 h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .heading2.white-heading span.heilight-left:after,
    .heading2.white-heading span.heilight-right:after {
        background: url("../images/hilight-2-left-white.png") no-repeat;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.heading2.white-heading h2 {
    color: #3b5998;
}

.heading2 p {
    margin-top: 20px;
    margin-bottom: 0;
}

.heading2 span.heilight-left {
    position: relative;
    z-index: 2;
    display: inline-block;
}

    .heading2 span.heilight-left:after {
        position: absolute;
        content: "";
        height: 70px;
        width: 70px;
        background: url("../images/hilight-2-right-black.png") no-repeat;
        top: -38px;
        left: -35px;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (max-width: 767px) {
    .heading2 span.heilight-left:after {
        display: block;
    }
}

.heading2 span.heilight-right {
    position: relative;
    z-index: 2;
    display: inline-block;
}

    .heading2 span.heilight-right:after {
        position: absolute;
        content: "";
        height: 70px;
        width: 70px;
        background: url("../images/hilight-2-right-black.png") no-repeat;
        top: -38px;
        right: -35px;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
        transform: rotate(30deg);
    }

@media (max-width: 767px) {
    .heading2 span.heilight-right:after {
        display: block;
    }
}

.heading2.white-heading span.heilight-left:after,
.heading2.white-heading span.heilight-right:after {
    background: url("../images/hilight-2-left-white.png") no-repeat;
    background-position: center;
    background-size: contain;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .title3 {
        padding-top: 50px;
    }
}

.single-business {
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    border-radius: 10px;
    border: 1px solid #dedede;
    padding: 20px 40px 20px 32px;
    position: relative;
    z-index: 2;
    height: 175px;
    padding-left: 130px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .single-business {
        padding-left: 30px;
        height: auto !important;
        /*text-align: center;*/
    }

    .section-padding2 {
        padding: 40px 0 50px !important;
    }

    .heading2.white-heading span.heilight-left:after,
    .heading2.white-heading span.heilight-right:after {
        background: url("../images/hilight-2-left-white.png") no-repeat;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
    }

    .section-padding2 {
        padding: 50px 0 0px;
    }
}

.single-business h3 {
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #3b5998;
}

.single-business p {
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.single-business .business-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(to right,#ff5050,#f99084);
    border-radius: 50%;
    text-align: center;
    line-height: 75px;
    position: absolute;
    left: 32px;
    top: 32px;
}

@media (max-width: 767px) {
    .single-business .business-icon {
        position: relative;
        left: auto;
        top: auto;
        margin: 0px auto 24px auto;
    }
}

.single-business .business-icon i,
.single-business .business-icon img {
    width: 50px;
}

.case-study-1 .single-case-study:hover {
    cursor: move;
}

    .case-study-1 .single-case-study:hover .case-study-img img {
        transition: all 0.3s;
        transform: scale(1.1);
    }

.case-study-1 .owl-nav button {
    position: absolute;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #FFFFFF !important;
    top: 50%;
    left: -40px;
    border-radius: 50%;
    transition: all 0.3s;
    margin-top: -40px;
}

@media (max-width: 767px) {
    .case-study-1 .owl-nav button {
        left: 0;
    }
}

.case-study-1 .owl-nav button.owl-next {
    left: auto;
    right: -40px;
}

@media (max-width: 767px) {
    .case-study-1 .owl-nav button.owl-next {
        right: 0;
    }
}

.case-study-1 .owl-nav button:hover {
    background: #FDC24C !important;
    transition: all 0.3s;
    color: #ffffff;
}

.case-study-1 .case-study-img {
    height: 420px;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .case-study-1 .case-study-img {
        height: 300px;
    }
}

.case-study-1 .case-study-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s;
    transform: scale(1);
}

.case-study-1 .case-study-content {
    padding: 24px 0 0;
}

    .case-study-1 .case-study-content h4 {
        font-family: "satoshi";
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1px;
        color: #ffffff;
        margin-bottom: 14px;
    }

    .case-study-1 .case-study-content p {
        font-family: "satoshi";
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #ffffff;
        opacity: 0.7;
        margin-bottom: 32px;
    }

.case-study-1 .owl-carousel .owl-item .single-case-study img {
    width: 100%;
}

.case-study-2 .case-study-img {
    border-radius: 8px;
    overflow: hidden;
    height: 300px;
}

    .case-study-2 .case-study-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.case-study-2 .case-study-icon {
    height: 100px;
    width: 100px;
    padding: 30px;
    background: #DCEDF3;
    border-radius: 50px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(220, 237, 243, 0.5);
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
}

.case-study-2 .single-case-study-content {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 66px 32px 32px;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
}

    .case-study-2 .single-case-study-content h3 {
        font-family: "Canela";
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        text-transform: capitalize;
        color: #192533;
        margin-bottom: 16px;
    }

    .case-study-2 .single-case-study-content p {
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #304952;
    }

.case-study-2 .single-case-study {
    margin-bottom: 30px;
}

    .case-study-2 .single-case-study.active .case-study-img, .case-study-2 .single-case-study:hover .case-study-img {
        border-radius: 8px 8px 0 0;
    }

    .case-study-2 .single-case-study.active .single-case-study-content, .case-study-2 .single-case-study:hover .single-case-study-content {
        background: #F6F7FA;
        transition: all 0.3s;
    }

.casestudy-2 .single-case-study {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
    margin-bottom: 30px;
}

    .casestudy-2 .single-case-study:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: #000;
        left: 0;
        top: 0;
        z-index: 2;
        transform: rotate(15deg);
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
    }

.casestudy-2 .case-study-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 3;
    transform: scale(0.8);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.casestudy-2 ul.case-categories li a {
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    align-items: center;
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 8px 16px;
    background: rgba(245, 209, 164, 0.5);
    border-radius: 50px;
    display: inline-block;
    font-family: "satoshi";
}

    .casestudy-2 ul.case-categories li a:hover {
        color: #ffffff;
    }

.casestudy-2 .case-study-contents h4,
.casestudy-2 .case-study-contents h4 a {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
    margin: 12px 0;
}

.casestudy-2 .single-case-study:hover .case-study-contents {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all 1s;
}

.casestudy-2 .single-case-study:hover:after {
    transition: all 0.3s;
    visibility: visible;
    opacity: 0.5;
    transform: rotate(0);
}

.casestudy-2 .case-study-img {
    height: 550px;
}

    .casestudy-2 .case-study-img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }


.job-details-content {
    margin-bottom: 30px;
}

    .job-details-content h1, .job-details-content h2, .job-details-content h3, .job-details-content h4, .job-details-content h5, .job-details-content h6 {
        margin-bottom: 15px;
    }

    .job-details-content h1 {
        font-size: 32px;
    }

    .job-details-content h2 {
        font-size: 29px;
    }

    .job-details-content h3 {
        font-size: 20px;
    }

    .job-details-content h4 {
        font-size: 18px;
    }

    .job-details-content h5 {
        font-size: 16px;
    }

    .job-details-content h6 {
        font-size: 15px;
    }

    .job-details-content a {
        color: var(--mainColor);
    }

        .job-details-content a:hover {
            color: var(--titleColor);
        }



    .job-details-content p {
        margin-bottom: 15px;
    }

        .job-details-content p:last-child {
            margin-bottom: 0;
        }

    .job-details-content .bar {
        height: 5px;
        width: 94px;
        background: #ff505061;
        position: relative;
        border-radius: 50px;
        margin-bottom: 16px;
    }

        .job-details-content .bar:before {
            content: "";
            position: absolute;
            top: 0px;
            left: 0;
            height: 6px;
            width: 34px;
            border-radius: 50px;
            background: #dd3931;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-name: MOVE-BG;
            animation-name: MOVE-BG;
        }

    .job-details-content .job-details-list {
        margin-bottom: 30px;
    }




    .job-details-content .job-details-portfolio .job-details-portfolio-img {
        margin-bottom: 30px;
        text-align: center;
    }

        .job-details-content .job-details-portfolio .job-details-portfolio-img a {
            display: block;
            text-align: center;
        }

            .job-details-content .job-details-portfolio .job-details-portfolio-img a img {
                border-radius: 20px;
                -webkit-transition: var(--transition);
                transition: var(--transition);
                text-align: center;
            }

            .job-details-content .job-details-portfolio .job-details-portfolio-img a:hover {
                border-bottom: none;
            }

                .job-details-content .job-details-portfolio .job-details-portfolio-img a:hover img {
                    -webkit-filter: brightness(0.5);
                    filter: brightness(0.5);
                }

    .job-details-content .article-social-icon {
        padding: 12px 20px;
        background-color: #F8F8F8;
        margin-bottom: 30px;
    }

        .job-details-content .article-social-icon .social-icon {
            padding: 0;
            list-style-type: none;
            margin: 0;
        }

            .job-details-content .article-social-icon .social-icon li {
                display: inline-block;
                margin-right: 10px;
                margin-bottom: 0;
                vertical-align: middle;
            }

                .job-details-content .article-social-icon .social-icon li.title {
                    font-size: 18px;
                    color: var(--titleColor);
                    vertical-align: middle;
                }

                .job-details-content .article-social-icon .social-icon li:last-child {
                    margin-right: 0;
                }

                .job-details-content .article-social-icon .social-icon li a {
                    display: inline-block;
                    border: none;
                }

                    .job-details-content .article-social-icon .social-icon li a i {
                        width: 35px;
                        height: 35px;
                        line-height: 35px;
                        text-align: center;
                        font-size: 18px;
                        color: var(--bodyColor);
                        background-color: #fff;
                        -webkit-transition: var(--transition);
                        transition: var(--transition);
                        display: inline-block;
                        border-radius: 50px;
                    }

                    .job-details-content .article-social-icon .social-icon li a:hover i {
                        background-color: var(--mainColor);
                        color: var(--whiteColor);
                    }

    .job-details-content .job-details-play {
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding: 170px 0;
        text-align: center;
        background-image: url(https://www.pardindia.org/assets/front/images/job-details.jpg);
        border-radius: 5px;
        margin-bottom: 30px;
    }

        .job-details-content .job-details-play .play-btn i {
            width: 70px;
            height: 70px;
            line-height: 70px;
            background-color: var(--mainColor);
            color: var(--whiteColor);
            font-size: 40px;
            border-radius: 50px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
            -webkit-transition: var(--transition);
            transition: var(--transition);
            text-align: center;
            display: inline-block;
        }

            .job-details-content .job-details-play .play-btn i::after {
                content: '';
                position: absolute;
                z-index: -1;
                top: 0;
                right: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-color: transparent;
                border: 1px solid var(--mainColor);
                border-radius: 50px;
                -webkit-animation: ripple 2s infinite ease-in-out;
                animation: ripple 2s infinite ease-in-out;
                -webkit-transition: var(--transition);
                transition: var(--transition);
            }

            .job-details-content .job-details-play .play-btn i:hover {
                background-color: var(--titleColor);
                color: var(--whiteColor);
            }

                .job-details-content .job-details-play .play-btn i:hover::after {
                    border-color: var(--titleColor);
                }

/*================================
Job Details Area End
===================================*/

input[type="file"] {
    position: relative;
}

    input[type="file"]::file-selector-button {
        width: 166px;
        color: transparent;
    }

    /* Faked label styles and icon */
    input[type="file"]::before {
        position: absolute;
        pointer-events: none;
        top: 10px;
        left: 5px;
        height: 20px;
        width: 20px;
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
    }

    input[type="file"]::after {
        position: absolute;
        pointer-events: none;
        top: 11px;
        left: 40px;
        font-size: 16px;
        font-weight: 600;
        color: #0964b0;
        content: "Upload Resume";
    }

    /* ------- From Step 1 ------- */

    /* file upload button */
    input[type="file"]::file-selector-button {
        border-radius: 4px;
        padding: 0 16px;
        height: 40px;
        cursor: pointer;
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.16);
        box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
        margin-right: 16px;
        transition: background-color 200ms;
    }

        /* file upload button hover state */
        input[type="file"]::file-selector-button:hover {
            background-color: #f3f4f6;
        }

        /* file upload button active state */
        input[type="file"]::file-selector-button:active {
            background-color: #e5e7eb;
        }





.bg6 {
    background: url(../images/bg-image-18.jpg) no-repeat;
    background-position: center center;
    background-size: cover;
}

.section-padding2 {
    padding: 40px 0 50px;
}

.heading2 {
    margin-bottom: 40px;
}

@media (max-width: 767px) {
    .heading2 {
        margin-bottom: 40px;
    }
}

.heading2 small.heading-top {
    font-weight: 500;
    font-size: 16px;
    line-height: 38px;
    color: #09120E;
    background: #e7edeb;
    border-radius: 50px;
    padding: 13px 20px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .heading2 small.heading-top {
        font-size: 12px;
        padding: 10px 20px;
        line-height: 30px;
    }
}

.heading2 small.heading-top.inner-heading-top {
    background: rgba(121, 119, 198, 0.2);
}

.heading2 small.heading-top img {
    width: 24px;
    margin-right: 10px;
}

.heading2.white-heading .inner-heading-top {
    color: #ffffff;
}

.heading2 h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 50px;
    color: #09120E;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 767px) {
    .heading2 h2 {
        font-size: 25px;
        line-height: 42px;
    }
}

.heading2.white-heading h2 {
    color: #3b5998;
}

.heading2 p {
    margin-top: 20px;
    margin-bottom: 0;
}

.heading2 span.heilight-left {
    position: relative;
    z-index: 2;
    display: inline-block;
}

    .heading2 span.heilight-left:after {
        position: absolute;
        content: "";
        height: 70px;
        width: 70px;
        background: url("../images/hilight-2-right-black.png") no-repeat;
        top: -38px;
        left: -35px;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
    }

@media (max-width: 767px) {
    .heading2 span.heilight-left:after {
        display: none;
    }
}

.heading2 span.heilight-right {
    position: relative;
    z-index: 2;
    display: inline-block;
}

    .heading2 span.heilight-right:after {
        position: absolute;
        content: "";
        height: 70px;
        width: 70px;
        background: url("../images/hilight-2-right-black.png") no-repeat;
        top: -38px;
        right: -35px;
        background-position: center;
        background-size: contain;
        -o-object-fit: cover;
        object-fit: cover;
        transform: rotate(30deg);
    }

@media (max-width: 767px) {
    .heading2 span.heilight-right:after {
        display: none;
    }
}

.heading2.white-heading span.heilight-left:after,
.heading2.white-heading span.heilight-right:after {
    background: url("../images/hilight-2-left-white.png") no-repeat;
    background-position: center;
    background-size: contain;
    -o-object-fit: cover;
    object-fit: cover;
}

@media (max-width: 767px) {
    .title3 {
        padding-top: 50px;
    }
}

.single-business {
    background: rgb(255, 255, 255);
    box-shadow: 0px 3px 6px rgba(23, 34, 43, 0.1);
    border-radius: 10px;
    border: 1px solid #dedede;
    padding: 20px 0px 20px 32px;
    position: relative;
    z-index: 2;
    height: auto;
    padding-left: 130px;
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    .single-business {
        padding-left: 25px;
    }
}

.single-business h3 {
    margin-bottom: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 24px;
    color: #3b5998;
}

.single-business p {
    margin-bottom: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.single-business .business-icon {
    width: 80px;
    height: 80px;
    background: linear-gradient(to right,#ff5050,#f99084);
    border-radius: 50%;
    text-align: center;
    line-height: 75px;
    position: absolute;
    left: 32px;
    top: 32px;
}

@media (max-width: 767px) {
    .single-business .business-icon {
        position: relative;
        left: auto;
        top: auto;
        margin-bottom: 24px;
    }
}

.single-business .business-icon i,
.single-business .business-icon img {
    width: 50px;
}

.case-study-1 .single-case-study:hover {
    cursor: move;
}

    .case-study-1 .single-case-study:hover .case-study-img img {
        transition: all 0.3s;
        transform: scale(1.1);
    }

.case-study-1 .owl-nav button {
    position: absolute;
    height: 80px;
    width: 80px;
    text-align: center;
    line-height: 80px;
    background: #FFFFFF !important;
    top: 50%;
    left: -40px;
    border-radius: 50%;
    transition: all 0.3s;
    margin-top: -40px;
}

@media (max-width: 767px) {
    .case-study-1 .owl-nav button {
        left: 0;
    }
}

.case-study-1 .owl-nav button.owl-next {
    left: auto;
    right: -40px;
}

@media (max-width: 767px) {
    .case-study-1 .owl-nav button.owl-next {
        right: 0;
    }
}

.case-study-1 .owl-nav button:hover {
    background: #FDC24C !important;
    transition: all 0.3s;
    color: #ffffff;
}

.case-study-1 .case-study-img {
    height: 420px;
    border-radius: 8px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .case-study-1 .case-study-img {
        height: 300px;
    }
}

.case-study-1 .case-study-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all 0.3s;
    transform: scale(1);
}

.case-study-1 .case-study-content {
    padding: 24px 0 0;
}

    .case-study-1 .case-study-content h4 {
        font-family: "satoshi";
        font-weight: 700;
        font-size: 24px;
        line-height: 24px;
        letter-spacing: -1px;
        color: #ffffff;
        margin-bottom: 14px;
    }

    .case-study-1 .case-study-content p {
        font-family: "satoshi";
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #ffffff;
        opacity: 0.7;
        margin-bottom: 32px;
    }

.case-study-1 .owl-carousel .owl-item .single-case-study img {
    width: 100%;
}

.case-study-2 .case-study-img {
    border-radius: 8px;
    overflow: hidden;
    height: 300px;
}

    .case-study-2 .case-study-img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }

.case-study-2 .case-study-icon {
    height: 100px;
    width: 100px;
    padding: 30px;
    background: #DCEDF3;
    border-radius: 50px;
    z-index: 2;
    box-shadow: 0 4px 10px rgba(220, 237, 243, 0.5);
    position: absolute;
    top: -50px;
    left: 50%;
    margin-left: -50px;
}

.case-study-2 .single-case-study-content {
    text-align: center;
    position: relative;
    z-index: 2;
    padding: 66px 32px 32px;
    border-radius: 0 0 8px 8px;
    transition: all 0.3s;
}

    .case-study-2 .single-case-study-content h3 {
        font-family: "Canela";
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        text-transform: capitalize;
        color: #192533;
        margin-bottom: 16px;
    }

    .case-study-2 .single-case-study-content p {
        font-family: "satoshi";
        font-weight: 700;
        font-size: 16px;
        line-height: 26px;
        text-align: center;
        color: #304952;
    }

.case-study-2 .single-case-study {
    margin-bottom: 30px;
}

    .case-study-2 .single-case-study.active .case-study-img, .case-study-2 .single-case-study:hover .case-study-img {
        border-radius: 8px 8px 0 0;
    }

    .case-study-2 .single-case-study.active .single-case-study-content, .case-study-2 .single-case-study:hover .single-case-study-content {
        background: #F6F7FA;
        transition: all 0.3s;
    }

.casestudy-2 .single-case-study {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
    margin-bottom: 30px;
}

    .casestudy-2 .single-case-study:after {
        position: absolute;
        content: "";
        height: 100%;
        width: 100%;
        background: #000;
        left: 0;
        top: 0;
        z-index: 2;
        transform: rotate(15deg);
        transition: all 0.3s;
        visibility: hidden;
        opacity: 0;
    }

.casestudy-2 .case-study-contents {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 30px;
    z-index: 3;
    transform: scale(0.8);
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
}

.casestudy-2 ul.case-categories li a {
    font-weight: 700;
    font-size: 12px;
    line-height: 13px;
    align-items: center;
    text-align: right;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #ffffff;
    padding: 8px 16px;
    background: rgba(245, 209, 164, 0.5);
    border-radius: 50px;
    display: inline-block;
    font-family: "satoshi";
}

    .casestudy-2 ul.case-categories li a:hover {
        color: #ffffff;
    }

.casestudy-2 .case-study-contents h4,
.casestudy-2 .case-study-contents h4 a {
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    color: #ffffff;
    margin: 12px 0;
}

.casestudy-2 .single-case-study:hover .case-study-contents {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition: all 1s;
}

.casestudy-2 .single-case-study:hover:after {
    transition: all 0.3s;
    visibility: visible;
    opacity: 0.5;
    transform: rotate(0);
}

.casestudy-2 .case-study-img {
    height: 550px;
}

    .casestudy-2 .case-study-img img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%;
        height: 100%;
    }



.section-title01 {
    position: relative;
    margin-bottom: 0px;
}

    .section-title01 h2 {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 28px;
        padding-bottom: 20px;
    }

    .section-title01 h3 {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
    }

    .section-title01 h4 {
        position: relative;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 20px;
    }

    .section-title01 h2:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 136px;
        height: 1px;
        background: url(../images/sec-title-decoration.png);
    }

    .section-title01.text-center h2:after {
        left: 50%;
        margin-left: -68px;
    }

.thm-color {
    color: #ff5050;
}

.section-title01 p {
    margin-top: 25px;
    font-size: 20px;
    font-weight: 600;
}

.section-title03 h3 {
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 20px;
}

    .section-title03 h3:before {
        position: absolute;
        content: "";
        height: 2px;
        width: 60px;
        left: 0;
        background: #ff5722;
        bottom: 0px;
    }

.sec-padd {
    padding: 80px 0;
}

.sec-padd2 {
    padding: 40px 0 30px;
}

.sec-padd21 {
    padding: 30px 0 30px;
}

.sec-padd3 {
    padding: 40px 0 40px;
}

.sec-padd-top {
    padding-top: 80px;
}

.sec-padd-bottom {
    padding-bottom: 80px;
}

.no-padd {
    padding: 0px;
}

.paddt-50 {
    padding-top: 50px;
}












.section-title04 {
    position: relative;
    margin-bottom: 0px;
}

    .section-title04 h2 {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 20px;
        font-size: 28px;
        line-height: 30px;
    }

    .section-title04 h3 {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 30px;
    }

    .section-title04 h4 {
        position: relative;
        font-size: 20px;
        text-transform: uppercase;
        font-weight: 700;
        padding-bottom: 20px;
    }

    .section-title04 h2:after {
        content: "";
        position: absolute;
        bottom: 0px;
        left: 0;
        width: 136px;
        height: 1px;
        background: url(../images/sec-title-decoration.png);
    }

    .section-title04.text-center h2:after {
        left: 50%;
        margin-left: -68px;
    }

.thm-color {
    color: #ff5050;
}

.section-title04 p {
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}


.cs-img-frame {
    margin-bottom: 30px;
    margin-top: 20px;
}

    .cs-img-frame .cs-media {
        position: relative;
        overflow: hidden;
        border-radius: 15px;
        border: 4px solid #ffcccc;
    }

        .cs-img-frame .cs-media figcaption {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #4f70b5;
            opacity: 0.7;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

    .cs-img-frame:hover .cs-media figcaption {
        opacity: 0;
        top: -100%;
    }

    .cs-img-frame .cs-media .cs-caption {
        position: absolute;
        left: 0;
        top: 29%;
        width: 100%;
        text-align: center;
    }

        .cs-img-frame .cs-media .cs-caption strong {
            font-size: 24px;
            line-height: 54px;
            font-weight: 600;
            text-transform: uppercase;
            display: block;
            color: #fff;
            margin-top: 49px;
            text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
            margin-bottom: 5px;
        }

        .cs-img-frame .cs-media .cs-caption a {
            display: inline-block;
            color: #fff;
            padding: 2px 10px;
        }

            .cs-img-frame .cs-media .cs-caption a:hover {
                color: #fff !important;
            }

.cs-services {
    padding: 0 15px;
    margin-bottom: 30px;
}

    .cs-services .cs-media {
        text-align: center;
        margin-bottom: 20px;
        position: relative;
    }

/*----------- welcome-box -----------*/

.welcome {
    padding: 0 0 50px;
}

.welcome2 {
    padding: 50px 0 50px;
}

    .welcome2 .title > h2 {
        text-transform: capitalize;
    }

.welcome .title > h2 {
    text-transform: capitalize;
}

.welcom-text {
    margin-top: 40px;
    margin-bottom: 48px;
}

    .welcom-text h6 {
        color: #232530;
        font-size: 18px;
    }

.wtext {
    float: left;
    min-height: 115px;
}

.wicon {
    border: 2px solid #f5f2f8;
    border-radius: 50%;
    float: left;
    font-size: 24px;
    height: 60px;
    line-height: 56px;
    margin: auto;
    text-align: center;
    width: 60px;
}

    .wicon i {
        background: #246bad;
        background: -moz-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f3faf), color-stop(100%, #c6185d));
        background: -webkit-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -o-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -ms-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: linear-gradient(to bottom, #6f3faf 0%, #c6185d 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6f3faf', endColorstr='#c6185d', GradientType=0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.wicon2 {
    font-size: 60px;
    margin: auto auto 30px;
    text-align: center;
}

    .wicon2 i {
        background: #246bad;
        background: -moz-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f3faf), color-stop(100%, #c6185d));
        background: -webkit-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -o-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: -ms-linear-gradient(top, #6f3faf 0%, #c6185d 100%);
        background: linear-gradient(to bottom, #6f3faf 0%, #c6185d 100%);
        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6f3faf', endColorstr='#c6185d', GradientType=0);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

.text-right {
    text-align: right;
}

#scroll-container {
    height: 100px;
    overflow: hidden;
}

#scroll-text {
    height: 100%;
    font-size: 18px;
    text-align: center;
    /* animation properties */
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -moz-animation: my-animation 5s linear infinite;
    -webkit-animation: my-animation 5s linear infinite;
    animation: my-animation 5s linear infinite;
}

/* for Firefox */
@-moz-keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-100%);
    }
}

/* for Chrome */
@-webkit-keyframes my-animation {
    from {
        -webkit-transform: translateY(100%);
    }

    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes my-animation {
    from {
        -moz-transform: translateY(100%);
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }

    to {
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

/*--------------------------------------------------------------
# Ready Two
--------------------------------------------------------------*/
.ready-two {
    position: relative;
    display: block;
    background-color: #3b5998;
    padding: 20px 0;
    overflow: hidden;
    z-index: 1;
}

.ready-two-shape-1 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .10;
    z-index: -1;
}

    .ready-two-shape-1 img {
        width: auto;
    }

.ready-two__inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--qrowd-base);
    padding-right: 60px;
    z-index: 1;
}

.ready-two__big-icon {
    position: absolute;
    right: 0;
    top: -142px;
}

    .ready-two__big-icon span {
        position: relative;
        display: inline-block;
        font-size: 350px;
        color: rgba(var(--qrowd-white-rgb), .10);
        transform: rotate(-30deg);
    }

.ready-two__left {
    position: relative;
    display: flex;
    align-items: center;
}

.ready-two__icon {
    position: relative;
    margin-right: 10px;
    top: 7px;
}

    .ready-two__icon span {
        position: relative;
        display: inline-block;
        font-size: 62px;
        color: #fff;
        -webkit-transition: all 500ms linear;
        transition: all 500ms linear;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }

    .ready-two__icon:hover span {
        transform: scale(.9);
    }

.ready-two__content {
    position: relative;
    display: block;
}

    .ready-two__content p {
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        margin-bottom: 0rem;
        letter-spacing: 1px;
        line-height: 27px;
    }

    .ready-two__content h3 {
        font-size: 34px;
        font-weight: 800;
        color: #fff;
    }

.ready-two__right {
    position: relative;
    display: block;
}

.ready-two__btn {
    background-color: #000;
    font-size: 17px;
}

    .ready-two__btn:hover {
        color: #fff;
    }

    .ready-two__btn:before {
        background-color: #fe504f;
        border-radius: 50px;
    }

.thm-btn {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
    outline: none !important;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    padding: 15px 50px 15px;
    transition: all 0.5s linear;
    overflow: hidden;
    z-index: 1;
}

    .thm-btn::before {
        position: absolute;
        content: '';
        background-color: #888;
        width: 100%;
        height: 0%;
        left: 50%;
        top: 50%;
        border-radius: 0px;
        transform: translate(-50%, -50%) rotate(-45deg);
        z-index: -1;
        transition: all 500ms ease;
    }

    .thm-btn:hover {
        color: #fff;
    }

        .thm-btn:hover:before {
            height: 380%;
        }

.subscribe-area {
    background: #ff5050;
    padding: 15px 0;
}

.politics-subscribe-item h2 {
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-top: 24px;
    line-height: 31px;
}

.subscribe-btn {
    display: flex;
    justify-content: end;
}

.politics-btn {
    line-height: 80px;
}

    .politics-btn a {
        background: #ff5050;
        color: #fff;
        padding: 19px 17px 20px 32px;
        font-size: 18px;
        border-radius: 5px;
        font-weight: 600;
        transition: .4s;
    }

        .politics-btn a:hover {
            background: #3b5998;
            color: #fff;
        }

        .politics-btn a span {
            background: #fff;
            padding: 6px 9px;
            border-radius: 8px;
            margin-left: 16px;
        }

            .politics-btn a span i {
                color: #e11143;
            }

.tab1 {
    text-align: center;
}

    .tab1 .nav-tabs {
        display: inline-flex;
        position: relative;
        border-bottom: none;
    }

        .tab1 .nav-tabs li {
            margin: 0 15px;
        }

            .tab1 .nav-tabs li a {
                display: block;
                padding: 80px 20px 10px;
                /*background: #fff;*/
                font-size: 17px;
                font-weight: 500;
                color: #000;
                text-transform: uppercase;
                text-align: center;
                border-radius: 0;
                border: none;
                border-bottom: 2px solid #fff;
                margin-right: 0;
                overflow: hidden;
                z-index: 1;
                position: relative;
                transition: all 0.3s ease 0s;
            }

                .tab1 .nav-tabs li a span {
                    display: block;
                    width: 50px;
                    height: 50px;
                    line-height: 50px;
                    background: #ff5050;
                    margin: auto;
                    font-size: 38px;
                    color: #fff;
                    border-radius: 5px;
                    position: absolute;
                    top: 18px;
                    left: 0;
                    right: 0;
                    transform: rotate(45deg);
                }

            .tab1 .nav-tabs li.active a span {
                background: #3b5998;
                color: #fff;
            }

            .tab1 .nav-tabs li a span i {
                transform: rotate(-45deg);
            }

            .tab1 .nav-tabs li.active a,
            .tab1 .nav-tabs li a:hover {
                color: #3b5998;
                border: none;
                border-bottom: 2px solid #fff;
                background-color: #fff;
                border-radius: 10px 10px 0px 0px;
            }

    .tab1 .tab-content {
        padding: 20px;
        margin-top: -2px;
        font-size: 16px;
        color: #000;
        line-height: 26px;
        text-align: left;
        background-color: #fff;
        border-top: 1px solid #e5e5e5;
    }

        .tab1 .tab-content h3 {
            font-size: 24px;
            margin-top: 0;
        }

@media only screen and (max-width: 479px) {
    .tab1 .nav-tabs li {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }

        .tab1 .nav-tabs li:last-child {
            margin-bottom: 0;
        }
}

.fnt17 {
    font-size: 18px;
    color: #000;
    line-height: 26px;
    text-align: justify;
}

.fnt19 {
    font-size: 19px;
    color: #000;
    line-height: 26px;
    text-align: justify;
}

.ff {
    font-family: "Montserrat", sans-serif;
    font-size: 40px !important;
}

.ff1 {
    font-family: "Montserrat", sans-serif;
}

.sec-titler {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
}

    .sec-titler h6 {
        position: relative;
        display: inline-block;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 5px;
    }

        .sec-titler h6 span {
            margin-left: 0px;
        }

    .sec-titler.centred h6 span {
        margin-right: 0px;
    }

    .sec-titler .title-shape {
        background: #e41e2f;
    }

        .sec-titler .title-shape:before {
            background: #e41e2f;
        }

        .sec-titler .title-shape:after {
            background: #e41e2f;
        }

    .sec-titler h2 {
        position: relative;
        display: block;
        font-size: 28px;
        line-height: 38px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .sec-titler .title-shape {
        position: relative;
        width: 130px;
        height: 4px;
        margin-left: 8px;
    }



        .sec-titler .title-shape:before {
            position: absolute;
            content: '';
            width: 4px;
            height: 4px;
            left: -8px;
            top: 0px;
        }

    .sec-titler.centred .title-shape:after {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        right: -8px;
        top: 0px;
    }

    .sec-titler h6 {
        color: #fe5d64;
    }

    .sec-titler.light h2 {
        color: #ffffff;
    }


.about-style-three {
    position: relative;
    background: #f3f7f5;
    padding: 50px 0px 40px 0px;
}

    .about-style-three .image-box {
        position: relative;
        display: block;
        margin-right: 30px;
        padding-right: 10px;
        padding-bottom: 60px;
    }

        .about-style-three .image-box .image {
        }

            .about-style-three .image-box .image img {
                width: 100%;
            }

/*---==========================================-----
-----==================team_intro_box ===============-----
-----=========================================-----*/
.team_intro_box {
    position: relative;
}

    .team_intro_box .team_intro_inner {
        position: relative;
        overflow: hidden;
        border-radius: 10px;
        min-height: 335px;
    }

        .team_intro_box .team_intro_inner .image_bg {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }

            .team_intro_box .team_intro_inner .image_bg::before {
                content: "";
                position: absolute;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                bottom: 0;
                background: #000;
                opacity: 0.9;
                z-index: 2;
            }

        .team_intro_box .team_intro_inner .team_intro_start {
            position: relative;
            z-index: 3;
        }

            .team_intro_box .team_intro_inner .team_intro_start .left_content {
                position: relative;
                padding: 80px 60px 80px;
            }

            .team_intro_box .team_intro_inner .team_intro_start .title {
                margin-bottom: 10px;
            }

                .team_intro_box .team_intro_inner .team_intro_start .title h6 {
                    font-size: 30px;
                    font-weight: 700;
                    text-decoration: underline;
                    color: #fff;
                    line-height: 40px;
                    margin-bottom: 5px;
                }

                .team_intro_box .team_intro_inner .team_intro_start .title h1 {
                    font-size: 30px;
                    font-weight: 700;
                    color: #fff;
                    line-height: 34px;
                    margin-bottom: 10px;
                }

            .team_intro_box .team_intro_inner .team_intro_start .quotes {
                position: relative;
                /*padding-left: 75px;*/
                margin-bottom: 20px;
                margin-bottom: 20px;
            }

                .team_intro_box .team_intro_inner .team_intro_start .quotes span {
                    position: absolute;
                    left: 0;
                    top: 0;
                    font-size: 36px;
                    line-height: 36px;
                    color: #fff;
                }

                .team_intro_box .team_intro_inner .team_intro_start .quotes h5 {
                    font-size: 18px;
                    font-weight: 500;
                    color: #fff;
                    line-height: 26px;
                    margin-bottom: 10px;
                }

            .team_intro_box .team_intro_inner .team_intro_start .authour_dtls {
                position: relative;
                margin-left: 75px;
            }

                .team_intro_box .team_intro_inner .team_intro_start .authour_dtls img {
                    margin-bottom: 10px;
                }

                .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 {
                    font-size: 18px;
                    font-weight: 600;
                    color: #fff;
                    line-height: 28px;
                }

                    .team_intro_box .team_intro_inner .team_intro_start .authour_dtls h4 span {
                        color: #fff;
                        font-family: var(--creote-family-two);
                        font-size: 16px;
                        font-weight: 400;
                    }

    .team_intro_box .image_right {
        position: absolute;
        right: 0;
        top: 0;
        z-index: 2;
        margin: -53px 19px 0px 0px;
        height: 536px;
    }

        .team_intro_box .image_right img {
            width: auto !important;
            height: 388px;
        }

.has_borderssbg {
    padding: 15px 15px;
    border-radius: 50px;
    margin-top: 30px;
    margin-bottom: 10px;
    background-color: #ff5050;
    box-shadow: 0px 16px 32px 0px rgba(0, 0, 0, 0.06);
}


/*--------------------------------------------------------------
>>> team Page  
----------------------------------------------------------------*/
.team-detail-section {
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 767px) {
    .team-detail-section {
        padding-bottom: 80px;
    }
}

.team-detail-section .zigzag-patten {
    background-image: url(https://www.pardindia.org/assets/front/sass/assets/img/educator-img5.png);
    background-position: 100% 43%;
    background-repeat: no-repeat;
    background-size: 12% auto;
    opacity: 0.4;
}

.team-detail-section .author-img-wrapper .team-fig {
    border-radius: 30px;
    overflow: hidden;
}

    .team-detail-section .author-img-wrapper .team-fig img {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

.team-detail-section .author-img-wrapper .auther-quote {
    text-align: left;
    margin-right: 0px;
    background-color: #3b5998;
    padding: 15px 30px;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    text-align: center;
    border-radius: 10px;
}

    .team-detail-section .author-img-wrapper .auther-quote blockquote {
        text-align: left;
        padding: 0;
        margin-bottom: 0;
        margin-top: 50px;
    }

        .team-detail-section .author-img-wrapper .auther-quote blockquote:before {
            content: "\f10d";
            font-size: 40px;
            color: #FFFFFFA3;
            font-weight: 900;
            line-height: 1;
            height: 0.6em;
            display: block;
            background-color: transparent;
            font-family: "Font Awesome 5 Free";
            position: absolute;
            top: -60px;
            left: 22px;
        }

        .team-detail-section .author-img-wrapper .auther-quote blockquote:after {
            display: none;
        }

        .team-detail-section .author-img-wrapper .auther-quote blockquote p {
            color: #f8f8f8;
            font-size: 15px;
            font-weight: 400;
            font-style: normal;
            line-height: 1.7;
        }

.team-detail-section .author-bio-date {
    background: #d5eafd;
    padding: 19px 36px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-radius: 30px;
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 991px) {
    .team-detail-section .author-bio-date {
        padding: 20px;
        margin-top: 40px;
    }
}

.team-detail-section .author-bio-date .c-patten {
    background-image: url(https://www.pardindia.org/assets/front/sass/assets/img/educator-img3.png);
    background-position: top center;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.team-detail-section .author-bio-date .author-name {
    color: #111111;
}

.team-detail-section .author-bio-date .social-site-link {
    margin-bottom: 20px;
}

    .team-detail-section .author-bio-date .social-site-link ul {
        padding: 0;
        margin: 0;
    }

        .team-detail-section .author-bio-date .social-site-link ul li {
            margin: 0 3px;
            display: inline-block;
        }

            .team-detail-section .author-bio-date .social-site-link ul li:first-child {
                margin-left: 0;
            }

            .team-detail-section .author-bio-date .social-site-link ul li:last-child {
                margin-right: 0;
            }

            .team-detail-section .author-bio-date .social-site-link ul li:hover a {
                border-color: #961040;
                background-color: #961040;
            }

                .team-detail-section .author-bio-date .social-site-link ul li:hover a i {
                    color: #ffffff;
                }

            .team-detail-section .author-bio-date .social-site-link ul li a {
                padding: 8px;
                border-radius: 50%;
                border: 1px solid #F24080;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: white;
                transition: all 0.3s;
            }

                .team-detail-section .author-bio-date .social-site-link ul li a i {
                    font-size: 15px;
                    color: #F24080;
                    height: 1em;
                    width: 1em;
                    position: relative;
                    display: block;
                    text-align: center;
                }

.team-detail-section .author-bio-date .author-disc {
    margin-bottom: 15px;
}

    .team-detail-section .author-bio-date .author-disc p {
        color: #414141;
    }

.team-detail-section .author-bio-date .qualification .qualification-title {
    margin-top: 0;
    margin-bottom: 30px;
    color: #111111;
    text-transform: capitalize;
}

.team-detail-section .author-bio-date .qualification .experience-detail {
    margin-bottom: 20px;
}

    .team-detail-section .author-bio-date .qualification .experience-detail .date {
        color: #111111;
        margin-bottom: 6px;
        color: #F24080;
    }

    .team-detail-section .author-bio-date .qualification .experience-detail span {
        color: #414141;
        font-size: 15px;
    }

.team-detail-section .experience-info .experience-heading {
    color: #111111;
    margin-bottom: 18px;
}

.team-detail-section .experience-info p {
    margin-bottom: 15px;
    color: #414141;
    font-size: 15px;
}

.team-detail-section .experience-wrappered {
    display: flex;
    padding-top: 20px;
    align-items: center;
    position: relative;
    z-index: 1;
}

    .team-detail-section .experience-wrappered .c-patten {
        background-image: url(https://www.pardindia.org/assets/front/sass/assets/img/educator-img3.png);
        background-position: center bottom;
        background-repeat: no-repeat;
        opacity: 0.2;
    }

    .team-detail-section .experience-wrappered .experience-list ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .team-detail-section .experience-wrappered .experience-list ul li {
            color: #414141;
            padding-bottom: 6px;
            margin-top: 6px;
            font-family: "Mulish", sans-serif;
            vertical-align: middle;
            display: flex;
            align-items: center;
            line-height: 1.2;
            font-family: "Poppins", sans-serif;
        }

            .team-detail-section .experience-wrappered .experience-list ul li i {
                color: #F24080;
                font-size: 14px;
                padding-right: 12px;
            }

    .team-detail-section .experience-wrappered .skill-container {
        padding: 28px 35px 28px;
        background-color: #fafafa;
        border-radius: 30px;
    }

        .team-detail-section .experience-wrappered .skill-container .skill-wrapper {
            margin-bottom: 25px;
        }

            .team-detail-section .experience-wrappered .skill-container .skill-wrapper:last-child {
                margin-bottom: 0;
            }

            .team-detail-section .experience-wrappered .skill-container .skill-wrapper .skill-titile {
                color: #414141;
                margin-bottom: 5px;
                text-transform: capitalize;
                line-height: 1;
            }

            .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper {
                padding-top: 0;
            }

                .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner {
                    top: 0;
                }

                    .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent {
                        left: -50px;
                        padding: 0;
                        line-height: 1;
                        display: inline-block;
                        font-size: 11px;
                        background-color: transparent;
                        top: 0;
                        transform: translatey(15%);
                    }

                        .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-indecator-inner .percent:before {
                            display: none;
                        }

                .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap {
                    height: 16px;
                    border-radius: 30px;
                    overflow: hidden;
                    background-color: #d9d9d9;
                }

                    .team-detail-section .experience-wrappered .skill-container .skill-wrapper .progress-wrapper .progress-bar-wrap .ab-progress-bar {
                        background-color: #F24080;
                        height: 16px;
                        border-radius: 0px;
                    }

.center-slider .slick-slide {
    position: relative;
    color: #000000;
    height: auto;
    margin: 0px;
    display: block;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
    flex-direction: row;
}

    .center-slider .slick-slide,
    .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
        transform: none;
        transition: all 0.4s ease-in-out;
    }

        /* Active center slide (You can change anything here for cenetr slide)*/
        .center-slider .slick-center,
        .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
            background-color: #000000;
        }

.center-slider .slick-current.slick-active {
    transform: none;
    background-color: transparent;
}

.center-slider .slick-slide img {
    width: 100%;
    height: 203px;
    object-fit: cover;
    object-position: center;
}

.charity_id p,
.copyright p {
    font-size: 12px;
}

.center-slider .slick-current.slick-active span {
    font-size: 14px;
    line-height: 1.8em;
}

.center-slider .slick-dots {
    bottom: -50px;
}

.c_office_wrapper p a {
    color: inherit;
}

.galleryimages {
    padding: 0px;
}

.galleryimgone,
.galleryimgthree,
.galleryimgfive {
    padding: 0px 5px;
}

.galleryimgtwo,
.galleryimgfour {
    padding: 0px 7px;
}

.row.galleryimgsec {
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

.imgcenter {
    margin: auto;
    display: block;
}

.sectionmartop {
    margin: -100px 0px 0px 0px;
    padding: 150px 0px 70px 0px;
}


.team-block-two {
    position: relative;
    margin-bottom: 20px;
}

    .team-block-two .inner-box {
        position: relative;
        padding-right: 0px;
    }

        .team-block-two .inner-box:hover .image img {
            -webkit-transform: scale(1.1);
            transform: scale(1.1);
        }

        .team-block-two .inner-box:hover .social-links {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            opacity: 1;
            visibility: visible;
        }

    .team-block-two .image-box {
        position: relative;
    }



        .team-block-two .image-box .image {
            position: relative;
            overflow: hidden;
            margin-bottom: 0;
            border-radius: 10px 10px 10px 10px;
            border-top: 4px solid #fff;
            border-left: 4px solid #fff;
            border-right: 4px solid #fff;
            z-index: 1;
        }

            .team-block-two .image-box .image img {
                width: 100%;
                -webkit-transition: all 400ms ease;
                transition: all 400ms ease;
            }

    .team-block-two .info-box {
        position: relative;
        padding: 9px 0 9px 0px;
        text-align: center;
        background-color: #3b5998;
        border-radius: 0px 0px 10px 10px;
        border-bottom: 4px solid #fff;
        border-left: 4px solid #fff;
        border-right: 4px solid #fff;
    }

        .team-block-two .info-box .name {
            font-weight: 800;
            z-index: 2;
            font-size: 16px;
            color: #fff;
            margin-bottom: 3px;
        }

        /*.team-block-two .info-box .name:hover {*/
        /*    color: #ff5050;*/
        /*}*/

        .team-block-two .info-box .designation {
            position: relative;
            display: block;
            font-size: 14px;
            font-weight: 500;
            color: #fff;
            text-transform: lowercasr;
            letter-spacing: 0px;
            z-index: 2;
            line-height: 20px;
            -webkit-transition: all 400ms ease;
            transition: all 400ms ease;
        }

    .team-block-two .share-icon {
        position: absolute;
        right: 20px;
        bottom: -25px;
        height: 50px;
        width: 50px;
        line-height: 50px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        background-color: var(--bg-theme-color2);
        -webkit-transition: all 300ms ease;
        transition: all 300ms ease;
        border-radius: 7px;
        z-index: 3;
    }

    .team-block-two .social-links {
        position: absolute;
        right: 20px;
        bottom: 20px;
        padding: 15px 0;
        margin-top: 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #fff;
        -webkit-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        z-index: 3;
        visibility: hidden;
        opacity: 0;
        border-radius: 8px 8px 0 0;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
    }

        .team-block-two .social-links a {
            position: relative;
            height: 35px;
            width: 50px;
            display: block;
            font-size: 14px;
            line-height: 35px;
            text-align: center;
            color: var(--theme-color1);
            -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
        }

            .team-block-two .social-links a:hover {
                color: var(--theme-color2);
            }

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before, .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}
/* Default slide */
a.fancybox:hover .icon-container {
    display: block;
}

a.fancybox .icon-container {
    display: none;
}

button#nextBtn:disabled {
    background: #8080803d !important;
    cursor: not-allowed;
}

.icon-container {
    position: relative;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.icon-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70%;
    height: 70%;
    border-radius: 50%;
    background-color: #ff5050;
    background: #ff5050 0% 0% no-repeat padding-box;
    transform: translate(-50%, -50%);
}

.icon-outline {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 2px dotted #24a845;
    margin: 0px;
    border: 1px dashed #FFFFFF;
    background: #FA2D5D00 0% 0% no-repeat padding-box;
}

.icon-magnify {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 13px;
    color: #fff;
    font-weight: 100;
}

.rwd-table-1 table {
    width: 750px;
    border-collapse: collapse;
    margin: 20px auto;
}

/* Zebra striping */
.rwd-table-1 tr:nth-of-type(odd) {
    background: #eee;
}

.rwd-table-1 th {
    background: #3498db;
    color: white;
}

.rwd-table-1 td, th {
    padding: 10px;
    /*  border: 1px solid #ccc; */
    text-align: left;
    font-size: 16px;
}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {

    .rwd-table-1 table {
        width: 100%;
    }

    /* Force table to not be like tables anymore */
    .rwd-table-1 table, thead, tbody, th, td, tr {
        /*display: block;*/
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    .rwd-table-1 thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .rwd-table-1 tr {
        border: 1px solid #ccc;
    }

    .rwd-table-1 td {
        /* Behave  like a "row" */
        border: none;
        /*	border-bottom: 1px solid #eee; */
        position: relative;
        padding-top: 35px;
    }

        .rwd-table-1 td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            /* Label the data */
            content: attr(data-column);
            color: #3b5998;
            font-weight: bold;
        }
}

.about-section {
    position: relative;
}

.content_block_1 .content-box .text h5 {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 24px;
}

.content_block_1 .content-box .text h4 {
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 16px;
}

.content_block_1 .content-box .text {
    display: block;
    margin-bottom: 33px;
}

.content_block_1 .content-box .inner-box .signature {
    position: relative;
    margin-right: 40px;
}

    .content_block_1 .content-box .inner-box .signature:before {
        position: absolute;
        content: '';
        background: #dddddd;
        width: 1px;
        height: 56px;
        top: 0px;
        right: -20px;
    }

.social-style-one li {
    position: relative;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

    .social-style-one li:last-child {
        margin: 0px !important;
    }

    .social-style-one li a {
        position: relative;
        display: inline-block;
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        color: #ffffff;
        border-radius: 50%;
    }

    .social-style-one li:first-child a {
    }

    .social-style-one li:nth-child(2) a {
    }

    .social-style-one li:nth-child(3) a {
    }

    .social-style-one li:last-child a {
    }

.content_block_1 .content-box .inner-box {
    margin-bottom: 40px;
}

.bg-color-1 {
    background: #f5f5f6;
}

.content_block_1 .content-box .inner-box .social-style-one {
    position: relative;
    top: 3px;
}

.content_block_1 .content-box .lower-box .single-item {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 8%);
    padding: 16px 15px 17px 83px;
}

    .content_block_1 .content-box .lower-box .single-item .icon-box {
        position: absolute;
        display: inline-block;
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 24px;
        border: 1px solid #e6e6ea;
        border-radius: 50%;
        text-align: center;
        left: 20px;
        top: 20px;
        transition: all 500ms ease;
    }

    .content_block_1 .content-box .lower-box .single-item:hover .icon-box {
        color: #ffffff;
    }

    .content_block_1 .content-box .lower-box .single-item h5 {
        display: block;
        font-size: 18px;
        line-height: 28px;
        font-weight: 700;
        margin-bottom: 3px;
    }

    .content_block_1 .content-box .lower-box .single-item p {
        color: #616373;
    }

        .content_block_1 .content-box .lower-box .single-item p a {
            display: inline-block;
            color: #616373;
        }

            .content_block_1 .content-box .lower-box .single-item p a:hover {
            }

.content_block_1 .content-box .sec-title {
    margin-bottom: 33px;
}

.image_block_1 .image-box {
    position: relative;
    display: block;
    padding: 0px 30px;
    margin-top: 7px;
}

    .image_block_1 .image-box .image {
        position: relative;
        display: block;
        overflow: hidden;
        border-radius: 5px;
        box-shadow: 0px 0px 60px 0px rgb(0 0 0 / 5%);
    }

        .image_block_1 .image-box .image::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,.3);
            content: '';
            -webkit-transition: -webkit-transform .9s;
            transition: transform .9s;
            -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
            transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
        }

        .image_block_1 .image-box .image:hover::before {
            -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
            transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
        }

        .image_block_1 .image-box .image img {
            width: 100%;
            border-radius: 60px 10px;
            border-left: 7px solid #ff5050;
            border-right: 7px solid #ff5050;
        }

    .image_block_1 .image-box .text {
        position: absolute;
        right: 0px;
        bottom: 40px;
        width: calc(100% - 60px);
        padding: 20px 30px 25px 30px;
        background: #ffffff;
        border-radius: 5px;
        box-shadow: 15px -10px 30px 0px rgb(0 0 0 / 8%);
        z-index: 1;
    }

        .image_block_1 .image-box .text h4 {
            font-size: 20px;
            line-height: 30px;
            font-weight: 700;
        }

.bg-color-2 {
    background: #252638;
}

.sec-titles1 {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

    .sec-titles1 h6 {
        position: relative;
        display: inline-block;
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 14px;
    }

        .sec-titles1 h6 span {
            margin-left: 10px;
        }

    .sec-titles1.centred h6 span {
        margin-right: 10px;
    }

    .sec-titles1 h2 {
        position: relative;
        display: block;
        font-size: 30px;
        line-height: 38px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .sec-titles1 .title-shape {
        position: relative;
        width: 50px;
        height: 4px;
        margin-left: 8px;
    }

    .sec-titles1.centred .title-shape {
        margin: 0 auto;
    }

    .sec-titles1 .title-shape:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        left: -8px;
        top: 0px;
    }

    .sec-titles1 .title-shape:before {
        background: #e41e2f;
    }

    .sec-titles1 .title-shape {
        background: #e41e2f;
    }

    .sec-titles1.centred .title-shape:after {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        right: -8px;
        top: 0px;
    }

.sec-title.light h2 {
    color: #ffffff;
}
/** service-section **/

.service-section {
    position: relative;
    width: 100%;
    padding: 40px 0px 40px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

    .service-section:before {
        position: absolute;
        content: '';
        background: #f5f5f6;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        right: 0px;
        opacity: 0.85;
    }

.service-block-one .inner-box {
    position: relative;
    display: block;
    background: #ffffff;
    border-radius: 5px;
    padding: 24px 30px 30px 30px;
    overflow: hidden;
    box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
}

    .service-block-one .inner-box:before {
        position: absolute;
        content: '';
        width: 4px;
        height: 4px;
        left: 0px;
        top: 31px;
        transform: scale(0,0);
        transition: all 500ms ease;
    }

    .service-block-one .inner-box:after {
        position: absolute;
        content: '';
        width: 4px;
        height: 38px;
        left: 0px;
        top: 39px;
        transform: scale(0,0);
        transition: all 500ms ease;
    }

    .service-block-one .inner-box:hover:before,
    .service-block-one .inner-box:hover:after {
        transform: scale(1,1);
    }

    .service-block-one .inner-box h4 {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 28px;
        font-weight: 500;
        margin-bottom: 20px;
    }

        .service-block-one .inner-box h4 a {
            display: inline-block;
            color: #252638;
        }

            .service-block-one .inner-box h4 a:hover {
            }

    .service-block-one .inner-box .btn-box a {
        position: relative;
        display: inline-block;
        font-size: 14px;
        line-height: 26px;
        font-family: 'DM Sans', sans-serif;
        color: #696b7e;
        font-weight: 700;
        text-transform: uppercase;
        padding: 5px 23px;
        text-align: center;
        border: 2px solid #e6e6ea;
        border-radius: 4px;
    }

        .service-block-one .inner-box .btn-box a:hover {
            color: #ff5050;
        }

    .service-block-one .inner-box .icon-box {
        position: absolute;
        right: 30px;
        bottom: 28px;
        font-size: 50px;
        line-height: 50px;
        color: #8e91a2;
        z-index: 1;
        transition: all 500ms ease;
    }

    .service-block-one .inner-box:hover .icon-box {
    }

    .service-block-one .inner-box .icon-box:before {
        position: absolute;
        left: 0px;
        top: -10px;
        content: '';
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: -webkit-linear-gradient(-90deg, #e6e6ea, #f2f2f2 100%);
        z-index: -1;
    }

.service-section .sec-title {
    margin-bottom: 45px;
}

    .service-section .sec-title .links {
        position: relative;
        display: inline-block;
        font-size: 14px;
        line-height: 26px;
        font-family: 'DM Sans', sans-serif;
        color: #616373;
        font-weight: 700;
        text-transform: uppercase;
        margin-top: 33px;
    }

        .service-section .sec-title .links i {
            position: relative;
            margin-left: 5px;
            font-size: 12px;
            font-weight: 400;
            top: -1px;
        }

        .service-section .sec-title .links:hover {
        }

.sec-titles1 .title-shape:after {
    background: #e41e2f;
}

.section_padding {
    padding: 50px 0;
}

.bg-color {
    background: #eef4f8;
}
/* --About area-- */
.about_two_left_wrapper h3 {
    color: #000;
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
    font-style: italic;
}

.about_two_left_wrapper h2 {
    padding-bottom: 15px;
    font-size: 23px;
    color: #ff5050;
}

.about_two_list_wrapper {
    display: flex;
    padding-top: 0px;
}

    .about_two_list_wrapper ul:last-child {
        padding-left: 0px;
    }

    .about_two_list_wrapper ul li {
        color: var(--paragraph-color);
        padding-bottom: 15px;
        list-style: none;
        display: flex;
        margin-right: 35px;
        font-size: 16px;
    }

        .about_two_list_wrapper ul li i {
            color: var(--main-color);
            padding-right: 10px;
            padding-top: 1px;
            font-size: 20px;
        }

.about_two_quote_wrapper {
    position: relative;
    background-color: #EEF4F8;
    margin-top: 40px;
    padding: 30px 110px 30px 45px;
    border-left: 4px solid var(--main-color);
}

    .about_two_quote_wrapper h5 {
        padding-top: 15px;
        font-weight: 500;
    }

:root {
    --main-color: #e03c33;
    --white-color: #ffffff;
    --black-color: #2a283e;
    --navber-color: #424155;
    --paragraph-color: #818090;
    --bg-color: #eef4f8;
    --transition: 0.4s all ease-in-out;
}

.about_two_quote_wrapper h5 span {
    color: var(--paragraph-color);
    font-weight: 400;
    font-size: 14px;
    padding-left: 10px;
}

.about_two_quote_wrapper img {
    position: absolute;
    right: -42px;
    top: 50%;
    transform: translateY(-50%);
}

.global__icon {
    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;
    margin: auto;
    font-size: 22px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
}

.global__icon-white {
    background: rgba(0, 113, 93, 0.1) !important;
    color: #00715D;
}

.global__icon-wmedium {
    border: 1px solid #E6F1EF;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 113, 93, 0.1)), to(rgba(0, 113, 93, 0)));
    background: linear-gradient(180deg, rgba(0, 113, 93, 0.1) 0%, rgba(0, 113, 93, 0) 100%);
}

.global__icon-green {
    background: #00715D;
    color: #fff;
}

.global__white {
    background: #fff !important;
}

@media screen and (min-width: 992px) {
    .global__transparent {
        background: transparent !important;
    }
}

.services12 {
    overflow-x: hidden;
}

.service__bg {
    background: -webkit-gradient(linear, left top, left bottom, from(#ECF4F3), to(#FFF));
    background: linear-gradient(180deg, #ECF4F3 0%, #FFF 100%);
}

.service__bg2 {
    background: #E6F1EF;
}

.service__m {
    margin-bottom: 48px !important;
}

.service__p {
    padding: 110px 0 !important;
}

.service__card {
    padding: 28px 40px 52px 40px;
    text-align: center;
    border-radius: 15px;
    margin: 15px 0px !important;
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0px 12px 43px -12px rgba(34, 85, 58, 0.14);
    box-shadow: 0px 12px 43px -12px rgba(34, 85, 58, 0.14);
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    border: 2px solid transparent;
}

.service__card-linear {
    background: -webkit-gradient(linear, left top, left bottom, from(#ECF4F3), to(#fff)) !important;
    background: linear-gradient(180deg, #ECF4F3 0%, #fff 100%) !important;
}

.service__card:hover {
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    border: 2px solid #fff;
    background: #ff5050 !important;
}

    .service__card:hover .service__card-heading {
        -webkit-transition: all 0.2s linear !important;
        transition: all 0.2s linear !important;
        color: #fff !important;
    }

    .service__card:hover .service__card-desc {
        -webkit-transition: all 0.2s linear !important;
        transition: all 0.2s linear !important;
        color: #EAECF0 !important;
    }

    .service__card:hover .service__card-icon {
        -webkit-transition: all 0.2s linear !important;
        transition: all 0.2s linear !important;
        background: rgba(9, 167, 139, 0.7490196078);
    }

    .service__card:hover .service__card-icon2 {
        -webkit-transition: all 0.2s linear !important;
        transition: all 0.2s linear !important;
        background: #fff !important;
    }

.service__card:first-child {
    margin: 0 0 50px 0;
}

@media screen and (min-width: 992px) {
    .service__card:first-child {
        margin: 0 0;
    }
}

.service__card-icon {
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
    background: #00715D;
}

.service__card-icon2 {
    -webkit-transition: all 0.2s linear !important;
    transition: all 0.2s linear !important;
}

.service__card-heading {
    font-size: 25px !important;
    margin: 24px 0 12px 0 !important;
    font-weight: 600 !important;
    text-transform: capitalize;
}

@media screen and (min-width: 992px) {
    .service__card-heading {
        font-size: 20px !important;
    }
}

.service__card-desc {
    font-size: 14px !important;
    line-height: 22px !important;
}

@media screen and (min-width: 992px) {
    .service__card-desc {
        font-size: 16px !important;
        line-height: 28px !important;
    }
}

.join {
    position: relative;
    z-index: 9;
    margin: 0 0 4rem 0;
}

@media screen and (min-width: 576px) {
    .join {
        margin: 0 0 2rem 0;
    }
}

@media screen and (min-width: 768px) {
    .join {
        margin: 0 0 3rem 0;
    }
}

@media screen and (min-width: 1200px) {
    .join {
        margin: 0 0 4rem 0;
    }
}

.join__text {
    font-size: 15px !important;
}

@media screen and (min-width: 1200px) {
    .join__text {
        font-size: 20px !important;
    }
}

@media screen and (min-width: 992px) {
    .join__heading {
        font-size: 30px !important;
        margin: 0px 0 0px 0 !important;
        color: #fff;
        line-height: 30px;
    }
}

.join__card {
    margin: 0 auto;
    border: 0;
    padding: 0;
    border-radius: 10px !important;
    overflow: hidden;
    max-width: 1280px;
    height: 150px;
    background-color: #ff5050;
}

.join__card-layer {
    margin: 0 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.join__card-layer--btn {
    color: #fff !important;
    background: #101828 !important;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

    .join__card-layer--btn:hover {
        color: #fff !important;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        background: #000 !important;
    }

.join__card-img {
    height: 400px !important;
}

@media screen and (min-width: 576px) {
    .join__card-img {
        height: 260px !important;
    }
}

@media screen and (min-width: 768px) {
    .join__card-img {
        height: 300px !important;
    }
}

@media screen and (min-width: 992px) {
    .join__card-img {
        height: auto !important;
    }
}

.donation__img {
    position: relative;
}

.donation__img-circle {
    width: 100%;
}

.donation__img-m {
    margin: 2rem 0 2rem 0;
}

.donation__img-person {
    position: absolute;
    left: -2%;
    top: -30%;
}

.donation__img-shape {
    position: absolute;
    z-index: -1;
    right: -3%;
    content: "";
}

.fnt111 {
    color: #ff5050;
    font-size: 12px;
    font-weight: 600;
}

.wpo-section-titlepi {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 15px;
}

    .wpo-section-titlepi h2 {
        font-size: 25px;
        margin-bottom: 10px;
        font-weight: 700;
    }

    .wpo-section-titlepi span {
        font-size: 40px;
        font-weight: 700;
        color: #ff5050;
    }