@import url(https://fonts.googleapis.com/css2?family=Urbanist:wght@300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto+Serif:wght@400;&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital@0;1&display=swap);

html {
    font-size: 18px
}

:root {
    scroll-behavior: unset;
    --icon-font: "Font Awesome 5 Free"
}

body {
    font-family: "Helvetica Neue", sans-serif;
    color: #5a5a5a;
    background-color: #fff;
    font-size: 16px;
    font-size: .88889rem;
    overflow-x: hidden
}

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

p {
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    color: #5a5a5a;
    line-height: 1.4em
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1729;
    font-family: Montserrat, sans-serif
}

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

a {
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s
}

a:hover {
    text-decoration: none
}

.hidden {
    display: none
}

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

.page-wrapper {
    position: relative;
    overflow: hidden
}

.wow {
    visibility: hidden
}

.fi:before {
    margin: 0
}

.section-padding {
    padding: 60px 0
}

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

.pt-120 {
    padding-top: 120px !important
}

@media (max-width:991px) {
    .pt-120 {
        padding-top: 90px !important
    }
}

@media (max-width:767px) {
    .pt-120 {
        padding-top: 80px !important
    }
}

@media (max-width:575px) {
    .pt-120 {
        padding-top: 60px !important
    }
}

.pb-120 {
    padding-bottom: 120px
}

@media (max-width:991px) {
    .pb-120 {
        padding-bottom: 90px
    }
}

@media (max-width:767px) {
    .pb-120 {
        padding-bottom: 80px
    }
}

@media (max-width:575px) {
    .pb-120 {
        padding-bottom: 60px
    }
}

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

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

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

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

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

@media (max-width:767px) {

    .contact-validation-active #error,
    .contact-validation-active #success {
        font-size: 15px
    }
}

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

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

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

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

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

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

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

.back-to-top {
    background-color: rgb(195 178 135 / .7);
    width: 45px;
    height: 45px;
    line-height: 45px;
    border: 2px solid #c3b287;
    border-radius: 45px;
    text-align: center;
    display: none;
    position: fixed;
    z-index: 999;
    right: 15px;
    bottom: 15px;
    -webkit-transition: all .2s;
    transition: all .2s
}

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

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

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

.mfp-wrap {
    background-color: rgb(0 0 0 / .9);
    z-index: 99999
}

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

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

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: .8
}

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

.fancybox-overlay {
    background: rgb(0 0 0 / .9);
    z-index: 9999 !important
}

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

.dark-mode {
    background: #030303
}

.wpo-section-title,
.wpo-section-title-s2,
.wpo-section-title-s3 {
    position: relative;
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
    margin-bottom: 50px
}

@media (max-width:767px) {

    .wpo-section-title,
    .wpo-section-title-s2,
    .wpo-section-title-s3 {
        margin-bottom: 40px
    }
}

.wpo-section-title h2,
.wpo-section-title-s2 h2,
.wpo-section-title-s3 h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000;
    margin-bottom: 15px
}

@media (max-width:1199px) {

    .wpo-section-title h2,
    .wpo-section-title-s2 h2,
    .wpo-section-title-s3 h2 {
        font-size: 26px
    }
}

@media (max-width:767px) {

    .wpo-section-title h2,
    .wpo-section-title-s2 h2,
    .wpo-section-title-s3 h2 {
        font-size: 26px
    }
}

.wpo-section-title p,
.wpo-section-title-s2 p,
.wpo-section-title-s3 p {
    font-size: 18px;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    color: #000
}

@media (max-width:767px) {
    .section-title {
        padding-left: 0;
        margin-bottom: 45px
    }
}

.wpo-section-title>span {
    font-size: 16px;
    font-size: 1.06667rem;
    font-weight: 500;
    color: #004585;
    position: relative;
    margin-top: -.31em;
    display: inline-block;
    margin-top: 50px;
    text-transform: uppercase;
    font-family: "Helvetica Neue", sans-serif
}

.wpo-section-title>span:before {
    content: "";
    background: #c3b287;
    width: 30px;
    height: 2px;
    position: absolute;
    left: -35px;
    top: 12px
}

@media (max-width:767px) {
    .wpo-section-title>span {
        margin-top: 20px
    }
}

.wpo-section-title>span {
    margin-top: 60px
}

@media (max-width:767px) {
    .wpo-section-title>span {
        margin-top: 20px
    }
}

.wpo-section-title-s2 {
    text-align: left
}

@media (max-width:991px) {
    .wpo-section-title-s2 {
        text-align: center
    }
}

.wpo-section-title-s2 h2 {
    color: #000
}

.wpo-section-title-s2 p {
    color: #000
}

.wpo-section-title-s3 h2 {
    color: #fff
}

.wpo-section-title-s3 p {
    color: #fff
}

.theme-btn {
    background: #dad2bd;
    color: #000;
    display: inline-block;
    font-weight: 500;
    padding: 10px 15px;
    border: 0;
    border-radius: 15px;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-family: "Helvetica Neue", sans-serif font-size:16px !important;
    overflow: hidden
}

.theme-btn::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .3;
    z-index: 9;
    content: '';
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, 100%, 0)
}

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

.theme-btn:active:before,
.theme-btn:focus:before,
.theme-btn:hover:before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 180deg) translate3d(0, -100%, 0)
}

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

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

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

.theme-btn-s2 {
    background: #fff0;
    color: #fff;
    display: inline-block;
    font-weight: 500;
    padding: 15px 45px;
    border: 0;
    border-radius: 0;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-family: "Helvetica Neue", sans-serif font-size:20px;
    font-size: 1.11111rem;
    color: #c3b287;
    border: 1px solid #c3b287
}

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

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

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

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

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

.theme-btn-s3 {
    background: -webkit-gradient(linear, left top, right top, from(#f2cd8c), to(#cc9260));
    background: linear-gradient(to right, #f2cd8c, #cc9260);
    padding: 2px;
    border-radius: 35px;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
    overflow: hidden;
    display: inline-block
}

@media (max-width:767px) {
    .theme-btn-s3 {
        font-size: 16px
    }
}

.theme-btn-s3 span {
    display: block;
    background: #030303;
    padding: 12px 45px;
    border-radius: 35px;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {
    .theme-btn-s3 span {
        padding: 8px 25px
    }
}

.theme-btn-s3 span::before {
    position: absolute;
    left: -1%;
    top: -1%;
    width: 0;
    height: 102%;
    content: "";
    background: -webkit-gradient(linear, left top, right top, from(#f2cd8c), to(#cc9260));
    background: linear-gradient(to right, #f2cd8c, #cc9260);
    border-radius: 35px;
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: -1
}

.theme-btn-s3:hover {
    color: #fff
}

.theme-btn-s3:hover span::before {
    width: 102%
}

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

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

.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;
    -ms-appearance: none;
    appearance: none;
    cursor: pointer
}

.form select::-ms-expand {
    display: none
}

.form ::-webkit-input-placeholder {
    font-style: normal
}

.form :-ms-input-placeholder {
    font-style: normal
}

.form ::-ms-input-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: #d4c8a9;
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: block;
    color: #fff;
    text-align: center
}

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

.wpo-breadcumb-area {
    background: #eae6dc;
    min-height: 300px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    padding: 50px 0
}

@media (max-width:767px) {
    .wpo-breadcumb-area {
        min-height: 250px
    }
}

.wpo-breadcumb-area:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.wpo-breadcumb-area .wpo-breadcumb-wrap {
    text-align: center
}

.wpo-breadcumb-area .wpo-breadcumb-wrap h2 {
    font-size: 60px;
    color: #1a1729;
    line-height: 60px;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .wpo-breadcumb-area .wpo-breadcumb-wrap h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px
    }
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li {
    display: inline-block;
    padding: 0 5px;
    color: #6e6e6e;
    position: relative;
    font-size: 20px;
    font-family: "Helvetica Neue", sans-serif
}

@media (max-width:767px) {
    .wpo-breadcumb-area .wpo-breadcumb-wrap ul li {
        font-size: 18px
    }
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li:after {
    content: "/";
    position: relative;
    left: 7px
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li:last-child span {
    color: #6e6e6e
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li:last-child:after {
    display: none
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li a {
    color: #6e6e6e;
    font-size: 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.wpo-breadcumb-area .wpo-breadcumb-wrap ul li a:hover {
    color: #c3b287
}

.wpo-about-section.wpo-about-section-s2 {
    padding-top: 170px
}

.preloader {
    background-color: #1a1729;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    overflow: hidden
}

.preloader .angular-shape {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(50deg) scale(1, 3.5);
    transform: rotate(50deg) scale(1, 3.5)
}

.preloader .angular-shape>div:first-child {
    background: #181526;
    width: 20%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.preloader .angular-shape>div:nth-child(2) {
    background: #181526;
    width: 30%;
    height: 100%;
    position: absolute;
    left: 35%;
    top: 0
}

.preloader .angular-shape>div:nth-child(3) {
    background: #181526;
    width: 20%;
    height: 100%;
    position: absolute;
    left: 80%;
    top: 0
}

.preloader .spinner {
    width: 80px;
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.preloader .double-bounce1,
.preloader .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #fff;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2s infinite ease-in-out;
    animation: sk-bounce 2s infinite ease-in-out
}

.preloader .double-bounce2 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-bounce {

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

    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce {

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

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

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

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

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

.blog-sidebar .widget {
    background: #f5f5f5;
    padding: 40px;
    border-radius: 5px
}

@media (max-width:1400px) {
    .blog-sidebar .widget {
        padding: 25px
    }
}

.blog-sidebar .widget h3 {
    font-size: 25px;
    font-size: 1.38889rem;
    color: #1a1729;
    margin: 0 0 1.3em;
    position: relative;
    text-transform: capitalize;
    font-family: "Helvetica Neue", sans-serif font-weight:500;
    border-radius: 5px
}

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

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

.blog-sidebar .search-widget input {
    background-color: #fff;
    height: 70px;
    font-size: 16px;
    font-size: .88889rem;
    padding: 6px 50px 6px 20px;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blog-sidebar .search-widget input:focus {
    background-color: #fff
}

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

.blog-sidebar .about-widget {
    text-align: center;
    background-color: #f5f5f5;
    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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    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: #fff;
    border-radius: 50%
}

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

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

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

.blog-sidebar .about-widget a {
    font-family: "Helvetica Neue", sans-serif font-size:14px;
    font-size: .77778rem;
    color: #1a1729;
    text-decoration: underline
}

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

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

.blog-sidebar .category-widget ul li {
    font-size: 19px;
    font-size: 1.05556rem;
    position: relative
}

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

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

.blog-sidebar .category-widget ul>li+li {
    margin-top: 12px
}

.blog-sidebar .category-widget ul a {
    display: block;
    color: #474f62;
    font-size: 16px;
    padding: 20px;
    background: #fff;
    padding-left: 60px;
    position: relative;
    border-radius: 5px
}

@media (max-width:1200px) {
    .blog-sidebar .category-widget ul a {
        padding: 10px;
        padding-left: 25px;
        font-size: 14px
    }
}

.blog-sidebar .category-widget ul a:after {
    position: absolute;
    left: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\f111";
    font-family: Flaticon;
    transform: translateY(-50%)
}

@media (max-width:1200px) {
    .blog-sidebar .category-widget ul a:after {
        left: 5px
    }
}

.blog-sidebar .category-widget ul a.active,
.blog-sidebar .category-widget ul a:hover,
.blog-sidebar .category-widget ul li:hover:before {
    background: #c3b287;
    color: #fff
}

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

.blog-sidebar .recent-post-widget .posts>.post+.post {
    margin-top: 15px;
    padding-top: 15px
}

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

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

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

@media (max-width:1199px) {
    .blog-sidebar .recent-post-widget .post .details {
        padding-left: 8px
    }
}

.blog-sidebar .recent-post-widget .post h4 {
    font-size: 16px;
    font-size: .88889rem;
    font-weight: 500;
    line-height: 1.3em;
    margin: 0 0 .3em;
    font-family: "Helvetica Neue", sans-serif
}

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

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

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

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

.blog-sidebar .recent-post-widget .post .details .date {
    font-size: 13px;
    font-size: .72222rem;
    color: #c3b287
}

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

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

.blog-sidebar .wpo-instagram-widget ul li {
    -ms-flex: 0 0 33.33%;
    -webkit-box-flex: 0;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 5px;
    padding: 0 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: 15px;
    font-size: .83333rem;
    display: inline-block;
    padding: 5px 10px;
    color: #1a1729;
    background: #fff;
    border-radius: 5px
}

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

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner {
    border: 0;
    background: url(../images/contact-bg.jpg) no-repeat center center;
    position: relative;
    background-size: cover;
    z-index: 1;
    padding: 30px 40px;
    min-height: 330px;
    -o-object-fit: cover;
    object-fit: cover;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    overflow: hidden
}

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(26 23 41 / .8);
    content: "";
    z-index: -1
}

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner:after {
    position: absolute;
    left: -50px;
    top: -50px;
    content: "";
    width: 150px;
    height: 150px;
    background: #c3b287;
    border-radius: 50%
}

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

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner h2 {
    font-size: 26px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 20px;
    line-height: 35px
}

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner h2 a {
    color: #fff
}

.blog-sidebar .wpo-contact-widget .wpo-contact-widget-inner h2 a:hover {
    color: #c3b287
}

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

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

.pagination-wrapper {
    text-align: center;
    margin-top: 60px
}

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

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

.pagination-wrapper .pg-pagination li {
    font-family: "Helvetica Neue", sans-serif 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: #fff0;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    font-size: .88889rem;
    font-weight: 400;
    color: #1a1729;
    background: #f5f5f5;
    display: block
}

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

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

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

.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) {
    .pagination-wrapper-right {
        margin-top: 45px;
        text-align: left
    }
}

.wpo-site-header {
    background-color: #fff;
    z-index: 9999;
    position: relative
}

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

@media (max-width:360px) {
    .wpo-site-header .row {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.wpo-site-header .navigation {
    background-color: #fff;
    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: 20px 0
    }
}

.wpo-site-header .navigation .navbar-header .navbar-brand {
    color: #060530;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 60px
}

.wpo-site-header .navigation .navbar-header .navbar-brand img {
    width: 220px
}

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

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

@media screen and (min-width:992px) {
    .wpo-site-header #navbar li {
        position: relative
    }

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

    .wpo-site-header #navbar>ul>li>a {
        font-size: 20px;
        padding: 35px 20px;
        display: block;
        color: #232f4b;
        font-weight: 500;
        position: relative
    }

    .wpo-site-header #navbar>ul .sub-menu {
        background-color: #eae6dc;
        -webkit-box-shadow: 0 2px 20px 0 rgb(62 65 159 / .09);
        box-shadow: 0 2px 20px 0 rgb(62 65 159 / .09);
        width: 300px;
        position: absolute;
        padding: 20px 0;
        left: 0;
        top: 110%;
        z-index: 10;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: all .3s;
        transition: all .3s
    }

    .wpo-site-header #navbar>ul>li .sub-menu a {
        font-size: 18px;
        font-size: 1rem;
        display: block;
        padding: 10px 20px;
        color: #1a1729;
        position: relative;
        overflow: hidden;
        font-weight: 500;
        font-family: "Helvetica Neue", sans-serif
    }

    .wpo-site-header #navbar>ul>li .sub-menu a:after {
        position: absolute;
        left: 20px;
        bottom: 4px;
        width: 0;
        height: 2px;
        content: "";
        background: #c3b287;
        -webkit-transition: all .3s;
        transition: all .3s;
        opacity: 0;
        visibility: hidden
    }

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

    .wpo-site-header #navbar>ul>li>.sub-menu .sub-menu {
        left: 110%;
        top: 0
    }

    .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: .61111rem;
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        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
    }
}

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

    .wpo-site-header #navbar>ul>li a.active,
    .wpo-site-header #navbar>ul>li a:hover {
        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
    }

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

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

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

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

@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
}

@media (max-width:991px) {
    .wpo-site-header .container {
        width: 100%
    }

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

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

    .wpo-site-header .mobail-menu button span {
        background-color: #1a1729;
        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: #1a1729;
        display: block !important;
        width: 300px;
        height: 100%;
        margin: 0;
        padding: 0;
        border: 0;
        position: fixed;
        left: -320px;
        top: 0;
        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: #c3b287
    }

    .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: 0;
        position: absolute;
        left: -41px;
        top: 90px;
        z-index: 20
    }

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

    .wpo-site-header #navbar>ul>li>a {
        padding: 10px 35px 10px 35px !important;
        color: #fff
    }

    .wpo-site-header .menu-close {
        display: block;
        z-index: 99;
        background: 0 0;
        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 {
        -webkit-transition: all .3s;
        transition: all .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
    }

    .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 {
    text-align: right
}

.wpo-site-header .header-right .theme-btn {
    border-radius: 12px;
    border: 1px solid #aba596;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: 0 0;
    color: #1a1729;
    padding: 10px 25px
}

.sticky-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: -400px;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -webkit-box-shadow: 0 -5px 15px #086ad84a;
    box-shadow: 0 -5px 15px #086ad84a
}

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

.wpo-site-header.wpo-header-style-1 .navigation.sticky-on {
    background: #004585
}

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

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

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

@media screen and (min-width:992px) {
    .wpo-site-header #navbar {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

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

    .wpo-site-header #navbar>ul>li>a:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 4px;
        background: #c3b287;
        content: "";
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s;
        transition: all .3s;
        border-radius: 3px
    }

    .wpo-site-header #navbar>ul>li>a.active:before,
    .wpo-site-header #navbar>ul>li>a:hover:before {
        opacity: 1;
        visibility: visible
    }

    .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: .73333rem;
        position: absolute;
        right: 15px;
        top: 58%;
        -webkit-transform: translateY(-50%);
        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 .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 {
        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: #c3b287
    }

    .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 {
        -webkit-transition: all .3s;
        transition: all .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: 999;
        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 .header-search-form-wrapper .fi:before {
    font-size: 18px
}

.wpo-site-header .header-right .search-toggle-btn {
    border: 0
}

.wpo-site-header .header-right .search-toggle-btn .fi:before {
    font-size: 20px;
    color: #1a1729
}

.cart-search-contact {
    text-align: right
}

.cart-search-contact button {
    background: #fff0;
    padding: 0;
    border: 0;
    outline: 0
}

.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;
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    visibility: hidden;
    background: #fff;
    padding: 30px;
    border-radius: 6px;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-box-shadow: -2px 18px 40px -9px #999;
    box-shadow: -2px 18px 40px -9px #999
}

@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: 1rem
}

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

.cart-search-contact form div button {
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-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;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1
}

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

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

.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;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

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

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

.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: #fff0;
    border: 0;
    outline: 0;
    font-size: 13px;
    font-size: .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.wpo-header-style-1 {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff0
}

.wpo-site-header.wpo-header-style-1 .navigation {
    background: #fff0
}

.wpo-site-header.wpo-header-style-1 #navbar>ul>li>a {
    color: #fff
}

@media (max-width:440px) {
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 170px
    }
}

@media (max-width:370px) {
    .wpo-site-header .navbar-header .navbar-brand img {
        max-width: 140px
    }
}

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

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

    .wpo-site-header {
        padding: 0 10px
    }
}

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

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

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

@media (max-width:992px) {
    .wpo-site-header .header-right .theme-btn {
        display: none
    }
}

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

    .wpo-site-header .header-right .close-form {
        display: none
    }
}

.wpo-site-header.wpo-header-style-2,
.wpo-site-header.wpo-header-style-3 {
    background: #fff0;
    position: absolute;
    left: 0;
    width: 100%
}

.wpo-site-header.wpo-header-style-2 .navigation,
.wpo-site-header.wpo-header-style-3 .navigation {
    background: #fff0
}

.wpo-site-header.wpo-header-style-2 .navigation.sticky-header,
.wpo-site-header.wpo-header-style-3 .navigation.sticky-header {
    background: #fff
}

.wpo-site-header.wpo-header-style-3 .navigation {
    background: #fff0
}

.wpo-site-header.wpo-header-style-3 .navigation.sticky-header {
    background: #030303
}

.wpo-site-header.wpo-header-style-3 .navigation .navbar-header .navbar-brand {
    color: #fff
}

.wpo-site-header.wpo-header-style-3 .navigation #navbar>ul>li>a {
    color: #fff
}

.wpo-site-header.wpo-header-style-3 .header-right .theme-btn {
    color: #fff;
    border-color: #fff
}

.wpo-site-header.wpo-header-style-3 .header-right .search-toggle-btn .fi:before {
    color: #fff
}

.wpo-hero-style-1,
.wpo-hero-style-2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    padding: 0 60px;
    padding-bottom: 100px
}

@media (max-width:767px) {

    .wpo-hero-style-1,
    .wpo-hero-style-2 {
        padding: 50px 0
    }
}

.wpo-hero-style-1 .shape-1,
.wpo-hero-style-2 .shape-1 {
    position: absolute;
    bottom: 10%;
    left: 50px;
    -webkit-animation: zoom-in-zoom-out 5s ease infinite;
    animation: zoom-in-zoom-out 5s ease infinite
}

.wpo-hero-style-1 .shape-2,
.wpo-hero-style-2 .shape-2 {
    position: absolute;
    top: 10%;
    right: 50px;
    -webkit-animation: zoom-in-zoom-out 5s ease infinite;
    animation: zoom-in-zoom-out 5s ease infinite
}

.wpo-hero-style-1 .wpo-hero-img,
.wpo-hero-style-2 .wpo-hero-img {
    border-radius: 300px;
    padding: 20px;
    border-radius: 320px;
    border: 1px solid #aba596;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {

    .wpo-hero-style-1 .wpo-hero-img,
    .wpo-hero-style-2 .wpo-hero-img {
        margin: 40px 0
    }
}

.wpo-hero-style-1 .wpo-hero-img img,
.wpo-hero-style-2 .wpo-hero-img img {
    border-radius: 300px;
    width: 100%
}

.wpo-hero-style-1 .wpo-hero-img .vector-1,
.wpo-hero-style-2 .wpo-hero-img .vector-1 {
    position: absolute;
    right: -30px;
    top: 0;
    -webkit-animation: circle 15s linear infinite;
    animation: circle 15s linear infinite
}

.wpo-hero-style-1 .wpo-hero-img .vector-2,
.wpo-hero-style-2 .wpo-hero-img .vector-2 {
    position: absolute;
    left: -20%;
    top: 55%;
    -webkit-animation: circle 15s linear infinite;
    animation: circle 15s linear infinite
}

.wpo-hero-style-1 .wpo-hero-img .vector-3,
.wpo-hero-style-2 .wpo-hero-img .vector-3 {
    position: absolute;
    left: 0;
    bottom: 30px;
    -webkit-animation: bounceX 3s linear infinite;
    animation: bounceX 3s linear infinite
}

.wpo-hero-style-1 .wpo-hero-title-box,
.wpo-hero-style-2 .wpo-hero-title-box {
    padding: 20px;
    background: #eae6dc;
    border-radius: 150px;
    margin-right: -100px;
    position: relative;
    max-width: 640px;
    overflow: hidden;
    margin-bottom: 158px;
    z-index: 11
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-title-box {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-title-box {
        padding: 10px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-1 .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-title-box {
        max-width: 320px;
        margin: 0 auto;
        text-align: center
    }
}

.wpo-hero-style-1 .wpo-hero-btn-box:before,
.wpo-hero-style-1 .wpo-hero-title-box:before,
.wpo-hero-style-2 .wpo-hero-title-box:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.wpo-hero-style-1 .wpo-hero-title,
.wpo-hero-style-2 .wpo-hero-title {
    border: 1px solid #aca79a;
    padding: 50px 70px;
    border-radius: 130px
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-title {
        padding: 30px 50px
    }
}

@media (max-width:1400px) {

    .wpo-hero-style-1 .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-title {
        padding: 20px 40px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-title {
        padding: 20px 25px
    }
}

.wpo-hero-style-1 .wpo-hero-title h2,
.wpo-hero-style-2 .wpo-hero-title h2 {
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:1890px) {

    .wpo-hero-style-1 .wpo-hero-title h2,
    .wpo-hero-style-2 .wpo-hero-title h2 {
        font-size: 45px
    }
}

@media (max-width:1659px) {

    .wpo-hero-style-1 .wpo-hero-title h2,
    .wpo-hero-style-2 .wpo-hero-title h2 {
        font-size: 30px;
        line-height: 58px
    }
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-title h2,
    .wpo-hero-style-2 .wpo-hero-title h2 {
        font-size: 30px;
        line-height: 48px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-hero-title h2,
    .wpo-hero-style-2 .wpo-hero-title h2 {
        font-size: 25px;
        line-height: 30px
    }
}

@media (max-width:991px) {

    .wpo-hero-style-1 .wpo-hero-title h2,
    .wpo-hero-style-2 .wpo-hero-title h2 {
        font-size: 20px;
        line-height: 30px
    }
}

@media (max-width:430px) {
    .wpo-hero-style-1 .wpo-hero-title h2.wpo-hero-title-2 {
        font-size: 22px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 30px !important;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .team-card_img img {
        transition: .4s;
        width: 100%;
        filter: grayscale(0) !important
    }

    .team-card .team-card_content {
        position: absolute;
        left: 0;
        bottom: -10px;
        padding: 0 28px 36px;
        transition: .4s;
        opacity: 1 !important;
        z-index: 1
    }

    .wpo-hero-style-1 .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-title {
        padding: 20px 25px;
        height: 130px;
        display: flex;
        align-items: center
    }

    .wpo-fun-fact-section .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s3 .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s4 .wpo-fun-fact-grids .grid {
        width: 50%;
        margin-bottom: 10px !important;
        margin-top: 10px
    }
}

.wpo-hero-style-1 .wpo-supporter,
.wpo-hero-style-2 .wpo-supporter {
    padding: 30px;
    background: #fff;
    border-radius: 75px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 420px;
    margin-left: auto;
    position: relative
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-supporter,
    .wpo-hero-style-2 .wpo-supporter {
        padding: 15px;
        top: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:991px) {

    .wpo-hero-style-1 .wpo-supporter,
    .wpo-hero-style-2 .wpo-supporter {
        width: 270px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-1 .wpo-supporter,
    .wpo-hero-style-2 .wpo-supporter {
        padding: 15px;
        width: 280px;
        left: 0;
        margin: 0 auto
    }
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-text,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-text {
    margin-right: 20px
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-supporter .wpo-supporter-text,
    .wpo-hero-style-2 .wpo-supporter .wpo-supporter-text {
        margin-right: 0;
        text-align: center
    }
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-text h3,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-text h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    font-family: "Helvetica Neue", sans-serif
}

@media (max-width:991px) {

    .wpo-hero-style-1 .wpo-supporter .wpo-supporter-text h3,
    .wpo-hero-style-2 .wpo-supporter .wpo-supporter-text h3 {
        font-size: 30px
    }
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-text p,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-text p {
    margin-bottom: 0;
    font-style: normal;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 27px
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-slide,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-slide {
    max-width: 216px;
    list-style: none;
    margin: 0 auto
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-slide .owl-nav,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-slide .owl-nav {
    display: none
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-slide li,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-slide li {
    width: 55px;
    height: 55px
}

.wpo-hero-style-1 .wpo-supporter .wpo-supporter-slide li img,
.wpo-hero-style-2 .wpo-supporter .wpo-supporter-slide li img {
    width: 55px;
    height: 55px;
    padding: 3px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    border-radius: 50%
}

.wpo-hero-style-1 .experience,
.wpo-hero-style-2 .experience {
    max-width: 320px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
    border-radius: 65px;
    -webkit-box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / .15);
    z-index: 11;
    position: relative
}

@media (max-width:767px) {

    .wpo-hero-style-1 .experience,
    .wpo-hero-style-2 .experience {
        width: 260px;
        top: 0;
        padding: 10px;
        margin: 0 auto
    }
}

.wpo-hero-style-1 .experience p,
.wpo-hero-style-1 .experience p a,
.wpo-hero-style-2 .experience p {
    margin-bottom: 0;
    font-size: 25px;
    font-style: normal;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    line-height: normal;
    font-style: normal;
    color: #000
}

@media (max-width:991px) {

    .wpo-hero-style-1 .experience p,
    .wpo-hero-style-2 .experience p {
        font-size: 20px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-1 .experience p,
    .wpo-hero-style-2 .experience p {
        font-size: 15px
    }
}

.wpo-hero-style-1 .experience .icon span,
.wpo-hero-style-2 .experience .icon span {
    width: 80px;
    height: 80px;
    overflow: visible;
    line-height: 65px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    margin-right: 10px;
    margin-left: 12px;
    display: block;
    color: #fff;
    font-size: 70px;
    font-weight: 500;
    color: #000
}

@media (max-width:767px) {

    .wpo-hero-style-1 .experience .icon span,
    .wpo-hero-style-2 .experience .icon span {
        width: 100px;
        height: 100px;
        line-height: 80px;
        font-size: 40px
    }
}

.wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box,
.wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
    margin-right: 0;
    margin-left: -70px;
    text-align: right;
    margin-top: 200px;
    margin-bottom: 0
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
        margin-top: 100px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
        margin: 0 auto;
        margin-top: 20px;
        text-align: center
    }
}

.wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title,
.wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title {
    padding: 50px 65px
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title {
        padding: 30px 50px
    }
}

@media (max-width:1400px) {

    .wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title {
        padding: 20px 40px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title,
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title {
        padding: 20px
    }
}

.wpo-hero-style-2 {
    background: #eae6dc;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1;
    padding-bottom: 0;
    padding-top: 50px
}

@media (max-width:1440px) {
    .wpo-hero-style-2 {
        padding-top: 120px
    }
}

.wpo-hero-style-2 .wpo-hero-img {
    border: 0;
    border-radius: 0;
    padding: 0
}

@media (max-width:767px) {
    .wpo-hero-style-2 .wpo-hero-img {
        margin-bottom: 0
    }
}

.wpo-hero-style-2 .wpo-hero-img img {
    border-radius: 0
}

.wpo-hero-style-2 .wpo-hero-title-box {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
    background: 0 0;
    margin-bottom: 145px;
    border-radius: 0
}

@media (max-width:1500px) {
    .wpo-hero-style-2 .wpo-hero-title-box {
        margin-bottom: 100px
    }
}

@media (max-width:1199px) {
    .wpo-hero-style-2 .wpo-hero-title-box {
        margin-bottom: 40px
    }
}

@media (max-width:991px) {
    .wpo-hero-style-2 .wpo-hero-title-box {
        margin-bottom: -40px
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .wpo-hero-title-box {
        -webkit-transform: unset;
        transform: unset
    }
}

.wpo-hero-style-2 .wpo-hero-title-box:before {
    display: none
}

.wpo-hero-style-2 .wpo-hero-title-box .wpo-hero-title {
    border: 0;
    padding: 0
}

@media (max-width:1199px) {
    .wpo-hero-style-2 .wpo-hero-title-box .wpo-hero-title h2 {
        font-size: 32px;
        line-height: 42px
    }
}

@media (max-width:991px) {
    .wpo-hero-style-2 .wpo-hero-title-box .wpo-hero-title h2 {
        font-size: 25px
    }
}

.wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
    border-radius: 0;
    margin-left: -130px;
    text-align: right;
    margin-top: 75px
}

@media (max-width:1659px) {
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
        margin-top: -40px
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box {
        margin: 0 auto;
        text-align: center
    }
}

.wpo-hero-style-2 .wpo-hero-right .wpo-hero-title-box .wpo-hero-title {
    border: 0;
    padding: 0;
    border-radius: 0
}

.wpo-hero-style-2 .experience {
    margin-right: 0;
    margin: 0 auto;
    position: relative;
    bottom: -150px;
    background: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:1440px) {
    .wpo-hero-style-2 .experience {
        bottom: -80px
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .experience {
        bottom: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 20px
    }
}

.wpo-hero-style-2 .experience .icon span {
    background: 0 0;
    width: auto
}

.wpo-hero-style-2 .wpo-supporter {
    position: relative;
    top: -160px;
    margin-right: 0;
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (max-width:767px) {
    .wpo-hero-style-2 .wpo-supporter {
        top: 0;
        margin: 0 auto
    }
}

.wpo-hero-style-2 .hero-marque {
    position: absolute;
    left: -10%;
    top: 30%;
    width: 120%;
    -webkit-transform: rotate(11.03deg);
    transform: rotate(11.03deg)
}

@media (max-width:1440px) {
    .wpo-hero-style-2 .hero-marque {
        top: 38%
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .hero-marque {
        display: none
    }
}

.wpo-hero-style-2 .hero-marque h1 {
    font-size: 350px;
    font-style: normal;
    font-weight: 900;
    line-height: 340px;
    text-transform: uppercase;
    -webkit-text-fill-color: #fff0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #D8D8D8;
    white-space: nowrap;
    will-change: transform;
    -webkit-animation: marquee 32s linear infinite;
    animation: marquee 32s linear infinite
}

@media (max-width:1659px) {
    .wpo-hero-style-2 .hero-marque h1 {
        font-size: 200px;
        line-height: 220px
    }
}

@media (max-width:1399px) {
    .wpo-hero-style-2 .hero-marque h1 {
        font-size: 135px;
        line-height: 210px
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .hero-marque h1 {
        font-size: 70px;
        line-height: 90px
    }
}

.wpo-hero-style-2 .marquee {
    position: relative;
    width: 100vw;
    max-width: 100%
}

@media (max-width:1399px) {
    .wpo-hero-style-2 .marquee {
        height: 110px
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .marquee {
        height: 80px
    }
}

.wpo-hero-style-2 .track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    -webkit-animation: marquee 500s linear infinite;
    animation: marquee 500s linear infinite;
    padding: 20px 0;
    border-top: 2px solid #ababab;
    border-bottom: 2px solid #ababab
}

.wpo-hero-style-2 .track .content {
    background: #fff
}

@-webkit-keyframes marquee {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes marquee {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width:767px) {
    .wpo-hero-style-2 .round-shape {
        position: absolute;
        bottom: 30%;
        width: 100%
    }
}

@media (max-width:575px) {
    .wpo-hero-style-2 .round-shape {
        display: none
    }
}

.wpo-hero-style-2 .round-shape .round-1,
.wpo-hero-style-2 .round-shape .round-2,
.wpo-hero-style-2 .round-shape .round-3 {
    position: absolute;
    border: 1px solid #c9c4b9;
    left: 50%;
    top: 50%;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (max-width:1750px) {

    .wpo-hero-style-2 .round-shape .round-1,
    .wpo-hero-style-2 .round-shape .round-2,
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 500px;
        height: 500px
    }
}

@media (max-width:1500px) {

    .wpo-hero-style-2 .round-shape .round-1,
    .wpo-hero-style-2 .round-shape .round-2,
    .wpo-hero-style-2 .round-shape .round-3 {
        top: 60%
    }
}

@media (max-width:1399px) {

    .wpo-hero-style-2 .round-shape .round-1,
    .wpo-hero-style-2 .round-shape .round-2,
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 400px;
        height: 400px
    }
}

@media (max-width:1300px) {

    .wpo-hero-style-2 .round-shape .round-1,
    .wpo-hero-style-2 .round-shape .round-2,
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 300px;
        height: 300px
    }
}

.wpo-hero-style-2 .round-shape .round-2 {
    width: 700px;
    height: 700px
}

@media (max-width:1750px) {
    .wpo-hero-style-2 .round-shape .round-2 {
        width: 600px;
        height: 600px
    }
}

@media (max-width:1399px) {
    .wpo-hero-style-2 .round-shape .round-2 {
        width: 500px;
        height: 500px
    }
}

@media (max-width:1300px) {
    .wpo-hero-style-2 .round-shape .round-2 {
        width: 400px;
        height: 400px
    }
}

.wpo-hero-style-2 .round-shape .round-3 {
    width: 786px;
    height: 786px;
    z-index: -3
}

@media (max-width:1750px) {
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 700px;
        height: 700px
    }
}

@media (max-width:1399px) {
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 600px;
        height: 600px
    }
}

@media (max-width:1300px) {
    .wpo-hero-style-2 .round-shape .round-3 {
        width: 500px;
        height: 500px
    }
}

.wpo-hero-style-3,
.wpo-hero-style-4 {
    background: #030303;
    position: relative;
    padding-top: 60px
}

@media (max-width:991px) {

    .wpo-hero-style-3,
    .wpo-hero-style-4 {
        padding-top: 100px
    }
}

.wpo-hero-style-3 .wpo-hero-content,
.wpo-hero-style-4 .wpo-hero-content {
    padding-left: 200px;
    margin-bottom: 100px
}

@media (max-width:1700px) {

    .wpo-hero-style-3 .wpo-hero-content,
    .wpo-hero-style-4 .wpo-hero-content {
        padding-left: 30px
    }
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-content,
    .wpo-hero-style-4 .wpo-hero-content {
        text-align: center;
        padding-left: 0
    }
}

@media (max-width:450px) {

    .wpo-hero-style-3 .wpo-hero-content,
    .wpo-hero-style-4 .wpo-hero-content {
        margin-bottom: 40px
    }
}

.wpo-hero-style-3 .wpo-hero-content .wpo-hero-text span,
.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
    color: #fff;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 80px;
    text-transform: uppercase
}

@media (max-width:1399px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text span,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
        font-size: 40px
    }
}

@media (max-width:450px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text span,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
        font-size: 25px;
        line-height: 40px
    }
}

.wpo-hero-style-3 .wpo-hero-content .wpo-hero-text h2,
.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
    color: #fff;
    font-size: 80px;
    font-style: normal;
    font-weight: 500;
    line-height: 100px;
    text-transform: uppercase
}

@media (max-width:1399px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text h2,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 60px;
        line-height: 80px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text h2,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 50px;
        line-height: 60px
    }
}

@media (max-width:450px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text h2,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 35px;
        line-height: 40px
    }
}

.wpo-hero-style-3 .wpo-hero-content .wpo-hero-text p,
.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text p {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    max-width: 432px;
    color: #fff
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text p,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text p {
        margin: 0 auto
    }
}

@media (max-width:450px) {

    .wpo-hero-style-3 .wpo-hero-content .wpo-hero-text p,
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text p {
        font-size: 20px;
        line-height: 30px
    }
}

.wpo-hero-style-3 .wpo-hero-content .slide-btns,
.wpo-hero-style-4 .wpo-hero-content .slide-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px
}

.wpo-hero-style-3 .wpo-hero-content .slide-btns ul,
.wpo-hero-style-4 .wpo-hero-content .slide-btns ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 20px
}

.wpo-hero-style-3 .wpo-hero-content .slide-btns ul li .video-btn,
.wpo-hero-style-4 .wpo-hero-content .slide-btns ul li .video-btn {
    display: block;
    width: 55px;
    height: 55px;
    border: 2px solid #f2cd8c;
    text-align: center;
    line-height: 55px;
    border-radius: 50%;
    color: #c3b287;
    margin-right: 10px;
    background: 0 0
}

@media (max-width:1070px) {

    .wpo-hero-style-3 .wpo-hero-content .slide-btns ul li.video-text,
    .wpo-hero-style-4 .wpo-hero-content .slide-btns ul li.video-text {
        display: none
    }
}

.wpo-hero-style-3 .wpo-hero-content .slide-btns ul li.video-text a,
.wpo-hero-style-4 .wpo-hero-content .slide-btns ul li.video-text a {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-content .slide-btns,
    .wpo-hero-style-4 .wpo-hero-content .slide-btns {
        margin: auto;
        margin-top: 20px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.wpo-hero-style-3 .wpo-hero-img,
.wpo-hero-style-4 .wpo-hero-img {
    position: relative;
    z-index: 1
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-img,
    .wpo-hero-style-4 .wpo-hero-img {
        text-align: center
    }

    .wpo-hero-style-3 .wpo-hero-img img,
    .wpo-hero-style-4 .wpo-hero-img img {
        width: 100%;
        max-width: 638px
    }
}

.wpo-hero-style-3 .wpo-hero-img .line-shape,
.wpo-hero-style-4 .wpo-hero-img .line-shape {
    position: absolute;
    left: -7%;
    top: 8%;
    z-index: -1
}

@media (max-width:1400px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape,
    .wpo-hero-style-4 .wpo-hero-img .line-shape {
        left: -15%
    }
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape,
    .wpo-hero-style-4 .wpo-hero-img .line-shape {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.wpo-hero-style-3 .wpo-hero-img .line-shape svg,
.wpo-hero-style-4 .wpo-hero-img .line-shape svg {
    width: 747px;
    height: 815px
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape svg,
    .wpo-hero-style-4 .wpo-hero-img .line-shape svg {
        width: 600px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape svg,
    .wpo-hero-style-4 .wpo-hero-img .line-shape svg {
        display: none
    }
}

.wpo-hero-style-3 .wpo-hero-img .line-shape-2,
.wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
    position: absolute;
    left: -46px;
    bottom: 23px
}

@media (min-width:2000px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        display: none
    }
}

@media (max-width:1900px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -45px
    }
}

@media (max-width:1800px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -38px
    }
}

@media (max-width:1700px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -36px
    }
}

@media (max-width:1600px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -33px
    }
}

@media (max-width:1500px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -31px
    }
}

@media (max-width:1400px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -82px
    }
}

@media (max-width:1300px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        left: -72px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-3 .wpo-hero-img .line-shape-2,
    .wpo-hero-style-4 .wpo-hero-img .line-shape-2 {
        display: none
    }
}

.wpo-hero-style-3 .wpo-hero-img .line-shape-2 svg,
.wpo-hero-style-4 .wpo-hero-img .line-shape-2 svg {
    width: 626px;
    height: 446px
}

.wpo-hero-style-3 .wpo-supporter,
.wpo-hero-style-4 .wpo-supporter {
    z-index: 99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 420px;
    position: relative;
    margin-left: 200px;
    position: absolute;
    bottom: 60px
}

@media (max-width:1700px) {

    .wpo-hero-style-3 .wpo-supporter,
    .wpo-hero-style-4 .wpo-supporter {
        margin-left: 30px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-3 .wpo-supporter,
    .wpo-hero-style-4 .wpo-supporter {
        padding: 15px;
        top: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-supporter,
    .wpo-hero-style-4 .wpo-supporter {
        width: 270px
    }
}

@media (max-width:767px) {

    .wpo-hero-style-3 .wpo-supporter,
    .wpo-hero-style-4 .wpo-supporter {
        padding: 15px;
        width: 280px;
        left: 0;
        margin: 0 auto;
        margin-top: 20px
    }
}

@media (max-width:575px) {

    .wpo-hero-style-3 .wpo-supporter,
    .wpo-hero-style-4 .wpo-supporter {
        display: none
    }
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-text,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-text {
    margin-right: 20px
}

@media (max-width:1199px) {

    .wpo-hero-style-3 .wpo-supporter .wpo-supporter-text,
    .wpo-hero-style-4 .wpo-supporter .wpo-supporter-text {
        margin-right: 0;
        text-align: center
    }
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-text h3,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-text h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 0;
    color: #fff
}

@media (max-width:991px) {

    .wpo-hero-style-3 .wpo-supporter .wpo-supporter-text h3,
    .wpo-hero-style-4 .wpo-supporter .wpo-supporter-text h3 {
        font-size: 30px
    }
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-text p,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-text p {
    margin-bottom: 0;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 27px;
    color: #fff
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-slide,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-slide {
    max-width: 216px;
    list-style: none;
    margin: 0 auto
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-slide .owl-nav,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-slide .owl-nav {
    display: none
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-slide li,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-slide li {
    width: 55px;
    height: 55px
}

.wpo-hero-style-3 .wpo-supporter .wpo-supporter-slide li img,
.wpo-hero-style-4 .wpo-supporter .wpo-supporter-slide li img {
    width: 55px;
    height: 55px;
    padding: 3px;
    border: 1px solid #e1e1e1;
    border-radius: 50%;
    border-radius: 50%
}

.wpo-hero-style-3 .light-shape-1,
.wpo-hero-style-4 .light-shape-1 {
    position: absolute;
    left: -57px;
    top: 120px;
    width: 233px;
    height: 233px;
    background: radial-gradient(50% 50% at 50% 50%, #ffb677 0, #fff0 97.4%);
    opacity: .3
}

.wpo-hero-style-3 .light-shape-2,
.wpo-hero-style-4 .light-shape-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 195px;
    height: 195px;
    opacity: .3;
    background: radial-gradient(50% 50% at 50% 50%, #ffb677 0, #fff0 97.4%)
}

.wpo-hero-style-3 .light-shape-3,
.wpo-hero-style-4 .light-shape-3 {
    position: absolute;
    right: 50px;
    top: 10%;
    width: 364px;
    height: 364px;
    border-radius: 364px;
    opacity: .3;
    background: radial-gradient(50% 50% at 50% 50%, #ffb677 0, #fff0 97.4%)
}

.wpo-hero-style-3 .rotate-text,
.wpo-hero-style-4 .rotate-text {
    position: absolute;
    right: 35px;
    bottom: 30px;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%;
    z-index: 11
}

@media (max-width:575px) {

    .wpo-hero-style-3 .rotate-text,
    .wpo-hero-style-4 .rotate-text {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px
    }
}

.wpo-hero-style-3 .rotate-text .circular-text,
.wpo-hero-style-4 .rotate-text .circular-text {
    position: relative;
    top: 15px
}

.wpo-hero-style-3 .rotate-text .circular-text span,
.wpo-hero-style-4 .rotate-text .circular-text span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff
}

.wpo-hero-style-3 .rotate-text .icon,
.wpo-hero-style-4 .rotate-text .icon {
    position: absolute;
    left: 28%;
    top: 5px
}

.wpo-hero-style-3 .rotate-text .icon i,
.wpo-hero-style-4 .rotate-text .icon i {
    display: inline-block;
    font-size: 30px;
    color: #1a1729;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: var(--gradiant, linear-gradient(180deg, #f2cd8c 0, #cc9260 100%));
    border-radius: 50%
}

.wpo-hero-style-3 .rotate-text .dots,
.wpo-hero-style-4 .rotate-text .dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wpo-hero-style-3 .rotate-text .dots span,
.wpo-hero-style-4 .rotate-text .dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #b29f92;
    border-radius: 50%;
    line-height: normal;
    margin: 0 5px
}

.wpo-hero-style-4 {
    z-index: 1;
    overflow: hidden
}

.wpo-hero-style-4 .wpo-hero-content {
    padding-left: 110px;
    margin-bottom: 0;
    z-index: 11;
    position: relative
}

@media (max-width:1700px) {
    .wpo-hero-style-4 .wpo-hero-content {
        padding-left: 30px
    }
}

@media (max-width:991px) {
    .wpo-hero-style-4 .wpo-hero-content {
        padding-left: 0;
        margin-bottom: 50px
    }
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
    text-transform: capitalize;
    z-index: 1
}

@media (max-width:1600px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 70px
    }
}

@media (max-width:1440px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 60px;
        line-height: 80px
    }
}

@media (max-width:1399px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 55px;
        line-height: 70px
    }
}

@media (max-width:1199px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 50px;
        line-height: 65px
    }
}

@media (max-width:1100px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 45px;
        line-height: 55px
    }
}

@media (max-width:450px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 {
        font-size: 30px;
        line-height: 50px
    }
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 b {
    position: relative;
    z-index: -1
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 b .shape {
    position: absolute;
    top: -10px;
    left: -20px;
    width: 115%;
    z-index: -1
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text h2 b .shape svg {
    fill: #A48F5B
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
    font-size: 40px;
    font-weight: 500;
    line-height: 70px;
    text-transform: uppercase
}

@media (max-width:1440px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
        font-size: 30px
    }
}

@media (max-width:1199px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
        font-size: 20px
    }
}

@media (max-width:450px) {
    .wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span {
        font-size: 18px
    }
}

.wpo-hero-style-4 .wpo-hero-content .wpo-hero-text span span {
    border-bottom: 1px solid #a48f5b
}

.wpo-hero-style-4 .wpo-hero-img {
    margin-bottom: -2px
}

@media (max-width:1399px) {
    .wpo-hero-style-4 .wpo-hero-img {
        max-width: 400px
    }
}

@media (max-width:1199px) {
    .wpo-hero-style-4 .wpo-hero-img {
        max-width: 350px;
        margin: 0 auto;
        margin-bottom: -2px
    }
}

@media (max-width:1399px) {
    .wpo-hero-style-4 .wpo-hero-img img {
        width: 100%
    }
}

.wpo-hero-style-4 .shape-bg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -1
}

.wpo-site-footer,
.wpo-site-footer-s2 {
    background: #dad2bd;
    background-size: cover;
    position: relative;
    font-size: 15px;
    overflow: hidden;
    z-index: 1
}

.wpo-site-footer-s2:before,
.wpo-site-footer:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.wpo-site-footer .wpo-upper-footer .quote,
.wpo-site-footer-s2 .wpo-upper-footer .quote {
    text-align: center;
    max-width: 850px;
    margin: 0 auto;
    color: #000
}

.wpo-site-footer .wpo-upper-footer .quote span,
.wpo-site-footer-s2 .wpo-upper-footer .quote span {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px
}

@media (max-width:575px) {

    .wpo-site-footer .wpo-upper-footer .quote span,
    .wpo-site-footer-s2 .wpo-upper-footer .quote span {
        font-size: 20px
    }
}

.wpo-site-footer .wpo-upper-footer .quote h2,
.wpo-site-footer-s2 .wpo-upper-footer .quote h2 {
    color: #000;
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
    max-width: 510px;
    margin: 0 auto;
    margin-bottom: 30px;
    margin-top: 6px
}

@media (max-width:575px) {

    .wpo-site-footer .wpo-upper-footer .quote h2,
    .wpo-site-footer-s2 .wpo-upper-footer .quote h2 {
        font-size: 35px;
        line-height: 45px
    }
}

@media (max-width:450px) {

    .wpo-site-footer .wpo-upper-footer .quote h2,
    .wpo-site-footer-s2 .wpo-upper-footer .quote h2 {
        font-size: 28px;
        line-height: 35px
    }
}

.wpo-site-footer .wpo-upper-footer .quote .input-field,
.wpo-site-footer-s2 .wpo-upper-footer .quote .input-field {
    position: relative
}

.wpo-site-footer .wpo-upper-footer .quote .input-field input,
.wpo-site-footer-s2 .wpo-upper-footer .quote .input-field input {
    width: 100%;
    height: 80px;
    padding: 25px 35px;
    padding-right: 230px;
    color: #b3b3b3;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    border: 1px solid #a8a8a8;
    background: rgb(255 255 255 / .8)
}

input.genderRadio {
    width: 30px !important;
    height: auto !important;
    padding: 25px 35px;
    margin-left: 20px;
    padding-right: 230px;
    color: #b3b3b3;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    border: 1px solid #a8a8a8;
    background: rgb(255 255 255 / .8)
}

@media (max-width:575px) {

    .wpo-site-footer .wpo-upper-footer .quote .input-field input,
    .wpo-site-footer-s2 .wpo-upper-footer .quote .input-field input {
        padding: 15px;
        height: 70px
    }
}

.wpo-site-footer .wpo-upper-footer .quote .input-field input:focus,
.wpo-site-footer-s2 .wpo-upper-footer .quote .input-field input:focus {
    outline: 0
}

.wpo-site-footer .wpo-upper-footer .quote .input-field button,
.wpo-site-footer-s2 .wpo-upper-footer .quote .input-field button {
    width: 211px;
    height: 60px;
    background: #000;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    border: 0;
    position: absolute;
    right: 10px;
    top: 10px
}

@media (max-width:575px) {

    .wpo-site-footer .wpo-upper-footer .quote .input-field button,
    .wpo-site-footer-s2 .wpo-upper-footer .quote .input-field button {
        position: relative;
        width: 100%;
        top: 0;
        right: 0;
        margin-top: 20px
    }
}

.wpo-site-footer .wpo-lower-footer,
.wpo-site-footer-s2 .wpo-lower-footer {
    text-align: center;
    position: relative
}

.wpo-site-footer .wpo-lower-footer .row,
.wpo-site-footer-s2 .wpo-lower-footer .row {
    padding: 30px 0;
    position: relative;
    border-top: 1px solid #b8b6b2
}

.wpo-site-footer .wpo-lower-footer ul,
.wpo-site-footer-s2 .wpo-lower-footer ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none
}

@media (max-width:991px) {

    .wpo-site-footer .wpo-lower-footer ul,
    .wpo-site-footer-s2 .wpo-lower-footer ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: block
    }
}

.wpo-site-footer .wpo-lower-footer ul li,
.wpo-site-footer-s2 .wpo-lower-footer ul li {
    font-size: 18px;
    margin: 0;
    color: #000
}

@media (max-width:991px) {

    .wpo-site-footer .wpo-lower-footer ul li:first-child,
    .wpo-site-footer-s2 .wpo-lower-footer ul li:first-child {
        margin-bottom: 10px
    }
}

@media (max-width:767px) {

    .wpo-site-footer .wpo-lower-footer ul li,
    .wpo-site-footer-s2 .wpo-lower-footer ul li {
        font-size: 14px
    }
}

.wpo-site-footer .wpo-lower-footer ul li a,
.wpo-site-footer-s2 .wpo-lower-footer ul li a {
    color: #000;
    text-decoration: none
}

.wpo-site-footer .wpo-lower-footer ul li a:hover,
.wpo-site-footer-s2 .wpo-lower-footer ul li a:hover {
    color: #c3b287
}

@media (max-width:991px) {

    .wpo-site-footer .wpo-lower-footer ul li,
    .wpo-site-footer-s2 .wpo-lower-footer ul li {
        float: none;
        display: block
    }
}

.wpo-site-footer .wpo-lower-footer ul li ul,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wpo-site-footer .wpo-lower-footer ul li ul li,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul li {
    font-size: 22px
}

.wpo-site-footer .wpo-lower-footer ul li ul li:first-child,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul li:first-child {
    margin-bottom: 0
}

.wpo-site-footer .wpo-lower-footer ul li ul li a,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul li a {
    color: #000;
    width: 40px;
    height: 40px;
    line-height: 45px;
    display: block;
    text-align: center;
    border-radius: 50%;
    font-size: 18px;
    background: rgb(255 255 255 / .5);
    font-size: 15px
}

.wpo-site-footer .wpo-lower-footer ul li ul li a:hover,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul li a:hover {
    background: #fff;
    color: #c3b287
}

.wpo-site-footer .wpo-lower-footer ul li ul li+li,
.wpo-site-footer-s2 .wpo-lower-footer ul li ul li+li {
    margin-left: 25px
}

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

    .wpo-site-footer .wpo-lower-footer ul li ul li+li,
    .wpo-site-footer-s2 .wpo-lower-footer ul li ul li+li {
        margin-left: 10px
    }
}

.wpo-site-footer-s2 {
    background: #030303
}

.wpo-site-footer-s2 .wpo-upper-footer .quote h2,
.wpo-site-footer-s2 .wpo-upper-footer .quote span {
    color: #fff
}

.wpo-site-footer-s2 .wpo-upper-footer .quote .input-field input {
    background: #fff
}

.wpo-site-footer-s2 .wpo-lower-footer .row {
    border-color: #575757
}

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

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

.wpo-site-footer-s2 .wpo-lower-footer ul li ul li a {
    background: rgb(255 255 255 / .8)
}

.sticky-header {
    width: 100%;
    position: fixed;
    left: 0;
    top: -200px;
    z-index: 9999;
    opacity: 0;
    -webkit-transition: all .7s;
    transition: all .7s
}

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

.wpo-fun-fact-section,
.wpo-fun-fact-section-s2,
.wpo-fun-fact-section-s3,
.wpo-fun-fact-section-s4 {
    text-align: center;
    background: #eae6dc;
    padding: 40px 0;
    position: relative;
    z-index: 1
}

@media (max-width:767px) {

    .wpo-fun-fact-section,
    .wpo-fun-fact-section-s2,
    .wpo-fun-fact-section-s3,
    .wpo-fun-fact-section-s4 {
        padding-bottom: 30px
    }
}

.wpo-fun-fact-section-s2:before,
.wpo-fun-fact-section-s3:before,
.wpo-fun-fact-section-s4:before,
.wpo-fun-fact-section:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.wpo-fun-fact-section .wpo-fun-fact-grids .grid,
.wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid,
.wpo-fun-fact-section-s3 .wpo-fun-fact-grids .grid,
.wpo-fun-fact-section-s4 .wpo-fun-fact-grids .grid {
    width: 25%;
    float: left
}

@media (max-width:767px) {

    .wpo-fun-fact-section .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s3 .wpo-fun-fact-grids .grid,
    .wpo-fun-fact-section-s4 .wpo-fun-fact-grids .grid {
        width: 50%;
        margin-bottom: 50px
    }
}

.wpo-fun-fact-section .grid,
.wpo-fun-fact-section-s2 .grid,
.wpo-fun-fact-section-s3 .grid,
.wpo-fun-fact-section-s4 .grid {
    text-align: center
}

.wpo-fun-fact-section .grid h3,
.wpo-fun-fact-section-s2 .grid h3,
.wpo-fun-fact-section-s3 .grid h3,
.wpo-fun-fact-section-s4 .grid h3 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #1a1729;
    font-family: "Helvetica Neue", sans-serif;
    margin-bottom: 0
}

@media (max-width:1200px) {

    .wpo-fun-fact-section .grid h3,
    .wpo-fun-fact-section-s2 .grid h3,
    .wpo-fun-fact-section-s3 .grid h3,
    .wpo-fun-fact-section-s4 .grid h3 {
        font-size: 50px;
        font-size: 2.77778rem
    }
}

@media (max-width:991px) {

    .wpo-fun-fact-section .grid h3,
    .wpo-fun-fact-section-s2 .grid h3,
    .wpo-fun-fact-section-s3 .grid h3,
    .wpo-fun-fact-section-s4 .grid h3 {
        font-size: 40px;
        font-size: 2.22222rem
    }
}

@media (max-width:767px) {

    .wpo-fun-fact-section .grid h3,
    .wpo-fun-fact-section-s2 .grid h3,
    .wpo-fun-fact-section-s3 .grid h3,
    .wpo-fun-fact-section-s4 .grid h3 {
        font-size: 35px;
        font-size: 1.94444rem
    }
}

.wpo-fun-fact-section .grid h3+p,
.wpo-fun-fact-section-s2 .grid h3+p,
.wpo-fun-fact-section-s3 .grid h3+p,
.wpo-fun-fact-section-s4 .grid h3+p {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    color: #625f71;
    line-height: 35px;
    display: block
}

@media (max-width:1200px) {

    .wpo-fun-fact-section .grid h3+p,
    .wpo-fun-fact-section-s2 .grid h3+p,
    .wpo-fun-fact-section-s3 .grid h3+p,
    .wpo-fun-fact-section-s4 .grid h3+p {
        font-size: 20px;
        font-size: 1.11111rem;
        line-height: 22px
    }
}

@media (max-width:991px) {

    .wpo-fun-fact-section .grid h3+p,
    .wpo-fun-fact-section-s2 .grid h3+p,
    .wpo-fun-fact-section-s3 .grid h3+p,
    .wpo-fun-fact-section-s4 .grid h3+p {
        font-size: 16px;
        font-size: .88889rem
    }
}

.wpo-about-section,
.wpo-about-section-s3,
.wpo-about-section-s4 {
    padding: 80px 0 60px
}

@media (max-width:767px) {

    .wpo-about-section,
    .wpo-about-section-s3,
    .wpo-about-section-s4 {
        padding: 60px 0
    }
}

.wpo-about-section .about-wrap,
.wpo-about-section-s3 .about-wrap,
.wpo-about-section-s4 .about-wrap {
    max-width: 1456px;
    margin: 0 auto
}

.wpo-about-section .about-content,
.wpo-about-section-s3 .about-content,
.wpo-about-section-s4 .about-content {
    max-width: 401px
}

@media (max-width:991px) {

    .wpo-about-section .about-content,
    .wpo-about-section-s3 .about-content,
    .wpo-about-section-s4 .about-content {
        max-width: 560px;
        text-align: center;
        margin: 0 auto;
        margin-bottom: 50px
    }
}

.wpo-about-section .about-content .about-info,
.wpo-about-section-s3 .about-content .about-info,
.wpo-about-section-s4 .about-content .about-info {
    margin-bottom: 20px;
    margin-top: 30px
}

.wpo-about-section .about-content .about-info h4,
.wpo-about-section-s3 .about-content .about-info h4,
.wpo-about-section-s4 .about-content .about-info h4 {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    margin-bottom: 0
}

.wpo-about-section .about-content .about-info span,
.wpo-about-section-s3 .about-content .about-info span,
.wpo-about-section-s4 .about-content .about-info span {
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

.wpo-about-section .about-img,
.wpo-about-section-s3 .about-img,
.wpo-about-section-s4 .about-img {
    border-radius: 350px;
    position: relative;
    text-align: right;
    padding: 20px;
    margin-left: auto;
    z-index: 1;
    border-radius: 370px;
    border: 1px solid #bbb7af
}

@media (max-width:991px) {

    .wpo-about-section .about-img,
    .wpo-about-section-s3 .about-img,
    .wpo-about-section-s4 .about-img {
        margin: 0 auto;
        max-width: 600px;
        margin-bottom: 50px
    }
}

.wpo-about-section .about-img img,
.wpo-about-section-s3 .about-img img,
.wpo-about-section-s4 .about-img img {
    border-radius: 350px;
    width: 100%
}

.wpo-about-section .about-img .rotate-text,
.wpo-about-section-s3 .about-img .rotate-text,
.wpo-about-section-s4 .about-img .rotate-text {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eae6dc;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%
}

.wpo-about-section .about-img .rotate-text .circular-text,
.wpo-about-section-s3 .about-img .rotate-text .circular-text,
.wpo-about-section-s4 .about-img .rotate-text .circular-text {
    position: relative;
    top: 15px
}

.wpo-about-section .about-img .rotate-text .circular-text span,
.wpo-about-section-s3 .about-img .rotate-text .circular-text span,
.wpo-about-section-s4 .about-img .rotate-text .circular-text span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000
}

.wpo-about-section .about-img .rotate-text .icon,
.wpo-about-section-s3 .about-img .rotate-text .icon,
.wpo-about-section-s4 .about-img .rotate-text .icon {
    position: absolute;
    left: 40%;
    top: 10px
}

.wpo-about-section .about-img .rotate-text .icon i,
.wpo-about-section-s3 .about-img .rotate-text .icon i,
.wpo-about-section-s4 .about-img .rotate-text .icon i {
    font-size: 30px;
    color: #000
}

.wpo-about-section .about-img .rotate-text .dots,
.wpo-about-section-s3 .about-img .rotate-text .dots,
.wpo-about-section-s4 .about-img .rotate-text .dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wpo-about-section .about-img .rotate-text .dots span,
.wpo-about-section-s3 .about-img .rotate-text .dots span,
.wpo-about-section-s4 .about-img .rotate-text .dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #b29f92;
    border-radius: 50%;
    line-height: normal;
    margin: 0 5px
}

.wpo-service-area .wpo-service-item,
.wpo-service-area-s2 .wpo-service-item,
.wpo-service-area-s3 .wpo-service-item {
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid #a8a8a8;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.wpo-service-area-s3 .wpo-service-item-2 {
    padding: 20px 30px;
    border-radius: 10px;
    border: 1px solid #a8a8a8;
    background: #fff;
    margin-bottom: 30px
}

@media (max-width:1399px) {

    .wpo-service-area .wpo-service-item,
    .wpo-service-area-s2 .wpo-service-item,
    .wpo-service-area-s3 .wpo-service-item {
        padding: 20px
    }
}

@media (max-width:1199px) {

    .wpo-service-area .wpo-service-item,
    .wpo-service-area-s2 .wpo-service-item,
    .wpo-service-area-s3 .wpo-service-item {
        padding: 20px 10px
    }
}

.wpo-service-area .wpo-service-item .icon i,
.wpo-service-area-s2 .wpo-service-item .icon i,
.wpo-service-area-s3 .wpo-service-item .icon i {
    display: block;
    width: 80px;
    height: 80px;
    background: #eae6dc;
    text-align: center;
    line-height: 80px;
    border-radius: 50%;
    margin-right: 20px
}

.wpo-service-area .wpo-service-item .wpo-service-text h3,
.wpo-service-area-s2 .wpo-service-item .wpo-service-text h3,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 0
}

@media (max-width:575px) {

    .wpo-service-area .wpo-service-item .wpo-service-text h3,
    .wpo-service-area-s2 .wpo-service-item .wpo-service-text h3,
    .wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px
    }
}

.wpo-service-area .wpo-service-item .wpo-service-text h3 a,
.wpo-service-area-s2 .wpo-service-item .wpo-service-text h3 a,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 a,
.wpo-service-area-s3 .wpo-service-item-2 .wpo-service-text h3 a {
    color: #000
}

.wpo-service-area .wpo-service-item .wpo-service-text h3 a:hover,
.wpo-service-area-s2 .wpo-service-item .wpo-service-text h3 a:hover,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 a:hover,
.wpo-service-area-s3 .wpo-service-item-2 .wpo-service-text h3 a:hover {
    color: #c3b287
}

.wpo-service-area .wpo-service-item .wpo-service-text p,
.wpo-service-area-s2 .wpo-service-item .wpo-service-text p,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text p {
    margin-bottom: 0
}

@media (max-width:575px) {

    .wpo-service-area .wpo-service-item .wpo-service-text p,
    .wpo-service-area-s2 .wpo-service-item .wpo-service-text p,
    .wpo-service-area-s3 .wpo-service-item .wpo-service-text p {
        font-size: 15px
    }
}

.wpo-service-area .wpo-service-item:last-child,
.wpo-service-area-s2 .wpo-service-item:last-child,
.wpo-service-area-s3 .wpo-service-item:last-child {
    margin-bottom: 0
}

.wpo-about-section .wpo-service-area {
    padding-left: 60px
}

@media (max-width:1399px) {
    .wpo-about-section .wpo-service-area {
        padding-left: 20px
    }
}

@media (max-width:1199px) {
    .wpo-about-section .wpo-service-area {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .wpo-about-section .wpo-service-area {
        margin: 0 auto;
        max-width: 600px
    }
}

.wpo-project-section,
.wpo-project-section-s2 {
    position: relative;
    z-index: 1;
    background: #f8f5f3
}

.wpo-project-section .container,
.wpo-project-section-s2 .container {
    position: relative
}

.wpo-project-section .wpo-project-item,
.wpo-project-section-s2 .wpo-project-item {
    position: relative
}

.wpo-project-section .wpo-project-item .wpo-project-img,
.wpo-project-section-s2 .wpo-project-item .wpo-project-img {
    overflow: hidden;
    border-radius: 265px;
    border: 1px solid #a8a8a8;
    background: #fff;
    padding: 20px;
    margin-right: -140px;
    z-index: 1;
    position: relative
}

@media (max-width:1199px) {

    .wpo-project-section .wpo-project-item .wpo-project-img,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-img {
        margin-left: 0
    }
}

@media (max-width:991px) {

    .wpo-project-section .wpo-project-item .wpo-project-img,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-img {
        margin-right: 0;
        margin-bottom: 30px
    }
}

.wpo-project-section .wpo-project-item .wpo-project-img img,
.wpo-project-section-s2 .wpo-project-item .wpo-project-img img {
    border-radius: 250px;
    width: 100%
}

.wpo-project-section .wpo-project-item .wpo-project-text,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text {
    border-radius: 265px;
    border: 1px solid #a8a8a8;
    background: #fff;
    padding: 0 20px;
    margin-left: -200px;
    z-index: -1
}

@media (max-width:1199px) {

    .wpo-project-section .wpo-project-item .wpo-project-text,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text {
        margin-left: -100px
    }
}

@media (max-width:991px) {

    .wpo-project-section .wpo-project-item .wpo-project-text,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text {
        margin: 0;
        text-align: center
    }
}

@media (max-width:575px) {

    .wpo-project-section .wpo-project-item .wpo-project-text,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text {
        padding: 10px
    }
}

.wpo-project-section .wpo-project-item .wpo-project-text .wpo-project-text-inner,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
    padding: 80px 50px;
    padding-left: 350px;
    border-radius: 250px;
    border: 1px solid #ccc
}

@media (max-width:1399px) {

    .wpo-project-section .wpo-project-item .wpo-project-text .wpo-project-text-inner,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
        padding: 35px 50px;
        padding-left: 315px
    }
}

@media (max-width:1399px) and (max-width:1199px) {

    .wpo-project-section .wpo-project-item .wpo-project-text .wpo-project-text-inner,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
        padding-left: 200px
    }
}

@media (max-width:991px) {

    .wpo-project-section .wpo-project-item .wpo-project-text .wpo-project-text-inner,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
        padding: 30px
    }
}

@media (max-width:575px) {

    .wpo-project-section .wpo-project-item .wpo-project-text .wpo-project-text-inner,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
        padding: 50px 15px
    }
}

.wpo-project-section .wpo-project-item .wpo-project-text span,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    padding: 8px 32px;
    background: #000;
    color: #fff
}

.wpo-project-section .wpo-project-item .wpo-project-text h2,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin-top: 0 !important;
    position: sticky;
    top: 0;
    background: #f8f5f3
}

@media (max-width:1399px) {

    .wpo-project-section .wpo-project-item .wpo-project-text h2,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}

@media (max-width:1199px) {

    .wpo-project-section .wpo-project-item .wpo-project-text h2,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 {
        font-size: 25px;
        line-height: 40px;
        margin-bottom: 10px
    }
}

@media (max-width:575px) {

    .wpo-project-section .wpo-project-item .wpo-project-text h2,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 {
        font-size: 22px;
        line-height: 30px
    }
}

.wpo-project-section .wpo-project-item .wpo-project-text h2 a,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 a {
    color: #1a1729
}

.wpo-project-section .wpo-project-item .wpo-project-text h2 a:hover,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text h2 a:hover {
    color: #c3b287
}

.wpo-project-section .wpo-project-item .wpo-project-text p,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text p {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    margin-bottom: 0
}

@media (max-width:1199px) {

    .wpo-project-section .wpo-project-item .wpo-project-text p,
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text p {
        font-size: 16px;
        line-height: 30px
    }
}

.wpo-project-section .wpo-project-item .wpo-project-text,
.wpo-project-section-s2 .wpo-project-item .wpo-project-text {
    -webkit-animation: fadeOutRight 1.2s both;
    animation: fadeOutRight 1.2s both
}

.wpo-project-section .slick-current .wpo-project-item .wpo-project-text,
.wpo-project-section-s2 .slick-current .wpo-project-item .wpo-project-text {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.wpo-project-section .wpo-project-text,
.wpo-project-section-s2 .wpo-project-text {
    -webkit-animation: fadeOutLeft 1.2s both;
    animation: fadeOutLeft 1.2s both
}

.wpo-project-section .slick-current .wpo-project-text,
.wpo-project-section-s2 .slick-current .wpo-project-text {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.wpo-project-section .slick-current .wpo-project-text,
.wpo-project-section-s2 .slick-current .wpo-project-text {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.wpo-project-section .wpo-project-item .wpo-project-img,
.wpo-project-section-s2 .wpo-project-item .wpo-project-img {
    -webkit-animation: fadeOutLeft 1.3s both;
    animation: fadeOutLeft 1.3s both
}

.wpo-project-section .slick-current .wpo-project-item .wpo-project-img,
.wpo-project-section-s2 .slick-current .wpo-project-item .wpo-project-img {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

.wpo-project-section .wpo-project-img,
.wpo-project-section-s2 .wpo-project-img {
    -webkit-animation: fadeOutLeft 1.3s both;
    animation: fadeOutLeft 1.3s both
}

.wpo-project-section .slick-current .wpo-project-img,
.wpo-project-section-s2 .slick-current .wpo-project-img {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

.wpo-project-section .slick-current .wpo-project-img,
.wpo-project-section-s2 .slick-current .wpo-project-img {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.wpo-project-section .slick-dots,
.wpo-project-section-s2 .slick-dots {
    margin-bottom: -40px
}

.wpo-project-section .slick-dots li,
.wpo-project-section-s2 .slick-dots li {
    width: auto;
    margin: 0 10px
}

.wpo-project-section .slick-dots li button,
.wpo-project-section-s2 .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #afafaf;
    border-radius: 50%
}

.wpo-project-section .slick-dots li button::before,
.wpo-project-section-s2 .slick-dots li button::before {
    font-size: 0
}

.wpo-project-section .slick-dots li.slick-active button,
.wpo-project-section-s2 .slick-dots li.slick-active button {
    background: #c3b287;
    width: 30px;
    border-radius: 6px;
    position: relative
}

.wpo-project-section .slick-dots li.slick-active button:before,
.wpo-project-section-s2 .slick-dots li.slick-active button:before {
    position: absolute;
    left: -5px;
    top: -4px;
    width: 40px;
    height: 20px;
    content: "";
    border: 1px solid #c3b287;
    border-radius: 10px
}

.wpo-testimonials-section .testimonials-left,
.wpo-testimonials-section-s2 .testimonials-left,
.wpo-testimonials-section-s3 .testimonials-left {
    max-width: 565px;
    margin-left: auto
}

@media (max-width:1199px) {

    .wpo-testimonials-section .testimonials-left,
    .wpo-testimonials-section-s2 .testimonials-left,
    .wpo-testimonials-section-s3 .testimonials-left {
        margin: 0 auto;
        text-align: center;
        max-width: 100%;
        margin-bottom: 50px
    }
}

.wpo-testimonials-section-s2 .testimonials-left h3,
.wpo-testimonials-section-s3 .testimonials-left h3 {
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 75px;
    margin-bottom: 20px
}

@media (max-width:1200px) {

    .wpo-testimonials-section-s2 .testimonials-left h3,
    .wpo-testimonials-section-s3 .testimonials-left h3 {
        font-size: 40px;
        line-height: 45px;
        margin-bottom: 10px
    }
}

@media (max-width:575px) {

    .wpo-testimonials-section-s2 .testimonials-left h3,
    .wpo-testimonials-section-s3 .testimonials-left h3 {
        font-size: 30px
    }
}

.wpo-testimonials-section .testimonials-left h3 {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    margin-bottom: 20px
}

@media (max-width:1200px) {
    .wpo-testimonials-section .testimonials-left h3 {
        font-size: 26px;
        line-height: 45px;
        margin-bottom: 10px
    }
}

@media (max-width:575px) {
    .wpo-testimonials-section .testimonials-left h3 {
        font-size: 26px
    }
}

.wpo-testimonials-section .testimonials-left p,
.wpo-testimonials-section-s2 .testimonials-left p,
.wpo-testimonials-section-s3 .testimonials-left p {
    margin-bottom: 25px;
    max-width: 530px
}

@media (max-width:1199px) {

    .wpo-testimonials-section .testimonials-left p,
    .wpo-testimonials-section-s2 .testimonials-left p,
    .wpo-testimonials-section-s3 .testimonials-left p {
        margin: 0 auto;
        margin-bottom: 20px
    }
}

.wpo-testimonials-section .testimonials-right,
.wpo-testimonials-section-s2 .testimonials-right,
.wpo-testimonials-section-s3 .testimonials-right {
    margin-right: -460px
}

@media (max-width:767px) {

    .wpo-testimonials-section .testimonials-right,
    .wpo-testimonials-section-s2 .testimonials-right,
    .wpo-testimonials-section-s3 .testimonials-right {
        margin-right: 0
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item {
    border-radius: 20px;
    border: 1px solid #a8a8a8;
    position: relative;
    z-index: 1
}

.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item {
    border-radius: 20px;
    position: relative;
    z-index: 1
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item {
        text-align: center
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item:after,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item:after,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item:after {
    position: absolute;
    right: 30px;
    bottom: 80px;
    font-family: "--icon-font";
    font-size: 300px;
    color: #f9f9f9;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    z-index: -1
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-top,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top {
    padding: 35px;
    position: relative;
    z-index: 1;
    padding-top: 10px
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-top,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top {
        padding: 15px;
        padding-bottom: 30px
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-top p,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top p,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top p {
    color: #2f2f2f;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 10;
    text-align: center
}

@media (max-width:1650px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-top p,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top p,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top p {
        color: #2f2f2f;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 35px;
        margin-bottom: 0
    }
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-top p,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top p,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top p {
        font-size: 16px;
        line-height: 30px
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom {
    padding-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom {
        display: inline-block;
        padding-left: 0
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author {
    margin-right: 0;
    border: 2px solid #dad2bd;
    border-radius: 50%;
    text-align: center;
    width: 130px;
    height: 130px
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author {
        margin: 0 auto;
        margin-bottom: 15px
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author img,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author img,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 3px auto
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3 {
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin-top: 16px
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3 {
        font-size: 26px;
        line-height: 40px;
        margin-bottom: 0
    }
}

.wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span,
.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span {
    color: #2f2f2f;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span,
    .wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span,
    .wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span {
        font-size: 18px
    }
}

.wpo-testimonials-section .testimonials-wrapper .owl-nav [class*=owl-],
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav [class*=owl-],
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav [class*=owl-] {
    padding: 0;
    margin: 0;
    color: #c3b287;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0;
    background: 0 0
}

.wpo-testimonials-section .testimonials-wrapper .owl-nav [class*=owl-] .fi::before,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav [class*=owl-] .fi::before,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav [class*=owl-] .fi::before {
    font-size: 20px;
    color: #a48f5b
}

.wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-next,
.wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-next,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-next,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev {
    position: absolute;
    top: auto;
    bottom: -22px;
    left: 45%;
    background: #fff;
    width: 50px;
    height: 50px;
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 5px;
    border: 1px solid #d9d9d9
}

@media (max-width:767px) {

    .wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev {
        left: auto;
        right: 10%
    }
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-next,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev {
        display: none
    }
}

.wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-next:hover,
.wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev:hover,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-next:hover,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev:hover,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-next:hover,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev:hover {
    background: #c3b287;
    color: #fff
}

.wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev {
    left: 40%
}

@media (max-width:767px) {

    .wpo-testimonials-section .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-nav .owl-prev,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-nav .owl-prev {
        left: auto;
        right: 20%
    }
}

.wpo-testimonials-section .testimonials-wrapper .owl-dots,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-dots,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-dots {
    text-align: center;
    bottom: -10px;
    position: relative;
    display: none
}

@media (max-width:575px) {

    .wpo-testimonials-section .testimonials-wrapper .owl-dots,
    .wpo-testimonials-section-s2 .testimonials-wrapper .owl-dots,
    .wpo-testimonials-section-s3 .testimonials-wrapper .owl-dots {
        display: block
    }
}

.wpo-testimonials-section .testimonials-wrapper .owl-dots button,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-dots button,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-dots button {
    width: 10px;
    height: 12px;
    border: 0;
    background: #e3e3e3;
    margin-right: 10px;
    border-radius: 50%
}

.wpo-testimonials-section .testimonials-wrapper .owl-dots .owl-dot.active,
.wpo-testimonials-section-s2 .testimonials-wrapper .owl-dots .owl-dot.active,
.wpo-testimonials-section-s3 .testimonials-wrapper .owl-dots .owl-dot.active {
    background-color: #c3b287
}

.wpo-testimonials-section .testimonials-wrapper:hover .owl-nav .owl-next,
.wpo-testimonials-section .testimonials-wrapper:hover .owl-nav .owl-prev,
.wpo-testimonials-section-s2 .testimonials-wrapper:hover .owl-nav .owl-next,
.wpo-testimonials-section-s2 .testimonials-wrapper:hover .owl-nav .owl-prev,
.wpo-testimonials-section-s3 .testimonials-wrapper:hover .owl-nav .owl-next,
.wpo-testimonials-section-s3 .testimonials-wrapper:hover .owl-nav .owl-prev {
    opacity: 1
}

.wpo-portfolio-section {
    padding-top: 50px
}

.wpo-portfolio-section .slick-slide {
    margin-right: 15px;
    margin-left: 15px
}

.wpo-portfolio-section .gallery-slide .slick-slide {
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end
}

@media (max-width:600px) {
    .wpo-portfolio-section .gallery-slide .slick-slide {
        height: auto
    }
}

@media (max-width:600px) {
    .wpo-portfolio-section .grid {
        width: 100%
    }
}

.wpo-portfolio-section .grid .img-holder img {
    border-radius: 10px
}

@media (max-width:600px) {
    .wpo-portfolio-section .grid .img-holder img {
        width: 100%
    }
}

.wpo-portfolio-section .grid.s1 img {
    max-width: 500px
}

.wpo-portfolio-section .grid.s2 {
    margin-top: 0
}

@media (max-width:600px) {
    .wpo-portfolio-section .grid.s2 {
        margin-top: 0
    }
}

.wpo-portfolio-section .grid.s2 img {
    max-width: 441px
}

.wpo-portfolio-section .grid.s3 img {
    max-width: 375px
}

.wpo-portfolio-section .grid.s4 {
    margin-top: 0
}

@media (max-width:600px) {
    .wpo-portfolio-section .grid.s4 {
        margin-top: 0
    }
}

.wpo-portfolio-section .grid.s4 img {
    max-width: 500px
}

.wpo-blog-section {
    padding-bottom: 90px;
    position: relative;
    z-index: 1;
    overflow: hidden
}

@media (max-width:767px) {
    .wpo-blog-section {
        padding-bottom: 60px
    }
}

.wpo-blog-section .wpo-blog-item {
    margin-bottom: 30px;
    padding-right: 40px
}

@media (max-width:991px) {
    .wpo-blog-section .wpo-blog-item {
        padding-right: 0
    }
}

.wpo-blog-section .wpo-blog-item .wpo-blog-img {
    overflow: hidden
}

.wpo-blog-section .wpo-blog-item .wpo-blog-img img {
    width: 100%;
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -o-filter: grayscale(0);
    -ms-filter: grayscale(0);
    filter: grayscale(0);
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.wpo-blog-section .wpo-blog-item:hover .wpo-blog-img img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content {
    background: #fff;
    padding: 30px 20px;
    max-width: 340px;
    border: 1px solid #a8a8a8;
    margin-left: auto;
    margin-right: -40px;
    margin-top: -175px;
    position: relative
}

@media (max-width:1399px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content {
        padding: 20px
    }
}

@media (max-width:991px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content {
        margin-right: 0;
        margin-top: 0;
        max-width: 100%
    }
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul li {
    color: #525252
}

@media (max-width:1199px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content ul li {
        font-size: 16px
    }
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul li:first-child {
    padding-right: 30px;
    position: relative
}

@media (max-width:1199px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content ul li:first-child {
        padding-right: 22px
    }
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul li:first-child:before {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    content: "";
    background: #6e6e6e;
    border-radius: 50%
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul li a {
    color: #6e6e6e
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content ul li a:hover {
    color: #c3b287
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content h2 {
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px
}

@media (max-width:1399px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 {
        font-size: 26px
    }
}

@media (max-width:1199px) {
    .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 {
        font-size: 23px
    }
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content h2 a {
    color: #1a1729
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content h2 a:hover {
    color: #c3b287
}

.wpo-blog-section .wpo-blog-item .wpo-blog-content .more {
    color: #a48f5b;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline
}

.wpo-about-section-s2 .about-content h2 {
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000;
    margin-bottom: 30px
}

@media (max-width:1440px) {
    .wpo-about-section-s2 .about-content h2 {
        font-size: 50px
    }
}

@media (max-width:1199px) {
    .wpo-about-section-s2 .about-content h2 {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .wpo-about-section-s2 .about-content h2 {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.wpo-about-section-s2 .about-content p {
    color: #000;
    margin-bottom: 30px
}

.wpo-about-section-s2 .about-content .about-funfact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wpo-about-section-s2 .about-content .about-funfact .about-funfact-item+.about-funfact-item {
    margin-left: 70px
}

@media (max-width:575px) {
    .wpo-about-section-s2 .about-content .about-funfact .about-funfact-item+.about-funfact-item {
        margin-left: 20px
    }
}

.wpo-about-section-s2 .about-content .about-funfact h3 {
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px
}

@media (max-width:1440px) {
    .wpo-about-section-s2 .about-content .about-funfact h3 {
        font-size: 40px;
        margin: 0
    }
}

@media (max-width:575px) {
    .wpo-about-section-s2 .about-content .about-funfact h3 {
        font-size: 30px
    }
}

.wpo-about-section-s2 .about-content .about-funfact small {
    font-size: 25px;
    font-style: normal;
    font-weight: 400;
    line-height: 50px;
    color: #000
}

@media (max-width:1440px) {
    .wpo-about-section-s2 .about-content .about-funfact small {
        font-size: 16px
    }
}

@media (max-width:575px) {
    .wpo-about-section-s2 .about-content .about-funfact small {
        font-size: 14px
    }
}

@media (max-width:991px) {
    .wpo-about-section-s2 .about-content {
        margin-bottom: 30px
    }
}

.wpo-project-section-s2 .wpo-project-item {
    margin-bottom: 60px
}

@media (max-width:991px) {
    .wpo-project-section-s2 .wpo-project-item {
        margin-bottom: 40px
    }
}

.wpo-project-section-s2 .wpo-project-item:last-child {
    margin-bottom: 0
}

.wpo-project-section-s2 .wpo-project-item .wpo-project-img {
    -webkit-animation: unset;
    animation: unset;
    margin: 0;
    border-radius: 0
}

@media (max-width:575px) {
    .wpo-project-section-s2 .wpo-project-item .wpo-project-img {
        padding: 10px
    }
}

.wpo-project-section-s2 .wpo-project-item .wpo-project-img img {
    border-radius: 0
}

.wpo-project-section-s2 .wpo-project-item .wpo-project-text {
    margin: 0;
    -webkit-animation: unset;
    animation: unset;
    background: 0 0;
    border-radius: 0;
    border: 0;
    height: 450px;
    overflow: scroll
}

@media (max-width:991px) {
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text {
        margin: 0 auto;
        margin-top: 30px
    }
}

@media (max-width:575px) {
    .wpo-project-section-s2 .wpo-project-item .wpo-project-text {
        padding: 0
    }
}

.wpo-project-section-s2 .wpo-project-item .wpo-project-text .wpo-project-text-inner {
    padding: 0;
    border-radius: 0;
    border: 0
}

.wpo-project-section-s2 .wpo-project-item:nth-child(2),
.wpo-project-text {
    text-align: left;
    margin-left: auto
}

@media (max-width:991px) {
    .wpo-project-section-s2 .wpo-project-item:nth-child(2) .wpo-project-text {
        margin: 0 auto;
        margin-top: 20px;
        text-align: center
    }
}

.wpo-fun-fact-section-s4 {
    background: #030303
}

.wpo-fun-fact-section-s4 .grid h3 {
    color: #fff
}

.wpo-fun-fact-section-s4 .grid h3+p {
    color: #fff
}

.wpo-about-section-s3,
.wpo-about-section-s4 {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.wpo-about-section-s3 .about-wrap .about-img,
.wpo-about-section-s4 .about-wrap .about-img {
    border-radius: 0;
    padding: 0;
    border: 0;
    position: relative;
    max-width: 565px;
    margin: 0
}

@media (max-width:991px) {

    .wpo-about-section-s3 .about-wrap .about-img,
    .wpo-about-section-s4 .about-wrap .about-img {
        text-align: center
    }
}

.wpo-about-section-s3 .about-wrap .about-img img,
.wpo-about-section-s4 .about-wrap .about-img img {
    border-radius: 0;
    width: auto
}

@media (max-width:1400px) {

    .wpo-about-section-s3 .about-wrap .about-img img,
    .wpo-about-section-s4 .about-wrap .about-img img {
        max-width: 485px
    }
}

@media (max-width:991px) {

    .wpo-about-section-s3 .about-wrap .about-img img,
    .wpo-about-section-s4 .about-wrap .about-img img {
        width: 100%
    }
}

.wpo-about-section-s3 .about-wrap .about-img .line-shape,
.wpo-about-section-s4 .about-wrap .about-img .line-shape {
    position: absolute;
    left: 0;
    top: 5%;
    z-index: -1
}

@media (max-width:1400px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape {
        left: 40px
    }
}

@media (max-width:991px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape {
        left: 70%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0
    }
}

.wpo-about-section-s3 .about-wrap .about-img .line-shape svg,
.wpo-about-section-s4 .about-wrap .about-img .line-shape svg {
    width: 691px;
    height: 698px
}

@media (max-width:1400px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape svg,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape svg {
        width: 558px
    }
}

@media (max-width:991px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape svg,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape svg {
        width: 600px
    }
}

@media (max-width:767px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape svg,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape svg {
        display: none
    }
}

.wpo-about-section-s3 .about-wrap .about-img .line-shape-2,
.wpo-about-section-s4 .about-wrap .about-img .line-shape-2 {
    position: absolute;
    left: 25px;
    bottom: 50px
}

@media (max-width:1400px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape-2,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape-2 {
        left: 50px;
        bottom: 26px
    }
}

@media (max-width:1199px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape-2,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape-2 {
        display: none
    }
}

.wpo-about-section-s3 .about-wrap .about-img .line-shape-2 svg,
.wpo-about-section-s4 .about-wrap .about-img .line-shape-2 svg {
    width: 654px;
    height: 194px
}

@media (max-width:1400px) {

    .wpo-about-section-s3 .about-wrap .about-img .line-shape-2 svg,
    .wpo-about-section-s4 .about-wrap .about-img .line-shape-2 svg {
        left: 50px;
        bottom: 26px;
        width: 556px;
        height: 130px
    }
}

.wpo-about-section-s3 .about-wrap .about-content,
.wpo-about-section-s4 .about-wrap .about-content {
    max-width: 100%;
    position: relative;
    z-index: 11
}

.wpo-about-section-s3 .about-wrap .about-content h2,
.wpo-about-section-s4 .about-wrap .about-content h2 {
    font-size: 30px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #000;
    margin-bottom: 30px
}

@media (max-width:1199px) {

    .wpo-about-section-s3 .about-wrap .about-content h2,
    .wpo-about-section-s4 .about-wrap .about-content h2 {
        font-size: 40px
    }
}

@media (max-width:450px) {

    .wpo-about-section-s3 .about-wrap .about-content h2,
    .wpo-about-section-s4 .about-wrap .about-content h2 {
        font-size: 30px
    }
}

.wpo-about-section-s3 .about-wrap .about-content p,
.wpo-about-section-s4 .about-wrap .about-content p {
    color: #000
}

.wpo-about-section-s3 .about-wrap .about-content p::first-letter,
.wpo-about-section-s4 .about-wrap .about-content p::first-letter {
    color: #000
}

@media (max-width:450px) {

    .wpo-about-section-s3 .about-wrap .about-content p::first-letter,
    .wpo-about-section-s4 .about-wrap .about-content p::first-letter {
        font-size: 30px
    }
}

@media (max-width:1199px) {

    .wpo-about-section-s3 .about-wrap .about-content p,
    .wpo-about-section-s4 .about-wrap .about-content p {
        font-size: 16px
    }
}

.wpo-about-section-s3 .about-wrap .about-content .about-info h4,
.wpo-about-section-s4 .about-wrap .about-content .about-info h4 {
    color: #000
}

.wpo-about-section-s3 .about-wrap .about-content .about-info span,
.wpo-about-section-s4 .about-wrap .about-content .about-info span {
    color: #000
}

.wpo-about-section-s3 .wpo-service-area,
.wpo-about-section-s4 .wpo-service-area {
    z-index: 11;
    position: relative
}

.wpo-about-section-s3 .wpo-service-area .wpo-service-item,
.wpo-about-section-s4 .wpo-service-area .wpo-service-item {
    border-radius: 10px;
    border: 1px solid #a8a8a8;
    background: 0 0
}

@media (max-width:1199px) {

    .wpo-about-section-s3 .wpo-service-area .wpo-service-item,
    .wpo-about-section-s4 .wpo-service-area .wpo-service-item {
        padding: 10px
    }
}

@media (max-width:991px) {

    .wpo-about-section-s3 .wpo-service-area .wpo-service-item,
    .wpo-about-section-s4 .wpo-service-area .wpo-service-item {
        margin-bottom: 20px
    }
}

@media (max-width:1399px) {

    .wpo-about-section-s3 .wpo-service-area .wpo-service-item .wpo-service-text h3,
    .wpo-about-section-s4 .wpo-service-area .wpo-service-item .wpo-service-text h3 {
        font-size: 22px
    }
}

@media (max-width:1199px) {

    .wpo-about-section-s3 .wpo-service-area .wpo-service-item .wpo-service-text h3,
    .wpo-about-section-s4 .wpo-service-area .wpo-service-item .wpo-service-text h3 {
        font-size: 20px
    }
}

.wpo-about-section-s3 .wpo-service-area .wpo-service-item .wpo-service-text h3 a,
.wpo-about-section-s4 .wpo-service-area .wpo-service-item .wpo-service-text h3 a {
    color: #fff
}

.wpo-about-section-s3 .wpo-service-area .wpo-service-item .wpo-service-text p,
.wpo-about-section-s4 .wpo-service-area .wpo-service-item .wpo-service-text p {
    color: #d4d4d4
}

@media (max-width:1399px) {

    .wpo-about-section-s3 .wpo-service-area .wpo-service-item .wpo-service-text p,
    .wpo-about-section-s4 .wpo-service-area .wpo-service-item .wpo-service-text p {
        font-size: 16px
    }
}

.wpo-about-section-s3 .light-shape-1,
.wpo-about-section-s4 .light-shape-1 {
    position: absolute;
    left: -130px;
    top: -80px;
    width: 364px;
    height: 364px;
    border-radius: 364px;
    background: radial-gradient(50% 50% at 50% 50%, #d5c9ab 0, #fff0 97.4%);
    z-index: -1;
    opacity: .3
}

.wpo-about-section-s3 .light-shape-2,
.wpo-about-section-s4 .light-shape-2 {
    position: absolute;
    left: 42%;
    top: 23%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 268px;
    height: 268px;
    opacity: .3;
    background: radial-gradient(50% 50% at 50% 50%, #d5c9ab 0, #fff0 97.4%);
    z-index: -1
}

.wpo-about-section-s3 .light-shape-3,
.wpo-about-section-s4 .light-shape-3 {
    position: absolute;
    right: 50px;
    bottom: 23%;
    width: 232px;
    height: 232px;
    border-radius: 364px;
    opacity: .3;
    background: radial-gradient(50% 50% at 50% 50%, #d5c9ab 0, #fff0 97.4%);
    z-index: -1
}

.wpo-project-section-s3 {
    background: #fff
}

.wpo-project-section-s3 .wpo-section-title-btn {
    text-align: right
}

@media (max-width:991px) {
    .wpo-project-section-s3 .wpo-section-title-btn {
        text-align: center
    }
}

.wpo-project-section-s3 .wpo-project-section-title {
    margin-bottom: 50px
}

.wpo-project-section-s3 .wpo-project-section-title .wpo-section-title-s2 {
    margin-bottom: 0
}

.wpo-project-section-s3 .wpo-project-wrap {
    margin-right: -200px
}

@media (max-width:1399px) {
    .wpo-project-section-s3 .wpo-project-wrap {
        margin-right: -100px
    }
}

@media (max-width:991px) {
    .wpo-project-section-s3 .wpo-project-wrap {
        margin-right: 0
    }
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-img {
    border-radius: 20px;
    background: #030303
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-img img {
    border-radius: 20px
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text {
    padding-top: 20px
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px
}

@media (max-width:1600px) {
    .wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 {
        font-size: 28px;
        line-height: 40px
    }
}

@media (max-width:1199px) {
    .wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 {
        font-size: 25px
    }
}

@media (max-width:767px) {
    .wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 {
        font-size: 25px;
        line-height: 30px
    }
}

@media (max-width:575px) {
    .wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 {
        font-size: 22px;
        line-height: 30px
    }
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text h2 a {
    color: #fff
}

.wpo-project-section-s3 .wpo-project-wrap .wpo-project-item .wpo-project-text span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 35px;
    background: -webkit-gradient(linear, right top, left top, color-stop(6.52%, #f2cd8c), color-stop(95.22%, #cc9260));
    background: linear-gradient(270deg, #f2cd8c 6.52%, #cc9260 95.22%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next,
.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 1px solid #1a1729;
    opacity: 0
}

.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next:hover,
.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-prev:hover {
    background: #c3b287;
    border-color: #c3b287
}

.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next:hover .fi:before,
.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-prev:hover .fi:before {
    color: #fff
}

@media (max-width:575px) {

    .wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next,
    .wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-prev {
        display: none
    }
}

.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-prev {
    left: 20px
}

.wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next {
    right: 220px
}

@media (max-width:1399px) {
    .wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next {
        right: 130px
    }
}

@media (max-width:991px) {
    .wpo-project-section-s3 .wpo-project-wrap .owl-nav .owl-next {
        right: 20px
    }
}

.wpo-project-section-s3 .wpo-project-wrap .owl-dots {
    text-align: center;
    bottom: -20px;
    position: relative
}

@media (min-width:575px) {
    .wpo-project-section-s3 .wpo-project-wrap .owl-dots {
        display: none
    }
}

.wpo-project-section-s3 .wpo-project-wrap .owl-dots button {
    width: 10px;
    height: 12px;
    border: 0;
    background: #d4e6f5;
    margin-right: 10px;
    border-radius: 50%
}

.wpo-project-section-s3 .wpo-project-wrap .owl-dots .owl-dot.active {
    background-color: #c3b287
}

.wpo-project-section-s3 .wpo-project-wrap:hover .owl-nav .owl-next,
.wpo-project-section-s3 .wpo-project-wrap:hover .owl-nav .owl-prev {
    opacity: 1
}

.wpo-testimonials-section-s2,
.wpo-testimonials-section-s3 {
    position: relative
}

.wpo-testimonials-section-s2 .light-shape-1,
.wpo-testimonials-section-s3 .light-shape-1 {
    position: absolute;
    left: -130px;
    top: -80px;
    width: 364px;
    height: 364px;
    border-radius: 364px;
    background: radial-gradient(50% 50% at 50% 50%, #ffb677 0, #fff0 97.4%);
    z-index: -1;
    opacity: .3
}

.wpo-testimonials-section-s2 .light-shape-2,
.wpo-testimonials-section-s3 .light-shape-2 {
    position: absolute;
    left: 42%;
    bottom: -30%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 268px;
    height: 268px;
    opacity: .3;
    background: radial-gradient(50% 50% at 50% 50%, #ffb677 0, #fff0 97.4%);
    z-index: -1
}

.wpo-testimonials-section-s2 .testimonials-left h3,
.wpo-testimonials-section-s3 .testimonials-left h3 {
    color: #000
}

.wpo-testimonials-section-s2 .testimonials-left p,
.wpo-testimonials-section-s3 .testimonials-left p {
    color: #000
}

.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item {
    border-color: #c9c9c9
}

.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item:after,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item:after {
    color: #262626
}

.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text h3 {
    color: #000
}

.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-bottom .testimonials-item-bottom-author-text span {
    color: #000
}

.wpo-testimonials-section-s2 .testimonials-wrapper .testimonials-item .testimonials-item-top p,
.wpo-testimonials-section-s3 .testimonials-wrapper .testimonials-item .testimonials-item-top p {
    color: #000
}

.digital-marque-sec {
    background: #030303;
    padding: 40px 0;
    position: relative;
    z-index: -1
}

.digital-marque-sec:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

@media (max-width:991px) {
    .digital-marque-sec {
        padding: 20px 0
    }
}

.digital-marque-sec .digital-marque {
    position: relative;
    left: -10%;
    width: 120%;
    z-index: -1
}

.digital-marque-sec .digital-marque .track {
    -webkit-animation: marquee 200s linear infinite;
    animation: marquee 200s linear infinite
}

@keyframes marquee {
    from {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.digital-marque-sec .digital-marque h1 {
    font-size: 70px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    will-change: transform;
    -webkit-animation: marquee 20s linear infinite;
    animation: marquee 20s linear infinite;
    margin-bottom: 0;
    -webkit-text-fill-color: #fff0;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff
}

@media (max-width:991px) {
    .digital-marque-sec .digital-marque h1 {
        font-size: 50px
    }
}

@media (max-width:575px) {
    .digital-marque-sec .digital-marque h1 {
        font-size: 30px;
        -webkit-animation: marquee 10s linear infinite;
        animation: marquee 10s linear infinite
    }
}

.wpo-about-section-s4 {
    padding: 150px 0;
    padding-top: 180px
}

@media (max-width:1199px) {
    .wpo-about-section-s4 {
        padding: 120px 0
    }
}

@media (max-width:991px) {
    .wpo-about-section-s4 {
        padding: 80px 0
    }
}

@media (max-width:767px) {
    .wpo-about-section-s4 {
        padding: 70px 0
    }
}

.wpo-about-section-s4 .about-wrap .about-img {
    -webkit-transform: rotate(-13.631deg);
    transform: rotate(-13.631deg);
    border: 1px solid #c3b287;
    background: #151515;
    padding: 20px;
    position: relative
}

@media (max-width:1199px) {
    .wpo-about-section-s4 .about-wrap .about-img {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@media (max-width:991px) {
    .wpo-about-section-s4 .about-wrap .about-img {
        margin: 0 auto
    }
}

@media (max-width:767px) {
    .wpo-about-section-s4 .about-wrap .about-img {
        padding: 10px
    }
}

.wpo-about-section-s4 .about-wrap .about-img img {
    width: 100%;
    max-width: 100%
}

.wpo-about-section-s4 .about-wrap .about-img .round-text {
    position: absolute;
    right: -120px;
    top: 50%;
    width: 200px;
    height: 200px;
    line-height: 200px;
    border-radius: 50%;
    z-index: 11;
    background: 0 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1199px) {
    .wpo-about-section-s4 .about-wrap .about-img .round-text {
        right: -80px
    }
}

@media (max-width:767px) {
    .wpo-about-section-s4 .about-wrap .about-img .round-text {
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        bottom: 20px;
        top: auto
    }
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .circular-text {
    position: relative;
    top: 15px;
    -webkit-transform: rotate(13.631deg);
    transform: rotate(13.631deg)
}

@media (max-width:1199px) {
    .wpo-about-section-s4 .about-wrap .about-img .round-text .circular-text {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .circular-text span {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    color: #fff
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .icon {
    position: absolute;
    left: 28%;
    top: 5px
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .icon i {
    display: inline-block;
    font-size: 30px;
    color: #1a1729;
    width: 90px;
    height: 90px;
    line-height: 90px;
    text-align: center;
    background: var(--gradiant, linear-gradient(180deg, #f2cd8c 0, #cc9260 100%));
    border-radius: 50%
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .dots {
    position: absolute;
    left: 27%;
    bottom: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

@media (max-width:1199px) {
    .wpo-about-section-s4 .about-wrap .about-img .round-text .dots {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        left: 37%
    }
}

.wpo-about-section-s4 .about-wrap .about-img .round-text .dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #b29f92;
    border-radius: 50%;
    line-height: normal;
    margin: 0 5px
}

.wpo-service-area-s2,
.wpo-service-area-s3 {
    padding-bottom: 90px
}

@media (max-width:991px) {

    .wpo-service-area-s2,
    .wpo-service-area-s3 {
        padding-bottom: 60px
    }
}

@media (max-width:767px) {

    .wpo-service-area-s2,
    .wpo-service-area-s3 {
        padding-bottom: 50px
    }
}

.wpo-service-area-s2 .wpo-service-item,
.wpo-service-area-s3 .wpo-service-item,
.wpo-service-area-s3 .wpo-service-item-2 {
    border-radius: 10px;
    border: 1px solid #a8a8a8;
    background: 0 0;
    margin-bottom: 30px
}

.wpo-service-area-s2 .wpo-service-item:last-child,
.wpo-service-area-s3 .wpo-service-item:last-child {
    margin-bottom: 30px
}

@media (max-width:1199px) {

    .wpo-service-area-s2 .wpo-service-item,
    .wpo-service-area-s3 .wpo-service-item {
        padding: 10px
    }
}

@media (max-width:991px) {

    .wpo-service-area-s2 .wpo-service-item,
    .wpo-service-area-s3 .wpo-service-item {
        margin-bottom: 20px
    }
}

@media (max-width:1399px) {

    .wpo-service-area-s2 .wpo-service-item .wpo-service-text h3,
    .wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 {
        font-size: 22px
    }
}

@media (max-width:1199px) {

    .wpo-service-area-s2 .wpo-service-item .wpo-service-text h3,
    .wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 {
        font-size: 20px
    }
}

.wpo-service-area-s2 .wpo-service-item .wpo-service-text h3 a,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 a {
    color: #fff
}

.wpo-service-area-s2 .wpo-service-item .wpo-service-text p,
.wpo-service-area-s3 .wpo-service-item .wpo-service-text p {
    color: #d4d4d4
}

@media (max-width:1399px) {

    .wpo-service-area-s2 .wpo-service-item .wpo-service-text p,
    .wpo-service-area-s3 .wpo-service-item .wpo-service-text p {
        font-size: 16px
    }
}

.wpo-testimonials-section-s3 .testimonials-right {
    margin-right: 0
}

.wpo-testimonials-section-s3 .testimonials-right .testimonials-wrapper .owl-stage-outer {
    margin: -15px
}

.wpo-testimonials-section-s3 .testimonials-right .testimonials-wrapper .owl-stage {
    margin: 15px
}

.wpo-testimonials-section-s3 .testimonials-right .testimonials-wrapper .owl-nav .owl-prev {
    left: -25px;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.wpo-testimonials-section-s3 .testimonials-right .testimonials-wrapper .owl-nav .owl-next {
    right: -25px;
    top: 50%;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none
}

.wpo-contact-section {
    background: #030303;
    position: relative;
    z-index: 1
}

.wpo-contact-section:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    z-index: -1
}

.wpo-contact-section .contact-info-wrap {
    padding-right: 60px
}

@media (max-width:991px) {
    .wpo-contact-section .contact-info-wrap {
        padding-right: 0
    }
}

.wpo-contact-section .contact-info-wrap .contact-info-title {
    margin-bottom: 30px
}

.wpo-contact-section .contact-info-wrap .contact-info-title h3 {
    font-size: 60px;
    font-style: normal;
    font-weight: 500;
    line-height: 70px;
    color: #fff
}

@media (max-width:991px) {
    .wpo-contact-section .contact-info-wrap .contact-info-title h3 {
        font-size: 40px
    }
}

.wpo-contact-section .contact-info-wrap .contact-info-title p {
    color: #fff
}

.wpo-contact-section .contact-info-wrap .contact-info-item {
    margin-bottom: 45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wpo-contact-section .contact-info-wrap .contact-info-item:last-child {
    margin-bottom: 0
}

.wpo-contact-section .contact-info-wrap .contact-info-item .contact-info-icon {
    margin-right: 20px
}

.wpo-contact-section .contact-info-wrap .contact-info-item .contact-info-text h4 {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    margin-bottom: 10px
}

.wpo-contact-section .contact-info-wrap .contact-info-item .contact-info-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #fff;
    margin-bottom: 0
}

.wpo-contact-section .wpo-contact-section-wrapper {
    position: relative
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area {
    padding: 60px 40px 50px;
    position: relative;
    z-index: 9;
    border: 1px solid #343434;
    margin: 0 auto;
    background: rgb(3 3 3 / .5)
}

@media (max-width:1199px) {
    .wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area {
        padding: 40px 20px
    }
}

@media (max-width:991px) {
    .wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area {
        max-width: 100%;
        margin-top: 50px
    }
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control {
    width: 100%;
    height: 60px;
    margin-bottom: 20px;
    border: 0;
    border: 1px solid #8a8a8a;
    background: #fff0;
    color: #fff;
    border-radius: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    padding: 15px
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control::-webkit-input-placeholder {
    color: #fff
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control:-ms-input-placeholder {
    color: #fff
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control::-ms-input-placeholder {
    color: #fff
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .form-control::placeholder {
    color: #fff
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area textarea.form-control {
    height: 130px
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area select.form-control {
    color: #fff;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: #fff0 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center;
    position: relative
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area select.form-control option {
    background: #000;
    border: 0
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .submit-area {
    margin-top: 20px;
    text-align: center
}

.wpo-contact-section .wpo-contact-section-wrapper .wpo-contact-form-area .submit-area button {
    border: 0
}

.wpo-protfolio-area {
    padding-bottom: 90px
}

.wpo-protfolio-area-3 {
    padding-bottom: 70px
}

.wpo-protfolio-text h2 {
    font-size: 40px;
    color: #fff
}

.wpo-protfolio-text span {
    font-size: 18px;
    color: #fff;
    display: block;
    margin-bottom: 20px;
    font-weight: 300
}

.wpo-protfolio-text a {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    padding: 10px 50px;
    background: rgb(255 255 255 / .35);
    position: relative;
    border-radius: 40px
}

.wpo-protfolio-text a:after {
    position: absolute;
    left: -5px;
    bottom: -5px;
    width: 105%;
    height: 120%;
    content: "";
    border-radius: 40px;
    border: 1px solid #fff
}

.wpo-protfolio-text a:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    z-index: 9;
    content: '';
    -webkit-transition: all .3s;
    transition: all .3s;
    border-radius: 40px
}

.wpo-protfolio-text a:hover:before {
    left: 0;
    opacity: .3
}

.wpo-blog-img,
.wpo-protfolio-single {
    position: relative;
    overflow: hidden
}

.wpo-protfolio-text {
    padding: 40px;
    position: absolute;
    left: 0;
    bottom: 30px
}

.wpo-protfolio-right {
    margin-top: -200px
}

.wpo-protfolio-area .section-title {
    margin-bottom: 120px
}

.wpo-protfolio-img img {
    width: 100%
}

@media (max-width:767px) {
    .wpo-protfolio-area .section-title {
        margin-bottom: 40px
    }

    .wpo-protfolio-right {
        margin-top: 0
    }

    .protfolio-btn {
        text-align: center;
        margin-top: 15px
    }
}

@media (max-width:590px) {
    .protfolio-btn a {
        font-size: 20px
    }
}

.sortable-gallery {
    overflow: visible
}

.gallery-filters {
    text-align: center;
    overflow-x: scroll;
    overflow-y: hidden
}

.gallery-filters ul {
    display: ruby-text;
    overflow: hidden;
    list-style: none;
    text-align: center
}

.gallery-filters ul li {
    display: inline-block
}

.gallery-filters ul li a {
    font-weight: 500;
    color: #111;
    display: block;
    text-transform: capitalize
}

.gallery-filters ul>li+li {
    margin-left: 80px
}

.gallery-filters ul li a.current {
    color: #fff
}

@media (max-width:500px) {
    .gallery-filters ul>li+li {
        margin-left: 10px;
        margin-bottom: 5px
    }
}

.wpo-protfolio-area .wpo-protfolio-single {
    margin-bottom: 30px
}

.wpo-protfolio-area .wpo-protfolio-img {
    position: relative
}

.wpo-protfolio-area .wpo-protfolio-img:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    background: rgb(37 34 77 / .4);
    width: 100%;
    height: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s
}

.wpo-protfolio-area .wpo-protfolio-single:hover .wpo-protfolio-img:before {
    height: 100%;
    opacity: 1;
    visibility: visible
}

.wpo-protfolio-area .wpo-protfolio-text {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    bottom: -200px
}

.wpo-protfolio-area .wpo-protfolio-single:hover .wpo-protfolio-text {
    opacity: 1;
    visibility: visible;
    bottom: 0
}

.wpo-protfolio-area-3 .wpo-protfolio-text {
    position: relative;
    padding: 10px 0;
    bottom: 0
}

.wpo-protfolio-area-3 .wpo-protfolio-text h2 {
    color: #131058;
    font-weight: 400;
    margin-top: 0
}

.wpo-protfolio-area-3 .wpo-protfolio-text span {
    color: #666
}

.protfolio-slide-area .wpo-protfolio-single {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    z-index: 9
}

.protfolio-slide-area .wpo-protfolio-single:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    content: "";
    background: rgb(8 8 78 / .8);
    -webkit-transition: all .3s;
    transition: all .3s;
    z-index: 9
}

.protfolio-slide-area .wpo-protfolio-single:hover:after {
    width: 100%
}

.protfolio-slide-area .protfolio-btn {
    text-align: center;
    margin-top: 0
}

.protfolio-slide-area .thumb-text {
    position: absolute;
    right: 10px;
    top: -30%;
    -webkit-transition: all .6s;
    transition: all .6s;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.protfolio-slide-area .thumb-text span {
    font-size: 200px;
    color: #fff;
    font-weight: 500;
    line-height: 190px;
    font-family: Conv_Now-Bold;
    z-index: 999
}

.protfolio-slide-area .wpo-protfolio-text {
    bottom: -50%;
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 999
}

.protfolio-slide-area .wpo-protfolio-single:hover .wpo-protfolio-text {
    bottom: 0;
    opacity: 1;
    visibility: visible
}

.protfolio-slide-area .wpo-protfolio-single:hover .thumb-text {
    top: 0;
    opacity: 1;
    visibility: visible
}

.wpo-protfolio-area-3 .wpo-protfolio-text h2 a {
    color: #1a1729;
    padding: 0;
    font-size: 26px;
    font-weight: 400
}

.wpo-protfolio-area-3 .wpo-protfolio-text h2 a:hover {
    color: #c3b287
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-title h3 {
    font-weight: 500;
    font-size: 35px;
    line-height: 130.5%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-title h3 {
        font-size: 25px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item {
    margin-bottom: 50px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img {
    margin-bottom: 50px;
    margin-top: 20px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-controls {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav [class*=owl-]:hover {
    background: #c3b287;
    color: #fff
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav [class*=owl-] {
    background: #fff;
    width: 50px;
    height: 50px;
    line-height: 58px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    color: #c3b287;
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav [class*=owl-] .fi::before {
    font-size: 20px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-next,
.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-prev {
    left: 15px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-main-img .owl-nav .owl-next {
    right: 15px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right {
    max-width: auto;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    margin-left: auto;
    margin-bottom: 50px
}

@media (max-width:1200px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 40px
    }
}

@media (max-width:991px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right {
        margin-left: 0;
        max-width: 100%;
        margin-top: 20px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul {
    list-style: none;
    padding: 50px 30px;
    -webkit-box-shadow: 0 2px 10px rgb(14 29 44 / .15);
    box-shadow: 0 2px 10px rgb(14 29 44 / .15)
}

@media (max-width:575px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul {
        padding: 50px 20px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    font-size: 16px;
    color: #1a1729;
    font-weight: 400;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li span {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    color: #5a5a5a;
    font-weight: 400
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item .wpo-project-single-content-des-right ul li:first-child {
    padding-top: 0
}

.wpo-project-single-area .wpo-project-single-wrap .list-widget ul {
    list-style: none
}

.wpo-project-single-area .wpo-project-single-wrap .list-widget ul li {
    padding: 7px 0;
    padding-left: 5px;
    position: relative
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-p-details-img {
    margin-bottom: 10px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-p-details-img img {
    width: 100%
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote {
    padding: 45px;
    background: rgb(195 178 135 / .1);
    text-align: center;
    border-radius: 15px
}

@media (max-width:991px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote {
        padding: 20px;
        margin-top: 30px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote p {
    font-size: 22px;
    margin-bottom: 30px;
    color: #1a1729;
    line-height: 44px
}

@media (max-width:991px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote p {
        font-size: 16px;
        margin-bottom: 20px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span {
    font-size: 22px;
    font-weight: 400
}

@media (max-width:991px) {
    .wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span {
        font-size: 16px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-item-quote span span {
    color: #c3b287;
    font-weight: 400
}

@media (max-width:991px) {
    .wpo-project-single-area .wpo-project-single-wrap .list-widget-s {
        margin-top: 30px
    }
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-single-gallery {
    margin-bottom: 30px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area {
    padding: 30px;
    border-radius: 20px;
    -webkit-box-shadow: 0 2px 8px 2px rgb(22 14 71 / .1);
    box-shadow: 0 2px 8px 2px rgb(22 14 71 / .1)
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-title {
    margin-bottom: 30px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .col {
    margin-bottom: 30px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .form-control {
    height: 50px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    background: 0 0
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area textarea.form-control {
    height: 120px
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area select.form-control {
    background: #fff0 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center
}

.wpo-project-single-area .wpo-project-single-wrap .wpo-project-contact-area .wpo-contact-form-area .submit-area button {
    border-radius: 6px
}

.wpo-project-single-area .wpo-project-single-wrap .related-project .wpo-project-section-s4 {
    padding-bottom: 0
}

.wpo-project-single-area .wpo-project-single-wrap .related-project .wpo-project-section-s4 .wpo-project-container {
    padding: 0
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-title h3 {
    font-weight: 500;
    font-size: 35px;
    line-height: 130.5%;
    margin-bottom: 20px
}

@media (max-width:767px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-title h3 {
        font-size: 25px
    }
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-item {
    margin-bottom: 40px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-single-item .wpo-service-single-main-img {
    margin-bottom: 30px
}

.wpo-service-single-area .wpo-service-single-wrap .list-widget {
    max-width: 590px
}

.wpo-service-single-area .wpo-service-single-wrap .list-widget ul {
    list-style: none
}

.wpo-service-single-area .wpo-service-single-wrap .list-widget ul li {
    padding: 10px 0;
    padding-left: 5px;
    position: relative
}

.list-widget ul li:before {
    position: absolute;
    left: 0;
    top: 25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50%;
    background: rgb(195 178 135 / .1);
    content: "\e64c";
    font-family: themify;
    text-align: center;
    color: #c3b287;
    font-size: 14px
}

.list-widget ul li {
    padding: 10px 0;
    padding-left: 35px !important;
    position: relative
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-p-details-img {
    margin-bottom: 10px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-area {
    padding-bottom: 0
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item {
    padding: 15px;
    -webkit-box-shadow: 0 0 20px 0 rgb(20 33 43 / .1);
    box-shadow: 0 0 20px 0 rgb(20 33 43 / .1);
    display: block;
    text-align: center
}

@media (max-width:1200px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item {
        padding: 20px 10px
    }
}

@media (max-width:991px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item {
        margin-bottom: 20px
    }
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 {
    font-weight: 400;
    font-size: 22px;
    margin-bottom: 12px;
    margin-top: 10px
}

@media (max-width:1400px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 {
        font-size: 19px;
        margin-bottom: 10px
    }
}

@media (max-width:1200px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 {
        font-size: 17px;
        margin-bottom: 10px
    }
}

@media (max-width:991px) {
    .wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item h2 {
        font-size: 22px
    }
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item p {
    margin-bottom: 5px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-area .wpo-service-item .icon i {
    margin: 0 auto
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area {
    padding: 30px;
    -webkit-box-shadow: 0 2px 8px 2px rgb(22 14 71 / .1);
    box-shadow: 0 2px 8px 2px rgb(22 14 71 / .1);
    border-radius: 20px;
    background: #fff
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-title {
    margin-bottom: 30px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .col {
    margin-bottom: 30px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .form-control {
    height: 50px;
    border: 0;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .form-control:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area textarea.form-control {
    height: 120px
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area select.form-control {
    background: #fff0 url(../images/select-icon2.png) no-repeat calc(100% - 15px) center
}

.wpo-service-single-area .wpo-service-single-wrap .wpo-service-contact-area .wpo-contact-form-area .submit-area button {
    border-radius: 6px
}

.wpo-service-area-s3 .wpo-service-item {
    border-color: #a8a8a8
}

.wpo-service-area-s3 .wpo-service-item .wpo-service-text h3 a {
    color: #1a1729
}

.wpo-service-area-s3 .wpo-service-item .wpo-service-text p {
    color: #6e6e6e
}

.wpo-blog-pg-section .wpo-blog-content .post {
    margin-bottom: 70px
}

@media (max-width:991px) {
    .wpo-blog-pg-section .wpo-blog-content .post {
        margin-bottom: 50px
    }
}

@media (max-width:767px) {
    .wpo-blog-pg-section .wpo-blog-content .post {
        margin-bottom: 40px
    }
}

.wpo-blog-pg-section .entry-meta {
    list-style: none;
    overflow: hidden;
    margin: 35px 0
}

@media (max-width:767px) {
    .wpo-blog-pg-section .entry-meta {
        margin: 25px 0
    }
}

.wpo-blog-pg-section .entry-meta ul {
    list-style: none
}

.wpo-blog-pg-section .entry-meta ul li {
    font-weight: 500;
    font-size: 14px;
    font-size: .77778rem;
    float: left;
    text-transform: uppercase
}

.wpo-blog-pg-section .entry-meta ul li a {
    color: #636893;
    text-decoration: underline
}

.wpo-blog-pg-section .entry-meta ul li a:hover {
    color: #c3b287
}

.wpo-blog-pg-section .entry-meta ul li i {
    position: relative;
    top: 2px;
    margin-right: 3px
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    content: "";
    background: #c3b287;
    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: .66667rem
    }
}

@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: 34px;
    font-size: 1.88889rem;
    line-height: 1.2em;
    font-weight: 400;
    margin: -.27em 0 .7em;
    font-family: "Helvetica Neue", sans-serif
}

@media (max-width:991px) {
    .wpo-blog-pg-section .post h3 {
        font-size: 25px;
        font-size: 1.38889rem
    }
}

@media (max-width:767px) {
    .wpo-blog-pg-section .post h3 {
        font-size: 22px;
        font-size: 1.22222rem
    }
}

.wpo-blog-pg-section .post h3 a {
    color: #1a1729
}

.wpo-blog-pg-section .post h3 a:hover {
    color: #c3b287
}

.wpo-blog-pg-section .post p {
    margin-bottom: 1.5em
}

@media (max-width:991px) {
    .wpo-blog-pg-section .post p {
        font-size: 16px;
        font-size: .88889rem
    }
}

.wpo-blog-pg-section .post a.read-more {
    text-decoration: underline;
    color: #6e6e6e;
    text-transform: uppercase;
    font-family: "Helvetica Neue", sans-serif font-size:16px
}

.wpo-blog-pg-section .post a.read-more:hover {
    color: #c3b287
}

.wpo-blog-pg-section .entry-media img {
    width: 100%
}

.wpo-blog-pg-section .format-quote,
.wpo-blog-pg-section .format-standard {
    background-color: #f5f5f5;
    padding: 25px 35px 45px
}

@media (max-width:767px) {

    .wpo-blog-pg-section .format-quote,
    .wpo-blog-pg-section .format-standard {
        padding: 25px 20px 45px
    }
}

.wpo-blog-pg-section .format-standard {
    position: relative
}

.wpo-blog-pg-section .format-standard:before {
    position: absolute;
    right: 10px;
    top: 10px;
    content: "\f109";
    font-family: flaticon;
    font-size: 90px;
    line-height: 80px;
    color: #ebebeb;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover {
    background: #c3b287;
    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: #c3b287;
    -webkit-transition: all .3s;
    transition: all .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-next,
.wpo-blog-pg-section .format-gallery .owl-nav .owl-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-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: 13.88889rem;
    color: #ecf3fb;
    margin-left: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -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: #1a1729;
    background: -webkit-gradient(linear, left top, right top, from(#a48f5b), to(#c3b287));
    background: linear-gradient(left, #a48f5b, #c3b287);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
    opacity: .5
}

.wpo-blog-pg-section .format-video .video-holder:hover:before {
    opacity: .7
}

.wpo-blog-pg-section .format-video .video-holder a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -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:before {
    position: absolute;
    left: -12px;
    top: -12px;
    width: 140%;
    height: 140%;
    background: rgb(255 255 255 / .3);
    content: "";
    -webkit-animation: save-the-date-pulse 1s infinite;
    animation: save-the-date-pulse 1s infinite;
    border-radius: 50%;
    z-index: -1
}

.wpo-blog-pg-section .format-video .video-holder .fi:before {
    font-size: 20px;
    font-size: 1.11111rem;
    color: #c3b287
}

@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
    }
}

@-webkit-keyframes save-the-date-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes save-the-date-pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    50% {
        -webkit-transform: scale3d(.95, .95, .95);
        transform: scale3d(.95, .95, .95)
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.wpo-blog-single-section .entry-meta {
    list-style: none;
    overflow: hidden;
    margin: 35px 0
}

@media (max-width:767px) {
    .wpo-blog-single-section .entry-meta {
        margin: 25px 0
    }
}

.wpo-blog-single-section .entry-meta ul {
    list-style: none
}

.wpo-blog-single-section .entry-meta ul li {
    font-weight: 500;
    font-size: 14px;
    font-size: .77778rem;
    float: left;
    text-transform: uppercase
}

.wpo-blog-single-section .entry-meta ul li a {
    color: #636893;
    text-decoration: underline
}

.wpo-blog-single-section .entry-meta ul li a:hover {
    color: #c3b287
}

.wpo-blog-single-section .entry-meta ul li i {
    position: relative;
    top: 2px;
    margin-right: 3px
}

.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%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 7px;
    content: "";
    background: #c3b287;
    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: 12px;
        font-size: .66667rem
    }
}

@media (max-width:440px) {
    .wpo-blog-single-section .entry-meta ul li {
        float: none;
        display: block;
        margin-bottom: 5px
    }
}

.wpo-blog-single-section .entry-media img {
    width: 100%
}

.wpo-blog-single-section .post h2 {
    font-size: 35px;
    font-size: 1.94444rem;
    margin: -.22em 0 .7em;
    line-height: 1.3em;
    font-family: "Helvetica Neue", sans-serif
}

@media (max-width:991px) {
    .wpo-blog-single-section .post h2 {
        font-size: 30px;
        font-size: 1.66667rem
    }
}

@media (max-width:767px) {
    .wpo-blog-single-section .post h2 {
        font-size: 25px;
        font-size: 1.38889rem
    }
}

.wpo-blog-single-section .post p {
    margin-bottom: 1.5em
}

.wpo-blog-single-section .post h3 {
    font-size: 24px;
    font-size: 1.33333rem;
    font-weight: 400;
    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.22222rem
    }
}

@media (max-width:767px) {
    .wpo-blog-single-section .post h3 {
        font-size: 20px;
        font-size: 1.11111rem
    }
}

.wpo-blog-single-section .post blockquote {
    background-color: #f5f5f5;
    color: #233d62;
    font-size: 20px;
    line-height: 1.6em;
    padding: 65px;
    margin-top: 60px;
    margin-bottom: 40px;
    border: 0;
    text-align: center;
    position: relative;
    text-decoration: underline
}

@media (max-width:767px) {
    .wpo-blog-single-section .post blockquote {
        padding: 55px 25px
    }
}

.wpo-blog-single-section .post blockquote:before {
    font-family: Flaticon;
    content: "\f109";
    font-size: 20px;
    font-size: 1.11111rem;
    color: rgb(255 255 255 / .5);
    position: absolute;
    left: 50%;
    top: -30px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    line-height: 60px;
    border: 2px solid #f4f8fc;
    background: #fff;
    color: #c3b287;
    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 #e1e1e1;
    margin: 75px 0 0;
    padding-bottom: 30px;
    color: #1a1729
}

@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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wpo-blog-single-section .tag-share .tag>span,
.wpo-blog-single-section .tag-share-s2 .tag>span {
    font-family: "Helvetica Neue", sans-serif color:#1A1729;
    font-weight: 400;
    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: .77778rem;
    display: inline-block;
    padding: 5px 18px;
    color: #1a1729;
    background: #f5f5f5;
    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: .72222rem
    }
}

.wpo-blog-single-section .tag-share .tag a:hover,
.wpo-blog-single-section .tag-share-s2 .tag a:hover {
    color: #c3b287
}

.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: 0;
    font-size: 16px;
    font-size: .88889rem;
    text-transform: capitalize;
    background: 0 0;
    text-decoration: underline;
    color: #6e6e6e
}

.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: "Helvetica Neue", sans-serif font-size:24px;
    font-size: 1.33333rem;
    font-weight: 400;
    display: inline-block;
    margin-bottom: 10px;
    color: #1a1729
}

.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: .72222rem;
    color: #1a1729
}

.wpo-blog-single-section .author-box .social-link a:hover {
    color: #c3b287
}

.wpo-blog-single-section .more-posts {
    overflow: hidden;
    border: 1px solid #d8e0f1;
    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 .next-post,
.wpo-blog-single-section .more-posts .previous-post {
    padding: 40px 0
}

@media (max-width:767px) {

    .wpo-blog-single-section .more-posts .next-post,
    .wpo-blog-single-section .more-posts .previous-post {
        padding: 25px 15px !important
    }
}

.wpo-blog-single-section .more-posts .next-post {
    text-align: right;
    border-left: 1px solid #d8e0f1;
    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 #d8e0f1
    }
}

.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 .next-post>a>span,
.wpo-blog-single-section .more-posts .previous-post>a>span {
    display: block
}

.wpo-blog-single-section .more-posts .post-control-link {
    font-size: 14px;
    font-size: .77778rem;
    color: #6e6e6e;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 2px
}

.wpo-blog-single-section .more-posts .post-name {
    font-family: "Helvetica Neue", sans-serif font-size:18px;
    font-size: 1rem;
    color: #1a1729;
    margin: .7em 0 0
}

@media (max-width:991px) {
    .wpo-blog-single-section .more-posts .post-name {
        font-size: 18px;
        font-size: 1rem
    }
}

.wpo-blog-single-section .more-posts a:hover .post-control-link {
    color: #c3b287
}

.wpo-blog-single-section .comments-area {
    margin-top: 70px
}

.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.22222rem;
    font-weight: 500;
    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.11111rem
    }
}

.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: "Helvetica Neue", sans-serif font-size:18px;
    font-size: 1rem;
    color: #1a1729;
    font-weight: 700;
    margin: 0 0 1em
}

.wpo-blog-single-section .comments-area .comments-meta h4 span {
    font-size: 15px;
    font-size: .83333rem;
    color: #6e6e6e;
    font-weight: 400;
    text-transform: none;
    display: inline-block;
    padding-left: 5px;
    font-family: "Helvetica Neue", 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-family: "Helvetica Neue", sans-serif font-size:14px;
    font-size: .77778rem;
    font-weight: 400;
    color: #1a1729;
    text-align: center;
    border-radius: 50px;
    display: inline-block;
    font-family: "Helvetica Neue", sans-serif text-decoration:underline;
    text-transform: uppercase;
    letter-spacing: 1px
}

.wpo-blog-single-section .comments-area .comment-reply-link:hover {
    color: #c3b287
}

.wpo-blog-single-section .comment-respond {
    margin-top: 70px
}

.wpo-blog-single-section .comment-respond .comment-reply-title {
    font-size: 22px;
    font-size: 1.22222rem;
    margin: 0 0 1.5em;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width:991px) {
    .wpo-blog-single-section .comment-respond .comment-reply-title {
        font-size: 20px;
        font-size: 1.11111rem
    }
}

.wpo-blog-single-section .comment-respond form input,
.wpo-blog-single-section .comment-respond form textarea {
    background-color: #fff;
    width: 100%;
    height: 55px;
    border: 1px solid #a4adbe;
    padding: 6px 15px;
    margin-bottom: 15px;
    outline: 0;
    border-radius: 30px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.wpo-blog-single-section .comment-respond form input:focus,
.wpo-blog-single-section .comment-respond form textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #c3b287
}

@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: 220px;
    padding: 15px
}

@media (max-width:991px) {
    .wpo-blog-single-section .comment-respond form textarea {
        height: 150px
    }
}

.wpo-blog-single-section .comment-respond .form-inputs {
    overflow: hidden
}

.wpo-blog-single-section .comment-respond .form-inputs>input:first-child {
    width: 49%;
    float: left
}

@media (max-width:767px) {
    .wpo-blog-single-section .comment-respond .form-inputs>input:first-child {
        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: "Helvetica Neue", sans-serif max-width:180px;
    background-color: #1e2845;
    color: #fff;
    margin-bottom: 0;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    font-size: 15px;
    letter-spacing: 2px;
    border-radius: 30px
}

.wpo-blog-single-section .comment-respond .form-submit input:hover {
    background-color: #1a1729
}

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

.wpo-contact-pg-section {
    padding-bottom: 0
}

.wpo-contact-pg-section .wpo-contact-title {
    max-width: 700px;
    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: 1.94444rem;
    font-weight: 400;
    margin-bottom: 20px
}

@media (max-width:575px) {
    .wpo-contact-pg-section .wpo-contact-title h2 {
        font-size: 25px;
        font-size: 1.38889rem
    }
}

.wpo-contact-pg-section form label {
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    font-family: Montserrat, sans-serif
}

.wpo-contact-pg-section form input,
.wpo-contact-pg-section form select,
.wpo-contact-pg-section form textarea {
    background: #f5f5f5;
    width: 100%;
    height: 45px;
    font-family: Montserrat, sans-serif;
    border: 1px solid #fff0;
    border-radius: 10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding-left: 10px;
    margin-bottom: 30px
}

@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: #c3b287;
    background: #f5f5f5
}

.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: .83333rem;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.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 {
    border-radius: 30px;
    font-family: "Helvetica Neue", sans-serif font-size:16px
}

.wpo-contact-pg-section form .submit-area .theme-btn:after {
    border-radius: 30px
}

.wpo-contact-pg-section form>div {
    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: 0
    }
}

.wpo-contact-pg-section .office-info .office-info-item {
    -webkit-box-shadow: 0 5px 15px 0 rgb(62 65 159 / .1);
    box-shadow: 0 5px 15px 0 rgb(62 65 159 / .1);
    padding: 40px;
    overflow: hidden;
    position: relative
}

.wpo-contact-pg-section .office-info .office-info-item .office-info-icon {
    width: 85px;
    height: 85px;
    background: #f5f5f5;
    line-height: 110px;
    margin: 0 auto;
    border-radius: 50%
}

.wpo-contact-pg-section .office-info .office-info-item .office-info-icon .fi:before {
    font-size: 40px
}

.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 .office-info .office-info-item .hidden-icon {
    position: absolute;
    right: -20px;
    top: -20px;
    opacity: .03
}

.wpo-contact-pg-section .office-info .office-info-item .hidden-icon .fi:before {
    font-size: 135px
}

.wpo-contact-pg-section .wpo-contact-form-area {
    padding: 50px;
    background: #eae6dc;
    -webkit-box-shadow: 0 1px 15px 0 rgb(62 65 159 / .1);
    box-shadow: 0 1px 15px 0 rgb(62 65 159 / .1);
    padding-bottom: 0;
    margin-bottom: 50px;
    position: relative;
    z-index: 99;
    border-radius: 20px;
    height: auto
}

@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
}

.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: 1.66667rem;
    margin: 0 0 .8em
}

.error-404-section .error-message p {
    margin-bottom: 1.8em
}

.wpo-hero-style-1 .wpo-hero-title-1 h2,
.wpo-hero-style-2 .wpo-hero-title-2 h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: 65px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:1890px) {

    .wpo-hero-style-1 .wpo-hero-title-1 h2,
    .wpo-hero-style-2 .wpo-hero-title-2 h2 {
        font-size: 40px
    }
}

@media (max-width:1659px) {

    .wpo-hero-style-1 .wpo-hero-title-1 h2,
    .wpo-hero-style-2 .wpo-hero-title-2 h2 {
        font-size: 25px;
        line-height: 58px
    }
}

@media (max-width:1500px) {

    .wpo-hero-style-1 .wpo-hero-title-1 h2,
    .wpo-hero-style-2 .wpo-hero-title-2 h2 {
        font-size: 25px;
        line-height: 48px
    }
}

@media (max-width:1199px) {

    .wpo-hero-style-1 .wpo-hero-title-1 h2,
    .wpo-hero-style-2 .wpo-hero-title-2 h2 {
        font-size: 22px;
        line-height: 30px
    }
}

@media (max-width:991px) {

    .wpo-hero-style-1 .wpo-hero-title-1 h2,
    .wpo-hero-style-2 .wpo-hero-title-2 h2 {
        font-size: 18px;
        line-height: 30px
    }
}

.wpo-hero-style-1 .wpo-hero-title h2.wpo-hero-title-2 {
    font-size: 26px;
    font-style: normal;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (max-width:1650px) {
    .wpo-hero-style-1 .wpo-hero-title h2.wpo-hero-title-2 {
        font-size: 21px;
        font-style: normal;
        font-weight: 500;
        line-height: 40px;
        text-transform: uppercase;
        margin-bottom: 0
    }
}

.theme-btn-2 {
    background: 0 0;
    color: #000;
    display: inline-block;
    font-weight: 400;
    padding: 15px 45px;
    border: 0;
    border-radius: 0;
    text-transform: capitalize;
    -webkit-backface-visibility: hidden;
    z-index: 1;
    position: relative;
    font-family: "Helvetica Neue", sans-serif font-size:25px !important;
    font-size: 1.11111rem;
    overflow: hidden
}

.wpo-hero-btn-box {
    padding: 20px;
    background: #eae6dc;
    border-radius: 150px;
    margin-left: 140px;
    position: relative;
    max-width: 330px !important;
    overflow: hidden;
    margin-bottom: 0;
    z-index: 11
}

.wpo-hero-style-1 .wpo-hero-btn h2.wpo-hero-title-2 a {
    font-size: 30px;
    font-style: normal;
    color: #000;
    font-weight: 500;
    line-height: 45px;
    text-transform: uppercase;
    margin-bottom: 0
}

.wpo-hero-btn {
    border: 1px solid #aca79a;
    padding: 20px 30px;
    border-radius: 130px
}

.team-card {
    overflow: hidden;
    position: relative;
    border-radius: 20px
}

.team-card_img {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%
}

.team-card_img:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-linear-gradient(180deg, #fff0 50.47%, #0a0c00 100%);
    background: linear-gradient(180deg, #fff0 50.47%, #0a0c00 100%);
    z-index: 1
}

.team-card_img img {
    transition: .4s;
    width: 100%;
    filter: grayscale(1)
}

.team-card .team-card_content {
    position: absolute;
    left: 0;
    bottom: -10px;
    padding: 0 28px 36px;
    transition: .4s;
    opacity: 0;
    z-index: 1
}

.team-card_title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 7px
}

.team-card_title a {
    color: #fff
}

.team-card_title a:hover {
    color: #fff
}

.team-card_desig {
    font-size: 18px;
    font-weight: 400;
    display: block;
    color: #fff;
    margin-bottom: 0
}

.team-card:hover .team-card_content {
    opacity: 1;
    bottom: 0
}

.team-card:hover .team-card_img img {
    transform: scale(1.05);
    filter: grayscale(0)
}

@media (max-width:1399px) {
    .team-card_title {
        font-size: 22px
    }
}

.bg-smoke {
    background: #f6f5f3
}

.pricing-card {
    padding: 40px;
    border-radius: 20px;
    margin-bottom: 25px
}

.pricing-card .pricing-card_title {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.48px;
    margin-top: -.2em;
    margin-bottom: 12px
}

.pricing-card .pricing-card_wrap {
    margin-bottom: 19px
}

.pricing-card .pricing-card_price {
    font-size: 60px;
    font-weight: 400;
    letter-spacing: -1.8px
}

.pricing-card .pricing-card_price .duration {
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -.4px
}

.pricing-card img {
    width: 100%;
    border-radius: 20px;
    margin-bottom: 20px
}

.pricing-card p {
    font-size: 16px
}

@media (max-width:1399px) {
    .pricing-card p {
        font-size: 16px
    }
}

.pricing-card .checklist {
    margin-bottom: 42px
}

.pricing-card .checklist li {
    font-family: var(--title-font);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -.14px;
    text-transform: uppercase
}

.pricing-card .checklist li i {
    color: #000
}

.pricing-card .btn {
    width: 100%
}

@media (max-width:1399px) {
    .pricing-card .pricing-card_price {
        font-size: 50px
    }
}

@media (max-width:1199px) {
    .pricing-card .pricing-card_price {
        font-size: 40px
    }

    .pricing-card {
        padding: 30px
    }

    .pricing-card .btn {
        padding: 21.5px 30px
    }

    .pricing-card p {
        font-size: 14px
    }
}

@media (max-width:575px) {
    .pricing-card .pricing-card_price {
        font-size: 30px
    }
}

.link-effect {
    position: relative;
    overflow: hidden;
    display: block;
    height: 30px;
    line-height: normal
}

.link-effect .effect-1 {
    display: block;
    height: 100%;
    position: relative;
    top: 0;
    transition: .3s
}

.link-effect:hover .effect-1 {
    top: -100%
}

.btn {
    position: relative;
    z-index: 2;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-family: var(--title-font);
    font-size: 14px;
    font-weight: 400;
    padding: 21.5px 40px;
    border-radius: 0;
    overflow: hidden;
    margin-top: 25px
}

.btn.active,
.btn:focus,
.btn:hover {
    color: #000;
    outline: 0;
    box-shadow: none
}

.btn:hover .effect-1 {
    top: -100%
}

.btn.style2 {
    background: var(--theme-color);
    color: #fff
}

.btn.style2.active,
.btn.style2:focus,
.btn.style2:hover {
    color: #fff
}

.btn.style3 {
    border: 1px solid #4b4d49;
    background: #fff0;
    color: #000
}

.accordion-card {
    transition: .4s ease-in-out;
    overflow: hidden;
    background: #fff0;
    border-bottom: 2px solid #000;
    border-radius: 0;
    display: flex;
    align-items: start;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    justify-content: space-between;
    gap: 20px
}

.accordion-card:first-child {
    border-top: 2px solid #000
}

.accordion-card .accordion-header {
    flex: none
}

.accordion-card .accordion-button {
    font-size: 24px;
    font-weight: 400;
    font-family: var(--title-font);
    color: #000;
    border: 0;
    background-color: #fff0;
    padding: 0;
    gap: 10px;
    margin-bottom: 0;
    text-align: left;
    transition: .3s;
    align-items: start;
    position: inherit
}

.accordion-card .accordion-button:after {
    content: "\f067";
    height: 40px;
    width: auto;
    border-radius: 7px;
    line-height: 38px;
    background: #fff0;
    border: 0;
    font-family: var(--icon-font);
    color: #000;
    font-weight: 900;
    font-size: 16px;
    display: grid;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    top: 23px;
    right: 0;
    transition: .3s ease-in-out
}

.accordion-card .accordion-button.collapse:after {
    content: "\f068";
    transform: rotate(0)
}

.accordion-card .accordion-button .faq-number {
    font-size: 14px;
    font-weight: 400;
    margin-right: 40px
}

.accordion-card .accordion-button:focus {
    outline: 0;
    box-shadow: none
}

.accordion-card .accordion-button:not(.collapsed):after {
    content: "\f068";
    transform: rotate(0)
}

.accordion-card .accordion-collapse {
    border: none;
    position: relative
}

.accordion-card .accordion-body {
    border-radius: 0;
    background-color: #fff0;
    border: none;
    padding: 2px 60px 0 0;
    margin-top: -.5em;
    max-width: 365px
}

.accordion-card .accordion-body p {
    margin-bottom: -.3em;
    font-weight: 400;
    font-size: 18px
}

.accordion-card:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .accordion-card {
        display: block
    }

    .accordion-card .accordion-body {
        margin-top: 20px;
        max-width: none
    }
}

@media (max-width:767px) {
    .accordion-card .accordion-body {
        padding-right: 0
    }
}

@media (max-width:575px) {
    .accordion-card .accordion-button .faq-number {
        margin-right: 10px
    }

    .accordion-card .accordion-button {
        font-size: 20px
    }

    .accordion-card .accordion-body p {
        font-size: 16px
    }
}

.accordion-card.style2 {
    display: block
}

.accordion-card.style2 .accordion-button {
    font-size: 20px
}

.accordion-card.style2 .accordion-body {
    max-width: none;
    padding-right: 0;
    margin-top: 12px;
    margin-bottom: 16px
}

.portfolio-area-1 {
    background-size: 100% calc(100% - 240px);
    background-position: bottom
}

.portfolio-wrap {
    position: relative;
    display: block
}

.portfolio-wrap .portfolio-thumb {
    display: inline-block;
    overflow: hidden
}

.portfolio-wrap .portfolio-thumb img {
    transform: scale(1.03);
    transition: .4s ease-in-out
}

.portfolio-wrap .portfolio-details {
    padding-top: 28px
}

.portfolio-wrap .portfolio-details .portfolio-meta {
    display: inline-flex;
    padding: 0;
    margin: 0 0 14px
}

.portfolio-wrap .portfolio-details .portfolio-meta li {
    display: inline-block;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 400;
    position: relative
}

.portfolio-wrap .portfolio-details .portfolio-meta li:after {
    content: "/";
    position: relative;
    margin: 0 2px
}

.portfolio-wrap .portfolio-details .portfolio-meta li a {
    color: #000
}

.portfolio-wrap .portfolio-details .portfolio-meta li:last-child:after {
    display: none
}

.portfolio-wrap .portfolio-details .portfolio-title {
    font-weight: 400;
    font-size: 30px;
    margin-bottom: 23px
}

.portfolio-wrap .portfolio-details .portfolio-title a {
    color: #000
}

.portfolio-wrap:hover .portfolio-thumb img {
    transform: scale(1.03) translateX(8px)
}

.portfolio-slider .slick-current .portfolio-wrap.style2:after {
    opacity: 1;
    height: 100%
}

.portfolio-slider .slick-current .portfolio-wrap.style2 .portfolio-details {
    bottom: 0;
    opacity: 1
}

.portfolio-wrap.style2 {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 20px
}

.portfolio-wrap.style2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    background: linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    transition: .4s;
    opacity: 0;
    height: 0
}

.portfolio-wrap.style2 .portfolio-thumb {
    overflow: initial;
    width: 100%
}

.portfolio-wrap.style2 .portfolio-thumb img {
    width: 100%
}

.portfolio-wrap.style2 .portfolio-details {
    position: absolute;
    left: 0;
    bottom: -25px;
    padding: 0 0 40px 40px;
    z-index: 1;
    max-width: 350px;
    transition: .4s;
    opacity: 0
}

.portfolio-wrap.style2 .portfolio-details .portfolio-meta {
    color: #fff
}

.portfolio-wrap.style2 .portfolio-details .portfolio-meta li a {
    color: #fff
}

.portfolio-wrap.style2 .portfolio-details .portfolio-title {
    margin-bottom: -.25em;
    color: #fff
}

.portfolio-wrap.style2 .portfolio-details .portfolio-title a {
    color: #fff
}

@media (max-width:1199px) {
    .portfolio-wrap.style2 .portfolio-details {
        padding: 0 0 30px 30px
    }
}

@media (max-width:991px) {
    .portfolio-wrap.style2 .portfolio-details {
        padding: 0 0 40px 40px
    }
}

@media (max-width:575px) {
    .portfolio-wrap.style2 .portfolio-details {
        padding: 0 0 30px 30px
    }

    .portfolio-wrap.style2 .portfolio-details .portfolio-title {
        font-size: 24px
    }
}

.portfolio-wrap.style3 {
    position: relative;
    overflow: hidden
}

.portfolio-wrap.style3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    background: linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    transition: .4s;
    opacity: 0;
    height: 0
}

.portfolio-wrap.style3 .portfolio-thumb {
    overflow: initial;
    width: 100%
}

.portfolio-wrap.style3 .portfolio-thumb img {
    width: 100%
}

.portfolio-wrap.style3 .portfolio-details {
    position: absolute;
    left: 0;
    bottom: -25px;
    padding: 0 0 40px 40px;
    z-index: 1;
    max-width: 350px;
    transition: .4s;
    opacity: 0
}

.portfolio-wrap.style3 .portfolio-details .portfolio-meta {
    color: #fff
}

.portfolio-wrap.style3 .portfolio-details .portfolio-meta li a {
    color: #fff
}

.portfolio-wrap.style3 .portfolio-details .portfolio-title {
    margin-bottom: -.25em;
    color: #fff
}

.portfolio-wrap.style3 .portfolio-details .portfolio-title a {
    color: #fff
}

.portfolio-wrap.style3:hover:after {
    opacity: 1;
    height: 100%
}

.portfolio-wrap.style3:hover .portfolio-details {
    opacity: 1;
    bottom: 0
}

@media (max-width:1199px) {
    .portfolio-wrap.style3 .portfolio-details {
        padding: 0 0 30px 30px
    }
}

@media (max-width:991px) {
    .portfolio-wrap.style3 .portfolio-details {
        padding: 0 0 40px 40px
    }
}

@media (max-width:575px) {
    .portfolio-wrap.style3 .portfolio-details {
        padding: 0 0 30px 30px
    }

    .portfolio-wrap.style3 .portfolio-details .portfolio-title {
        font-size: 24px
    }
}

@media (max-width:375px) {
    .portfolio-wrap.style3 .portfolio-details .portfolio-title {
        font-size: 20px
    }

    .portfolio-wrap.style3 .portfolio-details {
        padding: 0 0 20px 20px
    }
}

.portfolio-wrap.style4 .portfolio-details .portfolio-title a {
    color: var(--smoke-color)
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta {
    margin-bottom: -.3em
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta li a {
    color: var(--smoke-color)
}

.portfolio-wrap.style4 .portfolio-details .portfolio-meta li:after {
    color: var(--smoke-color)
}

@media (max-width:991px) {
    .portfolio-wrap.style4 .portfolio-thumb img {
        width: 100%
    }
}

.project-area-6 {
    position: relative
}

.portfolio-static-wrap {
    display: flex;
    flex-wrap: wrap
}

.portfolio-static {
    position: sticky;
    top: 0;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: auto
}

@media (max-width:575px) {
    .portfolio-static {
        top: 86px
    }
}

.portfolio-wrap.style5:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    background: linear-gradient(180deg, #fff0 0, #0a0c00 100%);
    transition: .4s;
    opacity: 1;
    height: 100%
}

.portfolio-wrap.style5 .portfolio-thumb img {
    width: 100%
}

.portfolio-wrap.style5 .portfolio-details {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 140px 140px 140px;
    z-index: 1;
    transition: .4s;
    opacity: 1;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end
}

.portfolio-wrap.style5 .portfolio-details .media-left {
    max-width: 746px
}

.portfolio-wrap.style5 .portfolio-details .portfolio-meta li a {
    color: var(--smoke-color)
}

.portfolio-wrap.style5 .portfolio-details .portfolio-meta li:after {
    color: var(--smoke-color)
}

.portfolio-wrap.style5 .portfolio-details .portfolio-title {
    margin-bottom: -.25em;
    font-size: 48px
}

.portfolio-wrap.style5 .portfolio-details .portfolio-title a {
    color: var(--smoke-color)
}

.portfolio-wrap.style5 .portfolio-details-btn {
    flex: none
}

.portfolio-wrap.style5 .link-btn {
    color: var(--smoke-color)
}

.portfolio-wrap.style5 .link-btn img {
    filter: brightness(99) grayscale(99)
}

.portfolio-wrap.style5 .link-btn:after,
.portfolio-wrap.style5 .link-btn:before {
    background: var(--smoke-color)
}

@media (max-width:1299px) {
    .portfolio-wrap.style5 .portfolio-details {
        padding: 0 100px 100px 100px
    }

    .portfolio-wrap.style5 .portfolio-details .portfolio-title {
        font-size: 36px
    }

    .portfolio-wrap.style5 .portfolio-details .media-left {
        max-width: 600px
    }
}

@media (max-width:1199px) {
    .portfolio-wrap.style5 .portfolio-details .portfolio-title {
        font-size: 32px
    }

    .portfolio-wrap.style5 .portfolio-details {
        padding: 0 80px 80px 80px
    }
}

@media (max-width:991px) {
    .portfolio-wrap.style5 .portfolio-details {
        padding: 0 60px 60px 60px
    }

    .portfolio-wrap.style5 .portfolio-details .portfolio-title {
        font-size: 28px
    }

    .portfolio-wrap.style5 .portfolio-details .media-left {
        max-width: 460px
    }
}

@media (max-width:767px) {
    .portfolio-wrap.style5 .portfolio-details {
        padding: 0 40px 40px 40px
    }

    .portfolio-wrap.style5 .portfolio-details .portfolio-title {
        font-size: 24px
    }
}

@media (max-width:575px) {
    .portfolio-wrap.style5 .portfolio-details .media-left {
        max-width: none;
        margin-bottom: 20px
    }

    .portfolio-wrap.style5 .portfolio-details {
        padding: 30px 15px 40px 15px;
        display: block
    }

    .portfolio-wrap.style5 .portfolio-thumb img {
        min-height: 300px;
        object-fit: cover
    }

    .portfolio-wrap.style5 .portfolio-details .portfolio-title {
        font-size: 22px
    }

    .portfolio-wrap .portfolio-details .portfolio-meta li {
        font-size: 16px
    }
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details {
    padding: 0 48px 48px 48px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: end;
    max-width: none
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
    max-width: 746px
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn {
    color: var(--smoke-color)
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn:after,
.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn:before {
    background: var(--smoke-color)
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .link-btn img {
    filter: brightness(99) grayscale(99)
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-meta li:after {
    color: var(--smoke-color)
}

.project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-details-btn {
    flex: none
}

@media (max-width:1199px) {
    .project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
        max-width: 600px
    }
}

@media (max-width:991px) {
    .project-area-8 .portfolio-wrap.style3 .portfolio-details {
        padding: 0 35px 35px 35px
    }
}

@media (max-width:767px) {
    .project-area-8 .portfolio-wrap.style3 .portfolio-details {
        padding: 0 25px 25px 25px
    }

    .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-title {
        font-size: 20px
    }
}

@media (max-width:575px) {
    .project-area-8 .portfolio-wrap.style3 .portfolio-thumb img {
        min-height: 300px;
        object-fit: cover
    }

    .project-area-8 .portfolio-wrap.style3 .portfolio-details {
        display: block
    }

    .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-meta {
        flex-wrap: wrap
    }

    .project-area-8 .portfolio-wrap.style3 .portfolio-details .portfolio-thumb img {
        min-height: 300px
    }

    .project-area-8 .portfolio-wrap.style3 .portfolio-details .media-left {
        max-width: none;
        margin-bottom: 20px
    }
}

.slick-track>[class*=col] {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y)
}

.slick-track {
    min-width: 100%
}

.slick-list {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden
}

.slick-slide img {
    display: inline-block
}

.slick-dots {
    list-style-type: none;
    padding: 0;
    margin: 54px 0 0 0;
    line-height: 0;
    text-align: center;
    height: max-content
}

.slick-dots li {
    display: inline-block;
    margin-right: 12px
}

.slick-dots li:last-child {
    margin-right: 0
}

.slick-dots button {
    font-size: 0;
    padding: 0;
    width: 10px;
    height: 10px;
    line-height: 0;
    border-radius: 9999px;
    border: 1px solid var(--title-color);
    background-color: #fff0;
    transition: all ease .4s;
    position: relative
}

.slick-dots .slick-active button {
    background-color: var(--title-color)
}

.dot-style2 .slick-dots button {
    border: 1px solid var(--smoke-color)
}

.dot-style2 .slick-dots .slick-active button {
    background-color: var(--smoke-color)
}

.wpo-service-item-2 {
    text-align: center
}

.wpo-service-item-2 img {
    width: 200px;
    margin: 15px 0;
    border-radius: 50%
}

.social-icon-bar {
    position: fixed;
    top: 80%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    z-index: 45
}

.social-icon-bar a {
    display: block;
    text-align: center;
    padding: 5px 10px;
    transition: .3s;
    margin: 10px 0;
    color: #fff;
    font-size: 20px;
    border-radius: 50%
}

.whatsapp {
    background: #d5c9ab;
    border: 2px solid #c3b287;
    color: #fff
}

.facebook {
    background: #3b5998;
    color: #fff
}

.instagram {
    background: #c94e76;
    color: #fff
}

.address-icon {
    background: #c8a86a;
    color: #fff
}

.phone {
    background: #d5c9ab;
    border: 2px solid #c3b287;
    color: #fff
}

.wht-cause {
    position: relative;
    padding: 0 10px
}

.wht-cause h2 {
    font-family: roboto;
    color: #828282;
    padding-bottom: 12px;
    font-size: 21px
}

.social-icon-bar a:hover {
    background-color: #c3b287
}

div.sticky {
    position: sticky;
    top: 100px;
    font-size: 20px;
    margin-bottom: 20px;
    display: block;
    color: #232f4b;
    border-radius: 100px;
    z-index: 10
}

::-webkit-scrollbar {
    width: 10px;
    margin: 0
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: #d5c9ab;
    border-radius: 10px;
    height: 10px;
    width: 10px !important
}

.wrapper {
    padding: 13px 35px;
    position: relative;
    overflow-x: hidden;
    max-width: 100%;
    background: #d5c9ab;
    border-radius: 13px
}

.wrapper .icons {
    position: absolute;
    top: 0;
    height: 100%;
    width: 120px;
    display: flex;
    align-items: center
}

.icons:first-child {
    left: 0;
    display: none;
    background: linear-gradient(90deg, #d5c9ab 70%, transparent)
}

.icons:last-child {
    right: 0;
    justify-content: flex-end;
    background: linear-gradient(-90deg, #d5c9ab 70%, transparent)
}

.icons i {
    width: 55px;
    height: 55px;
    cursor: pointer;
    font-size: 1.2rem;
    text-align: center;
    line-height: 55px;
    border-radius: 50%
}

.icons i:hover {
    background: #efedfb
}

.icons:first-child i {
    margin-left: 15px
}

.icons:last-child i {
    margin-right: 15px
}

.wrapper .tabs-box {
    display: flex;
    gap: 12px;
    list-style: none;
    overflow-x: hidden;
    scroll-behavior: smooth
}

.tabs-box.dragging {
    scroll-behavior: auto;
    cursor: grab
}

.tabs-box .tab {
    cursor: pointer;
    font-size: 18px;
    white-space: nowrap;
    background: #c3b287;
    padding: 13px 20px;
    border-radius: 30px;
    border: 1px solid #c3b287
}

.tabs-box .tab:hover {
    background: #f9eed2;
    color: #fff !important
}

.tabs-box.dragging .tab {
    user-select: none;
    pointer-events: none
}

.tabs-box .tab.active {
    color: #fff;
    background: #5372f0;
    border-color: #fff0
}

.phone-btn {
    display: none
}

@media (max-width:430px) {
    .phone-btn {
        display: inline-block;
        text-align: center;
        margin: 15px 0
    }

    .phone-btn-hidde {
        display: none
    }

    .team-card .team-card_img img {
        transform: scale(1.05);
        filter: grayscale(0) !important
    }

    .team-card .team-card_content {
        opacity: 1 !important;
        bottom: 0
    }
}

@media (max-width:768px) {
    .phone-btn {
        display: inline-block;
        text-align: center;
        margin: 15px 0
    }

    .phone-btn-hidde {
        display: none
    }

    .team-card .team-card_img img {
        transform: scale(1.05);
        filter: grayscale(0) !important
    }

    .team-card .team-card_content {
        opacity: 1 !important;
        bottom: 0
    }

    .team-card .team-card_content {
        position: absolute;
        left: 0;
        bottom: -10px;
        padding: 0 28px 36px;
        width: 100% !important;
        text-align: center !important;
        transition: .4s;
        opacity: 0;
        z-index: 1
    }
}

.eterne-video {
    margin: 20px 0
}

#regForm {
    background-color: #fff;
    margin: 100px auto;
    padding: 40px;
    width: 70%;
    min-width: 300px
}

input.invalid {
    background-color: #fdd
}

.tab {
    display: none
}

.contact-validation-active button {
    background-color: #c3b287;
    color: #fff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Montserrat, sans-serif;
    cursor: pointer
}

.contact-validation-active button:hover {
    opacity: .8
}

.contact-validation-active #prevBtn {
    background-color: #bbb
}

.contact-validation-active .step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: .5
}

.step.active {
    opacity: 1
}

.step.finish {
    background-color: #c3b287
}

.radio-buttons {
    width: 100%;
    margin: 0 auto;
    text-align: center
}

.custom-radio input {
    display: none
}

.radio-btn {
    margin: 6px 10px;
    width: 100%;
    height: 100px;
    border: 3px solid #fff0;
    display: inline-block;
    border-radius: 10px;
    position: relative;
    text-align: center;
    box-shadow: 0 0 20px #c3c3c367;
    cursor: pointer
}

.radio-btn>i {
    color: #fff;
    background-color: #c3b287;
    font-size: 20px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%) scale(4);
    border-radius: 50px;
    padding: 3px;
    transition: .2s;
    pointer-events: none;
    opacity: 0
}

.radio-btn .hobbies-icon {
    display: flex;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    align-items: center
}

.radio-btn .hobbies-icon img {
    color: #c3b287;
    line-height: 80px;
    width: 150px
}

.radio-btn .hobbies-icon h3 {
    color: #5a5a5a;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 500;
    margin-top: 20px;
    margin-left: 20px;
    text-align: left
}

.radio-btn .hobbies-icon h3 samp p {
    color: #5a5a5a;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-align: left
}

.custom-radio input:checked+.radio-btn {
    border: 3px solid #c3b287
}

.custom-radio input:checked+.radio-btn>i {
    opacity: 1;
    transform: translateX(-50%) scale(1)
}

.list-widget ul li {
    padding: 10px 0;
    font-size: 18px;
    padding-left: 5px;
    position: relative;
    list-style: none;
    color: #000
}

.list-widget ul li a {
    padding: 10px 0;
    font-size: 20px;
    color: #000
}

.experience-border {
    padding: 17px;
    border: 1px solid #aca79a;
    display: inline-block;
    margin-left: -100px;
    border-radius: 90px;
    z-index: 10000000;
    position: relative;
    background: #fff
}

.experience-border-2 {
    padding: 17px;
    background: #fff;
    width: auto;
    border: 1px solid #aca79a;
    border-radius: 103px;
    display: inline-block;
    float: right;
    margin-right: -123px;
    margin-left: auto;
    position: relative;
    z-index: 11
}

@media (max-width:767px) {
    .experience-border {
        padding: 17px;
        border: 1px solid #aca79a;
        display: block;
        width: 300px;
        border-radius: 90px;
        z-index: 10000000;
        position: relative;
        background: #fff;
        margin: 0 auto
    }

    .experience-border-2 {
        background: #fff;
        border: 1px solid #aca79a;
        border-radius: 103px;
        display: block;
        position: relative;
        z-index: 11;
        float: none;
        padding: 17px;
        width: 320px;
        margin: 0 auto;
        margin-top: 20px
    }


    .wpo-site-header .header-right .theme-btn {
        border-radius: 12px;
        border: 1px solid #aba596;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-align: center;
        background: 0 0;
        color: #1a1729;
        padding: 10px;
        display: block !important;
    }
}

@media (max-width:1650px) and (min-width:1024px) {
    .wpo-hero-style-1 .wpo-hero-title h2.wpo-hero-title-2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .wpo-hero-style-1 .wpo-hero-title-box,
    .wpo-hero-style-2 .wpo-hero-title-box {
        padding: 20px;
        background: #eae6dc;
        border-radius: 150px;
        margin-left: -61px;
        margin-right: -115px;
        position: relative;
        max-width: 690px;
        overflow: hidden;
        margin-bottom: 158px;
        z-index: 11
    }
}

@media (max-width:1024px) and (min-width:768px) {
    .experience-border-2 {
        padding: 17px;
        background: #fff;
        max-width: 305px;
        border: 1px solid #aca79a;
        border-radius: 103px;
        display: inline-block;
        float: right;
        margin-right: -85px;
        margin-left: auto;
        position: relative;
        z-index: 11
    }

    .wpo-hero-style-1 .wpo-hero-title h2.wpo-hero-title-2 {
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase;
        margin-bottom: 0
    }

    .wpo-hero-style-1 .wpo-supporter .wpo-supporter-text h3,
    .wpo-hero-style-2 .wpo-supporter .wpo-supporter-text h3 {
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 0;
        font-family: "Helvetica Neue", sans-serif
    }

    .wpo-hero-style-1 .wpo-supporter .wpo-supporter-text h3,
    .wpo-hero-style-2 .wpo-supporter .wpo-supporter-text h3 {
        font-size: 40px;
        font-style: normal;
        font-weight: 500;
        margin-bottom: 0;
        font-family: "Helvetica Neue", sans-serif
    }
}

.copyright-wrap {
    padding: 22px 0;
    margin-top: 20px
}

.copyright-wrap {
    border-top: 1px solid #5a5a5a
}

.copyright-wrap a,
.copyright-wrap p {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
    color: #5a5a5a
}

.copyright-text {
    margin: 0;
    color: #5a5a5a;
    font-weight: 400;
    font-size: 18px
}

.social-btn.style3 a {
    background: #fff0;
    width: auto;
    height: auto;
    line-height: normal;
    border-radius: 0;
    color: #5a5a5a;
    border: 0;
    font-size: 20px
}

.social-btn {
    display: flex;
    gap: 30px
}

.wpo-service-single-title h3 {
    font-size: 22px
}

.hide {
    display: none
}

.mainBox {
    width: 660px;
    height: 650px;
    background-color: #004585;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap
}

.smallBox {
    width: 200px;
    height: 200px;
    margin: 10px;
    border-radius: 20px;
    background-color: #a1b3cd;
    font-size: 120px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.hair-loss-options {
    display: flex;
    gap: 15px;
    margin: 40px 0
}

@media (max-width:430px) {
    .hair-loss-options {
        display: flex;
        gap: 15px;
        margin: 40px 0;
        flex-direction: column
    }

    .hair-option input[type=radio] {
        display: block !important
    }

    .hair-option span {
        margin-top: 5px;
        font-size: 22px;
        margin-bottom: 20px;
        display: flex !important;
        justify-content: center !important
    }

    .hair-option img {
        width: auto !important;
        height: 120px !important;
        text-align: left !important
    }

    .hair-concern {
        margin: 50px 0 !important
    }

    .hair-concern label {
        display: flex
    }

    .hair-concern label input {
        width: auto !important
    }
}

.hair-option {
    text-align: center;
    cursor: pointer
}

.hair-option img {
    width: auto;
    height: 200px;
    border-radius: 50%;
    border: 2px solid #fff0;
    transition: .3s ease;
    margin-top: 15px
}

.hair-option input[type=radio] {
    display: none
}

.hair-option:has(input[type=radio]:checked) {
    border: 2px solid #c3b287;
    border-radius: 20px
}

.hair-option span {
    display: block;
    margin-top: 5px;
    font-size: 22px;
    margin-bottom: 20px
}

#suggestions {
    border: 1px solid #c3b287;
    max-width: 100%;
    background: #fff;
    position: absolute
}

.suggestion {
    padding: 8px;
    cursor: pointer
}

.suggestion:hover {
    background: #f0f0f0
}

input.radio-btn {
    width: 20px !important;
    height: 20px !important
}

.radio-group-with-images {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.radio-image-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 2px solid #fff0;
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    transition: border .2s ease
}

.radio-image-option input[type=radio] {
    display: none
}

.radio-image-option img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    border-radius: 8px
}

.radio-image-option span {
    margin-top: 8px;
    font-size: 22px;
    padding-left: 50px
}

.radio-image-option:has(input[type=radio]:checked) {
    border: 2px solid #c3b287
}

.wpo-project-single-content-des-right {
    max-width: 100%;
    -ms-flex-preferred-size: 35%;
    flex-basis: 35%;
    margin-bottom: 50px
}

@media (max-width:1200px) {
    .wpo-project-single-content-des-right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 40px
    }
}

@media (max-width:991px) {
    .wpo-project-single-content-des-right {
        margin-left: 0;
        max-width: 100%;
        margin-top: 20px
    }
}

.wpo-project-single-content-des-right ul {
    list-style: none;
    padding: 20px;
    -webkit-box-shadow: 0 2px 10px rgb(14 29 44 / .15);
    box-shadow: 0 2px 10px rgb(14 29 44 / .15)
}

@media (max-width:575px) {
    .wpo-project-single-content-des-right ul {
        padding: 50px 20px
    }
}

.wpo-project-single-content-des-right ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px 0;
    font-size: 16px;
    color: #1a1729;
    font-weight: 400;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 600
}

.wpo-project-single-content-des-right ul li span {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    color: #5a5a5a;
    font-weight: 400
}

.wpo-project-single-content-des-right ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.wpo-project-single-content-des-right ul li:first-child {
    padding-top: 0
}

.wpo-project-single-area .wpo-project-single-wrap .list-widget ul {
    list-style: none
}

.wpo-project-single-area .wpo-project-single-wrap .list-widget ul li {
    padding: 7px 0;
    padding-left: 5px;
    position: relative
}

.comparisons-wrapper {
    width: 100%;
    max-width: 1200px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
    gap: 30px;
    margin-bottom: 40px
}

.comparison-container {
    position: relative;
    width: 100%;
    height: 350px;
    overflow: hidden;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgb(0 0 0 / .1);
    background: #fff
}

.comparison-container img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    user-select: none
}

.after-image {
    clip-path: inset(0 50% 0 0);
    transition: clip-path 50ms linear
}

.slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background-color: #fff;
    box-shadow: 0 0 8px rgb(0 0 0 / .3);
    cursor: ew-resize;
    z-index: 10;
    transform: translateX(-1.5px)
}

.slider-handle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgb(0 0 0 / .2)
}

.slider-handle:after,
.slider-handle:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 2px;
    background: #555
}

.slider-handle:before {
    transform: rotate(45deg);
    left: 9px
}

.slider-handle:after {
    transform: rotate(-45deg);
    right: 9px
}

.label {
    position: absolute;
    top: 15px;
    padding: 6px 14px;
    background: rgb(0 0 0 / .7);
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    border-radius: 18px;
    z-index: 11;
    pointer-events: none
}

.label.before {
    left: 15px
}

.label.after {
    right: 15px
}

.percentage-display {
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    padding: 5px 10px;
    background: rgb(0 0 0 / .7);
    color: #fff;
    border-radius: 18px;
    font-size: 12px;
    z-index: 11;
    pointer-events: none
}

.case-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / .7);
    color: #fff;
    padding: 10px 15px;
    font-size: 12px;
    z-index: 11;
    pointer-events: none
}

@media (max-width:768px) {
    .comparisons-wrapper {
        grid-template-columns: 1fr
    }

    .comparison-container {
        height: 300px
    }
}

@media (max-width:480px) {
    .comparison-container {
        height: 250px
    }

    .label {
        font-size: 12px;
        padding: 5px 10px
    }

    .slider-handle {
        width: 30px;
        height: 30px
    }
}

.h-concern {
    display: flex !important;
    margin: 20px 0 !important
}

.h-concern input {
    width: 100px !important;
    margin-bottom: 5px !important
}

.wpo-project-text h2 {
    font-size: 35px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    margin-top: 0 !important;
    position: sticky;
    top: 0
}

.vertical-center {
    display: flex;
    justify-content: center;
    align-items: center
}

.why-eterne-bg-block {
    width: 100%;
    height: max-content;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 75% 100%;
    background-image: url(../images/main-hair-banner.webp) !important;
    background-color: #8f8f8f;
}

.why-eterne-clinic-bg-block {
    width: 100%;
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    background-attachment: fixed;
    background-image: url(../images/slider/main-clinic-banner.webp) !important
}

.content-block {
    height: 640px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    vertical-align: middle;
}

.content-block-2 {
    height: 640px;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    vertical-align: middle;
    background-color: #fff
}

.content-element {
    width: 950px;
    text-align: left;
    color: #fff
}

.content-element-2 {
    width: 950px;
    text-align: center;
    color: #fff;
    background-color: #d3c9ae;
    padding: 70px 50px 20px 50px !important;
    border-radius: 12px;
    border: 2px solid #0005
}

.text-white h2,
.text-white p {
    color: #fff !important
}

h1.text-white {
    font-size: 36px !important
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-color: #c3b287 !important;
    border-style: solid !important;
    border-width: 1px !important
}

.instagram-media {
    height: 655px !important;
    overflow: hidden !important
}

#blog-page {
    margin-top: 80px
}

.post-tag {
    font-size: .775rem;
    line-height: 1;
    font-weight: 500;
    text-transform: capitalize;
    letter-spacing: 1.5px;
    margin-bottom: 10px
}

.blog-post a {
    color: #363636
}

.theme--dark .blog-post a {
    color: #fff
}

.post-link {
    line-height: 1.3;
    margin-bottom: 10px
}

#blog-1 .post-link {
    margin-bottom: 8px
}

.blog-post-img {
    margin-bottom: 20px
}

.blog-post .item-overlay {
    background: rgb(10 10 10 / .1)
}

.blog-post:hover img {
    transform: scale(1.05);
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    -moz-transform: scale(1.05)
}

.blog-post:hover .item-overlay {
    opacity: 1;
    -moz-opacity: 1;
    bottom: 0
}

#single-post {
    margin-top: 80px
}

.post-content {
    padding: 0 5%
}

.single-post-title {
    text-align: center;
    margin-bottom: 50px
}

.single-post-title h2 {
    line-height: 1.3;
    padding: 0 3%;
    margin-bottom: 20px
}

.single-post-title .post-tag {
    margin-bottom: 40px
}

.single-post-title .post-tag a {
    color: #363636;
    font-weight: 600
}

.theme--dark .single-post-title .post-tag a {
    color: #fff
}

.single-post-txt {
    padding-bottom: 60px;
    margin-bottom: 80px;
    border-bottom: 1px solid #ccc
}

.theme--dark .single-post-txt {
    border-bottom: 1px solid #666
}

.single-post-txt h4,
.single-post-txt h5 {
    margin-top: 28px;
    margin-bottom: 30px
}

.post-inner-img {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px
}

.post-tags h5 {
    line-height: 1;
    margin-bottom: 35px
}

.post-tags span a {
    background-color: #fff0;
    color: #363636;
    font-size: .65rem;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 8px 16px;
    border: 1.75px solid #363636;
    margin: 0 5px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.theme--dark .post-tags span a {
    color: #ccc;
    border: 1.75px solid #ccc
}

.post-tags span a:hover {
    background-color: #363636;
    color: #fff !important
}

.theme--dark .post-tags span a:hover {
    background-color: #fff;
    color: #363636 !important
}

.post-share-list h5 {
    line-height: 1;
    margin-bottom: 35px
}

.share-social-icons {
    display: inline-block;
    padding-left: 0
}

.share-social-icons li {
    width: auto !important;
    display: inline-block !important;
    vertical-align: top;
    clear: none !important;
    padding: 0;
    margin: 0 10px
}

.theme--dark .share-social-icons li span {
    color: #999 !important;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.theme--dark .share-social-icons li:hover span {
    color: #ccc !important
}

.post-comments {
    padding-top: 80px;
    margin-top: 80px;
    border-top: 1px solid #ccc
}

.theme--dark .post-comments {
    border-top: 1px solid #666
}

.post-comments hr {
    margin-top: 24px;
    margin-bottom: 40px
}

.post-comments h4 {
    margin-bottom: 60px
}

.post-comments img {
    width: 68px;
    height: 68px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%
}

.comment-body {
    margin-left: 25px
}

.comment-meta {
    margin-bottom: 10px
}

.comment-meta h5 {
    font-size: 1.2rem;
    font-family: Jost, sans-serif;
    line-height: 1;
    margin-bottom: 0
}

.comment-date {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 5px
}

.btn-reply {
    margin-left: 3px
}

.btn-reply a {
    font-size: 1rem;
    font-weight: 400
}

.btn-reply span {
    position: relative;
    top: 3px;
    margin-right: 4px;
    left: 3px
}

.theme--dark .btn-reply a,
.theme--dark .btn-reply span {
    color: #ccc !important
}

.btn-reply.ico-20 [class*=flaticon-]:after,
.btn-reply.ico-20 [class*=flaticon-]:before {
    font-size: .935rem
}

.btn-reply a:hover {
    color: #222
}

.theme--dark .btn-reply a:hover {
    color: #fff !important
}

#leave-comment {
    padding-top: 80px;
    margin-top: 40px;
    border-top: 1px solid #ccc
}

.theme--dark #leave-comment {
    border-top: 1px solid #666
}

#leave-comment h4 {
    margin-bottom: 10px
}

.comment-form {
    position: relative;
    margin-top: 60px
}

.comment-form .form-control {
    height: 52px;
    background-color: #fff0;
    border: none;
    border-bottom: 1px solid #6f6f6f;
    box-shadow: 0 0;
    color: #363636;
    font-size: 1.0625rem;
    line-height: 1;
    padding: 0 5px;
    margin-bottom: 25px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.theme--dark .comment-form .form-control {
    border-bottom: 1px solid #666;
    color: #ccc
}

.comment-form .form-control.message {
    line-height: 1.6
}

.comment-form textarea {
    min-height: 120px
}

.comment-form textarea.form-control {
    padding: 0 5px
}

.theme--dark .comment-form .form-control::-moz-placeholder {
    color: #ccc
}

.theme--dark .comment-form .form-control:-ms-input-placeholder {
    color: #ccc
}

.theme--dark .comment-form .form-control::-webkit-input-placeholder {
    color: #ccc
}

.comment-form .form-control:focus {
    outline: 0 none;
    box-shadow: none;
    border-color: #363636
}

.comment-form .btn {
    margin-top: 15px
}

.comment-form .btn:focus {
    outline: 0 none;
    box-shadow: none
}

.comment-form-msg {
    width: 100% !important;
    display: block;
    margin-top: 15px;
    padding-left: 0
}

.comment-form .loading {
    color: #363636;
    font-size: 1.0625rem;
    line-height: 1;
    font-weight: 500
}

.theme--dark .comment-form .loading {
    color: #ccc !important
}

.comment-form .error {
    color: #e74c3c;
    font-size: .85rem;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 10px;
    padding-left: 10px
}

.page-link {
    color: #6c757d;
    font-size: 1.1rem;
    font-weight: 500;
    padding: 2px 14px;
    margin: 0 8px;
    background-color: #fff0;
    border: 2px solid #fff0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.theme--dark .page-link {
    color: #ccc
}

.pagination.ico-20 [class*=flaticon-]:after,
.pagination.ico-20 [class*=flaticon-]:before {
    font-size: .9rem
}

.page-item:first-child .page-link {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.page-item:last-child .page-link {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.page-item.active .page-link {
    color: #fff !important;
    background-color: #262b2f;
    border: 2px solid #262b2f
}

.theme--dark .page-item.active .page-link {
    background-color: #151515;
    border: 2px solid #151515
}

.page-item.disabled .page-link {
    color: #6f6f6f;
    background-color: #fff0;
    border: 2px solid #fff0
}

.theme--dark .page-item.disabled .page-link {
    color: #ccc
}

.page-link:hover {
    color: #6f6f6f;
    background-color: #fff0;
    border: 2px solid #6f6f6f
}

.theme--dark .page-link:hover {
    color: #aaa !important;
    border: 2px solid #aaa
}

.page-link:focus {
    color: #6f6f6f;
    background-color: #fff0;
    border: 2px solid #fff0;
    box-shadow: 0 0
}

.theme--dark .page-link:focus {
    color: #aaa
}

.footer-link a {
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none
}